Update source

CHANGELOG.MD

@@ -1,6 +1,11 @@
 # Changelog
 ### Any and all changes are added to the following list upon their completion and inclusion into the software.
 
+## 0.2.0
+
+- Changed background color.
+- Modified button placement.
+
 ## 0.1.0
 
 - Initial release.

LICENSE.MD

@@ -1,4 +1,4 @@
-Copyright (c) 2022 Aidan Mullen
+Copyright (c) 2023 Aidan Mullen
 
 Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
 

fonts/GlacialIndifference/LICENSE.MD

@@ -0,0 +1,94 @@
+Copyright 2019 Alfredo Marco Pradil (https://hanken.co/), with Reserved Font Name "Glacial Indifference".
+
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

index.html

@@ -1,21 +1,30 @@
 <!DOCTYPE = html>
 <link href="style.css" rel="stylesheet"/>
-<link rel="icon" type="image/x-icon" href="https://delay.cloud/images/favicon.png"/>
+<link rel="icon" type="image/x-icon" href="https://delay.cloud/img/favicon.png"/>
+<link rel="preload" href="GlacialIndifference.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="GlacialIndifference-Bold.woff2" as="font" type="font/woff2" crossorigin>
 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
-<meta name="description" content="Software on delay.cloud.">
+<meta name="description" content="Website with files.">
-<meta name="keywords" content="degui, delay, cloud, delay.cloud, disk, disc, disk usage, analyzer, free, software, cross, platform, cross-platform,, windows, macos, osx, linux,">
+<meta name="keywords" content="delay.cloud">
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
     <title>Home - delay.cloud</title>
 	<link rel="canonical" href="https://delay.cloud" />
+    <meta name="darkreader-lock">
 </head>
 <rel></rel>
 <section .bg></section .bg>
+<nav class="aligner">
+<a href="/" target="_blank"><button class="aligner">Instances</button></a> 
+<a href="status-sub/index/" target="_blank"><button class=b2>Uptime</button></a>
+<a href="resources/" target="_blank"><button class=b2>Resources</button></a>
+</nav>
 <div>
     <h1>delay.cloud</h1>
 </div>
 <hr/>
-<p>This site is currently unfinished.</p>
+<p>Under construction.</p>
 <div class="aligner">
+<!--<a href="https://status.delay.cloud" target="_blank"><button>Uptime</button></a> <a href="https://delay.cloud/resources" target="_blank"><button class=b2>Resources</button></a>-->
 </div>
-<div class="aligner"> <p class="footer">&copy; 2022 delay.cloud</p> </div>
+<div class="aligner"> <p class="footer">&copy; 2023 delay.cloud <!--<a rel="me" href="https://mastodon.online/@am23"></a>--> </p> </div>

style.css

@@ -1,78 +1,105 @@
 @font-face {
-    font-family: 'Roboto', sans-serif;
+    font-family: 'Glacial Indifference Bold';
-    src: url('https://delay.cloud/fonts/Roboto.ttf') format("truetype"),
+    src: url('https://www.delay.cloud/fonts/GlacialIndifference/GlacialIndifference-Bold.eot');
-         url('https://delay.cloud/fonts/roboto-regular-webfont.woff2') format('woff2'),
+    src: url('https://www.delay.cloud/fonts/GlacialIndifference/GlacialIndifference-Bold.eot#iefix') format('embedded-opentype'),
-         url('https://delay.cloud/fonts/roboto-regular-webfont.woff') format('woff');
+        url('https://www.delay.cloud/fonts/GlacialIndifference/GlacialIndifference-Bold.woff2') format('woff2'),
+        url('https://www.delay.cloud/fonts/GlacialIndifference/GlacialIndifference-Bold.woff') format('woff'),
+        url('https://www.delay.cloud/fonts/GlacialIndifference/GlacialIndifference-Bold.ttf') format('truetype'),
+        url('https://www.delay.cloud/fonts/GlacialIndifference/GlacialIndifference-Bold.svg#GlacialIndifference-Bold') format('svg');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Glacial Indifference';
+    src: url('https://www.delay.cloud/fonts/GlacialIndifference/GlacialIndifference-Regular.eot');
+    src: url('https://www.delay.cloud/fonts/GlacialIndifference/GlacialIndifference-Regular.eot#iefix') format('embedded-opentype'),
+        url('fonts/GlacialIndifference/GlacialIndifference-Regular.woff') format('woff2'),
+        url('fonts/GlacialIndifference/GlacialIndifference-Regular.woff') format('woff'),
+        url('https://www.delay.cloud/fonts/GlacialIndifference/GlacialIndifference-Regular.ttf') format('truetype'),
+        url('https://www.delay.cloud/fonts/GlacialIndifference/GlacialIndifference-Regular.svg#GlacialIndifference-Regular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'CaslonOS';
+    src: url('https://www.delay.cloud/fonts/caslon-os/CaslonOS-Regular.woff2') format('woff2'),
+         url('https://www.delay.cloud/fonts/caslon-os/CaslonOS-Regular.woff') format('woff');
 }
 
 @keyframes fade {
-    from {opacity: 0%; border-color: #1E1E1E;}
+    from {opacity: 5%; border-color: #07121B;}
-    to {opacity: 100%; border-color: #1E1E1E;}
+    to {opacity: 100%; border-color: #07121B;}
 }
 
 @keyframes fadeup {
-    from {opacity: -100%; margin-top: 10vh;}
+    from {opacity: 5%; margin-top: 1vh;}
     to {opacity: 100%; margin-top: relative;}
 }
 
 @keyframes fadegrow {
-    from {opacity: 0%; width: 0;}
+    from {opacity: 0%; width: calc(5vh + 5vw);}
     to {opacity: 100%; width: calc(20vh + 20vw);}
 }
 
 @keyframes bgcolor {
-    from {color: #FFFFFF;}
+    from {color: #BEBEBE;}
-    to {color: #1E1E1E;}
+    to {color: #07121B;}
 }
 
 h1 {
-    font-family: 'Roboto', sans-serif;
+    font-family: 'Glacial Indifference';
     margin-top: 40vh;
     margin-bottom: auto;
     font-size: calc(2.5vh + 2.5vw);
     text-align: center;
-    color: #FFFFFF;
+    color: #BEBEBE;
     border-radius: 5px;
-    border: #FFFFFF;
+    border: #BEBEBE;
     border-width: 1vh;
-    transition: 1s;
+    transition: 0.5s;
     animation-name: fade;
-    animation-duration: 3s;
+    animation-duration: 0.5s;
-    animation-delay: -2;
+    animation-delay: 0;
     min-width: 150px;
+    font-weight: bold;
 }
 
 body {
-    background-color: #1E1E1E;
+    background-color: #07121B;
     size: 100%;
+    /*height: 100vh;*/
     animation-name: bgcolor;
-    animation-duration: 3s;
+    animation-duration: 0.5s;
 }
 
 hr {
-    display: calc(0.15vh + 0.15vw) solid #FFFFFF;
+    display: calc(0.15vh + 0.15vw) solid #BEBEBE;
-    border: calc(0.15vh + 0.15vw) solid #FFFFFF;
+    border: calc(0.15vh + 0.15vw) solid #BEBEBE;
-    color: #FFFFFF;
+    color: #BEBEBE;
-    fill: #FFFFFF;
+    fill: #BEBEBE;
     fill-opacity: 100%;
     width: calc(20vh + 20vw);
     border-radius: 5px;
     animation-name: fadegrow;
-    animation-duration: 2s;
+    animation-duration: 1s;
     transition: 1s;
     animation-delay: -3;
-    background-color: #FFFFFF;
+    background-color: #BEBEBE;
 }
 
 p {
-    font-family: 'Roboto', sans-serif;
+    font-family: 'Glacial Indifference';
     text-align: center;
     font-size: calc(1.3vh + 1.3vw);
-    color: #FFFFFF;
+    color: #BEBEBE;
     margin-top: -0.01vh;
     animation-name: fadeup;
     animation-duration: 2s;
-    transition: 1s;
+    transition: 2s;
     animation-delay: -3;
 }
 
@@ -82,18 +109,18 @@ p {
 
 button {
     border-radius: 5px;
-    border-color: #FFFFFF;
+    border-color: #202F3A;
-    color: #1E1E1E;
+    color: #BEBEBE;
     width: calc(7vw + 5vh);
     height: calc(3vw + 1vh);
     text-align: center;
-    background-color: #FFFFFF;
+    background-color: #202F3A;
-    font-family: 'Roboto', sans-serif;
+    font-family: 'Glacial Indifference';
     transition: 1s;
     border-width: 1px;
     font-size: calc(1vw + 1vh);
-    margin-right: 1vh;
+    margin: 0.5vw;
-    border-style: solid;
+    border-style: none;
     animation-name: fade;
     animation-duration: 1s;
     min-width: 60px;
@@ -102,74 +129,90 @@ button {
 }
 
 @keyframes buttonwhitefade {
-    from {color: #FFFFFF;}
+    from {color: #BEBEBE;}
-    to {color: #CECECE;}
+    to {color: #BEBEBE;}
 }
 
 button:hover {
     border-radius: 5px;
-    color: #1e1e1e;
+    color: #BEBEBE;
-    border-color: #949494;
+    border-color: #2D4251;
     text-align: center;
-    background-color: #949494;
+    background-color: #2D4251;
-    transition: 1s;
+    transition: 0.75s;
     cursor: pointer;
 }
 
 .b2 {
     border-radius: 5px;
-    border-color: #363636;
+    border-color: #2D4251;
-    color: #ffffff;
+    color: #BEBEBE;
     width: calc(7vw + 5vh);
     height: calc(3vw + 1vh);
     text-align: center;
-    background-color: #363636;
+    background-color: #111920;
-    font-family: 'Roboto', sans-serif;
+    font-family: 'Glacial Indifference';
     border-width: 2px;
     font-size: calc(1vw + 1vh);
-    transition: 1s;
+    margin-top: calc(0.75vw + 0.25vh);
-    margin-right: 1vh;
+    margin: 0.5vw;
-    border-style: solid;
+    border-style: none;
     animation-name: fade;
-    animation-duration: 1s;
+    animation-duration: 0.75s;
 }
 
 .b2:hover {
     border-radius: 5px;
-    color: #ffffff;
+    color: #BEBEBE;
     border-color: #363636;
     text-align: center;
-    background-color: #202020;
+    background-color: #0E2533;
-    transition: 1s;
     cursor: pointer;
 }
 
+nav {
+    height: calc(3vw + 1vw + 1vh + 1vh);
+    padding: 0;
+    width: calc(25vw + 1vw + 20vh + 1vh);
+    animation-name: fade;
+    animation-duration: 0.75s;
+    background-color: #050C12;
+    border-radius: 5px;
+    min-height: 38px;
+    min-width: 220px;
+    transition: 0.75s;
+    margin-left: auto;
+    margin-right: auto;
+}
+
 .footer {
-    background-color: #1E1E1E;
+    background-color: #07121B;
-    border-color: #1E1E1E;
+    border-color: #07121B;
     border-style: solid;
     border-width: 0.25vh;
-    color: #ffffff;
+    color: #BEBEBE;
-    padding-bottom: 1vh;
+    padding-bottom: 0vh;
-    padding-top: 1vh;
+    padding-top: 0vh;
-    margin-bottom: 2vh;
+    margin-bottom: 0vh;
-    border-radius: 5px;
+    height: 5vh;
+    border-radius: 0px;
     transition: 1s;
     animation-name: fade;
     animation-duration: 2s;
-    font-family: 'Roboto', sans-serif;
+    font-family: 'Glacial Indifference';
     text-align: center;
-    font-size: calc(1vh + 1vw);
+    font-size: calc(0.75vh + 0.75vw);
     position: fixed;
     bottom: 0;
     right: 0%;
-    width: 95%;
+    width: 100%;
     box-sizing: border-box;
     display: inline-block;
-    margin-right: 2.5%;
+    margin-right: 0%;
+    margin-left: 2.5%;
 }
 
 html {
-    background-color: #1E1E1E;
+    background-color: #07121B;
-    color:#1E1E1E
+    color:#07121B
 }