fbievan
/
hugo-theme-readable
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: update to v1.0.1

This commit is contained in:
cjtheham 2023-02-16 13:51:44 -06:00
parent 269415bf42
commit 18e9cc19ea
4 changed files with 255 additions and 243 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
layouts/_default/baseof.html
View File

@ -6,13 +6,7 @@
{{- partial "header.html" . -}}
</header>
<nav>
{{ range .Site.Menus.main -}}
<span>
<a href="{{ .URL | absLangURL }}">{{ .Name }}</a>
</span>
{{- end }}
</nav>
<main>
{{- block "main" . }}{{- end }}

2
layouts/partials/head.html
View File

@ -1,7 +1,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- This ensures your site looks right on mobile devices -->
<link rel="stylesheet" type="text/css" href="/css/readable.css?v=1.0.0">
<link rel="stylesheet" type="text/css" href="/css/readable.css?v=1.0.1">
<meta name="description" content='{{ .Page.Description }}'>
{{ $title := print .Site.Title " | " .Title }}
{{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}

8
layouts/partials/header.html
View File

@ -1,2 +1,10 @@
<h1>{{ $.Site.Title }}</h1>
<p>{{ $.Site.Params.subtitle }}</p>
<nav>
{{ range .Site.Menus.main -}}
<span>
<a href="{{ .URL | absLangURL }}">{{ .Name }}</a>
</span>
{{- end }}
</nav>

44
static/css/readable.css
View File

@ -1,13 +1,4 @@
/* readable.css 1.0.0 */
/* Code from Benjamin Hollon (benjaminhollon@fosstodon.org) */
#typewriter::after {
content: '_';
width: 0;
display: inline-block;
animation: cursor-blink 1s infinite;
}
/* readable.css 1.0.1-beta */
/* Font family support */
html, html[data-font-family="serif"] {
@ -25,17 +16,36 @@ html, html[data-font-family="serif"] {
--background-color: snow;
--color: #000;
}
html[data-high-contrast="on"], html[data-theme="light"][data-high-contrast="on"] {
--background-color: #fff;
}
html[data-theme="dark"] {
--background-color: #222830;
--color: #fff;
}
html[data-theme="dark"][data-high-contrast="on"] {
--background-color: #000;
}
@media (prefers-color-scheme: dark) {
html {
--background-color: #222830;
--color: #fff;
}
html[data-high-contrast="on"] {
--background-color: #000;
}
}
@media (prefers-contrast: more) {
:is(html, html[data-theme="light"]):not([data-high-contrast="off"]) {
--background-color: #fff;
}
html[data-theme="dark"]:not([data-high-contrast="off"]) {
--background-color: #000;
}
}
/* Generic styles */
@ -83,7 +93,7 @@ html, html[data-font-family="serif"] {
padding-left: calc(var(--line-height) * 2rem);
}
:is(body, article, main, figure) > img:not(.exclude) {
:is(body, article, main, figure) > :is(img, video):not(.exclude) {
max-width: 100%;
}
@ -118,7 +128,7 @@ html, html[data-font-family="serif"] {
line-height: var(--line-height);
}
h1, h2, h3, h4, h5, h6, p, blockquote, hr, footer, header, nav, figure, figcaption, ul, ol, :is(body, article, main) > img:not(.exclude), table, article > aside, article > aside {
h1, h2, h3, h4, h5, h6, p, blockquote, hr, footer, header, nav, figure, figcaption, ul, ol, :is(body, article, main) > :is(img, video):not(.exclude), table, article > aside, article > aside {
margin: var(--one-line) 0;
}
@ -152,7 +162,7 @@ html, html[data-font-family="serif"] {
/* Navbar */
body > nav:first-of-type:not(.exclude) { /* This styling only affects the first nav element that is the direct child of the body */
:is(body, header) > nav:first-of-type:not(.exclude) { /* This styling only affects the first nav element that is the direct child of the body */
text-align: center;
border-width: var(--line-width) 0;
border-style: solid;
@ -162,19 +172,19 @@ html, html[data-font-family="serif"] {
flex-flow: row wrap;
}
body > nav:first-of-type:not(.exclude) > * {
:is(body, header) > nav:first-of-type:not(.exclude) > * {
flex-grow: 1;
margin: 0 var(--half-line);
text-transform: uppercase;
}
@media (prefers-reduced-motion: no-preference) {
body > nav:first-of-type:not(.exclude) a {
:is(body, header) > nav:first-of-type:not(.exclude) a {
text-decoration: none;
display: inline-block;
}
body > nav:first-of-type:not(.exclude) a::after {
:is(body, header) > nav:first-of-type:not(.exclude) a::after {
content: '';
width: 0;
height: var(--line-width);
@ -183,7 +193,7 @@ html, html[data-font-family="serif"] {
transition: 150ms;
}
body > nav:first-of-type:not(.exclude) a:is(:hover, :focus)::after {
:is(body, header) > nav:first-of-type:not(.exclude) a:is(:hover, :focus)::after {
width: 100%;
}
}