summaryrefslogtreecommitdiff
path: root/videos.html
diff options
context:
space:
mode:
authorpdp8 <pdp8@pdp8.info>2024-07-27 20:13:00 +0200
committerpdp8 <pdp8@pdp8.info>2024-07-27 20:13:00 +0200
commitfd3a283476174695902bf8b05a81bd94bf1b84b9 (patch)
tree265b6a47933a63118c16d1deaa810555c3c16008 /videos.html
parentb3e0632e1bda4414398b4bbbae55b146e209e61f (diff)
picture albums, layout improvements (?)
Diffstat (limited to 'videos.html')
-rw-r--r--videos.html27
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>&nbsp;<a class='item' href='/music.html'>music</a>&nbsp;<a class='item' href='/pictures.html'>pictures</a>&nbsp;<a class='item current' 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 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>&nbsp;© 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>