diff options
Diffstat (limited to 'templates/navbar.templ')
-rw-r--r-- | templates/navbar.templ | 322 |
1 files changed, 164 insertions, 158 deletions
diff --git a/templates/navbar.templ b/templates/navbar.templ index dd34d4b..f0b030c 100644 --- a/templates/navbar.templ +++ b/templates/navbar.templ @@ -67,164 +67,170 @@ templ navbar() { </a> </li> <li id="nav-icon-theme"> - <form class={ noMargin() } action="/theme" method="POST"> - <button> - <svg - version="1.1" - width="24" - height="24" - viewBox="0 0 24 24" - fill="none" - xmlns="http://www.w3.org/2000/svg" - > - if ctx.Value("theme").(string) == "dark" { - <path - d="M 7.28451 10.3333 - C 7.10026 10.8546 - 7 11.4156 - 7 12 - C 7 14.7614 - 9.23858 17 - 12 17 - C 14.7614 17 - 17 14.7614 - 17 12 - C 17 9.23858 - 14.7614 7 - 12 7 - C 11.4156 7 - 10.8546 7.10026 - 10.3333 7.28451" - stroke-width="1.5" - stroke-linecap="round" - ></path> - <path - d="M 12 2 V 4" - stroke-width="1.5" - stroke-linecap="round" - ></path> - <path - d="M 12 20 V 22" - stroke-width="1.5" - stroke-linecap="round" - ></path> - <path - d="M 4 12 L 2 12" - stroke-width="1.5" - stroke-linecap="round" - ></path> - <path - d="M 22 12 L 20 12" - stroke-width="1.5" - stroke-linecap="round" - ></path> - <path - d="M 19.7778 4.22266 L 17.5558 6.25424" - stroke-width="1.5" - stroke-linecap="round" - ></path> - <path - d="M 4.22217 4.22266 L 6.44418 6.25424" - stroke-width="1.5" - stroke-linecap="round" - ></path> - <path - d="M 6.44434 17.5557 L 4.22211 19.7779" - stroke-width="1.5" - stroke-linecap="round" - ></path> - <path - d="M 19.7778 19.7773 L 17.5558 17.5551" - stroke-width="1.5" - stroke-linecap="round" - ></path> - } else { - <path - d="M 21.0672 11.8568 - L 20.4253 11.469 - L 21.0672 11.8568 - Z - M 12.1432 2.93276 - L 11.7553 2.29085 - V 2.29085 - L 12.1432 2.93276 - Z - M 7.37554 20.013 - C 7.017 19.8056 6.5582 19.9281 6.3508 20.2866 - C 6.14339 20.6452 6.26591 21.104 6.62446 21.3114 - L 7.37554 20.013 - Z - M 2.68862 17.3755 - C 2.89602 17.7341 3.35482 17.8566 3.71337 17.6492 - C 4.07191 17.4418 4.19443 16.983 3.98703 16.6245 - L 2.68862 17.3755 - Z - M 21.25 12 - C 21.25 17.1086 17.1086 21.25 12 21.25 - V 22.75 - C 17.9371 22.75 22.75 17.9371 22.75 12 - H 21.25 - Z - M 2.75 12 - C 2.75 6.89137 6.89137 2.75 12 2.75 - V 1.25 - C 6.06294 1.25 1.25 6.06294 1.25 12 - H 2.75 - Z - M 15.5 14.25 - C 12.3244 14.25 9.75 11.6756 9.75 8.5 - H 8.25 - C 8.25 12.5041 11.4959 15.75 15.5 15.75 - V 14.25 - Z - M 20.4253 11.469 - C 19.4172 13.1373 17.5882 14.25 15.5 14.25 - V 15.75 - C 18.1349 15.75 20.4407 14.3439 21.7092 12.2447 - L 20.4253 11.469 - Z - M 9.75 8.5 - C 9.75 6.41182 10.8627 4.5828 12.531 3.57467 - L 11.7553 2.29085 - C 9.65609 3.5593 8.25 5.86509 8.25 8.5 - H 9.75 - Z - M 12 2.75 - C 11.9115 2.75 11.8077 2.71008 11.7324 2.63168 - C 11.6686 2.56527 11.6538 2.50244 11.6503 2.47703 - C 11.6461 2.44587 11.6482 2.35557 11.7553 2.29085 - L 12.531 3.57467 - C 13.0342 3.27065 13.196 2.71398 13.1368 2.27627 - C 13.0754 1.82126 12.7166 1.25 12 1.25 - V 2.75 - Z - M 21.7092 12.2447 - C 21.6444 12.3518 21.5541 12.3539 21.523 12.3497 - C 21.4976 12.3462 21.4347 12.3314 21.3683 12.2676 - C 21.2899 12.1923 21.25 12.0885 21.25 12 - H 22.75 - C 22.75 11.2834 22.1787 10.9246 21.7237 10.8632 - C 21.286 10.804 20.7293 10.9658 20.4253 11.469 - L 21.7092 12.2447 - Z - M 12 21.25 - C 10.3139 21.25 8.73533 20.7996 7.37554 20.013 - L 6.62446 21.3114 - C 8.2064 22.2265 10.0432 22.75 12 22.75 - V 21.25 - Z - M 3.98703 16.6245 - C 3.20043 15.2647 2.75 13.6861 2.75 12 - H 1.25 - C 1.25 13.9568 1.77351 15.7936 2.68862 17.3755 - L 3.98703 16.6245 - Z - " - ></path> - } - </svg> - </button> - </form> + <button id="theme-button"> + <svg + id="nav-icon-theme-dark" + version="1.1" + width="24" + height="24" + viewBox="0 0 24 24" + fill="none" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M 7.28451 10.3333 + C 7.10026 10.8546 + 7 11.4156 + 7 12 + C 7 14.7614 + 9.23858 17 + 12 17 + C 14.7614 17 + 17 14.7614 + 17 12 + C 17 9.23858 + 14.7614 7 + 12 7 + C 11.4156 7 + 10.8546 7.10026 + 10.3333 7.28451" + stroke-width="1.5" + stroke-linecap="round" + ></path> + <path + d="M 12 2 V 4" + stroke-width="1.5" + stroke-linecap="round" + ></path> + <path + d="M 12 20 V 22" + stroke-width="1.5" + stroke-linecap="round" + ></path> + <path + d="M 4 12 L 2 12" + stroke-width="1.5" + stroke-linecap="round" + ></path> + <path + d="M 22 12 L 20 12" + stroke-width="1.5" + stroke-linecap="round" + ></path> + <path + d="M 19.7778 4.22266 L 17.5558 6.25424" + stroke-width="1.5" + stroke-linecap="round" + ></path> + <path + d="M 4.22217 4.22266 L 6.44418 6.25424" + stroke-width="1.5" + stroke-linecap="round" + ></path> + <path + d="M 6.44434 17.5557 L 4.22211 19.7779" + stroke-width="1.5" + stroke-linecap="round" + ></path> + <path + d="M 19.7778 19.7773 L 17.5558 17.5551" + stroke-width="1.5" + stroke-linecap="round" + ></path> + </svg> + <svg + id="nav-icon-theme-light" + version="1.1" + width="24" + height="24" + viewBox="0 0 24 24" + fill="none" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M 21.0672 11.8568 + L 20.4253 11.469 + L 21.0672 11.8568 + Z + M 12.1432 2.93276 + L 11.7553 2.29085 + V 2.29085 + L 12.1432 2.93276 + Z + M 7.37554 20.013 + C 7.017 19.8056 6.5582 19.9281 6.3508 20.2866 + C 6.14339 20.6452 6.26591 21.104 6.62446 21.3114 + L 7.37554 20.013 + Z + M 2.68862 17.3755 + C 2.89602 17.7341 3.35482 17.8566 3.71337 17.6492 + C 4.07191 17.4418 4.19443 16.983 3.98703 16.6245 + L 2.68862 17.3755 + Z + M 21.25 12 + C 21.25 17.1086 17.1086 21.25 12 21.25 + V 22.75 + C 17.9371 22.75 22.75 17.9371 22.75 12 + H 21.25 + Z + M 2.75 12 + C 2.75 6.89137 6.89137 2.75 12 2.75 + V 1.25 + C 6.06294 1.25 1.25 6.06294 1.25 12 + H 2.75 + Z + M 15.5 14.25 + C 12.3244 14.25 9.75 11.6756 9.75 8.5 + H 8.25 + C 8.25 12.5041 11.4959 15.75 15.5 15.75 + V 14.25 + Z + M 20.4253 11.469 + C 19.4172 13.1373 17.5882 14.25 15.5 14.25 + V 15.75 + C 18.1349 15.75 20.4407 14.3439 21.7092 12.2447 + L 20.4253 11.469 + Z + M 9.75 8.5 + C 9.75 6.41182 10.8627 4.5828 12.531 3.57467 + L 11.7553 2.29085 + C 9.65609 3.5593 8.25 5.86509 8.25 8.5 + H 9.75 + Z + M 12 2.75 + C 11.9115 2.75 11.8077 2.71008 11.7324 2.63168 + C 11.6686 2.56527 11.6538 2.50244 11.6503 2.47703 + C 11.6461 2.44587 11.6482 2.35557 11.7553 2.29085 + L 12.531 3.57467 + C 13.0342 3.27065 13.196 2.71398 13.1368 2.27627 + C 13.0754 1.82126 12.7166 1.25 12 1.25 + V 2.75 + Z + M 21.7092 12.2447 + C 21.6444 12.3518 21.5541 12.3539 21.523 12.3497 + C 21.4976 12.3462 21.4347 12.3314 21.3683 12.2676 + C 21.2899 12.1923 21.25 12.0885 21.25 12 + H 22.75 + C 22.75 11.2834 22.1787 10.9246 21.7237 10.8632 + C 21.286 10.804 20.7293 10.9658 20.4253 11.469 + L 21.7092 12.2447 + Z + M 12 21.25 + C 10.3139 21.25 8.73533 20.7996 7.37554 20.013 + L 6.62446 21.3114 + C 8.2064 22.2265 10.0432 22.75 12 22.75 + V 21.25 + Z + M 3.98703 16.6245 + C 3.20043 15.2647 2.75 13.6861 2.75 12 + H 1.25 + C 1.25 13.9568 1.77351 15.7936 2.68862 17.3755 + L 3.98703 16.6245 + Z + " + ></path> + </svg> + </button> </li> </menu> </nav> |