Compare commits
5 Commits
dde0f523a8
...
0f3564eaa2
| Author | SHA1 | Date | |
|---|---|---|---|
| 0f3564eaa2 | |||
| 5514197ce4 | |||
| b7e6a9c585 | |||
| 8c55ee5871 | |||
| 8c13782ffb |
@ -17,7 +17,7 @@ a:hover {
|
||||
}
|
||||
|
||||
#background-image {
|
||||
background-image: url("https://cdn.enp.one/img/backgrounds/cl-photo-boston.jpg");
|
||||
background-image: url("https://cdn.enp.one/img/backgrounds/cl-photo-allis.jpg");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
@ -46,7 +46,6 @@ a:hover {
|
||||
|
||||
padding: 1em;
|
||||
|
||||
/* width: 40em; */
|
||||
max-width: 90%;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-style: solid;
|
||||
@ -142,3 +141,70 @@ ul.buttons li {
|
||||
.footer {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.fadeout {
|
||||
-webkit-animation: fadeout 0.25s linear 1;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
animation: fadeout 0.25s linear 1;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
#preloader {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
background-color: black;
|
||||
z-index: 100;
|
||||
margin: 0;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
position: relative;
|
||||
backface-visibility: hidden;
|
||||
transform-origin: 0 0;
|
||||
transform: translate(-50%, -50%);
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
|
||||
background-size: contain;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.spinner div {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: 20px solid rgba(213, 213, 213, 1);
|
||||
border-top-color: transparent;
|
||||
border-radius: 50%;
|
||||
animation: spinner 1.5s linear infinite;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeout {
|
||||
0% {opacity: 1;}
|
||||
100% {opacity: 0;}
|
||||
}
|
||||
|
||||
@keyframes fadeout {
|
||||
0% {opacity: 1;}
|
||||
100% {opacity: 0;}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spinner {
|
||||
0% { transform: translate(-50%,-50%) rotate(0deg); }
|
||||
100% { transform: translate(-50%,-50%) rotate(360deg); }
|
||||
}
|
||||
|
||||
@keyframes spinner {
|
||||
0% { transform: translate(-50%,-50%) rotate(0deg); }
|
||||
100% { transform: translate(-50%,-50%) rotate(360deg); }
|
||||
}
|
||||
|
||||
13
index.html
13
index.html
@ -18,15 +18,19 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
|
||||
|
||||
<script type="text/javascript" src="js/custom.js"></script>
|
||||
|
||||
<noscript><style>.nojs {display: none;}</style></noscript>
|
||||
</head>
|
||||
|
||||
<body onload="setBackground()">
|
||||
<body>
|
||||
<div id="background-image"></div>
|
||||
|
||||
<div id="preloader" class="nojs"><div class="spinner"><div></div></div></div>
|
||||
|
||||
<div id="content">
|
||||
<img id="logo" src="https://cdn.enp.one/img/logos/aah-md.jpg"/>
|
||||
|
||||
<h1>AllAroundHere</h1>
|
||||
<h1>All Around Here</h1>
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||
@ -56,9 +60,10 @@
|
||||
</div>
|
||||
|
||||
<div id="background-info">
|
||||
<i><a href="" target="_blank" id="background-info-link">
|
||||
<i>
|
||||
<a href="" target="_blank" id="background-info-link"></a>
|
||||
Allis Engine #4, Metropolitan Waterworks Museum
|
||||
</a></i>
|
||||
</i>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
14
js/custom.js
14
js/custom.js
@ -78,7 +78,7 @@ function selectBackground() {
|
||||
}
|
||||
|
||||
|
||||
function setBackground() {
|
||||
window.addEventListener("DOMContentLoaded", function () {
|
||||
let selected = selectBackground()
|
||||
|
||||
document.getElementById(
|
||||
@ -92,4 +92,14 @@ function setBackground() {
|
||||
document.getElementById(
|
||||
"background-info-link"
|
||||
).href = selected.source;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
window.addEventListener("load", async function () {
|
||||
document.getElementById("preloader").classList.add("fadeout");
|
||||
// I don't actually know how promises or async works
|
||||
// ¯\_(ツ)_/¯
|
||||
// https://stackoverflow.com/questions/951021/what-is-the-javascript-version-of-sleep
|
||||
await new Promise(r => setTimeout(r, 250))
|
||||
document.getElementById("preloader").style.display = "none";
|
||||
});
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
User-agent: *
|
||||
|
||||
# Disallow access to non-content directories
|
||||
Disallow: /_error
|
||||
Disallow: /css
|
||||
Disallow: /js
|
||||
|
||||
|
||||
16
sitemap.xml
Normal file
16
sitemap.xml
Normal file
@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset
|
||||
xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||
xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
|
||||
http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
|
||||
<!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://allaroundhere.org/</loc>
|
||||
<lastmod>2021-02-01T00:30:55+00:00</lastmod>
|
||||
<priority>1.00</priority>
|
||||
</url>
|
||||
|
||||
</urlset>
|
||||
Loading…
Reference in New Issue
Block a user