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);
|
color: var(--accent-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
header h1 {
|
/* Navbar styles */
|
||||||
|
#main-nav {
|
||||||
padding: 4% 30px 15px;
|
padding: 4% 30px 15px;
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
@ -163,19 +164,14 @@ header h1 {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
header .text {
|
|
||||||
|
#main-nav .text {
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
|
|
||||||
font-family: Georgia, Libre Baskerville, serif;
|
font-family: Georgia, Libre Baskerville, serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-nav span.text {
|
||||||
border-bottom: 4px solid var(--accent-color);
|
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 %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block main %}
|
{% block main %}
|
||||||
<h2>Welcome!</h2>
|
<h1>Welcome!</h1>
|
||||||
|
|
||||||
<p class="text">
|
<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.
|
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 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 %}
|
{% block head %}
|
||||||
<link rel="alternate" href="/feed" type="application/rss+xml" title="RSS">
|
<link rel="alternate" href="/feed" type="application/rss+xml" title="RSS">
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -21,13 +21,9 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<h1>
|
<nav id="main-nav">
|
||||||
{% block navigation %}
|
{% block navigation %}{% endblock %}
|
||||||
<span class="text">Thoughts</span>{% if authenticated %}
|
</nav>
|
||||||
<a href="/post" class="text" style="border: none">Post</a>
|
|
||||||
{% endif %}
|
|
||||||
{% endblock %}
|
|
||||||
</h1>
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<section class="main-wrap">
|
<section class="main-wrap">
|
||||||
|
|
|
@ -110,4 +110,11 @@ def post(request):
|
||||||
|
|
||||||
|
|
||||||
def about(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