updated styles
This commit is contained in:
parent
db2dc95cef
commit
95ffb7c990
|
@ -0,0 +1,6 @@
|
|||
+++
|
||||
title = "Extras"
|
||||
date = 2021-08-06
|
||||
+++
|
||||
|
||||
coming soon!
|
|
@ -56,13 +56,51 @@ body {
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.links {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
span {
|
||||
background-color: #484b53;
|
||||
color: #EBE5CD;
|
||||
margin: 12px;
|
||||
padding: 8px 18px;
|
||||
font-weight: 700;
|
||||
width: fit-content;
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
// sorry
|
||||
}
|
||||
.span1 {
|
||||
rotate: random(8) - 4 + deg;
|
||||
}
|
||||
.span2 {
|
||||
rotate: random(8) - 4 + deg;
|
||||
}
|
||||
.span3 {
|
||||
rotate: random(8) - 4 + deg;
|
||||
}
|
||||
.span4 {
|
||||
rotate: random(8) - 4 + deg;
|
||||
}
|
||||
.span5 {
|
||||
rotate: random(8) - 4 + deg;
|
||||
}
|
||||
|
||||
|
||||
width: 100%;
|
||||
margin-top: 80px
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Public Sans', sans-serif;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: auto;
|
||||
margin-top: 120px;
|
||||
margin-top: 4px;
|
||||
max-width: 900px;
|
||||
padding: 12px 24px;
|
||||
}
|
||||
|
@ -78,6 +116,7 @@ h1 {
|
|||
|
||||
p {
|
||||
margin: 12px 0;
|
||||
line-height: 125%;
|
||||
}
|
||||
|
||||
b {
|
||||
|
|
|
@ -10,6 +10,19 @@
|
|||
</head>
|
||||
<body>
|
||||
<img src="/logo.svg" class="title">
|
||||
<div class="links">
|
||||
<span class="span1">
|
||||
<a href="/">Home</a>
|
||||
</span>
|
||||
<span class="span2">
|
||||
<a href="/pages/signup/">Sign Up</a></span>
|
||||
<span class="span3">
|
||||
<a href="/pages/conduct/">Code Of Conduct</a></span>
|
||||
<span class="span4">
|
||||
<a href="https://tildegit.org/southlondon">Git</a></span>
|
||||
<span class="span5">
|
||||
<a href="/pages/extras">More</a></span>
|
||||
</div>
|
||||
<main>
|
||||
{% block content %} {% endblock %}
|
||||
</main>
|
||||
|
|
|
@ -6,7 +6,6 @@
|
|||
<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>
|
||||
{{ page.content | safe }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
Reference in New Issue