Add link to About page

Refactor the header into a nav bar
Remove unused footer styles
This commit is contained in:
MatthiasSaihttam 2021-06-24 23:32:05 -07:00
parent bcb2240c93
commit 13064a5640
5 changed files with 26 additions and 20 deletions

View File

@ -155,7 +155,8 @@ a {
color: var(--accent-color);
}
header h1 {
/* Navbar styles */
#main-nav {
padding: 4% 30px 15px;
font-size: 3em;
font-weight: normal;
@ -163,19 +164,14 @@ header h1 {
overflow: auto;
white-space: nowrap;
}
header .text {
#main-nav .text {
color: var(--text-color);
font-family: Georgia, Libre Baskerville, serif;
}
#main-nav span.text {
border-bottom: 4px solid var(--accent-color);
}
/*footer {
position: fixed;
bottom: 0;
background: var(--accent-color);
color: var(--background-color);
width: 100%;
padding: 10px;
height: 20px;
}*/

View File

@ -10,7 +10,7 @@
{% endblock %}
{% block main %}
<h2>Welcome!</h2>
<h1>Welcome!</h1>
<p class="text">
This is a website that I created to document my thoughts. It addresses many of my gripes with similar platforms, like Twitter, Tumblr, Micro.blog, and Blogger, although it takes inspiration from all of these.

View File

@ -3,6 +3,13 @@
{% block title %}Thoughts{% endblock %}
{% block navigation %}
<span class="text" aria-current="page">Thoughts</span>
<a href="/about" class="text">About</a>{% if authenticated %}
<a href="/post" class="text" style="border: none">Post</a>
{% endif %}
{% endblock %}
{% block head %}
<link rel="alternate" href="/feed" type="application/rss+xml" title="RSS">
{% endblock %}

View File

@ -21,13 +21,9 @@
</head>
<body>
<header>
<h1>
{% block navigation %}
<span class="text">Thoughts</span>{% if authenticated %}
<a href="/post" class="text" style="border: none">Post</a>
{% endif %}
{% endblock %}
</h1>
<nav id="main-nav">
{% block navigation %}{% endblock %}
</nav>
</header>
<section class="main-wrap">

View File

@ -110,4 +110,11 @@ def post(request):
def about(request):
return render(request, "whispermaphone/about.html")
authenticated = False
try:
if request.COOKIES["password"] == "ChromaticWave":
authenticated = True
except KeyError:
pass
return render(request, "whispermaphone/about.html", {"authenticated": authenticated})