ACM
/
Website
mirror of https://codeberg.org/ACM/Website.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add source files 

Add initial source files.
This commit is contained in:
Aidan Mullen 2022-12-18 07:36:03 -05:00
parent 32b0946089
commit 66bea34551
2 changed files with 196 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
index.html Normal file
View File

@ -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">&copy; 2022 delay.cloud</p> </div>

175
style.css Normal file
View File

@ -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
}