From 784529f50cf2d9591408f11669d640f0c0080781 Mon Sep 17 00:00:00 2001 From: Stratos Thivaios Date: Tue, 30 Jan 2024 21:18:42 +0200 Subject: [PATCH] decrappified css --- web-frontend/index-old.html | 20 ------------------- web-frontend/index-old.js | 39 ------------------------------------- web-frontend/index.html | 6 +++--- web-frontend/style-old.css | 36 ---------------------------------- web-frontend/style.css | 33 ++++++++++++++++++++++--------- 5 files changed, 27 insertions(+), 107 deletions(-) delete mode 100644 web-frontend/index-old.html delete mode 100644 web-frontend/index-old.js delete mode 100644 web-frontend/style-old.css diff --git a/web-frontend/index-old.html b/web-frontend/index-old.html deleted file mode 100644 index 765ab13..0000000 --- a/web-frontend/index-old.html +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - shortener - - - - -
-

-
-

Shortened URL :

 -
- - - - - \ No newline at end of file diff --git a/web-frontend/index-old.js b/web-frontend/index-old.js deleted file mode 100644 index a763c8b..0000000 --- a/web-frontend/index-old.js +++ /dev/null @@ -1,39 +0,0 @@ -document.getElementById("submit").onclick = function(){ - original_url = document.getElementById("url").value; - endpoint = "https://shortapi.kioydio.org/create/?url="+original_url - - - const Http = new XMLHttpRequest(); - Http.open("GET", endpoint); - Http.send(); - - Http.onreadystatechange=(e)=>{ - document.getElementById("output").innerHTML = Http.responseText; - document.getElementById("link").href = Http.responseText; - console.log(Http.response); - } - -} - - -document.getElementById("copy").onclick = function(){ - console.log("copy clicked") - var copyText = document.getElementById("output"); - - /* Create a temporary textarea element to copy the text */ - var tempTextarea = document.createElement("textarea"); - tempTextarea.value = copyText.textContent; - - /* Append the textarea to the document */ - document.body.appendChild(tempTextarea); - - /* Select and copy the text */ - tempTextarea.select(); - document.execCommand("copy"); - - /* Remove the temporary textarea */ - document.body.removeChild(tempTextarea); - - /* Provide some visual feedback (optional) */ - alert("Shortened URL copied to clipboard!"); -} diff --git a/web-frontend/index.html b/web-frontend/index.html index 7d1a008..8ded93e 100644 --- a/web-frontend/index.html +++ b/web-frontend/index.html @@ -30,13 +30,13 @@

Shortened URL :

- +

diff --git a/web-frontend/style-old.css b/web-frontend/style-old.css deleted file mode 100644 index 5f52874..0000000 --- a/web-frontend/style-old.css +++ /dev/null @@ -1,36 +0,0 @@ -body{ - background-color: #1e1e1e; - text-align: center; - color: white; - font-family: Arial; - background-image: url(./icons/background.png); - background-repeat: no-repeat; - background-size: cover; -} - -a{ - color: #2828fd; - margin-left: 5px; -} - -div{ - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; - margin-bottom: 0px; -} - -#copy{ - font-size: 10px; - margin-top: 0px; -} - -#submit{ - margin-top: 5px; -} - -button{ - border-radius: 5px; - border: 1px solid rgb(88, 86, 86); -} \ No newline at end of file diff --git a/web-frontend/style.css b/web-frontend/style.css index a79d6f0..94de216 100644 --- a/web-frontend/style.css +++ b/web-frontend/style.css @@ -3,16 +3,29 @@ body{ text-align: center; color: white; font-family: Arial; - background-image: url(./icon/sunrise.png); + /* background-image: url(./icon/sunrise.png); background-position: center; background-attachment: fixed; - background-size: cover; + background-size: cover; */ + background: rgb(96,48,18); + background: linear-gradient(0deg, rgba(96,48,18,1) 0%, rgba(96,48,18,1) 0%, rgba(8,7,25,1) 60%, rgba(12,11,29,1) 100%); + background-position: center; + background-attachment: fixed; + background-size: cover; display: flex; justify-content: center; align-items: center; height: 97vh; } +#output{ + color: #be5413; +} + +#output:hover{ + color: #eb5f08; +} + #policy{ size: small; } @@ -49,15 +62,16 @@ rest{ } a{ - color: #0077ff; + color: #be5413; margin-left: 5px; margin: 0px; } -#helpatag{ +.helpatag{ color: white; font-style: italic; margin: 3px; + /* border: 1px solid black; */ } #maindiv{ @@ -198,16 +212,17 @@ button:hover{ } #confirmouter{ - display: block; + display: inline-block; text-align: center; - align-items: center; - justify-content: center; + align-items: start; + justify-content: start; display: flex; - flex-direction: column; + flex-direction: row; position: fixed; bottom: 10px; left: 10px; font-size: small; + /* border: 1px dashed black; */ } #helpouter{ @@ -242,7 +257,7 @@ button:hover{ } #confirmouter{ - width: 100%; + width: min-content; display: flex; flex-direction: column; justify-content: flex-start;