chvp/www.chvp.be
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Better HTML

Browse source
This commit is contained in:
Charlotte Van Petegem 2023-11-04 10:41:47 +01:00
parent 6974f139fa
commit 83ead7a00b
No known key found for this signature in database
GPG key ID: 019E764B7184435A
5 changed files with 43 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

51
src/sass/style.scss
View file

@ -2,37 +2,12 @@ body {
margin: 0;
}
header {
border-bottom: black 1px solid;
padding: 0.5em;
section {
display: inline;
+ section::before {
content: '| ';
}
}
}
main {
padding: 0.5em;
max-width: 60em;
margin: 0 auto;
}
footer {
border-top: black 1px solid;
padding: 0.5em;
section {
display: inline;
+ section::before {
content: '| ';
}
}
}
pre {
padding: 0.5em;
}
@ -57,6 +32,32 @@ pre {
}
}
header {
border-bottom: black 1px solid;
}
footer {
border-top: black 1px solid;
}
header, footer {
padding: 0.5em;
nav ol {
padding: 0;
margin: 0;
li {
display: inline;
list-style-type: none;
+ li::before {
content: '| ';
}
}
}
}
@media (prefers-color-scheme: dark) {
header {
border-bottom: #ccc 1px solid;

23
src/templates/base.html
View file

@ -10,21 +10,24 @@
<body>
<header>
<section>
<a href="{{ get_url(path="@/_index.md" )}}">Homepage</a>
</section>
<section>
<a href="{{ get_url(path="@/blog/_index.md") }}">Blog</a>
</section>
<nav>
<ol>
<li><a href="{{ get_url(path="@/_index.md" )}}">Homepage</a></li>
<li><a href="{{ get_url(path="@/blog/_index.md") }}">Blog</a></li>
</ol>
</nav>
</header>
<main>
{% block content %} {% endblock %}
</main>
<footer>
<section><a href="{{ get_url(path="@/about.md") }}">About me</a></section>
<section><a href="{{ get_url(path="blog/atom.xml", trailing_slash=false) }}">Atom/RSS</a></section>
<section>This website was lovingly crafted using <a href="https://www.getzola.org" target="_blank" rel="noopener nofollow noreferrer">Zola</a>.</section>
</ul>
<nav>
<ol>
<li><a href="{{ get_url(path="@/about.md") }}">About me</a></li>
<li><a href="{{ get_url(path="blog/atom.xml", trailing_slash=false) }}">Atom/RSS</a></li>
<li>This website was lovingly crafted using <a href="https://www.getzola.org" target="_blank" rel="noopener nofollow noreferrer">Zola</a>.</li>
</ol>
</nav>
</footer>
</body>
</html>

4
src/templates/index.html
View file

@ -14,8 +14,8 @@ appropriately named <a href="{{ get_url(path="@/about.md")}}">About me</a> page.
{% for page in blog_section.pages | slice(end=3) %}
<li>
<p><a href="{{ page.permalink | safe }}">{{ page.title }}</a> ({{ page.date }})</p>
<p>{{ page.summary | safe }}</p>
<p><a href="{{ page.permalink }}#continue-reading">Continue reading&hellip;</a>
{{ page.summary | safe }}
<p><a href="{{ page.permalink }}#continue-reading">Continue reading&hellip;</a></p>
</li>
{% endfor %}
</ul>

2
src/templates/post.html
View file

@ -9,7 +9,7 @@
<p>
Comments or questions about this post? Feel free to contact me <a
target="_blank" href="https://social.chvp.be/@chvp">on Mastodon</a> or send
me <a href="mailto:blog@chvp.be?subject={{page.title}}">an email</a>.
me <a href="mailto:blog@chvp.be?subject={{ page.title | urlencode }}">an email</a>.
</p>
{% endblock content %}

2
src/templates/section.html
View file

@ -12,7 +12,7 @@
{% for page in section.pages %}
<li>
<p><a href="{{ page.permalink | safe }}">{{ page.title }}</a> ({{ page.date }})</p>
<p>{{ page.summary | safe }}</p>
{{ page.summary | safe }}
<p><a href="{{ page.permalink }}#continue-reading">Continue reading&hellip;</a>
</li>
{% endfor %}