diff --git a/static/css/about.css b/static/css/about.css deleted file mode 100644 index 6c12ba4..0000000 --- a/static/css/about.css +++ /dev/null @@ -1,26 +0,0 @@ -/* About/bio section */ -.about__logo { - height: 1.5rem; -} - -.about__title { - display: inline; - vertical-align: top; -} - -.about__title::before { - content: none; -} - -/* Social media links */ -.aside__social-links { - padding: 0; -} - -.aside__social-links li { - display: inline-block; -} - -.aside__social-links li::marker { - content: none; -} diff --git a/static/css/colour/dark-mode.css b/static/css/colour/dark-mode.css deleted file mode 100644 index 386f99d..0000000 --- a/static/css/colour/dark-mode.css +++ /dev/null @@ -1,7 +0,0 @@ -:root { - --bg: var(--black); - --dark-bg: var(--dark-black); - --bright-bg: var(--bright-black); - --fg: var(--white); - --bright-fg: var(--bright-white); -} diff --git a/static/css/colour/gruvbox-dark.css b/static/css/colour/gruvbox-dark.css deleted file mode 100644 index 3d7aa0a..0000000 --- a/static/css/colour/gruvbox-dark.css +++ /dev/null @@ -1,41 +0,0 @@ -/* gruvbox dark mode - * https://github.com/morhetz/gruvbox - */ -:root { - --dark-black: #1d2021; - --black: #282828; - --bright-black: #928374; - - --white: #ebdbb2; - --bright-white: #fbf1c7; - - --ttcblue: #9de1e6; - --ttclilac: #a29de6; - --ttcred: #e6a29d; - --ttcyellow: #e1e69d; - --tccyellow2: #e2e69d; - - --tcclilac: #c69de6; - --tviolet: #8A2BE2; - --torange: #e28a2b; - --tccgreen: #bde69d; - --tgreen: #2BE28A; - - --red: #cc241d; - --green: #98971a; - --yellow: #d79921; - --blue: #458588; - --magenta: #b16286; - --cyan: #689d6a; - --orange: #d65d0e; - --gray: #928374; - - --bright-red: #fb4934; - --bright-green: #b8bb26; - --bright-yellow: #fabd2f; - --bright-blue: #83a598; - --bright-magenta: #d3869b; - --bright-cyan: #8ec07c; - --bright-orange: #fe8019; - --bright-gray: #a89984; -} diff --git a/static/css/colour/gruvbox-light.css b/static/css/colour/gruvbox-light.css deleted file mode 100644 index cff8fa3..0000000 --- a/static/css/colour/gruvbox-light.css +++ /dev/null @@ -1,30 +0,0 @@ -/* gruvbox light mode - * https://github.com/morhetz/gruvbox - */ -:root { - --dark-black: #282828; - --black: #3c3836; - --bright-black: #928374; - - --white: #fbf1c7; - --bright-white: #f9f5d7; - - --red: #9d0006; - --green: #79740e; - --yellow: #b57614; - --blue: #076678; - --magenta: #8f3f71; - --cyan: #427b58; - --orange: #af3a03; - --gray: #7c6f64; - - --dark-white: #f2e5bc; - --bright-red: #cc241d; - --bright-green: #98971a; - --bright-yellow: #d79921; - --bright-blue: #458588; - --bright-magenta: #b16286; - --bright-cyan: #689d6a; - --bright-orange: #d65d0e; - --bright-gray: #928374; -} diff --git a/static/css/colour/light-mode.css b/static/css/colour/light-mode.css deleted file mode 100644 index 3ac2827..0000000 --- a/static/css/colour/light-mode.css +++ /dev/null @@ -1,7 +0,0 @@ -:root { - --bg: var(--white); - --dark-bg: var(--dark-white); - --bright-bg: var(--bright-black); - --fg: var(--black); - --bright-fg: var(--bright-black); -} diff --git a/static/css/custom.css b/static/css/custom.css deleted file mode 100644 index da1b70c..0000000 --- a/static/css/custom.css +++ /dev/null @@ -1,41 +0,0 @@ -/* Override this file to customise the theme's CSS for your site */ -/* Format the accordion */ -details { - padding: .6rem 1rem; - background: var(--accent); - border: 1px solid; - border-radius: 5px; - margin-bottom: 1rem; -} - -details.red-notice { - background: var(--notice-red-bg); - border-color: var(--notice-red-border); -} - -.red-notice h2 { - margin: 0; -} - -summary { - cursor: pointer; - font-weight: bold; -} - -details[open] { - padding-bottom: .75rem; -} - -details[open] summary { - margin-bottom: .5rem; -} - -details[open]>*:last-child { - margin-bottom: 0; -} - -img { - max-width: 100%; - display: block; - margin: 0 auto; -} diff --git a/static/css/footer.css b/static/css/footer.css deleted file mode 100644 index 3c5d6e9..0000000 --- a/static/css/footer.css +++ /dev/null @@ -1,7 +0,0 @@ -.page__footer { - color: var(--bright-bg); -} - -.page__footer p { - margin: 0; -} diff --git a/static/css/header.css b/static/css/header.css deleted file mode 100644 index 875201b..0000000 --- a/static/css/header.css +++ /dev/null @@ -1,18 +0,0 @@ -/* Main menu */ -.main-nav ul { - display: flex; - flex-flow: row wrap; - justify-content: flex-start; - margin: 0; - padding: 0.25rem 0; -} - -.main-nav li { - margin-left: 2.5rem; - text-transform: lowercase; -} - -.main-nav li::marker { - content: "./"; -} - diff --git a/static/css/layout.css b/static/css/layout.css deleted file mode 100644 index c078893..0000000 --- a/static/css/layout.css +++ /dev/null @@ -1,64 +0,0 @@ -/* 1rem = 16px by default */ - -.page { - max-width: 64rem; - margin: 1rem auto; - display: grid; - grid-template-areas: - "header" - "body" - "aside" - "footer"; - grid-template-columns: minmax(0, 1fr); /* https://css-tricks.com/preventing-a-grid-blowout/ */ - grid-row-gap: 2rem; -} - -@media (min-width: 45rem) { - .page { - grid-template-areas: - "header header" - "body aside" - "footer footer"; - grid-template-columns: minmax(0, 1fr) 15rem; - grid-column-gap: 2rem; - } -} - -/* Header */ -.page__header { - grid-area: header; - display: flex; -} - -.page__logo { - flex-shrink: 0; -} - -.page__nav { - flex-grow: 1; -} - -/* Body + aside */ -.page__body { - grid-area: body; - background-color: var(--bg); - box-shadow: 0 0 0 1rem var(--bg); - overflow-wrap: break-word; -} - -.page__aside { - grid-area: aside; - color: var(--bright-bg); -} - -/* Footer */ -.page__footer { - grid-area: footer; - max-width: 64rem; - margin: 1rem auto; - display: grid; - grid-template-areas: - "footer"; - grid-template-columns: minmax(0, 1fr); /* https://css-tricks.com/preventing-a-grid-blowout/ */ - grid-row-gap: 2rem; -} diff --git a/static/css/logo.css b/static/css/logo.css deleted file mode 100644 index bc740b8..0000000 --- a/static/css/logo.css +++ /dev/null @@ -1,37 +0,0 @@ -.page__logo { - padding: 0; - margin: 0; - font-weight: inherit; - color: var(--white); -} - -.page__logo:before { - content: none; -} - -.page__logo-inner { - display: block; - background: var(--tviolet); - padding: 0.25rem; -} - -a.page__logo-inner:link, a.page__logo-inner:visited { - color: inherit; - text-decoration: inherit; -} - -a.page__logo-inner:hover, -a.page__logo-inner:active { - background: var(--tcclilac); - color: var(--dark-black); -} - -.page__logo-inner:before { - content: "["; - color: var(--bg); -} - -.page__logo-inner:after { - content: "] $"; - color: var(--bg); -} diff --git a/static/css/risotto.css b/static/css/risotto.css deleted file mode 100644 index 3c2969d..0000000 --- a/static/css/risotto.css +++ /dev/null @@ -1,11 +0,0 @@ -@import 'typography.css'; -@import 'layout.css'; -@import 'header.css'; -@import 'logo.css'; -@import 'about.css'; -@import 'footer.css'; - -body { - background-color: var(--dark-bg); - color: var(--fg); -} diff --git a/static/css/typography.css b/static/css/typography.css deleted file mode 100644 index c76be95..0000000 --- a/static/css/typography.css +++ /dev/null @@ -1,215 +0,0 @@ -/* Fonts */ -:root { - --font-monospace: "Fira Mono", monospace; -} - -body { - font-family: var(--font-monospace); - font-size: 16px; - line-height: 1.5rem; -} - -/* Headings */ -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: 1rem; - margin: 1.5rem 0 0 0; - font-weight: 600; - text-transform: capitalize; -} - -h1+h2, -h1+h3, -h1+h4, -h1+h5, -h1+h6, -h2+h3, -h2+h4, -h2+h5, -h2+h6, -h3+h4, -h3+h5, -h3+h6, -h4+h5, -h4+h6, -h5+h6 { - margin: 0; -} - -h1:before { content: "# "; } -h2:before { content: "## "; } -h3:before { content: "### "; } -h4:before { content: "#### "; } -h5:before { content: "##### "; } -h6:before { content: "###### "; } - -h1:before, -h2:before, -h3:before, -h4:before, -h5:before, -h6:before { - color: var(--bright-bg); -} - -h1:first-child { - margin-top: 0; -} - -/* Paragraphs */ -p { - margin: 0 0 1.5rem 0; -} - -/* Links */ - -a:link, a:visited { - color: var(--fg); -} - -a:hover, a:active { - color: var(--bright-fg); -} - -/* Lists */ -ul { - margin: 0 0 1.5rem 0; - padding-left: 1.25rem; -} - -ol { - margin: 0 0 1.5rem 0; - padding-left: 1.75rem; -} - -ul ul, -ul ol, -ol ul, -ol ol { - margin: 0; -} - -ul li::marker { - content: '∗\00A0'; - color: var(--bright-bg); -} - -ol li::marker { - color: var(--bright-bg); -} - -dt { - margin: 0; - font-weight: bold; -} - -dd { - margin: 0 0 0 1.5rem; - font-style: italic; -} - -dd + dt { - margin-top: 1.5rem; -} - -dl { - margin: 0 0 1.5rem 0; -} - -/* Blockquotes */ -blockquote { - position: relative; - margin: 0 0 1.5rem 1.5rem; -} - -blockquote::before { - position: absolute; - left: -1.5rem; - content: ">"; - color: var(--bright-bg); -} - -.twitter-tweet::before { - content: "\f099"; - font-family: "Font Awesome 5 Brands"; - font-weight: 400; -} - -/* Code */ -pre, -code, -kbd, -samp { - background: var(--dark-bg) !important; - font-family: var(--font-monospace); - color: var(--bright-bg); -} - -pre { - overflow-x: auto; - padding: 1.5rem; - margin: 0 0 1.5rem 0; -} - -/* Emphasis */ -b, -strong { - font-weight: 600; -} - -/* Highlighting */ -::selection, -mark { - background-color: var(--yellow); - color: var(--bg); -} - -/* Other typographic elements */ -hr { - border: 0; - margin-bottom: 1.5rem; -} - -hr:after { - content: '---'; - color: var(--bright-bg); -} - - -/* Prevent super/sub from affecting line height */ -sup, sub { - vertical-align: baseline; - position: relative; - top: -0.25rem; - font-size: unset; -} -sub { - top: 0.25rem; -} - -/* Tables */ -table { - border-spacing: 0; - margin: 0 0 1.5rem 0; - overflow-wrap: anywhere; -} -th, td { - padding: 0 .75rem; - vertical-align: top; -} -th:first-child, td:first-child { - padding-left: 0; -} -th { - text-align: inherit; -} - -/* Figures */ -img { - max-width: 100%; - height: auto; -}