Compare commits
No commits in common. "0f3564eaa25c89bc64895a19f494587fa71bd30b" and "dde0f523a87fe9d6ffc941afa9bb16050c493294" have entirely different histories.
0f3564eaa2
...
dde0f523a8
@ -17,7 +17,7 @@ a:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#background-image {
|
#background-image {
|
||||||
background-image: url("https://cdn.enp.one/img/backgrounds/cl-photo-allis.jpg");
|
background-image: url("https://cdn.enp.one/img/backgrounds/cl-photo-boston.jpg");
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
@ -46,6 +46,7 @@ a:hover {
|
|||||||
|
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
|
|
||||||
|
/* width: 40em; */
|
||||||
max-width: 90%;
|
max-width: 90%;
|
||||||
background-color: rgba(255, 255, 255, 0.2);
|
background-color: rgba(255, 255, 255, 0.2);
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
@ -141,70 +142,3 @@ ul.buttons li {
|
|||||||
.footer {
|
.footer {
|
||||||
font-size: 0.9em;
|
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,19 +18,15 @@
|
|||||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
|
<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>
|
<script type="text/javascript" src="js/custom.js"></script>
|
||||||
|
|
||||||
<noscript><style>.nojs {display: none;}</style></noscript>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body onload="setBackground()">
|
||||||
<div id="background-image"></div>
|
<div id="background-image"></div>
|
||||||
|
|
||||||
<div id="preloader" class="nojs"><div class="spinner"><div></div></div></div>
|
|
||||||
|
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<img id="logo" src="https://cdn.enp.one/img/logos/aah-md.jpg"/>
|
<img id="logo" src="https://cdn.enp.one/img/logos/aah-md.jpg"/>
|
||||||
|
|
||||||
<h1>All Around Here</h1>
|
<h1>AllAroundHere</h1>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||||
@ -60,10 +56,9 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="background-info">
|
<div id="background-info">
|
||||||
<i>
|
<i><a href="" target="_blank" id="background-info-link">
|
||||||
<a href="" target="_blank" id="background-info-link"></a>
|
|
||||||
Allis Engine #4, Metropolitan Waterworks Museum
|
Allis Engine #4, Metropolitan Waterworks Museum
|
||||||
</i>
|
</a></i>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
14
js/custom.js
14
js/custom.js
@ -78,7 +78,7 @@ function selectBackground() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
window.addEventListener("DOMContentLoaded", function () {
|
function setBackground() {
|
||||||
let selected = selectBackground()
|
let selected = selectBackground()
|
||||||
|
|
||||||
document.getElementById(
|
document.getElementById(
|
||||||
@ -92,14 +92,4 @@ window.addEventListener("DOMContentLoaded", function () {
|
|||||||
document.getElementById(
|
document.getElementById(
|
||||||
"background-info-link"
|
"background-info-link"
|
||||||
).href = selected.source;
|
).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,6 +2,7 @@
|
|||||||
User-agent: *
|
User-agent: *
|
||||||
|
|
||||||
# Disallow access to non-content directories
|
# Disallow access to non-content directories
|
||||||
|
Disallow: /_error
|
||||||
Disallow: /css
|
Disallow: /css
|
||||||
Disallow: /js
|
Disallow: /js
|
||||||
|
|
||||||
|
16
sitemap.xml
16
sitemap.xml
@ -1,16 +0,0 @@
|
|||||||
<?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