Remove wrong structure
This commit is contained in:
		@@ -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 */
 | 
					 | 
				
			||||||
@@ -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"}
 | 
					 | 
				
			||||||
@@ -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');
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
										
											Binary file not shown.
										
									
								
							| 
		 Before Width: | Height: | Size: 9.8 KiB  | 
										
											Binary file not shown.
										
									
								
							| 
		 Before Width: | Height: | Size: 13 KiB  | 
										
											Binary file not shown.
										
									
								
							| 
		 Before Width: | Height: | Size: 8.9 KiB  | 
										
											Binary file not shown.
										
									
								
							| 
		 Before Width: | Height: | Size: 7.5 KiB  | 
							
								
								
									
										27
									
								
								js/index.js
									
									
									
									
									
								
							
							
						
						
									
										27
									
								
								js/index.js
									
									
									
									
									
								
							@@ -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);
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
		Reference in New Issue
	
	Block a user