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

a bunch of css hacking, RDFa

Browse source
This commit is contained in:
Jade 2021-03-13 03:22:07 -08:00
parent d2272258e0
commit 41812643dd
5 changed files with 62 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

39
sass/main.scss
View file

@ -49,11 +49,14 @@ pre {
} }
} }
html {
font-size: 18px;
}
body { body {
font-family: 'Source Sans 3', 'sans-serif'; font-family: 'Source Sans 3', 'sans-serif';
background-color: $bg; background-color: $bg;
color: $text; color: $text;
font-size: 1.1rem;
line-height: 1.35; line-height: 1.35;
margin: { margin: {
@ -177,6 +180,21 @@ footer {
word-wrap: break-word; word-wrap: break-word;
} }
code {
font-size: 0.9em;
}
summary {
margin-left: 2em;
font-weight: 800;
font-size: 1.1em;
}
details {
margin-top: 2em;
margin-bottom: 2em;
}
img { img {
// make the alt text extremely obnoxious and harder to miss if the image // make the alt text extremely obnoxious and harder to miss if the image
// is missing // is missing
@ -204,6 +222,25 @@ blockquote {
margin-left: 1.5rem; margin-left: 1.5rem;
} }
hr {
margin: {
top: 3rem;
bottom: 3rem;
}
}
.homepage-article h2 {
margin: {
top: 2rem;
}
}
h2, :not(header) > h1 {
margin: {
top: 3rem;
}
}
/* headings */ /* headings */
h1 { h1 {

4
templates/base.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en" vocab="https://schema.org/">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -18,7 +18,7 @@
<title>{{ config.title }}</title> <title>{{ config.title }}</title>
<meta property="og:title" content="{{ config.title }}" /> <meta property="og:title" content="{{ config.title }}" />
<meta property="og:url" content="{{ current_url }}" /> <meta property="og:url" content="{{ current_url | safe }}" />
{% endblock pagemeta %} {% endblock pagemeta %}
<link type="text/css" rel="stylesheet" href="{{ get_url(path='css/normalize.css', cachebust=true) | safe }}"> <link type="text/css" rel="stylesheet" href="{{ get_url(path='css/normalize.css', cachebust=true) | safe }}">

12
templates/index.html
View file

@ -5,16 +5,20 @@
{% if page.extra.isPage %} {% if page.extra.isPage %}
{% continue %} {% continue %}
{% endif %} {% endif %}
<article class="homepage-article"> <article class="homepage-article" typeof="BlogPosting" resource="{{ page.permalink | safe }}">
<a class="homepage-link" href="{{ page.permalink }}"><h2>{{ page.title }}</h2></a> <a class="homepage-link" href="{{ page.permalink | safe }}">
<h2 property="headline">{{ page.title }}</h2>
</a>
<div class="detail"> <div class="detail">
<span>{{ page.date | date(format=config.extra.dtformat) }}</span> <span property="datePublished"
content="{{ page.date | date}}"
>{{ page.date | date(format=config.extra.dtformat) }}</span>
<span>{{ page.reading_time }} minute read</span> <span>{{ page.reading_time }} minute read</span>
</div> </div>
</article> </article>
{% endfor %} {% endfor %}
{% if config.extra.debug %} {% if config.extra.debug and config.mode == "Serve" %}
<pre><code>{{ __tera_context | escape | safe }}</code></pre> <pre><code>{{ __tera_context | escape | safe }}</code></pre>
{% endif %} {% endif %}
{% endblock content %} {% endblock content %}

17
templates/page.html
View file

@ -4,7 +4,7 @@
<title>{{ page.title }} - {{ config.title }}</title> <title>{{ page.title }} - {{ config.title }}</title>
<meta property="og:title" content="{{ page.title }}" /> <meta property="og:title" content="{{ page.title }}" />
<meta property="og:url" content="{{ page.permalink }}" /> <meta property="og:url" content="{{ page.permalink | safe }}" />
{% if page.description %} {% if page.description %}
<meta name="description">{{ page.description }}</meta> <meta name="description">{{ page.description }}</meta>
@ -16,12 +16,15 @@
{% endblock pagemeta %} {% endblock pagemeta %}
{% block content %} {% block content %}
<div class="post" typeof="BlogPosting">
<header class="page-header"> <header class="page-header">
<h1>{{ page.title }}</h1> <h1 property="headline">{{ page.title }}</h1>
{% if not page.extra.isPage %} {% if not page.extra.isPage %}
<div class="detail page-detail"> <div class="detail page-detail">
<span>{{ page.date | date(format=config.extra.dtformat) }}</span> <span property="datePublished"
content="{{ page.date | date }}"
>{{ page.date | date(format=config.extra.dtformat) }}</span>
<span>{{ page.reading_time }} minute read</span> <span>{{ page.reading_time }} minute read</span>
</div> </div>
{% endif %} {% endif %}
@ -29,7 +32,7 @@
{{ page.content | safe }} {{ page.content | safe }}
{% if config.extra.debug %} {% if config.extra.debug and config.mode == "Serve" %}
<pre><code>{{ __tera_context | escape | safe }}</code></pre> <pre><code>{{ __tera_context | escape | safe }}</code></pre>
{% endif %} {% endif %}
@ -40,7 +43,7 @@
<li> <li>
<div id="newer-post" class="nav-label">Newer post</div> <div id="newer-post" class="nav-label">Newer post</div>
{% if page.later %} {% if page.later %}
<a href="{{ page.later.permalink }}" <a href="{{ page.later.permalink | safe }}"
aria-labelledby="newer-post">← {{ page.later.title }}</a> aria-labelledby="newer-post">← {{ page.later.title }}</a>
{% else %} {% else %}
<span class="disabled-link">←</span> <span class="disabled-link">←</span>
@ -50,7 +53,7 @@
#}<li class="older"> #}<li class="older">
<div id="older-post" class="nav-label">Older post</div> <div id="older-post" class="nav-label">Older post</div>
{% if page.earlier %} {% if page.earlier %}
<a href="{{ page.earlier.permalink }}" <a href="{{ page.earlier.permalink | safe }}"
aria-labelledby="older-post">{{ page.earlier.title }} →</a> aria-labelledby="older-post">{{ page.earlier.title }} →</a>
{% else %} {% else %}
<span class="disabled-link">←</span> <span class="disabled-link">←</span>
@ -60,5 +63,5 @@
</nav> </nav>
{% endif %} {% endif %}
</div>
{% endblock content %} {% endblock content %}

4
templates/shortcodes/codesample.html Normal file
View file

@ -0,0 +1,4 @@
<details>
<summary>{{ desc | markdown(inline=true) | safe }}</summary>
{{ body | markdown | safe }}
</details>