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

binary

Browse source
This commit is contained in:
zyqunix 2025-06-12 10:53:21 +02:00
parent 4332e78411
commit 22ad8f2cdb
2 changed files with 8 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
binary/index.html
View file

@ -8,7 +8,7 @@
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<div class="card shadow"> <div class="cards shadow">
<h1>Binary Translator</h1> <h1>Binary Translator</h1>
<textarea id="textInput" placeholder="Enter text..." rows="5"></textarea> <textarea id="textInput" placeholder="Enter text..." rows="5"></textarea>
<button id="translate-to-binary">Translate to Binary</button> <button id="translate-to-binary">Translate to Binary</button>

17
binary/style.css
View file

@ -1,10 +1,7 @@
@import url(/global.css); @import url(/global.css);
.container { .cards {
text-align: center; text-align: center;
padding: 20px;
border-radius: 20px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.7);
} }
textarea, input, button { textarea, input, button {
@ -13,21 +10,21 @@ textarea, input, button {
padding: 10px; padding: 10px;
border-radius: 10px; border-radius: 10px;
border: none; border: none;
background-color: #333; background-color: var(--surface1);
color: #f0f0f0; color: var(--text);
} }
textarea { textarea {
resize: none; resize: none;
margin-right: 10px;
} }
button { button {
cursor: pointer; cursor: pointer;
background-color: #444; background-color: var(--surface1);
margin-bottom: 20px;
} }
button:hover { button:hover {
background-color: #555; background-color: var(--surface2);
} }