mirror of
https://github.com/Brandon-Rozek/website-theme.git
synced 2024-12-22 17:12:27 +00:00
Theme update to monospace font and brown accent color
This commit is contained in:
parent
21d85256ae
commit
cd5ccf78dc
10 changed files with 102 additions and 12 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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
BIN
static/webfonts/ibm-plex-mono/300-italic.woff2
Normal file
Binary file not shown.
BIN
static/webfonts/ibm-plex-mono/300.woff2
Normal file
BIN
static/webfonts/ibm-plex-mono/300.woff2
Normal file
Binary file not shown.
BIN
static/webfonts/ibm-plex-mono/400-italic.woff2
Normal file
BIN
static/webfonts/ibm-plex-mono/400-italic.woff2
Normal file
Binary file not shown.
BIN
static/webfonts/ibm-plex-mono/400.woff2
Normal file
BIN
static/webfonts/ibm-plex-mono/400.woff2
Normal file
Binary file not shown.
BIN
static/webfonts/ibm-plex-mono/600-italic.woff2
Normal file
BIN
static/webfonts/ibm-plex-mono/600-italic.woff2
Normal file
Binary file not shown.
BIN
static/webfonts/ibm-plex-mono/600.woff2
Normal file
BIN
static/webfonts/ibm-plex-mono/600.woff2
Normal file
Binary file not shown.
BIN
static/webfonts/ibm-plex-mono/700-italic.woff2
Normal file
BIN
static/webfonts/ibm-plex-mono/700-italic.woff2
Normal file
Binary file not shown.
BIN
static/webfonts/ibm-plex-mono/700.woff2
Normal file
BIN
static/webfonts/ibm-plex-mono/700.woff2
Normal file
Binary file not shown.
Loading…
Reference in a new issue