Switched to OpenSans

Also increased font size and max widt
This commit is contained in:
Alejandro Angulo 2023-08-27 17:18:30 -07:00
parent 9182141121
commit 786d3911fd
Signed by: alejandro-angulo
GPG key ID: 75579581C74554B6
7 changed files with 52 additions and 4 deletions

View file

@ -1,9 +1,19 @@
:root {
--main-page-max-width: 1000px;
}
body {
background-color: #1d2021;
color: #ffffdf;
margin: 1em;
max-width: 800px;
max-width: var(--main-page-max-width);
margin: 1em auto 0;
font-family: OpenSans, sans-serif;
font-size: 1.2em;
}
pre,
code {
font-family: Hack, monospace;
}
@ -21,7 +31,7 @@ a {
padding: 0.1em;
}
a:visited {
color: #005f87;
color: #961ee1;
}
a:hover {
background-color: #00a7af;
@ -49,7 +59,7 @@ a:hover {
}
#banner {
max-width: 800px;
max-width: var(--main-page-max-width);
margin: 0 auto;
padding: 0.3em 0;
}

View file

@ -0,0 +1,37 @@
/*!
* Open Sans typeface https://github.com/FontFaceKit/open-sans
* License: ???
*/
/* FONT PATHS
* -------------------------- */
@font-face {
font-family: "OpenSans";
src: url("/fonts/OpenSans-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "OpenSans";
src: url("/fonts/OpenSans-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "OpenSans";
src: url("/fonts/OpenSans-Italic.woff2") format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "OpenSans";
src: url("/fonts/OpenSans-BoldItalic.woff2") format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}

View file

@ -18,7 +18,8 @@
/>
{{ $main_style := resources.Get "css/main.css" | minify }}
{{ $highlight_style := resources.Get "css/highlight.css" | minify }}
{{ $css := slice $main_style $highlight_style | resources.Concat "css/style.css" | fingerprint }}
{{ $opensans_style := resources.Get "css/opensans.css" | minify }}
{{ $css := slice $main_style $highlight_style $opensans_style | resources.Concat "css/style.css" | fingerprint }}
<link
rel="stylesheet"
type="text/css"