diff options
| author | Furkan Sahin <furkan-dev@proton.me> | 2022-07-17 23:29:58 -0400 |
|---|---|---|
| committer | Furkan Sahin <furkan-dev@proton.me> | 2022-07-17 23:29:58 -0400 |
| commit | e36e01917651ccfff64f948c36ee93d310071991 (patch) | |
| tree | 8f7e2f19980474689ef626d0f9906d0f1b197cac /public/index.html | |
| parent | 79242a197b79e7a3dc5a30925ecd7709093a6866 (diff) | |
| parent | 99aee9a7281aa9c5794cc062e41384dc3701906d (diff) | |
Merge pull request #1 from sahinf/tailwind
Tailwind
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 55 |
1 files changed, 31 insertions, 24 deletions
diff --git a/public/index.html b/public/index.html index f7dbc53..adf7737 100644 --- a/public/index.html +++ b/public/index.html @@ -1,30 +1,37 @@ <!DOCTYPE html> -<html lang="en" style="background-color: grey;"> +<html lang="en" data-theme="light" class=""> + <head> - <meta charset='utf-8'> - <meta name='viewport' content='width=device-width,initial-scale=1'> - - <title>PT Scheduler</title> - - <link rel='icon' type='image/png' href='./favicon.png'> - <link rel='stylesheet' href='./global.css'> - <link rel='stylesheet' href='./build/bundle.css'> - <link - rel="stylesheet" - href="https://cdn.jsdelivr.net/npm/svelte-material-ui@4.2.0/bare.min.css" - /> - <link - rel="stylesheet" - href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700" - /> - <link - rel="stylesheet" - href="https://fonts.googleapis.com/icon?family=Material+Icons" - /> - - <script defer src='./build/bundle.js'></script> + <meta charset='utf-8'> + <meta name='viewport' content='width=device-width,initial-scale=1'> + + <title>PT Scheduler</title> + + <link rel='icon' type='image/png' href='./favicon.png'> + + <link rel='stylesheet' href='./build/bundle.css'> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/svelte-material-ui@4.2.0/bare.min.css" /> + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700" /> + <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /> + + <!-- Load the Svelte output --> + <script defer src='./build/bundle.js'></script> + + <!-- Set initial theme the theme --> + <script> + if ("theme" in localStorage) { + document.documentElement.setAttribute('data-theme', localStorage.theme) + } + else if (window.matchMedia('(prefers-color-scheme: dark)').matches) { + localStorage.theme = 'dark' + document.documentElement.setAttribute('data-theme', 'dark') + } + else + localStorage.theme = 'light' + </script> </head> <body> </body> -</html> + +</html>
\ No newline at end of file |