commit ccbbab447c9c5d11ee93535d7508a5221a220a63 Author: Win Parker Date: Fri Aug 9 16:52:23 2024 +0700 First commit diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..d28bb44 Binary files /dev/null and b/.DS_Store differ diff --git a/assets/.DS_Store b/assets/.DS_Store new file mode 100644 index 0000000..e2bd42d Binary files /dev/null and b/assets/.DS_Store differ diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..9a7ee92 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,91 @@ +:root { + color-scheme:light dark; + --light-bg-color: #fafafa; + --light-fg-color: rgba(0, 0, 0, 0.8); + --light-nav-bg-color: #ffffff; + --light-nav-fg-color: rgba(0, 0, 0, 0.8); + --light-nav-border-color: rgba(0, 0, 0, 0.8); + --light-nav-backdrop-color: #fafafa; + --light-nav-shade-color: rgba(0, 0, 0, 0.12); + --light-nav-darker-shade-color: rgba(0, 0, 0, 0.12); + --light-card-bg-color: #ffffff; + --light-card-fg-color: rgba(0, 0, 0, 0.8); + --light-card-shade-color: rgba(0, 0, 0, 0.20); + --dark-bg-color: #242424; + --dark-fg-color: #ffffff; + --dark-nav-bg-color: #303030; + --dark-nav-fg-color: #ffffff; + --dark-nav-border-color: #ffffff; + --dark-nav-backdrop-color: #242424; + --dark-nav-shade-color: rgba(0, 0, 0, 0.36); + --dark-nav-darker-shade-color: rgba(0, 0, 0, 0.9); + --dark-card-bg-color: rgba(255, 255, 255, 0.08); + --dark-card-fg-color: #ffffff; + --dark-card-shade-color: rgba(0, 0, 0, 0.36) +} + +* { + font-family: 'Roboto', sans-serif; + font-weight: 500; +} + +html, body { + margin: 0; + padding: 0; + box-sizing: border-box; + background-color: light-dark(var(--light-bg-color),var(--dark-bg-color)); +} + +h1, h2, h3, h4, h5, h6 { + font-weight: 900; + margin: 0; + padding: 0; +} + +hr { + width: 100%; + border: 0; + height: 0; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); +} + +code { + font-family: 'Courier New', Courier, monospace; + background-color: light-dark(var(--light-nav-backdrop-color), var(--dark-nav-backdrop-color)); + padding: 5px; + border-radius: 5px; +} + +.container { + display: flex; + align-items: center; + justify-content: center; + height: 100vh; +} + +.content { + display: grid; + gap: 1rem; + + color: light-dark(var(--light-card-fg-color),var(--dark-card-fg-color)); + background-color: light-dark(var(--light-card-bg-color),var(--dark-card-bg-color)); + box-shadow: 0px 0px 100px 0 light-dark(var(--light-card-shade-color),var(--dark-card-shade-color)); + + margin: 1.5rem; + padding: 3rem; + border-radius: 1.5rem; +} + +.odometer { + font-size: 10vw; + font-weight: 400; + color: light-dark(var(--light-card-fg-color),var(--dark-card-fg-color)); + margin: 0; +} + +.odometer-inside:after { + margin-left: 10px; + font-size: 8vw; + content: "฿"; +} \ No newline at end of file diff --git a/assets/fonts/Roboto-Regular.ttf b/assets/fonts/Roboto-Regular.ttf new file mode 100644 index 0000000..2d116d9 Binary files /dev/null and b/assets/fonts/Roboto-Regular.ttf differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..864fdd8 --- /dev/null +++ b/index.html @@ -0,0 +1,51 @@ + + + + + People's Party Thailand Donations Count + + + + + + + + + + +

People's Party Thailand Donation Count

Updates every 10 seconds

+ + + + \ No newline at end of file