Add link to About page
Refactor the header into a nav bar Remove unused footer styles
This commit is contained in:
parent
bcb2240c93
commit
13064a5640
|
@ -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;
|
||||
}*/
|
||||
|
|
|
@ -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.
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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})
|
||||
|
|
Loading…
Reference in New Issue