summaryrefslogtreecommitdiff
path: root/pictures.html
diff options
context:
space:
mode:
Diffstat (limited to 'pictures.html')
-rw-r--r--pictures.html53
1 files changed, 10 insertions, 43 deletions
diff --git a/pictures.html b/pictures.html
index f88ba6c..8ff1aab 100644
--- a/pictures.html
+++ b/pictures.html
@@ -15,49 +15,16 @@
<a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item' href='/music.html'>music</a>&nbsp;<a class='item current' href='/pictures.html'>pictures</a>&nbsp;<a class='item' href='/videos.html'>videos</a>&nbsp;<a class='item' href='/climbing.html'>climbing</a>&nbsp;<a class='item' href='/code.html'>code</a>&nbsp;<a class='item' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/social/create.html'>social</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
</nav>
<div class='post'>
- <a href='https://media.pdp8.info/pictures/20180613_065626.jpeg'><img loading='lazy' width='1536' height='1024' alt='closeup of a floral door decoration' src='https://media.pdp8.info/pictures/www/20180613_065626.webp'></a>
- </div>
- <div class='post'>
- <a href='https://media.pdp8.info/pictures/20200327_090553.jpeg'><img loading='lazy' width='1365' height='1024' alt='peeling paint on a rusty surface' src='https://media.pdp8.info/pictures/www/20200327_090553.webp'></a>
- </div>
- <div class='post'>
- <a href='https://media.pdp8.info/pictures/20220304_170450.jpeg'><img loading='lazy' width='1536' height='1024' alt='close-up of a frozen brook' src='https://media.pdp8.info/pictures/www/20220304_170450.webp'></a>
- </div>
- <div class='post'>
- <a href='https://media.pdp8.info/pictures/20180612_163248.jpeg'><img loading='lazy' width='1536' height='1024' alt='"gonzo" painted with dripping red color on a grey wall with white scratches' src='https://media.pdp8.info/pictures/www/20180612_163248.webp'></a>
- </div>
- <div class='post'>
- <a href='https://media.pdp8.info/pictures/20161227_162541.jpeg'><img loading='lazy' width='1536' height='1024' alt='crumbling paint on a wall' src='https://media.pdp8.info/pictures/www/20161227_162541.webp'></a>
- </div>
- <div class='post'>
- <a href='https://media.pdp8.info/pictures/20190104_143903.jpeg'><img loading='lazy' width='1536' height='1024' alt='door of a van covered with moss and lichens' src='https://media.pdp8.info/pictures/www/20190104_143903.webp'></a>
- </div>
- <div class='post'>
- <a href='https://media.pdp8.info/pictures/20190604_223536.jpeg'><img loading='lazy' width='1365' height='1024' alt='fluorescent tube illuminating a rough plastered wall' src='https://media.pdp8.info/pictures/www/20190604_223536.webp'></a>
- </div>
- <div class='post'>
- <a href='https://media.pdp8.info/pictures/20161227_162448.jpeg'><img loading='lazy' width='1536' height='1024' alt='digits 234356 on a wall' src='https://media.pdp8.info/pictures/www/20161227_162448.webp'></a>
- </div>
- <div class='post'>
- <a href='https://media.pdp8.info/pictures/20130326_181621.jpeg'><img loading='lazy' width='1365' height='1024' alt='reflection of a fence in a puddle' src='https://media.pdp8.info/pictures/www/20130326_181621.webp'></a>
- </div>
- <div class='post'>
- <a href='https://media.pdp8.info/pictures/20220902_123501.jpeg'><img loading='lazy' width='1536' height='1024' alt='roof of an abandoned factory' src='https://media.pdp8.info/pictures/www/20220902_123501.webp'></a>
- </div>
- <div class='post'>
- <a href='https://media.pdp8.info/pictures/20170209_193120.jpeg'><img loading='lazy' width='1536' height='1024' alt='unisex toilet sign on a rusty door' src='https://media.pdp8.info/pictures/www/20170209_193120.webp'></a>
- </div>
- <div class='post'>
- <a href='https://media.pdp8.info/pictures/20161222_155555.jpeg'><img loading='lazy' width='1536' height='1024' alt='closure of a tank silo' src='https://media.pdp8.info/pictures/www/20161222_155555.webp'></a>
- </div>
- <div class='post'>
- <a href='https://media.pdp8.info/pictures/20200327_090533.jpeg'><img loading='lazy' width='1365' height='1024' alt='blue arrow painted on a rusty container' src='https://media.pdp8.info/pictures/www/20200327_090533.webp'></a>
- </div>
- <div class='post'>
- <a href='https://media.pdp8.info/pictures/20190604_223618.jpeg'><img loading='lazy' width='1365' height='1024' alt='dark wall contrasting with red light' src='https://media.pdp8.info/pictures/www/20190604_223618.webp'></a>
- </div>
- <div class='post'>
- <a href='https://media.pdp8.info/pictures/20161227_163722.jpeg'><img loading='lazy' width='1536' height='1024' alt='rusty railway tank wagon' src='https://media.pdp8.info/pictures/www/20161227_163722.webp'></a>
+ <script src="https://media.pdp8.info/pictures/distances.js"></script>
+ <script src="/slideshow.js"></script> <img id="image" width="1024" height="768" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="">
+ <div id="controller">
+ <a class="btn" onclick="toggle_play()"><i id="play-indicator" title="Pause slideshow" class="fa fa-inverse fa-pause" aria-hidden="true"></i></a> <a class="btn" onclick="new_selection()"><i id="shuffle-indicator" title="Next slideshow" class="fa fa-inverse fa-random" aria-hidden="true"></i></a>
+ <p>© pdp8 <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a></p>
+ </div><a id="prev" onclick="prev()">‹</a> <a id="next" onclick="next()">›</a>
+ <script>
+
+ (function () {new_selection(); play()})();
+ </script>
</div>
<script>
function show_vertical_menu() {