Skip to content

Commit

Permalink
ayyy
Browse files Browse the repository at this point in the history 
Update index.html
  • Loading branch information
@wea-f
wea-f authored Nov 22, 2023
2 parents 674468a + 8a5cf64 commit 54a652e
Show file tree
Hide file tree
Showing 2 changed files with 179 additions and 20 deletions.
89 changes: 69 additions & 20 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,18 @@
<html>
<head>
<style>
@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300&display=swap');
#particles-js {
position: fixed; /* Change this to 'fixed' */
width: 100vh;
height: 100vh;
background-repeat: no-repeat;
background-position: 50% 50%;
}

html {
font-family: "Fredoka", "sans-serif";
background-color: #1e88e5;
/*background-color: #1e88e5;*/
color: white;
}

Expand All @@ -19,14 +26,16 @@
display: block;
margin: 0 auto;
font-size: 18px;
border-radius: 10px;
}

#copy {
background-color: #512da8;
background-color: #AB47BC;
}

#title {
color: #e53935;
font-family: "Fredoka", "sans-serif";
}

#footer {
Expand Down Expand Up @@ -54,14 +63,26 @@
display: block;
margin: 0 auto;
font-size: 20px;
border-radius: 15px;
border-style: ridge;
}
#aboutblank {
background-color: #BDBDBD;
}

::placeholder {
color: #FFC107;
font-size:20px;
text-align: center;
font-family: "Fredoka", "sans-serif";
}
h1,
h3,
h4,
h5,
h6 {
text-align: center;
font-family: "Fredoka", "sans-serif";
}

iframe {
Expand All @@ -71,20 +92,23 @@

#tip {
color: lightgreen;
font-family: "Fredoka", "sans-serif";
}

#condition {
color: #e53935;
text-align: center;
font-size: 18px;
font-family: "Fredoka", "sans-serif";
}

#seperator {
text-align: center;
font-size: 30px;
}
#copy_tip {
color: #512da8;
font-family: "Fredoka", "sans-serif";
color: #AB47BC;
}

#footer a,
Expand All @@ -102,28 +126,38 @@
opacity: 1;
}

body {
background: linear-gradient(to bottom, rgb(30, 136, 229), rgb(0, 0, 139));
background-attachment: fixed;
}


</style>
</head>
<body>
<h1 class="fade-in" id="title"> Norepted <h1>
<h3 class="fade-in"> Paste your youtube link in the orange box. Then press the LAUNCH button. <br> <br>To exit the site, press "0," doing this way will remove Norepted from your history. <br> <br>To hide the tab, press "1."</h3></h3>
<h4 class="fade-in" id="copy_tip"> If you want, press the "COPY" button to copy a link, open it in a new tab.</h4>
<h4 class="fade-in" id="tip"> Tip: Press "Enter" on your keyboard to launch the video faster. </h4>
<div id="particles-js"></div>
<h1 class="fade-in" id="title"> Norepted </h1>
<h3 class="fade-in"> Directions: Paste your youtube video link in the box and press the LAUNCH button.</h3>
<h3 class="fade-in"> To exit Norepted, press "0." </h3>
<h3 class="fade-in"> To hide the tab, press "1."</h3>
<a id="aboutblank" onclick="aboutblank()" class="fade-in"><button id="aboutblank">Open in about:blank</button></a>
<h4 class="fade-in" id="copy_tip"> To save a video, press the "COPY" button and bookmark the copied link. </h4>
<h4 class="fade-in" id="tip"> Shortcut: Press "Enter" on your keyboard to launch faster. </h4>
<br>
<input class="fade-in" id="link"><br>
<input class="fade-in" placeholder="Youtube Link Here" id="link"><br>
<button class="fade-in" onclick="fix_link()"> LAUNCH </button>
<br>
<button class="fade-in" id="copy" onclick="copy_link()"> COPY </button>
<h3 class="fade-in"> The video will show down here</h3>
<h5 class="fade-in"> (It might take a few seconds) </h5>
<iframe class="fade-in" id="video" width="650" height="425" frameborder="0" src=" " allowfullscreen> </iframe>
<h3 class="fade-in"> The video will show down below </h3>
<h5 class="fade-in"> (It might take a few seconds, please be patient) </h5>
<iframe loading class="fade-in" id="video" width="650" height="425" frameborder="0" src=" " allowfullscreen></iframe>
<br>
<div class="fade-in" id="seperator">
<span> -------------------------------------------------- </span>
</div>

<div id="footer" class="fade-in">
<div class="visitor-counter">
<div id="footer" class="fade-in">
<div class="visitor-counter">
<script type="text/javascript" src="https://www.stat-counter.org/count/d6u8"></script><br>
</div>
<div class="fade-in">
Expand All @@ -133,12 +167,16 @@ <h5 class="fade-in"> (It might take a few seconds) </h5>
<a href="https://www.cutercounter.com/" target="_blank"><img src="https://www.cutercounter.com/hits.php?id=huxoacnd&nd=5&style=1" border="0" alt="website counter"> </a>
</div>
</div>

<h5 class="fade-in" id="socials"> Made by the user <a href="https://codepen.io/weaF_z" target=”_blank”> WG563 on codepen.io </a>, aka <a href="https://github.com/wea-f" target=”_blank”>wea-f on github </a>, aka <a href="https://replit.com/@wea-F" target=”_blank”> wea-F on replit </a> <br> FOR MORE INFO AND TERMS CHECK IT OUT <a href="https://github.com/wea-f/Norepted" target="_blank"> HERE </a> <br>
<span class="fade-in" id="condition">!!! I am NOT responsible in anyway if you get in trouble while using Norepted, it is YOUR device and YOU control it. !!! </span>
<h5 class="fade-in" id="socials"> Made by the user <a href="https://codepen.io/weaF_z" target=”_blank”> WG563 on codepen.io </a>, aka <a href="https://github.com/wea-f" target=”_blank”>wea-f on github </a>, aka <a href="https://replit.com/@wea-F" target=”_blank”> wea-F on replit </a> <br> FOR MORE INFO AND LICENSE, GO <a href="https://github.com/wea-f/Norepted" target="_blank"> HERE </a> <br>
<span class="fade-in" id="condition">!!! I am NOT responsible in anyway if you get in trouble related to Norepted, it is YOUR device and YOU control it. !!! </span>
</h5>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@300&display=swap" rel="stylesheet">



</body>
<script>
//TEST LINK: https://www.youtube.com/watch?v=DneTJMXtqAQ
Expand All @@ -162,6 +200,8 @@ <h5 class="fade-in" id="socials"> Made by the user <a href="https://codepen.io/w
final_link = final_link.replace("&feature=emb_rel_end","")
document.getElementById("video")
.src = final_link
document.getElementById("video").style.border = "1px solid white";

}

document.body.onkeyup = function(c) {
Expand Down Expand Up @@ -200,6 +240,13 @@ <h5 class="fade-in" id="socials"> Made by the user <a href="https://codepen.io/w
window.open("https://github.com/wea-f/Norepted/tree/master")
}

function aboutblank() {
let url = window.location.href;
var w = window.open("about:blank", "_blank");
w.document.write('<iframe style="position: absolute;top: 0px;bottom: 0px;right: 0px;width: 100%;border: none;margin: 0;padding: 0;overflow: hidden;z-index: 99999;height: 100%;" src="' + url + '"></iframe>');
window.close('','_parent','');

}
// //SCROLL ANIMATION
const fadeInElems = document.querySelectorAll('.fade-in');

Expand Down Expand Up @@ -235,7 +282,7 @@ <h5 class="fade-in" id="socials"> Made by the user <a href="https://codepen.io/w
});
});

document.addEventListener('scroll', handleScroll);
document.addEventListener('scroll', handleScroll);


//Fade in elements on load
Expand All @@ -247,6 +294,8 @@ <h5 class="fade-in" id="socials"> Made by the user <a href="https://codepen.io/w
elem.classList.remove('active');
}
});

</script>
<script rel="preload" src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="particles.js">
</script>
</html>
110 changes: 110 additions & 0 deletions particles.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,110 @@
particlesJS("particles-js", {
"particles": {
"number": {
"value": 140,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": "#FFFFFF" //#f57f17
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#000000"
},
"polygon": {
"nb_sides": 5
},
"image": {
"src": "img/github.svg",
"width": 100,
"height": 100
}
},
"opacity": {
"value": 0.41688713582503595,
"random": true,
"anim": {
"enable": true,
"speed": 1,
"opacity_min": 0,
"sync": false
}
},
"size": {
"value": 3,
"random": true,
"anim": {
"enable": false,
"speed": 4,
"size_min": 0.3,
"sync": false
}
},
"line_linked": {
"enable": false,
"distance": 150,
"color": "#ffffff",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 6.413648243462092,
"direction": "top",
"random": true,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 600
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": false,
"mode": "bubble"
},
"onclick": {
"enable": false,
"mode": "repulse"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 250,
"size": 0,
"duration": 2,
"opacity": 0,
"speed": 3
},
"repulse": {
"distance": 400,
"duration": 0.4
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true
});

0 comments on commit 54a652e

Please sign in to comment.