Compare commits
7 Commits
b8baf8a326
...
devel
| Author | SHA1 | Date | |
|---|---|---|---|
|
5f790ca729
|
|||
|
8ef3e29a73
|
|||
|
fc6d532f6b
|
|||
|
bdc4c3710c
|
|||
| 32d7f4d848 | |||
| 68c05bd4d5 | |||
| ae97ac3b58 |
@@ -17,7 +17,7 @@ a:hover {
|
||||
}
|
||||
|
||||
#background-image {
|
||||
background-image: url("https://cdn.enp.one/img/backgrounds/cl-photo-allis.jpg");
|
||||
background-image: url("https://cdn.enpaul.net/img/backgrounds/cl-photo-allis.jpg");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
@@ -56,7 +56,7 @@ a:hover {
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
|
||||
|
||||
position: absolute;
|
||||
top: 20%;
|
||||
top: 15%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, 0);
|
||||
z-index: 10;
|
||||
@@ -124,19 +124,19 @@ ul.buttons li {
|
||||
|
||||
.button.nav:hover {
|
||||
text-shadow:
|
||||
0px 0px 5px #000,
|
||||
0px 0px 7px #000,
|
||||
-5px -5px 10px #fff,
|
||||
-5px 5px 10px #fff,
|
||||
5px -5px 10px #fff,
|
||||
5px 5px 10px #fff;
|
||||
|
||||
-webkit-animation-name: pulse;
|
||||
-webkit-animation-duration: 5s;
|
||||
-webkit-animation-duration: 6s;
|
||||
-webkit-animation-timing-function: linear;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
-webkit-animation-fill-mode: none;
|
||||
animation-name: pulse;
|
||||
animation-duration: 5s;
|
||||
animation-duration: 6s;
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
animation-fill-mode: none;
|
||||
@@ -229,6 +229,11 @@ footer a.button i {
|
||||
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
box-shadow:
|
||||
0px 0px 15px 3px rgba(0,0,0,0),
|
||||
0px 0px 15px 3px rgba(0,0,0,0);
|
||||
}
|
||||
3% {
|
||||
box-shadow:
|
||||
0px 0px 15px 3px #fff,
|
||||
0px 0px 15px 3px #88a9fc;
|
||||
@@ -263,11 +268,16 @@ footer a.button i {
|
||||
-10px 10px 15px 3px #fff,
|
||||
10px -10px 15px 3px #88a9fc;
|
||||
}
|
||||
100% {
|
||||
97% {
|
||||
box-shadow:
|
||||
0px 0px 15px 3px #b5f7fc,
|
||||
0px 0px 15px 3px #88a9fc;
|
||||
}
|
||||
100% {
|
||||
box-shadow:
|
||||
0px 0px 15px 3px rgba(0,0,0,0),
|
||||
0px 0px 15px 3px rgba(0,0,0,0);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spinner {
|
||||
100
content/index.html
Normal file
100
content/index.html
Normal file
@@ -0,0 +1,100 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
|
||||
<meta content="utf-8" http-equiv="encoding">
|
||||
|
||||
<!-- Web crawler and search indexing meta -->
|
||||
<meta charset="utf-8"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
<meta name="author" content="admin@allaroundhere.org"/>
|
||||
<meta name="description" content="Some of the best places are all around here"/>
|
||||
<meta name="robots" content="index follow"/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="travel photography explore exploration urbex urban nature all around here local museum history historical society"
|
||||
/>
|
||||
|
||||
<!-- Opengraph integration meta -->
|
||||
<meta property="og:title" content="All Around Here"/>
|
||||
<meta property="og:url" content="https://allaroundhere.org/explore/"/>
|
||||
<meta property='og:site_name' content="All Around Here"/>
|
||||
<meta property="og:type" content="website"/>
|
||||
<meta property='og:locale' content="en_US"/>
|
||||
<meta property="og:image" content="https://cdn.enpaul.net/img/backgrounds/cl-photo-boston.jpg"/>
|
||||
<meta property='og:description' content="Some of the best places are all around here"/>
|
||||
|
||||
<title>All Around Here</title>
|
||||
<link rel="shortcut icon" href="https://cdn.enpaul.net/img/logos/aah-b-sm.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="https://cdn.enpaul.net/img/logos/aah-b-sm.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.enpaul.net/img/logos/aah-b-sm.png" >
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="https://cdn.enpaul.net/img/logos/aah-b-sm.png">
|
||||
|
||||
<link rel="stylesheet" href="css/style.css"/>
|
||||
<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>
|
||||
<div id="background-image"></div>
|
||||
|
||||
<div id="preloader" class="nojs"><div class="spinner"><div></div></div></div>
|
||||
|
||||
<div id="content">
|
||||
<img
|
||||
id="logo"
|
||||
alt="Road to the great wide nowhere"
|
||||
src="https://cdn.enpaul.net/img/logos/aah-md.jpg"
|
||||
/>
|
||||
|
||||
<h1>All Around Here</h1>
|
||||
|
||||
<p>
|
||||
This is a project of mine where I turn my random travels, undirected wanderings, and
|
||||
unexpected discoveries into something other people can enjoy along with me. There are a
|
||||
lot of cool things in the world and I like to find them, wherever I happen to be. If you're
|
||||
interested in seeing some of these arbitrary oddities then check out the links below.
|
||||
</p>
|
||||
|
||||
<ul class="buttons">
|
||||
<li>
|
||||
<a class="button nav" title="Explore All Around Here" href="explore/">
|
||||
<i class="fas fa-binoculars"></i> Explore
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<footer>
|
||||
<div>
|
||||
<!-- <a
|
||||
class="button youtube"
|
||||
title="Subscribe to All Around Here on YouTube"
|
||||
href="https://www.instagram.com/allaroundhere/"
|
||||
>
|
||||
<i class="fab fa-youtube"></i>
|
||||
</a> -->
|
||||
<a
|
||||
class="button instagram"
|
||||
title="Follow All Around Here on instagram @allaroundhere"
|
||||
href="https://www.instagram.com/allaroundhere/"
|
||||
>
|
||||
<i class="fab fa-instagram"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a title="Personal website" href="https://enpaul.net/">©2024 enpaul</a>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -2,67 +2,67 @@
|
||||
|
||||
const BACKGROUND_IMAGES = [
|
||||
{
|
||||
url: "https://cdn.enp.one/img/backgrounds/cl-photo-allis.jpg",
|
||||
url: "https://cdn.enpaul.net/img/backgrounds/cl-photo-allis.jpg",
|
||||
description: "Allis Engine #4, Metropolitan Waterworks Museum",
|
||||
source: ""
|
||||
},
|
||||
{
|
||||
url: "https://cdn.enp.one/img/backgrounds/cl-photo-boston.jpg",
|
||||
url: "https://cdn.enpaul.net/img/backgrounds/cl-photo-boston.jpg",
|
||||
description: "Charles River Basin and Skyline",
|
||||
source: ""
|
||||
},
|
||||
{
|
||||
url: "https://cdn.enp.one/img/backgrounds/cl-photo-denver.jpg",
|
||||
url: "https://cdn.enpaul.net/img/backgrounds/cl-photo-denver.jpg",
|
||||
description: "Mile-High City Skyline",
|
||||
source: ""
|
||||
},
|
||||
{
|
||||
url: "https://cdn.enp.one/img/backgrounds/cl-photo-geese.jpg",
|
||||
url: "https://cdn.enpaul.net/img/backgrounds/cl-photo-geese.jpg",
|
||||
description: "Geese and Goslings on the banks of the Charles River",
|
||||
source: ""
|
||||
},
|
||||
{
|
||||
url: "https://cdn.enp.one/img/backgrounds/cl-photo-hotel.jpg",
|
||||
url: "https://cdn.enpaul.net/img/backgrounds/cl-photo-hotel.jpg",
|
||||
description: "Bay Point Hotel, Lake Winnipesaukee",
|
||||
source: ""
|
||||
},
|
||||
{
|
||||
url: "https://cdn.enp.one/img/backgrounds/cl-photo-lawrencedam.jpg",
|
||||
url: "https://cdn.enpaul.net/img/backgrounds/cl-photo-lawrencedam.jpg",
|
||||
description: "Hydroelectric Dam on the St. Lawrence River",
|
||||
source: ""
|
||||
},
|
||||
{
|
||||
url: "https://cdn.enp.one/img/backgrounds/cl-photo-letchworth.jpg",
|
||||
url: "https://cdn.enpaul.net/img/backgrounds/cl-photo-letchworth.jpg",
|
||||
description: "The Middle Falls in Letchworth State Park",
|
||||
source: ""
|
||||
},
|
||||
{
|
||||
url: "https://cdn.enp.one/img/backgrounds/cl-photo-library.jpg",
|
||||
url: "https://cdn.enpaul.net/img/backgrounds/cl-photo-library.jpg",
|
||||
description: "Robert W. Woodruff Library at Emory University",
|
||||
source: ""
|
||||
},
|
||||
{
|
||||
url: "https://cdn.enp.one/img/backgrounds/cl-photo-lighthouse.jpg",
|
||||
url: "https://cdn.enpaul.net/img/backgrounds/cl-photo-lighthouse.jpg",
|
||||
description: "Nubble Lighthouse",
|
||||
source: ""
|
||||
},
|
||||
{
|
||||
url: "https://cdn.enp.one/img/backgrounds/cl-photo-mbta.jpg",
|
||||
url: "https://cdn.enpaul.net/img/backgrounds/cl-photo-mbta.jpg",
|
||||
description: "Old vs New MBTA Green Line",
|
||||
source: ""
|
||||
},
|
||||
{
|
||||
url: "https://cdn.enp.one/img/backgrounds/cl-photo-rockyshore.jpg",
|
||||
url: "https://cdn.enpaul.net/img/backgrounds/cl-photo-rockyshore.jpg",
|
||||
description: "Icy Stormy Shoreline at Brenton Point",
|
||||
source: ""
|
||||
},
|
||||
{
|
||||
url: "https://cdn.enp.one/img/backgrounds/cl-photo-rt112.jpg",
|
||||
url: "https://cdn.enpaul.net/img/backgrounds/cl-photo-rt112.jpg",
|
||||
description: "Northern end of the Route 112 Scenic Byway",
|
||||
source: ""
|
||||
},
|
||||
{
|
||||
url: "https://cdn.enp.one/img/backgrounds/cl-photo-startrek.jpg",
|
||||
url: "https://cdn.enpaul.net/img/backgrounds/cl-photo-startrek.jpg",
|
||||
description: "Enterprise Engineering Systems at the Star Trek Set Museum",
|
||||
source: ""
|
||||
}
|
||||
67
index.html
67
index.html
@@ -1,67 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Web crawler and search indexing meta -->
|
||||
<meta charset="utf-8"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
<meta name="author" content="admin@allaroundhere.org"/>
|
||||
<meta name="description" content=""/>
|
||||
<meta name="keywords" content=""/>
|
||||
|
||||
<title>All Around Here</title>
|
||||
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<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>
|
||||
<div id="background-image"></div>
|
||||
|
||||
<div id="preloader" class="nojs"><div class="spinner"><div></div></div></div>
|
||||
|
||||
<div id="content">
|
||||
<img id="logo" alt="Road to the great wide nowhere" src="https://cdn.enp.one/img/logos/aah-md.jpg"/>
|
||||
|
||||
<h1>All Around Here</h1>
|
||||
|
||||
<p>
|
||||
This is a project of mine where I turn my random travels, undirected wanderings, and
|
||||
unexpected discoveries into something other people can enjoy along with me. There are a
|
||||
lot of cool things in the world and I like to find them, wherever I happen to be. If you're
|
||||
interested in seeing some of these arbitrary oddities then check out the links below.
|
||||
</p>
|
||||
|
||||
<ul class="buttons">
|
||||
<li>
|
||||
<a class="button nav" href="explore/">
|
||||
<i class="fas fa-binoculars"></i> Explore
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<footer>
|
||||
<div>
|
||||
<!-- <a class="button youtube" href="https://www.instagram.com/allaroundhere/">
|
||||
<i class="fab fa-youtube"></i>
|
||||
</a> -->
|
||||
<a class="button twitter" href="https://www.twitter.com/enpaul_/">
|
||||
<i class="fab fa-twitter"></i>
|
||||
</a>
|
||||
<a class="button instagram" href="https://www.instagram.com/allaroundhere/">
|
||||
<i class="fab fa-instagram"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
©2021
|
||||
<a href="https://enpaul.net/">enpaul</a>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user