index.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!DOCTYPE html>
  2. <html lang="se">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>RGB Hub</title>
  6. <link rel="stylesheet" type="text/css" href="css/LEDs.css">
  7. <link rel="stylesheet" type="text/css" href="css/sidebar.css">
  8. <script src="js/LED.js"></script>
  9. <link rel="preconnect" href="https://fonts.googleapis.com">
  10. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  11. <link href="https://fonts.googleapis.com/css2?family=Raleway&display=swap" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css2?family=Raleway&family=Roboto&display=swap" rel="stylesheet">
  13. </head>
  14. <body>
  15. <div class="container">
  16. <div class="corner"><p>Cool Site</p></div>
  17. <div class="sideBar">
  18. <a href="index.html">LED</a>
  19. <a>Git</a>
  20. </div>
  21. <div class="topBar">
  22. <button>Animations</button>
  23. <button>Settings</button>
  24. </div>
  25. <div class="animationsContainer">
  26. <h2>Animations</h2>
  27. <button id="B" onclick="buttonPushAnimation('B')">Rainbow</button>
  28. <button id="C" onclick="buttonPushAnimation('C')">Fill</button>
  29. <button id="D" onclick="buttonPushAnimation('D')">Chasing</button>
  30. <button id="E" onclick="buttonPushAnimation('E')">Random colors</button>
  31. <button id="F" onclick="buttonPushAnimation('F')">Split RGB</button>
  32. <button id="G" onclick="buttonPushAnimation('G')">Stardust</button>
  33. </div>
  34. </div>
  35. </body>
  36. </html>