diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..496ee2c --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.DS_Store \ No newline at end of file diff --git a/assets/countdown/script.js b/assets/countdown/script.js new file mode 100644 index 0000000..1854540 --- /dev/null +++ b/assets/countdown/script.js @@ -0,0 +1,40 @@ +/** + * Countdown + */ +function init() { + const second = 1000, + minute = second * 60, + hour = minute * 60, + day = hour * 24; + + const date = document.querySelector('[data-date]').dataset.date; + + + let countDown = new Date(date).getTime(), + x = setInterval(function () { + + let now = new Date().getTime(), + distance = countDown - now; + + if (document.querySelector('[data-days]') != null) { + document.querySelector('[data-days]').innerText = Math.floor(distance / (day)); + } + + if (document.querySelector('[data-hours]') != null) { + document.querySelector('[data-hours]').innerText = Math.floor((distance % (day)) / (hour)); + } + + if (document.querySelector('[data-minutes]') != null) { + document.querySelector('[data-minutes]').innerText = Math.floor((distance % (hour)) / (minute)); + } + + if (document.querySelector('[data-seconds]') != null) { + document.querySelector('[data-seconds]').innerText = Math.floor((distance % (minute)) / second); + } + + // if (distance < 0) { + // clearInterval(x); + // } + }, second) +} + diff --git a/assets/images/GOATED.png b/assets/images/GOATED.png new file mode 100644 index 0000000..fe96e22 Binary files /dev/null and b/assets/images/GOATED.png differ diff --git a/assets/images/gh-logo-25.png b/assets/images/gh-logo-25.png new file mode 100644 index 0000000..7a9fe78 Binary files /dev/null and b/assets/images/gh-logo-25.png differ diff --git a/assets/images/svg-logo.svg b/assets/images/svg-logo.svg new file mode 100644 index 0000000..8d9668b --- /dev/null +++ b/assets/images/svg-logo.svg @@ -0,0 +1,235 @@ + + + diff --git a/assets/mobirise/css/mbr-additional.css b/assets/mobirise/css/mbr-additional.css index 48b4105..8efc81e 100644 --- a/assets/mobirise/css/mbr-additional.css +++ b/assets/mobirise/css/mbr-additional.css @@ -96,13 +96,13 @@ body { border-radius: 4px; } .bg-primary { - background-color: #273043 !important; + background-color: #171717 !important; } .bg-success { background-color: #40b0bf !important; } .bg-info { - background-color: #273043 !important; + background-color: #171717 !important; } .bg-warning { background-color: #fdf0d5 !important; @@ -112,8 +112,8 @@ body { } .btn-primary, .btn-primary:active { - background-color: #273043 !important; - border-color: #273043 !important; + background-color: #171717 !important; + border-color: #171717 !important; color: #ffffff !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } @@ -156,8 +156,8 @@ body { } .btn-info, .btn-info:active { - background-color: #273043 !important; - border-color: #273043 !important; + background-color: #171717 !important; + border-color: #171717 !important; color: #ffffff !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } @@ -276,21 +276,21 @@ body { .btn-black.focus, .btn-black.active { color: #ffffff !important; - background-color: #000000 !important; - border-color: #000000 !important; + background-color: #171717 !important; + border-color: #171717 !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } .btn-black.disabled, .btn-black:disabled { color: #ffffff !important; - background-color: #000000 !important; - border-color: #000000 !important; + background-color: #171717 !important; + border-color: #171717 !important; } .btn-primary-outline, .btn-primary-outline:active { background-color: transparent !important; border-color: transparent; - color: #273043; + color: #171717; } .btn-primary-outline:hover, .btn-primary-outline:focus, @@ -304,8 +304,8 @@ body { .btn-primary-outline.disabled, .btn-primary-outline:disabled { color: #ffffff !important; - background-color: #273043 !important; - border-color: #273043 !important; + background-color: #171717 !important; + border-color: #171717 !important; } .btn-secondary-outline, .btn-secondary-outline:active { @@ -332,7 +332,7 @@ body { .btn-info-outline:active { background-color: transparent !important; border-color: transparent; - color: #273043; + color: #171717; } .btn-info-outline:hover, .btn-info-outline:focus, @@ -346,8 +346,8 @@ body { .btn-info-outline.disabled, .btn-info-outline:disabled { color: #ffffff !important; - background-color: #273043 !important; - border-color: #273043 !important; + background-color: #171717 !important; + border-color: #171717 !important; } .btn-success-outline, .btn-success-outline:active { @@ -422,7 +422,7 @@ body { .btn-black-outline:focus, .btn-black-outline.focus, .btn-black-outline.active { - color: #000000 !important; + color: #171717 !important; background-color: transparent!important; border-color: transparent!important; box-shadow: none!important; @@ -455,7 +455,7 @@ body { border-color: #fafafa !important; } .text-primary { - color: #273043 !important; + color: #171717 !important; } .text-secondary { color: #dd0426 !important; @@ -464,7 +464,7 @@ body { color: #40b0bf !important; } .text-info { - color: #273043 !important; + color: #171717 !important; } .text-warning { color: #fdf0d5 !important; @@ -516,7 +516,7 @@ a.text-white.active { a.text-black:hover, a.text-black:focus, a.text-black.active { - color: #000000 !important; + color: #171717 !important; } a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) { position: relative; @@ -532,7 +532,7 @@ a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-cap background-position: 0px 1.2em; } .nav-tabs .nav-link.active { - color: #273043; + color: #171717; } .nav-tabs .nav-link:not(.active) { color: #232323; @@ -541,7 +541,7 @@ a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-cap background-color: #70c770; } .alert-info { - background-color: #273043; + background-color: #171717; } .alert-warning { background-color: #fdf0d5; @@ -550,17 +550,15 @@ a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-cap background-color: #ff9966; } .mbr-gallery-filter li.active .btn { - background-color: #273043; - border-color: #273043; + background-color: #171717; + border-color: #171717; color: #ffffff; } .mbr-gallery-filter li.active .btn:focus { box-shadow: none; } a, -a:hover { - color: #273043; -} + .mbr-plan-header.bg-primary .mbr-plan-subtitle, .mbr-plan-header.bg-primary .mbr-plan-price-desc { color: #91a0bf; @@ -597,7 +595,7 @@ a:hover { .form-control:hover, .form-control:focus { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px; - border-color: #273043 !important; + border-color: #171717 !important; } .form-control:-webkit-input-placeholder { font-family: 'Montserrat', sans-serif; @@ -609,19 +607,19 @@ a:hover { font-size: 1.375rem; } blockquote { - border-color: #273043; + border-color: #171717; } /* Forms */ .jq-selectbox li:hover, .jq-selectbox li.selected { - background-color: #273043; + background-color: #171717; color: #ffffff; } .jq-number__spin { transition: 0.25s ease; } .jq-number__spin:hover { - border-color: #273043; + border-color: #171717; } .jq-selectbox .jq-selectbox__trigger-arrow, .jq-number__spin.minus:after, @@ -633,14 +631,14 @@ blockquote { .jq-selectbox:hover .jq-selectbox__trigger-arrow, .jq-number__spin.minus:hover:after, .jq-number__spin.plus:hover:after { - border-top-color: #273043; - border-bottom-color: #273043; + border-top-color: #171717; + border-bottom-color: #171717; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { color: #ffffff !important; - background-color: #273043 !important; + background-color: #171717 !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, @@ -718,7 +716,7 @@ a { } .cid-sgPI0rTtnd .dropdown-item:hover, .cid-sgPI0rTtnd .dropdown-item:focus { - background: #273043 !important; + background: #171717 !important; color: white !important; } .cid-sgPI0rTtnd .dropdown-item:first-child { @@ -752,7 +750,7 @@ a { } .cid-sgPI0rTtnd .dropdown-menu, .cid-sgPI0rTtnd .navbar.opened { - background: #273043 !important; + background: #171717 !important; } .cid-sgPI0rTtnd .nav-item:focus, .cid-sgPI0rTtnd .nav-link:focus { @@ -787,7 +785,7 @@ a { transition: all 0.3s; border-bottom: 1px solid transparent; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); - background: #273043; + background: #171717; } .cid-sgPI0rTtnd .navbar.opened { transition: all 0.3s; @@ -932,7 +930,7 @@ a { padding: 0.667em 1.667em; } .cid-sgPI0rTtnd .navbar.navbar-expand-lg .dropdown .dropdown-menu { - background: #273043; + background: #171717; } .cid-sgPI0rTtnd .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu { margin: 0; @@ -1037,7 +1035,7 @@ a { .cid-sgPJ0TKe9q { padding-top: 3rem; padding-bottom: 3rem; - background-color: #273043; + background-color: #171717; } @media (max-width: 991px) { .cid-sgPJ0TKe9q .image-wrapper { @@ -1057,7 +1055,7 @@ a { .cid-tih9EvSaF5 { padding-top: 5rem; padding-bottom: 0rem; - background-color: #273043; + background-color: #171717; } .cid-tih9EvSaF5 .mbr-section-title { color: #ffffff; @@ -1068,7 +1066,7 @@ a { .cid-sgPJIlmBEv { padding-top: 0rem; padding-bottom: 5rem; - background-color: #273043; + background-color: #171717; } .cid-sgPJIlmBEv .card-wrapper { background: #9197ae; @@ -1100,7 +1098,7 @@ a { .cid-t5rSAuN6jS { padding-top: 5rem; padding-bottom: 6rem; - background-color: #273043; + background-color: #171717; } .cid-t5rSAuN6jS img, .cid-t5rSAuN6jS .item-img { @@ -1116,7 +1114,7 @@ a { .cid-t5rSAuN6jS .slide-content { position: relative; border-radius: 4px; - background: #273043; + background: #171717; height: 100%; display: flex; overflow: hidden; @@ -1232,15 +1230,15 @@ a { } .cid-sU99xA04eV .mbr-section-subtitle { text-align: center; - color: #273043; + color: #171717; } .cid-sU99xA04eV .mbr-text { - color: #273043; + color: #171717; } .cid-tqAPe2NEkt { padding-top: 6rem; padding-bottom: 6rem; - background-color: #273043; + background-color: #171717; } .cid-tqAPe2NEkt .item { padding-bottom: 2rem; @@ -1430,9 +1428,9 @@ a { width: 7px; height: 7px; margin: 3px; - background: #000000; + background: #171717; opacity: 0.5; - border: 4px solid #000000; + border: 4px solid #171717; } .cid-tqAPe2NEkt .carousel-indicators .active { background: #fff; @@ -1494,7 +1492,7 @@ a { .cid-sU9iJiwiKR { padding-top: 0rem; padding-bottom: 8rem; - background-color: #273043; + background-color: #171717; } .cid-sU9iJiwiKR .mbr-section-title { color: #ffffff; @@ -1522,19 +1520,19 @@ a { padding-left: 1rem; font-family: 'Moririse2' !important; font-size: 1.4rem !important; - color: #273043; + color: #171717; } .cid-sU9izjxqWU .panel-body, .cid-sU9izjxqWU .card-header { padding: 1rem 0; } .cid-sU9izjxqWU .panel-title-edit { - color: #000000; + color: #171717; } .cid-t5zRJx1DXX { padding-top: 5rem; padding-bottom: 5rem; - background-color: #273043; + background-color: #171717; } .cid-t5zRJx1DXX .image-wrapper { display: flex; @@ -1559,7 +1557,7 @@ a { .cid-t5zRJx1DXX .mbr-iconfont { font-size: 2rem; padding-right: 1.5rem; - color: #273043; + color: #171717; } .cid-t5zRJx1DXX .mbr-section-title { color: #ffffff; diff --git a/assets/theme/css/style.css b/assets/theme/css/style.css index b1138c1..c1c47ac 100644 --- a/assets/theme/css/style.css +++ b/assets/theme/css/style.css @@ -8,6 +8,7 @@ body { line-height: 1.5; font-weight: 400; color: #232323; + background-color: #171717; position: relative; } @@ -40,9 +41,7 @@ a { font-weight: 400; cursor: pointer; } -a, a:hover { - text-decoration: none; -} + .mbr-section-title { font-style: normal; @@ -780,6 +779,67 @@ body { width: 14px; } +.image-container { + position: relative; + z-index: 10; +} + +.image-container::after { + content: ''; + position: absolute; + z-index: -1; + bottom: -24px; + left: 24px; + width: 100%; + height: 100%; + background: linear-gradient(rgb(235, 59, 59), rgb(239 68 68)); +} + +.image-container img { + z-index: -1; +} + +.image-container-alt { + position: relative; + z-index: 10; +} + +.image-container-alt::after { + content: ''; + position: absolute; + z-index: -1; + bottom: -24px; + left: -24px; + width: 100%; + height: 100%; + background: linear-gradient(rgb(235, 59, 59), rgb(239 68 68)); +} + +.image-container-alt img { + z-index: -1; +} + +.game-font { + font-family: 'Jersey 10', sans-serif; + font-weight: 400; + font-style: normal; +} + +@keyframes cycle-pulse { + 0% { + filter: invert(42%) sepia(77%) saturate(2318%) hue-rotate(334deg) brightness(96%) contrast(95%); + } + + 50% { + filter: invert(0%) sepia(1%) saturate(10%) hue-rotate(306deg) brightness(98%) contrast(101%); + } + + 100% { + filter: invert(42%) sepia(77%) saturate(2318%) hue-rotate(334deg) brightness(96%) contrast(95%); + } +} + + .form-control { background-color: #ffffff; background-clip: border-box; @@ -935,10 +995,6 @@ blockquote { display: none; } -.dropdown-item:hover + .dropdown-menu, -.dropdown-menu:hover { - display: block; -} @media (min-aspect-ratio: 16/9) { .mbr-video-foreground { diff --git a/fonts/NES/NESCyrillic.ttf b/fonts/NES/NESCyrillic.ttf new file mode 100644 index 0000000..ea94cb1 Binary files /dev/null and b/fonts/NES/NESCyrillic.ttf differ diff --git a/fonts/NES/style.css b/fonts/NES/style.css new file mode 100644 index 0000000..abb851e --- /dev/null +++ b/fonts/NES/style.css @@ -0,0 +1,4 @@ +@font-face { + font-family: 'NES'; + src: url('../NES/NESCyrillic.ttf') format('truetype'); +} diff --git a/index.html b/index.html index f796b53..5ff50b4 100644 --- a/index.html +++ b/index.html @@ -1,498 +1,792 @@ - -
- - - - - - - - - -