mirror of
https://github.com/GraphiteEditor/Graphite.git
synced 2026-09-15 14:18:04 +08:00
e39539fa08
- Reduces the default width from 1600px to 1200px of the web page and reduce the size of various elements and text. This fixes the problem that I designed the website assuming everyone is viewing from the same 2560px wide screen as I used to design it, which is a bad assumption. Most websites are around the 1200px mark. - Removes the use of the EB Garamond font, replacing more headers with a bold Inter instead, leaving only Bona Nova for h1 headers at the tops of pages (except the home page, which might have further revamp soon). - Adds nice flavor graphics to a redesigned volunteer page. - Cleans up and organizes the Zola templating code and CSS style sheets. - Improves image carousel to fade out images when dragged past the start or end.
34 lines
1.1 KiB
HTML
34 lines
1.1 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{%- block head -%}{%- set page = page | default(value = section) -%}
|
|
{%- set title = page.title -%}
|
|
{%- set meta_title = "Graphite Blog" -%}
|
|
{%- set css = ["blog.css"] -%}
|
|
{%- endblock head -%}
|
|
|
|
{%- block content -%}{%- set page = page | default(value = section) -%}
|
|
{{ page.content | safe }}
|
|
|
|
<section id="articles" class="block">
|
|
{% for page in page.pages %}
|
|
<section>
|
|
<div class="banner">
|
|
<a href="{{ page.path | safe }}"><img src="{{ page.extra.banner | safe }}" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" /></a>
|
|
</div>
|
|
<div class="details">
|
|
<div class="headline">
|
|
<h2><a href="{{ page.path | safe }}">{{ page.title }}</a></h2>
|
|
</div>
|
|
<span class="publication">By {{ page.extra.author }}. {{ page.date | date(format = "%B %d, %Y", timezone = "America/Los_Angeles") }}.</span>
|
|
<div class="summary">
|
|
<div>{{ page.summary | safe }}</div>
|
|
</div>
|
|
<div class="keep-reading">
|
|
<a href="{{ page.path | safe }}" class="link arrow">Keep Reading</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endfor %}
|
|
</section>
|
|
{%- endblock content -%}
|