ben/ben.wiegand.pw
1
0
Fork 0
Code Issues Pull Requests Activity

Compare commits

base: ben:8c30b472d1d672d53b945c919bf4841f1f6c88a1
Branches Tags
ben:main
...
compare: ben:bc482fc8d2107c762bbf607137f432987c3e07c8
Branches Tags
ben:main

2 Commits
8c30b472d1 ... bc482fc8d2

Author SHA1 Message Date
Benjamin Wiegand
bc482fc8d2 remove unused variable 2024-09-08 14:54:38 -07:00
Benjamin Wiegand
fa85d6de89 fix an html syntax technicality 2024-09-08 14:54:22 -07:00
3 changed files with 13 additions and 13 deletions
Show Stats Expand all files Collapse all files

1
www/image-modal.js
View File

@ -2,7 +2,6 @@ const images = document.getElementsByClassName('project-image');
for (const image of images) {
const modal = image.querySelector('.modal')
const close = image.querySelector('.close')
const lazy_image = image.querySelector('.lazy-image')
const zoom = modal.querySelector('input')
const open = image.querySelector('input');

24
www/index.html
View File

@ -76,7 +76,7 @@
<label for="lpcl" class="close"></label>
<label>
<input type="checkbox">
<div class="lazy-image" style="background-image: url('/img/peercord-login.png')"></div>
<span class="lazy-image" style="background-image: url('/img/peercord-login.png')"></span>
</label>
</div>
</div>
@ -90,7 +90,7 @@
<label for="lpcc" class="close"></label>
<label>
<input type="checkbox">
<div class="lazy-image" style="background-image: url('/img/peercord-chat.png')"></div>
<span class="lazy-image" style="background-image: url('/img/peercord-chat.png')"></span>
</label>
</div>
</div>
@ -124,7 +124,7 @@
<label for="lio" class="close"></label>
<label>
<input type="checkbox">
<div class="lazy-image" style="background-image: url('/img/ilo-overview.jpg');"></div>
<span class="lazy-image" style="background-image: url('/img/ilo-overview.jpg');"></span>
</label>
</div>
</div>
@ -138,7 +138,7 @@
<label for="lit" class="close"></label>
<label>
<input type="checkbox">
<div class="lazy-image" style="background-image: url('/img/ilo-temperatures.jpg');"></div>
<span class="lazy-image" style="background-image: url('/img/ilo-temperatures.jpg');"></span>
</label>
</div>
</div>
@ -152,7 +152,7 @@
<label for="lid" class="close"></label>
<label>
<input type="checkbox">
<div class="lazy-image" style="background-image: url('/img/ilo-drives.jpg');"></div>
<span class="lazy-image" style="background-image: url('/img/ilo-drives.jpg');"></span>
</label>
</div>
</div>
@ -166,7 +166,7 @@
<label for="lifci" class="close"></label>
<label>
<input type="checkbox">
<div class="lazy-image" style="background-image: url('/img/ilo-fan-and-cpu-info.jpg');"></div>
<span class="lazy-image" style="background-image: url('/img/ilo-fan-and-cpu-info.jpg');"></span>
</label>
</div>
</div>
@ -200,7 +200,7 @@
<label for="sma" class="close"></label>
<label>
<input type="checkbox">
<div class="lazy-image" style="background-image: url('/img/smbus-mitm-arduino.jpg');"></div>
<span class="lazy-image" style="background-image: url('/img/smbus-mitm-arduino.jpg');"></span>
</label>
</div>
</div>
@ -214,7 +214,7 @@
<label for="smw" class="close"></label>
<label>
<input type="checkbox">
<div class="lazy-image" style="background-image: url('/img/smbus-mitm-wiring.jpg');"></div>
<span class="lazy-image" style="background-image: url('/img/smbus-mitm-wiring.jpg');"></span>
</label>
</div>
</div>
@ -242,7 +242,7 @@
<label for="scst" class="close"></label>
<label>
<input type="checkbox">
<div class="lazy-image" style="background-image: url('/img/security-camera-stream.jpg');"></div>
<span class="lazy-image" style="background-image: url('/img/security-camera-stream.jpg');"></span>
</label>
</div>
</div>
@ -256,7 +256,7 @@
<label for="scsc" class="close"></label>
<label>
<input type="checkbox">
<div class="lazy-image" style="background-image: url('/img/security-camera-screenshot.png');"></div>
<span class="lazy-image" style="background-image: url('/img/security-camera-screenshot.png');"></span>
</label>
</div>
</div>
@ -285,7 +285,7 @@
<label for="r" class="close"></label>
<label>
<input type="checkbox">
<div class="lazy-image" style="background-image: url('/img/roomba.jpg');"></div>
<span class="lazy-image" style="background-image: url('/img/roomba.jpg');"></span>
</label>
</div>
</div>
@ -299,7 +299,7 @@
<label for="rc" class="close"></label>
<label>
<input type="checkbox">
<div class="lazy-image" style="background-image: url('/img/roomba-control.jpg');"></div>
<span class="lazy-image" style="background-image: url('/img/roomba-control.jpg');"></span>
</label>
</div>
</div>

1
www/style.css
View File

@ -237,6 +237,7 @@ input:checked + .modal {
}
.lazy-image {
display: block;
min-width: 90vw;
min-height: 90vh;
background-size: contain;