-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
a8d7695
commit 40786e8
Showing
443 changed files
with
16,436 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,194 @@ | ||
<!DOCTYPE html> | ||
<html lang="en" class="no-js"> | ||
|
||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
<title>Ezra Takes Photos</title> | ||
|
||
<link rel="stylesheet" href="https://unpkg.com/[email protected]/build/base-min.css"> | ||
<link rel="stylesheet" href="https://unpkg.com/[email protected]/build/pure-min.css" integrity="sha384-cg6SkqEOCV1NbJoCu11+bm0NvBRc8IYLRGXkmNrqUBfTjmMYwNKPWBTIKyw9mHNJ" crossorigin="anonymous"> | ||
<link rel="stylesheet" href="/css/style.css" type="text/css"/> | ||
</head> | ||
|
||
<body> | ||
<div id="layout" class="pure-g"> | ||
|
||
<header class="pure-u-1"> | ||
<h1 class="brand-title"><a href="/">Ezra Takes Photos</a></h1> | ||
<h2 class="brand-tagline">Sometimes, photos.</h2> | ||
<div class="subhead"> | ||
|
||
|
||
</div> | ||
</header> | ||
|
||
<main class="pure-u-1"> | ||
<!-- A wrapper for all the blog posts --> | ||
<div class="text-container"><h4>Ezra has taken <mark>95</mark> photos.</h4></div> | ||
<section class="pure-g photo-entries"> | ||
|
||
|
||
|
||
|
||
<article class="photo-entry pure-u-1 pure-u-lg-7-8"> | ||
<figure> | ||
<a href="/photo/22-08-2021-56395639/"> | ||
<noscript> | ||
<img class="pure-img" alt="OLYMPUS DIGITAL CAMERA" src="/photos/w960/22_08_2021_075639.jpg"> | ||
</noscript> | ||
<img class="lazy pure-img" src="/photos/blur/22_08_2021_075639.jpg" alt="OLYMPUS DIGITAL CAMERA" data-src="/photos/w960/22_08_2021_075639.jpg"> | ||
</a> | ||
<figcaption class="text-container"> | ||
Ezra took this photo on <a href="/photo/22-08-2021-56395639/"><time>Sunday, August 22, 2021</time></a>. | ||
</figcaption> | ||
</figure> | ||
</article> | ||
|
||
|
||
|
||
|
||
<article class="photo-entry pure-u-1 pure-u-lg-7-8"> | ||
<figure> | ||
<a href="/photo/22-08-2021-55475547/"> | ||
<noscript> | ||
<img class="pure-img" alt="OLYMPUS DIGITAL CAMERA" src="/photos/w960/22_08_2021_075547.jpg"> | ||
</noscript> | ||
<img class="lazy pure-img" src="/photos/blur/22_08_2021_075547.jpg" alt="OLYMPUS DIGITAL CAMERA" data-src="/photos/w960/22_08_2021_075547.jpg"> | ||
</a> | ||
<figcaption class="text-container"> | ||
Ezra took this photo on <a href="/photo/22-08-2021-55475547/"><time>Sunday, August 22, 2021</time></a>. | ||
</figcaption> | ||
</figure> | ||
</article> | ||
|
||
|
||
|
||
|
||
<article class="photo-entry pure-u-1 pure-u-lg-7-8"> | ||
<figure> | ||
<a href="/photo/22-08-2021-18271827/"> | ||
<noscript> | ||
<img class="pure-img" alt="OLYMPUS DIGITAL CAMERA" src="/photos/w960/22_08_2021_061827.jpg"> | ||
</noscript> | ||
<img class="lazy pure-img" src="/photos/blur/22_08_2021_061827.jpg" alt="OLYMPUS DIGITAL CAMERA" data-src="/photos/w960/22_08_2021_061827.jpg"> | ||
</a> | ||
<figcaption class="text-container"> | ||
Ezra took this photo on <a href="/photo/22-08-2021-18271827/"><time>Sunday, August 22, 2021</time></a>. | ||
</figcaption> | ||
</figure> | ||
</article> | ||
|
||
|
||
|
||
|
||
<article class="photo-entry pure-u-1 pure-u-lg-7-8"> | ||
<figure> | ||
<a href="/photo/22-08-2021-54335433/"> | ||
<noscript> | ||
<img class="pure-img" alt="OLYMPUS DIGITAL CAMERA" src="/photos/w960/22_08_2021_055433.jpg"> | ||
</noscript> | ||
<img class="lazy pure-img" src="/photos/blur/22_08_2021_055433.jpg" alt="OLYMPUS DIGITAL CAMERA" data-src="/photos/w960/22_08_2021_055433.jpg"> | ||
</a> | ||
<figcaption class="text-container"> | ||
Ezra took this photo on <a href="/photo/22-08-2021-54335433/"><time>Sunday, August 22, 2021</time></a>. | ||
</figcaption> | ||
</figure> | ||
</article> | ||
|
||
</section> | ||
</main> | ||
|
||
<nav class="pure-u-1"> | ||
<div class="pure-menu-horizontal"> | ||
<ul class="pure-menu-list"> | ||
|
||
<li class="pure-menu-item"><a class="pure-menu-link" href="/">Previous</a></li> | ||
|
||
<li class="pure-menu-item"><a class="pure-menu-link" href="/">1</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/1/" aria-current="page">2</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/2/">3</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/3/">4</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/4/">5</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/5/">6</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/6/">7</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/7/">8</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/8/">9</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/9/">10</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/10/">11</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/11/">12</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/12/">13</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/13/">14</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/14/">15</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/15/">16</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/16/">17</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/17/">18</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/18/">19</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/19/">20</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/20/">21</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/21/">22</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/22/">23</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/23/">24</a></li> | ||
|
||
<li class="pure-menu-item"><a class="pure-menu-link" href="/2/">Next</a></li> | ||
|
||
</ul> | ||
</div> | ||
</nav> | ||
|
||
<footer class="pure-u-1"> | ||
</footer> | ||
|
||
|
||
|
||
</div> | ||
</body> | ||
<script> | ||
(function () { | ||
'use strict'; | ||
document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); | ||
|
||
// Stolen from: https://scotch.io/tutorials/lazy-loading-images-for-performance-using-intersection-observer | ||
var images = document.querySelectorAll('img.lazy'); | ||
|
||
var options = { | ||
// If the image gets within 50px in the Y axis, start the download. | ||
root: null, // Page as root | ||
rootMargin: '0px', | ||
threshold: 0.1 | ||
}; | ||
|
||
var fetchImage = function (url) { | ||
return new Promise((resolve, reject) => { | ||
var image = new Image(); | ||
image.src = url; | ||
image.onload = resolve; | ||
image.onerror = reject; | ||
}); | ||
} | ||
|
||
var loadImage = function (image) { | ||
var src = image.dataset.src; | ||
fetchImage(src).then(() => { | ||
image.src = src; | ||
}) | ||
} | ||
|
||
var handleIntersection = function (entries, observer) { | ||
entries.forEach(entry => { | ||
if (entry.intersectionRatio > 0) { | ||
loadImage(entry.target) | ||
} | ||
}) | ||
} | ||
|
||
// The observer for the images on the page | ||
var observer = new IntersectionObserver(handleIntersection, options); | ||
images.forEach(function (img) { | ||
observer.observe(img); | ||
}) | ||
})(); | ||
</script> | ||
|
||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,194 @@ | ||
<!DOCTYPE html> | ||
<html lang="en" class="no-js"> | ||
|
||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
<title>Ezra Takes Photos</title> | ||
|
||
<link rel="stylesheet" href="https://unpkg.com/[email protected]/build/base-min.css"> | ||
<link rel="stylesheet" href="https://unpkg.com/[email protected]/build/pure-min.css" integrity="sha384-cg6SkqEOCV1NbJoCu11+bm0NvBRc8IYLRGXkmNrqUBfTjmMYwNKPWBTIKyw9mHNJ" crossorigin="anonymous"> | ||
<link rel="stylesheet" href="/css/style.css" type="text/css"/> | ||
</head> | ||
|
||
<body> | ||
<div id="layout" class="pure-g"> | ||
|
||
<header class="pure-u-1"> | ||
<h1 class="brand-title"><a href="/">Ezra Takes Photos</a></h1> | ||
<h2 class="brand-tagline">Sometimes, photos.</h2> | ||
<div class="subhead"> | ||
|
||
|
||
</div> | ||
</header> | ||
|
||
<main class="pure-u-1"> | ||
<!-- A wrapper for all the blog posts --> | ||
<div class="text-container"><h4>Ezra has taken <mark>95</mark> photos.</h4></div> | ||
<section class="pure-g photo-entries"> | ||
|
||
|
||
|
||
|
||
<article class="photo-entry pure-u-1 pure-u-lg-7-8"> | ||
<figure> | ||
<a href="/photo/07-11-2020-22272227/"> | ||
<noscript> | ||
<img class="pure-img" alt="OLYMPUS DIGITAL CAMERA" src="/photos/w960/07_11_2020_122227.jpg"> | ||
</noscript> | ||
<img class="lazy pure-img" src="/photos/blur/07_11_2020_122227.jpg" alt="OLYMPUS DIGITAL CAMERA" data-src="/photos/w960/07_11_2020_122227.jpg"> | ||
</a> | ||
<figcaption class="text-container"> | ||
Ezra took this photo on <a href="/photo/07-11-2020-22272227/"><time>Saturday, November 7, 2020</time></a>. | ||
</figcaption> | ||
</figure> | ||
</article> | ||
|
||
|
||
|
||
|
||
<article class="photo-entry pure-u-1 pure-u-lg-7-8"> | ||
<figure> | ||
<a href="/photo/07-11-2020-44144414/"> | ||
<noscript> | ||
<img class="pure-img" alt="OLYMPUS DIGITAL CAMERA" src="/photos/w960/07_11_2020_114414.jpg"> | ||
</noscript> | ||
<img class="lazy pure-img" src="/photos/blur/07_11_2020_114414.jpg" alt="OLYMPUS DIGITAL CAMERA" data-src="/photos/w960/07_11_2020_114414.jpg"> | ||
</a> | ||
<figcaption class="text-container"> | ||
Ezra took this photo on <a href="/photo/07-11-2020-44144414/"><time>Saturday, November 7, 2020</time></a>. | ||
</figcaption> | ||
</figure> | ||
</article> | ||
|
||
|
||
|
||
|
||
<article class="photo-entry pure-u-1 pure-u-lg-7-8"> | ||
<figure> | ||
<a href="/photo/07-11-2020-39153915/"> | ||
<noscript> | ||
<img class="pure-img" alt="OLYMPUS DIGITAL CAMERA" src="/photos/w960/07_11_2020_113915.jpg"> | ||
</noscript> | ||
<img class="lazy pure-img" src="/photos/blur/07_11_2020_113915.jpg" alt="OLYMPUS DIGITAL CAMERA" data-src="/photos/w960/07_11_2020_113915.jpg"> | ||
</a> | ||
<figcaption class="text-container"> | ||
Ezra took this photo on <a href="/photo/07-11-2020-39153915/"><time>Saturday, November 7, 2020</time></a>. | ||
</figcaption> | ||
</figure> | ||
</article> | ||
|
||
|
||
|
||
|
||
<article class="photo-entry pure-u-1 pure-u-lg-7-8"> | ||
<figure> | ||
<a href="/photo/19-10-2020-15251525/"> | ||
<noscript> | ||
<img class="pure-img" alt="OLYMPUS DIGITAL CAMERA" src="/photos/w960/19_10_2020_071525.jpg"> | ||
</noscript> | ||
<img class="lazy pure-img" src="/photos/blur/19_10_2020_071525.jpg" alt="OLYMPUS DIGITAL CAMERA" data-src="/photos/w960/19_10_2020_071525.jpg"> | ||
</a> | ||
<figcaption class="text-container"> | ||
Ezra took this photo on <a href="/photo/19-10-2020-15251525/"><time>Monday, October 19, 2020</time></a>. | ||
</figcaption> | ||
</figure> | ||
</article> | ||
|
||
</section> | ||
</main> | ||
|
||
<nav class="pure-u-1"> | ||
<div class="pure-menu-horizontal"> | ||
<ul class="pure-menu-list"> | ||
|
||
<li class="pure-menu-item"><a class="pure-menu-link" href="/9/">Previous</a></li> | ||
|
||
<li class="pure-menu-item"><a class="pure-menu-link" href="/">1</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/1/">2</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/2/">3</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/3/">4</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/4/">5</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/5/">6</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/6/">7</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/7/">8</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/8/">9</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/9/">10</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/10/" aria-current="page">11</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/11/">12</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/12/">13</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/13/">14</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/14/">15</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/15/">16</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/16/">17</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/17/">18</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/18/">19</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/19/">20</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/20/">21</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/21/">22</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/22/">23</a></li> | ||
<li class="pure-menu-item"><a class="pure-menu-link" href="/23/">24</a></li> | ||
|
||
<li class="pure-menu-item"><a class="pure-menu-link" href="/11/">Next</a></li> | ||
|
||
</ul> | ||
</div> | ||
</nav> | ||
|
||
<footer class="pure-u-1"> | ||
</footer> | ||
|
||
|
||
|
||
</div> | ||
</body> | ||
<script> | ||
(function () { | ||
'use strict'; | ||
document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); | ||
|
||
// Stolen from: https://scotch.io/tutorials/lazy-loading-images-for-performance-using-intersection-observer | ||
var images = document.querySelectorAll('img.lazy'); | ||
|
||
var options = { | ||
// If the image gets within 50px in the Y axis, start the download. | ||
root: null, // Page as root | ||
rootMargin: '0px', | ||
threshold: 0.1 | ||
}; | ||
|
||
var fetchImage = function (url) { | ||
return new Promise((resolve, reject) => { | ||
var image = new Image(); | ||
image.src = url; | ||
image.onload = resolve; | ||
image.onerror = reject; | ||
}); | ||
} | ||
|
||
var loadImage = function (image) { | ||
var src = image.dataset.src; | ||
fetchImage(src).then(() => { | ||
image.src = src; | ||
}) | ||
} | ||
|
||
var handleIntersection = function (entries, observer) { | ||
entries.forEach(entry => { | ||
if (entry.intersectionRatio > 0) { | ||
loadImage(entry.target) | ||
} | ||
}) | ||
} | ||
|
||
// The observer for the images on the page | ||
var observer = new IntersectionObserver(handleIntersection, options); | ||
images.forEach(function (img) { | ||
observer.observe(img); | ||
}) | ||
})(); | ||
</script> | ||
|
||
</html> |
Oops, something went wrong.