summaryrefslogtreecommitdiff
path: root/css/frontPage.scss
diff options
context:
space:
mode:
Diffstat (limited to 'css/frontPage.scss')
-rw-r--r--css/frontPage.scss176
1 files changed, 0 insertions, 176 deletions
diff --git a/css/frontPage.scss b/css/frontPage.scss
deleted file mode 100644
index 9ed00f4..0000000
--- a/css/frontPage.scss
+++ /dev/null
@@ -1,176 +0,0 @@
-#frontPage {
- border-bottom-left-radius: 1rem;
- border-bottom-right-radius: 1rem;
- box-shadow: $shadow;
- color: var(--pageHighlightColour);
- height: calc(100vh + 1rem);
- padding-bottom: 1rem;
- position: absolute;
- top: 0;
- user-select: none;
- width: 100%;
-
- body[data-page = "about"] & {
- --pageHighlightColour: #FFFFFF;
-
- background-color: $achernarColour;
-
- div#glyph {
- background-image: url("/svg/glyph/achernar.svg");
- }
- }
-
- body[data-page = "agbsum"] & {
- --pageHighlightColour: #FFFFFF;
-
- background-color: #422984;
-
- div#glyph {
- background-image: url("/svg/glyph/ax.svg");
- }
- }
-
- body[data-page = "ax"] & {
- --pageHighlightColour: #FFFFFF;
-
- background-color: #422984;
-
- div#glyph {
- background-image: url("/svg/glyph/ax.svg");
- }
- }
-
- body[data-page = "backspace"] & {
- --pageHighlightColour: var(--textColour);
-
- background-color: var(--backgroundColour);
-
- div#glyph {
- background-image: url("/svg/glyph/backspace.svg");
- }
- }
-
- body[data-page = "benoit"] & {
- --pageHighlightColour: #FFFFFF;
-
- background-image: url("/svg/benoit-background.svg");
- background-size: cover;
-
- div#glyph {
- background-image: url("/svg/glyph/benoit.svg");
- }
- }
-
- body[data-page = "bowshock"] & {
- --pageHighlightColour: #FFEEE0;
-
- background-color: #B61833;
-
- div#glyph {
- background-image: url("/svg/glyph/bowshock.svg");
- }
- }
-
- body[data-page = "bzipper"] & {
- --pageHighlightColour: #B4202D;
-
- background-color: #FFFFFF;
-
- div#glyph {
- background-image: url("/svg/glyph/bzipper.svg");
- }
- }
-
- body[data-page = "deltaWorld"] & {
- --pageHighlightColour: var(--textColour);
-
- background-color: var(--backgroundColour);
-
- div#glyph {
- background-image: url("/svg/glyph/deltaWorld.svg");
- }
- }
-
- body[data-page = "eas"] & {
- --pageHighlightColour: #00291B;
-
- background-color: #01CD93;
-
- div#glyph {
- background-image: url("/svg/glyph/eas.svg");
- }
- }
-
- body[data-page = "luma"] & {
- --pageHighlightColour: #FFFFFF;
-
- background-color: #6051B2;
-
- div#glyph {
- background-image: url("/svg/glyph/luma.svg");
- }
- }
-
- body[data-page = "pollex"] & {
- --pageHighlightColour: #FFFFFF;
-
- background-color: #4D4084;
-
- div#glyph {
- background-image: url("/svg/glyph/pollex.svg");
- }
- }
-
- body[data-page = "u8c"] & {
- --pageHighlightColour: #A9E13D;
-
- background-color: #444747;
-
- div#glyph {
- background-image: url("/svg/glyph/u8c.svg");
- }
- }
-
- #hamburger {
- aspect-ratio: 1;
- background-color: var(--pageHighlightColour);
- cursor: pointer;
- left: 1rem;
- mask-image: url("/svg/hamburger.svg");
- mask-position: center;
- mask-repeat: no-repeat;
- mask-size: cover;
- position: absolute;
- top: 1rem;
- transition: background-color $navBarSlideDuration;
- width: 2rem;
- z-index: 255;
-
- &[data-navBarState = "Visible"] {
- background-color: var(--textColour);
- }
- }
-
- @import "navBar";
-
- #glyph {
- display: block;
- left: 50vw;
- position: absolute;
- top: 50vh;
- transform: translate(-50%, -50%);
- }
-
- div#glyph {
- aspect-ratio: 1;
- background-position: center;
- background-repeat: no-repeat;
- background-size: contain;
- width: calc(100vmin / 2);
- }
-
- p#glyph {
- font-size: 4em;
- font-weight: bold;
- }
-}