index.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>fuzzy's homepage :)</title>
  5. <link rel=stylesheet type=text/css href=main.css>
  6. <link rel=stylesheet type=text/css href=widescreen.css>
  7. <link rel=stylesheet type=text/css href=thin.css>
  8. <link rel=stylesheet type=text/css href=phone.css>
  9. </head>
  10. <body>
  11. <header>
  12. <h1>fuzzy's homepage =]</h1>
  13. <section id="time"></section>
  14. <form id="search_form" method="get" action="https://duckduckgo.com/?q=">
  15. <input type="search" name="q" placeholder="search" aria-label="search">
  16. <button type="submit" label="search!" aria-label="search!">Search!</button>
  17. </form>
  18. </header>
  19. <section id="quicklinks">
  20. <ul>
  21. <li><a href="https://p.fuzzy.click">Fedi</a></li>
  22. <li><a href="https://discord.com/app">Discord</a></li>
  23. <li><a href="https://wiki.archlinux.org">Arch Wiki</a></li>
  24. <li><a href="https://notabug.org">NotABug</a></li>
  25. <li><a href="https://home.fuzzy.click">Home Assistant</a></li>
  26. <li><a href="https://jelly.fuzzy.click">Jellyfin</a></li>
  27. </ul>
  28. <img src="startpage-pics/robotsamuraigirl.jpg">
  29. </section>
  30. <script>
  31. var time = document.querySelector('#time');
  32. function updateClock() {
  33. // Get the current time, day , month and year
  34. var now = new Date();
  35. var hours = now.getHours();
  36. var minutes = now.getMinutes();
  37. var date = now.getDate();
  38. // format date and time
  39. var period = hours < 12 ? 'AM' : 'PM';
  40. hours = hours % 12 || 12;
  41. minutes = minutes < 10 ? '0' + minutes : minutes;
  42. // display date and time
  43. time.innerHTML = hours + ':' + minutes + " " + period;
  44. }
  45. updateClock();
  46. setInterval(updateClock, 1000);
  47. </script>
  48. </body>
  49. </html>