ben
/
blog
1
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

combine css into one file

This commit is contained in:
Ben Harris 2022-08-11 14:16:37 -04:00
parent f2ea2cc87a
commit ad23f12260
5 changed files with 43 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
assets/blog.css
View File

@ -1,13 +0,0 @@
:root {
--pagefind-ui-scale: 1;
--pagefind-ui-primary: #034ad8;
--pagefind-ui-text: #ebdbb2;
--pagefind-ui-background: #3c3836;
--pagefind-ui-border: #eeeeee;
--pagefind-ui-tag: #eeeeee;
--pagefind-ui-border-width: 2px;
--pagefind-ui-border-radius: 8px;
----pagefind-ui-image-border-radius: 8px;
--pagefind-ui-image-box-ratio: 3 / 2;
--pagefind-ui-font: inherit;
}

66
assets/gruvbox.css
View File

@ -1,55 +1,69 @@
:root {
--pagefind-ui-scale: 1;
--pagefind-ui-primary: #034ad8;
--pagefind-ui-text: #ebdbb2;
--pagefind-ui-background: #3c3836;
--pagefind-ui-border: #eeeeee;
--pagefind-ui-tag: #034ad8;
--pagefind-ui-border-width: 2px;
--pagefind-ui-border-radius: 8px;
----pagefind-ui-image-border-radius: 8px;
--pagefind-ui-image-box-ratio: 3 / 2;
--pagefind-ui-font: inherit;
}
main { main {
-webkit-font-feature-settings: "liga" on, "calt" on; -webkit-font-feature-settings: "liga" on, "calt" on;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
font-family: 'JetBrains Mono', 'Input Mono', monospace; font-family: 'JetBrains Mono', 'Input Mono', monospace;
max-width: 38rem; max-width: 38rem;
padding: 2rem; padding: 2rem;
margin: auto; margin: auto;
} }
@media only screen and (max-device-width: 736px) { @media only screen and (max-device-width: 736px) {
main { main {
padding: 0.2rem; padding: 0.2rem;
} }
} }
::selection { ::selection {
background: #9c0018; background: #9c0018;
} }
body { body {
background: #282828; background: #282828;
color: #ebdbb2; color: #ebdbb2;
} }
pre { pre {
background-color: #3c3836; background-color: #3c3836;
padding: 1em; padding: 1em;
border: 0; border: 0;
overflow: auto; overflow: auto;
white-space: pre-wrap; white-space: pre-wrap;
} }
a, a:active, a:visited { a, a:active, a:visited {
color: #e491b6; color: #e491b6;
background-color: #1d2021; background-color: #1d2021;
} }
h1, h2, h3, h4, h5 { h1, h2, h3, h4, h5 {
margin-bottom: .1rem; margin-bottom: .1rem;
} }
blockquote { blockquote {
border-left: 1px solid #bdae93; border-left: 1px solid #bdae93;
margin: 0.5em 10px; margin: 0.5em 10px;
padding: 0.5em 10px; padding: 0.5em 10px;
} }
footer { footer {
align: center; align: center;
} }
img { img {
max-width: 100%; max-width: 100%;
} }

4
themes/gruvbox/layouts/_default/baseof.html
View File

@ -1,14 +1,12 @@
{{- $gruvbox := resources.Get "gruvbox.css" | resources.ToCSS }} {{- $gruvbox := resources.Get "gruvbox.css" | resources.ToCSS }}
{{- $blogcss := resources.Get "blog.css" | resources.ToCSS }}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}"> <html lang="{{ .Site.LanguageCode }}">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<style>{{ $gruvbox.Content | safeCSS }}</style>
<link rel="stylesheet" type="text/css" href="{{ "_pagefind/pagefind-ui.css" | absURL }}"> <link rel="stylesheet" type="text/css" href="{{ "_pagefind/pagefind-ui.css" | absURL }}">
<style>{{ $blogcss.Content | safeCSS }}</style>
<script type="text/javascript" src="{{ "_pagefind/pagefind-ui.js" | absURL }}"></script> <script type="text/javascript" src="{{ "_pagefind/pagefind-ui.js" | absURL }}"></script>
<style>{{ $gruvbox.Content | safeCSS }}</style>
<script> <script>
window.addEventListener('DOMContentLoaded', (event) => { new PagefindUI({ element: "#search" }); }); window.addEventListener('DOMContentLoaded', (event) => { new PagefindUI({ element: "#search" }); });
</script> </script>

2
themes/gruvbox/layouts/_default/single.html
View File

@ -1,7 +1,7 @@
{{ define "title" }}{{ .Title }}{{ end }} {{ define "title" }}{{ .Title }}{{ end }}
{{ define "main" }} {{ define "main" }}
<h1><a href="{{ .Permalink }}">{{ .Title }}</a></h1> <h1 data-pagefind-meta="title"><a href="{{ .Permalink }}">{{ .Title }}</a></h1>
<time>{{ .Date.Format "Mon, 02 Jan 2006 15:04 MST" }}</time> <time>{{ .Date.Format "Mon, 02 Jan 2006 15:04 MST" }}</time>
<p>tags:</p> <p>tags:</p>

2
themes/gruvbox/layouts/partials/tags.html
View File

@ -1,5 +1,5 @@
{{ $taxonomy := "tags" }} {{ with .Param $taxonomy }} {{ $taxonomy := "tags" }} {{ with .Param $taxonomy }}
<ul> <ul data-pagefind-meta="tags">
{{ range $index, $tag := .}} {{ with $.Site.GetPage (printf "/%s/%s" $taxonomy $tag) -}} {{ range $index, $tag := .}} {{ with $.Site.GetPage (printf "/%s/%s" $taxonomy $tag) -}}
<li> <li>
<a href="{{ .RelPermalink }}">{{ $tag | urlize }}</a> <a href="{{ .RelPermalink }}">{{ $tag | urlize }}</a>