diff --git a/undercover/static/fonts/Barlow-Medium.ttf b/undercover/static/fonts/Barlow-Medium.ttf new file mode 100644 index 0000000..11d4ab2 Binary files /dev/null and b/undercover/static/fonts/Barlow-Medium.ttf differ diff --git a/undercover/static/fonts/Barlow-Regular.ttf b/undercover/static/fonts/Barlow-Regular.ttf new file mode 100644 index 0000000..d39c293 Binary files /dev/null and b/undercover/static/fonts/Barlow-Regular.ttf differ diff --git a/undercover/static/styles.css b/undercover/static/styles.css index 90a2ea5..e03c165 100644 --- a/undercover/static/styles.css +++ b/undercover/static/styles.css @@ -1,3 +1,13 @@ +@font-face { + font-family: 'Barlow'; + src: url('/static/fonts/Barlow-Regular.ttf'); +} + +@font-face { + font-family: 'BarlowMedium'; + src: url('/static/fonts/Barlow-Medium.ttf'); +} + html { height: 100%; } @@ -39,15 +49,21 @@ h1:hover span.logo.right { body { background-color: #f0f0f0; - line-height: 200%; + line-height: 180%; + font-size: 110%; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; - font-family: sans-serif; + font-family: 'Barlow', sans-serif; +} + +strong { + font-family: 'BarlowMedium', sans-serif; } h1, h2 { + font-family: 'BarlowMedium', sans-serif; text-align: center; } @@ -67,10 +83,11 @@ h2 { } label { - font-family: /*'Source Sans Pro', TODO: Host or link this */ sans-serif; + font-family: 'Barlow', /*'Source Sans Pro', TODO: Host or link this */ sans-serif; /* font-weight: bold; Re-enable with above font */ font-size: 100%; - color: #777; + font-weight: 500; + color: #505050; padding: 0.15em 0.5em; transition-property: color, background-color; transition-duration: 135ms; @@ -83,7 +100,7 @@ label:hover { } input, textarea { - font-family: sans-serif; + font-family: 'Barlow', sans-serif; } select { @@ -203,7 +220,7 @@ textarea { .wipe { padding: 10px 25px; - font-family: "Roboto", sans-serif; + font-family: 'Barlow', "Roboto", sans-serif; font-weight: 500; background: black; outline: none !important; @@ -254,8 +271,9 @@ textarea { line-height: 100%; } input { - font-size: 150%; + font-size: 115%; width: 100%; + padding: 0.3em; } .letter-form { width: 100%;