From 3c569012dcfe9a3c62444bfad96302c2a05289b0 Mon Sep 17 00:00:00 2001 From: ahzek Date: Fri, 2 May 2025 19:18:42 +0200 Subject: [PATCH] another attempt --- css/styles.css | 55 +++++++++++++++++--------------------------------- en.html | 2 +- index.html | 28 ++++++++++++++----------- 3 files changed, 35 insertions(+), 50 deletions(-) diff --git a/css/styles.css b/css/styles.css index ef59c45..27d5f5a 100644 --- a/css/styles.css +++ b/css/styles.css @@ -31,49 +31,30 @@ } header { + background-color: var(--surface); + padding: 2rem; + text-align: center; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + z-index: 10; + } + + header .container { + padding: 0.5rem; display: flex; align-items: center; - justify-content: space-between; - height: 120px; /* stała wysokość headera */ - padding: 0 2rem; + gap: 0.5rem; } - .photo-container { - flex: 0 0 auto; - margin-right: 2rem; + + header h1 { + margin-bottom: 0; + font-size: 1.5rem; } - .photo-container img { - height: 100%; /* dopasuj do wysokości headera */ - width: auto; - border-radius: 50%; - object-fit: cover; - } - .header-info { - flex: 1 1 auto; - display: flex; - flex-direction: column; - justify-content: center; - } - .header-info h1 { + + header p { margin: 0; - font-size: 1.8rem; + font-size: 0.875rem; } - .header-info p { - margin: 0.5rem 0; - font-size: 1rem; - } - .contact-links { - display: flex; - gap: 1.5rem; - } - .language-switch { - flex: 0 0 auto; - } - - .header-top h1 { - margin: 0; - line-height: 1; - } - + .header-top { display: flex; justify-content: space-between; diff --git a/en.html b/en.html index 6a700e8..285f9ed 100644 --- a/en.html +++ b/en.html @@ -15,7 +15,7 @@
-

Bartłomiej PiekarskiBartłomiej Piekarski

+

Bartłomiej Piekarski

diff --git a/index.html b/index.html index bf3e3c7..33a329d 100644 --- a/index.html +++ b/index.html @@ -13,21 +13,25 @@
-
- Bartłomiej Piekarski -
-
+
+

Bartłomiej Piekarski

-

Student Informatyki | Specjalizacja: Gry Komputerowe i Aplikacje Mobilne

-
- LinkedIn - bartek.piekarski@tuta.com - Forgejo +
+ + +
-
- - EN +

Student Informatyki | Specjalizacja: Gry Komputerowe i Aplikacje Mobilne

+
+ + LinkedIn + + + bartek.piekarski@tuta.com + + + Forgejo