diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..3bb7db0 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,29 @@ +html, +body { + font-family: "Roboto" !important; + height: 100%; + + margin: 0; + padding: 0; + + --mdui-color-primary-light: 103, 80, 164; + --mdui-color-primary-dark: 208, 188, 255; +} + +main { + height: 100%; +} + +.container { + position: relative; + height: 100vh; +} + +#dateAppLogo { + max-width: 100%; + height: 300px; +} + +#mainContainerButtonSection mdui-button { + height: 50px; +} diff --git a/assets/fonts/Gabarito-VariableFont_wght.ttf b/assets/fonts/Gabarito-VariableFont_wght.ttf new file mode 100644 index 0000000..fe29088 Binary files /dev/null and b/assets/fonts/Gabarito-VariableFont_wght.ttf differ diff --git a/assets/images/icons/dateapp.png b/assets/images/icons/dateapp.png new file mode 100644 index 0000000..7dc46d7 Binary files /dev/null and b/assets/images/icons/dateapp.png differ diff --git a/assets/js/theme.js b/assets/js/theme.js new file mode 100644 index 0000000..8de2b38 --- /dev/null +++ b/assets/js/theme.js @@ -0,0 +1,19 @@ +(function () { + const htmlElement = document.querySelector("html"); + if (htmlElement.getAttribute("data-bs-theme") === "auto") { + function updateTheme() { + document + .querySelector("html") + .setAttribute( + "data-bs-theme", + window.matchMedia("(prefers-color-scheme: dark)").matches + ? "dark" + : "light" + ); + } + window + .matchMedia("(prefers-color-scheme: dark)") + .addEventListener("change", updateTheme); + updateTheme(); + } +})(); diff --git a/index.html b/index.html new file mode 100644 index 0000000..703827b --- /dev/null +++ b/index.html @@ -0,0 +1,104 @@ + + + + + + Date Calculator + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+

+ Date Calculator +

+ +

+ The go-to minimal date calculator +

+ +
+ Download + FAQ +
+
+
+
+
+ +