diff options
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 /videos.html | |
parent | b3e0632e1bda4414398b4bbbae55b146e209e61f (diff) |
picture albums, layout improvements (?)
Diffstat (limited to 'videos.html')
-rw-r--r-- | videos.html | 27 |
1 files changed, 11 insertions, 16 deletions
diff --git a/videos.html b/videos.html index 95514d1..b3c0648 100644 --- a/videos.html +++ b/videos.html @@ -12,41 +12,36 @@ </head> <body> <nav> - <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a> <a class='item' href='/music.html'>music</a> <a class='item' href='/pictures.html'>pictures</a> <a class='item current' href='/videos.html'>videos</a> <a class='item' href='/climbing.html'>climbing</a> <a class='item' href='/code.html'>code</a> <a class='item' href='/contact.html'>contact</a> <a class='item' href='/social/create.html'>social</a> <a class='item' href='/rss.xml'>rss</a> <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 href='/pictures.html'>pictures</a><a class='current' 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' id='2021-03-17'> <h1>ticinetto</h1>Synthstrom Online Festival #4 <a href="https://synthstrom.com/TV/">https://synthstrom.com/TV/</a> - <p><video controls="" preload='none' width='1920' height='1080' poster='https://media.pdp8.info/videos/2021-03-17_ticinetto/poster.png'><source src='https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.webm' type='video/webm'> <source src='https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.mp4' type='video/mp4'> <a href="https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.mp4">https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.mp4</a></video></p> + <p><video controls="" preload='none' poster='https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.webp'><source src='https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.webm' type='video/webm'> <source src='https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.mp4' type='video/mp4'> <a href="https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.mp4">https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.mp4</a></video></p> <p><br> Youtube: <a href="https://youtu.be/cQlZSjpxEXs">https://youtu.be/cQlZSjpxEXs</a></p> </div> <div class='post' id='2019-08-01'> <h1>samplemaker</h1>Sound: dnice, Visuals: pdp8 - <p><video controls="" preload='none' width='1918' height='1078' poster='https://media.pdp8.info/videos/2019-08-01_samplemaker/poster.png'><source src='https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.webm' type='video/webm'> <source src='https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.mp4' type='video/mp4'> <a href="https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.mp4">https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.mp4</a></video></p> + <p><video controls="" preload='none' poster='https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.webp'><source src='https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.webm' type='video/webm'> <source src='https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.mp4' type='video/mp4'> <a href="https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.mp4">https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.mp4</a></video></p> <p><br> YouTube: <a href="https://youtu.be/mB0a4UdM2KY">https://youtu.be/mB0a4UdM2KY</a><br> Source code: <a href="https://git.pdp8.info/samplemaker/">https://git.pdp8.info/samplemaker/</a></p> </div> <div class='post' id='2019-03-04'> <h1>kriechstrom</h1> - <p><video controls="" preload='none' width='1920' height='1080' poster='https://media.pdp8.info/videos/2019-03-04_kriechstrom/poster.png'><source src='https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.webm' type='video/webm'> <source src='https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.mp4' type='video/mp4'> <a href="https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.mp4">https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.mp4</a></video></p> + <p><video controls="" preload='none' poster='https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.webp'><source src='https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.webm' type='video/webm'> <source src='https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.mp4' type='video/mp4'> <a href="https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.mp4">https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.mp4</a></video></p> <p>Source code: <a href="https://git.pdp8.info/kriechstrom">https://git.pdp8.info/kriechstrom</a></p> </div> <div class='post' id='2018-03-28'> <h1>loveparade truck 2</h1> - <p><video controls="" preload='none' width='600' height='480' poster='https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/poster.png'><source src='https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.webm' type='video/webm'> <source src='https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.mp4' type='video/mp4'> <a href="https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.mp4">https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.mp4</a></video></p> + <p><video controls="" preload='none' poster='https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.webp'><source src='https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.webm' type='video/webm'> <source src='https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.mp4' type='video/mp4'> <a href="https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.mp4">https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.mp4</a></video></p> <p>YouTube: <a href="https://www.youtube.com/watch?v=801Dr3kHdek">https://www.youtube.com/watch?v=801Dr3kHdek</a></p> </div> - <p> © pdp8 <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a> - <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></p> + <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> + </div> </body> </html> |