No more external requests, and less local ones.

master
Volkor 2 years ago
parent 8ae740c1af
commit d61a8eaf38
Signed by: Volkor
GPG Key ID: BAD7CA8A81CC2DA5

@ -4,10 +4,6 @@
<div class="copyright"> {{ .Site.Copyright | safeHTML }} </div>
<div class="poweredby">
Powered by <a href="https://gohugo.io/">Hugo</a>.
</div>
</footer>
</div> <!-- main -->

@ -13,12 +13,6 @@
{{ template "_internal/schema.html" . }}
<link rel="stylesheet" href="/css/layout.css" />
<link href="https://use.fontawesome.com/releases/v5.0.7/css/all.css" rel="stylesheet">
{{ if isset .Site.Params "theme_colors" }}
<link rel="stylesheet" href="/css/{{ .Site.Params.theme_colors }}.css" />
{{ else }}
<link rel="stylesheet" href="/css/default-dark.css" />
{{ end }}
{{ template "_internal/google_analytics_async.html" . }}

@ -1,135 +0,0 @@
/*
* main green: #15b22c
* */
:root {
--main-bg-color: #101010;
--main-text: #ffffff; /* old color: #dbdbdb */
--main-sec: #15b22c; /* main secondary color for the site */
--code-quote-bg: #1D1F21; /* background color for quotes and code blocks */
--copyright: #b9bcbf; /* copyright text color */
}
body {
background: var(--main-bg-color);
color: var(--main-text);
}
a {
color: var(--main-text);
}
pre {
background: var(--main-bg-color);
border: 1px solid #303030;
border-radius: 5px;
}
code {
background-color: transparent;
}
blockquote {
background: var(--main-bg-color);
border-left: 3px solid var(--main-sec);
}
table { margin: 1em auto; border-collapse: collapse; }
table, th, td { border: 1px solid #5C5C5C; }
tr:hover { background: #1D1F21; }
th { background: #1D1F21; }
.siteTitle a {
color: var(--main-sec);
}
.post {
background: #202020;
border: 1px solid #303030;
border-radius: 0.2em;
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
}
.post .content h1{ color: var(--main-sec); }
.post .content h2{ color: var(--main-sec); }
.post .content h3{ color: var(--main-sec); }
.post .content h4{ color: var(--main-sec); }
.post .content h5{ color: var(--main-sec); }
.post .content h6{ color: var(--main-sec); }
.post .content a:hover { color: var(--main-sec); }
.social-link:hover { color: var(--main-sec); }
.nav-item-title:hover { color: var(--main-sec); }
.tag a:hover { color: var(--main-sec); }
.copyright { color: var(--copyright); }
.poweredby { color: var(--copyright); }
.poweredby a { color: var(--copyright); }
.post-preview {
border: 1px solid #303030;
border-radius: 0.2em;
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
background: #202020;
}
.post-preview .meta {
border-bottom: 1px solid #303030;
}
.post-preview .title a {
color: var(--main-sec);
}
.content-item {
background: #202020;
border: 1px solid #303030;
border-radius: 0.2em;
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
}
.content-item .meta {
border-top: 1px dotted #303030;
}
.content-item a:hover{
text-decoration: underline;
color: var(--main-sec);
}
.post-list .title {
color: var(--main-sec);
}
.rmore {
color: var(--main-text);
}
.rmore a {
background: var(--main-bg-color);
border: 1px solid #303030;
}
.rmore a:hover {
background: #202020;
color: var(--main-text);
}
.terms {
background: #202020;
border: 1px solid #303030;
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
}
.terms .term {
border-bottom: 1px dotted #303030;
}
.term a:hover {
text-decoration: underline;
color: var(--main-sec);
}
.err-404 {
border: 1px solid #303030;
border-radius: 0.2em;
background: #202020;
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
}

@ -1,12 +1,12 @@
body {
font-family: "Arial", Gadget, sans-serif;
font-family: "ui-serif", "system-ui", sans-serif;
counter-reset: heading;
margin: 0;
}
.main {
margin: auto;
max-width: 42em;
max-width: 45em;
}
img {
@ -27,7 +27,7 @@ figcaption {
}
iframe {
max-width: 42em;
max-width: 45em;
display: block;
margin-left: auto;
margin-right: auto;
@ -172,9 +172,6 @@ th, td {
margin: .75em 0em;
}
.post .content p{
}
.post-footer-data {
display: -webkit-flex;
-webkit-flex-direction: column;
@ -362,7 +359,8 @@ th, td {
.post-preview .summary {
margin-top: 1em;
margin-bottom: 0.5em;
line-height: 1.4em;
line-height: 1em;
color: gray;
}
.post-preview .summary p {
@ -506,3 +504,140 @@ th, td {
}
}
/* COLOURS - DARK THEME */
/*
* main green: #15b22c
* */
:root {
--main-bg-color: #101010;
--main-text: #ffffff; /* old color: #dbdbdb */
--main-sec: #15b22c; /* main secondary color for the site */
--code-quote-bg: #1D1F21; /* background color for quotes and code blocks */
--copyright: #b9bcbf; /* copyright text color */
}
body {
background: var(--main-bg-color);
color: var(--main-text);
}
a {
color: var(--main-text);
}
pre {
background: var(--main-bg-color);
border: 1px solid #303030;
border-radius: 5px;
}
code {
background-color: transparent;
}
blockquote {
background: var(--main-bg-color);
border-left: 3px solid var(--main-sec);
}
table { margin: 1em auto; border-collapse: collapse; }
table, th, td { border: 1px solid #5C5C5C; }
tr:hover { background: #1D1F21; }
th { background: #1D1F21; }
.siteTitle a {
color: var(--main-sec);
}
.post {
background: #202020;
border: 1px solid #303030;
border-radius: 0.2em;
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
}
.post .content h1{ color: var(--main-sec); }
.post .content h2{ color: var(--main-sec); }
.post .content h3{ color: var(--main-sec); }
.post .content h4{ color: var(--main-sec); }
.post .content h5{ color: var(--main-sec); }
.post .content h6{ color: var(--main-sec); }
.post .content a:hover { color: var(--main-sec); }
.social-link:hover { color: var(--main-sec); }
.nav-item-title:hover { color: var(--main-sec); }
.tag a:hover { color: var(--main-sec); }
.copyright { color: var(--copyright); }
.poweredby { color: var(--copyright); }
.poweredby a { color: var(--copyright); }
.post-preview {
border: 1px solid #303030;
border-radius: 0.2em;
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
background: #202020;
}
.post-preview .meta {
border-bottom: 1px solid #303030;
}
.post-preview .title a {
color: var(--main-sec);
}
.content-item {
background: #202020;
border: 1px solid #303030;
border-radius: 0.2em;
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
}
.content-item .meta {
border-top: 1px dotted #303030;
}
.content-item a:hover{
text-decoration: underline;
color: var(--main-sec);
}
.post-list .title {
color: var(--main-sec);
}
.rmore {
color: var(--main-text);
}
.rmore a {
background: var(--main-bg-color);
border: 1px solid #303030;
}
.rmore a:hover {
background: #202020;
color: var(--main-text);
}
.terms {
background: #202020;
border: 1px solid #303030;
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
}
.terms .term {
border-bottom: 1px dotted #303030;
}
.term a:hover {
text-decoration: underline;
color: var(--main-sec);
}
.err-404 {
border: 1px solid #303030;
border-radius: 0.2em;
background: #202020;
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
}

Loading…
Cancel
Save