enpaul/allaroundhere.org
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: enpaul:b8baf8a32670022d081340573f0c31dc9a3622ab
Branches Tags
enpaul:devel enpaul:exp
..
compare: enpaul:devel
Branches Tags
enpaul:devel enpaul:exp

7 Commits
b8baf8a326 ... devel

Author SHA1 Message Date
Ethan Paul
5f790ca729 Migreate to use cdn.enpaul.net CDN URL 2025-05-15 14:44:18 -04:00
Ethan Paul
8ef3e29a73 Move static content into dedicated subpath to support automated deployments 2024-02-27 14:33:55 -05:00
Ethan Paul
fc6d532f6b 2024 updates 
Update copyright
Remove twitter integration
Remove twitter social link
 2024-02-27 14:32:28 -05:00
Ethan Paul
bdc4c3710c Add fade in to explore button animation 2023-01-15 22:49:31 -05:00
Ethan Paul
32d7f4d848 Fix undeclared character encoding on homepage 
Update vertical position of homepage content block
 2021-04-03 11:53:55 -04:00
Ethan Paul
68c05bd4d5 Add social integrations, improve link access, improve source formatting 2021-03-20 12:13:43 -04:00
Ethan Paul
ae97ac3b58 Fix backing shadow on explore button to improve readability 2021-03-20 12:13:25 -04:00
6 changed files with 129 additions and 86 deletions
Expand all files Collapse all files

22
css/style.css → content/css/style.css
View File

@@ -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.enpaul.net/img/backgrounds/cl-photo-allis.jpg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; 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); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
position: absolute; position: absolute;
top: 20%; top: 15%;
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
z-index: 10; z-index: 10;
@@ -124,19 +124,19 @@ ul.buttons li {
.button.nav:hover { .button.nav:hover {
text-shadow: 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,
5px -5px 10px #fff, 5px -5px 10px #fff,
5px 5px 10px #fff; 5px 5px 10px #fff;
-webkit-animation-name: pulse; -webkit-animation-name: pulse;
-webkit-animation-duration: 5s; -webkit-animation-duration: 6s;
-webkit-animation-timing-function: linear; -webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
-webkit-animation-fill-mode: none; -webkit-animation-fill-mode: none;
animation-name: pulse; animation-name: pulse;
animation-duration: 5s; animation-duration: 6s;
animation-timing-function: linear; animation-timing-function: linear;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-fill-mode: none; animation-fill-mode: none;
@@ -229,6 +229,11 @@ footer a.button i {
@keyframes pulse { @keyframes pulse {
0% { 0% {
box-shadow:
0px 0px 15px 3px rgba(0,0,0,0),
0px 0px 15px 3px rgba(0,0,0,0);
}
3% {
box-shadow: box-shadow:
0px 0px 15px 3px #fff, 0px 0px 15px 3px #fff,
0px 0px 15px 3px #88a9fc; 0px 0px 15px 3px #88a9fc;
@@ -263,11 +268,16 @@ footer a.button i {
-10px 10px 15px 3px #fff, -10px 10px 15px 3px #fff,
10px -10px 15px 3px #88a9fc; 10px -10px 15px 3px #88a9fc;
} }
100% { 97% {
box-shadow: box-shadow:
0px 0px 15px 3px #b5f7fc, 0px 0px 15px 3px #b5f7fc,
0px 0px 15px 3px #88a9fc; 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 { @-webkit-keyframes spinner {

100
content/index.html Normal file
View 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>&nbsp;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/">&copy;2024 enpaul</a>
</div>
</footer>
</div>
</body>
</html>

26
js/custom.js → content/js/custom.js
View File

@@ -2,67 +2,67 @@
const BACKGROUND_IMAGES = [ 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", description: "Allis Engine #4, Metropolitan Waterworks Museum",
source: "" 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", description: "Charles River Basin and Skyline",
source: "" 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", description: "Mile-High City Skyline",
source: "" 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", description: "Geese and Goslings on the banks of the Charles River",
source: "" 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", description: "Bay Point Hotel, Lake Winnipesaukee",
source: "" 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", description: "Hydroelectric Dam on the St. Lawrence River",
source: "" 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", description: "The Middle Falls in Letchworth State Park",
source: "" 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", description: "Robert W. Woodruff Library at Emory University",
source: "" 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", description: "Nubble Lighthouse",
source: "" 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", description: "Old vs New MBTA Green Line",
source: "" 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", description: "Icy Stormy Shoreline at Brenton Point",
source: "" 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", description: "Northern end of the Route 112 Scenic Byway",
source: "" 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", description: "Enterprise Engineering Systems at the Star Trek Set Museum",
source: "" source: ""
} }

0
robots.txt → content/robots.txt
View File

0
sitemap.xml → content/sitemap.xml
View File

67
index.html
View File

@@ -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>&nbsp;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>
&copy;2021
<a href="https://enpaul.net/">enpaul</a>
</div>
</footer>
</div>
</body>
</html>