magmaus3/infohash2base64
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Even more style changes

Browse source
This commit is contained in:
magmaus3 2023-07-24 17:37:34 +02:00
parent be40b8503c
commit 6a4b576a81
Signed by: magmaus3
GPG key ID: 966755D3F4A9B251
1 changed files with 21 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
index.html
View file

@ -109,8 +109,11 @@
</script>
<style>
body {
width: 100vw; height: 100vh;
margin: 0; padding: 0;
display: flex; flex-direction: column;
justify-content: center; text-align: center;
align-items: center;
background-color: #10101a;
color: white;
font-family: monospace;
@ -119,7 +122,10 @@
background-color: #202025;
padding: 1em;
border: 1px solid white;
width: 50%; border-radius: 1em;
border-radius: 1em;
width: fit-content;
box-shadow: 0px 5px 15px black, 0px 1px 15px black inset;
}
input {
color: white;
@ -132,9 +138,9 @@
.tab {
display: none; /* Default value to keep tabs hidden when JS is not available */
border: 1px solid white;
padding: 0.5em;
padding: 1em;
border-radius: 0em 1em 1em 1em;
box-shadow: 0px 5px 15px black;
box-shadow: 0px 5px 15px black, 0px 1px 15px black inset;
}
.result:empty { display: none;}
.result {
@ -161,6 +167,9 @@
background-color: rgba(255,255,255, 0.2);
}
a { color: cyan; text-decoration: none;}
#about {
max-width: 40rem;
}
</style>
</head>
<body>
@ -194,18 +203,15 @@
<div class="result" id="decodeResult"></div>
</div>
<div class="tab" id="about">
<form>
<h2>About</h2>
<p>
This tool was made to work with <a href="https://lemmy.dbzer0.com/post/1009713">an suggestion posted by @toxictenement@lemmy.dbzer0.com</a>
by <a href="https://magmaus3.eu.org">magmaus3</a>.
</p>
<p>
You can check the source code by downloading the page (everything is stored in a single html file),
by going to your browser's devtools or on <a href="https://codeberg.org/magmaus3/infohash2base64">Codeberg</a>.
</p>
</form>
<div class="result" id="decodeResult"></div>
<h2>About</h2>
<p>
This tool was made to work with <a href="https://lemmy.dbzer0.com/post/1009713">an suggestion posted by @toxictenement@lemmy.dbzer0.com</a>
by <a href="https://magmaus3.eu.org">magmaus3</a>.
</p>
<p>
You can check the source code by downloading the page (everything is stored in a single html file),
by going to your browser's devtools or on <a href="https://codeberg.org/magmaus3/infohash2base64">Codeberg</a>.
</p>
</div>
</main>
</body>