brozek/website-theme
1
0
Fork 0
mirror of https://github.com/Brandon-Rozek/website-theme.git synced 2024-09-16 13:22:29 -04:00
Code Issues Projects Releases Packages Wiki Activity

Theme update to monospace font and brown accent color

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

108
assets/css/style.css
View file

@ -9,15 +9,21 @@ body {
padding: 0;
box-sizing:border-box;
background-color: #EFEFEF;
background-image: url(/img/winter.png);
color: #575757;
/* background-image: url(/img/winter.png); */
background-color: #fafafa;
color: #313131;
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;
font-size: 1rem;
word-wrap: break-word;
}
a .fa, a .fas, a .fab {
color: #5c3c2e;
}
a:link {
color: #575757;
}
@ -34,8 +40,14 @@ a:active {
color: #575757;
}
strong {
font-weight: 700;
}
.title {
font-family: 'Comfortaa';
font-family: 'IBM Plex Mono', monospace;
font-weight: 600;
}
/*
@ -52,8 +64,8 @@ a:active {
font-size: 0.9em;
padding: 0.25rem;
color: black;
background-color: #f2f2f2;
border-bottom: 1px solid #979797;
background-color: #fafafa;
border-bottom: 1px dashed #5c3c2e;;
padding-left: 3rem;
}
@ -242,8 +254,9 @@ mark {
.bloglist-date {
font-size: 1.75rem;
font-style: italic;
color: #005c00;
font-weight: 600;
font-family: monospace;
color: #5c3c2e;
}
.bloglist {
@ -326,10 +339,17 @@ main .e-content {
text-align: left;
}
.e-content a:hover {
box-shadow: inset 1000px 0 0 0 #5c3c2e;
color: white;
}
main .e-content h2 {
padding-bottom: .3em;
/* font-size: 1.5em; */
border-bottom: 1px solid #c9c9c9;
border-bottom: 1px solid #5c3c2e;;
color: #5c3c2e;
}
/*
@ -442,4 +462,74 @@ main .e-content .toot-photos img {
.pgpbutton {
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;
}

6
layouts/partials/header.html
View file

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

BIN
static/webfonts/ibm-plex-mono/300-italic.woff2 Normal file
View file

Binary file not shown.

BIN
static/webfonts/ibm-plex-mono/300.woff2 Normal file
View file

Binary file not shown.

BIN
static/webfonts/ibm-plex-mono/400-italic.woff2 Normal file
View file

Binary file not shown.

BIN
static/webfonts/ibm-plex-mono/400.woff2 Normal file
View file

Binary file not shown.

BIN
static/webfonts/ibm-plex-mono/600-italic.woff2 Normal file
View file

Binary file not shown.

BIN
static/webfonts/ibm-plex-mono/600.woff2 Normal file
View file

Binary file not shown.

BIN
static/webfonts/ibm-plex-mono/700-italic.woff2 Normal file
View file

Binary file not shown.

BIN
static/webfonts/ibm-plex-mono/700.woff2 Normal file
View file

Binary file not shown.