From a914ac50489755117c9bd7011fdf71a8dd47e3fb Mon Sep 17 00:00:00 2001 From: MatejMa2ur Date: Mon, 6 May 2024 21:56:08 +0200 Subject: [PATCH] Refactor HTML and CSS for image handling The images and the overlay have been refactored into a common 'image-container' class to simplify the code structure. This results in more efficient CSS rules and allows for better code reusability. The original three image classes were merged and their related CSS styles were adjusted accordingly, resulting in cleaner, more maintainable code. --- img/LIVE-dark.png | Bin 0 -> 5096 bytes img/LIVE-yellow.png | Bin 0 -> 5166 bytes index.html | 41 ++++++++++++++++++++++------------------- 3 files changed, 22 insertions(+), 19 deletions(-) create mode 100644 img/LIVE-dark.png create mode 100644 img/LIVE-yellow.png diff --git a/img/LIVE-dark.png b/img/LIVE-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..1e469f518a6be90dfd3b11bee1a618b97348efe0 GIT binary patch literal 5096 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 W^6Ex3COQ_**9Z5xICA%pFZ~a0toA?v literal 0 HcmV?d00001 diff --git a/img/LIVE-yellow.png b/img/LIVE-yellow.png new file mode 100644 index 0000000000000000000000000000000000000000..9f2d5718fc823bf6ccf12cefd58ec46d359cb10c GIT binary patch literal 5166 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
- - - -
- +
+ +
+
+
+ +
+
+
+ +
+
+
\ No newline at end of file