Compare commits

...

4 Commits
exp ... devel

Author SHA1 Message Date
5f790ca729
Migreate to use cdn.enpaul.net CDN URL 2025-05-15 14:44:18 -04:00
8ef3e29a73
Move static content into dedicated subpath to support automated deployments 2024-02-27 14:33:55 -05:00
fc6d532f6b
2024 updates
Update copyright
Remove twitter integration
Remove twitter social link
2024-02-27 14:32:28 -05:00
bdc4c3710c
Add fade in to explore button animation 2023-01-15 22:49:31 -05:00
5 changed files with 35 additions and 40 deletions

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;
@ -131,12 +131,12 @@ ul.buttons li {
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 {

View File

@ -16,28 +16,20 @@
content="travel photography explore exploration urbex urban nature all around here local museum history historical society" content="travel photography explore exploration urbex urban nature all around here local museum history historical society"
/> />
<!-- Facebook integration meta --> <!-- Opengraph integration meta -->
<meta property="og:title" content="All Around Here"/> <meta property="og:title" content="All Around Here"/>
<meta property="og:url" content="https://allaroundhere.org/explore/"/> <meta property="og:url" content="https://allaroundhere.org/explore/"/>
<meta property='og:site_name' content="All Around Here"/> <meta property='og:site_name' content="All Around Here"/>
<meta property="og:type" content="website"/> <meta property="og:type" content="website"/>
<meta property='og:locale' content="en_US"/> <meta property='og:locale' content="en_US"/>
<meta property="og:image" content="https://cdn.enp.one/img/backgrounds/cl-photo-boston.jpg"/> <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"/> <meta property='og:description' content="Some of the best places are all around here"/>
<!-- Twitter integration meta -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="https://allaroundhere.org/explore/">
<meta name="twitter:title" content="All Around Here">
<meta name="twitter:description" content="Some of the best places are all around here">
<meta name="twitter:image" content="https://cdn.enp.one/img/backgrounds/cl-photo-boston.jpg">
<meta name="twitter:image:alt" content="All Around Here">
<title>All Around Here</title> <title>All Around Here</title>
<link rel="shortcut icon" href="https://cdn.enp.one/img/logos/aah-b-sm.png"> <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.enp.one/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.enp.one/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.enp.one/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="css/style.css"/>
<link <link
@ -61,7 +53,7 @@
<img <img
id="logo" id="logo"
alt="Road to the great wide nowhere" alt="Road to the great wide nowhere"
src="https://cdn.enp.one/img/logos/aah-md.jpg" src="https://cdn.enpaul.net/img/logos/aah-md.jpg"
/> />
<h1>All Around Here</h1> <h1>All Around Here</h1>
@ -97,16 +89,9 @@
> >
<i class="fab fa-instagram"></i> <i class="fab fa-instagram"></i>
</a> </a>
<a
class="button twitter"
title="Follow me on twitter @enpaul_"
href="https://www.twitter.com/enpaul_/"
>
<i class="fab fa-twitter"></i>
</a>
</div> </div>
<div> <div>
<a title="Personal website" href="https://enpaul.net/">&copy;2021 enpaul</a> <a title="Personal website" href="https://enpaul.net/">&copy;2024 enpaul</a>
</div> </div>
</footer> </footer>
</div> </div>

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: ""
} }