zyqunix/pages
1
0
Fork 0
mirror of https://github.com/zyqunix/tools.git synced 2025-07-05 22:10:31 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

qwe

Browse source
This commit is contained in:
zyqunix 2025-06-12 10:50:46 +02:00
parent 92ffac4fe0
commit 4332e78411
3 changed files with 20 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

4
base64/index.html
View file

@ -9,14 +9,14 @@
</head>
<body>
<h1>Base64 Encoder/Decoder</h1>
<div class="card">
<div class="cards">
<h2>Base64 Encoder</h2>
<textarea id="encodeInput" rows="5" cols="50" placeholder="Enter text to encode"></textarea>
<textarea id="encodeOutput" rows="5" cols="50" readonly placeholder="Encoded Base64 result"></textarea>
<button id="encode">Encode</button>
</div>
<div class="card">
<div class="cards">
<h2>Base64 Decoder</h2>
<textarea id="decodeInput" rows="5" cols="50" placeholder="Enter Base64 to decode"></textarea>
<textarea id="decodeOutput" rows="5" cols="50" readonly placeholder="Decoded result"></textarea>

21
base64/style.css
View file

@ -4,10 +4,14 @@ div {
margin-bottom: 50px;
}
.cards {
text-align: center;
}
textarea {
resize: none;
background-color: #2a2a2a;
color: #f0f0f0;
background-color: var(--surface1);
color: var(--white);
border: 2px solid #2c2c2c;
margin-bottom: 25px;
border-radius: 5px;
@ -15,23 +19,22 @@ textarea {
}
textarea[readonly] {
background-color: #282828;
color: #999;
background-color: var(--surface0);
color: var(--text);
}
button {
margin: 5px 0 50px 0;
width: 50%;
height: 15%;
background-color: #2a2a2a;
color: #f0f0f0;
border: 2px solid #2c2c2c;
color: var(--white);
cursor: pointer;
border-radius: 5px;
font-size: 16px;
background-color: var(--pastel-violet);
border: none;
}
button:hover {
background-color: #2c2c2c;
border: 2px solid #2e2e2e;
background-color: var(--mauve);
}

10
global.css
View file

@ -26,14 +26,14 @@
--blue: #89b4fa;
--lavender: #b4befe;
--text: #cdd6f4;
--subtext1: #bac2de;
--subtext0: #a6adc8;
--overlay2: #9399b2;
--overlay1: #7f849c;
--subtext1: #bac2de;
--overlay0: #6c7086;
--surface2: #585b70;
--surface1: #45475a;
--overlay1: #7f849c;
--overlay2: #9399b2;
--surface0: #313244;
--surface1: #45475a;
--surface2: #585b70;
--base: #1e1e2e;
--mantle: #181825;
--crust: #11111b;