phil/hugo-tufte
1
0
Fork 0
forked from mirrors/hugo-tufte
Code Pull requests Activity

Personal changes, dark theme, less whitespace

Browse source
This commit is contained in:
Phil Bajsicki 2024-09-27 15:36:01 +02:00
parent 23b85481b6
commit 3be1680484
8 changed files with 80 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/scss/components/brand.scss
View file

@ -1,4 +1,4 @@
.brand { n.brand {
padding-top: 1rem; padding-top: 0rem;
padding-bottom: 1rem; padding-bottom: 0rem;
} }

6
assets/scss/components/code-highlight.scss
View file

@ -3,8 +3,8 @@ $ht-code-border-radius: .4em;
width: 50%; width: 50%;
overflow-x: scroll; overflow-x: scroll;
// border-radius: $ht-code-border-radius; // border-radius: $ht-code-border-radius;
margin-top: 1.4em; margin-top: 0em;
margin-bottom: 1.4em; margin-bottom: 0em;
margin-right: 2.5%; margin-right: 2.5%;
margin-left: 2.5%; margin-left: 2.5%;
-ms-overflow-style: none; -ms-overflow-style: none;
@ -33,7 +33,7 @@ $ht-code-border-radius: .4em;
font-family: inherit; font-family: inherit;
position: absolute; position: absolute;
left: 0; left: 0;
color: #111; color: #ddd;
} }
} }

33
assets/scss/general.scss
View file

@ -19,8 +19,8 @@
} }
::selection { ::selection {
color: #fffff8; color: #151515;
background-color: #404040; background-color: #ddd;
} }
a.heading-anchor { a.heading-anchor {
@ -29,7 +29,7 @@ a.heading-anchor {
} }
h2 { h2 {
margin-top: 5.5rem; margin-top: 1.5rem;
} }
h2:hover > a.heading-anchor, h2:hover > a.heading-anchor,
@ -46,18 +46,18 @@ hr {
width: 75%; width: 75%;
max-width: 45rem; max-width: 45rem;
border-style: solid none none none; border-style: solid none none none;
border-color: #111; border-color: #ddd;
} }
kbd { kbd {
border: 1px #111 solid; border: 1px #ddd solid;
border-radius: 5px; border-radius: 5px;
padding-right: 2px; padding-right: 2px;
padding-left: 2px; padding-left: 2px;
} }
mark { mark {
background: #f0d9bb; background: #ddd;
} }
/* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */
@ -91,7 +91,7 @@ table:not(.lntable) {
} }
table:not(.lntable) tr th { table:not(.lntable) tr th {
border-bottom: 1px solid #111; border-bottom: 1px solid #ddd;
text-transform: uppercase; text-transform: uppercase;
} }
@ -168,8 +168,27 @@ mjx-container[jax="CHTML"][display="true"],
.sidenote code, .sidenote code,
.marginnote code { .marginnote code {
font-size: 0.9rem; font-size: 0.9rem;
padding-left: 10px;
padding-right: 10px;
margin-top: -0.5em;
margin-bottom: -0.5em;
} }
code {
background-color:#282a36;
border-radius: 5px;
display: inline-block;
padding-left: 4px;
padding-right: 4px;
}
pre code {
position: absolute;
background-color: #282a36;
padding: 16px;
}
/* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */
/* Styling & fixes for cols. */ /* Styling & fixes for cols. */
/* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */

2
assets/scss/pages/footer.scss
View file

@ -12,7 +12,7 @@ footer.page-footer p {
/*font-weight: lighter;*/ /*font-weight: lighter;*/
} }
footer.page-footer a { footer.page-footer a {
color: rgba(65, 70, 75, 1); color: #ddd ;
text-decoration: none; text-decoration: none;
background: transparent; background: transparent;
} }

51
assets/scss/tufte.scss
View file

@ -66,10 +66,10 @@ html {
body { body {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
padding-left: 12.5%; padding-left: 5%;
font-family: $serif-fonts; font-family: $serif-fonts;
background-color: #fffff8; background-color: #151515;
color: #111; color: #ddd;
max-width: 1400px; max-width: 1400px;
} }
@ -79,8 +79,8 @@ h1, h2, h3 {
} }
h1 { h1 {
margin-top: 4rem; margin-top: 1rem;
margin-bottom: 1.5rem; margin-bottom: 1rem;
font-size: 3.2rem; font-size: 3.2rem;
} }
@ -90,7 +90,7 @@ h2, h3 {
} }
h2 { h2 {
margin-top: 2.1rem; margin-top: 1.2rem;
font-size: 2.2rem; font-size: 2.2rem;
} }
@ -125,12 +125,12 @@ h3 {
article { article {
position: relative; position: relative;
padding: 5rem 0rem; padding: 0rem 0rem;
} }
section { section {
padding-top: 1rem; padding-top: 0rem;
padding-bottom: 1rem; padding-bottom: 0rem;
} }
.page-list .content-title { .page-list .content-title {
@ -150,9 +150,9 @@ dl {
} }
p { p {
line-height: 2rem; line-height: 1.75rem;
margin-top: 1.4rem; margin-top: 0.75rem;
margin-bottom: 1.4rem; margin-bottom: 0.75rem;
padding-right: 0; padding-right: 0;
vertical-align: baseline; vertical-align: baseline;
hyphens: auto; hyphens: auto;
@ -265,14 +265,15 @@ img {
.marginnote { .marginnote {
float: right; float: right;
clear: right; clear: right;
margin-right: -60%; margin-left: 60%;
width: 50%; margin-right: -25%;
max-width: 100%;
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
font-size: 1.1rem; font-size: 1.1rem;
line-height: 1.3; line-height: 1.3;
vertical-align: baseline; vertical-align: baseline;
position: relative; position: absolute;
} }
.table-caption { .table-caption {
@ -295,13 +296,27 @@ img {
} }
// note indicator // note indicator
label.marginnote-ind,
label.sidenote-number { label.sidenote-number {
font-size: 1rem; font-size: 1rem;
top: -0.5rem; top: -0.5rem;
left: 0.1rem; left: 0.1rem;
} }
label.marginnote-ind {
font-size: 5em;
line-height: 1.125;
float: right;
text-align: center;
width: 1.1em;
height: 1.1em;
margin-left: 10px;
margin-right: 20px;
border-color: #ddd;
border-style: solid;
border-width: 3px;
border-radius: 5px;
}
// inside sidenote // inside sidenote
span.marginnote-ind, span.marginnote-ind,
span.sidenote-number { span.sidenote-number {
@ -405,8 +420,8 @@ input.margin-toggle {
opacity: 0; opacity: 0;
width: 1px; width: 1px;
height: 1px; height: 1px;
margin-left: 5px; // margin-left: 5px;
margin-top: 5px; // margin-top: 5px;
z-index: -100; z-index: -100;
} }

3
layouts/_default/single.html
View file

@ -1,11 +1,12 @@
{{/* {{/*
This template render single pages This template render single pages
*/}} */}}
{{ define "main" }} {{ define "main" }}
<article id="main"> <article id="main">
{{ partial "brand.html" . }}
{{ partial "content.header.html" . }} {{ partial "content.header.html" . }}
{{ partial "toc.html" . }} {{ partial "toc.html" . }}
<section>{{ .Content }}</section> <section>{{ .Content }}</section>

15
layouts/index.html
View file

@ -3,14 +3,15 @@
{{ partial "brand.html" . }} {{ partial "brand.html" . }}
{{ with .Content }} {{ with .Content }}
<section> <section>
{{ . }} {{ . }}
</section> </section>
{{ end }} {{ end }}
<section class="page-list"> <section class="page-list">
{{ $pgFilter1 := where .Site.RegularPages "Draft" false }} {{ $pgFilter1 := where .Site.RegularPages "Draft" false }}
{{ $pgFilter2 := where .Site.RegularPages "Params.date" "!=" nil }} {{ $pgFilter2 := where .Site.RegularPages "Params.date" "!=" nil }}
{{ $pgFilter := $pgFilter1 | intersect $pgFilter2 }} {{ $pgFilter3 := where .Site.RegularPages "Params.hidefromhome" "!=" true }}
{{ range (.Paginate $pgFilter).Pages }} {{ $pgFilter := $pgFilter1 | intersect $pgFilter2 | intersect $pgFilter3}}
{{ range (.Paginate $pgFilter).Pages }}
<h2 class="content-title"> <h2 class="content-title">
{{ if .IsNode }} {{ if .IsNode }}
<a href="{{ .Permalink }}">{{ .Title}}</a> <a href="{{ .Permalink }}">{{ .Title}}</a>

4
layouts/partials/content.header.html
View file

@ -23,6 +23,10 @@
{{- range .Params.tags -}} {{- range .Params.tags -}}
<a href="{{ "/tags/" | absURL }}{{ . | urlize }}">{{ . }}</a>&nbsp; <a href="{{ "/tags/" | absURL }}{{ . | urlize }}">{{ . }}</a>&nbsp;
{{- end -}} {{- end -}}
{{- range .Params.categories -}}
<a href="{{ "/categories/" | absURL }}{{ . | urlize }}">@{{ . }}</a>&nbsp;
{{- end -}}
</span> </span>
{{- end -}} {{- end -}}
</section> </section>