lheor/Sykorax.eu
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

another attempt

Browse source
This commit is contained in:
ahzek 2025-05-02 19:18:42 +02:00
parent f22c4e5f9c
commit 3c569012dc
3 changed files with 35 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
css/styles.css
View file

@ -31,47 +31,28 @@
} }
header { header {
display: flex; background-color: var(--surface);
align-items: center; padding: 2rem;
justify-content: space-between; text-align: center;
height: 120px; /* stała wysokość headera */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
padding: 0 2rem; z-index: 10;
}
.photo-container {
flex: 0 0 auto;
margin-right: 2rem;
}
.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 {
margin: 0;
font-size: 1.8rem;
}
.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 { header .container {
padding: 0.5rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
header h1 {
margin-bottom: 0;
font-size: 1.5rem;
}
header p {
margin: 0; margin: 0;
line-height: 1; font-size: 0.875rem;
} }
.header-top { .header-top {

2
en.html
View file

@ -15,7 +15,7 @@
<header> <header>
<div class="header-top"> <div class="header-top">
<div class="language-container"></div> <div class="language-container"></div>
<h1><img src="img/zdjęcie.jpg" alt="Bartłomiej Piekarski" class="profile-photo" width="150" height="150" />Bartłomiej Piekarski</h1> <h1>Bartłomiej Piekarski</h1>
<div class="language-container"> <div class="language-container">
<a href="https://www.sykorax.eu" class="language-switch" title="Polska Wersja"> <a href="https://www.sykorax.eu" class="language-switch" title="Polska Wersja">
<img src="img/poland.png" width="32" height="32" class="flag-icon"/> <img src="img/poland.png" width="32" height="32" class="flag-icon"/>

28
index.html
View file

@ -13,21 +13,25 @@
</head> </head>
<body> <body>
<header> <header>
<div class="photo-container"> <div class="header-top">
<img src="img/profile.jpg" alt="Bartłomiej Piekarski" /> <div class="language-container"></div>
</div>
<div class="header-info">
<h1>Bartłomiej Piekarski</h1> <h1>Bartłomiej Piekarski</h1>
<div class="language-container">
<a href="https://www.sykorax.eu/en.html" class="language-switch" title="English Version">
<img src="img/united-kingdom.png" width="32" height="32" class="flag-icon"/>
</a>
</div>
</div>
<p>Student Informatyki | Specjalizacja: Gry Komputerowe i Aplikacje Mobilne</p> <p>Student Informatyki | Specjalizacja: Gry Komputerowe i Aplikacje Mobilne</p>
<div class="contact-links"> <div class="contact-links">
<a href="https://www.linkedin.com/in/bartek-piekarski-911206257" target="_blank">LinkedIn</a> <a href="https://www.linkedin.com/in/bartek-piekarski-911206257" target="_blank">
<a href="mailto:bartek.piekarski@tuta.com">bartek.piekarski@tuta.com</a> LinkedIn
<a href="https://forgia.sykorax.eu/lheor" target="_blank">Forgejo</a> </a>
</div> <a href="mailto:bartek.piekarski@tuta.com">
</div> bartek.piekarski@tuta.com
<div class="language-switch"> </a>
<a href="https://www.sykorax.eu/en.html" title="English Version"> <a href="https://forgia.sykorax.eu/lheor" target="_blank">
<img src="img/united-kingdom.png" width="32" height="32" alt="EN" /> Forgejo
</a> </a>
</div> </div>
</header> </header>