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,21 +32,33 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<p><a href="/">← Return to Home</a></p>
<header> {% if article.wide %}
<h1>{{ article.title }}</h1> <div class="content content-wide">
<div class="summary"> {% else %}
{{ article.summary }} <div class="content">
{% endif %}
<div class="topbar">
{{ info() }}
</div>
<p><a href="/">← Return to Home</a></p>
<header>
<h1>{{ article.title }}</h1>
<div class="summary">
{{ article.summary }}
</div>
<p class="metadata">
{{ article.locale_date }}
{% if article.modified %}
— updated {{ article.locale_modified }}
{% endif %}
</p>
</header>
<hr />
<article>
{{ article.content }}
</article>
</div> </div>
<p class="metadata">
{{ article.locale_date }}
{% if article.modified %}
— updated {{ article.locale_modified }}
{% endif %}
</p>
</header>
<hr />
<article>
{{ article.content }}
</article>
{% endblock %} {% endblock %}

View File

@ -44,27 +44,23 @@
</noscript> </noscript>
</head> </head>
{% if PROD %} {% if PROD %}
<body class="<?php echo $themeClass; ?>"> <body class="<?php echo $themeClass; ?>">
{% else %} {% else %}
<body> <body>
{% endif %} {% endif %}
{%- macro info() -%} {%- macro info() -%}
{% block info %}{% endblock %} {% block info %}{% endblock %}
{%- endmacro -%} {%- endmacro -%}
<div class="container"> <div class="container">
<div class="sidebar"> <div class="sidebar">
{{ info() }} {{ info() }}
</div> </div>
<div class="content">
<div class="topbar"> {% block content %}
{{ info() }} {% endblock %}
</div>
{% block content %}
{% endblock %}
</div>
</div> </div>
<p class="copyright"> <p class="copyright">

View File

@ -23,42 +23,48 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<p> <div class="content">
Hi, I'm Tanner! I do firmware and web development in Calgary.
</p>
<h2>Contact Info</h2> <div class="topbar">
{{ info() }}
</div>
<p> <p>
Email: <a href="mailto:site2@tannercollin.com">site2@tannercollin.com</a> <br /> Hi, I'm Tanner! I do firmware and web development in Calgary.
Telegram: <a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener">@tannercollin</a> </p>
</p>
<h2>Resume</h2> <h2>Contact Info</h2>
<ul> <p>
<li>Firmware Engineer at <a href="https://cabanablockchain.com" target="_blank" rel="noreferrer noopener">Cabana Blockchain</a>, 2018</li> Email: <a href="mailto:site2@tannercollin.com">site2@tannercollin.com</a> <br />
<li>Lead Hardware Engineer at <a href="https://criticalcontrol.com/" target="_blank" rel="noreferrer noopener">Critical Control</a>, 20162018</li> Telegram: <a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener">@tannercollin</a>
<li>Electrical Engineer at <a href="https://www.opener.aero/" target="_blank" rel="noreferrer noopener">Opener Aero</a>, 20162016</li> </p>
<li>Electrical Engineer Intern at <a href="https://www.pason.com/" target="_blank" rel="noreferrer noopener">Pason Systems</a>, 20142015</li>
<li>BSc. Electrical Engineering from University of Calgary</li>
</ul>
<h2>Projects</h2> <h2>Resume</h2>
<p> <ul>
My main hobby is working on technical projects. I typically design websites or <li>Firmware Engineer at <a href="https://cabanablockchain.com" target="_blank" rel="noreferrer noopener">Cabana Blockchain</a>, 2018</li>
build tools that make my life easier. Sometimes art. <li>Lead Hardware Engineer at <a href="https://criticalcontrol.com/" target="_blank" rel="noreferrer noopener">Critical Control</a>, 20162018</li>
</p> <li>Electrical Engineer at <a href="https://www.opener.aero/" target="_blank" rel="noreferrer noopener">Opener Aero</a>, 20162016</li>
<li>Electrical Engineer Intern at <a href="https://www.pason.com/" target="_blank" rel="noreferrer noopener">Pason Systems</a>, 20142015</li>
<li>BSc. Electrical Engineering from University of Calgary</li>
</ul>
<p> <h2>Projects</h2>
You can find my code on <a href="https://github.com/tannercollin" target="_blank" rel="noreferrer noopener">GitHub</a>.
</p>
{% for article in articles_page.object_list if article.category.name == 'Projects' %} <p>
<h3><a href="{{ article.url }}">{{ article.title }}</a></h3> My main hobby is working on technical projects. I typically design websites or
<div class="summary"> build tools that make my life easier. Sometimes art.
{{ article.summary }} </p>
</div>
{% endfor %} <p>
You can find my code on <a href="https://github.com/tannercollin" target="_blank" rel="noreferrer noopener">GitHub</a>.
</p>
{% for article in articles_page.object_list if article.category.name == 'Projects' %}
<h3><a href="{{ article.url }}">{{ article.title }}</a></h3>
<div class="summary">
{{ article.summary }}
</div>
{% endfor %}
{% endblock %} {% endblock %}

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;
} }