Amazing new stuff! (Read description of commit!)

Faster loading times! SnailFM is slow? Not anymore! A inbuilt reset option (in settings), Delete SnailFM and reset it up! A built in welcome screen! Welcome new people! Brand new CSS! New update system! Amazing new colours and styles New dependencies! New splash! New render system! Let's go!
snaildos · Mar 9, 2021 · 5a307c9 · 5a307c9 · snaildos · Mar 9, 2021
1 parent afc5198
commit 5a307c9
Show file tree

Hide file tree

Showing 9 changed files with 319 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -3,6 +3,31 @@
   <script>
     window.jQuery = window.$ = require('jquery');
     const loudness = require('loudness')
+</script>
+    <script>
+    // Needs window render
+    require('./renderer.js')
+  </script>
+
+<script>
+  // oobe
+  (function($){
+$(document).ready(function() {
+
+var consent = localStorage.getItem('cookie-consent');
+
+if(consent != 'true'){
+  $('#cookie').fadeIn();
+}
+
+$('#cookie-ok').click(function(event){
+  localStorage.setItem('cookie-consent', 'true');
+  $('#cookie').fadeOut();
+});
+
+});
+})(jQuery);
+</script>
 </script>
   <link rel="icon" href="snailfm.png">
   <script src="./YoutubeJS/video.js"></script>
@@ -80,7 +105,7 @@
 
     .settings {
   position: absolute;
-  top: 8px;
+  top: 30px;
   right: 16px;
   font-size: 18px;
 }
@@ -134,6 +159,36 @@
   .sidenav {padding-top: 15px;}
   .sidenav a {font-size: 18px;}
 }
+
+#cookie{
+  display: none; /* Hidden by default */
+  position: fixed; /* Stay in place */
+  z-index: 1; /* Sit on top */
+  padding-top: 100px; /* Location of the box */
+  left: 0;
+  top: 0;
+  width: 100%; /* Full width */
+  height: 100%; /* Full height */
+  overflow: auto; /* Enable scroll if needed */
+  background-color: rgb(212, 178, 27); /* Fallback color */
+}
+    #cookie-wrapper{
+        display: flex;
+        flex-direction: row;
+        padding: .6rem 0;
+    }
+
+        #cookie-content{
+            border-right: 1px solid #1e67af;
+        }
+
+        #cookie-ok{
+            border: 0;
+            background: none;
+            color: rgb(255, 0, 212);
+        }
+    }
+}
   </style>
 <!-- deprecated code lol-->
 <script>
@@ -148,6 +203,14 @@
 </script>
 </head>
 <body>
+
+  <div id="cookie">
+    <div id="cookie-wrapper">
+        <div id="cookie-content" class="h1">Welcome too SnailFM! <p>For more infomation, visit https://snaildos.tk/snailfm</p>Hit the let's go button too start using this software!</div>
+        <button id="cookie-ok">Let's go!</button>
+    </div>
+</div>
+
   <h1>SnailFM</h1>
   <button type="button" class="settings" data-toggle="modal" data-target="#myModal">Settings</button>
   <h3>Powered by <b>SnailDOS</b></h3>
@@ -243,6 +306,7 @@ <h4 class="modal-title"><h2>SnailFM Settings</h2></h4>
             <h4>Please click what settings you want too change.</h4>
             <h4>If you don't want too change SnailFM settings, press the "More Settings" too change Account settings, encoder settings, and more.</h4>
             <span class="hiddentext" style="font-size:20px;cursor:pointer;color:red" onclick="openNav()">&#9776; More settings</span>
+            <a style="font-size:20px;cursor:pointer;color:red" href="reset.html">&#9776; ResetSnailFM</a>
             <h2>SnailFM Settings</h2>
             <script type="text/javascript">
 function toggle(button)

diff --git a/main.js b/main.js
@@ -26,6 +26,7 @@ const createLoadingScreen = () => {
     Object.assign({
       width: 700,
       height: 120,
+      alwaysOnTop: true,
       frame: false,
       fullscreen: false,
       show: true,
@@ -92,7 +93,7 @@ app.on('ready', () => {
   console.log("Alright, lets go!");
   setTimeout(() => {
     createWindow();
-  }, 3500);
+  }, 3000);
 })
 
 app.on('window-all-closed', function () {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "SnailFM",
-  "version": "1.0.1",
-  "description": "SnailFM is a radio station.",
+  "version": "1.0.2",
+  "description": "SnailFM-Application is a application too view SnailFM.",
   "main": "main.js",
   "repository": {
     "type": "git",
@@ -22,8 +22,8 @@
   "dependencies": {
     "discord-rpc": "^3.1.4",
     "isdev": "^1.0.1",
+    "jquery": "^3.6.0",
     "electron-updater": "^4.0.6",
-    "jquery": "3.5.1",
     "loudness": "0.4.1"
   }
 }
diff --git a/renderer.js b/renderer.js
@@ -0,0 +1 @@
+console.log("Renderer.JS is initialized!")
diff --git a/reset.html b/reset.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<html>
+<head>
+	<script>
+		    window.jQuery = window.$ = require('jquery');
+	</script>
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
+	<title>Resetting SnailFM--- </title>
+	<style type="text/css">
+		.bs-example{
+			margin: 20px;
+		}
+		</style>
+    <style>
+body {
+	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
+	background-size: 400% 400%;
+	animation: gradient 15s ease infinite;
+}
+
+@keyframes gradient {
+	0% {
+		background-position: 0% 50%;
+	}
+	50% {
+		background-position: 100% 50%;
+	}
+	100% {
+		background-position: 0% 50%;
+	}
+}
+    </style>
+</head>
+<body>
+	<script>
+		console.log("Let's clear localstorage first...")
+		localStorage.removeItem('cookie-consent', 'true');
+		console.log("Just wait a bit...")
+		// import rest of stuff here
+	</script>
+	<div class="bs-example">
+		<h2>Resetting SnailFM...</h2>
+		<div class="progress">
+			<div class="progress-bar" id="bar">
+				<span class="sr-only">src</span>
+			</div>
+		</div>
+		<script type="text/javascript">
+			var i = 0;
+			var progressBar = $("#bar");
+			function countNumbers(){
+				if(i < 100){
+					i = i + 10;
+					progressBar.css("width", i + "%");
+				}
+				if(i > 90){
+					window.location.href = "restart.html";
+				}
+				// Wait for sometime before running this script again
+				setTimeout("countNumbers()", 1000);
+			}
+			countNumbers();
+		</script>
+	</div>
+</body>
+</html>
diff --git a/restart.html b/restart.html
@@ -0,0 +1,10 @@
+<html>
+    <head>
+    <title>Reset sucess</title>
+</head>
+<body>
+    <h1> Reset Sucess </h1>
+    <h2> Please hit the exit button and start SnailFM again...</h2>
+    <button id="exit" onclick="window.close()">Exit</button>
+</body>
+</html>
diff --git a/splash.html b/splash.html
@@ -44,11 +44,11 @@ <h2>Loading SnailFM...</h2>
 			var progressBar = $("#bar");
 			function countNumbers(){
 				if(i < 100){
-					i = i + 1;
+					i = i + 25;
 					progressBar.css("width", i + "%");
 				}
 				// Wait for sometime before running this script again
-				setTimeout("countNumbers()", 100);
+				setTimeout("countNumbers()", 1000);
 			}
 			countNumbers();
 		</script>