Skip to content

Commit

Permalink
deploy: 5c4de0e
Browse files Browse the repository at this point in the history
  • Loading branch information
ezramechaber committed Aug 22, 2024
1 parent a8d7695 commit 40786e8
Show file tree
Hide file tree
Showing 443 changed files with 16,436 additions and 0 deletions.
194 changes: 194 additions & 0 deletions 1/index.html
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>
194 changes: 194 additions & 0 deletions 10/index.html
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>
Loading

0 comments on commit 40786e8

Please sign in to comment.