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" . -}} {{- partial "header.html" . -}}
</header> </header>
<nav>
{{ range .Site.Menus.main -}}
<span>
<a href="{{ .URL | absLangURL }}">{{ .Name }}</a>
</span>
{{- end }}
</nav>
<main> <main>
{{- block "main" . }}{{- end }} {{- block "main" . }}{{- end }}

2
layouts/partials/head.html
View File

@ -1,7 +1,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- This ensures your site looks right on mobile devices --> <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 }}'> <meta name="description" content='{{ .Page.Description }}'>
{{ $title := print .Site.Title " | " .Title }} {{ $title := print .Site.Title " | " .Title }}
{{ if .IsHome }}{{ $title = .Site.Title }}{{ end }} {{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}

8
layouts/partials/header.html
View File

@ -1,2 +1,10 @@
<h1>{{ $.Site.Title }}</h1> <h1>{{ $.Site.Title }}</h1>
<p>{{ $.Site.Params.subtitle }}</p> <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 */ /* readable.css 1.0.1-beta */
/* Code from Benjamin Hollon (benjaminhollon@fosstodon.org) */
#typewriter::after {
content: '_';
width: 0;
display: inline-block;
animation: cursor-blink 1s infinite;
}
/* Font family support */ /* Font family support */
html, html[data-font-family="serif"] { html, html[data-font-family="serif"] {
@ -25,17 +16,36 @@ html, html[data-font-family="serif"] {
--background-color: snow; --background-color: snow;
--color: #000; --color: #000;
} }
html[data-high-contrast="on"], html[data-theme="light"][data-high-contrast="on"] {
--background-color: #fff;
}
html[data-theme="dark"] { html[data-theme="dark"] {
--background-color: #222830; --background-color: #222830;
--color: #fff; --color: #fff;
} }
html[data-theme="dark"][data-high-contrast="on"] {
--background-color: #000;
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html { html {
--background-color: #222830; --background-color: #222830;
--color: #fff; --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 */ /* Generic styles */
@ -83,7 +93,7 @@ html, html[data-font-family="serif"] {
padding-left: calc(var(--line-height) * 2rem); 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%; max-width: 100%;
} }
@ -118,7 +128,7 @@ html, html[data-font-family="serif"] {
line-height: var(--line-height); 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; margin: var(--one-line) 0;
} }
@ -152,7 +162,7 @@ html, html[data-font-family="serif"] {
/* Navbar */ /* 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; text-align: center;
border-width: var(--line-width) 0; border-width: var(--line-width) 0;
border-style: solid; border-style: solid;
@ -162,19 +172,19 @@ html, html[data-font-family="serif"] {
flex-flow: row wrap; flex-flow: row wrap;
} }
body > nav:first-of-type:not(.exclude) > * { :is(body, header) > nav:first-of-type:not(.exclude) > * {
flex-grow: 1; flex-grow: 1;
margin: 0 var(--half-line); margin: 0 var(--half-line);
text-transform: uppercase; text-transform: uppercase;
} }
@media (prefers-reduced-motion: no-preference) { @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; text-decoration: none;
display: inline-block; display: inline-block;
} }
body > nav:first-of-type:not(.exclude) a::after { :is(body, header) > nav:first-of-type:not(.exclude) a::after {
content: ''; content: '';
width: 0; width: 0;
height: var(--line-width); height: var(--line-width);
@ -183,7 +193,7 @@ html, html[data-font-family="serif"] {
transition: 150ms; 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%; width: 100%;
} }
} }