asonix/blog
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Increase spacing
All checks were successful
/ publish (push) Successful in 9s
Details

Browse source
This commit is contained in:
asonix 2024-02-11 12:24:34 -06:00
parent 72998b5820
commit 8fc4e61556
3 changed files with 120 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
static/styles.css
View file

@ -40,13 +40,13 @@ body {
color: #000;
}
header ul {
.sidebar header ul {
list-style: none;
padding: 0;
margin: 0;
}
header a {
.sidebar header a {
display: block;
font-size: 20px;
font-weight: 600;
@ -59,7 +59,7 @@ pre {
overflow-x: auto;
}
code {
font-size: 16px;
font-size: 15px;
}
pre table td:first-child {
@ -73,6 +73,10 @@ main {
overflow-y: auto;
}
main .back {
padding: 16px;
}
main a {
font-weight: 500;
}
@ -89,8 +93,47 @@ main a:visited:hover {
color: #a90649;
}
main ul li:hover::marker {
content: '> ';
color: #a90649;
}
main h1,
main h2 {
margin-top: 50px;
margin-bottom: 8px;
}
main h1:first-child,
main h2:first-child,
main h3:first-child,
main h4:first-child,
main h5:first-child,
main h6:first-child {
margin-top: revert;
}
main h1:last-child,
main h2:last-child,
main h3:last-child,
main h4:last-child,
main h5:last-child,
main h6:last-child {
margin-bottom: 0;
}
article header h1:first-child {
margin-top: 0;
}
main p {
line-height: 20px;
margin: 20px 0;
}
main p:first-child {
margin-top: 0;
}
main p:last-child {
margin-bottom: 0;
}
.overlay {
@ -100,6 +143,8 @@ main p {
min-height: 100%;
}
main header,
main footer,
section {
padding: 16px;
}
@ -115,12 +160,19 @@ section.web-environment-integrity-message {
main ul {
list-style: none;
padding-left: 19px;
}
main ul:first-child {
margin-top: 0;
}
main ul:last-child {
margin-bottom: 0;
}
main blockquote {
border-left: 3px solid #e10862;
padding: 0 16px;
margin: 0 21px;
margin: 0;
}
.icon {
@ -132,7 +184,7 @@ main blockquote {
vertical-align: middle;
}
footer p {
.sidebar footer p {
max-width: 180px;
}

92
templates/blog-page.html
View file

@ -1,51 +1,59 @@
{% extends "base.html" %}
{% block content %}
<section class="site-content">
<div><a href="..">&lt;- List</a></div>
<h1>{{ page.title }}</h1>
<time datetime="{{ page.date }}">Published on: <span class="meta-data">{{ page.date }}</span></time>
{% if config.extra.author and config.extra.display_author == true %}
<address rel="author">By <span class="meta-data">{{config.extra.author}}</span></address>
{% endif %}
<div class="back"><a href="..">&lt;- List</a></div>
<article class="site-content">
<header>
<h1>{{ page.title }}</h1>
<div class="metadata">
<time datetime="{{ page.date }}">Published <span class="meta-data">{{ page.date }}</span></time>
{% if config.extra.author and config.extra.display_author == true %}
<address rel="author">By <span class="meta-data">{{config.extra.author}}</span></address>
{% endif %}
</div>
</header>
{% if page.toc and page.extra.toc %}
<h2>Table of contents</h2>
<ul>
{% for h1 in page.toc %}
<li>
<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
{% if h1.children %}
<ul>
{% for h2 in h1.children %}
<li>
<a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
<ul>
{% for h3 in h2.children %}
<li>
<a href="{{ h3.permalink | safe }}">{{ h3.title }}</a>
</li>
{% endfor %}
</ul>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
<section>
<h2>Table of contents</h2>
<ul>
{% for h1 in page.toc %}
<li>
<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
{% if h1.children %}
<ul>
{% for h2 in h1.children %}
<li>
<a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
<ul>
{% for h3 in h2.children %}
<li>
<a href="{{ h3.permalink | safe }}">{{ h3.title }}</a>
</li>
{% endfor %}
</ul>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</section>
{% endif %}
{{ page.content | safe }}
</section>
<section>
{{ page.content | safe }}
</section>
<section class="site-content">
<p class="tags-data">
{% if page.taxonomies.tags %}
{% for tag in page.taxonomies.tags %}
<a href="/tags/{{ tag | slugify }}">#{{ tag }}</a>
{% endfor %}
{% endif %}
</p>
</section>
<footer>
<p class="tags-data">
{% if page.taxonomies.tags %}
{% for tag in page.taxonomies.tags %}
<a href="/tags/{{ tag | slugify }}">#{{ tag }}</a>
{% endfor %}
{% endif %}
</p>
</footer>
</article>
{% endblock content %}

20
templates/index.html
View file

@ -3,15 +3,19 @@
{% block content %}
<section class="site-content">
<h1>{{ section.title }}</h1>
</section>
<section class="site-content">
{{ section.content | safe }}
</section>
{% if paginator %}
{% set pages = paginator.pages %}
{% else %}
{% set pages = section.pages %}
{% endif %}
{% if paginator %}
{% set pages = paginator.pages %}
{% else %}
{% set pages = section.pages %}
{% endif %}
<section class="site-content">
<ul class="title-list">
{% for page in pages %}
<li>
@ -19,9 +23,11 @@
</li>
{% endfor %}
</ul>
</section>
{% if paginator %}
<div class="meta-data">{% if paginator.previous %}<a href="{{ paginator.first }}">⥶</a> &nbsp <a href="{{ paginator.previous }}"><</a>{% endif %} &nbsp {{ paginator.current_index }} / {{ paginator.number_pagers }} &nbsp {% if paginator.next %}<a href="{{ paginator.next }}">></a> &nbsp <a href="{{ paginator.last }}">⥸</a>{% endif %}</div>
{% if paginator %}
<section class="site-content">
<div class="meta-data">{% if paginator.previous %}<a href="{{ paginator.first }}">⥶</a><a href="{{ paginator.previous }}"><</a>{% endif %}{{ paginator.current_index }} / {{ paginator.number_pagers }}{% if paginator.next %}<a href="{{ paginator.next }}">></a><a href="{{ paginator.last }}">⥸</a>{% endif %}</div>
</section>
{% endif %}
{% endblock content %}