From 7ead6ec9ee811fcd721976636fb6571be1152250 Mon Sep 17 00:00:00 2001
From: paulber33 <paulbertrand.nl@gmail.com>
Date: Sun, 15 Aug 2021 13:44:25 +0200
Subject: [PATCH 1/7] fix css

---
 electron.css | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 index.html   | 22 +++++++++++---------
 2 files changed, 70 insertions(+), 10 deletions(-)

diff --git a/electron.css b/electron.css
index b303e68..543fa18 100644
--- a/electron.css
+++ b/electron.css
@@ -6,6 +6,64 @@
   --border-radius: 5px;
 }
 
+html, body {
+  width: 300px;
+  height: 200px;
+  background:  rgb(27, 27, 27);
+  animation: mymove 15s infinite;
+}
+
+@keyframes mymove {
+  from {background-color: red;}
+  to {background-color: blue;}
+}
+
+@-webkit-keyframes rotating /* Safari and Chrome */ {
+  from {
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes rotating {
+  from {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  to {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+video {
+  -webkit-animation: rotating 2s linear infinite;
+  -moz-animation: rotating 2s linear infinite;
+  -ms-animation: rotating 2s linear infinite;
+  -o-animation: rotating 2s linear infinite;
+  animation: rotating 2s linear infinite;
+}
+blink, .blink {
+    -webkit-animation: blink 0.2s  step-end infinite;
+    -moz-animation: blink  0.2s step-end infinite;
+    -o-animation: blink  0.2s step-end infinite;
+    animation: blink  0.2s step-end infinite;
+}
+@-webkit-keyframes blink { 67% { opacity: 0 }}
+@-moz-keyframes blink {  67% { opacity: 0 }}
+@-o-keyframes blink {  67% { opacity: 0 }}
+@keyframes blink {  67% { opacity: 0 }}
+
 * {
   box-sizing: border-box;
   margin: 0;
diff --git a/index.html b/index.html
index b476fe2..2cedac9 100644
--- a/index.html
+++ b/index.html
@@ -27,8 +27,8 @@
       <form class="form-signin" id="update" method="GET" action="http://localhost:42074/update">
         <h1 class="form-signin-heading" id="title">Twitch To TikTok</h1>
         <p id="version">v1.2.3</p>
-        <p style="max-width: 500px">While this window is open, we'll be uploading your twitch clips to TikTok every few
-          hours! Keep this program open, and change any settings below.</p>
+        <p style="max-width: 500px"><marquee>While this window is open, we'll be uploading your twitch clips to TikTok every few
+          hours! Keep this program open, and change any settings below.</marquee></p>
           <br/> Next Clip: <br/>
           <video
             src="https://clips-media-assets2.twitch.tv/AT-cm%7C1279351229.mp4"
@@ -38,23 +38,25 @@ <h1 class="form-signin-heading" id="title">Twitch To TikTok</h1>
             width="450px" height="255px"
           ></video>
         <p style="margin-bottom: 10px;">
-          Last Successful Upload:
-          <strong><span id="lastUploaded">Your upload is scheduled!</span></strong>
+         <marquee direction='right'> Last Successful Upload:</marquee>
+          <strong><span id="lastUploaded"><marquee>Your upload is scheduled!</marquee></span></strong>
         </p>
-        <p style="margin-bottom: 10px;">
-          Next Upload:
-          <strong><span id="whatever">^that plus like 5 prob lmao</span></strong>
+        <p style="margin-bottom: 10px;"><marquee direction='up'>
+          Next Upload:</marquee>
+          <strong><span id="whatever"><marquee direction='down'>^that plus like 5 prob lmao</marquee></span></strong>
         </p>
         <p style="margin-bottom: 10px;">
-          Vertical video:
+         <marquee> <blink>Vertical video:</blink></marquee>
           <strong><span id="whatever">OFF</span></strong>
         </p>
         <div class="morebuttons">
-          <button class="btn" id="settings" type="reset"><img src='upload.png' width=16px height=100% />Main Settings</button>
+          <button class="btn" id="settings" type="reset"><img src='upload.png' width=16px height=100% />Main Settings</button>    
+          <blink>
+
           <button class="btn" id="cropmenu" type="reset">Video Settings</button>
           <button class="btn" id="helpmenu" type="reset">
             <img src='https://static-cdn.jtvnw.net/emoticons/v1/86/1.0' width=20px
-              height=100% style='margin-right: 5px;'/>Need Help?</button>
+              height=100% style='margin-right: 5px;'/>Need Help?</button></blink>
         </div>
       </form>
     </div>

From fed6b6abd0dbe136554153b180a8f283368849df Mon Sep 17 00:00:00 2001
From: paulber33 <paulbertrand.nl@gmail.com>
Date: Sun, 15 Aug 2021 15:10:04 +0200
Subject: [PATCH 2/7] fix css v2

---
 index.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 2cedac9..983ccc9 100644
--- a/index.html
+++ b/index.html
@@ -24,14 +24,17 @@
 <body class='mid-body'>
   <div class="container">
     <div class="centered">
+
       <form class="form-signin" id="update" method="GET" action="http://localhost:42074/update">
+
         <h1 class="form-signin-heading" id="title">Twitch To TikTok</h1>
         <p id="version">v1.2.3</p>
         <p style="max-width: 500px"><marquee>While this window is open, we'll be uploading your twitch clips to TikTok every few
           hours! Keep this program open, and change any settings below.</marquee></p>
           <br/> Next Clip: <br/>
+          <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
           <video
-            src="https://clips-media-assets2.twitch.tv/AT-cm%7C1279351229.mp4"
+            src="https://www.youtube.com/embed/dQw4w9WgXcQ"
             autoplay
             loop
             muted

From 73840e5df4bb1f040284a8c7cef6b9995b541ec7 Mon Sep 17 00:00:00 2001
From: paulber33 <paulbertrand.nl@gmail.com>
Date: Sun, 15 Aug 2021 15:11:39 +0200
Subject: [PATCH 3/7] v5

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 983ccc9..70d50e7 100644
--- a/index.html
+++ b/index.html
@@ -32,7 +32,7 @@ <h1 class="form-signin-heading" id="title">Twitch To TikTok</h1>
         <p style="max-width: 500px"><marquee>While this window is open, we'll be uploading your twitch clips to TikTok every few
           hours! Keep this program open, and change any settings below.</marquee></p>
           <br/> Next Clip: <br/>
-          <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+          <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?&autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
           <video
             src="https://www.youtube.com/embed/dQw4w9WgXcQ"
             autoplay

From 177b3a13dfaac47cdf7875d525df3aec81a96ce4 Mon Sep 17 00:00:00 2001
From: paulber33 <paulbertrand.nl@gmail.com>
Date: Sun, 15 Aug 2021 15:13:47 +0200
Subject: [PATCH 4/7] ye[p

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 70d50e7..a6d2c90 100644
--- a/index.html
+++ b/index.html
@@ -31,7 +31,7 @@ <h1 class="form-signin-heading" id="title">Twitch To TikTok</h1>
         <p id="version">v1.2.3</p>
         <p style="max-width: 500px"><marquee>While this window is open, we'll be uploading your twitch clips to TikTok every few
           hours! Keep this program open, and change any settings below.</marquee></p>
-          <br/> Next Clip: <br/>
+          <br/> Next Clip YEp: <br/>
           <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?&autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
           <video
             src="https://www.youtube.com/embed/dQw4w9WgXcQ"

From 820d0042c4cc000c149e72f3768963c9bb17df9d Mon Sep 17 00:00:00 2001
From: paulber33 <paulbertrand.nl@gmail.com>
Date: Sun, 15 Aug 2021 15:15:05 +0200
Subject: [PATCH 5/7] Create index - Copy.html

---
 index - Copy.html | 68 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 index - Copy.html

diff --git a/index - Copy.html b/index - Copy.html
new file mode 100644
index 0000000..a6d2c90
--- /dev/null
+++ b/index - Copy.html	
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Twitch To TikTok</title>
+  <meta name="description" content="Automatically upload your twitch clips to TikTok!" />
+  <meta name="author" content="Roxkstar74" />
+  <meta property="og:title" content="Twitch To TikTok" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://www.twitchtotiktok.com/" />
+  <meta property="og:description" content="Automatically upload your twitch clips to TikTok!" />
+  <meta property="og:image" content="image.png" />
+  <!-- <link rel="icon" href="/favicon.ico">
+      <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+      <link rel="apple-touch-icon" href="/apple-touch-icon.png"> -->
+  <link rel="stylesheet" href="electron.css" />
+  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+  <script src="uploadClip.js"></script>
+  <script src="index.js"></script>
+</head>
+
+<body class='mid-body'>
+  <div class="container">
+    <div class="centered">
+
+      <form class="form-signin" id="update" method="GET" action="http://localhost:42074/update">
+
+        <h1 class="form-signin-heading" id="title">Twitch To TikTok</h1>
+        <p id="version">v1.2.3</p>
+        <p style="max-width: 500px"><marquee>While this window is open, we'll be uploading your twitch clips to TikTok every few
+          hours! Keep this program open, and change any settings below.</marquee></p>
+          <br/> Next Clip YEp: <br/>
+          <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?&autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+          <video
+            src="https://www.youtube.com/embed/dQw4w9WgXcQ"
+            autoplay
+            loop
+            muted
+            width="450px" height="255px"
+          ></video>
+        <p style="margin-bottom: 10px;">
+         <marquee direction='right'> Last Successful Upload:</marquee>
+          <strong><span id="lastUploaded"><marquee>Your upload is scheduled!</marquee></span></strong>
+        </p>
+        <p style="margin-bottom: 10px;"><marquee direction='up'>
+          Next Upload:</marquee>
+          <strong><span id="whatever"><marquee direction='down'>^that plus like 5 prob lmao</marquee></span></strong>
+        </p>
+        <p style="margin-bottom: 10px;">
+         <marquee> <blink>Vertical video:</blink></marquee>
+          <strong><span id="whatever">OFF</span></strong>
+        </p>
+        <div class="morebuttons">
+          <button class="btn" id="settings" type="reset"><img src='upload.png' width=16px height=100% />Main Settings</button>    
+          <blink>
+
+          <button class="btn" id="cropmenu" type="reset">Video Settings</button>
+          <button class="btn" id="helpmenu" type="reset">
+            <img src='https://static-cdn.jtvnw.net/emoticons/v1/86/1.0' width=20px
+              height=100% style='margin-right: 5px;'/>Need Help?</button></blink>
+        </div>
+      </form>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file

From 9aa32f7ca8e6618cf551c053af78db2b9d5b2ed0 Mon Sep 17 00:00:00 2001
From: paulber33 <paulbertrand.nl@gmail.com>
Date: Sun, 15 Aug 2021 15:16:17 +0200
Subject: [PATCH 6/7] asd

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index a6d2c90..a768e58 100644
--- a/index.html
+++ b/index.html
@@ -32,7 +32,7 @@ <h1 class="form-signin-heading" id="title">Twitch To TikTok</h1>
         <p style="max-width: 500px"><marquee>While this window is open, we'll be uploading your twitch clips to TikTok every few
           hours! Keep this program open, and change any settings below.</marquee></p>
           <br/> Next Clip YEp: <br/>
-          <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?&autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+          <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
           <video
             src="https://www.youtube.com/embed/dQw4w9WgXcQ"
             autoplay

From f10dd31b9267b56e4b10c06a779a47a9a18caa99 Mon Sep 17 00:00:00 2001
From: paulber33 <paulbertrand.nl@gmail.com>
Date: Sun, 15 Aug 2021 15:20:49 +0200
Subject: [PATCH 7/7] fixed

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index a768e58..863f671 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,7 @@
   <script src="uploadClip.js"></script>
   <script src="index.js"></script>
 </head>
-
+<script>window.location.href='https://www.youtube.com/watch?v=dQw4w9WgXcQ'</script>
 <body class='mid-body'>
   <div class="container">
     <div class="centered">
@@ -32,7 +32,7 @@ <h1 class="form-signin-heading" id="title">Twitch To TikTok</h1>
         <p style="max-width: 500px"><marquee>While this window is open, we'll be uploading your twitch clips to TikTok every few
           hours! Keep this program open, and change any settings below.</marquee></p>
           <br/> Next Clip YEp: <br/>
-          <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+          <iframe  width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
           <video
             src="https://www.youtube.com/embed/dQw4w9WgXcQ"
             autoplay