diff --git a/_includes/header.html b/_includes/header.html index 520952c..b8d0001 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -9,26 +9,18 @@

WoWSims

Classic WoW Simulations

- - diff --git a/_site/404.html b/_site/404.html index 60c1125..a3c08fa 100644 --- a/_site/404.html +++ b/_site/404.html @@ -22,7 +22,7 @@ {"@context":"https://schema.org","@type":"WebPage","description":"Welcome to WoWSims! This is a community-driven project to provide simulations for World of Warcraft® Classic™ Classes & Raids together with the leading theorycrafters and class representatives.","headline":"WoWSims - WoW Classic Simulators","url":"http://localhost:4000/404.html"} - + diff --git a/_site/about/index.html b/_site/about/index.html index 26757c8..38a595c 100644 --- a/_site/about/index.html +++ b/_site/about/index.html @@ -22,7 +22,7 @@ {"@context":"https://schema.org","@type":"WebSite","description":"Welcome to WoWSims! This is a community-driven project to provide simulations for World of Warcraft® Classic™ Classes & Raids together with the leading theorycrafters and class representatives.","headline":"About","name":"WoWSims - WoW Classic Simulators","url":"http://localhost:4000/about/"} - + diff --git a/_site/assets/scss/index.css b/_site/assets/scss/index.css index 7928afe..a7f8822 100644 --- a/_site/assets/scss/index.css +++ b/_site/assets/scss/index.css @@ -1,8 +1,9 @@ @use "sass:map"; -:root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #e0a335; --bs-secondary: #6c757d; --bs-success: #1eff00; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-death-knight: #c22e46; --bs-druid: #ff7d0a; --bs-hunter: #abd473; --bs-mage: #69ccf0; --bs-paladin: #f58cba; --bs-priest: white; --bs-raid: #e0a335; --bs-rogue: #fff569; --bs-shaman: #2459ff; --bs-warlock: #9482c9; --bs-warrior: #c79c6e; --bs-brand: #e0a335; --bs-primary-rgb: 224, 163, 53; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 30, 255, 0; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-death-knight-rgb: 194, 46, 70; --bs-druid-rgb: 255, 125, 10; --bs-hunter-rgb: 171, 212, 115; --bs-mage-rgb: 105, 204, 240; --bs-paladin-rgb: 245, 140, 186; --bs-priest-rgb: 255, 255, 255; --bs-raid-rgb: 224, 163, 53; --bs-rogue-rgb: 255, 245, 105; --bs-shaman-rgb: 36, 89, 255; --bs-warlock-rgb: 148, 130, 201; --bs-warrior-rgb: 199, 156, 110; --bs-brand-rgb: 224, 163, 53; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 255, 255, 255; --bs-body-bg-rgb: 21, 23, 30; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: white; --bs-body-bg: #15171e; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: dimgrey; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #a5b1d6; --bs-link-hover-color: white; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; } +:root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #e0a335; --bs-secondary: #6c757d; --bs-success: #1eff00; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-death-knight: #c22e46; --bs-druid: #ff7d0a; --bs-hunter: #abd473; --bs-mage: #69ccf0; --bs-paladin: #f58cba; --bs-priest: white; --bs-raid: #e0a335; --bs-rogue: #fff569; --bs-shaman: #2459ff; --bs-warlock: #9482c9; --bs-warrior: #c79c6e; --bs-brand: #e0a335; --bs-primary-rgb: 224, 163, 53; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 30, 255, 0; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-death-knight-rgb: 194, 46, 70; --bs-druid-rgb: 255, 125, 10; --bs-hunter-rgb: 171, 212, 115; --bs-mage-rgb: 105, 204, 240; --bs-paladin-rgb: 245, 140, 186; --bs-priest-rgb: 255, 255, 255; --bs-raid-rgb: 224, 163, 53; --bs-rogue-rgb: 255, 245, 105; --bs-shaman-rgb: 36, 89, 255; --bs-warlock-rgb: 148, 130, 201; --bs-warrior-rgb: 199, 156, 110; --bs-brand-rgb: 224, 163, 53; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 255, 255, 255; --bs-body-bg-rgb: 21, 23, 30; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-root-font-size: 16px; --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: white; --bs-body-bg: #15171e; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: dimgrey; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #a5b1d6; --bs-link-hover-color: white; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; } *, *::before, *::after { box-sizing: border-box; } +:root { font-size: var(--bs-root-font-size); } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @@ -284,7 +285,7 @@ progress { vertical-align: baseline; } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } } @media (min-width: 1400px) { .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1320px; } } -.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); } +.row { --bs-gutter-x: 0.75rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } @@ -3730,7 +3731,7 @@ progress { vertical-align: baseline; } .btn-tbc { background: #29391a; border: 1px solid #a3e268; } -.btn-wotlk { background: #203336; border: 1px solid #7FCBD8; } +.btn-wotlk { background: #203336; border: 1px solid #7fcbd8; } .container { height: 100%; display: flex; } @@ -3831,9 +3832,9 @@ progress { vertical-align: baseline; } @media (min-width: 3800px) { :root { --bs-body-font-size: 32px; } } * { letter-spacing: 1px; } -html { height: 100%; } +html { height: 100%; color-scheme: dark; font-size: var(--bs-body-font-size); } -body { height: 100%; padding-right: 0 !important; margin-right: calc(-1 * (100vw - 100%)); overflow-x: hidden; opacity: 0; transition: opacity .15s linear; } +body { height: 100%; padding-right: 0 !important; margin-right: calc(-1 * (100vw - 100%)); overflow-x: hidden; opacity: 0; transition: opacity 0.15s linear; } body.ready { opacity: 1; } main { z-index: 1; pointer-events: none; } @@ -3845,29 +3846,33 @@ main { z-index: 1; pointer-events: none; } .expansion-panels .expansion-panel:hover .expansion-panel-link { box-shadow: inset 0 0 4rem var(--expansion-color); } .expansion-panels .expansion-panel.expansion-panel-sod { --expansion-color: #e0a335; } .expansion-panels .expansion-panel.expansion-panel-sod:hover .expansion-panel-img { filter: brightness(35%); } -.expansion-panels .expansion-panel.expansion-panel-sod .homepage-panel-block { text-shadow: 0 0 1rem #7FCBD8; } +.expansion-panels .expansion-panel.expansion-panel-sod .homepage-panel-block { text-shadow: 0 0 1rem #7fcbd8; } .expansion-panels .expansion-panel.expansion-panel-sod .expansion-panel-img { filter: brightness(20%); } -.expansion-panels .expansion-panel.expansion-panel-sod .expansion-panel-block { background: #161005; } +.expansion-panels .expansion-panel.expansion-panel-sod .expansion-panel-block { background-color: rgba(22, 16, 5, 0.75); } .expansion-panels .expansion-panel.expansion-panel-tbc { --expansion-color: #a3e268; } .expansion-panels .expansion-panel.expansion-panel-tbc:hover .expansion-panel-img { filter: brightness(35%); } .expansion-panels .expansion-panel.expansion-panel-tbc .expansion-panel-img { filter: brightness(20%); } -.expansion-panels .expansion-panel.expansion-panel-tbc .expansion-panel-block { background: #10170a; } -.expansion-panels .expansion-panel.expansion-panel-wotlk { --expansion-color: #7FCBD8; } +.expansion-panels .expansion-panel.expansion-panel-tbc .expansion-panel-block { background-color: rgba(16, 23, 10, 0.75); } +.expansion-panels .expansion-panel.expansion-panel-wotlk { --expansion-color: #7fcbd8; } .expansion-panels .expansion-panel.expansion-panel-wotlk:hover .expansion-panel-img { filter: brightness(150%); } -.expansion-panels .expansion-panel.expansion-panel-wotlk .expansion-panel-block { background: #0d1416; } -.expansion-panels .expansion-panel .expansion-panel-img { height: 80%; width: 100%; object-fit: cover; transition: filter .15s ease-in-out; } +.expansion-panels .expansion-panel.expansion-panel-wotlk .expansion-panel-block { background-color: rgba(13, 20, 22, 0.75); } +.expansion-panels .expansion-panel.expansion-panel-cata { --expansion-color: #f94119; } +.expansion-panels .expansion-panel.expansion-panel-cata:hover .expansion-panel-img { filter: brightness(60%); } +.expansion-panels .expansion-panel.expansion-panel-cata .expansion-panel-img { filter: brightness(30%); } +.expansion-panels .expansion-panel.expansion-panel-cata .expansion-panel-block { background-color: rgba(39, 10, 4, 0.75); } +.expansion-panels .expansion-panel .expansion-panel-img { position: absolute; height: 100%; width: 100%; object-fit: cover; transition: filter 0.15s ease-in-out; } .expansion-panels .expansion-panel .expansion-panel-img.homepage-image-tbc { filter: brightness(20%); } -.expansion-panels .expansion-panel .expansion-panel-block { width: 100%; height: 20%; border-top: 1px solid dimgrey; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } -.expansion-panels .expansion-panel .expansion-panel-link { position: absolute; inset: 0; display: block; transition: box-shadow .15s ease-in-out; } +.expansion-panels .expansion-panel .expansion-panel-block { position: absolute; bottom: 0; width: 100%; height: 20%; border-top: 1px solid dimgrey; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } +.expansion-panels .expansion-panel .expansion-panel-link { position: absolute; inset: 0; display: block; transition: box-shadow 0.15s ease-in-out; } #homepage { height: 100%; display: flex; flex-direction: column; } #homepage .homepage-header-container { padding-top: calc(var(--container-padding) / 2); } #homepage .homepage-content-container { padding-top: var(--container-padding); padding-bottom: var(--container-padding); } #homepage .homepage-header .homepage-header-container { display: flex; } -#homepage .homepage-header .homepage-header-container .navbar-brand-container { display: flex; } +#homepage .homepage-header .homepage-header-container .navbar-brand-container { display: flex; margin-right: auto; } #homepage .homepage-header .homepage-header-container .navbar-brand-container .wowsims-logo { width: 6rem; margin-right: 1rem; } #homepage .homepage-header .homepage-header-container .navbar-brand-container .wowsims-title { color: #e0a335; margin: 0; line-height: 1; } -#homepage .homepage-header .homepage-header-container .homepage-header-collapse { padding-top: 1rem; padding-bottom: 1rem; align-items: flex-end; justify-content: flex-end; } +#homepage .homepage-header .homepage-header-container .navbar-nav { padding-top: 1rem; padding-bottom: 1rem; align-items: flex-end; justify-content: flex-end; } #homepage .homepage-header .expansion-title { color: #e0a335; margin: 0; } #homepage .homepage-content-container { flex-direction: column; } #homepage .homepage-content-container .info-container { padding-top: 20vh; display: flex; justify-content: center; } @@ -3887,11 +3892,11 @@ main { z-index: 1; pointer-events: none; } #homepage .homepage-content-container .sim-links-container .sim-links .sim-link-dropdown .dropdown-menu { position: relative !important; inset: 0 !important; transform: none !important; } } @media (max-width: 767.98px) { .expansion-panels { height: unset; flex-direction: column; } .expansion-panels .expansion-panel { border: none; } - .expansion-panels .expansion-panel .expansion-panel-img { height: 80vh; } + .expansion-panels .expansion-panel .expansion-panel-img { position: initial !important; height: 100vh; } .expansion-panels .expansion-panel .expansion-panel-block { height: 20vh; border-top: 0.5px solid dimgrey; border-bottom: 0.5px solid dimgrey; } #homepage .homepage-header-container, #homepage .homepage-content-container, #homepage .homepage-footer-container { padding-top: 1rem; padding-bottom: 1rem; } #homepage .homepage-header .homepage-header-container { display: flex; } #homepage .homepage-header .homepage-header-container .navbar-brand-container { width: 100%; justify-content: space-between; align-items: flex-end; } #homepage .homepage-header .homepage-header-container .navbar-brand-container .wowsims-logo { width: 48px; } - #homepage .homepage-content-container .info-container { margin-bottom: 1rem; } + #homepage .homepage-content-container .info-container { padding-top: 0; } #homepage .homepage-content-container .sim-links-container .sim-links .sim-link, #homepage .homepage-content-container .sim-links-container .sim-links .sim-link-dropdown { flex: 1 100% !important; } } diff --git a/_site/index.html b/_site/index.html index 0093b84..6610f86 100644 --- a/_site/index.html +++ b/_site/index.html @@ -1,15 +1,18 @@ - - WoWSims - WoW Classic Simulators - + + WoWSims - WoW Classic Simulators + - + - - + + - + WoWSims - WoW Classic Simulators | Welcome to WoWSims! This is a community-driven project to provide simulations for World of Warcraft® Classic™ Classes & Raids together with the leading theorycrafters and class representatives. @@ -27,38 +30,52 @@ - - - - -
-
- -
-

WoWSims

-

Season of Discovery

-
- -
-
- -
-

WoWSims

-

The Burning Crusade

-
- -
-
- -
-

WoWSims

-

Wrath of the Lich King

-
- -
-
+ + + + +
+
+ +
+

WoWSims

+

Season of Discovery

+
+ +
+
+ +
+

WoWSims

+

The Burning Crusade

+
+ +
+
+ +
+

WoWSims

+

Wrath of the Lich King

+
+ +
+
+ +
+

WoWSims

+

Cataclysm

+
+ +
+
-
+
-
-
-
-
-

- Welcome to WoWSims! This is a community-driven project to provide class and raid simulations for - World of Warcraft® Classic™ together with leading theorycrafters and class representatives. -

-
-
+
+
+
+

+ Welcome to WoWSims! This is a community-driven project to provide + class and raid simulations for World of Warcraft® + Classic™ together with leading theorycrafters and class + representatives. +

+
+
- - - - + + + + diff --git a/assets/scss/_global.scss b/assets/scss/_global.scss index 03e0691..05dcc0a 100644 --- a/assets/scss/_global.scss +++ b/assets/scss/_global.scss @@ -41,6 +41,8 @@ html { height: 100%; + color-scheme: dark; + font-size: var(--bs-body-font-size); } body { @@ -51,7 +53,7 @@ body { margin-right: calc(-1 * (100vw - 100%)); overflow-x: hidden; opacity: 0; - transition: opacity .15s linear; + transition: opacity 0.15s linear; &.ready { opacity: 1; diff --git a/assets/scss/_homepage.scss b/assets/scss/_homepage.scss index 7cfb582..2659d58 100644 --- a/assets/scss/_homepage.scss +++ b/assets/scss/_homepage.scss @@ -16,7 +16,7 @@ color: var(--expansion-color); &:not(:last-child) { - border-right: .5px solid $border-color; + border-right: 0.5px solid $border-color; } &:hover { @@ -33,7 +33,7 @@ filter: brightness(35%); } } - + .homepage-panel-block { text-shadow: 0 0 1rem $wrath-blue; } @@ -43,13 +43,13 @@ } .expansion-panel-block { - background: mix(black, $brand, 90%); + background-color: rgba(mix(black, $brand, 90%), 0.75); } } - + &.expansion-panel-tbc { --expansion-color: #{$tbc-green}; - + &:hover { .expansion-panel-img { filter: brightness(35%); @@ -61,13 +61,13 @@ } .expansion-panel-block { - background: mix(black, $tbc-green, 90%); + background-color: rgba(mix(black, $tbc-green, 90%), 0.75); } } - + &.expansion-panel-wotlk { --expansion-color: #{$wrath-blue}; - + &:hover { .expansion-panel-img { filter: brightness(150%); @@ -75,22 +75,46 @@ } .expansion-panel-block { - background: mix(black, $wrath-blue, 90%); + background-color: rgba(mix(black, $wrath-blue, 90%), 0.75); } } - + + &.expansion-panel-cata { + --expansion-color: #{$cata-orange}; + + &:hover { + .expansion-panel-img { + filter: brightness(60%); + } + } + + .expansion-panel-img { + filter: brightness(30%); + } + + .expansion-panel-block { + background-color: rgba( + mix(rgba(0, 0, 0, 0.75), $cata-orange, 90%), + 0.75 + ); + } + } + .expansion-panel-img { - height: 80%; + position: absolute; + height: 100%; width: 100%; object-fit: cover; - transition: filter .15s ease-in-out; - + transition: filter 0.15s ease-in-out; + &.homepage-image-tbc { filter: brightness(20%); } } - + .expansion-panel-block { + position: absolute; + bottom: 0; width: 100%; height: 20%; border-top: 1px solid $border-color; @@ -105,7 +129,7 @@ position: absolute; inset: 0; display: block; - transition: box-shadow .15s ease-in-out; + transition: box-shadow 0.15s ease-in-out; } } } @@ -130,12 +154,13 @@ .navbar-brand-container { display: flex; + margin-right: auto; .wowsims-logo { width: 6rem; margin-right: map-get($spacers, 3); } - + .wowsims-title { @extend .display-1; @extend .fw-bold; @@ -145,7 +170,7 @@ } } - .homepage-header-collapse { + .navbar-nav { padding-top: map-get($spacers, 3); padding-bottom: map-get($spacers, 3); align-items: flex-end; @@ -186,7 +211,8 @@ margin-bottom: map-get($spacers, 5); } - &> .sim-link, &> .sim-link-dropdown { + & > .sim-link, + & > .sim-link-dropdown { flex: 1 25%; margin-right: 25%; } @@ -227,7 +253,8 @@ .sim-links { margin-bottom: 0 !important; - .sim-link, .sim-link-dropdown { + .sim-link, + .sim-link-dropdown { flex: 1 50%; margin-right: 0 !important; } @@ -254,13 +281,14 @@ border: none; .expansion-panel-img { - height: 80vh; + position: initial !important; + height: 100vh; } .expansion-panel-block { height: 20vh; - border-top: .5px solid $border-color; - border-bottom: .5px solid $border-color; + border-top: 0.5px solid $border-color; + border-bottom: 0.5px solid $border-color; } } } @@ -276,7 +304,7 @@ .homepage-header { .homepage-header-container { display: flex; - + .navbar-brand-container { width: 100%; justify-content: space-between; @@ -291,12 +319,13 @@ .homepage-content-container { .info-container { - margin-bottom: map-get($spacers, 3); + padding-top: 0; } .sim-links-container { .sim-links { - .sim-link, .sim-link-dropdown { + .sim-link, + .sim-link-dropdown { flex: 1 100% !important; } } diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss index a50ce16..b8cd77e 100644 --- a/assets/scss/_variables.scss +++ b/assets/scss/_variables.scss @@ -8,28 +8,28 @@ $brand: #e0a335; $death-knight: rgb(194, 46, 70); -$druid: rgb(255, 125, 10); -$hunter: rgb(171, 212, 115); -$mage: rgb(105, 204, 240); -$paladin: rgb(245, 140, 186); -$priest: rgb(255, 255, 255); -$rogue: rgb(255, 245, 105); -$shaman: rgb(36, 89, 255); -$warlock: rgb(148, 130, 201); -$warrior: rgb(199, 156, 110); +$druid: rgb(255, 125, 10); +$hunter: rgb(171, 212, 115); +$mage: rgb(105, 204, 240); +$paladin: rgb(245, 140, 186); +$priest: rgb(255, 255, 255); +$rogue: rgb(255, 245, 105); +$shaman: rgb(36, 89, 255); +$warlock: rgb(148, 130, 201); +$warrior: rgb(199, 156, 110); $class-colors: ( "death-knight": $death-knight, - "druid": $druid, - "hunter": $hunter, - "mage": $mage, - "paladin": $paladin, - "priest": $priest, - "raid": $brand, - "rogue": $rogue, - "shaman": $shaman, - "warlock": $warlock, - "warrior": $warrior, + "druid": $druid, + "hunter": $hunter, + "mage": $mage, + "paladin": $paladin, + "priest": $priest, + "raid": $brand, + "rogue": $rogue, + "shaman": $shaman, + "warlock": $warlock, + "warrior": $warrior, ); $custom-breakpoints: ( @@ -66,30 +66,38 @@ $theme-colors: map-merge($theme-colors, $custom-colors); ////////////////////////// // Spacers -$block-spacer: .75rem; -$content-font-size: .75rem; +$block-spacer: 0.75rem; +$content-font-size: 0.75rem; $gap-width: 1.5rem; -$gap-width-sm: .5rem; +$gap-width-sm: 0.5rem; // Colors -$item-quality-junk: #9d9d9d; -$item-quality-common: #ffffff; -$item-quality-uncommon: #1eff00; -$item-quality-rare: #0070dd; -$item-quality-epic: #a335ee; +$item-quality-junk: #9d9d9d; +$item-quality-common: #ffffff; +$item-quality-uncommon: #1eff00; +$item-quality-rare: #0070dd; +$item-quality-epic: #a335ee; $item-quality-legendary: #ff8000; -$link-danger-color: #ef9eaa; +$link-danger-color: #ef9eaa; $link-warning-color: #faf07f; -$socket-color-red: #d0394a; -$socket-color-blue: #0070dd; -$socket-color-yellow: #d8cc60; -$socket-color-meta: #9d9ea0; -$socket-color-prismatic: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%); +$socket-color-red: #d0394a; +$socket-color-blue: #0070dd; +$socket-color-yellow: #d8cc60; +$socket-color-meta: #9d9ea0; +$socket-color-prismatic: linear-gradient( + to bottom right, + #b827fc 0%, + #2c90fc 25%, + #b8fd33 50%, + #fec837 75%, + #fd1892 100% +); $tbc-green: #a3e268; -$wrath-blue: #7FCBD8; +$wrath-blue: #7fcbd8; +$cata-orange: #f94119; ///////////////////////////////////////////// //// Global Bootstrap variable overrides //// @@ -97,6 +105,8 @@ $wrath-blue: #7FCBD8; $body-bg: #15171e; $body-color: white; +$font-size-root: 16px; +$grid-gutter-width: 0.75rem; $border-color: dimgrey; @@ -108,12 +118,12 @@ $enable-rounded: false; $link-color: #a5b1d6; $link-decoration: none; $link-hover-color: white; -$link-transition: color .15s ease-in-out; +$link-transition: color 0.15s ease-in-out; // Component variable overrides $btn-hover-bg-shade-amount: 30%; -$btn-font-size: .875rem; -$btn-padding-y: .5rem; +$btn-font-size: 0.875rem; +$btn-padding-y: 0.5rem; $dropdown-bg: $body-bg; $dropdown-border-width: 0; @@ -126,12 +136,12 @@ $form-check-input-bg: $link-color; $form-check-input-border: 1px solid lighten($body-bg, 20); $form-check-input-width: 2rem; $form-check-input-focus-border: lighten($body-bg, 20); -$form-check-input-focus-box-shadow: 0 0 .25rem $primary; +$form-check-input-focus-box-shadow: 0 0 0.25rem $primary; $form-check-input-checked-bg-color: $primary; $form-check-input-checked-bg-image: url("data:image/svg+xml,"); $form-check-input-checked-border-color: lighten($body-bg, 20); -$form-label-margin-bottom: .25rem; +$form-label-margin-bottom: 0.25rem; $form-label-font-size: $content-font-size; $form-label-font-weight: normal; @@ -140,7 +150,7 @@ $form-select-border-color: lighten($body-bg, 20); $form-select-color: white; $form-select-disabled-bg: lighten($body-bg, 20); $form-select-focus-border-color: lighten($body-bg, 20); -$form-select-focus-box-shadow: 0 0 .25rem lighten($body-bg, 20); +$form-select-focus-box-shadow: 0 0 0.25rem lighten($body-bg, 20); $form-select-font-size: $content-font-size; $form-select-indicator: url("data:image/svg+xml,"); @@ -150,7 +160,7 @@ $input-color: white; $input-disabled-bg: lighten($body-bg, 20); $input-focus-bg: lighten($body-bg, 12); $input-focus-border-color: lighten($body-bg, 20); -$input-focus-box-shadow: 0 0 .25rem lighten($body-bg, 20); +$input-focus-box-shadow: 0 0 0.25rem lighten($body-bg, 20); $input-focus-color: white; $input-font-size: $content-font-size; @@ -163,7 +173,7 @@ $navbar-dark-hover-color: $primary; $navbar-dark-active-color: $primary; $navbar-padding-y: 0; -$nav-link-font-size: .875rem; +$nav-link-font-size: 0.875rem; $nav-link-padding-y: map-get($spacers, 3); $nav-link-transition: $link-transition; $nav-tabs-link-active-bg: transparent; diff --git a/index.html b/index.html index b2a06a3..5fd192e 100644 --- a/index.html +++ b/index.html @@ -3,67 +3,91 @@ - - WoWSims - WoW Classic Simulators - + + WoWSims - WoW Classic Simulators + - + - - + + - {% seo %} + {% seo %} - - - - -
-
- -
-

WoWSims

-

Season of Discovery

-
- -
-
- -
-

WoWSims

-

The Burning Crusade

-
- -
-
- -
-

WoWSims

-

Wrath of the Lich King

-
- -
-
+ + + + +
+
+ +
+

WoWSims

+

Season of Discovery

+
+ +
+
+ +
+

WoWSims

+

The Burning Crusade

+
+ +
+
+ +
+

WoWSims

+

Wrath of the Lich King

+
+ +
+ +
- {% include header.html %} -
-
-
-

- Welcome to WoWSims! This is a community-driven project to provide class and raid simulations for - World of Warcraft® Classic™ together with leading theorycrafters and class representatives. -

-
-
+ {% include header.html %} +
+
+
+

+ Welcome to WoWSims! This is a community-driven project to provide + class and raid simulations for World of Warcraft® + Classic™ together with leading theorycrafters and class + representatives. +

+
+
- - - - + + + +