From 050b3cfd0b750f0f1590773d82fa9f712d86631d Mon Sep 17 00:00:00 2001 From: davegson <3080765+davegson@users.noreply.github.com> Date: Tue, 12 May 2020 16:10:08 +0200 Subject: [PATCH] Remove all old internal css --- _sass/_button.scss | 56 -------- _sass/_community.scss | 33 ----- _sass/_contact.scss | 20 --- _sass/_footer.scss | 13 -- _sass/_global.scss | 132 ------------------- _sass/_homepage.scss | 38 ------ _sass/_jobs.scss | 5 - _sass/_newsletter.scss | 11 -- _sass/_our-values.scss | 43 ------ _sass/_post.scss | 138 ------------------- _sass/_semantic_fixes.scss | 133 ------------------- _sass/_variables.scss | 38 ------ _sass/new/about-short.scss | 51 ------- _sass/new/blog.scss | 7 - _sass/new/cast.scss | 118 ----------------- _sass/new/features.scss | 57 -------- _sass/new/footer.scss | 151 --------------------- _sass/new/header.scss | 264 ------------------------------------- _sass/new/map.scss | 71 ---------- _sass/new/mission.scss | 87 ------------ _sass/new/nav.scss | 80 ----------- _sass/new/overview.scss | 127 ------------------ _sass/new/page.scss | 35 ----- assets/css/legacy.scss | 13 -- assets/css/main.scss | 11 -- 25 files changed, 1732 deletions(-) delete mode 100644 _sass/_button.scss delete mode 100644 _sass/_community.scss delete mode 100644 _sass/_contact.scss delete mode 100644 _sass/_footer.scss delete mode 100644 _sass/_global.scss delete mode 100644 _sass/_homepage.scss delete mode 100644 _sass/_jobs.scss delete mode 100644 _sass/_newsletter.scss delete mode 100644 _sass/_our-values.scss delete mode 100644 _sass/_post.scss delete mode 100644 _sass/_semantic_fixes.scss delete mode 100644 _sass/_variables.scss delete mode 100644 _sass/new/about-short.scss delete mode 100644 _sass/new/blog.scss delete mode 100644 _sass/new/cast.scss delete mode 100644 _sass/new/features.scss delete mode 100644 _sass/new/footer.scss delete mode 100644 _sass/new/header.scss delete mode 100644 _sass/new/map.scss delete mode 100644 _sass/new/mission.scss delete mode 100644 _sass/new/nav.scss delete mode 100644 _sass/new/overview.scss delete mode 100644 _sass/new/page.scss delete mode 100644 assets/css/legacy.scss diff --git a/_sass/_button.scss b/_sass/_button.scss deleted file mode 100644 index 50efc5c..0000000 --- a/_sass/_button.scss +++ /dev/null @@ -1,56 +0,0 @@ -i.icon.safing-primary { - color: $primary; -} - -.ui.safing-primary { - background-color: $primary; - - &.button { - color: $white; - - &:hover { - background-color: darken($primary, 5%); - } - } -} - -.ui.button.safing-secondary { - color: $secondary; - - &:hover { - color: $secondary; - } -} - - -.ui.button.safing-full { - color: $secondary; - background-color: $white; - - &:hover { - background-color: $secondary; - color: $white; - } -} - -.ui.windows.button { - background-color: #0072C6; - color: #fff; - - &:hover { - background-color: darken(#0072C6, 5%); - } -} - -.ui.ubuntu.button { - background-color: #E95420; - color: #fff; - - &:hover { - background-color: darken(#E95420, 5%); - } -} - -.ui.apple.disabled.button { - opacity: 1 !important; -} diff --git a/_sass/_community.scss b/_sass/_community.scss deleted file mode 100644 index e1cf521..0000000 --- a/_sass/_community.scss +++ /dev/null @@ -1,33 +0,0 @@ -.community-hub .ui.button { - width: 100%; - border-radius: 92px; - margin: 1rem 0; - - .twitch.icon { - color: #4b367c; - } - - .twitter.icon { - color: #1da1f2; - } - - .github.icon { - color: black; - } - - .reddit.icon { - color: #ff4301; - } - - .discourse.icon { - color: green; - } - - .rss.icon { - color: #a0a5ae; - } - - .envelope.icon { - color: #c16f6f; - } -} diff --git a/_sass/_contact.scss b/_sass/_contact.scss deleted file mode 100644 index 864970f..0000000 --- a/_sass/_contact.scss +++ /dev/null @@ -1,20 +0,0 @@ -.contact-image { - text-align: center; - overflow: hidden; - img { - width: 100%; - } -} - -.contact-text { - color: $color_tundora_approx; - padding-bottom: 60px; - line-height: 2; - text-align: center; -} - -.imprint { - padding-top: 20px; - padding-bottom: 40px; - text-align: center; -} diff --git a/_sass/_footer.scss b/_sass/_footer.scss deleted file mode 100644 index ded1814..0000000 --- a/_sass/_footer.scss +++ /dev/null @@ -1,13 +0,0 @@ -.footer-section { - width: 100%; - background-color: $background_bar; - margin: 0 !important; - padding: 1rem; - - a { - color: $discreet; - &:hover { - text-decoration: underline; - } - } -} diff --git a/_sass/_global.scss b/_sass/_global.scss deleted file mode 100644 index 375b8e6..0000000 --- a/_sass/_global.scss +++ /dev/null @@ -1,132 +0,0 @@ -body, .ui.header, h1, h2, h3, h4, h5, h6, p { - font-family: 'Roboto', 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; -} - -.pusher { - background-color: $background_bar !important; -} - -a { - color: $anchor; -} - -p a:hover { - color: $anchor_hover; - text-decoration: underline; -} - -.color-primary { - color: $primary; - - &:hover { - color: darken($primary, 10%) - } -} - -.color-primary-important { - color: $primary !important; -} - -.vertical-align { - display: flex; - align-items: center; -} - -.ui.text.container { - max-width: 850px !important; -} - -.max-width-100 { - max-width: 100%; -} - -body > .content, .pusher > .content { - background-color: $background_main; -} - -.padding-top-10 { padding-top: 10px; } -.padding-top-20 { padding-top: 20px; } -.padding-top-40 { padding-top: 40px; } -.padding-top-60 { padding-top: 60px; } -.padding-top-80 { padding-top: 80px; } -.padding-top-100 { padding-top: 100px; } -.padding-right-10 { padding-right: 10px; } -.padding-right-20 { padding-right: 20px; } -.padding-right-40 { padding-right: 40px; } -.padding-right-60 { padding-right: 60px; } -.padding-right-80 { padding-right: 80px; } -.padding-right-100 { padding-right: 100px; } -.padding-bottom-10 { padding-bottom: 10px; } -.padding-bottom-20 { padding-bottom: 20px; } -.padding-bottom-40 { padding-bottom: 40px; } -.padding-bottom-60 { padding-bottom: 60px; } -.padding-bottom-80 { padding-bottom: 80px; } -.padding-bottom-100 { padding-bottom: 100px; } -.padding-left-10 { padding-left: 10px; } -.padding-left-20 { padding-left: 20px; } -.padding-left-40 { padding-left: 40px; } -.padding-left-60 { padding-left: 60px; } -.padding-left-80 { padding-left: 80px; } -.padding-left-100 { padding-left: 100px; } - -.margin-top-10 { margin-top: 10px; } -.margin-top-20 { margin-top: 20px; } -.margin-top-40 { margin-top: 40px; } -.margin-top-60 { margin-top: 60px; } -.margin-top-80 { margin-top: 80px; } -.margin-top-100 { margin-top: 100px; } -.margin-right-10 { margin-right: 10px; } -.margin-right-20 { margin-right: 20px; } -.margin-right-40 { margin-right: 40px; } -.margin-right-60 { margin-right: 60px; } -.margin-right-80 { margin-right: 80px; } -.margin-right-100 { margin-right: 100px; } -.margin-bottom-10 { margin-bottom: 10px; } -.margin-bottom-20 { margin-bottom: 20px; } -.margin-bottom-40 { margin-bottom: 40px; } -.margin-bottom-60 { margin-bottom: 60px; } -.margin-bottom-80 { margin-bottom: 80px; } -.margin-bottom-100 { margin-bottom: 100px; } -.margin-left-10 { margin-left: 10px; } -.margin-left-20 { margin-left: 20px; } -.margin-left-40 { margin-left: 40px; } -.margin-left-60 { margin-left: 60px; } -.margin-left-80 { margin-left: 80px; } -.margin-left-100 { margin-left: 100px; } - -.opacity-85 { - opacity: 0.85; -} - -.text-light { - opacity: $opacity-light; -} - -.text-lighter { - opacity: $opacity-lighter; -} - -.note-light { - font-style: italic; - opacity: $opacity-light; -} - -.margin-0-auto { - margin: 0 auto; -} - -blockquote { - background: #f9f9f9; - border-left: 5px solid #ccc; - margin: 1.5em 10px; - padding: 0.5em 10px; - quotes: "\201C""\201D""\2018""\2019"; -} - -blockquote p { - display: inline; -} - -i.white.icon { - color: #FFFFFF; -} diff --git a/_sass/_homepage.scss b/_sass/_homepage.scss deleted file mode 100644 index 9f35434..0000000 --- a/_sass/_homepage.scss +++ /dev/null @@ -1,38 +0,0 @@ -/* Mobile */ -@media only screen and (max-width: 767px) { - html { - font-size: 1.0rem; - } -} - -/* Tablet / iPad Portrait */ -@media only screen and (min-width: 768px) and (max-width: 991px) { - html { - font-size: 1.2rem; - } -} - -/* Computer / Desktop / iPad Landscape */ -@media only screen and (min-width: 992px) and (max-width: 1199px) { - html { - font-size: 1.3rem; - } -} - -/* Large Monitor */ -@media only screen and (min-width: 1200px) and (max-width: 1919px) { - html { - font-size: 1.3rem; - } -} - -/* Widescreen Monitor */ -@media only screen and (min-width: 1920px) { - html { - font-size: 1.3rem; - } -} - -#gate-17 { - padding-top: 6em; -} diff --git a/_sass/_jobs.scss b/_sass/_jobs.scss deleted file mode 100644 index 4abc755..0000000 --- a/_sass/_jobs.scss +++ /dev/null @@ -1,5 +0,0 @@ -.ui.cards { - a { - color: $main_color; - } -} diff --git a/_sass/_newsletter.scss b/_sass/_newsletter.scss deleted file mode 100644 index 63d852a..0000000 --- a/_sass/_newsletter.scss +++ /dev/null @@ -1,11 +0,0 @@ -.newsletter { - .consent { - font-size: 0.75em !important; - } - - .segment { - margin-bottom: 4em !important; - } - - text-align: left !important; -} diff --git a/_sass/_our-values.scss b/_sass/_our-values.scss deleted file mode 100644 index c2da4a3..0000000 --- a/_sass/_our-values.scss +++ /dev/null @@ -1,43 +0,0 @@ -.funding-progressbar { - margin: 0 20px !important; - padding: 0 !important; -} - -#ownership { - padding-top: 1.5em; -} - -.ui.horizontal.cards .card { - width: 86%; - margin-left: 2%; - - .image { - height: 150px; - } - - .content { - padding-right: 0.5em; - - .header .ui.small.text { - font-weight: normal; - } - - .description { - font-size: 0.65em; - } - - .meta { - font-size: 0.8em; - } - } - - .extra.content { - opacity: 0.55; - - padding-left: 0px; - - a { - margin-left: 10px; - } - } -} diff --git a/_sass/_post.scss b/_sass/_post.scss deleted file mode 100644 index 0634f45..0000000 --- a/_sass/_post.scss +++ /dev/null @@ -1,138 +0,0 @@ -.post { - .date { - float: right; - padding: 2px; - } - - .tags { - > a, > div { - display: inline-block; - background-color: $color_gallery_approx; - border-radius: 3px; - padding: 2px; - padding-left: 9px; - padding-right: 9px; - } - - i { - color: $color_tapa_approx; - } - - } - - .blog-image { - width: 70%; - margin-left: 15%; - } - - ul { - margin-top: -15px; - margin-bottom: 20px; - } - - a.anchor { - display: block; - position: relative; - top: -99px; - visibility: hidden; - } -} - -.no-border { - border-top: none !important; - border: none; - - > td { - border-top: none !important; - border: none; - } -} - -.pagination { - width: 100%; - text-align: center; - padding: 40px; - color: $color_tapa_approx; -} - -.stealth-href { - color: $color_mine_shaft_approx; - &:hover { - text-decoration: none; - color: $primary; - } -} - -.markdownpage { - #funding-cards { - font-size: 0.8em; - } - - p { - padding-top: 5px; - padding-bottom: 5px; - - } - - li { - - padding-bottom: 4px; - line-height: 24px; - } - - h5 { - - line-height: 24px; - font-weight: bold; - } - - h6 { - - line-height: 24px; - } - - hr { - margin-top: 40px; - margin-bottom: 40px; - } - - .footnotes p { - margin: 0 !important; - padding: 0 !important; - } - - table, td, th { - border: 1px solid #00000044; - } - - table { - border-collapse: collapse; - td, th { - padding: 4px; - min-width: 100px; - } - td:nth-child(n+2), th { - text-align: center; - } - } -} - -.pod-links{ - text-align: center; - margin-left: auto; - margin-right: auto; - margin-top: -3rem; - margin-bottom: 8rem; -} -.pod-links ul{ - display: inline-flex; -} - -.pod-links li{ - list-style-type: none; -} - -.pod-links ul br{ - padding-left: 1rem; - padding-right: 1rem; -} diff --git a/_sass/_semantic_fixes.scss b/_sass/_semantic_fixes.scss deleted file mode 100644 index 9aa93b6..0000000 --- a/_sass/_semantic_fixes.scss +++ /dev/null @@ -1,133 +0,0 @@ -/* -// Semantic UI has these classes, however they're only applicable to -// grids, containers, rows and columns. -// plus, there isn't any `mobile hidden`, `X hidden` class. -// this snippet is using the same class names and same approach -// plus a bit more but to all elements. -// -// see https://github.com/Semantic-Org/Semantic-UI/issues/1114 -*/ - -/* Mobile */ -@media only screen and (max-width: 767px) { - [class*="mobile-hidden"], - [class*="tablet-only"]:not(.mobile), - [class*="computer-only"]:not(.mobile), - [class*="large-screen-only"]:not(.mobile), - [class*="widescreen-only"]:not(.mobile), - [class*="or-lower-hidden"] { - display: none !important; - } -} - -/* Tablet / iPad Portrait */ -@media only screen and (min-width: 768px) and (max-width: 991px) { - [class*="mobile-only"]:not(.tablet), - [class*="tablet-hidden"], - [class*="computer-only"]:not(.tablet), - [class*="large-screen-only"]:not(.tablet), - [class*="widescreen-only"]:not(.tablet), - [class*="or-lower-hidden"]:not(.mobile) { - display: none !important; - } -} - -/* Computer / Desktop / iPad Landscape */ -@media only screen and (min-width: 992px) and (max-width: 1199px) { - [class*="mobile-only"]:not(.computer), - [class*="tablet-only"]:not(.computer), - [class*="computer-hidden"], - [class*="large-screen-only"]:not(.computer), - [class*="widescreen-only"]:not(.computer), - [class*="or-lower-hidden"]:not(.tablet):not(.mobile) { - display: none !important; - } -} - -/* Large Monitor */ -@media only screen and (min-width: 1200px) and (max-width: 1919px) { - [class*="mobile-only"]:not([class*="large-screen"]), - [class*="tablet-only"]:not([class*="large-screen"]), - [class*="computer-only"]:not([class*="large-screen"]), - [class*="large-screen-hidden"], - [class*="widescreen-only"]:not([class*="large-screen"]), - [class*="or-lower-hidden"]:not(.computer):not(.tablet):not(.mobile) { - display: none !important; - } -} - -/* Widescreen Monitor */ -@media only screen and (min-width: 1920px) { - [class*="mobile-only"]:not([class*="widescreen"]), - [class*="tablet-only"]:not([class*="widescreen"]), - [class*="computer-only"]:not([class*="widescreen"]), - [class*="large-screen-only"]:not([class*="widescreen"]), - [class*="widescreen-hidden"], - [class*="widescreen-or-lower-hidden"] { - display: none !important; - } -} - -/***/ - -/* Mobile */ -@media only screen and (max-width: 767px) { - .hidden-on-mobile { - display: none !important; - } -} - -/* Tablet / iPad Portrait */ -@media only screen and (min-width: 768px) and (max-width: 991px) { - .hidden-on-tablet { - display: none !important; - } -} -/* Tablet and lower*/ -@media only screen and (max-width: 991px) { - .hidden-on-tablet-and-lower { - display: none !important; - } -} - -/* Computer / Desktop / iPad Landscape */ -@media only screen and (min-width: 992px) and (max-width: 1199px) { - .hidden-on-computer { - display: none !important; - } -} -/* Computer and wider */ -@media only screen and (min-width: 992px) { - .hidden-on-computer-and-wider { - display: none !important; - } -} - -/* Large Monitor */ -@media only screen and (min-width: 1200px) and (max-width: 1919px) { - .hidden-on-large-screen { - display: none !important; - } -} - -/* Widescreen Monitor */ -@media only screen and (min-width: 1920px) { - .hidden-on-widescreen { - display: none !important; - } -} - -// no reason to have a min height for segments -// normal segments do not have min-height, why should the placeholder one have it? -// if extra height is needed, just add it to the segment manually -.ui.placeholder.segment { - min-height: 0rem; -} - -// a 'normal' .ui.vertical.divider has text in between, this adds the option to have the line fully go through it -// essentially a margin... -.ui.full.vertical.divider { - &::before, &::after { - height: 100%; - } -} diff --git a/_sass/_variables.scss b/_sass/_variables.scss deleted file mode 100644 index bbf8010..0000000 --- a/_sass/_variables.scss +++ /dev/null @@ -1,38 +0,0 @@ -// from INFOUND -$primary: #f39200 !default; -// old: $primary: #1fa787 !default; -$fill_light: #667082 !default; -$fill_medium: #38465c !default; -$fill_dark: #222a37 !default; - -// adaptions -$background_main: #f7f7f7 !default; -$fill_lighter: #788294 !default; -$secondary: $fill_medium; -$discreet: #F7F7F7; - -$background_bar: #031949; - -$anchor: #0078ff; -$anchor_hover: #258bff; - -// other colors -$main_color: rgba(0, 0, 0, 0.87); -$color_mine_shaft_approx: #333 !default; -$color_alto_approx: #ddd !default; -$color_celeste_approx: #ccc !default; -$color_pink_swan_approx: #bababa !default; -$color_tapa_approx: #777 !default; -$color_tundora_approx: #444 !default; -$color_gallery_approx: #eee !default; -$color_alabaster_approx: #f9f9f9 !default; -$color_royal_purple_approx: rebeccapurple !default; - -$white: #ffffff !default; - -$opacity-light: 0.7; -$opacity-lighter: 0.5; - -// email -$email_user: 'hello' !default; -$email_domain: 'safing.io' !default; diff --git a/_sass/new/about-short.scss b/_sass/new/about-short.scss deleted file mode 100644 index b676a52..0000000 --- a/_sass/new/about-short.scss +++ /dev/null @@ -1,51 +0,0 @@ -content .about-short{ - color: black; - height: 25vh; - display: grid; - grid-auto-columns: auto; - grid-template-columns:1fr 1fr; - grid-row: 0; - grid-column: 1/4; - align-items: center; -} - -content .about-short h1{ - justify-self: end; - font-size: 2.5rem; - padding-right: 9rem; - width: 500px; -} - -content .about-short p{ - justify-self: start; - font-size: 1.1rem; - opacity: 0.5; - padding-left: 5rem; - width: 500px; -} - -@media (max-width: 1318px){ - - content .about-short{ - height: 95vh; - grid-template-columns: 1fr; - text-align: center; - } - - content .about-short h1{ - padding-right: 0rem; - justify-self: center; - width: 100%; - - } - - content .about-short p{ - grid-row: 2; - justify-self: center; - font-size: 1.1rem; - opacity: 0.5; - padding-left: 0rem; - width: 100%; - margin-top: -19rem; - } -} \ No newline at end of file diff --git a/_sass/new/blog.scss b/_sass/new/blog.scss deleted file mode 100644 index 57ea065..0000000 --- a/_sass/new/blog.scss +++ /dev/null @@ -1,7 +0,0 @@ -.post { - .content { - img { - width: 100%; - } - } -} diff --git a/_sass/new/cast.scss b/_sass/new/cast.scss deleted file mode 100644 index 0988ebd..0000000 --- a/_sass/new/cast.scss +++ /dev/null @@ -1,118 +0,0 @@ -content .cast{ - color: black; - height: 105vh; - display: grid; - grid-auto-columns: auto; - grid-template-columns:1fr 1fr; - grid-row: 0; - grid-column: 1/4; - align-items: center; - justify-self: center; - margin-top: -100px; -} - -content .cast .c-l{ - padding-right: 5rem; - align-items: center; - justify-self: end; -} - -content .cast .c-l a{ - background-color: white; - border-radius: 3px; - padding: 1rem; - padding-right: 5rem; - box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.0), 0 6px 20px 0 rgba(0, 0, 0, 0.00); - display: flex; - position: relative; - z-index: 2; - margin-top: 0.5rem; - transition: all .3s ease-in-out; - text-decoration: none; - color: black; - transform: scale(0.9); - z-index: 1; -} - -content .cast .c-l a:hover{ - transform: scale(1.0); - box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); - z-index: 2; -} - -content .cast .c-l a div{ - padding-top: 1.5rem; - padding-left: 2rem; -} - -content .cast .c-l a img{ - width: 100px; - height: 100px; -} - -content .cast .c-l a div p{ - padding-top: 0.5rem; - opacity: 0.5; -} - -content .cast .c-l img{ - - -} - -content .cast .c-r{ - padding-left: 5rem; -} - -content .cast .c-r h1{ - font-size: 3rem; - width: 450px; - padding-bottom: 2rem; -} - -content .cast .c-r p{ - font-size: 1.1rem; - padding-top: 1rem; - width: 350px; - opacity: 0.5; -} - -@media (max-width: 1318px) { - content .cast{ - grid-template-columns:1fr; - margin-top: -100px; - height: 155vh; - } - - content .cast .c-l{ - grid-row: 2; - padding-right: 0rem; - align-items: center; - justify-self: center; - } - - content .cast .c-l a div{ - padding-top: 0rem; - } - - content .cast .c-r{ - padding-left: 0rem; - align-items: center; - justify-self: center; - text-align: center; - } - - content .cast .c-r h1{ - font-size: 3rem; - width: 100%; - padding-bottom: 2rem; - } - - content .cast .c-r p{ - font-size: 1.1rem; - padding-top: 1rem; - width: 100%; - opacity: 0.5; - - } -} \ No newline at end of file diff --git a/_sass/new/features.scss b/_sass/new/features.scss deleted file mode 100644 index f8711a3..0000000 --- a/_sass/new/features.scss +++ /dev/null @@ -1,57 +0,0 @@ -.features{ - color: black; - height: 55vh; - display: grid; - grid-auto-columns: auto; - grid-template-columns: 1fr 1fr 1fr; - grid-row: 0; - grid-column: 1/4; - align-items: center; - justify-self: center; -} - -.features div{ - width: 450px; -} - -.features div img{ - width: 2rem; -} - -.features div div{ - padding-top: 1rem; -} - -.features div div span{ - font-size: 1.5rem; - font-weight: bold; -} - -.features div div p{ - font-size: 1.1rem; - padding-top: 1rem; - width: 350px; - opacity: 0.5; -} - -@media (max-width: 1318px){ - - .features{ - height: 125vh; - grid-template-columns: 1fr; - grid-column: 1/3; - } - - .features div{ - width: 100%; - padding-top: 2rem; - } - - .features div{ - text-align: center; - } - - .features div div p{ - width: 100%; - } -} \ No newline at end of file diff --git a/_sass/new/footer.scss b/_sass/new/footer.scss deleted file mode 100644 index ec45063..0000000 --- a/_sass/new/footer.scss +++ /dev/null @@ -1,151 +0,0 @@ -content.kickstarter-plug { - width: 100%; - - a { - width: 100%; - background-color: #05F2BA; - text-decoration: none; - color: black; - - div { - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - padding: 3.5em; - - h3 { - text-decoration: underline; - font-weight: normal; - font-size: 1.5em; - margin-bottom: 0.4em; - } - } - } -} - -footer{ - color: white; - height: 45vh; - display: grid; - grid-auto-columns: auto; - grid-template-columns: 1fr; - grid-row: 0; - grid-column: 2/4; - align-items: center; -} - -footer .vhidden { - visibility: hidden; -} - -.f-bg{ - grid-row: 0; - grid-column: span 5; - background-color: black; - background-image: url(/assets/img/f-bg.png); - background-repeat: no-repeat; - background-size: cover; - z-index: -1; -} - -footer a{ - color: white; - text-decoration: none; - opacity: 0.5; - transition:.5s; -} - -footer a:hover{ - opacity: 1; - text-decoration: none; -} - - -footer div{ - -} - -footer .list{ - display: flex; - align-items: center; - justify-self: center; -} - -footer .list ul{ - padding: 6rem 3rem 0 3rem; -} - -footer .list ul span{ - font-size: 1.5rem; - font-weight: bold; -} - -footer .list ul li{ - padding-top: 1rem; - list-style-type: none; -} - -footer .list ul li a{ - color: white; - text-decoration: none; - opacity: 0.5; - transition:.5s; -} - -footer .list ul li a:hover{ - opacity: 1; - text-decoration: none; -} - -footer .legal{ - grid-row: 2; - align-self: end; - justify-self: end; - padding-bottom: 3rem; - padding-right: 5rem; -} - -footer .legal ul{ - display: flex; -} - -footer .legal ul li{ - padding-left: 2rem; - list-style-type: none; -} - -@media (max-width: 1318px) { - footer{ - height: 45vh; - border-top-style: solid; - // border-top-width: 8rem; removed because of KS plug banner - } - - footer .list ul{ - padding-top: 2rem; - padding-left: 6rem; - } - - footer .legal{ - padding-top: 3rem; - } - - footer .list ul{ - padding-left: 0rem; - padding-right: 3rem; - - } - - .f-bg{ - background-image: none; - } - - footer .list{ - display: block; - align-items: center; - justify-self: center; - } - - -} diff --git a/_sass/new/header.scss b/_sass/new/header.scss deleted file mode 100644 index 4352694..0000000 --- a/_sass/new/header.scss +++ /dev/null @@ -1,264 +0,0 @@ -header{ - color: white; - height: 90vh; - display: grid; - grid-auto-columns: auto; - grid-template-columns: 1fr 1fr; - grid-row: 2; - grid-column: 2/4; - align-items: center; -} - -.h-bg{ - grid-row: 2; - grid-column: span 5; - background-color: black; - background-image: url(/assets/img/h-bg.png); - background-repeat: no-repeat; - background-size: cover; - z-index: -1; -} - -header .h-l{ - width: 90%; - grid-column: 1/2; - justify-self: end; -} - -header .h-l-i{ - -} - -header .h-l-i img{ - width: 100%; - height: auto; -} - -header .h-l-v{ - position: relative; - padding-bottom: 2rem; -} - -header .h-l-v button{ - width: 100px; - height: 100px; - color: white; - background-color: #ff5700; - border: 0; - border-radius: 50%; - cursor: pointer; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - transition: all .3s ease-in-out; -} - -header .h-l-v button:hover{ - box-shadow: 2px 2px 30px #ff5500b9; -} - -header .h-l-v button img { - width: 40%; - height: auto; - padding-top: 0.1rem; - padding-left: 0.4rem; -} - -header .h-l-v img{ - width: 95%; - height: auto; - border: 0; - border-radius: 10px 10px 10px 10px; - font-variant-caps: all-petite-caps; - cursor: pointer; -} - -header .h-l span{ - font-size: 1.1rem; -} - -header .h-l ul{ - display: flex; - list-style-type: none; - padding-top: 2rem; - padding-right: 5.5rem; -} - -header .h-l ul li{ - padding-right: 4vh; -} - -header .h-l ul li img{ - width: 90%; - height: auto; -} - -header .h-r{ - grid-column: 2/3; - align-items: center; - padding-bottom: 8vh; - padding-left: 10rem; -} - -header .h-r span{ - opacity: 0.5; - font-size: 1.4rem; -} - -header .h-r h1{ - max-width: 10px; - font-size: 8rem; - line-height: 1; - padding-top: 2rem; - padding-bottom: 2rem; -} - -header .h-r p{ - max-width: 470px; - font-size: 1.2rem; - font-weight: 300; - opacity: 0.5; - padding-bottom: 2.5rem; -} - -header .h-r ul{ - display: inline-flex; - list-style-type: none; -} - -header .h-r ul li{ - text-align: center; - padding-right: 2rem; -} - -header .h-r ul li span{ - font-size: 2rem; - font-weight: 500; - opacity: 1; -} - -header .h-r ul li p{ - opacity: 0.5; -} - -header .h-r div{ - display: flex; - padding-top: 1rem; -} -header .h-r div a{ - text-decoration: none; -} - -header .h-r div button{ - color: white; - background-color: #05ce78; - display: flex; - border: 0; - padding: 10px 25px; - border-radius: 0 10px 10px; - font-variant-caps: all-petite-caps; - cursor: pointer; - transition: all .3s ease-in-out; -} - -header .h-r div button:hover{ - transform: scale(1.1); - box-shadow: 2px 2px 30px #05ce77af; -} - -header .h-r div button img{ - width: 20px; - height: auto; -} - -header .h-r div button span{ - font-size: 1rem; - padding-left: 1rem; - opacity: 1; -} - -header .h-r div span{ - font-size: 1rem; - align-self: center; - padding-left: 1rem; -} - -header .h-r div span a{ - color: white; - padding-left: 1rem; - opacity: 0.8; - transition: .5s; -} - -header .h-r div a:hover{ - opacity: 1; -} - -@media (max-width: 1318px){ - - header{ - height: 170vh; - grid-template-columns: 1fr; - } - - header .h-l{ - width: 90%; - grid-column: 1/2; - justify-self: center; - } - - header .h-l{ - width: 90%; - grid-column: 1/2; - grid-row: 2; - justify-self: end; - } - - header .h-r{ - grid-column: 1/2; - grid-row: 1; - align-items: center; - padding-bottom: 8vh; - padding-left: 0rem; - text-align: center; - } - - header .h-r span{ - opacity: 0.5; - font-size: 1.4rem; - } - - header .h-r h1{ - max-width: 100%; - font-size: 4rem; - line-height: 1; - padding-top: 2rem; - padding-bottom: 2rem; - } - - header .h-r p{ - max-width: 100%; - font-size: 1.2rem; - font-weight: 300; - opacity: 0.5; - padding-bottom: 2.5rem; - } - - header .h-r div button{ - margin-bottom: 1.5rem; - } - - header .h-r div { - display: inline-block; - } - - header .h-l ul li img{ - width: 150%; - height: auto; - } - - header .h-r div span{ - margin-right: 1.4rem; - } -} \ No newline at end of file diff --git a/_sass/new/map.scss b/_sass/new/map.scss deleted file mode 100644 index a2fc200..0000000 --- a/_sass/new/map.scss +++ /dev/null @@ -1,71 +0,0 @@ -content > .map{ - color: black; - height: 55vh; - display: grid; - grid-auto-columns: auto; - grid-template-columns:1fr 1fr; - grid-row: 0; - grid-column: 1/4; - align-items: center; - justify-self: center; -} - -content .map .m-l{ - align-items: center; - justify-self: end; -} - -content .map .m-l img{ - width: 90%; - height: auto; -} - -content .map .m-r{ - padding-left: 5rem; -} - -content .map .m-r h1{ - font-size: 3rem; - width: 450px; - padding-bottom: 2rem; -} - -content .map .m-r p{ - font-size: 1.1rem; - width: 450px; - opacity: 0.5; - padding-bottom: 2rem; -} - -@media (max-width: 1318px){ - - content .map{ - height: 125vh; - grid-template-columns:1fr; - } - - content .map .m-l{ - align-items: center; - justify-self: center; - } - - content .map .m-l img{ - width: 100%; - height: auto; - } - - content .map .m-r{ - grid-row: 2; - padding-left: 0rem; - } - - content .map .m-r h1{ - width: 100%; - text-align: center; - } - - content .map .m-r p{ - width: 100%; - text-align: center; - } -} diff --git a/_sass/new/mission.scss b/_sass/new/mission.scss deleted file mode 100644 index e2d037a..0000000 --- a/_sass/new/mission.scss +++ /dev/null @@ -1,87 +0,0 @@ -content .mission{ - color: white; - height: 60vh; - display: grid; - grid-auto-columns: auto; - grid-template-columns: 1fr; - grid-row: 1; - grid-column: 1/2; - align-items: center; - justify-self: center; -} - -.o-bg{ - background-color: black; - // https://pixabay.com/photos/rough-horn-alpine-2146181/ - // Free for commercial use - // No attribution required - background-image: url(/assets/img/o-bg.png); - background-repeat: no-repeat; - background-size: cover; - z-index: -1; -} - -content .mission{ - padding-right: 6rem; - justify-self: center; -} - -content .mission h1{ - grid-row: 1; - grid-column: 1/2; - font-size: 3.8rem; - font-weight: bold; - width: calc(60%); - text-align: center; - margin-left: auto; - margin-right: auto; -} - -content .mission p{ - grid-row: 1; - grid-column: 1/2; - font-size: 1.4rem; - font-weight: 200; - width: calc(50%); - opacity: 0.75; - margin-top: 17rem; - text-align: center; - margin-left: auto; - margin-right: auto; -} - -@media (min-width: 200px) and (max-width: 460px){ - - content .mission{ - padding-right: 0rem; - justify-self: center; - } - - content .mission h1{ - font-size: 2rem; - width: calc(80%); - } - - content .mission p{ - font-size: 1rem; - width: calc(80%); - margin-top: 13rem; - } -} - - -@media (min-width: 460px) and (max-width: 1376px){ - - content .mission{ - padding-right: 0rem; - justify-self: center; - } - - content .mission h1{ - font-size: 2.8rem; - } - - content .mission p{ - font-size: 1.1rem; - } -} diff --git a/_sass/new/nav.scss b/_sass/new/nav.scss deleted file mode 100644 index 7d009d3..0000000 --- a/_sass/new/nav.scss +++ /dev/null @@ -1,80 +0,0 @@ -nav{ - color: white; - height: auto; - display: grid; - grid-auto-columns: auto; - grid-template-columns: 1fr 1fr; - grid-row: 1; - grid-column: 2/4; - padding-top: 5.5vh; - padding-bottom: 5.5vh; - align-self: center; -} - -nav a{ - color: white; - text-decoration: none; - opacity: 1; - transition:.5s; -} - -nav a:hover{ - opacity: 0.5; - text-decoration: none; -} - -nav a div{ - display: flex; - justify-self: start; -} - -nav div img{ - height: 1.5em; - width: 2.5rem; - padding-right: 1rem; - margin-top: -3px; -} - -nav div p span{ - opacity: 0.5; -} - -nav ul{ - display: flex; - justify-self: end; -} - -nav li{ - list-style-type: none; - padding-left: 5vh; -} - -nav ul li a{ - color: white; - opacity: 0.5; - text-decoration: none; - transition:.5s; -} - -nav ul li a:hover{ - opacity: 1; - text-decoration: none; -} - -@media (max-width: 1318px){ - - nav{ - grid-column: 1/4; - } - - nav a{ - padding-right: 1vh; - margin-left: 2vh; - } - - nav li{ - list-style-type: none; - padding-left: 0; - padding-right: 0.5vh; - } -} diff --git a/_sass/new/overview.scss b/_sass/new/overview.scss deleted file mode 100644 index c2ae08b..0000000 --- a/_sass/new/overview.scss +++ /dev/null @@ -1,127 +0,0 @@ -content .overview{ - color: black; - height: 70vh; - display: grid; - grid-auto-columns: auto; - grid-template-columns:1fr 1fr; - grid-row: 0; - grid-column: 1/4; - align-items: center; - justify-self: center; -} - -content .overview .o-l{ - padding-right: 6rem; - justify-self: end; -} - -content .overview .o-l h1{ - font-size: 2.5rem; - width: 580px; - padding-bottom: 2rem; -} - -content .overview .o-l p{ - font-size: 1.1rem; - width: 450px; - opacity: 0.5; - padding-bottom: 2rem; -} - -content .overview .o-r{ - color: black; - height: 55vh; - display: grid; - grid-auto-columns: auto; - grid-template-columns: 1fr 1fr; - grid-row: 0; - grid-column: 2/4; - align-items: center; - justify-self: end; -} - -content .overview .o-r .left div{ - width: 450px; - padding-bottom: 2rem; -} - -content .overview .o-r .right div{ - width: 450px; - padding-bottom: 2rem; -} - -content .overview .o-r div img{ - width: 2rem; -} - -content .overview .o-r div div{ - padding-top: 1rem; -} - -content .overview .o-r div div span{ - font-size: 1.5rem; - font-weight: bold; -} - -content .overview .o-r div div p{ - font-size: 1.1rem; - padding-top: 1rem; - width: 350px; - opacity: 0.5; -} - -@media (max-width: 1318px) { - - content .overview{ - height: 170vh; - grid-template-columns:1fr; - grid-column: 2/4; - padding-top: 5rem; - } - - content .overview .o-l{ - padding-right: 0rem; - text-align: center; - } - - content .overview .o-l h1{ - font-size: 2.5rem; - width: 100%; - padding-bottom: 2rem; - } - - content .overview .o-l p{ - font-size: 1.1rem; - width: 100%; - opacity: 0.5; - padding-bottom: 2rem; - } - - content .overview .o-r { - height: 95vh; - grid-template-columns: 1fr; - grid-column: 1/5; - align-items: center; - justify-self: start; - padding-left: 0rem; - } - - content .overview .o-r div div { - padding-top: 1rem; - text-align: center; - } - - content .overview .o-r div div p{ - width: 100%; - } - - content .overview .o-r .left div{ - width: 100%; - } - - content .overview .o-r .right div{ - width: 100%; - - } - -} \ No newline at end of file diff --git a/_sass/new/page.scss b/_sass/new/page.scss deleted file mode 100644 index d100eb2..0000000 --- a/_sass/new/page.scss +++ /dev/null @@ -1,35 +0,0 @@ -* { - font-family: 'Roboto', sans-serif; - margin: 0; - padding: 0; - box-sizing: border-box; -} - -body{ - height: 0vh; - display: grid; - grid-template-rows: auto auto; - grid-template-columns: 5vh 1fr 1fr 5vh; - background-color: black; - overflow-x: hidden; -} - -content{ - height: auto; - display: grid; - grid-auto-columns: auto; - grid-template-columns: 1fr; - grid-row: auto; - grid-column: span 5; - background-color: white; -} - -::selection { - background-color: #396bf5; -} - -@media (max-width: 1318px) { - body{ - grid-template-columns: 1fr; - } -} \ No newline at end of file diff --git a/assets/css/legacy.scss b/assets/css/legacy.scss deleted file mode 100644 index d1c1f5c..0000000 --- a/assets/css/legacy.scss +++ /dev/null @@ -1,13 +0,0 @@ ---- ---- -@import "variables.scss"; -@import "semantic_fixes.scss"; - -@import "community.scss"; -@import "global.scss"; -@import "post.scss"; -@import "contact.scss"; -@import "button.scss"; -@import "our-values.scss"; -@import "newsletter.scss"; -@import "jobs.scss"; diff --git a/assets/css/main.scss b/assets/css/main.scss index d47e61e..ec380ec 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -1,14 +1,3 @@ --- --- -@import "new/page"; -@import "new/nav"; -@import "new/header"; -@import "new/features"; -@import "new/map"; -@import "new/overview"; -@import "new/about-short"; -@import "new/cast"; -@import "new/footer"; -@import "new/mission"; -@import "new/blog";