<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Welcome, Vidhu Kant!</title> </head> <body> <style> body { margin: 0px; background-image: url('main/background.jpg'); background-repeat: no-repeat; background-size: 100vw 110vh; /* 110vh so yukino looks cuter lol */ background-color: #565960; } .nav { position: absolute; bottom: 0.5rem; left: 1.5rem; right: 1.5rem; margin: auto; /*width: 90%;*/ background-color: #FFFFFF; border: 2px solid #232627; border-radius: 1.75rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: center; } .nav .a { height: 2rem; } .link-container { background-color: #5B76B7; padding: 0.5rem 1.1rem; border-radius: 1.5rem; margin: 0.25rem 0.3rem; } .nav a { color: white; text-decoration: none; } </style> <div class="clock">{{ .time }}</div> <div class="nav"> <div class="link-container"><a href="https://myanimelist.net">MyAnimeList</a></div> <div class="link-container"><a href="https://old.reddit.com">Reddit</a></div> <div class="link-container"><a href="https://myanimelist.net/profile/MikunoNaka">MAL Profile</a></div> <div class="link-container"><a href="https://youtube.com">YouTube</a></div> <div class="link-container"><a href="https://amazon.in">Amazon</a></div> <div class="link-container"><a href="https://mega.nz">Mega</a></div> <div class="link-container"><a href="https://nyaa.si">Nyaa</a></div> <div class="link-container"><a href="https://www.youtube.com/playlist?list=PL8lRJQHQWdduy2V0DQQ4Lm0P572XJFVB9">Music</a></div> <div class="link-container"><a href="https://www.youtube.com/playlist?list=PL8lRJQHQWddu55nsz8CezmJJ-GRVISZ1E">音楽</a></div> <div class="link-container"><a href="http://localhost:8080">localhost</a></div> <div class="link-container"><a href="https://colorpicker.me/#5B76B7">color picker</a></div> </div> </body> </html>