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

Compare commits

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

6 Commits
854327d111 ... 4f3865ca78

Author SHA1 Message Date
n07070
4f3865ca78 Fix display of the nav bar, footer and single element 2022-07-18 01:59:20 +02:00
n07070
58b5b20ddc Merge branch 'main' of ssh://git.n07070.xyz:1968/n07070/blogotheme 2022-07-18 01:58:59 +02:00
n07070
eb48bb0971 Add the margin in the bottom of each card on post list 2022-07-18 01:55:29 +02:00
n07070
db951130bc Fix post margins across screen sizes 2022-07-18 01:38:39 +02:00
n07070
7ee6ce2488 Fix margings of the next article element 2022-07-18 01:37:50 +02:00
n07070
d6a4bb4bb3 Updated the style of the menu, removed useless CSS 2022-07-18 01:10:21 +02:00
5 changed files with 36 additions and 27 deletions
Show Stats Expand all files Collapse all files

15
assets/css/override.css
View File

@ -5,6 +5,21 @@
* 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,7 +18,8 @@ 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;
@ -29,7 +30,6 @@ 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.4em; font-size: 1.5em;
} }
.nav-text { .nav-text {
font-weight: normal; font-weight: normal;
@ -94,7 +94,8 @@ p {
z-index: 105; z-index: 105;
color: black; color: black;
font-weight: bolder; font-weight: bolder;
font-size: 3rem; font-size: 5rem;
transition: font-size 0.4s;
} }
@ -102,6 +103,7 @@ p {
.menu-container { .menu-container {
align-content: space-between; align-content: space-between;
display: flex;
} }
#menu { #menu {
@ -129,14 +131,14 @@ p {
.post { .post {
margin: 0 0 1em 0; margin: 3vw 1.8vw 3vw 1.8vw;
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: 1.8em; font-size: 2em;
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;
@ -193,11 +195,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; */
@ -239,6 +241,7 @@ p {
.bc-next { .bc-next {
margin-top: 0; margin-top: 0;
} }
.card-img-container { .card-img-container {
position: relative; position: relative;
@ -252,7 +255,6 @@ 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;
@ -500,7 +502,6 @@ footer h3 {
.nav-header { .nav-header {
margin: 0; margin: 0;
font-size: 1.4em;
background-color: white; background-color: white;
} }
@ -538,9 +539,8 @@ 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,12 +555,7 @@ 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,11 +5,10 @@
<body class="single-body"> <body class="single-body">
<main class="">
<!-- -->
{{ partial "nav-bar.html" . }} {{ 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"> <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 }}
@ -31,7 +30,7 @@
{{ .Content }} {{ .Content }}
</article> </article>
</main> </main>
<nav class="end-nav card"> <nav class="end-nav card-container 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="content card card-container side-padding"> <nav class="end-nav side-padding card-container card content">
{{ partial "openring-out.html" . }} {{ partial "openring-out.html" . }}
</nav> </nav>

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

@ -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"> <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"}}