Personal changes, dark theme, less whitespace

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

View file

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

View file

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

View file

@ -19,8 +19,8 @@
}
::selection {
color: #fffff8;
background-color: #404040;
color: #151515;
background-color: #ddd;
}
a.heading-anchor {
@ -29,7 +29,7 @@ a.heading-anchor {
}
h2 {
margin-top: 5.5rem;
margin-top: 1.5rem;
}
h2:hover > a.heading-anchor,
@ -46,18 +46,18 @@ hr {
width: 75%;
max-width: 45rem;
border-style: solid none none none;
border-color: #111;
border-color: #ddd;
}
kbd {
border: 1px #111 solid;
border: 1px #ddd solid;
border-radius: 5px;
padding-right: 2px;
padding-left: 2px;
}
mark {
background: #f0d9bb;
background: #ddd;
}
/* ------------------------------------------------------------------------ */
@ -91,7 +91,7 @@ table:not(.lntable) {
}
table:not(.lntable) tr th {
border-bottom: 1px solid #111;
border-bottom: 1px solid #ddd;
text-transform: uppercase;
}
@ -168,8 +168,27 @@ mjx-container[jax="CHTML"][display="true"],
.sidenote code,
.marginnote code {
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. */
/* ------------------------------------------------------------------------ */

View file

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

View file

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

View file

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

View file

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

View file

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