aboutsummaryrefslogtreecommitdiff
path: root/startpage/index.html
diff options
context:
space:
mode:
authorVidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com>2021-02-05 21:01:24 +0530
committerVidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com>2021-02-05 21:01:24 +0530
commit2b302678650520750863ae19f7a940219646225c (patch)
tree721a18bd6efd44bee7998690ea3fe8ceee9b2f43 /startpage/index.html
parent866d9c1b2f04eaa7c81ca65419ebcafe93540d4f (diff)
coded a server to serve the startpage locally
Diffstat (limited to 'startpage/index.html')
-rw-r--r--startpage/index.html74
1 files changed, 44 insertions, 30 deletions
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>