Support setting an article as "wide"

This commit is contained in:
Tanner Collin 2021-04-09 05:17:51 +00:00
parent 3e0e0beb0f
commit 21c25413fc
4 changed files with 79 additions and 61 deletions

View File

@ -32,6 +32,17 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
{% if article.wide %}
<div class="content content-wide">
{% else %}
<div class="content">
{% endif %}
<div class="topbar">
{{ info() }}
</div>
<p><a href="/">← Return to Home</a></p> <p><a href="/">← Return to Home</a></p>
<header> <header>
<h1>{{ article.title }}</h1> <h1>{{ article.title }}</h1>
@ -49,4 +60,5 @@
<article> <article>
{{ article.content }} {{ article.content }}
</article> </article>
</div>
{% endblock %} {% endblock %}

View File

@ -58,14 +58,10 @@
<div class="sidebar"> <div class="sidebar">
{{ info() }} {{ info() }}
</div> </div>
<div class="content">
<div class="topbar">
{{ info() }}
</div>
{% block content %} {% block content %}
{% endblock %} {% endblock %}
</div> </div>
</div>
<p class="copyright"> <p class="copyright">
© 20122021 Tanner Collin © 20122021 Tanner Collin

View File

@ -23,6 +23,12 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div class="content">
<div class="topbar">
{{ info() }}
</div>
<p> <p>
Hi, I'm Tanner! I do firmware and web development in Calgary. Hi, I'm Tanner! I do firmware and web development in Calgary.
</p> </p>

View File

@ -135,6 +135,10 @@ pre {
max-width: 36rem; max-width: 36rem;
} }
.content-wide {
max-width: none;
}
.content p { .content p {
font: 1.2rem/1.5 Apparatus SIL,serif; font: 1.2rem/1.5 Apparatus SIL,serif;
} }