ZennDev1337/Rust-for-Arduboy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

added nav to converter pages

Browse source
This commit is contained in:
ZennDev1337 2023-08-22 13:50:53 +02:00
parent 7aff62809e
commit fb16b912fc
3 changed files with 255 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

85
docs/sprite-converter.html
View file

@ -82,8 +82,83 @@
.txtHead {
margin-bottom: 5px;
}
.topnav {
background-color: #000000;
overflow: hidden;
height: 47px;
}
.topnav a {
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #281c1c;
color: white;
}
.topnav .icon {
display: none;
}
@media screen and (max-width: 800px) {
.topnav a:not(:first-child) {
display: none;
}
.topnav a.icon {
float: right;
display: block;
}
}
@media screen and (max-width: 800px) {
.topnav.responsive {
position: relative;
height: 188px;
}
.topnav.responsive a.icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
}
</style>
<div class="wrapper">
<div class="topnav" id="myTopnav">
<a href="/index.html" target="_blank">Rust for Arduboy</a>
<a href="/image-converter.html">Image Converter</a>
<a href="/tile-converter.html">Tile Converter</a>
<a href="/sprite-converter.html" class="active"
>Sprite Converter</a
>
<a
href="javascript:void(0);"
class="icon"
onclick="myFunction()"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-list"
viewBox="0 0 16 16"
>
<path
fill-rule="evenodd"
d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"
/>
</svg>
</a>
</div>
<div class="title">
<p>Drop your sprite here</p>
</div>
@ -97,6 +172,16 @@
<footer class="footer sticky">
<p>By ZennDev1337</p>
</footer>
<script language="JavaScript">
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<script language="JavaScript">
/*
* NeuQuant Neural-Net Quantization Algorithm