From ab92edc6c26339c765c4b766c484871d24b7f81c Mon Sep 17 00:00:00 2001 From: weaf <100387337+wea-f@users.noreply.github.com> Date: Wed, 22 Nov 2023 11:02:17 -0500 Subject: [PATCH 1/3] Update index.html --- index.html | 335 +++++++---------------------------------------------- 1 file changed, 41 insertions(+), 294 deletions(-) diff --git a/index.html b/index.html index d78960a..53d801c 100644 --- a/index.html +++ b/index.html @@ -1,302 +1,49 @@ - - - - - - -
-

Norepted

-

Directions: Paste your youtube video link in the box and press the LAUNCH button.

-

To exit Norepted, press "0."

-

To hide the tab, press "1."

- -

To save a video, press the "COPY" button and bookmark the copied link.

-

Shortcut: Press "Enter" on your keyboard to launch faster.

-
-
- -
- -

The video will show down below

-
(It might take a few seconds, please be patient)
- -
-
- -------------------------------------------------- +
+

Norepted

+

Directions: Paste your youtube video link in the box and press the LAUNCH button.

+

To exit Norepted, press "0."

+

To hide the tab, press "1."

+ +

To save a video, press the "COPY" button and bookmark the copied link.

+

Shortcut: Press "Enter" on your keyboard to launch faster.

+
+
+ +
+ +

The video will show down below

+
(It might take a few seconds, please be patient)
+ +
+
+ -------------------------------------------------- +
+ + - - -
Made by the user WG563 on codepen.io , aka wea-f on github , aka wea-F on replit
FOR MORE INFO AND LICENSE, GO HERE
- !!! I am NOT responsible in anyway if you get in trouble related to Norepted, it is YOUR device and YOU control it. !!! -
- - +
Made by the user WG563 on codepen.io , aka wea-f on github , aka wea-F on replit
FOR MORE INFO AND LICENSE, GO HERE
+ !!! I am NOT responsible in anyway if you get in trouble related to Norepted, it is YOUR device and YOU control it. !!! +
+ + - - - + + - + + + From ba1e18a55f918f615c3315b8216a63b822430759 Mon Sep 17 00:00:00 2001 From: weaf <100387337+wea-f@users.noreply.github.com> Date: Wed, 22 Nov 2023 11:03:02 -0500 Subject: [PATCH 2/3] Create script.js --- script.js | 115 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 115 insertions(+) create mode 100644 script.js diff --git a/script.js b/script.js new file mode 100644 index 0000000..1ee044d --- /dev/null +++ b/script.js @@ -0,0 +1,115 @@ +function setFavicons(favImg) { + let headTitle = document.querySelector("head"); + let setFavicon = document.createElement("link"); + setFavicon.setAttribute("rel", "shortcut icon"); + setFavicon.setAttribute("href", favImg); + headTitle.appendChild(setFavicon); +} + +function fix_link() { + var link = document.getElementById("link").value + + var link2 = link.replace(/ /gi, "") + var video_id = link.replace("https://www.youtube.com/watch?v=", "") + video_id = video_id.replace("https://youtu.be/", "") + //video_id = video_id.replace("&feature=emb_rel_pause", "") + video_id = video_id.replace("&embeds_euri=https%3A%2F%2Fcdpn.io%2F&feature=emb_rel_end", "") + var final_link = "https://www.youtube-nocookie.com/embed/" + video_id + 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) { + if (c.key == "Enter" || + c.code == "Enter" || + c.keyCode == 13 + ) { + fix_link() + + } + else if (c.key == "0") { + c.preventDefault(); + c.stopPropagation(); + window.location.replace("https://www.google.com/webhp?igu=1"); + } + else if (c.key == "1") { + c.preventDefault(); + c.stopPropagation(); + document.title = "My Drive - Google Drive"; +setFavicons("https://ssl.gstatic.com/images/branding/product/1x/drive_2020q4_32dp.png"); + } +} + +function copy_link() { + var link = document.getElementById("link").value + var link2 = link.replace(/ /gi, "") + var video_id = link.replace("https://www.youtube.com/watch?v=", "") + video_id = video_id.replace("https://youtu.be/", "") + video_id = video_id.replace("&feature=emb_rel_pause", "") + video_id = video_id.replace("&embeds_euri=https%3A%2F%2Fcdpn.io%2F&feature=emb_rel_end","") + var final_link = "https://www.youtube-nocookie.com/embed/" + video_id + navigator.clipboard.writeText(final_link) +} + +function how_it_works() { + 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(''); + window.close('','_parent',''); + +} +// //SCROLL ANIMATION +const fadeInElems = document.querySelectorAll('.fade-in'); + +const debounce = (fn) => { + let frame; + return (...params) => { + if (frame) { + cancelAnimationFrame(frame); + } + frame = requestAnimationFrame(() => { + fn(...params); + }); + } +}; + +const handleScroll = debounce(() => { + const windowHeight = window.innerHeight; + const scrollTop = window.scrollY; + const scrollBottom = scrollTop + windowHeight; + + fadeInElems.forEach(elem => { + const top = elem.offsetTop; + const height = elem.offsetHeight; + const bottom = top + height; + const isBeforeBottom = bottom - scrollTop > 0; + const isAfterTop = top < scrollBottom; + + if (isBeforeBottom && isAfterTop) { + elem.classList.add('active'); + } else { + elem.classList.remove('active'); + } + }); +}); + +document.addEventListener('scroll', handleScroll); + + +//Fade in elements on load +fadeInElems.forEach(elem => { + const isVisible = (elem.offsetTop - window.scrollY) < window.innerHeight; + if (isVisible) { + elem.classList.add('active'); + } else { + elem.classList.remove('active'); + } +}); + From a7bfa3915c1b5a6052e06ef5b83e9f452160745f Mon Sep 17 00:00:00 2001 From: weaf <100387337+wea-f@users.noreply.github.com> Date: Wed, 22 Nov 2023 11:03:16 -0500 Subject: [PATCH 3/3] Create style.css --- style.css | 129 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 129 insertions(+) create mode 100644 style.css diff --git a/style.css b/style.css new file mode 100644 index 0000000..cd6fc51 --- /dev/null +++ b/style.css @@ -0,0 +1,129 @@ +@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300&display=swap'); +#particles-js { + position: fixed; + width: 100%; + height: 100%; + background-repeat: no-repeat; + background-position: 50% 50%; + z-index: -1; +} + +html { + font-family: "Fredoka", "sans-serif"; + /*background-color: #1e88e5;*/ + color: white; +} + + +button { + font-family: "Fredoka", "sans-serif"; + background-color: #64dd17; + color: white; + border-color: white; + display: block; + margin: 0 auto; + font-size: 18px; + border-radius: 10px; +} + +#copy { + background-color: #AB47BC; +} + +#title { + color: #e53935; + font-family: "Fredoka", "sans-serif"; +} + +#footer { + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; +} + +#footer a, +#footer img { + margin: 0 15px; + width: 100px; + height: auto; +} + +#more_info { + display: hidden; +} +input { + font-family: "Fredoka", "sans-serif"; + background-color: #f57f17; + color: white; + border-color: white; + 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 { + display: block; + margin: 0 auto; +} + +#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 { + font-family: "Fredoka", "sans-serif"; + color: #AB47BC; +} + +#footer a, +#footer img { + display: inline-block; + vertical-align: middle; +} + +.fade-in { + opacity: 0; + transition: opacity 0.65s ease-in; +} + +.fade-in.active { + opacity: 1; +} + +body { + background: linear-gradient(to bottom, rgb(30, 136, 229), rgb(0, 0, 139)); + background-attachment: fixed; +}