From e6002f95cd3ad5c4ee449e6a51c50f07da26f287 Mon Sep 17 00:00:00 2001 From: Vincent Ambo Date: Sat, 8 Feb 2020 22:22:37 +0000 Subject: feat(web/homepage): Add static assets for new homepage Adds the Jetbrains Mono font and the WIP CSS file for the homepage and (soon) the blog. --- .../static/jetbrains-mono-bold-italic.woff2 | Bin 0 -> 53364 bytes web/homepage/static/jetbrains-mono-bold.woff2 | Bin 0 -> 49892 bytes web/homepage/static/jetbrains-mono-italic.woff2 | Bin 0 -> 50936 bytes web/homepage/static/jetbrains-mono.woff2 | Bin 0 -> 48700 bytes web/homepage/static/tazjin.css | 88 +++++++++++++++++++++ 5 files changed, 88 insertions(+) create mode 100644 web/homepage/static/jetbrains-mono-bold-italic.woff2 create mode 100644 web/homepage/static/jetbrains-mono-bold.woff2 create mode 100644 web/homepage/static/jetbrains-mono-italic.woff2 create mode 100644 web/homepage/static/jetbrains-mono.woff2 create mode 100644 web/homepage/static/tazjin.css diff --git a/web/homepage/static/jetbrains-mono-bold-italic.woff2 b/web/homepage/static/jetbrains-mono-bold-italic.woff2 new file mode 100644 index 000000000000..34b5c69ae1cf Binary files /dev/null and b/web/homepage/static/jetbrains-mono-bold-italic.woff2 differ diff --git a/web/homepage/static/jetbrains-mono-bold.woff2 b/web/homepage/static/jetbrains-mono-bold.woff2 new file mode 100644 index 000000000000..84a008af7edb Binary files /dev/null and b/web/homepage/static/jetbrains-mono-bold.woff2 differ diff --git a/web/homepage/static/jetbrains-mono-italic.woff2 b/web/homepage/static/jetbrains-mono-italic.woff2 new file mode 100644 index 000000000000..85fd4687891e Binary files /dev/null and b/web/homepage/static/jetbrains-mono-italic.woff2 differ diff --git a/web/homepage/static/jetbrains-mono.woff2 b/web/homepage/static/jetbrains-mono.woff2 new file mode 100644 index 000000000000..d5b94cb9e7db Binary files /dev/null and b/web/homepage/static/jetbrains-mono.woff2 differ diff --git a/web/homepage/static/tazjin.css b/web/homepage/static/tazjin.css new file mode 100644 index 000000000000..396c4ecf4a93 --- /dev/null +++ b/web/homepage/static/tazjin.css @@ -0,0 +1,88 @@ +/* Jetbrains Mono font from https://www.jetbrains.com/lp/mono/ + licensed under Apache 2.0. Thanks, Jetbrains! */ +@font-face { + font-family: jetbrains-mono; + src: url(jetbrains-mono.woff2); +} + +@font-face { + font-family: jetbrains-mono; + font-weight: bold; + src: url(jetbrains-mono-bold.woff2); +} + +@font-face { + font-family: jetbrains-mono; + font-style: italic; + src: url(jetbrains-mono-italic.woff2); +} + +@font-face { + font-family: jetbrains-mono; + font-weight: bold; + font-style: italic; + src: url(jetbrains-mono-bold-italic.woff2); +} + +/* Generic-purpose styling */ + +body { + margin: 40px auto; + max-width: 650px; + line-height: 1.6; + font-size: 18px; + padding: 0 10px; + font-family: jetbrains-mono, monospace; +} + +p, a :not(.uncoloured-link) { + color: inherit; +} + +.entry-container { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} + +.entry { + +} + +/* Light theme (used for the blog) */ + +.light { + color: #383838; +} + +/* Dark theme (used for the homepage) */ + +.dark { + background-color: #181818; + color: #e4e4ef; +} + +.dark a { + color: #96a6c8; +} + +h1, h2, h3 { + line-height: 1.2 +} +.footer { + text-align: right; +} +.unstyled-link { + text-decoration: none; +} +.uncoloured-link { + color: inherit; +} +.date { + text-align: right; + font-style: italic; + float: right; +} +.inline { + display: inline; +} -- cgit 1.4.1