Add Simple CSS and set date formats on templates

This commit is contained in:
Juno Takano 2025-09-21 00:24:55 -03:00
commit 70cdfb1141
5 changed files with 60 additions and 3 deletions

View file

@ -3,5 +3,7 @@ base_url = "localhost"
compile_sass = false
build_search_index = true
default_language = "pt"
[markdown]
highlight_code = false

View file

@ -0,0 +1,43 @@
:root {
--accent: #B60000;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;
}
@media (prefers-color-scheme: dark) {
:root {
color-scheme: dark;
--accent: #FF8A8A;
--accent-hover: #ffe099;
--code: #f06292;
--preformatted: #ccc;
}
}
pre,
code,
pre span
{
font-family: "Libre Baskerville";
background-color: inherit;
border: none;
}
@font-face {
font-family: 'Libre Baskerville';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(https://cdn.jsdelivr.net/fontsource/fonts/libre-baskerville@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/libre-baskerville@latest/latin-400-normal.woff) format('woff');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
html {
font-family: "Libre Baskerville";
}

View file

@ -3,6 +3,9 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
<link href="{{ get_url(path="assets/css/overrides.css") }}" rel="stylesheet">
<title>Incandescência</title>
</head>

View file

@ -4,6 +4,10 @@
<h1 class="title">
{{ page.title }}
</h1>
<p class="subtitle"><strong>{{ page.date }}</strong></p>
<p class="subtitle">
<strong>
{{ page.date | date(format="%A, %e de %B de %Y", locale="pt_BR") }}
</strong>
</p>
{{ page.content | safe }}
{% endblock content %}

View file

@ -6,8 +6,13 @@
</h1>
<ul>
{% for page in section.pages %}
<li>{{ page.date }} &mdash; <a href="{{ page.permalink | safe }}">{{ page.title | default(value="Sem título") }}</a></li>
<li>
{{ page.date | date(format="%d/%m/%y", locale="pt_BR") }}
&mdash;
<a href="{{ page.permalink | safe }}">
{{ page.title | default(value="Sem título") }}
</a>
</li>
{% endfor %}
</ul>
{% endblock content %}