add some bits
This commit is contained in:
parent
9373f62f0e
commit
768b14905f
|
|
@ -4,12 +4,13 @@ base_url = "https://southlondon.cc"
|
|||
# Whether to automatically compile all Sass files in the sass directory
|
||||
compile_sass = true
|
||||
|
||||
# Whether to build a search index to be used later on by a JavaScript library
|
||||
build_search_index = true
|
||||
|
||||
[markdown]
|
||||
# Whether to do syntax highlighting
|
||||
# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
|
||||
highlight_code = true
|
||||
|
||||
# Whether to build a search index to be used later on by a JavaScript library
|
||||
build_search_index = true
|
||||
|
||||
[extra]
|
||||
# Put all your custom variables here
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@100&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,400;0,700;1,400;1,700&display=swap");body,html{height:100%;margin:0}body{background:#181818;color:#d8d8d8;font-family:'Fira Sans', sans-serif}.split{display:flex;flex-direction:row;justify-content:center;height:100%;margin:auto}.split .section-display{margin:auto;width:50%}.split .section-text{margin:auto;width:50%}.split .section-text *{max-width:500px;margin:auto initial}.title{font-family:'Exo 2', sans-serif;text-transform:uppercase;font-size:4em;text-align:center;font-weight:100;color:#A8A8A8}h1,h2,h3,h4,h5,h6{font-family:'Exo 2', sans-serif;text-transform:uppercase;font-weight:400;text-align:center;color:#d8d8d8}@media screen and (max-width: 500px){.split{flex-direction:column}.split .section-display{width:100%}.split .section-text{width:100%;margin:auto}.split .section-text *{width:100%;max-width:unset}}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
body {
|
||||
//aaa
|
||||
}
|
||||
|
||||
split {
|
||||
display: flex;
|
||||
}
|
||||
|
|
@ -0,0 +1 @@
|
|||
window.searchIndex = {"fields":["title","body"],"pipeline":["trimmer","stopWordFilter","stemmer"],"ref":"id","version":"0.9.5","index":{"body":{"root":{"docs":{},"df":0}},"title":{"root":{"docs":{},"df":0}}},"documentStore":{"save":true,"docs":{"http://127.0.0.1:1111/":{"body":"","id":"http://127.0.0.1:1111/","title":""}},"docInfo":{"http://127.0.0.1:1111/":{"body":0,"title":0}},"length":1},"lang":"English"};
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
body, html {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
|
||||
|
||||
background: #181818;
|
||||
color: #d8d8d8;
|
||||
|
||||
font-family: 'Fira 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@100&display=swap');
|
||||
|
||||
font-family: 'Exo 2', sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 4em;
|
||||
text-align: center;
|
||||
font-weight: 100;
|
||||
|
||||
color: #A8A8A8;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,400;0,700;1,400;1,700&display=swap');
|
||||
|
||||
font-family: 'Exo 2', sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
|
||||
color: #d8d8d8;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
.split {
|
||||
flex-direction: column;
|
||||
|
||||
.section-display {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.section-text {
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
* {
|
||||
width: 100%;
|
||||
max-width: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset='utf-8'>
|
||||
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
||||
<title>South London</title>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
||||
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
|
||||
</head>
|
||||
<body>
|
||||
{% block content %} {% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
{% 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">
|
||||
<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,
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
Reference in New Issue