n07070/blogotheme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: n07070:4f3865ca78a7c8214ba63150c4cf3bb50ab95160
Branches Tags
n07070:main
..
compare: n07070:854327d111f3a6b98eff953bda90d6b6e7f86e73
Branches Tags
n07070:main

No commits in common. "4f3865ca78a7c8214ba63150c4cf3bb50ab95160" and "854327d111f3a6b98eff953bda90d6b6e7f86e73" have entirely different histories.
4f3865ca78 ... 854327d111

5 changed files with 27 additions and 36 deletions
Show Stats Expand all files Collapse all files

15
assets/css/override.css
View File

@ -5,21 +5,6 @@
* You should not modify this file. * 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) { @media (prefers-color-scheme: dark) {
body { body {
color: #eee; color: #eee;

33
assets/css/style.css
View File

@ -18,8 +18,7 @@ body {
"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
/* color: #454545; */ /* color: #454545; */
font-size: 1.1em; 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; background-size: 22px 22px;
margin: 0; margin: 0;
display: flex; display: flex;
@ -30,6 +29,7 @@ body {
word-break: break-word; word-break: break-word;
} }
}
p { p {
margin: 1.5em 0; margin: 1.5em 0;
} }
@ -86,7 +86,7 @@ p {
.nav-header { .nav-header {
margin: 0; margin: 0;
padding: 0.4em; padding: 0.4em;
font-size: 1.5em; font-size: 1.4em;
} }
.nav-text { .nav-text {
font-weight: normal; font-weight: normal;
@ -94,8 +94,7 @@ p {
z-index: 105; z-index: 105;
color: black; color: black;
font-weight: bolder; font-weight: bolder;
font-size: 5rem; font-size: 3rem;
transition: font-size 0.4s;
} }
@ -103,7 +102,6 @@ p {
.menu-container { .menu-container {
align-content: space-between; align-content: space-between;
display: flex;
} }
#menu { #menu {
@ -131,14 +129,14 @@ p {
.post { .post {
margin: 3vw 1.8vw 3vw 1.8vw; margin: 0 0 1em 0;
line-height: 1.9; line-height: 1.9;
} }
.post-header { .post-header {
margin: 0 0 1.5em 0; margin: 0 0 1.5em 0;
} }
.post-title { .post-title {
font-size: 2em; font-size: 1.8em;
font-weight: 500; font-weight: 500;
line-height: 1.2; line-height: 1.2;
margin: 0 0 0.4em 0; margin: 0 0 0.4em 0;
@ -195,11 +193,11 @@ p {
margin: 5em 0; margin: 5em 0;
line-height: 1.6em; line-height: 1.6em;
} }
.card-container {
}
/* .card-container > a:first-of-type { /* .card-container > a:first-of-type {
margin-top: 5em; margin-top: 5em;
} */ } */
.card { .card {
display: block; display: block;
/* margin: 3rem 0; */ /* margin: 3rem 0; */
@ -241,7 +239,6 @@ p {
.bc-next { .bc-next {
margin-top: 0; margin-top: 0;
} }
.card-img-container { .card-img-container {
position: relative; position: relative;
@ -255,6 +252,7 @@ p {
object-fit: cover; object-fit: cover;
} }
.card-img-overlay { .card-img-overlay {
/* border-radius: 0.8rem 0.8rem 0 0; */
position: absolute; position: absolute;
top: 0; top: 0;
font-size: 1.27em; font-size: 1.27em;
@ -502,6 +500,7 @@ footer h3 {
.nav-header { .nav-header {
margin: 0; margin: 0;
font-size: 1.4em;
background-color: white; background-color: white;
} }
@ -539,8 +538,9 @@ footer h3 {
height: 100%; height: 100%;
width: 16em; width: 16em;
} }
.card-img-overlay {
/* border-radius: 0.8rem 0.8rem 0 0; */
}
.card-body { .card-body {
margin: 1.3em 1.7em; margin: 1.3em 1.7em;
} }
@ -555,7 +555,12 @@ footer h3 {
font-size: 0.7em; font-size: 0.7em;
margin-bottom: 0.7em; margin-bottom: 0.7em;
} }
.content {
/* border-radius: 1.2rem; */
}
.post {
margin: 1em 1.8em 2em 1.8em;
}
.post-title { .post-title {
font-size: 2em; font-size: 2em;
} }

7
layouts/_default/single.html
View File

@ -5,10 +5,11 @@
<body class="single-body"> <body class="single-body">
<main class="">
<!-- -->
{{ partial "nav-bar.html" . }} {{ partial "nav-bar.html" . }}
<main class="content side-text-padding"> <article class="content side-text-padding {{ if ne .Params.dropcap false }}dropcase{{ end }}">
<article class="post {{ if ne .Params.dropcap false }}dropcase{{ end }}">
<header class="post-header"> <header class="post-header">
<h1 class="post-title">{{ .Title }}</h1> <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 }} {{ if isset .Params "date" }}<p class="post-date">Posted <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "Jan 2, 2006" }}</time></p>{{ end }}
@ -30,7 +31,7 @@
{{ .Content }} {{ .Content }}
</article> </article>
</main> </main>
<nav class="end-nav card-container card"> <nav class="end-nav card">
{{ with .PrevInSection }} {{ with .PrevInSection }}
{{ .Render "li-next" }} {{ .Render "li-next" }}
{{ end }} {{ end }}

2
layouts/partials/footer.html
View File

@ -1,5 +1,5 @@
<nav class="end-nav side-padding card-container card content"> <nav class="content card card-container side-padding">
{{ partial "openring-out.html" . }} {{ partial "openring-out.html" . }}
</nav> </nav>

4
layouts/partials/nav-bar.html
View File

@ -1,6 +1,6 @@
<nav class="nav-bar card-container"> <nav class="content card card-container side-padding">
<div class="menu-container"> <div>
<h1 class="nav-header"> <h1 class="nav-header">
<a href="{{ .Site.BaseURL }}" class="nav-text"> <a href="{{ .Site.BaseURL }}" class="nav-text">
{{- if isset $.Site.Params "brand"}} {{- if isset $.Site.Params "brand"}}