fun new website style
This commit is contained in:
parent
afad10e40e
commit
db2dc95cef
356
sass/main.scss
356
sass/main.scss
|
|
@ -1,109 +1,130 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
|
||||
body, html {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #181818;
|
||||
color: #d8d8d8;
|
||||
|
||||
font-family: 'Public Sans', sans-serif;
|
||||
}
|
||||
|
||||
.split {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
|
||||
.section-display {
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.section-text {
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
* {
|
||||
max-width: 500px;
|
||||
margin: auto initial;
|
||||
}
|
||||
}
|
||||
background-color: #2D3037;
|
||||
color: #EBE5CD;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: 'Exo 2', sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 4em;
|
||||
text-align: center;
|
||||
font-weight: 100;
|
||||
|
||||
color: #A8A8A8;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
object-fit: cover;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Public Sans', sans-serif;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: auto;
|
||||
margin-top: 120px;
|
||||
max-width: 900px;
|
||||
padding: 12px 24px;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-family: 'Exo 2', sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
line-height: 100%;
|
||||
|
||||
color: #d8d8d8;
|
||||
font-weight: 700;
|
||||
margin: 8px 0;
|
||||
}
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 12px 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
.split {
|
||||
flex-direction: column;
|
||||
p {
|
||||
margin: 12px 0;
|
||||
}
|
||||
|
||||
.section-display {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.section-text {
|
||||
width: calc(100% - 24px); // i should absolutely use variables for this
|
||||
// but no, i don't feel like it.
|
||||
margin: auto;
|
||||
padding: 12px;
|
||||
* {
|
||||
width: 100%;
|
||||
max-width: unset;
|
||||
}
|
||||
}
|
||||
b {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
i, em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 18px 0;
|
||||
list-style-type: square;
|
||||
li {
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.decor {
|
||||
font-family: hibiscus, sans-serif;
|
||||
line-height: 0;
|
||||
ol {
|
||||
list-style-type: upper-roman;
|
||||
}
|
||||
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
background-color: #d8d8d80A;
|
||||
padding: 0 4px;
|
||||
border-radius: 2px;
|
||||
transition: 0.1s cubic-bezier(0.65, 0, 0.35, 1);
|
||||
color: #EBE5CD;
|
||||
a:focus {
|
||||
color: #EBE5CD;
|
||||
}
|
||||
transition: 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
}
|
||||
a:hover {
|
||||
background-color: #d8d8d820;
|
||||
}
|
||||
|
||||
.page-list * {
|
||||
margin: 0;
|
||||
margin-bottom: 8px;
|
||||
color: #aca794;
|
||||
}
|
||||
|
||||
.infobox {
|
||||
background: #A8A8A8;
|
||||
color: #181818;
|
||||
width: 400px;
|
||||
margin: 24px auto;
|
||||
padding: 12px;
|
||||
background: #EBE5CD;
|
||||
color: #181818;
|
||||
a {
|
||||
padding: 0;
|
||||
color: #181818;
|
||||
a:focus {
|
||||
color: #181818;
|
||||
}
|
||||
}
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.infobox-error {
|
||||
|
|
@ -112,179 +133,4 @@ a:hover {
|
|||
|
||||
.infobox-important {
|
||||
background: #faecc0;
|
||||
}
|
||||
|
||||
.button {
|
||||
background: #292828;
|
||||
border: 2px solid #3B4552;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 2px 0px #3B4552;
|
||||
|
||||
padding: 2px 18px;
|
||||
|
||||
color: #d8d8d8;
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
.button:active {
|
||||
box-shadow: 0px #3B4552;
|
||||
}
|
||||
|
||||
.button.htmx-request {
|
||||
opacity: .5;
|
||||
transition: opacity 100ms ease-in-out;
|
||||
}
|
||||
|
||||
.big {
|
||||
font-size: 4em;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
label {
|
||||
font-weight: bold;
|
||||
}
|
||||
input, textarea {
|
||||
background: #292828;
|
||||
border: 2px solid #3B4552;
|
||||
border-radius: 4px;
|
||||
|
||||
padding: 2px 8px;
|
||||
margin: 8px 0;
|
||||
|
||||
color: #d8d8d8;
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* fonts start here */
|
||||
|
||||
@font-face {
|
||||
font-family: hibiscus;
|
||||
src: url(/fotns/Hibiscus.ttf);
|
||||
}
|
||||
/* exo-2-100 - latin */
|
||||
@font-face {
|
||||
font-family: 'Exo 2';
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
src: url('/fotns/exo-2-v10-latin-100.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('/fotns/exo-2-v10-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/fotns/exo-2-v10-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/fotns/exo-2-v10-latin-100.woff') format('woff'), /* Modern Browsers */
|
||||
url('/fotns/exo-2-v10-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/fotns/exo-2-v10-latin-100.svg#Exo2') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* exo-2-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Exo 2';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('/fotns/exo-2-v10-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('/fotns/exo-2-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/fotns/exo-2-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/fotns/exo-2-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('/fotns/exo-2-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/fotns/exo-2-v10-latin-regular.svg#Exo2') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* exo-2-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Exo 2';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('/fotns/exo-2-v10-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('/fotns/exo-2-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/fotns/exo-2-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/fotns/exo-2-v10-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('/fotns/exo-2-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/fotns/exo-2-v10-latin-700.svg#Exo2') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* exo-2-italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Exo 2';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('/fotns/exo-2-v10-latin-italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('/fotns/exo-2-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/fotns/exo-2-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/fotns/exo-2-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('/fotns/exo-2-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/fotns/exo-2-v10-latin-italic.svg#Exo2') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* exo-2-700italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Exo 2';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url('/fotns/exo-2-v10-latin-700italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('/fotns/exo-2-v10-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/fotns/exo-2-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/fotns/exo-2-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('/fotns/exo-2-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/fotns/exo-2-v10-latin-700italic.svg#Exo2') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* fira-sans-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Fira Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('/fotns/fira-sans-v11-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('/fotns/fira-sans-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/fotns/fira-sans-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/fotns/fira-sans-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('/fotns/fira-sans-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/fotns/fira-sans-v11-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* fira-sans-italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Fira Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('/fotns/fira-sans-v11-latin-italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('/fotns/fira-sans-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/fotns/fira-sans-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/fotns/fira-sans-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('/fotns/fira-sans-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/fotns/fira-sans-v11-latin-italic.svg#FiraSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* fira-sans-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Fira Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('/fotns/fira-sans-v11-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('/fotns/fira-sans-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/fotns/fira-sans-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/fotns/fira-sans-v11-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('/fotns/fira-sans-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/fotns/fira-sans-v11-latin-700.svg#FiraSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* fira-sans-700italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Fira Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url('/fotns/fira-sans-v11-latin-700italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('/fotns/fira-sans-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/fotns/fira-sans-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/fotns/fira-sans-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('/fotns/fira-sans-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/fotns/fira-sans-v11-latin-700italic.svg#FiraSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<svg width="1100" height="80" viewBox="0 0 1100 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M102.997 24.9408C100.685 29.5657 99.4419 34.564 99.2678 39.9355C99.0936 45.307 100.01 50.3751 102.018 55.1398C104.068 59.9058 107.048 64.1092 110.957 67.7498C114.909 71.3919 119.711 74.3204 125.362 76.5355C130.077 78.3709 135.293 79.5257 141.011 80H145.171H152.75C156.77 79.6454 160.536 78.9076 164.049 77.7868C169.875 75.9429 174.856 73.3307 178.993 69.9503C183.173 66.5713 186.418 62.5693 188.731 57.9444C191.085 53.3208 192.349 48.3232 192.524 42.9517C192.698 37.5802 191.76 32.5114 189.71 27.7454C187.702 22.9807 184.722 18.7774 180.771 15.1353C176.861 11.4947 172.06 8.56611 166.366 6.34964C160.714 4.13454 154.31 2.91124 147.153 2.67975C139.995 2.44827 133.504 3.25447 127.679 5.09837C121.895 6.94364 116.914 9.55579 112.735 12.9348C108.597 16.3152 105.352 20.3172 102.997 24.9408ZM120.525 49.1969C119.427 46.4516 118.927 43.5775 119.024 40.5745C119.122 37.5715 119.807 34.7357 121.081 32.0672C122.397 29.4 124.231 27.0883 126.584 25.1321C128.98 23.1349 131.849 21.5976 135.191 20.5202C138.577 19.4018 142.387 18.9112 146.622 19.0481C150.857 19.1851 154.606 19.9203 157.87 21.2537C161.177 22.5462 163.941 24.2657 166.16 26.4121C168.424 28.5176 170.104 30.943 171.203 33.6883C172.343 36.4349 172.864 39.3097 172.767 42.3127C172.67 45.3157 171.963 48.1508 170.647 50.818C169.375 53.4442 167.54 55.756 165.144 57.7531C162.791 59.7093 159.922 61.2466 156.537 62.365C153.195 63.4424 149.407 63.9126 145.171 63.7757C140.936 63.6387 137.165 62.924 133.858 61.6315C130.594 60.2981 127.831 58.5786 125.567 56.4731C123.348 54.3266 121.667 51.9012 120.525 49.1969Z" fill="#EBE5CD"/>
|
||||
<path d="M25.1449 58.7504C19.093 57.1151 13.5754 54.6927 8.59213 51.483L0 65.4313C2.58047 66.912 5.43896 68.317 8.57548 69.6463C11.7543 70.977 15.1498 72.1664 18.7617 73.2147C22.3751 74.2207 26.1852 75.0426 30.192 75.6803C34.1975 76.3602 38.3601 76.7701 42.6798 76.9098C49.71 77.1372 55.9158 76.6393 61.2972 75.4161C66.721 74.1943 71.2726 72.4151 74.9519 70.0784C78.6326 67.6993 81.4384 64.8475 83.3692 61.5227C85.3 58.198 86.3291 54.5689 86.4567 50.6354C86.5554 47.5901 86.0961 44.7596 85.0786 42.144C84.0612 39.5284 82.4822 37.2333 80.3417 35.2588C78.2012 33.2842 75.4541 31.7135 72.1003 30.5465C68.7889 29.3809 64.8886 28.7255 60.3995 28.5803C57.9855 28.5023 55.6104 28.5313 53.2743 28.6674C50.9805 28.8049 48.7496 28.9656 46.5815 29.1496C44.4147 29.2912 42.3327 29.4355 40.3354 29.5826C38.3381 29.7297 36.45 29.7745 34.6713 29.717C32.7232 29.654 31.0756 29.4737 29.7286 29.1761C28.4254 28.8375 27.3585 28.4008 26.5279 27.8659C25.7411 27.29 25.1687 26.6364 24.8109 25.905C24.4954 25.1751 24.3521 24.366 24.3809 23.4778C24.4207 22.2512 24.7972 21.099 25.5104 20.0212C26.2674 18.9026 27.422 17.9449 28.974 17.1483C30.5274 16.3094 32.5194 15.6752 34.9498 15.2458C37.424 14.7754 40.4186 14.597 43.9337 14.7107C48.9734 14.8737 53.8477 15.5606 58.5567 16.7714C63.3094 17.9413 68.0497 19.4918 72.7777 21.423L79.1588 7.02213C76.943 6.06132 74.3864 5.15301 71.4889 4.29717C68.5928 3.39904 65.5662 2.60255 62.4091 1.90768C59.252 1.21281 56.0273 0.642772 52.7349 0.197567C52.268 0.127694 51.8035 0.0618389 51.3416 0H31.4895C30.156 0.213111 28.8585 0.473465 27.597 0.78174C22.8959 1.94223 18.8553 3.65333 15.4751 5.91504C12.0964 8.13445 9.46549 10.8226 7.58254 13.9796C5.69958 17.1365 4.69638 20.6182 4.57294 24.4248C4.47556 27.4278 4.89256 30.2569 5.82394 32.9121C6.75669 35.525 8.31449 37.8194 10.4974 39.7953C12.6802 41.7712 15.5325 43.3665 19.0543 44.5813C22.6184 45.7974 26.9415 46.4876 32.0236 46.652C34.3529 46.7273 36.6432 46.6956 38.8947 46.5567C41.1884 46.4192 43.3764 46.2782 45.4584 46.1339C47.5841 45.9486 49.6033 45.781 51.516 45.6312C53.4286 45.4814 55.2107 45.4331 56.8624 45.4866C60.4199 45.6016 62.9403 46.3182 64.4238 47.6364C65.9496 48.956 66.6837 50.5039 66.6261 52.2804C66.5863 53.5069 66.1873 54.7007 65.4289 55.8617C64.6705 57.0227 63.4081 58.0404 61.6416 58.9147C59.875 59.789 57.5422 60.4757 54.6432 60.9747C51.7441 61.4737 48.1348 61.6533 43.815 61.5136C37.4201 61.3068 31.1967 60.3857 25.1449 58.7504Z" fill="#EBE5CD"/>
|
||||
<path d="M231.474 6.67717L212.734 6.07105L211.462 45.279C211.272 51.1581 211.821 56.426 213.112 61.0828C214.404 65.6973 216.544 69.6406 219.533 72.9128C222.31 75.8727 225.837 78.2351 230.112 80H269.349C271.673 79.0975 273.998 78.0037 276.324 76.7184L276.221 79.9223L295.041 80L297.35 8.80782L278.546 8.19965L276.911 58.6371C275.596 59.9494 274.031 61.1478 272.215 62.2323C270.442 63.3181 268.525 64.2511 266.465 65.0313C264.406 65.7691 262.247 66.3344 259.987 66.7271C257.77 67.1211 255.581 67.2832 253.421 67.2133C248.848 67.0654 245.033 66.3916 241.977 65.1919C238.965 63.9513 236.56 62.2858 234.762 60.1953C233.007 58.1062 231.794 55.6324 231.124 52.774C230.455 49.8732 230.176 46.6887 230.289 43.2205L231.474 6.67717Z" fill="#EBE5CD"/>
|
||||
<path d="M313.98 23.5084L332.084 24.0939L330.272 80H349.095L350.888 24.7021L368.993 25.2877L369.45 11.2033L351.345 10.6177L351.689 0H332.866L332.541 10.0095L314.436 9.42396L313.98 23.5084Z" fill="#EBE5CD"/>
|
||||
<path d="M418.092 13.3481C413.223 14.4608 408.784 16.032 404.775 18.0617L405.361 0H386.538L383.943 80H402.767L404.218 35.2548C407.385 33.0286 411.047 31.2206 415.204 29.8308C419.362 28.441 423.833 27.8235 428.619 27.9783C432.6 28.107 436.138 28.8143 439.234 30.0999C442.373 31.3446 445.009 33.0599 447.143 35.246C449.277 37.432 450.867 40.0238 451.915 43.0215C452.963 45.9768 453.43 49.2309 453.315 52.7838L452.432 80H471.192L472.08 52.6286C472.277 46.538 471.523 41.0306 469.817 36.1063C468.154 31.1835 465.662 26.9747 462.341 23.4801C459.022 19.9432 454.915 17.1853 450.018 15.2063C445.165 13.2287 439.646 12.14 433.463 11.94C428.127 11.7674 423.003 12.2368 418.092 13.3481Z" fill="#EBE5CD"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M579.059 40.3382C576.747 44.9631 575.504 49.9614 575.33 55.3329C575.155 60.7044 576.072 65.7725 578.08 70.5372C579.563 73.9861 581.534 77.1404 583.991 80H660.47C662.159 77.9463 663.6 75.7268 664.792 73.3418C667.147 68.7182 668.411 63.7206 668.585 58.3491C668.76 52.9776 667.822 47.9088 665.772 43.1427C663.764 38.3781 660.784 34.1747 656.833 30.5327C652.923 26.8921 648.121 23.9635 642.428 21.747C636.776 19.5319 630.372 18.3086 623.215 18.0771C616.057 17.8457 609.566 18.6519 603.74 20.4958C597.957 22.341 592.976 24.9532 588.796 28.3322C584.659 31.7126 581.414 35.7146 579.059 40.3382ZM596.587 64.5943C595.489 61.849 594.989 58.9749 595.086 55.9719C595.184 52.9689 595.869 50.1331 597.143 47.4646C598.459 44.7974 600.293 42.4857 602.646 40.5295C605.042 38.5323 607.911 36.995 611.253 35.9176C614.638 34.7992 618.449 34.3085 622.684 34.4455C626.919 34.5825 630.668 35.3177 633.932 36.6511C637.239 37.9436 640.003 39.6631 642.222 41.8095C644.486 43.915 646.166 46.3404 647.264 49.0857C648.405 51.8323 648.926 54.7071 648.829 57.7101C648.732 60.7131 648.025 63.5482 646.709 66.2154C645.437 68.8416 643.602 71.1533 641.206 73.1505C638.853 75.1067 635.984 76.644 632.599 77.7624C629.257 78.8398 625.468 79.31 621.233 79.173C616.998 79.0361 613.227 78.3213 609.92 77.0288C606.656 75.6954 603.893 73.976 601.629 71.8705C599.41 69.724 597.729 67.2986 596.587 64.5943Z" fill="#EBE5CD"/>
|
||||
<path d="M536.056 80H554.88L557.474 0H538.651L536.056 80Z" fill="#EBE5CD"/>
|
||||
<path d="M1033.61 32.6844L1014.81 32.0762L1013.25 80H1032.08L1032.82 57.1101C1034.43 55.6804 1036.21 54.4254 1038.16 53.3451C1040.1 52.2224 1042.1 51.3133 1044.16 50.6178C1046.26 49.8813 1048.38 49.3358 1050.51 48.9813C1052.68 48.6282 1054.78 48.4845 1056.82 48.5503C1060.67 48.6749 1064.12 49.3794 1067.18 50.6637C1070.27 51.907 1072.87 53.6844 1074.95 55.996C1077.08 58.2666 1078.67 61.0487 1079.71 64.3425C1080.79 67.5953 1081.26 71.273 1081.13 75.3757L1080.98 80H1099.74L1099.97 72.9365C1100.18 66.4653 1099.35 60.7437 1097.47 55.7716C1095.64 50.7587 1093 46.5452 1089.55 43.131C1086.1 39.7169 1081.97 37.1064 1077.15 35.2993C1072.34 33.45 1067.07 32.4328 1061.35 32.2479C1056.99 32.1068 1052.5 32.5333 1047.89 33.5274C1043.32 34.5228 1038.49 36.3566 1033.41 39.0287L1033.61 32.6844Z" fill="#EBE5CD"/>
|
||||
<path d="M905.073 50.8825C902.761 55.5075 901.518 60.5057 901.344 65.8773C901.183 70.8443 901.954 75.5519 903.659 80H925.465C924.289 78.4944 923.334 76.8739 922.601 75.1386C921.503 72.3934 921.003 69.5192 921.1 66.5162C921.198 63.5133 921.883 60.6775 923.157 58.0089C924.473 55.3417 926.307 53.03 928.66 51.0738C931.056 49.0767 933.925 47.5394 937.267 46.4619C940.653 45.3436 944.463 44.8529 948.698 44.9899C952.933 45.1268 956.682 45.862 959.946 47.1955C963.253 48.4879 966.017 50.2074 968.236 52.3539C970.5 54.4594 972.181 56.8848 973.279 59.63C974.419 62.3767 974.941 65.2515 974.843 68.2545C974.746 71.2574 974.039 74.0925 972.723 76.7597C972.171 77.899 971.514 78.9791 970.75 80H992.497C993.772 76.4949 994.473 72.7927 994.6 68.8934C994.774 63.5219 993.836 58.4531 991.786 53.6871C989.778 48.9224 986.799 44.7191 982.847 41.0771C978.937 37.4364 974.136 34.5079 968.442 32.2914C962.79 30.0763 956.386 28.853 949.229 28.6215C942.072 28.39 935.58 29.1962 929.755 31.0401C923.971 32.8854 918.99 35.4975 914.811 38.8766C910.674 42.257 907.428 46.259 905.073 50.8825Z" fill="#EBE5CD"/>
|
||||
<path d="M795.196 46.6302C792.797 51.337 791.5 56.6722 791.307 62.6359C791.122 68.3458 792.011 73.6035 793.975 78.4091C794.202 78.9474 794.44 79.4777 794.688 80H818.644C818.267 79.6913 817.901 79.3728 817.547 79.0445C815.368 76.9417 813.708 74.5381 812.567 71.8338C811.467 69.1308 810.966 66.2778 811.063 63.2748C811.168 60.0604 811.878 57.0984 813.196 54.3889C814.513 51.6794 816.348 49.3466 818.701 47.3904C821.096 45.4355 823.985 43.9412 827.368 42.9074C830.794 41.8327 834.667 41.3653 838.987 41.505C841.104 41.5735 843.28 41.8132 845.514 42.2241C847.749 42.5928 849.956 43.1511 852.137 43.8991C854.317 44.647 856.449 45.584 858.532 46.7098C860.615 47.8357 862.585 49.1908 864.441 50.7751L863.6 76.7234C862.364 77.9121 860.962 79.0043 859.394 80H882.317L884.911 0H866.088L865.03 32.6303C863.41 31.6041 861.532 30.6542 859.399 29.7807C857.309 28.8663 855.045 28.0733 852.608 27.4018C850.213 26.7315 847.687 26.1841 845.03 25.7595C842.415 25.3362 839.753 25.0807 837.042 24.993C830.69 24.7876 824.752 25.527 819.228 27.2113C813.748 28.8547 808.962 31.3249 804.87 34.6221C800.822 37.8784 797.597 41.8811 795.196 46.6302Z" fill="#EBE5CD"/>
|
||||
<path d="M707.597 22.1401L688.793 21.5319L686.898 80H705.721L706.805 46.5657C708.42 45.1361 710.199 43.8811 712.142 42.8007C714.086 41.6781 716.087 40.769 718.144 40.0734C720.246 39.3369 722.362 38.7914 724.493 38.437C726.667 38.0839 728.77 37.9402 730.803 38.0059C734.656 38.1306 738.11 38.835 741.163 40.1193C744.26 41.3626 746.852 43.1401 748.939 45.4516C751.07 47.7222 752.655 50.5044 753.693 53.7981C754.774 57.0509 755.248 60.7287 755.115 64.8313L754.623 80H773.383L773.954 62.3922C774.164 55.9209 773.332 50.1993 771.458 45.2273C769.628 40.2143 766.988 36.0008 763.538 32.5867C760.087 29.1726 755.954 26.562 751.137 24.755C746.321 22.9056 741.055 21.8885 735.338 21.7036C730.975 21.5625 726.489 21.989 721.878 22.983C717.309 23.9784 712.481 25.8122 707.391 28.4844L707.597 22.1401Z" fill="#EBE5CD"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 11 KiB |
|
|
@ -9,6 +9,9 @@
|
|||
<link href='https://unpkg.com/boxicons@2.0.9/css/boxicons.min.css' rel='stylesheet'>
|
||||
</head>
|
||||
<body>
|
||||
<img src="/logo.svg" class="title">
|
||||
<main>
|
||||
{% block content %} {% endblock %}
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,47 +1,37 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="split">
|
||||
<div class="section-display">
|
||||
<div><h1 class="title">South <br> London</h1></div>
|
||||
</div>
|
||||
<div class="section-text">
|
||||
<div class="infobox infobox-important">
|
||||
<b>South London is currently down for maintainence</b>, hopefully everything should be back up & running by the end of the week.
|
||||
</div>
|
||||
<h3>
|
||||
welcome
|
||||
</h3>
|
||||
<div>
|
||||
<p>
|
||||
hello! welcome to south london. we're a pretty small public access
|
||||
unix system, which you can use to make cool things, talk to people,
|
||||
make a webpage, explore fun new internet protocols like gemini and
|
||||
gopher, or just make an account and then never log in.
|
||||
</p>
|
||||
<h5 class="decor">DCMNDM</h5>
|
||||
<p>
|
||||
anyone's free to make an account and check it out, have a look at
|
||||
the signup page for more details.
|
||||
</p>
|
||||
</div>
|
||||
<!-- extra links -->
|
||||
<div>
|
||||
<ul class="bx-ul">
|
||||
<li><i class='bx bxs-right-arrow-alt'></i>
|
||||
<a href="./pages/signup/">sign up</a>
|
||||
</li>
|
||||
<!-- <li><i class='bx bxs-right-arrow-alt'></i>
|
||||
<a href="./news.html">news</a>
|
||||
</li> -->
|
||||
<li><i class='bx bxs-right-arrow-alt'></i>
|
||||
<a href="https://tildegit.org/southlondon/site">source</a>
|
||||
</li>
|
||||
<li><i class='bx bxs-right-arrow-alt'></i>
|
||||
<a href="./pages/conduct/">code of conduct</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<h1>Welcome!</h1></div>
|
||||
<div class="infobox infobox-important">
|
||||
<b>South London is currently down for maintainence</b>, hopefully everything should be back up & running by the end of the week.
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
hello! welcome to south london. we're a pretty small public access
|
||||
unix system, which you can use to make cool things, talk to people,
|
||||
make a webpage, explore fun new internet protocols like gemini and
|
||||
gopher, or just make an account and then never log in.
|
||||
</p>
|
||||
<p>
|
||||
anyone's free to make an account and check it out, have a look at
|
||||
the signup page for more details.
|
||||
</p>
|
||||
</div>
|
||||
<!-- extra links -->
|
||||
<div>
|
||||
<ul class="bx-ul">
|
||||
<li><i class='bx bxs-right-arrow-alt'></i>
|
||||
<a href="./pages/signup/">sign up</a>
|
||||
</li>
|
||||
<!-- <li><i class='bx bxs-right-arrow-alt'></i>
|
||||
<a href="./news.html">news</a>
|
||||
</li> -->
|
||||
<li><i class='bx bxs-right-arrow-alt'></i>
|
||||
<a href="https://tildegit.org/southlondon/site">source</a>
|
||||
</li>
|
||||
<li><i class='bx bxs-right-arrow-alt'></i>
|
||||
<a href="./pages/conduct/">code of conduct</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
{% block content %}
|
||||
<div class="split">
|
||||
<div class="section-display">
|
||||
<div><h1 class="title">{{ page.title }}</h1></div>
|
||||
<div><h1>{{ page.title }}</h1></div>
|
||||
</div>
|
||||
<div class="section-text" id="content">
|
||||
<p><i class='bx bx-home-alt'></i><a href="/">go home</a></p>
|
||||
|
|
|
|||
Reference in New Issue