xevion/runnerspace
1
0
Fork 0
mirror of https://github.com/Xevion/runnerspace.git synced 2025-12-10 16:08:30 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add Form Styling, Improve Footer, Further divide content in "outer-content"

Browse Source 
- Logo font-family
This commit is contained in:
Xevion
2022-03-26 20:15:44 -05:00
parent 19e582f72e
commit 5a640bc404
4 changed files with 73 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
static/styles.scss
View File

@@ -16,6 +16,7 @@ body, html {
color: #ef7900; color: #ef7900;
font-size: 2.5em; font-size: 2.5em;
letter-spacing: -2.8px; letter-spacing: -2.8px;
font-family: "Arial Rounded MT Bold", sans-serif;
} }
.header-primary { .header-primary {
@@ -43,6 +44,18 @@ body, html {
} }
} }
a {
color: #1E40AF;
}
nav a {
color: white;
}
footer a {
color: #1E40AF;
}
nav, footer { nav, footer {
.links { .links {
margin: 0; margin: 0;
@@ -59,6 +72,11 @@ nav, footer {
} }
} }
footer {
font-size: 60%;
text-align: center;
}
footer .links { footer .links {
font-size: 0.875em; font-size: 0.875em;
margin: 16px 0 5px 0; margin: 16px 0 5px 0;
@@ -76,3 +94,32 @@ nav, footer {
color: black; color: black;
} }
} }
.form-subtext {
text-align: center;
font-size: 1em;
}
form {
margin: 0 auto;
width: fit-content;
&.login-form {
border: 1px solid darkblue;
padding: 10px
}
.field {
padding: 4px;
.checkbox {
margin-left: auto;
}
}
button {
border-radius: 0px;
width: 15em;
margin: 0 auto;
}
}

5
templates/layouts/base.html
View File

@@ -4,13 +4,16 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Runnerspace</title> <title>Runnerspace</title>
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}"> <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
<link rel="stylesheet" href="https://necolas.github.io/normalize.css/8.0.1/normalize.css">
</head> </head>
<body> <body>
<div id="content"> <div class="content-outer">
<div class="content">
{% include 'layouts/header.html' %} {% include 'layouts/header.html' %}
{% block content %} {% block content %}
Do not extend <strong>base.html</strong> directly. Do not extend <strong>base.html</strong> directly.
{% endblock content %} {% endblock content %}
</div>
{% include 'layouts/footer.html' %} {% include 'layouts/footer.html' %}
</div> </div>
</body> </body>

18
templates/layouts/footer.html
View File

@@ -1,3 +1,15 @@
<div id="footer"> <footer>
<p>
</div> created by <a href="https://github.com/Xevion">Ryan Walters</a> and <a href="https://github.com/Seligmann">Zachary Seligman</a>
</p>
<ul class="links">
<li><a href="/">ABCDEF</a></li>
<li><a href="/">GHIJK</a></li>
<li><a href="/">LMNOP</a></li>
<li><a href="/">QRSTUV</a></li>
<li><a href="/">WXYZ</a></li>
</ul>
<p class="copyright">
<a href="/">©2022 Runnerspace.live All Rights Reserved.</a>
</p>
</footer>

2
templates/layouts/index.html
View File

@@ -1,5 +1,5 @@
{% extends 'layouts/base.html' %} {% extends 'layouts/base.html' %}
{% block content %} {% block content %}
Hello, World! <div class="content-inner">Hello, World!</div>
{% endblock %} {% endblock %}