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