From 427970038d26c5970f75b8c85cfcbf5d8cd7875c Mon Sep 17 00:00:00 2001 From: Patryk Nowak Date: Mon, 29 Jul 2024 13:38:12 +0200 Subject: [PATCH] Reworked the UI based on the meeting instructions --- template.html | 89 ++++++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 73 insertions(+), 16 deletions(-) diff --git a/template.html b/template.html index c0b07c2..a17c715 100644 --- a/template.html +++ b/template.html @@ -12,14 +12,30 @@ box-sizing: border-box; } body { - display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; - font-family: Arial, sans-serif; - background-color: #f0f0f0; + font-family: "Poppins", Arial, sans-serif; + overflow-wrap: break-word; + background-color: #F9F9F9; + color: #333; + line-height: 1.6; } + + .header { + background-color: #F9F9F9; + padding: 20px; + width: 100%; + box-sizing: border-box; + line-height: 1.5; + border-top: 5px solid #2a6fc3; + } + + .header img { + width: auto; + } + .container { display: flex; justify-content: center; @@ -29,18 +45,19 @@ } .content { - max-width: 800px; + max-width: 1000px; width: 100%; - background-color: #fff; + background-color: #F9F9F9; padding: 20px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - border-radius: 8px; - } - .content img { - width: 100%; - height: auto; - display: block; } + + .content img { + width: 100%; + height: auto; + display: block; + margin-bottom: 20px; + } + .video-container { width: 100%; height: auto; @@ -54,7 +71,34 @@ .content h6 { margin-top: 1em; margin-bottom: 0.5em; + color: #333; + font-weight: normal; + } + + .content h1 { + font-size: 40px; + } + + .content h2 { + font-size: 36px; + } + + .content h3 { + font-size: 24px; + } + + .content h4 { + font-size: 20px; + } + + .content h5 { + font-size: 18px; } + + .content h6 { + font-size: 16px; + } + .content p { margin-bottom: 1em; } @@ -81,14 +125,27 @@ .content { padding: 15px; } + + .content p { + font-size: 18px; /* Slightly larger font size for better readability */ + margin-bottom: 1em; + line-height: 1.6; /* Ensure consistent line spacing */ + } + + .header { + padding: 10px; + } } -
-
- {markdown} +
+ Infostacker Logo +
+
+
+ {markdown} +
-