removed pngs because of size constraints and network load. now using webp, with googles cwebp converter

This commit is contained in:
2025-09-23 17:54:32 +02:00
parent a149009559
commit 468717038e
20 changed files with 9 additions and 9 deletions

View File

@@ -5,7 +5,7 @@
<style>
body { font-family: Arial, sans-serif; margin: 20px; }
h1 { color: #333; }
li { list-style: none; background: url("../../css/icons/item.png") no-repeat left center; background-size: 15px 20px; padding-left: 25px; transition: font-size 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
li { list-style: none; background: url("../../css/icons/item.webp") no-repeat left center; background-size: 15px 20px; padding-left: 25px; transition: font-size 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
li:hover { font-size: larger; }
#available { padding-left: 40px;}
ul { padding-left: 100px;}
@@ -20,7 +20,7 @@
<body>
<noscript>
<div style="display: inline-flex; align-items: center;">
<img src="../../css/icons/script.png" width="45" height="45" style="vertical-align: middle; margin-right: 8px;" />
<img src="../../css/icons/script.webp" width="45" height="45" style="vertical-align: middle; margin-right: 8px;" />
<h1 id="nojs" style="margin: 0;">Please enable Javascript!</h1>
</div>
<p>
@@ -35,10 +35,10 @@
// we just repurpouse the nojs from css
// much easier than adding a new element
console.log("javascript is enabled! good!")
document.write('<h1 id="nojs" style="color:black; display: flex; align-items: center;"><img src="../../css/icons/folder.png" width="45" height="45" style="vertical-align: middle; margin-right: 8px;" />Index of PyPost</h1>');
document.write('<h1 id="nojs" style="color:black; display: flex; align-items: center;"><img src="../../css/icons/folder.webp" width="45" height="45" style="vertical-align: middle; margin-right: 8px;" />Index of PyPost</h1>');
</script>
<p id="available">
<img src="../../css/icons/available.png" width="32" height="32" style="vertical-align: middle; display: inline; margin-right: 8px;" />
<img src="../../css/icons/available.webp" width="32" height="32" style="vertical-align: middle; display: inline; margin-right: 8px;" />
Available pages:
</p>
<!-- CONTENT -->