initial (sorta) commit
This commit is contained in:
BIN
src/assets/font/LeagueSpartan-ExtraBold.ttf
Normal file
BIN
src/assets/font/LeagueSpartan-ExtraBold.ttf
Normal file
Binary file not shown.
BIN
src/assets/font/LeagueSpartan-Medium.ttf
Normal file
BIN
src/assets/font/LeagueSpartan-Medium.ttf
Normal file
Binary file not shown.
BIN
src/assets/pics/error.jpg
Normal file
BIN
src/assets/pics/error.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
BIN
src/assets/pics/fenrir.png
Normal file
BIN
src/assets/pics/fenrir.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 977 KiB |
143
src/assets/stylesheets/about.scss
Normal file
143
src/assets/stylesheets/about.scss
Normal file
@@ -0,0 +1,143 @@
|
||||
@font-face {
|
||||
font-family: itrFont;
|
||||
src: url(../font/LeagueSpartan-ExtraBold.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: itrFontMedium;
|
||||
src: url(../font/LeagueSpartan-Medium.ttf);
|
||||
}
|
||||
|
||||
.about {
|
||||
background-color: #232323;
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
height: auto;
|
||||
opacity: 100%;
|
||||
overflow-x: hidden;
|
||||
display: flex;
|
||||
-webkit-animation: fade 0.9s ease-in;
|
||||
-moz-animation: fade 0.9s ease-in;
|
||||
-ms-animation: fade 0.9s ease-in;
|
||||
-o-animation: fade 0.9s ease-in;
|
||||
animation: fade 0.9s ease-in;
|
||||
background: linear-gradient(#3b3b3b, #1a1a1a);
|
||||
}
|
||||
|
||||
.about__content {
|
||||
position: relative;
|
||||
margin-top: 70px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.about__content__main {
|
||||
width: 100vw;
|
||||
height: auto;
|
||||
margin-top: 5vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.about__content__main__container {
|
||||
padding: 10px 10px 20px 10px;
|
||||
border-radius: 10px;
|
||||
background-color: rgb(66, 66, 66);
|
||||
width: 80vw;
|
||||
height: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
transition: 0.3s;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.about__content__main__container h1,
|
||||
.about__content__blocks_block h1 {
|
||||
color: white;
|
||||
opacity: 100%;
|
||||
font-size: 40px;
|
||||
font-weight: bold;
|
||||
font-family: "itrFont";
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.about__content__main__container span,
|
||||
.about__content__blocks_block span {
|
||||
color: rgb(238, 238, 238);
|
||||
opacity: 100%;
|
||||
font-size: 20px;
|
||||
font-family: "itrFontMedium";
|
||||
padding: 10px;
|
||||
line-height: 32px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.about__content__blocks_block span {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.about__content__blocks {
|
||||
margin-top: 6vh;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: auto;
|
||||
margin-right: calc(-1 * (100vw - 100%));
|
||||
}
|
||||
|
||||
.about__content__blocks_block {
|
||||
position: relative;
|
||||
border-radius: 10px;
|
||||
background-color: rgb(66, 66, 66);
|
||||
width: 25vw;
|
||||
margin-left: 3vw;
|
||||
margin-right: 3vw;
|
||||
min-height: 38vh;
|
||||
height: auto;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
transition: 0.3s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.about__content__blocks_block p {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
color: rgb(136, 136, 136);
|
||||
opacity: 100%;
|
||||
font-size: 20px;
|
||||
font-family: "itrFontMedium";
|
||||
padding: 10px;
|
||||
line-height: 32px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.about__content__blocks_block:hover,
|
||||
.about__content__main__container:hover {
|
||||
background-color: #666666;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1550px) {
|
||||
.about__content__blocks {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.about__content__blocks_block {
|
||||
margin-bottom: 6vh;
|
||||
width: 80vw;
|
||||
}
|
||||
|
||||
.about__content__blocks_block h1 {
|
||||
font-size: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fade {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
18
src/assets/stylesheets/app.scss
Normal file
18
src/assets/stylesheets/app.scss
Normal file
@@ -0,0 +1,18 @@
|
||||
* {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
background-color: #232323;
|
||||
}
|
||||
|
||||
html {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
41
src/assets/stylesheets/awards.scss
Normal file
41
src/assets/stylesheets/awards.scss
Normal file
@@ -0,0 +1,41 @@
|
||||
@font-face {
|
||||
font-family: itrFont;
|
||||
src: url(../font/LeagueSpartan-ExtraBold.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: itrFontMedium;
|
||||
src: url(../font/LeagueSpartan-Medium.ttf);
|
||||
}
|
||||
|
||||
.awards {
|
||||
position: relative;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgb(54, 54, 54);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.awards__content {
|
||||
background-color: red;
|
||||
width: 80%;
|
||||
height: auto;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.awards__content__title {
|
||||
font-weight: bold;
|
||||
font-size: 300%;
|
||||
color: rgb(255, 255, 255);
|
||||
font-family: "itrFont";
|
||||
margin-bottom: 1%;
|
||||
}
|
||||
|
||||
.awards__content__list_item {
|
||||
border-top: 1px solid black;
|
||||
border-bottom: 1px solid black;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
}
|
||||
78
src/assets/stylesheets/bubble.scss
Normal file
78
src/assets/stylesheets/bubble.scss
Normal file
@@ -0,0 +1,78 @@
|
||||
@font-face {
|
||||
font-family: itrFont;
|
||||
src: url(../font/LeagueSpartan-ExtraBold.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: itrFontMedium;
|
||||
src: url(../font/LeagueSpartan-Medium.ttf);
|
||||
}
|
||||
|
||||
.bubble {
|
||||
color: rgb(255, 255, 255);
|
||||
font-family: "itrFontMedium";
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.bubble_main {
|
||||
width: 40vw;
|
||||
}
|
||||
|
||||
.bubble_main h1 {
|
||||
font-weight: bold;
|
||||
font-size: 300%;
|
||||
border-left: 5px solid rgb(255, 142, 142);
|
||||
padding-left: 15px;
|
||||
border-top-left-radius: 10px;
|
||||
margin-bottom: -5px;
|
||||
}
|
||||
|
||||
.bubble_main h2 {
|
||||
font-weight: bold;
|
||||
font-size: 400%;
|
||||
border-left: 5px solid rgb(255, 142, 142);
|
||||
padding-left: 15px;
|
||||
border-bottom-left-radius: 10px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.bubble_main div {
|
||||
height: auto;
|
||||
display: flex;
|
||||
overflow-wrap: break-word;
|
||||
font-weight: normal;
|
||||
font-size: 150%;
|
||||
color: #d6d6d6;
|
||||
background-color: rgb(59, 59, 59);
|
||||
border-radius: 10px;
|
||||
line-height: 35px;
|
||||
padding: 15px;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.bubble_main a {
|
||||
color: rgb(141, 238, 255);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 650px) {
|
||||
// Phones
|
||||
.bubble_main {
|
||||
width: 80vw;
|
||||
}
|
||||
|
||||
.bubble_main h1 {
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
.bubble_main h2 {
|
||||
font-size: 250%;
|
||||
}
|
||||
|
||||
.bubble_main div {
|
||||
font-size: 100%;
|
||||
line-height: 25px;
|
||||
}
|
||||
}
|
||||
124
src/assets/stylesheets/dropdown.scss
Normal file
124
src/assets/stylesheets/dropdown.scss
Normal file
@@ -0,0 +1,124 @@
|
||||
@font-face {
|
||||
font-family: itrFont;
|
||||
src: url(../font/LeagueSpartan-ExtraBold.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: itrFontMedium;
|
||||
src: url(../font/LeagueSpartan-Medium.ttf);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 650px) {
|
||||
.c {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(#353535, #232323);
|
||||
z-index: 10000000;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
// animation: slide .6s ease;
|
||||
// animation-iteration-count: 1;
|
||||
}
|
||||
|
||||
.dd {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 95%;
|
||||
margin-top: 10%;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 10%;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.dd__link {
|
||||
color: white;
|
||||
font-size: 40px;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.dd__link_label {
|
||||
position: relative;
|
||||
width: 90%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dd__link_arrow {
|
||||
text-align: center;
|
||||
color: white;
|
||||
padding-top: 7px;
|
||||
width: 10%;
|
||||
font-size: 30px;
|
||||
cursor: pointer;
|
||||
opacity: 0%;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
.dd__link_arrow:hover:focus {
|
||||
opacity: 100%;
|
||||
}
|
||||
|
||||
.dd__link_label:hover + .dd__link_arrow {
|
||||
opacity: 100%;
|
||||
}
|
||||
|
||||
.header {
|
||||
margin-top: 10px;
|
||||
display: inline-block;
|
||||
flex-direction: row;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.header__text {
|
||||
color: white;
|
||||
font-size: 50px;
|
||||
font-family: "itrFont";
|
||||
}
|
||||
|
||||
.header__x {
|
||||
color: white;
|
||||
font-size: 25px;
|
||||
font-family: "itrFont";
|
||||
border: none;
|
||||
float: right;
|
||||
margin-top: 13px;
|
||||
margin-right: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.slideIn{
|
||||
animation: slideIn .6s ease;
|
||||
}
|
||||
|
||||
.slideOut{
|
||||
animation: slideOut .6s ease;
|
||||
}
|
||||
|
||||
@keyframes slideIn {
|
||||
0% {
|
||||
margin-top: 100vh;
|
||||
opacity: 0%;
|
||||
}
|
||||
100% {
|
||||
margin-top: 0vh;
|
||||
opacity: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes slideOut {
|
||||
0% {
|
||||
margin-top: 0vh;
|
||||
opacity: 100%;
|
||||
}
|
||||
100% {
|
||||
margin-top: 100vh;
|
||||
opacity: 0%;
|
||||
}
|
||||
}
|
||||
12
src/assets/stylesheets/error.scss
Normal file
12
src/assets/stylesheets/error.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
.error {
|
||||
background-color: #232323;
|
||||
width: 100%;
|
||||
height: calc(100vh - 166px);
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.error__photo {
|
||||
width: 100%;
|
||||
min-width: 900px;
|
||||
}
|
||||
105
src/assets/stylesheets/footer.scss
Normal file
105
src/assets/stylesheets/footer.scss
Normal file
@@ -0,0 +1,105 @@
|
||||
@font-face {
|
||||
font-family: itrFont;
|
||||
src: url(../font/LeagueSpartan-ExtraBold.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: itrFontMedium;
|
||||
src: url(../font/LeagueSpartan-Medium.ttf);
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: relative;
|
||||
background-color: #232323;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
overflow: hidden;
|
||||
border-top: 1px solid rgb(46, 46, 46);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.footer__links {
|
||||
margin-right: 0px;
|
||||
width: 100vw;
|
||||
height: 6vh;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.footer__links_svg {
|
||||
width: 40px;
|
||||
margin-left: 0.8vw;
|
||||
margin-right: 0.8vw;
|
||||
filter: invert(100%) sepia(10%) saturate(1000%) hue-rotate(10deg)
|
||||
brightness(100%) contrast(100%);
|
||||
opacity: 20%;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.footer__links_svg:hover {
|
||||
opacity: 50%;
|
||||
}
|
||||
|
||||
.footer__toes {
|
||||
display: flex;
|
||||
width: 100vw;
|
||||
height: 100px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.footer__toes_logo {
|
||||
color: rgb(197, 197, 197);
|
||||
text-decoration: none;
|
||||
font-size: 50px;
|
||||
font-family: "itrFont";
|
||||
transition: 0.3s;
|
||||
text-align: center;
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
text-align: center;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.footer__toes_logo:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.footer__toes__links_left,
|
||||
.footer__toes__links_right {
|
||||
margin-bottom: 9px;
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 650px) {
|
||||
// Phones
|
||||
.footer__links_svg {
|
||||
width: 10vw;
|
||||
background-color: transparent;
|
||||
margin-left: -4vw;
|
||||
margin-right: -4vw;
|
||||
}
|
||||
|
||||
.footer__toes {
|
||||
zoom: 80%;
|
||||
}
|
||||
|
||||
.footer__toes_logo {
|
||||
font-size: 40px;
|
||||
font-family: "itrFont";
|
||||
transition: 0.3s;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.footer__toes__links_left,
|
||||
.footer__toes__links_right {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
157
src/assets/stylesheets/home.scss
Normal file
157
src/assets/stylesheets/home.scss
Normal file
@@ -0,0 +1,157 @@
|
||||
@font-face {
|
||||
font-family: itrFont;
|
||||
src: url(../font/LeagueSpartan-ExtraBold.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: itrFontMedium;
|
||||
src: url(../font/LeagueSpartan-Medium.ttf);
|
||||
}
|
||||
|
||||
.home {
|
||||
width: 100%;
|
||||
opacity: 100%;
|
||||
-webkit-animation: fade 0.9s ease-in;
|
||||
-moz-animation: fade 0.9s ease-in;
|
||||
-ms-animation: fade 0.9s ease-in;
|
||||
-o-animation: fade 0.9s ease-in;
|
||||
animation: fade 0.9s ease-in;
|
||||
}
|
||||
|
||||
.home__content__panel {
|
||||
background-color: transparent;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.home__content__panel__title {
|
||||
position: absolute;
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-size: 500%;
|
||||
font-family: "itrFont";
|
||||
animation: textSlide 1s ease;
|
||||
animation-iteration-count: 1;
|
||||
opacity: 100%;
|
||||
width: 100%;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 10px;
|
||||
letter-spacing: 5px;
|
||||
filter: drop-shadow(0 0 0.75rem rgb(77, 77, 77));
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.home__content__panel__button {
|
||||
position: absolute;
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-size: 300%;
|
||||
animation: textSlide 1s ease, textBreathe 10s ease;
|
||||
animation-iteration-count: 1, infinite;
|
||||
opacity: 100%;
|
||||
filter: drop-shadow(0 0 0.75rem rgb(77, 77, 77));
|
||||
z-index: 1;
|
||||
margin-top: 70vh;
|
||||
border: none;
|
||||
transition: 0.3s;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.home__content__panel__button:hover {
|
||||
font-size: 370%;
|
||||
}
|
||||
|
||||
.home__content__info {
|
||||
min-height: 100vh;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background: linear-gradient(#353535, #232323);
|
||||
}
|
||||
|
||||
.home__content__info__image {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
right: 0;
|
||||
margin-top: 20vh;
|
||||
width: 45vw;
|
||||
height: 40vw;
|
||||
}
|
||||
|
||||
.home__content__info__image img {
|
||||
margin-right: 5vw;
|
||||
width: 30vw;
|
||||
animation: glow;
|
||||
animation-duration: 1s;
|
||||
animation-timing-function: ease;
|
||||
animation-delay: 2s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 912px) {
|
||||
// Tablets
|
||||
.home__content__panel__video {
|
||||
zoom: 130%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 650px) {
|
||||
// Phones
|
||||
.home__content__info__image {
|
||||
opacity: 0%;
|
||||
}
|
||||
|
||||
.home__content__panel__title {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 250%;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 10px;
|
||||
letter-spacing: 5px;
|
||||
filter: drop-shadow(0 0 0.75rem rgb(77, 77, 77));
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.home__content__panel__button {
|
||||
margin-top: 80vh;
|
||||
}
|
||||
|
||||
.home__content__panel__video {
|
||||
zoom: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
// Animations
|
||||
|
||||
@keyframes glow {
|
||||
0% {
|
||||
filter: drop-shadow(0vw 0vw 0vw #ff6767c0);
|
||||
}
|
||||
100% {
|
||||
filter: drop-shadow(0vw 0vw 3vw #ff6767c0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes textSlide {
|
||||
0% {
|
||||
margin-top: 50vw;
|
||||
}
|
||||
0% {
|
||||
opacity: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fade {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
203
src/assets/stylesheets/navbar.scss
Normal file
203
src/assets/stylesheets/navbar.scss
Normal file
@@ -0,0 +1,203 @@
|
||||
@font-face {
|
||||
font-family: itrFont;
|
||||
src: url(../font/LeagueSpartan-ExtraBold.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: itrFontMedium;
|
||||
src: url(../font/LeagueSpartan-Medium.ttf);
|
||||
}
|
||||
|
||||
.navbar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 70px;
|
||||
background-color: transparent;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
overflow-y: hidden;
|
||||
transition: 0.5s;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.navbar__logotext {
|
||||
color: white;
|
||||
font-size: 50px;
|
||||
font-family: "itrFont";
|
||||
margin-top: 6px;
|
||||
margin-left: 50px;
|
||||
transition: 0.5s;
|
||||
background: linear-gradient(
|
||||
to right,
|
||||
#ff0000,
|
||||
#ff7300,
|
||||
#fffb00,
|
||||
#48ff00,
|
||||
#00ffd5,
|
||||
#002bff,
|
||||
#7a00ff,
|
||||
#ff00c8,
|
||||
#ff0000
|
||||
);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
animation: navbar__logotext 6s ease-in-out infinite;
|
||||
background-size: 400% 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#logo {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.navbar__logotext:hover {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
@keyframes navbar__logotext {
|
||||
0%,
|
||||
100% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
background-position: 100% 0;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
li a {
|
||||
color: rgb(216, 216, 216);
|
||||
text-decoration: none;
|
||||
font-family: "itrFontMedium";
|
||||
font-size: 20px;
|
||||
margin-left: 3px;
|
||||
margin-right: 3px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
li a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav__placeholder {
|
||||
padding: 10px;
|
||||
width: 70px;
|
||||
height: 20px;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
border-radius: 10px;
|
||||
margin-right: 50px;
|
||||
}
|
||||
|
||||
.nav__login {
|
||||
padding: 10px;
|
||||
text-decoration: none;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
font-family: "itrFontMedium";
|
||||
width: 70px;
|
||||
height: 20px;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: #ffffff;
|
||||
background: #111;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
border-radius: 10px;
|
||||
margin-right: 50px;
|
||||
}
|
||||
.nav__login::before {
|
||||
content: "";
|
||||
background: linear-gradient(
|
||||
to right,
|
||||
#ff0000,
|
||||
#ff7300,
|
||||
#fffb00,
|
||||
#48ff00,
|
||||
#00ffd5,
|
||||
#002bff,
|
||||
#7a00ff,
|
||||
#ff00c8,
|
||||
#ff0000
|
||||
);
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
left: -2px;
|
||||
background-size: 400%;
|
||||
z-index: -1;
|
||||
width: calc(100% + 4px);
|
||||
height: calc(100% + 4px);
|
||||
animation: glow 30s linear infinite;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease-in-out;
|
||||
border-radius: 10px;
|
||||
}
|
||||
@keyframes glow {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
50% {
|
||||
background-position: 400% 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
}
|
||||
.nav__login:active {
|
||||
color: #000;
|
||||
}
|
||||
.nav__login:active:after {
|
||||
background: transparent;
|
||||
}
|
||||
.nav__login:hover:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.navbar__hamburger {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 912px) {
|
||||
// Tablets
|
||||
}
|
||||
|
||||
@media screen and (max-width: 650px) {
|
||||
// Phones
|
||||
.navbar__logotext {
|
||||
margin-top: 6px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navbar__hamburger {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-right: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.navbar__hamburger_line {
|
||||
background-color: rgb(255, 255, 255);
|
||||
width: 30px;
|
||||
height: 3px;
|
||||
margin: 2px;
|
||||
border: none;
|
||||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
28
src/assets/svg/discord.svg
Normal file
28
src/assets/svg/discord.svg
Normal file
@@ -0,0 +1,28 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="100%" height="100%" viewBox="0 0 800.000000 800.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
|
||||
<g transform="translate(0.000000,800.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path
|
||||
d="M3000 6195 c-309 -68 -597 -158 -877 -275 l-152 -63 -42 -66 c-366
|
||||
-568 -599 -1105 -728 -1681 -79 -351 -109 -599 -118 -962 -6 -252 10 -612 28
|
||||
-634 16 -20 267 -187 403 -269 193 -116 468 -252 674 -334 215 -85 393 -144
|
||||
401 -133 92 127 297 460 304 495 1 4 -34 23 -78 41 -197 81 -406 190 -404 210
|
||||
0 6 27 30 59 54 l59 43 42 -22 c54 -27 269 -109 391 -148 585 -187 1258 -211
|
||||
1855 -66 172 42 362 105 542 179 l133 55 57 -45 c31 -26 57 -49 59 -53 3 -10
|
||||
-268 -148 -394 -201 l-102 -42 66 -117 c68 -122 223 -361 245 -379 10 -8 43
|
||||
-1 127 27 306 103 684 275 935 426 97 59 361 232 407 268 28 22 41 256 35 616
|
||||
-5 318 -17 458 -62 726 -110 658 -364 1301 -747 1891 l-78 121 -137 58 c-311
|
||||
131 -606 221 -947 291 -113 23 -119 23 -132 7 -7 -10 -44 -82 -81 -161 -58
|
||||
-122 -71 -142 -88 -138 -186 44 -849 57 -1130 23 -82 -10 -158 -19 -168 -20
|
||||
-14 -2 -36 33 -96 153 -42 85 -84 156 -92 157 -7 1 -84 -14 -169 -32z m155
|
||||
-1839 c180 -48 338 -216 390 -417 81 -307 -103 -662 -380 -734 -128 -33 -284
|
||||
-11 -385 53 -192 122 -306 375 -271 601 29 193 113 333 260 434 102 70 262 96
|
||||
386 63z m1968 -6 c163 -51 297 -191 359 -375 19 -59 23 -89 22 -195 0 -107 -4
|
||||
-136 -27 -205 -61 -184 -203 -327 -370 -371 -66 -18 -187 -18 -253 0 -179 47
|
||||
-331 215 -384 422 -63 246 35 522 235 659 120 83 280 108 418 65z" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
30
src/assets/svg/facebook.svg
Normal file
30
src/assets/svg/facebook.svg
Normal file
@@ -0,0 +1,30 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="100%" height="100%" viewBox="0 0 800.000000 800.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
|
||||
<g transform="translate(0.000000,800.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path
|
||||
d="M1077 7210 c-117 -20 -224 -107 -269 -218 l-23 -57 0 -2935 0 -2935
|
||||
24 -60 c33 -81 115 -163 196 -196 l60 -24 1573 -3 1572 -2 0 1242 0 1243 -420
|
||||
-3 -420 -2 0 500 0 500 419 -2 419 -3 5 460 c5 495 9 537 63 715 15 47 27 90
|
||||
28 95 1 6 10 24 19 41 9 17 13 34 10 38 -4 3 -1 6 6 6 7 0 9 5 6 10 -3 6 -1
|
||||
10 5 10 6 0 8 5 5 10 -3 6 -1 10 5 10 6 0 8 5 5 10 -3 6 -1 10 6 10 7 0 10 3
|
||||
6 6 -3 3 3 15 13 27 11 11 17 23 15 27 -3 5 2 11 11 14 8 3 13 10 10 15 -3 5
|
||||
1 12 10 15 9 4 14 9 11 12 -3 3 6 17 21 31 15 13 22 22 15 19 -6 -4 25 30 70
|
||||
76 45 45 86 82 90 82 5 1 14 9 21 18 7 10 16 15 19 11 4 -3 9 2 13 11 3 9 12
|
||||
16 20 16 8 0 14 5 14 10 0 6 7 10 15 10 8 0 15 5 15 11 0 5 4 7 10 4 6 -3 10
|
||||
-1 10 4 0 6 3 10 8 9 4 -1 27 9 52 22 25 13 50 25 55 26 6 1 42 14 80 29 39
|
||||
15 77 28 85 30 8 2 51 10 95 20 149 31 293 37 575 25 146 -6 308 -15 360 -20
|
||||
52 -5 105 -10 118 -10 l22 0 0 -444 0 -444 -342 -4 c-322 -4 -347 -6 -410 -26
|
||||
-37 -13 -74 -29 -82 -38 -8 -8 -18 -14 -21 -14 -3 0 -22 -15 -42 -35 -20 -19
|
||||
-32 -35 -28 -35 5 0 0 -7 -11 -15 -10 -8 -14 -15 -9 -15 6 0 4 -4 -2 -8 -7 -4
|
||||
-14 -17 -16 -27 -1 -11 -5 -25 -9 -30 -18 -30 -28 -201 -28 -498 l0 -332 480
|
||||
3 480 2 0 -24 c0 -13 -27 -232 -60 -487 -33 -255 -60 -470 -60 -477 0 -10 -85
|
||||
-12 -420 -10 l-420 3 0 -1243 0 -1243 853 3 852 3 60 24 c81 33 163 115 196
|
||||
196 l24 60 0 2935 0 2935 -24 60 c-33 81 -115 163 -196 196 l-60 24 -2905 1
|
||||
c-1598 1 -2927 -2 -2953 -6z" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
31
src/assets/svg/github.svg
Normal file
31
src/assets/svg/github.svg
Normal file
@@ -0,0 +1,31 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="100%" height="100%" viewBox="0 0 800.000000 800.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
|
||||
<g transform="translate(0.000000,800.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path
|
||||
d="M3692 7010 c-498 -52 -992 -234 -1407 -519 -326 -223 -654 -569 -860
|
||||
-905 -212 -347 -342 -700 -416 -1136 -21 -121 -23 -168 -24 -450 0 -333 10
|
||||
-434 66 -680 204 -883 813 -1644 1634 -2040 207 -100 346 -150 414 -150 77 0
|
||||
106 12 131 52 19 31 20 51 20 317 l0 284 -47 -7 c-289 -41 -487 -21 -653 65
|
||||
-78 40 -105 60 -172 125 -71 70 -115 135 -158 234 -78 179 -186 329 -293 405
|
||||
-34 25 -79 57 -100 72 -108 78 -78 144 66 144 168 0 349 -112 468 -289 107
|
||||
-161 173 -228 275 -280 145 -74 343 -73 552 1 51 18 64 27 68 47 33 161 75
|
||||
255 145 328 23 23 39 45 36 48 -2 3 -36 10 -73 15 -207 29 -445 98 -595 173
|
||||
-381 191 -590 499 -666 982 -24 156 -24 460 0 572 46 210 127 380 258 543 l21
|
||||
27 -20 58 c-35 99 -45 186 -39 343 5 145 30 278 72 378 l15 36 108 -5 c84 -4
|
||||
128 -12 202 -37 116 -39 329 -142 430 -210 41 -28 84 -51 95 -51 11 0 58 9
|
||||
105 21 228 54 562 83 806 68 169 -10 377 -38 504 -68 47 -12 93 -21 103 -21
|
||||
10 0 62 27 116 60 125 77 323 171 431 205 59 19 116 28 187 32 l103 6 15 -36
|
||||
c42 -100 67 -233 72 -378 6 -155 -3 -232 -37 -338 l-21 -62 64 -80 c103 -128
|
||||
175 -290 214 -476 25 -121 24 -442 -1 -598 -54 -340 -167 -577 -360 -763 -139
|
||||
-134 -289 -220 -503 -290 -107 -36 -314 -82 -437 -97 l-48 -7 20 -21 c35 -39
|
||||
90 -133 116 -198 57 -142 59 -173 65 -724 6 -554 5 -539 64 -575 59 -37 89
|
||||
-31 352 70 152 59 422 212 605 344 256 184 523 460 712 736 454 662 625 1520
|
||||
463 2329 -25 124 -30 143 -75 291 -192 628 -628 1209 -1188 1583 -373 249
|
||||
-767 401 -1232 478 -100 17 -182 21 -405 24 -154 2 -317 0 -363 -5z" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
30
src/assets/svg/instagram.svg
Normal file
30
src/assets/svg/instagram.svg
Normal file
@@ -0,0 +1,30 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="100%" height="100%" viewBox="0 0 800.000000 800.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
|
||||
<g transform="translate(0.000000,800.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path
|
||||
d="M2465 7213 c-778 -51 -1420 -574 -1619 -1317 -64 -238 -61 -152 -61
|
||||
-1896 0 -1744 -3 -1658 61 -1896 165 -616 641 -1093 1255 -1257 242 -65 153
|
||||
-62 1899 -62 1746 0 1657 -3 1899 62 613 164 1090 641 1254 1254 65 242 62
|
||||
153 62 1899 0 1746 3 1657 -62 1899 -162 606 -634 1083 -1239 1251 -43 12
|
||||
-131 31 -194 43 -113 21 -136 21 -1660 22 -850 1 -1567 0 -1595 -2z m3172
|
||||
-578 c327 -53 627 -246 808 -519 104 -158 161 -303 190 -479 22 -138 22 -3136
|
||||
0 -3274 -83 -510 -488 -915 -998 -998 -138 -22 -3136 -22 -3274 0 -510 83
|
||||
-915 488 -998 998 -22 138 -22 3136 0 3274 82 506 486 913 989 997 126 22
|
||||
3152 22 3283 1z" />
|
||||
<path
|
||||
d="M5620 6121 c-259 -70 -377 -353 -250 -600 74 -146 285 -239 448 -197
|
||||
199 51 322 204 322 401 0 193 -124 350 -317 400 -73 19 -122 18 -203 -4z" />
|
||||
<path
|
||||
d="M3890 5649 c-644 -44 -1193 -449 -1434 -1057 -96 -242 -133 -583 -91
|
||||
-837 61 -365 203 -650 454 -908 421 -433 1028 -598 1618 -441 555 148 1009
|
||||
602 1157 1157 78 293 78 581 0 874 -121 454 -456 854 -884 1055 -259 122 -543
|
||||
176 -820 157z m295 -575 c226 -39 424 -142 586 -304 425 -425 425 -1115 -1
|
||||
-1540 -295 -296 -733 -396 -1129 -259 -566 196 -867 819 -670 1388 173 501
|
||||
692 806 1214 715z" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
27
src/assets/svg/twitter.svg
Normal file
27
src/assets/svg/twitter.svg
Normal file
@@ -0,0 +1,27 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="100%" height="100%" viewBox="0 0 800.000000 800.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
|
||||
<g transform="translate(0.000000,800.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path
|
||||
d="M5170 6790 c-323 -40 -610 -179 -835 -405 -337 -337 -471 -780 -389
|
||||
-1277 l7 -37 -69 5 c-924 74 -1737 421 -2416 1030 -113 101 -279 274 -374 388
|
||||
l-41 49 -45 -94 c-96 -197 -138 -386 -138 -614 0 -352 114 -659 345 -928 60
|
||||
-70 220 -212 252 -224 30 -12 9 -20 -40 -16 -160 13 -339 61 -485 129 l-94 44
|
||||
7 -93 c10 -138 32 -250 70 -364 72 -215 177 -385 340 -549 176 -177 375 -295
|
||||
608 -361 54 -15 92 -30 85 -34 -7 -4 -56 -14 -108 -24 -106 -20 -347 -23 -440
|
||||
-7 -30 6 -57 8 -58 7 -7 -6 36 -112 79 -197 150 -298 412 -542 720 -667 150
|
||||
-61 308 -97 442 -102 31 -1 57 -5 57 -9 0 -9 -136 -106 -245 -175 -127 -80
|
||||
-360 -194 -511 -250 -165 -60 -393 -118 -570 -145 -171 -26 -469 -36 -619 -22
|
||||
-60 6 -111 9 -113 8 -7 -7 233 -142 383 -216 592 -290 1231 -427 1895 -406
|
||||
1013 31 1890 386 2595 1050 616 580 1054 1399 1209 2261 40 220 57 402 62 645
|
||||
l4 225 90 71 c203 161 374 338 531 550 38 51 69 95 69 97 0 3 -35 -10 -78 -28
|
||||
-105 -44 -282 -101 -408 -131 -111 -26 -294 -57 -300 -51 -2 2 29 26 69 53
|
||||
148 100 326 294 413 451 39 69 114 236 114 253 0 5 -55 -20 -123 -55 -212
|
||||
-111 -558 -236 -720 -260 l-47 -7 -73 69 c-180 171 -434 298 -696 347 -104 20
|
||||
-312 28 -411 16z" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
BIN
src/assets/videos/video.mp4
Normal file
BIN
src/assets/videos/video.mp4
Normal file
Binary file not shown.
Reference in New Issue
Block a user