Compare commits
6 Commits
854327d111
...
4f3865ca78
| Author | SHA1 | Date | |
|---|---|---|---|
| 4f3865ca78 | |||
| 58b5b20ddc | |||
| eb48bb0971 | |||
| db951130bc | |||
| 7ee6ce2488 | |||
| d6a4bb4bb3 |
@ -5,6 +5,21 @@
|
||||
* You should not modify this file.
|
||||
*/
|
||||
|
||||
/* Enable smooth scrolling for footnotes. */
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
|
||||
ol > li > ::first-line {
|
||||
line-height: 3.1em;
|
||||
|
||||
}
|
||||
/*
|
||||
* Dark theme
|
||||
*/
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
color: #eee;
|
||||
|
||||
@ -18,7 +18,8 @@ body {
|
||||
"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||
/* color: #454545; */
|
||||
font-size: 1.1em;
|
||||
/* background: linear-gradient(90deg, #000 21px, transparent 1%) center, linear-gradient(#000 21px, transparent 1%) center, white; */
|
||||
background: linear-gradient(90deg, #000 21px, transparent 1%) center, linear-gradient(#000 21px, transparent 1%) center, white;
|
||||
background-color: #C9C8C8;
|
||||
background-size: 22px 22px;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
@ -29,7 +30,6 @@ body {
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
}
|
||||
p {
|
||||
margin: 1.5em 0;
|
||||
}
|
||||
@ -86,7 +86,7 @@ p {
|
||||
.nav-header {
|
||||
margin: 0;
|
||||
padding: 0.4em;
|
||||
font-size: 1.4em;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.nav-text {
|
||||
font-weight: normal;
|
||||
@ -94,7 +94,8 @@ p {
|
||||
z-index: 105;
|
||||
color: black;
|
||||
font-weight: bolder;
|
||||
font-size: 3rem;
|
||||
font-size: 5rem;
|
||||
transition: font-size 0.4s;
|
||||
}
|
||||
|
||||
|
||||
@ -102,6 +103,7 @@ p {
|
||||
|
||||
.menu-container {
|
||||
align-content: space-between;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#menu {
|
||||
@ -129,14 +131,14 @@ p {
|
||||
|
||||
|
||||
.post {
|
||||
margin: 0 0 1em 0;
|
||||
margin: 3vw 1.8vw 3vw 1.8vw;
|
||||
line-height: 1.9;
|
||||
}
|
||||
.post-header {
|
||||
margin: 0 0 1.5em 0;
|
||||
}
|
||||
.post-title {
|
||||
font-size: 1.8em;
|
||||
font-size: 2em;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
margin: 0 0 0.4em 0;
|
||||
@ -193,11 +195,11 @@ p {
|
||||
margin: 5em 0;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.card-container {
|
||||
}
|
||||
|
||||
/* .card-container > a:first-of-type {
|
||||
margin-top: 5em;
|
||||
} */
|
||||
|
||||
.card {
|
||||
display: block;
|
||||
/* margin: 3rem 0; */
|
||||
@ -239,6 +241,7 @@ p {
|
||||
|
||||
.bc-next {
|
||||
margin-top: 0;
|
||||
|
||||
}
|
||||
.card-img-container {
|
||||
position: relative;
|
||||
@ -252,7 +255,6 @@ p {
|
||||
object-fit: cover;
|
||||
}
|
||||
.card-img-overlay {
|
||||
/* border-radius: 0.8rem 0.8rem 0 0; */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
font-size: 1.27em;
|
||||
@ -500,7 +502,6 @@ footer h3 {
|
||||
|
||||
.nav-header {
|
||||
margin: 0;
|
||||
font-size: 1.4em;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
@ -538,9 +539,8 @@ footer h3 {
|
||||
height: 100%;
|
||||
width: 16em;
|
||||
}
|
||||
.card-img-overlay {
|
||||
/* border-radius: 0.8rem 0.8rem 0 0; */
|
||||
}
|
||||
|
||||
|
||||
.card-body {
|
||||
margin: 1.3em 1.7em;
|
||||
}
|
||||
@ -555,12 +555,7 @@ footer h3 {
|
||||
font-size: 0.7em;
|
||||
margin-bottom: 0.7em;
|
||||
}
|
||||
.content {
|
||||
/* border-radius: 1.2rem; */
|
||||
}
|
||||
.post {
|
||||
margin: 1em 1.8em 2em 1.8em;
|
||||
}
|
||||
|
||||
.post-title {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
@ -5,11 +5,10 @@
|
||||
|
||||
<body class="single-body">
|
||||
|
||||
<main class="">
|
||||
<!-- -->
|
||||
{{ partial "nav-bar.html" . }}
|
||||
|
||||
<article class="content side-text-padding {{ if ne .Params.dropcap false }}dropcase{{ end }}">
|
||||
<main class="content side-text-padding">
|
||||
<article class="post {{ if ne .Params.dropcap false }}dropcase{{ end }}">
|
||||
<header class="post-header">
|
||||
<h1 class="post-title">{{ .Title }}</h1>
|
||||
{{ if isset .Params "date" }}<p class="post-date">Posted <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "Jan 2, 2006" }}</time></p>{{ end }}
|
||||
@ -31,7 +30,7 @@
|
||||
{{ .Content }}
|
||||
</article>
|
||||
</main>
|
||||
<nav class="end-nav card">
|
||||
<nav class="end-nav card-container card">
|
||||
{{ with .PrevInSection }}
|
||||
{{ .Render "li-next" }}
|
||||
{{ end }}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
|
||||
<nav class="content card card-container side-padding">
|
||||
<nav class="end-nav side-padding card-container card content">
|
||||
{{ partial "openring-out.html" . }}
|
||||
|
||||
</nav>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<nav class="content card card-container side-padding">
|
||||
<nav class="nav-bar card-container">
|
||||
|
||||
<div>
|
||||
<div class="menu-container">
|
||||
<h1 class="nav-header">
|
||||
<a href="{{ .Site.BaseURL }}" class="nav-text">
|
||||
{{- if isset $.Site.Params "brand"}}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user