61 lines
2.4 KiB
HTML
61 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Auto Index</title>
|
|
<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:hover { font-size: larger; }
|
|
#available { padding-left: 40px;}
|
|
ul { padding-left: 100px;}
|
|
#nojs { display: inline-block;color: red;transition: transform 0.7s cubic-bezier(0.215, 0.610, 0.355, 1); }
|
|
#nojs:hover { transform: skewX(-12deg);}
|
|
#nonenormalul { list-style: disc inside; margin: 1em 0; padding-left: 40px; background: none; }
|
|
#nonenormalul li { list-style: inherit; margin: 0; padding: 0; background: none; transition: font-size 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
|
|
#nonenormalul li:hover { font-size: larger; }
|
|
</style>
|
|
<link rel="icon" type="image/x-icon" href="../../css/favicon/favicon.ico">
|
|
</head>
|
|
<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;" />
|
|
<h1 id="nojs" style="margin: 0;">Please enable Javascript!</h1>
|
|
</div>
|
|
<p>
|
|
<i><strong> If you might be wondering, what does the Script do?</strong></i><br/>
|
|
<ul id="nonenormalul">
|
|
<li>It strips the .HTML ending from each file you see in the list below</li>
|
|
<li>It isnt necessary, but visually tweaks the page.</li>
|
|
</ul>
|
|
</p>
|
|
</noscript>
|
|
<script>
|
|
// 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>');
|
|
</script>
|
|
<p id="available">
|
|
<img src="../../css/icons/available.png" width="32" height="32" style="vertical-align: middle; display: inline; margin-right: 8px;" />
|
|
Available pages:
|
|
</p>
|
|
<!-- CONTENT -->
|
|
|
|
|
|
<script src="../../js/normal.js"></script>
|
|
|
|
<footer style="
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
">
|
|
<p>
|
|
|
|
</p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|