From fd18365597273d7b8881fbbdcc77c965818fd3cb Mon Sep 17 00:00:00 2001 From: AalokeCode Date: Wed, 23 Oct 2024 14:16:28 +0530 Subject: [PATCH 1/5] Enhancement: Modified CSS, Added Icons, Little improvements to design. --- index.html.theme | 83 ++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 73 insertions(+), 10 deletions(-) diff --git a/index.html.theme b/index.html.theme index df4ade3..6dbf773 100644 --- a/index.html.theme +++ b/index.html.theme @@ -11,6 +11,10 @@ + + + + -

TinyStatus

-

Current Status

+ +
+ GitHub + Buy Me a Coffee +
+
+
+ +

Current Status

{% for group, checks in groups.items() %}

{{group}} Status

@@ -122,7 +183,7 @@

{{ check.name }}

- {{ 'Operational' if check.status else 'Down' }} + {{ ' Operational' if check.status else ' Down' }}

{% if check.url %} @@ -131,7 +192,9 @@ {% endfor %}
{% endfor %} -

Incident History

+
+ +

Incident History

{{ incidents | safe }}
From df1ac43866e15d84c9b8b57ea31651d06b897582 Mon Sep 17 00:00:00 2001 From: AalokeCode Date: Wed, 23 Oct 2024 15:00:09 +0530 Subject: [PATCH 2/5] Enhancement: Minute Improvements to CSS, Added Icons --- history.html.theme | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/history.html.theme b/history.html.theme index e12403b..ae0ad52 100644 --- a/history.html.theme +++ b/history.html.theme @@ -23,13 +23,14 @@ } @media (prefers-color-scheme: dark) { :root { - --bg-color: #1a1a1a; + --bg-color: #18181b; --text-color: #e0e0e0; --heading-color: #b0b0b0; - --card-bg: #2a2a2a; - --card-shadow: rgba(255,255,255,0.1); + --card-bg: #27272a; + --card-shadow: rgba(9,9,11,0.4); --footer-color: #888; --link-color: #5dade2; + --secondary-bg-color: #27272a; } } body { From e2831a817615f2d4c609f0c095639a1f813b0ebe Mon Sep 17 00:00:00 2001 From: AalokeCode Date: Wed, 23 Oct 2024 15:19:27 +0530 Subject: [PATCH 3/5] Improved SEO, Accessibility --- history.html.theme | 3 ++- index.html.theme | 7 ++++--- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/history.html.theme b/history.html.theme index ae0ad52..1b0a1e8 100644 --- a/history.html.theme +++ b/history.html.theme @@ -9,6 +9,7 @@ + - +
GitHub Buy Me a Coffee From fb93e66dc14c07d4634d3b2aa01c365d66696cdf Mon Sep 17 00:00:00 2001 From: AalokeCode Date: Thu, 24 Oct 2024 00:23:29 +0530 Subject: [PATCH 4/5] Updated issues with Lightmode, Fixed Link issue with cards. --- history.html.theme | 5 ++++- index.html.theme | 14 ++++++++++---- 2 files changed, 14 insertions(+), 5 deletions(-) diff --git a/history.html.theme b/history.html.theme index 1b0a1e8..76428ea 100644 --- a/history.html.theme +++ b/history.html.theme @@ -21,6 +21,8 @@ --card-shadow: rgba(0,0,0,0.1); --footer-color: #7f8c8d; --link-color: #3498db; + --secondary-bg-color: #fff; + --status-down-color: #e74c3c; } @media (prefers-color-scheme: dark) { :root { @@ -32,6 +34,7 @@ --footer-color: #888; --link-color: #5dade2; --secondary-bg-color: #27272a; + --status-down-color: #FF9185; } } body { @@ -72,7 +75,7 @@ justify-content: space-between; } .status-up { color: #27ae60; } - .status-down { color: #FF9185; } + .status-down { color: var(--status-down-color); } .footer { text-align: center; font-size: .9em; diff --git a/index.html.theme b/index.html.theme index c650158..414294c 100644 --- a/index.html.theme +++ b/index.html.theme @@ -25,6 +25,8 @@ --card-shadow: rgba(0,0,0,0.1); --footer-color: #7f8c8d; --link-color: #3498db; + --secondary-bg-color: #fff; + --status-down-color: #e74c3c; } @media (prefers-color-scheme: dark) { :root { @@ -36,6 +38,7 @@ --footer-color: #888; --link-color: #5dade2; --secondary-bg-color: #27272a; + --status-down-color: #FF9185; } a, a:link, @@ -125,11 +128,11 @@ fill: #27ae60; justify-content: center; } - .status-down { color: #FF9185; + .status-down { color: var(--status-down-color); display: flex; align-items: center; gap: 5px; - fill: #FF9185; + fill: var(--status-down-color); justify-content: center; } .incidents { @@ -154,14 +157,17 @@ a:link, a:visited { cursor: pointer; - color: rgb(255, 255, 255); + color: var(--link-color); text-decoration: none !important; } + .status-item h3, .icons a { + color: var(--text-color) !important; + } + a:hover { color: rgb(86, 86, 86); } - From 08e8bc0f3b6c096b45e7655fccc8a9c10a144be5 Mon Sep 17 00:00:00 2001 From: AalokeCode Date: Thu, 24 Oct 2024 08:29:35 +0530 Subject: [PATCH 5/5] Removed Buy me a coffee button --- index.html.theme | 1 - 1 file changed, 1 deletion(-) diff --git a/index.html.theme b/index.html.theme index 414294c..9e6317b 100644 --- a/index.html.theme +++ b/index.html.theme @@ -174,7 +174,6 @@
GitHub - Buy Me a Coffee