diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/content.scss | 48 | ||||
| -rw-r--r-- | css/fonts.scss | 11 | ||||
| -rw-r--r-- | css/frontPage.scss | 19 | ||||
| -rw-r--r-- | css/main.scss | 8 | ||||
| -rw-r--r-- | css/navigationBar.scss | 18 |
5 files changed, 83 insertions, 21 deletions
diff --git a/css/content.scss b/css/content.scss index 03904a5..1934d68 100644 --- a/css/content.scss +++ b/css/content.scss @@ -1,16 +1,19 @@ #content { - background-color: $backgroundColour; - margin: auto; - min-height: 100vh; - max-width: 72rem; - padding: 2rem; + margin: auto; + min-height: 100vh; + max-width: 72rem; + padding: 2rem; - p:not(.heading, #contentHeading) { + p:not(.heading, #contentHeading, #cloneNotice p) { line-height: 2rem; } a, a:visited { - color: $highlightColour; + color: $textColour; + } + + em { + font-style: normal; font-weight: bold; } @@ -18,7 +21,7 @@ &.code { background-color: $foregroundColour; border-radius: calc(1rem / 4); - font-family: "Martian Mono", "monospace"; + font-family: "Fira Mono", "monospace"; padding: calc(1rem / 4); a { @@ -26,10 +29,6 @@ } } - &.fancy { - font-weight: bold; - } - &.small { font-size: 0.75em; } @@ -39,6 +38,7 @@ background-color: $foregroundColour; border-radius: 1rem; display: block; + font-family: "Martian Mono", "monospace"; font-size: 4rem; font-weight: bold; margin: auto; @@ -69,8 +69,11 @@ } x-image { - display: block; - width: fit-content; + background-position: center; + background-repeat: no-repeat; + display: block; + position: relative; + width: 100%; &:nth-of-type(odd) { margin-right: auto; @@ -80,13 +83,28 @@ margin-left: auto; } + img.blur { + filter: blur(1rem); + position: absolute; + z-index: -1; + width: 100%; + } + a { img { border-radius: 1rem; display: block; - height: 16rem; image-rendering: pixelated; + width: 100%; } } } + + #cloneNotice { + background-color: $foregroundColour; + border-radius: 1rem; + font-weight: bold; + padding: 1rem; + text-align: center; + } }
\ No newline at end of file diff --git a/css/fonts.scss b/css/fonts.scss index 6abafc0..2956c3d 100644 --- a/css/fonts.scss +++ b/css/fonts.scss @@ -1,4 +1,15 @@ @font-face { + font-family: "Fira Mono"; + src: url("/ttf/FiraMono-Regular.ttf"); +} + +@font-face { + font-family: "Fira Mono"; + font-weight: bold; + src: url("/ttf/FiraMono-Bold.ttf"); +} + +@font-face { font-family: "Martian Mono"; src: url("/ttf/MartianMono-Regular.ttf"); } diff --git a/css/frontPage.scss b/css/frontPage.scss index dc40d11..44cb7ff 100644 --- a/css/frontPage.scss +++ b/css/frontPage.scss @@ -9,17 +9,34 @@ width: 100vw; body.about & { - background-color: $achernarColour; } + background-color: $achernarColour; + } + + body.ax & { + background-color: #422984; + } + + body.backspace & { + background-color: $backgroundColour; + } body.benoit & { background-image: url("/svg/benoit-background.svg"); background-size: cover; } + body.bowshock & { + background-color: #B61833; + } + body.bzipper & { background-color: #FFFFFF; } + body.deltaWorld & { + background-color: $backgroundColour; + } + body.eas & { background-color: #01CD93; } diff --git a/css/main.scss b/css/main.scss index e3cb1cd..a5e15a6 100644 --- a/css/main.scss +++ b/css/main.scss @@ -21,6 +21,14 @@ $achernarColour: #007B34; box-sizing: border-box; } +ol, ul { + list-style-type: none; +} + +li p::before { + content: "\2014\0020"; +} + @import "navigationBar.scss"; @import "frontPage.scss"; @import "content.scss"; diff --git a/css/navigationBar.scss b/css/navigationBar.scss index 4600437..c52351b 100644 --- a/css/navigationBar.scss +++ b/css/navigationBar.scss @@ -17,18 +17,30 @@ --foregroundColour: #FFFFFF; } + body.ax & { + --foregroundColour: #FFFFFF; + } + + body.backspace & { + --foregroundColour: #FFFFFF; + } + body.benoit & { --foregroundColour: #FFFFFF; } body.bowshock & { - --foregroundColour: #FFFFFF; + --foregroundColour: #FFEEE0; } body.bzipper & { --foregroundColour: #B4202D; } + body.deltaWorld & { + --foregroundColour: #FFFFFF; + } + body.eas & { --foregroundColour: #00291B; } @@ -48,10 +60,6 @@ transition: text-decoration-color 0.125s; &:hover { - cursor: pointer; - } - - &:hover { text-decoration-color: var(--foregroundColour); transition: text-decoration-color 0.125s; } |