From 7110f986c028b8c99c49accf6889ef3d97befb3b Mon Sep 17 00:00:00 2001 From: Kevin Froman Date: Thu, 11 Feb 2021 22:58:54 +0000 Subject: [PATCH] redid encode ui --- index.html | 97 +++++++++--------------------------------------------- theme.css | 47 ++++++++++++++++++++++++++ 2 files changed, 62 insertions(+), 82 deletions(-) diff --git a/index.html b/index.html index 6ee6c1b..0c4e622 100755 --- a/index.html +++ b/index.html @@ -1,90 +1,23 @@ - + - - - - - - Snow10 - - - - - - - - - - + + + -Fork me on GitHub - +
+

Snow10 ☃

-
- -
-

Snow10 ☃

-
-

Snow10 is a simple web app for converting text to whitespace characters, which can be hidden in normal messages.

-

It is inspired by the original program published in 1998.

-
- -
-
-

-
- -

- -

- - -
- -
- -
- - -
+
+
-
+

Secret message

+ +

Output

+ + +
- ​‍​​‍​​​​‍‍​​‍​‍​‍‍‍‍​​‍​​‍​​‍​‍​​‍‍​​‍​​‍​​​​‍‍​​‍​​‍​‍​​‍‍​​‍​​​‍‍​​​​​‍‍‍‍​​‍​‍‍​‍‍‍‍​‍‍‍​‍​‍​​‍​​‍​‍​​‍‍​​‍​​​‍‍​​​​​‍‍​​‍‍​​‍‍​‍‍‍‍​‍‍‍​‍​‍​‍‍​‍‍‍​​‍‍​​‍​​​​‍​​‍​‍​​‍‍​​‍​​​‍‍​​​​​‍‍​‍​​‍​‍‍‍​‍​​​​‍​​​​‍​​‍​​‍​‍​​‍‍​​‍​​​‍‍​​​​​‍​​​‍‍‍​‍‍​‍‍‍‍​‍‍​‍‍‍‍​‍‍​​‍​​​​‍​​‍​‍​​‍‍​​‍​​​‍‍​​​​​‍‍​​‍‍​​‍‍​‍‍‍‍​‍‍‍​​‍​​​‍​​‍​‍​​‍‍​​‍​​​‍‍​​​​​‍‍‍‍​​‍​‍‍​‍‍‍‍​‍‍‍​‍​‍​​‍​​​​‍​​‍​​‍​‍​​‍‍​​‍​​​‍‍​​​​​‍​​‍​​​​‍‍​​‍​‍​‍‍‍​​‍​​‍‍​​‍​‍​​‍​​‍​‍​​‍‍​​‍​​​‍‍​​​​​‍‍​‍​​‍​‍‍‍​​‍‍​​‍​​‍​‍​​‍‍​​‍​​​‍‍​​​​​‍‍​​​​‍​​‍​​‍​‍​​‍‍​​‍​​​‍‍​​​​​‍‍‍​‍​‍​‍‍​‍‍‍​​‍‍​‍​​‍​‍‍​​​‍‍​‍‍​‍‍‍‍​‍‍​​‍​​​‍‍​​‍​‍​​‍​​‍​‍​​‍‍​​‍​​​‍‍​​​​​‍‍‍​​‍‍​‍‍​‍‍‍​​‍‍​‍‍‍‍​‍‍‍​‍‍‍​‍‍​‍‍​‍​‍‍​​​​‍​‍‍​‍‍‍​​​‍​​‍​‍​​‍‍​​‍‍​‍​​​​​‍​​‍​​‍​‍​​‍‍​​‍​​​‍‍​​​​​​‍​​‍​‍​‍​​​‍​‍​​‍‍​​‍​​​‍​​‍​‍​​‍‍‍​​‍​​‍‍‍​​​​​‍​​‍​‍​​‍‍‍​​​​​‍‍​​‍‍ - - + \ No newline at end of file diff --git a/theme.css b/theme.css index 88f6eea..719e66a 100755 --- a/theme.css +++ b/theme.css @@ -15,3 +15,50 @@ GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . */ +h1, p, label{ + font-family: Verdana, Geneva, Tahoma, sans-serif; +} + +textarea{ + width: 35%; + height: 10em; +} + +input[type="button"]{ + display: block; + margin-top: 2em; +} + + +@media only screen and (max-width: 1000px) { + textarea{ + width: 75%; + } + } + + input[type="button"] { + box-shadow:inset 0px 1px 3px 0px #91b8b3; + background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%); + background-color:#768d87; + border-radius:5px; + border:1px solid #566963; + display:inline-block; + cursor:pointer; + color:#ffffff; + font-family:Arial; + font-size:15px; + font-weight:bold; + padding:11px 23px; + text-decoration:none; + text-shadow:0px -1px 0px #2b665e; +} +input[type="button"]:hover { + background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%); + background-color:#6c7c7c; +} +input[type="button"]:active { + position:relative; + top:1px; +} + +