Theme update to monospace font and brown accent color

This commit is contained in:
Brandon Rozek 2023-01-03 01:36:55 -05:00
parent 21d85256ae
commit cd5ccf78dc
No known key found for this signature in database
GPG key ID: 26E457DA82C9F480
10 changed files with 102 additions and 12 deletions

View file

@ -9,15 +9,21 @@ body {
padding: 0; padding: 0;
box-sizing:border-box; box-sizing:border-box;
background-color: #EFEFEF; background-color: #EFEFEF;
background-image: url(/img/winter.png); /* background-image: url(/img/winter.png); */
color: #575757; background-color: #fafafa;
color: #313131;
text-align: center; text-align: center;
font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'IBM Plex Mono', sans-serif;
font-weight: 300;
line-height: 1.5; line-height: 1.5;
font-size: 1rem; font-size: 1rem;
word-wrap: break-word; word-wrap: break-word;
} }
a .fa, a .fas, a .fab {
color: #5c3c2e;
}
a:link { a:link {
color: #575757; color: #575757;
} }
@ -34,8 +40,14 @@ a:active {
color: #575757; color: #575757;
} }
strong {
font-weight: 700;
}
.title { .title {
font-family: 'Comfortaa'; font-family: 'IBM Plex Mono', monospace;
font-weight: 600;
} }
/* /*
@ -52,8 +64,8 @@ a:active {
font-size: 0.9em; font-size: 0.9em;
padding: 0.25rem; padding: 0.25rem;
color: black; color: black;
background-color: #f2f2f2; background-color: #fafafa;
border-bottom: 1px solid #979797; border-bottom: 1px dashed #5c3c2e;;
padding-left: 3rem; padding-left: 3rem;
} }
@ -242,8 +254,9 @@ mark {
.bloglist-date { .bloglist-date {
font-size: 1.75rem; font-size: 1.75rem;
font-style: italic; font-weight: 600;
color: #005c00; font-family: monospace;
color: #5c3c2e;
} }
.bloglist { .bloglist {
@ -326,10 +339,17 @@ main .e-content {
text-align: left; text-align: left;
} }
.e-content a:hover {
box-shadow: inset 1000px 0 0 0 #5c3c2e;
color: white;
}
main .e-content h2 { main .e-content h2 {
padding-bottom: .3em; padding-bottom: .3em;
/* font-size: 1.5em; */ /* font-size: 1.5em; */
border-bottom: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9;
border-bottom: 1px solid #5c3c2e;;
color: #5c3c2e;
} }
/* /*
@ -442,4 +462,74 @@ main .e-content .toot-photos img {
.pgpbutton { .pgpbutton {
font-size: 1rem; font-size: 1rem;
} }
/*
** Fonts
*/
@font-face {
font-family: 'IBM Plex Mono';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/webfonts/ibm-plex-mono/300-italic.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'IBM Plex Mono';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/webfonts/ibm-plex-mono/400-italic.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'IBM Plex Mono';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(/webfonts/ibm-plex-mono/600-italic.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'IBM Plex Mono';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/webfonts/ibm-plex-mono/700-italic.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/webfonts/ibm-plex-mono/300.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/webfonts/ibm-plex-mono/400.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/webfonts/ibm-plex-mono/600.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/webfonts/ibm-plex-mono/700.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

View file

@ -11,15 +11,15 @@
<h1 class='title'> <h1 class='title'>
{{ if $headerLink }} {{ if $headerLink }}
<a href="{{ $headerLink }}"> <a href="{{ $headerLink }}">
{{ $headerTitle }} ~/{{ $headerTitle }}
</a> </a>
{{ else }} {{ else }}
{{ $headerTitle }} ~/{{ $headerTitle }}
{{ end }} {{ end }}
</h1> </h1>
{{ end }} {{ end }}
{{ else }} {{ else }}
<h1 class="title">{{ .Title }}</h1> <h1 class="title">~/{{ .Title }}</h1>
{{ end }} {{ end }}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.