refactor: replace inline styles with CSS classes in headers

Co-authored-by: aider (openrouter/deepseek/deepseek-chat-v3.1) <aider@aider.chat>
feat: add centered white "hello" text overlay on banner images
2025-09-03 14:35:25 +02:00 · 2025-09-03 14:35:08 +02:00
3 changed files with 17 additions and 0 deletions
--- a/css/layout.css
+++ b/css/layout.css
@ -5,10 +5,25 @@ body {
    padding: 0;
 }

+header {
+    position: relative;
+    text-align: center;
+}
+
 header img {
    width: 100%;
 }

+.header-text {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: white;
+    font-size: 48px;
+    font-weight: bold;
+}
+
 nav, footer {
    background-color: #625B5B;
    color: white;
--- a/i1.html
+++ b/i1.html
@ -8,6 +8,7 @@
 <body>
    <header>
        <img src="imgs/baner.png" alt="kursy komputerowe">
+        <div class="header-text">hello</div>
    </header>
    <nav>
        <a href="i1.html">Strona główna</a>
--- a/raty.html
+++ b/raty.html
@ -8,6 +8,7 @@
 <body>
    <header>
        <img src="imgs/baner.png" alt="kursy komputerowe">
+        <div class="header-text">hello</div>
    </header>
    <nav>
        <a href="i1.html">Strona główna</a>
Author	SHA1	Message	Date
baiobelfer	48973968fb	refactor: replace inline styles with CSS classes in headers Co-authored-by: aider (openrouter/deepseek/deepseek-chat-v3.1) <aider@aider.chat>	2025-09-03 14:35:25 +02:00
baiobelfer	e17d097b49	feat: add centered white "hello" text overlay on banner images Co-authored-by: aider (openrouter/deepseek/deepseek-chat-v3.1) <aider@aider.chat>	2025-09-03 14:35:08 +02:00