Simplify website template code

This commit is contained in:
Keavon Chambers
2022-12-18 21:35:46 -08:00
parent f7317aa6b4
commit 9071d9fdca
16 changed files with 162 additions and 125 deletions
+3 -5
View File
@@ -1,13 +1,11 @@
{% extends "base.html" %}
{% block title %}Page not found.{% endblock title %}
{% block title %}Page not found{% endblock title %}
{% block content %}
<section id="404" class="section-row">
<div class="section">
<h1>Page not found (yet).</h1>
<p>
Some pages are still actively under construction. Please check back in a few days!
</p>
<h1>Page not found.</h1>
<br />
<a href="/" class="link arrow">Home Page</a>
</div>
</section>
+1 -1
View File
@@ -1,5 +1,5 @@
{% extends "base.html" %}
{% block title %}Blog | {{ page.title }}.{% endblock title %}
{% block title %}Blog | {{ page.title }}{% endblock title %}
{% block head %}
<link rel="stylesheet" href="/article.css">
+16 -18
View File
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1">
<title>Graphite | {% block title %}{% endblock title %}</title>
<title>Graphite | {% block title %}{% endblock title %}.</title>
{% block rss %}
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path='blog/rss.xml', trailing_slash=false) }}">
{% endblock %}
@@ -13,30 +13,28 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bona+Nova:wght@400;700">
<script src="/js/navbar.js"></script>
<style>
.balance-text {
visibility: hidden;
}
@media (scripting: none) {
.balance-text {
visibility: hidden;
visibility: visible;
}
}
@media (scripting: none) {
.balance-text {
visibility: visible;
}
@supports (text-wrap: balance) {
.balance-text {
text-wrap: balance;
visibility: visible;
}
@supports (text-wrap: balance) {
.balance-text {
text-wrap: balance;
visibility: visible;
}
}
}
</style>
<noscript>
<style>
.balance-text {
visibility: visible !important;
}
.balance-text {
visibility: visible !important;
}
</style>
</noscript>
</head>
+3 -15
View File
@@ -1,25 +1,13 @@
{% extends "base.html" %}
{% block title %}{{ section.title }}.{% endblock title %}
{% block title %}{{ section.title }}{% endblock title %}
{% block head %}
<link rel="stylesheet" href="/blog.css">
{% endblock head %}
{% block content %}
<section id="intro" class="section-row">
<div class="section">
<h1>{{ section.title }}.</h1>
<div class="left-right-split">
<p>Latest news and articles from the Graphite team.</p>
<p class="feed">
<a href="/blog/rss.xml">
<img class="icon" src="https://static.graphite.rs/icons/feed.svg" alt="RSS" />
<span class="link arrow">RSS Feed</span>
</a>
</p>
</div>
</div>
</section>
{{ section.content | safe }}
<section id="articles" class="section">
{% for page in section.pages %}
<article>
+1 -2
View File
@@ -1,6 +1,5 @@
{% extends "base.html" %}
{% block title %}Redefining state-of-the-art graphics editing.{% endblock title %}
{% block title %}Redefining state-of-the-art graphics editing{% endblock title %}
{% block head %}
<link rel="stylesheet" href="/index.css">
-70
View File
@@ -1,70 +0,0 @@
{% extends "base.html" %}
{% block title %}{{ section.title }}.{% endblock title %}
{% block head %}
<link rel="stylesheet" href="/logo.css">
{% endblock head %}
{% block content %}
<section class="section-row">
<div class="section">
<h1>{{ section.title }}.</h1>
{{ section.content | safe }}
<br />
</div>
</section>
<section class="feature-box logo-view color">
<div class="box">
<div>
<img src="https://static.graphite.rs/logos/graphite-logotype-color.svg" height="160" />
<span>Graphite Logotype (Color)</span>
<a href="https://static.graphite.rs/logos/graphite-logotype-color.svg" download>Download (SVG)</a>
<a href="https://static.graphite.rs/logos/graphite-logotype-color-240x937.png" download>Download (PNG 240x937)</a>
<a href="https://static.graphite.rs/logos/graphite-logotype-color-480x1874.png" download>Download (PNG 480x1874)</a>
</div>
<div>
<img src="https://static.graphite.rs/logos/graphite-logo-color.svg" height="160" />
<span>Graphite Icon (Color)</span>
<a href="https://static.graphite.rs/logos/graphite-logo-color.svg" download>Download (SVG)</a>
<a href="https://static.graphite.rs/logos/graphite-logo-color-240x240.png" download>Download (PNG 240x240)</a>
<a href="https://static.graphite.rs/logos/graphite-logo-color-480x480.png" download>Download (PNG 480x480)</a>
</div>
</div>
</section>
<section class="feature-box logo-view light">
<div class="box">
<div>
<img src="https://static.graphite.rs/logos/graphite-logotype-solid.svg" height="160" />
<span>Graphite Logotype (Solid)</span>
<a href="https://static.graphite.rs/logos/graphite-logotype-solid.svg" download>Download (SVG)</a>
<a href="https://static.graphite.rs/logos/graphite-logotype-solid-240x937.png" download>Download (PNG 240x937)</a>
<a href="https://static.graphite.rs/logos/graphite-logotype-solid-480x1874.png" download>Download (PNG 480x1874)</a>
</div>
<div>
<img src="https://static.graphite.rs/logos/graphite-logo-solid.svg" height="160" />
<span>Graphite Icon (Solid)</span>
<a href="https://static.graphite.rs/logos/graphite-logo-solid.svg" download>Download (SVG)</a>
<a href="https://static.graphite.rs/logos/graphite-logo-solid-240x240.png" download>Download (PNG 240x240)</a>
<a href="https://static.graphite.rs/logos/graphite-logo-solid-480x480.png" download>Download (PNG 480x480)</a>
</div>
</div>
</section>
<section class="feature-box logo-view dark">
<div class="box">
<div>
<img src="https://static.graphite.rs/logos/graphite-logotype-solid-white.svg" height="160" />
<span>Graphite Logotype (Solid, White)</span>
<a href="https://static.graphite.rs/logos/graphite-logotype-solid-white.svg" download>Download (SVG)</a>
<a href="https://static.graphite.rs/logos/graphite-logotype-solid-white-240x937.png" download>Download (PNG 240x937)</a>
<a href="https://static.graphite.rs/logos/graphite-logotype-solid-white-480x1874.png" download>Download (PNG 480x1874)</a>
</div>
<div>
<img src="https://static.graphite.rs/logos/graphite-logo-solid-white.svg" height="160" />
<span>Graphite Icon (Solid, White)</span>
<a href="https://static.graphite.rs/logos/graphite-logo-solid-white.svg" download>Download (SVG)</a>
<a href="https://static.graphite.rs/logos/graphite-logo-solid-white-240x240.png" download>Download (PNG 240x240)</a>
<a href="https://static.graphite.rs/logos/graphite-logo-solid-white-480x480.png" download>Download (PNG 480x480)</a>
</div>
</div>
</section>
{% endblock content %}
+5 -8
View File
@@ -1,15 +1,12 @@
{% extends "base.html" %}
{% block title %}{{ section.title }}.{% endblock title %}
{% block title %}{{ section.title }}{% endblock title %}
{% block head %}
<link rel="stylesheet" href="/page.css">
{% if section.extra.css %}
<link rel="stylesheet" href="{{ section.extra.css | safe }}">
{% endif %}
{% endblock head %}
{% block content %}
<section class="section-row">
<div class="section">
<h1>{{ section.title }}.</h1>
{{ section.content | safe }}
</div>
</section>
{{ section.content | safe }}
{% endblock content %}