coded a server to serve the startpage locally

31 files changed, 66 insertions, 100 deletions

diff --git a/startpage/backgrounds/Yukino-twintails.jpg b/startpage/background.jpg
index 3e8476f3..3e8476f3 100644
--- a/startpage/backgrounds/Yukino-twintails.jpg
+++ b/startpage/background.jpg
diff --git a/startpage/backgrounds/Ansel.jpg b/startpage/backgrounds/Ansel.jpg
deleted file mode 100644
index f10a5a81..00000000
--- a/startpage/backgrounds/Ansel.jpg
+++ /dev/null
diff --git a/startpage/backgrounds/Aqua.jpg b/startpage/backgrounds/Aqua.jpg
deleted file mode 100644
index b4af4418..00000000
--- a/startpage/backgrounds/Aqua.jpg
+++ /dev/null
diff --git a/startpage/backgrounds/Chika.jpg b/startpage/backgrounds/Chika.jpg
deleted file mode 100644
index 7a381ca8..00000000
--- a/startpage/backgrounds/Chika.jpg
+++ /dev/null
diff --git a/startpage/backgrounds/Girl-at-station.jpg b/startpage/backgrounds/Girl-at-station.jpg
deleted file mode 100644
index f20afb2f..00000000
--- a/startpage/backgrounds/Girl-at-station.jpg
+++ /dev/null
diff --git a/startpage/backgrounds/Girl.jpg b/startpage/backgrounds/Girl.jpg
deleted file mode 100644
index b4ef26ef..00000000
--- a/startpage/backgrounds/Girl.jpg
+++ /dev/null
diff --git a/startpage/backgrounds/Hitagi.png b/startpage/backgrounds/Hitagi.png
deleted file mode 100644
index 6aeb7065..00000000
--- a/startpage/backgrounds/Hitagi.png
+++ /dev/null
diff --git a/startpage/backgrounds/Kaguya.jpg b/startpage/backgrounds/Kaguya.jpg
deleted file mode 100644
index 0617483e..00000000
--- a/startpage/backgrounds/Kaguya.jpg
+++ /dev/null
diff --git a/startpage/backgrounds/Komachi.png b/startpage/backgrounds/Komachi.png
deleted file mode 100644
index 14ae8746..00000000
--- a/startpage/backgrounds/Komachi.png
+++ /dev/null
diff --git a/startpage/backgrounds/Konosuba-waifus.png b/startpage/backgrounds/Konosuba-waifus.png
deleted file mode 100644
index 1d84758d..00000000
--- a/startpage/backgrounds/Konosuba-waifus.png
+++ /dev/null
diff --git a/startpage/backgrounds/Mai-station.jpg b/startpage/backgrounds/Mai-station.jpg
deleted file mode 100644
index 1a0c1d2b..00000000
--- a/startpage/backgrounds/Mai-station.jpg
+++ /dev/null
diff --git a/startpage/backgrounds/Mai.jpg b/startpage/backgrounds/Mai.jpg
deleted file mode 100644
index 5cfd0021..00000000
--- a/startpage/backgrounds/Mai.jpg
+++ /dev/null
diff --git a/startpage/backgrounds/Megumin-and-Aqua.jpg b/startpage/backgrounds/Megumin-and-Aqua.jpg
deleted file mode 100644
index 889bff71..00000000
--- a/startpage/backgrounds/Megumin-and-Aqua.jpg
+++ /dev/null
diff --git a/startpage/backgrounds/Megumin-and-Emilia.jpg b/startpage/backgrounds/Megumin-and-Emilia.jpg
deleted file mode 100644
index 639ca0e6..00000000
--- a/startpage/backgrounds/Megumin-and-Emilia.jpg
+++ /dev/null
diff --git a/startpage/backgrounds/Megumin-redBG.png b/startpage/backgrounds/Megumin-redBG.png
deleted file mode 100644
index e60dc328..00000000
--- a/startpage/backgrounds/Megumin-redBG.png
+++ /dev/null
diff --git a/startpage/backgrounds/Megumin.png b/startpage/backgrounds/Megumin.png
deleted file mode 100644
index a4e6eea8..00000000
--- a/startpage/backgrounds/Megumin.png
+++ /dev/null
diff --git a/startpage/backgrounds/Mizuhara.png b/startpage/backgrounds/Mizuhara.png
deleted file mode 100644
index edcc16db..00000000
--- a/startpage/backgrounds/Mizuhara.png
+++ /dev/null
diff --git a/startpage/backgrounds/Rain.jpg b/startpage/backgrounds/Rain.jpg
deleted file mode 100644
index 8a3c7eaa..00000000
--- a/startpage/backgrounds/Rain.jpg
+++ /dev/null
diff --git a/startpage/backgrounds/Shrine-in-sky.png b/startpage/backgrounds/Shrine-in-sky.png
deleted file mode 100644
index e8f849eb..00000000
--- a/startpage/backgrounds/Shrine-in-sky.png
+++ /dev/null
diff --git a/startpage/backgrounds/Sky.png b/startpage/backgrounds/Sky.png
deleted file mode 100644
index b32fc342..00000000
--- a/startpage/backgrounds/Sky.png
+++ /dev/null
diff --git a/startpage/backgrounds/Station.jpg b/startpage/backgrounds/Station.jpg
deleted file mode 100644
index d1c9f9c6..00000000
--- a/startpage/backgrounds/Station.jpg
+++ /dev/null
diff --git a/startpage/backgrounds/Tifa.png b/startpage/backgrounds/Tifa.png
deleted file mode 100644
index 812ed2f3..00000000
--- a/startpage/backgrounds/Tifa.png
+++ /dev/null
diff --git a/startpage/backgrounds/Yukino-sitting-ground.png b/startpage/backgrounds/Yukino-sitting-ground.png
deleted file mode 100644
index 62bfa5f4..00000000
--- a/startpage/backgrounds/Yukino-sitting-ground.png
+++ /dev/null
diff --git a/startpage/backgrounds/Yukino.png b/startpage/backgrounds/Yukino.png
deleted file mode 100644
index fe303dac..00000000
--- a/startpage/backgrounds/Yukino.png
+++ /dev/null
diff --git a/startpage/backgrounds/Zero-Tsu.png b/startpage/backgrounds/Zero-Tsu.png
deleted file mode 100644
index 78d55996..00000000
--- a/startpage/backgrounds/Zero-Tsu.png
+++ /dev/null
diff --git a/startpage/backgrounds/falling-from-sky.png b/startpage/backgrounds/falling-from-sky.png
deleted file mode 100644
index 9c28435f..00000000
--- a/startpage/backgrounds/falling-from-sky.png
+++ /dev/null
diff --git a/startpage/backgrounds/mm.png b/startpage/backgrounds/mm.png
deleted file mode 100644
index 8bb630ef..00000000
--- a/startpage/backgrounds/mm.png
+++ /dev/null
diff --git a/startpage/backgrounds/walking-in-rain.jpg b/startpage/backgrounds/walking-in-rain.jpg
deleted file mode 100644
index 095b68fe..00000000
--- a/startpage/backgrounds/walking-in-rain.jpg
+++ /dev/null
diff --git a/startpage/index.html b/startpage/index.html
index 334f2035..18b2dd2e 100644
--- a/startpage/index.html
+++ b/startpage/index.html
@@ -1,32 +1,54 @@
 <!DOCTYPE html>
 <html>
 <head>
-	<link rel="stylesheet" href="styles.css" type="text/css"/>
-	<!--meta name="viewport" content="width=device-width, initial-scale=1.0"-->
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Welcome, Vidhu Kant!</title>
 </head>
 <body>
-	<style id="randomBG"></style>
-	<script>
-		var images = ['Ansel.jpg', 'falling-from-sky.png', 'Hitagi.png', 'Konosuba-waifus.png', 'Megumin-and-Aqua.jpg', 'Megumin.png', 'Rain.jpg', 'Station.jpg', 'Yukino-sitting-ground.png', 'Zero-Tsu.png', 'Aqua.jpg', 'Girl-at-station.jpg', 'Kaguya.jpg', 'Mai-station.jpg', 'Megumin-and-Emilia.jpg', 'Mizuhara.png', 'Shrine-in-sky.png', 'Tifa.png', 'Yukino-twintails.jpg', 'Chika.jpg', 'Girl.jpg', 'Komachi.png', 'Mai.jpg', 'Megumin-redBG.png', 'mm.png', 'Sky.png', 'walking-in-rain.jpg', 'Yukino.png'];
-		var BG = "backgrounds/" + images[Math.floor(Math.random() *      images.length)]
-		document.getElementById("randomBG").innerHTML = "body { background-image: url('" + BG + "'); }";
-	</script>
-	<div class="content">
-		<h1 class="center" id="title">
-			Welcome, Vidhu Kant!
-		</h1>
-		<span id="time-container">
-			<h2 class="center" id="quote-container" id="subtitle">
-			Time: <span id="datetime"></span>
-			</h2>
-		</span>
+	<style>
+		body {
+		        margin: 7px;
+		        background-color: #111111;
+		        background-image: url('main/background.jpg');
+		        background-repeat: no-repeat;
+		        background-size: cover;
+		}
+		
+		.nav-container {
+		        margin: -7px;
+		        background-color: #3333330d;
+		        overflow: hidden;
+		        position: fixed;
+		        bottom: 6px;
+		        width: 100%;
+		        padding: 13px 0px 22px 0px;
+		}
+		
+		.nav {
+		        max-width: 96%;
+		        margin: 3%;
+		        padding: 12px 12px 12px 12px;
+		        background-color: #FCFCFCdd;
+		        border: 2px solid #232627;
+		        border-radius: 90px 90px 90px 90px;
+		}
+		
+		.nav a {
+		        color: #FFFFFF;
+		        background-color: #5b76b7;
+		        text-decoration: none;
+		        padding: 8px 18px;
+		        border-radius: 20px;
+		        margin-right: 3px;
+		        margin-left: 3px;
+		}
+		
+	</style>
+	<div class="clock">
+		{{ .time }}
 	</div>
-
-
-
-	<div id="bottom-nav-container">
-		<span class="bottom-nav-item" id="nav-links">
+	<div class="nav-container">
+		<span class="nav">
 			<a href="https://myanimelist.net">MyAnimeList</a>
 			<a href="https://old.reddit.com">Reddit</a>
 			<a href="https://myanimelist.net/profile/MikunoNaka">MAL Profile</a>
@@ -40,14 +62,6 @@
 			<a href="http://localhost:8080">localhost</a>
 			<a href="https://colorpicker.me/#5B76B7">color picker</a>
 		</span>
-		<span class="bottom-nav-item">
-			<p><span id="datetime"></span></p>
-		</span>
 	</div>
-
-<script>
-	var dt = new Date();
-	document.getElementById("datetime").innerHTML = (("0"+dt.getHours()).slice(-2)) +":"+ (("0"+dt.getMinutes()).slice(-2));
-</script>
 </body>
 </html>
diff --git a/startpage/server.go b/startpage/server.go
new file mode 100644
index 00000000..b2eef0ca
--- /dev/null
+++ b/startpage/server.go
@@ -0,0 +1,22 @@
+package main
+
+import (
+	"github.com/gin-gonic/gin"
+	"net/http"
+	"time"
+)
+
+func main() {
+	router := gin.New()
+	router.LoadHTMLGlob("/home/zt/.config/startpage/index.html")
+	router.Static("main", "/home/zt/.config/startpage/")
+
+	router.GET("/", func (c *gin.Context) {
+		time := time.Now().Format("15:04 02 Jan (Monday)")
+		c.HTML(http.StatusOK, "index.html", gin.H{
+			"time": time,
+		})
+	})
+
+	router.Run(":8081")
+}
diff --git a/startpage/styles.css b/startpage/styles.css
deleted file mode 100644
index 92db46e5..00000000
--- a/startpage/styles.css
+++ /dev/null
@@ -1,70 +0,0 @@
-.center { text-align: center; }
-body {
-	margin: 7px;
-	background-color: #111111;
-	background-image: url('bg5.jxg'), url("shttps://raw.githubusercontent.com/MikunoNaka/dots/master/startpage/bg5.jpg");
-	background-repeat: no-repeat;
-	background-size: cover;
-}
-
-.content {
-	border-radius: 6px;
-	background: #2326273f;
-	padding: 10px 24px;
-	margin: 3%;
-}
-
-.content #title {
-	font-size: 44px;
-}
-
-#time-container h2 {
-	font-size: 32px;
-	color: #f50a69;
-	margin-right: 510px;
-	margin-left: 510px;
-	padding: 5px 0px;
-	background-color: #23262719;
-	border-radius: 50px;
-}
-
-
-
-.content h1 {
-	color: #FFFFFF;
-}
-
-
-#bottom-nav-container {
-	margin: -7px;
-	background-color: #3333330d;
-	overflow: hidden;
-	position: fixed;
-	bottom: 6px;
-	width: 100%;
-	padding: 13px 0px 22px 0px;
-}
-
-.bottom-nav-item p {
-	display: inline;
-	color: #FFFFFF;
-}
-
-#nav-links {
-	max-width: 96%;
-	margin: 3%;
-	padding: 12px 12px 12px 12px;
-	background-color: #FCFCFCdd;
-	border: 2px solid #232627;
-	border-radius: 90px 90px 90px 90px;
-}
-
-#nav-links a {
-	color: #FFFFFF;
-	background-color: #5b76b7;
-	text-decoration: none;
-	padding: 8px 18px;
-	border-radius: 20px;
-	margin-right: 3px;
-	margin-left: 3px;
-}