Initial Import Commit
This commit is contained in:
parent
0a410ec37e
commit
d3ea593219
40 changed files with 2578 additions and 0 deletions
58
assets/css/errors.css
Normal file
58
assets/css/errors.css
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
@import 'fonts.css';
|
||||
|
||||
body {
|
||||
background-image: url('../images/darkbg.webp');
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#particles-js {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
z-index: -10;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
button {
|
||||
display: inline;
|
||||
font-family: 'JetBrains Mono', sans-serif, Fallback;
|
||||
font-style: italic;
|
||||
color: green;
|
||||
background-color: transparent;
|
||||
border: 0.01em solid green;
|
||||
margin: 0.1em;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
color: black;
|
||||
background-color: green;
|
||||
border-radius: 0.25em;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
button:active {
|
||||
color: green;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
error-section {
|
||||
display: block;
|
||||
font-family: 'JetBrains Mono', Fallback, sans-serif;
|
||||
color: green;
|
||||
z-index: 1;
|
||||
border: 3px solid green;
|
||||
width: 50em;
|
||||
margin: 3em auto;
|
||||
padding: 2em;
|
||||
background-color: rgb(15, 15, 15);
|
||||
}
|
||||
|
||||
error-code {
|
||||
display: inline;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
error-desc {
|
||||
display: inline;
|
||||
}
|
||||
64
assets/css/fonts.css
Normal file
64
assets/css/fonts.css
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
/* Meyrin Font */
|
||||
@font-face {
|
||||
font-family: 'Meyrin';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
src: url('https://cdn.jsdelivr.net/gh/optional-is/Meyrin@master/formats/Meyrin.woff') format('woff'),
|
||||
/* Modern Browsers */
|
||||
url('https://cdn.jsdelivr.net/gh/optional-is/Meyrin@master/formats/Meyrin.ttf') format('truetype'),
|
||||
/* Safari, Android, iOS */
|
||||
url('https://cdn.jsdelivr.net/gh/optional-is/Meyrin@master/formats/Meyrin.svg#svgFontName') format('svg'),
|
||||
/* Legacy iOS */
|
||||
url('https://cdn.jsdelivr.net/gh/optional-is/Meyrin@master/formats/Meyrin.eot') format('embedded-opentype'),
|
||||
/* IE9 Compatibility Mode */
|
||||
url('https://cdn.jsdelivr.net/gh/optional-is/Meyrin@master/formats/Meyrin.eot?#iefix') format('embedded-opentype');
|
||||
/* IE6-IE8 */
|
||||
}
|
||||
|
||||
/* JetBrains Mono normal Font */
|
||||
@font-face {
|
||||
font-family: 'JetBrains Mono';
|
||||
/* Variable font */
|
||||
font-style: normal;
|
||||
font-weight: 100 900;
|
||||
font-display: swap;
|
||||
src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@master/fonts/variable/JetBrainsMono%5Bwght%5D.woff2') format('woff2');
|
||||
src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@master/fonts/variable/JetBrainsMono%5Bwght%5D.ttf') format('truetype');
|
||||
}
|
||||
|
||||
/* JetBrains Mono italic Font */
|
||||
@font-face {
|
||||
font-family: 'JetBrains Mono';
|
||||
/* Variable font */
|
||||
font-style: italic;
|
||||
font-weight: 100 900;
|
||||
font-display: swap;
|
||||
src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@master/fonts/variable/JetBrainsMono-Italic%5Bwght%5D.woff2') format('woff2');
|
||||
src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@master/fonts/variable/JetBrainsMono-Italic%5Bwght%5D.ttf') format('truetype');
|
||||
}
|
||||
|
||||
/* FixedSysExcelsior Font */
|
||||
@font-face {
|
||||
font-family: 'FixedSysExcelsior';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
src: url('https://github.com/kika/fixedsys/releases/download/v3.02.9/FSEX302.ttf') format('truetype');
|
||||
}
|
||||
|
||||
/* InterVariable normal Font */
|
||||
@font-face {
|
||||
font-family: InterVariable;
|
||||
font-style: normal;
|
||||
font-weight: 100 900;
|
||||
font-display: swap;
|
||||
src: url('https://rsms.me/inter/font-files/InterVariable.woff2?v=4.0') format('woff2');
|
||||
}
|
||||
|
||||
/* InterVariable italic Font */
|
||||
@font-face {
|
||||
font-family: InterVariable;
|
||||
font-style: italic;
|
||||
font-weight: 100 900;
|
||||
font-display: swap;
|
||||
src: url('https://rsms.me/inter/font-files/InterVariable-Italic.woff2?v=4.0') format('woff2');
|
||||
}
|
||||
25
assets/css/index.css
Normal file
25
assets/css/index.css
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
.meyrin {
|
||||
font-family: Meyrin, serif;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.cc-img {
|
||||
height: 22px !important;
|
||||
margin-left: 3px;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
.Inter {
|
||||
font-family: InterVariable, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.footer {
|
||||
z-index: 1;
|
||||
border: 3px solid green;
|
||||
width: 25em;
|
||||
padding: 1em;
|
||||
font-size: 1em;
|
||||
margin: 2em auto;
|
||||
}
|
||||
8
assets/css/modpacks.css
Normal file
8
assets/css/modpacks.css
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
.content {
|
||||
z-index: 1;
|
||||
border: 3px solid green;
|
||||
width: 50em;
|
||||
padding: 1em;
|
||||
font-size: 1.25em;
|
||||
margin: 2em auto;
|
||||
}
|
||||
159
assets/css/redirect-anim.css
Normal file
159
assets/css/redirect-anim.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
:root {
|
||||
--b: #262626;
|
||||
--w: #dcdcd2;
|
||||
--s: 2s;
|
||||
/* change speed */
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: border-box;
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: var(--b);
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 50vmin;
|
||||
height: 50vmin;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
perspective: 1000vmin;
|
||||
}
|
||||
|
||||
.bars {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
padding: 6.5vmin 3vmin;
|
||||
animation: mirror1 calc(var(--s) * 2) ease 0s infinite;
|
||||
}
|
||||
|
||||
.bars+.bars {
|
||||
transform: rotate(90deg) rotateX(180deg);
|
||||
animation: mirror2 calc(var(--s) * 2) ease calc(var(--s) / 2) infinite;
|
||||
}
|
||||
|
||||
.bar {
|
||||
width: 44vmin;
|
||||
height: 3vmin;
|
||||
margin: 2vmin 0vmin;
|
||||
background: linear-gradient(90deg, #fff0 33%, var(--w) 33% 67%, #fff0 67% 100%);
|
||||
animation: grow var(--s) ease-in-out 0s infinite alternate;
|
||||
background-size: 300%;
|
||||
background-position-x: -203%;
|
||||
}
|
||||
|
||||
@keyframes mirror1 {
|
||||
|
||||
0%,
|
||||
47%,
|
||||
99.99%,
|
||||
100% {
|
||||
transform: rotate(180deg) rotateX(0deg);
|
||||
}
|
||||
|
||||
47.01%,
|
||||
99.98% {
|
||||
transform: rotate(180deg) rotateX(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes mirror2 {
|
||||
|
||||
0%,
|
||||
47%,
|
||||
99.99%,
|
||||
100% {
|
||||
transform: rotate(90deg) rotateX(180deg);
|
||||
}
|
||||
|
||||
47.01%,
|
||||
99.98% {
|
||||
transform: rotate(90deg) rotateX(0deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes grow {
|
||||
|
||||
0%,
|
||||
25% {
|
||||
background-position-x: -297%;
|
||||
}
|
||||
|
||||
45%,
|
||||
55% {
|
||||
background-position-x: -250%;
|
||||
}
|
||||
|
||||
75%,
|
||||
100% {
|
||||
background-position-x: -203%;
|
||||
}
|
||||
}
|
||||
|
||||
.bar:nth-child(2) {
|
||||
animation-delay: calc(var(--s) * -0.02);
|
||||
}
|
||||
|
||||
.bar:nth-child(3) {
|
||||
animation-delay: calc(var(--s) * -0.04);
|
||||
}
|
||||
|
||||
.bar:nth-child(4) {
|
||||
animation-delay: calc(var(--s) * -0.06);
|
||||
}
|
||||
|
||||
.bar:nth-child(5) {
|
||||
animation-delay: calc(var(--s) * -0.08);
|
||||
}
|
||||
|
||||
.bar:nth-child(6) {
|
||||
animation-delay: calc(var(--s) * -0.1);
|
||||
}
|
||||
|
||||
.bar:nth-child(7) {
|
||||
animation-delay: calc(var(--s) * -0.12);
|
||||
}
|
||||
|
||||
.bars:nth-child(2) .bar:nth-child(1) {
|
||||
animation-delay: calc(calc(var(--s) * -0.001) - calc(var(--s) / 2));
|
||||
}
|
||||
|
||||
.bars:nth-child(2) .bar:nth-child(2) {
|
||||
animation-delay: calc(calc(var(--s) * -0.02) - calc(var(--s) / 2));
|
||||
}
|
||||
|
||||
.bars:nth-child(2) .bar:nth-child(3) {
|
||||
animation-delay: calc(calc(var(--s) * -0.04) - calc(var(--s) / 2));
|
||||
}
|
||||
|
||||
.bars:nth-child(2) .bar:nth-child(4) {
|
||||
animation-delay: calc(calc(var(--s) * -0.06) - calc(var(--s) / 2));
|
||||
}
|
||||
|
||||
.bars:nth-child(2) .bar:nth-child(5) {
|
||||
animation-delay: calc(calc(var(--s) * -0.08) - calc(var(--s) / 2));
|
||||
}
|
||||
|
||||
.bars:nth-child(2) .bar:nth-child(6) {
|
||||
animation-delay: calc(calc(var(--s) * -0.1) - calc(var(--s) / 2));
|
||||
}
|
||||
|
||||
.bars:nth-child(2) .bar:nth-child(7) {
|
||||
animation-delay: calc(calc(var(--s) * -0.12) - calc(var(--s) / 2));
|
||||
}
|
||||
31
assets/css/redirect.css
Normal file
31
assets/css/redirect.css
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
@import url('redirect-anim.css');
|
||||
|
||||
/* @import is for the animation on the redirect page */
|
||||
body {
|
||||
color: white;
|
||||
font-family: 'JetBrains Mono', sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#particles-js {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
z-index: -999;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.content {
|
||||
z-index: -998;
|
||||
position: fixed;
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
p {
|
||||
z-index: 999;
|
||||
position: fixed;
|
||||
}
|
||||
81
assets/css/styles.css
Normal file
81
assets/css/styles.css
Normal file
|
|
@ -0,0 +1,81 @@
|
|||
@import 'fonts.css';
|
||||
|
||||
body {
|
||||
font-family: 'JetBrains Mono', Fallback, sans-serif;
|
||||
color: green;
|
||||
background-image: url('../images/darkbg.webp');
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#particles-js {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
z-index: -10;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.fse {
|
||||
font-family: 'FixedSysExcelsior', Fallback, sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: green;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.l {
|
||||
text-decoration: underline green;
|
||||
}
|
||||
|
||||
.qrc {
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
button {
|
||||
display: inline;
|
||||
font-family: 'JetBrains Mono', sans-serif, Fallback;
|
||||
font-style: italic;
|
||||
color: green;
|
||||
background-color: transparent;
|
||||
border: 0.01em solid green;
|
||||
margin: 0.1em;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
color: black;
|
||||
background-color: green;
|
||||
border-radius: 0.25em;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
button:active {
|
||||
color: green;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.desc {
|
||||
font-size: 0.7em
|
||||
}
|
||||
|
||||
.code {
|
||||
border-color: white;
|
||||
border-width: 0.1em;
|
||||
border-style: solid;
|
||||
background-color: black;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.header {
|
||||
z-index: 1;
|
||||
border: 3px solid green;
|
||||
width: 20em;
|
||||
padding: 1em;
|
||||
font-size: 2em;
|
||||
margin: 2em auto;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue