This commit is contained in:
eryn sharkness 2025-08-14 01:40:32 +02:00
parent b2d174ecfd
commit f5720eee2f
43 changed files with 344 additions and 0 deletions

BIN
.DS_Store vendored Normal file

Binary file not shown.

View file

@ -0,0 +1,7 @@
@font-face {
font-family: 'Hiruko-BlackAlternate';
src: url(../../assets/fonts/Hiruko-BlackAlternate-1db3962d7fb1be47322f75f06d08cf69.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
}

View file

@ -0,0 +1,7 @@
@font-face {
font-family: 'LT Saeada Black';
src: url(../../assets/fonts/LT%20Saeada%20Black-76c3a88c53f893ecd9fbebc1e81f20f5.woff?h=97612a6badd072ee03e87366e5666138) format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
}

View file

@ -0,0 +1,7 @@
@font-face {
font-family: 'LT Saeada Bold';
src: url(../../assets/fonts/LT%20Saeada%20Bold-8d5d619778396da2ed545bfbeb97d7e9.woff?h=97612a6badd072ee03e87366e5666138) format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
}

View file

@ -0,0 +1,7 @@
@font-face {
font-family: 'LT Saeada Extra Black';
src: url(../../assets/fonts/LT%20Saeada%20Extra%20Black-94952059b19753974536921aacefbd75.woff?h=97612a6badd072ee03e87366e5666138) format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
}

View file

@ -0,0 +1,7 @@
@font-face {
font-family: 'LT Saeada Extra Bold';
src: url(../../assets/fonts/LT%20Saeada%20Extra%20Bold-94523bae5439f2406648ff58d9b7f2e7.woff?h=97612a6badd072ee03e87366e5666138) format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
}

View file

@ -0,0 +1,7 @@
@font-face {
font-family: 'LT Saeada Extra Light';
src: url(../../assets/fonts/LT%20Saeada%20Extra%20Light-a66167dd746c43a8b94ad66c710dc7fb.woff?h=13dfdf7baf0061f60ebc742c4d7a6ec2) format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
}

View file

@ -0,0 +1,7 @@
@font-face {
font-family: 'LT Saeada Hairline';
src: url(../../assets/fonts/LT%20Saeada%20Hairline-072a82eacc349f5a2ec62d14f9cbe8d0.woff?h=13dfdf7baf0061f60ebc742c4d7a6ec2) format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
}

View file

@ -0,0 +1,7 @@
@font-face {
font-family: 'LT Saeada Light';
src: url(../../assets/fonts/LT%20Saeada%20Light-9cf55379d497581fcbbddd88222224d1.woff?h=13dfdf7baf0061f60ebc742c4d7a6ec2) format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
}

View file

@ -0,0 +1,7 @@
@font-face {
font-family: 'LT Saeada Medium';
src: url(../../assets/fonts/LT%20Saeada%20Medium-5f2db5dc6212a0db43a1f76a762259df.woff?h=13dfdf7baf0061f60ebc742c4d7a6ec2) format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
}

View file

@ -0,0 +1,7 @@
@font-face {
font-family: 'LT Saeada Regular';
src: url(../../assets/fonts/LT%20Saeada%20Regular-6c5f1fbc852333017e6e7a07dde3e0b3.woff?h=94cccd0d5ad8ea5ad29cfdfa0928b6c1) format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
}

View file

@ -0,0 +1,7 @@
@font-face {
font-family: 'LT Saeada Semi-Bold';
src: url(../../assets/fonts/LT%20Saeada%20Semi-Bold-46e42b326ba4021b6b70e99df1b5d512.woff?h=97612a6badd072ee03e87366e5666138) format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
}

View file

@ -0,0 +1,7 @@
@font-face {
font-family: 'LT Saeada Thin';
src: url(../../assets/fonts/LT%20Saeada%20Thin-95fa9f4bd4483328be7124ca611f0d56.woff?h=13dfdf7baf0061f60ebc742c4d7a6ec2) format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
}

View file

@ -0,0 +1,57 @@
.bs-icon {
--bs-icon-size: .75rem;
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
font-size: var(--bs-icon-size);
width: calc(var(--bs-icon-size) * 2);
height: calc(var(--bs-icon-size) * 2);
color: var(--bs-primary);
}
.bs-icon-xs {
--bs-icon-size: 1rem;
width: calc(var(--bs-icon-size) * 1.5);
height: calc(var(--bs-icon-size) * 1.5);
}
.bs-icon-sm {
--bs-icon-size: 1rem;
}
.bs-icon-md {
--bs-icon-size: 1.5rem;
}
.bs-icon-lg {
--bs-icon-size: 2rem;
}
.bs-icon-xl {
--bs-icon-size: 2.5rem;
}
.bs-icon.bs-icon-primary {
color: var(--bs-white);
background: var(--bs-primary);
}
.bs-icon.bs-icon-primary-light {
color: var(--bs-primary);
background: rgba(var(--bs-primary-rgb), .2);
}
.bs-icon.bs-icon-semi-white {
color: var(--bs-primary);
background: rgba(255, 255, 255, .5);
}
.bs-icon.bs-icon-rounded {
border-radius: .5rem;
}
.bs-icon.bs-icon-circle {
border-radius: 50%;
}

View file

@ -0,0 +1,44 @@
@font-face {
font-family: 'Nunito Sans';
src: url(../../assets/fonts/Nunito%20Sans-ecd6842615851b5f6156dd55d5fbfa38.woff2?h=433e1c5745f95ce8e6874541f3d7acce) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Nunito Sans';
src: url(../../assets/fonts/Nunito%20Sans-10a50402d9a357ca83dd97fe4bc807a2.woff2?h=433e1c5745f95ce8e6874541f3d7acce) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Nunito Sans';
src: url(../../assets/fonts/Nunito%20Sans-7d232153fcfb708c6c30c79dffa8815c.woff2?h=433e1c5745f95ce8e6874541f3d7acce) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Nunito Sans';
src: url(../../assets/fonts/Nunito%20Sans-10d9b1f95c4cc0063d3b2dacdfbc2a73.woff2?h=433e1c5745f95ce8e6874541f3d7acce) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Nunito Sans';
src: url(../../assets/fonts/Nunito%20Sans-f6bde0b5d8ed17a42bd59e7fc3393f4e.woff2?h=433e1c5745f95ce8e6874541f3d7acce) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

44
assets/css/Nunito.css Normal file
View file

@ -0,0 +1,44 @@
@font-face {
font-family: 'Nunito';
src: url(../../assets/fonts/Nunito-ae24e2fe6aaa2e727df26b8833f0cfc9.woff2?h=0cc8675b80953828ef4e46da973dd85b) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Nunito';
src: url(../../assets/fonts/Nunito-0bbae4b8d3ed61dddea4297be3c38942.woff2?h=0cc8675b80953828ef4e46da973dd85b) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Nunito';
src: url(../../assets/fonts/Nunito-c68edf39ed030043e69f2b0f46973c67.woff2?h=0cc8675b80953828ef4e46da973dd85b) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Nunito';
src: url(../../assets/fonts/Nunito-1fa406b9715c64194a44f3b92c660607.woff2?h=0cc8675b80953828ef4e46da973dd85b) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Nunito';
src: url(../../assets/fonts/Nunito-4424868b0705481a854267c9a2f823e8.woff2?h=0cc8675b80953828ef4e46da973dd85b) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

View file

@ -0,0 +1,39 @@
:root, [data-bs-theme=light] {
--bs-warning: #ffd861;
--bs-warning-rgb: 255,216,97;
--bs-warning-text-emphasis: #665627;
--bs-warning-bg-subtle: #FFF7DF;
--bs-warning-border-subtle: #FFEFC0;
}
.btn-warning {
--bs-btn-color: #000000;
--bs-btn-bg: #ffd861;
--bs-btn-border-color: #ffd861;
--bs-btn-hover-color: #000000;
--bs-btn-hover-bg: #FFDE79;
--bs-btn-hover-border-color: #FFDC71;
--bs-btn-focus-shadow-rgb: 38,32,15;
--bs-btn-active-color: #000000;
--bs-btn-active-bg: #FFE081;
--bs-btn-active-border-color: #FFDC71;
--bs-btn-disabled-color: #000000;
--bs-btn-disabled-bg: #ffd861;
--bs-btn-disabled-border-color: #ffd861;
}
.btn-outline-warning {
--bs-btn-color: #ffd861;
--bs-btn-border-color: #ffd861;
--bs-btn-focus-shadow-rgb: 255,216,97;
--bs-btn-hover-color: #000000;
--bs-btn-hover-bg: #ffd861;
--bs-btn-hover-border-color: #ffd861;
--bs-btn-active-color: #000000;
--bs-btn-active-bg: #ffd861;
--bs-btn-active-border-color: #ffd861;
--bs-btn-disabled-color: #ffd861;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #ffd861;
}

BIN
assets/img/shork.eu@2x.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

BIN
assets/img/symbolic-1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

19
assets/js/bs-init.js Normal file
View file

@ -0,0 +1,19 @@
if (window.innerWidth < 768) {
[].slice.call(document.querySelectorAll('[data-bss-disabled-mobile]')).forEach(function (elem) {
elem.classList.remove('animated');
elem.removeAttribute('data-bss-hover-animate');
elem.removeAttribute('data-aos');
elem.removeAttribute('data-bss-parallax-bg');
elem.removeAttribute('data-bss-scroll-zoom');
});
}
document.addEventListener('DOMContentLoaded', function() {
var hoverAnimationTriggerList = [].slice.call(document.querySelectorAll('[data-bss-hover-animate]'));
var hoverAnimationList = hoverAnimationTriggerList.forEach(function (hoverAnimationEl) {
hoverAnimationEl.addEventListener('mouseenter', function(e){ e.target.classList.add('animated', e.target.dataset.bssHoverAnimate) });
hoverAnimationEl.addEventListener('mouseleave', function(e){ e.target.classList.remove('animated', e.target.dataset.bssHoverAnimate) });
});
}, false);

57
index.html Normal file
View file

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>shork.eu</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/Hiruko-BlackAlternate.css">
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Black.css?h=97612a6badd072ee03e87366e5666138">
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Bold.css?h=97612a6badd072ee03e87366e5666138">
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Extra%20Black.css?h=97612a6badd072ee03e87366e5666138">
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Extra%20Bold.css?h=97612a6badd072ee03e87366e5666138">
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Extra%20Light.css?h=13dfdf7baf0061f60ebc742c4d7a6ec2">
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Hairline.css?h=13dfdf7baf0061f60ebc742c4d7a6ec2">
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Light.css?h=13dfdf7baf0061f60ebc742c4d7a6ec2">
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Medium.css?h=13dfdf7baf0061f60ebc742c4d7a6ec2">
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Regular.css?h=94cccd0d5ad8ea5ad29cfdfa0928b6c1">
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Semi-Bold.css?h=97612a6badd072ee03e87366e5666138">
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Thin.css?h=13dfdf7baf0061f60ebc742c4d7a6ec2">
<link rel="stylesheet" href="assets/css/Nunito.css?h=0cc8675b80953828ef4e46da973dd85b">
<link rel="stylesheet" href="assets/css/Nunito%20Sans.css?h=433e1c5745f95ce8e6874541f3d7acce">
<link rel="stylesheet" href="assets/css/bss-overrides.css?h=0ec74ea6b6b4fe613b02be1560ff30e9">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="assets/css/Navbar-Right-Links-icons.css?h=befd8a398792e305b7ffd4a176b5b585">
</head>
<body style="background: url(&quot;https://assets.shork.eu/Backgrounds/PNG/waves-square.png&quot;) center / cover no-repeat;font-family: 'LT Saeada Regular';height: 2000px;">
<nav class="navbar navbar-expand-md bg-transparent py-3" style="color: rgb(255,255,255);">
<div class="container"><a class="navbar-brand text-center d-flex float-start w-auto h-auto flex-row flex-grow-0 flex-fill justify-content-center align-items-center align-content-center gap-2" href="#" style="transform: perspective(0px);"><span class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex justify-content-center align-items-center me-2 bs-icon" style="background: rgba(255,255,255,0);"><img src="assets/img/symbolic-1.png?h=4885080971c1b340494cab284275a421" width="45" height="45"></span><span style="color: rgb(255,255,255);font-size: xx-large;text-align: left;font-family: 'LT Saeada Extra Bold';">shork.eu</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2" style="color: rgba(255,255,255,0.65);"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-2">
<ul class="navbar-nav ms-auto" style="color: rgb(255,255,255);">
<li class="nav-item"><a class="nav-link active" href="#" style="color: rgb(255,255,255);">Register</a></li>
<li class="nav-item"><a class="nav-link" href="#" style="color: rgba(255,255,255,0.65);">Second Item</a></li>
<li class="nav-item"><a class="nav-link" href="#" style="color: rgba(255,255,255,0.65);">Third Item</a></li>
</ul><button class="btn btn-warning text-center border rounded-pill border-0 border-primary-subtle ms-md-2" type="button" style="color: rgb(46,46,46);font-family: 'LT Saeada Semi-Bold';font-size: 20px;">Log in</button>
</div>
</div>
</nav>
<div class="container py-4 py-xl-5">
<div class="row gy-4 gy-md-0">
<div class="col-md-6 text-center text-md-start d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-center">
<div style="max-width: 350px;">
<h1 class="text-uppercase fw-bolder" style="color: var(--bs-primary-border-subtle);text-align: left;font-family: 'LT Saeada Extra Bold';">Welcome to shork.eu</h1>
<p class="fs-2 my-3" style="color: var(--bs-primary-bg-subtle);"><strong><span style="color: var(--bs-primary-border-subtle);">Hope you enjoy your stay!</span></strong></p><button class="btn btn-warning btn-lg rounded-pill me-2" type="button">Button</button><a class="btn btn-outline-primary btn-lg rounded-pill" role="button" href="#">Button</a>
</div>
</div>
<div class="col-md-6">
<div class="m-xl-5 p-xl-5"><img class="rounded img-fluid object-fit-scale" data-bss-disabled-mobile="true" data-bss-hover-animate="jello" style="min-height: 300px;" src="assets/img/shork.eu@2x.png?h=4885080971c1b340494cab284275a421"></div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/bs-init.js?h=ec5d4df3c798a2943b2ecbac76ebfde0"></script>
</body>
</html>