mirror of https://codeberg.org/ACM/Website.git
parent
32b0946089
commit
66bea34551
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE = html>
|
||||
<link href="style.css" rel="stylesheet"/>
|
||||
<link rel="icon" type="image/x-icon" href="https://delay.cloud/images/favicon.png"/>
|
||||
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
|
||||
<meta name="description" content="Software on delay.cloud.">
|
||||
<meta name="keywords" content="degui, delay, cloud, delay.cloud, disk, disc, disk usage, analyzer, free, software, cross, platform, cross-platform,, windows, macos, osx, linux,">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<title>Home - delay.cloud</title>
|
||||
<link rel="canonical" href="https://delay.cloud" />
|
||||
</head>
|
||||
<rel></rel>
|
||||
<section .bg></section .bg>
|
||||
<div>
|
||||
<h1>delay.cloud</h1>
|
||||
</div>
|
||||
<hr/>
|
||||
<p>This site is currently unfinished.</p>
|
||||
<div class="aligner">
|
||||
</div>
|
||||
<div class="aligner"> <p class="footer">© 2022 delay.cloud</p> </div>
|
||||
|
|
@ -0,0 +1,175 @@
|
|||
@font-face {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
src: url('https://delay.cloud/fonts/Roboto.ttf') format("truetype"),
|
||||
url('https://delay.cloud/fonts/roboto-regular-webfont.woff2') format('woff2'),
|
||||
url('https://delay.cloud/fonts/roboto-regular-webfont.woff') format('woff');
|
||||
}
|
||||
|
||||
@keyframes fade {
|
||||
from {opacity: 0%; border-color: #1E1E1E;}
|
||||
to {opacity: 100%; border-color: #1E1E1E;}
|
||||
}
|
||||
|
||||
@keyframes fadeup {
|
||||
from {opacity: -100%; margin-top: 10vh;}
|
||||
to {opacity: 100%; margin-top: relative;}
|
||||
}
|
||||
|
||||
@keyframes fadegrow {
|
||||
from {opacity: 0%; width: 0;}
|
||||
to {opacity: 100%; width: calc(20vh + 20vw);}
|
||||
}
|
||||
|
||||
@keyframes bgcolor {
|
||||
from {color: #FFFFFF;}
|
||||
to {color: #1E1E1E;}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
margin-top: 40vh;
|
||||
margin-bottom: auto;
|
||||
font-size: calc(2.5vh + 2.5vw);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
border-radius: 5px;
|
||||
border: #FFFFFF;
|
||||
border-width: 1vh;
|
||||
transition: 1s;
|
||||
animation-name: fade;
|
||||
animation-duration: 3s;
|
||||
animation-delay: -2;
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #1E1E1E;
|
||||
size: 100%;
|
||||
animation-name: bgcolor;
|
||||
animation-duration: 3s;
|
||||
}
|
||||
|
||||
hr {
|
||||
display: calc(0.15vh + 0.15vw) solid #FFFFFF;
|
||||
border: calc(0.15vh + 0.15vw) solid #FFFFFF;
|
||||
color: #FFFFFF;
|
||||
fill: #FFFFFF;
|
||||
fill-opacity: 100%;
|
||||
width: calc(20vh + 20vw);
|
||||
border-radius: 5px;
|
||||
animation-name: fadegrow;
|
||||
animation-duration: 2s;
|
||||
transition: 1s;
|
||||
animation-delay: -3;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
text-align: center;
|
||||
font-size: calc(1.3vh + 1.3vw);
|
||||
color: #FFFFFF;
|
||||
margin-top: -0.01vh;
|
||||
animation-name: fadeup;
|
||||
animation-duration: 2s;
|
||||
transition: 1s;
|
||||
animation-delay: -3;
|
||||
}
|
||||
|
||||
.aligner {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 5px;
|
||||
border-color: #FFFFFF;
|
||||
color: #1E1E1E;
|
||||
width: calc(7vw + 5vh);
|
||||
height: calc(3vw + 1vh);
|
||||
text-align: center;
|
||||
background-color: #FFFFFF;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
transition: 1s;
|
||||
border-width: 1px;
|
||||
font-size: calc(1vw + 1vh);
|
||||
margin-right: 1vh;
|
||||
border-style: solid;
|
||||
animation-name: fade;
|
||||
animation-duration: 1s;
|
||||
min-width: 60px;
|
||||
min-height: 30px;
|
||||
transition: 1s;
|
||||
}
|
||||
|
||||
@keyframes buttonwhitefade {
|
||||
from {color: #FFFFFF;}
|
||||
to {color: #CECECE;}
|
||||
}
|
||||
|
||||
button:hover {
|
||||
border-radius: 5px;
|
||||
color: #1e1e1e;
|
||||
border-color: #949494;
|
||||
text-align: center;
|
||||
background-color: #949494;
|
||||
transition: 1s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.b2 {
|
||||
border-radius: 5px;
|
||||
border-color: #363636;
|
||||
color: #ffffff;
|
||||
width: calc(7vw + 5vh);
|
||||
height: calc(3vw + 1vh);
|
||||
text-align: center;
|
||||
background-color: #363636;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
border-width: 2px;
|
||||
font-size: calc(1vw + 1vh);
|
||||
transition: 1s;
|
||||
margin-right: 1vh;
|
||||
border-style: solid;
|
||||
animation-name: fade;
|
||||
animation-duration: 1s;
|
||||
}
|
||||
|
||||
.b2:hover {
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
border-color: #363636;
|
||||
text-align: center;
|
||||
background-color: #202020;
|
||||
transition: 1s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background-color: #1E1E1E;
|
||||
border-color: #1E1E1E;
|
||||
border-style: solid;
|
||||
border-width: 0.25vh;
|
||||
color: #ffffff;
|
||||
padding-bottom: 1vh;
|
||||
padding-top: 1vh;
|
||||
margin-bottom: 2vh;
|
||||
border-radius: 5px;
|
||||
transition: 1s;
|
||||
animation-name: fade;
|
||||
animation-duration: 2s;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
text-align: center;
|
||||
font-size: calc(1vh + 1vw);
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0%;
|
||||
width: 95%;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
margin-right: 2.5%;
|
||||
}
|
||||
|
||||
html {
|
||||
background-color: #1E1E1E;
|
||||
color:#1E1E1E
|
||||
}
|
||||
Loading…
Reference in New Issue