Skip to content

Commit

Permalink
Changed output from build to docs for static site
Browse files Browse the repository at this point in the history
  • Loading branch information
ezramechaber committed Aug 22, 2024
1 parent 6fb1c21 commit 5bd4734
Show file tree
Hide file tree
Showing 455 changed files with 19,894 additions and 0 deletions.
195 changes: 195 additions & 0 deletions docs/1/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,195 @@
<!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>99</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/23-08-2021-33363336/">
<noscript>
<img class="pure-img" alt="OLYMPUS DIGITAL CAMERA" src="/photos/w960/23_08_2021_043336.jpg">
</noscript>
<img class="lazy pure-img" src="/photos/blur/23_08_2021_043336.jpg" alt="OLYMPUS DIGITAL CAMERA" data-src="/photos/w960/23_08_2021_043336.jpg">
</a>
<figcaption class="text-container">
Ezra took this photo on <a href="/photo/23-08-2021-33363336/"><time>Monday, August 23, 2021</time></a>.
</figcaption>
</figure>
</article>




<article class="photo-entry pure-u-1 pure-u-lg-7-8">
<figure>
<a href="/photo/23-08-2021-28182818/">
<noscript>
<img class="pure-img" alt="OLYMPUS DIGITAL CAMERA" src="/photos/w960/23_08_2021_042818.jpg">
</noscript>
<img class="lazy pure-img" src="/photos/blur/23_08_2021_042818.jpg" alt="OLYMPUS DIGITAL CAMERA" data-src="/photos/w960/23_08_2021_042818.jpg">
</a>
<figcaption class="text-container">
Ezra took this photo on <a href="/photo/23-08-2021-28182818/"><time>Monday, August 23, 2021</time></a>.
</figcaption>
</figure>
</article>




<article class="photo-entry pure-u-1 pure-u-lg-7-8">
<figure>
<a href="/photo/23-08-2021-29142914/">
<noscript>
<img class="pure-img" alt="OLYMPUS DIGITAL CAMERA" src="/photos/w960/23_08_2021_032914.jpg">
</noscript>
<img class="lazy pure-img" src="/photos/blur/23_08_2021_032914.jpg" alt="OLYMPUS DIGITAL CAMERA" data-src="/photos/w960/23_08_2021_032914.jpg">
</a>
<figcaption class="text-container">
Ezra took this photo on <a href="/photo/23-08-2021-29142914/"><time>Monday, August 23, 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-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>

</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="/24/">25</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>
195 changes: 195 additions & 0 deletions docs/10/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,195 @@
<!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>99</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-34273427/">
<noscript>
<img class="pure-img" alt="OLYMPUS DIGITAL CAMERA" src="/photos/w960/07_11_2020_123427.jpg">
</noscript>
<img class="lazy pure-img" src="/photos/blur/07_11_2020_123427.jpg" alt="OLYMPUS DIGITAL CAMERA" data-src="/photos/w960/07_11_2020_123427.jpg">
</a>
<figcaption class="text-container">
Ezra took this photo on <a href="/photo/07-11-2020-34273427/"><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-31413141/">
<noscript>
<img class="pure-img" alt="OLYMPUS DIGITAL CAMERA" src="/photos/w960/07_11_2020_123141.jpg">
</noscript>
<img class="lazy pure-img" src="/photos/blur/07_11_2020_123141.jpg" alt="OLYMPUS DIGITAL CAMERA" data-src="/photos/w960/07_11_2020_123141.jpg">
</a>
<figcaption class="text-container">
Ezra took this photo on <a href="/photo/07-11-2020-31413141/"><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-26252625/">
<noscript>
<img class="pure-img" alt="OLYMPUS DIGITAL CAMERA" src="/photos/w960/07_11_2020_122625.jpg">
</noscript>
<img class="lazy pure-img" src="/photos/blur/07_11_2020_122625.jpg" alt="OLYMPUS DIGITAL CAMERA" data-src="/photos/w960/07_11_2020_122625.jpg">
</a>
<figcaption class="text-container">
Ezra took this photo on <a href="/photo/07-11-2020-26252625/"><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-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>

</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="/24/">25</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 5bd4734

Please sign in to comment.