picture albums, layout improvements (?)

author: pdp8 <pdp8@pdp8.info> 2024-07-27 20:13:00 +0200
committer: pdp8 <pdp8@pdp8.info> 2024-07-27 20:13:00 +0200
commit: fd3a283476174695902bf8b05a81bd94bf1b84b9 (patch)
tree: 265b6a47933a63118c16d1deaa810555c3c16008 /pictures.html
parent: b3e0632e1bda4414398b4bbbae55b146e209e61f (diff)
1 files changed, 12 insertions, 80 deletions
diff --git a/pictures.html b/pictures.html
index ca596d1..73fda3f 100644
--- a/pictures.html
+++ b/pictures.html
@@ -12,88 +12,20 @@
 </head>
 <body>
   <nav>
-    <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>
+    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8 logo'></a>
+    <div class='menu'>
+      <a href='/music.html'>music</a><a class='current' href='/pictures.html'>pictures</a><a href='/videos.html'>videos</a><a href='/climbing.html'>climbing</a><a href='/code.html'>code</a><a href='/contact.html'>contact</a><a href='/social/create.html'>social</a><a href='/rss.xml'>rss</a>
+    </div>
   </nav>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20240508_182744.webp'><img loading='lazy' width='1536' height='1024' alt='old curtain with floral pattern behind a window with peeling paint' src='https://media.pdp8.info/pictures/www/20240508_182744.webp'></a>
+  <div class='post' id='private_property'>
+    <h1><a href='/pictures/private_property/20240615_164458.html'>private property</a></h1>
+    <div class='gallery'>
+      <a href='/pictures/private_property/20240615_164458.html'><img class='thumb' loading='lazy' width='150' height='100' alt='blue garage door ' src='https://media.pdp8.info/pictures/thumb/20240615_164458.webp'></a><a href='/pictures/private_property/20231128_144218.html'><img class='thumb' loading='lazy' width='150' height='100' src='https://media.pdp8.info/pictures/thumb/20231128_144218.webp'></a><a href='/pictures/private_property/20180613_180507.html'><img class='thumb' loading='lazy' width='150' height='100' src='https://media.pdp8.info/pictures/thumb/20180613_180507.webp'></a><a href='/pictures/private_property/20240615_164449.html'><img class='thumb' loading='lazy' width='150' height='100' src='https://media.pdp8.info/pictures/thumb/20240615_164449.webp'></a>
+    </div>
   </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20240627_163843.webp'><img loading='lazy' width='1024' height='1024' alt='dragonfly on a wood bench' src='https://media.pdp8.info/pictures/www/20240627_163843.webp'></a>
+  <div class='license'>
+    <a href='mailto:info@pdp8.info'>©pdp8</a> <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>
+    <p>no tracking, cookies, javascript, or server-side scripting. source code: <a href='https://git.pdp8.info/pdp8.info/tree/'>https://git.pdp8.info/pdp8.info/tree/</a></p>
   </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20240622_190818.webp'><img loading='lazy' width='683' height='1024' alt='hotel parking sign' src='https://media.pdp8.info/pictures/www/20240622_190818.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20240615_164449.webp'><img loading='lazy' width='1536' height='1024' alt='turquois garage door' src='https://media.pdp8.info/pictures/www/20240615_164449.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20240615_164458.webp'><img loading='lazy' width='1536' height='1024' alt='blue garage door' src='https://media.pdp8.info/pictures/www/20240615_164458.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20240614_192028.webp'><img loading='lazy' width='1536' height='1024' alt='blue cover of a surge chamber' src='https://media.pdp8.info/pictures/www/20240614_192028.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20240614_142903.webp'><img loading='lazy' width='1365' height='1024' alt='blue sign in a forest' src='https://media.pdp8.info/pictures/www/20240614_142903.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20240608_135401.webp'><img loading='lazy' width='1365' height='1024' alt='red mark on a tree' src='https://media.pdp8.info/pictures/www/20240608_135401.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20240530_111233.webp'><img loading='lazy' width='1536' height='1024' alt='yellow mark on a tree' src='https://media.pdp8.info/pictures/www/20240530_111233.webp'></a>
-  </div>
-  <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>
-  </div>
-  <script>
-      function show_vertical_menu() {
-        document.getElementById("menu").style.display = "none"
-        items = document.getElementsByClassName("item")
-        for (i = 0; i < items.length; i++) {
-          items[i].style.display = "block"
-        }
-      }
-  </script>
 </body>
 </html>
author	pdp8 <pdp8@pdp8.info>	2024-07-27 20:13:00 +0200
committer	pdp8 <pdp8@pdp8.info>	2024-07-27 20:13:00 +0200
commit	fd3a283476174695902bf8b05a81bd94bf1b84b9 (patch)
tree	265b6a47933a63118c16d1deaa810555c3c16008 /pictures.html
parent	b3e0632e1bda4414398b4bbbae55b146e209e61f (diff)