diff options
Diffstat (limited to 'startpage/index.html')
| -rw-r--r-- | startpage/index.html | 74 |
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> |