diff --git a/css/index.css b/css/index.css deleted file mode 100644 index 2afd4d8..0000000 --- a/css/index.css +++ /dev/null @@ -1,89 +0,0 @@ -* { - font: Helvetica, sans-serif; -} - -body { - padding: 10%; - background-color: #006d18; - background: linear-gradient(-45deg, #58f5c6, #01278d, #fac95f, #a30ddf); - background-size: 400% 400%; - animation: gradient 12s ease infinite; - height: 100vh; -} - -@keyframes gradient { - 0% { - background-position: 0% 50%; - } - 50% { - background-position: 100% 50%; - } - 100% { - background-position: 0% 50%; - } -} -h1 { - text-align: center; -} - -input { - text-align: center; - margin-left: auto; - margin-right: auto; - width: auto; - padding: 1em; - padding-left: 4em; - box-sizing: border-box; - border: 0.2em solid #239c78; - border-radius: 1em; - background-size: 2em; - background-position: 1em; - background-repeat: no-repeat; - background-color: rgba(255, 255, 255, 0.2); - backdrop-filter: blur(5px); - background-image: url("../images/youtube_bw.png"); -} - -input:focus { - transition: width 0.4s ease-in-out, border-radius 1.2s ease-in-out, background-color 1.2s ease-in-out, background-image 1.2s ease-in-out; - width: 70%; - color: #006d18; - border-radius: 0.1em; - background-color: rgba(0, 0, 0, 0.7); - backdrop-filter: blur(5px); - background-image: url("../images/youtube_wb.png"); -} - -input:not(:placeholder-shown) { - width: auto; -} - -button { - text-align: center; - margin-left: auto; - margin-right: auto; - width: 30%; - padding: 1em; - padding-left: 4em; - box-sizing: border-box; - border: 0.2em solid #239c78; - border-radius: 1em; - background-size: 2em; - background-position: 1em; - background-repeat: no-repeat; - background-color: rgba(255, 255, 255, 0.2); - backdrop-filter: blur(5px); - background-image: url("../images/download_bw.png"); -} - -button:focus { - transition: width 0.4s ease-in-out, border-radius 1.2s ease-in-out, background-color 1.2s ease-in-out, background-image 1.2s ease-in-out; - width: 30%; - color: #006d18; - border-radius: 0.1em; - background-color: rgba(0, 0, 0, 0.7); - backdrop-filter: blur(5px); - background-image: url("../images/download_wb.png"); -} - -/*# sourceMappingURL=index.css.map */ diff --git a/css/index.css.map b/css/index.css.map deleted file mode 100644 index 649c0ae..0000000 --- a/css/index.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["index.scss"],"names":[],"mappings":"AAUA;EACI,MAXS;;;AAcb;EACI;EACA,kBAfY;EAgBZ;EACH;EACA;EACA;;;AAGD;EACC;IACC;;EAED;IACC;;EAED;IACC;;;AAIF;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA,OAzDY;EA0DZ;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA,OAtFY;EAuFZ;EACA;EACA;EACA","file":"index.css"} \ No newline at end of file diff --git a/css/index.scss b/css/index.scss deleted file mode 100644 index 21fcaf2..0000000 --- a/css/index.scss +++ /dev/null @@ -1,93 +0,0 @@ -$font-stack: Helvetica, sans-serif; -$primary_color: #006d18; -$secondary_color: #239c78; -$bg_grad_color_1: #58f5c6; -$bg_grad_color_2: #01278d; -$bg_grad_color_3: #fac95f; -$bg_grad_color_4: #a30ddf; -$short-fade: 0.4s; -$long-fade: 1.2s; - -* { - font: $font-stack; -} - -body { - padding: 10%; - background-color: $primary_color; - background: linear-gradient(-45deg, $bg_grad_color_1, $bg_grad_color_2, $bg_grad_color_3, $bg_grad_color_4); - background-size: 400% 400%; - animation: gradient 12s ease infinite; - height: 100vh; -} - -@keyframes gradient { - 0% { - background-position: 0% 50%; - } - 50% { - background-position: 100% 50%; - } - 100% { - background-position: 0% 50%; - } -} - -h1 { - text-align: center; -} -input { - text-align: center; - margin-left: auto; - margin-right: auto; - width: auto; - padding: 1em; - padding-left: 4em; - box-sizing: border-box; - border: 0.2em solid $secondary_color; - border-radius: 1em; - background-size: 2em; - background-position: 1em; - background-repeat: no-repeat; - background-color: rgba(255,255,255,0.2); - backdrop-filter: blur(5px); - background-image: url('../images/youtube_bw.png'); -} -input:focus { - transition: width $short-fade ease-in-out, border-radius $long-fade ease-in-out, background-color $long-fade ease-in-out, background-image $long-fade ease-in-out; - width: 70%; - color: $primary_color; - border-radius: 0.1em; - background-color: rgba(0,0,0,0.7); - backdrop-filter: blur(5px); - background-image: url('../images/youtube_wb.png'); -} -input:not(:placeholder-shown){ - width: auto; -} -button { - text-align: center; - margin-left: auto; - margin-right: auto; - width: 30%; - padding: 1em; - padding-left: 4em; - box-sizing: border-box; - border: 0.2em solid $secondary_color; - border-radius: 1em; - background-size: 2em; - background-position: 1em; - background-repeat: no-repeat; - background-color: rgba(255,255,255,0.2); - backdrop-filter: blur(5px); - background-image: url('../images/download_bw.png'); -} -button:focus { - transition: width $short-fade ease-in-out, border-radius $long-fade ease-in-out, background-color $long-fade ease-in-out, background-image $long-fade ease-in-out; - width: 30%; - color: $primary_color; - border-radius: 0.1em; - background-color: rgba(0,0,0,0.7); - backdrop-filter: blur(5px); - background-image: url('../images/download_wb.png'); -} \ No newline at end of file diff --git a/images/download_bw.png b/images/download_bw.png deleted file mode 100644 index a4e248a..0000000 Binary files a/images/download_bw.png and /dev/null differ diff --git a/images/download_wb.png b/images/download_wb.png deleted file mode 100644 index 5747925..0000000 Binary files a/images/download_wb.png and /dev/null differ diff --git a/images/youtube_bw.png b/images/youtube_bw.png deleted file mode 100644 index 8719dc7..0000000 Binary files a/images/youtube_bw.png and /dev/null differ diff --git a/images/youtube_wb.png b/images/youtube_wb.png deleted file mode 100644 index 5fb5a52..0000000 Binary files a/images/youtube_wb.png and /dev/null differ diff --git a/js/index.js b/js/index.js deleted file mode 100644 index c375ab4..0000000 --- a/js/index.js +++ /dev/null @@ -1,27 +0,0 @@ -// https://www.youtube.com/watch?v=HzqnQThFSX8&list=RDHzqnQThFSX8&start_radio=1 -console.log("Log test"); - -function ytdl(){ - var url = document.getElementById("url"); - if(url.value === ""){ - alert("Please enter a URL") - return - } - console.log(url.value); - if(url.value.includes("youtube.com/watch?v=")){ - var ytid_prep1 = url.value.split("="); - if(ytid_prep1[1].includes("&")){ - var ytid_prep2 = ytid_prep1[1].split("&"); - var ytid = ytid_prep2[0]; - } else { - var ytid = ytid_prep1[1]; - } - } else if(url.value.includes("youtu.be/")){ - var ytid_prep1 = url.value.split(".be/"); - var ytid = ytid_prep1[1]; - } else { - alert("URL is not compliant with this website - I am kinda sorry(Just kidding)") - } - console.log(ytid); - -} \ No newline at end of file