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

55
css/styles.css
View file

@ -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;

2
en.html
View file

@ -15,7 +15,7 @@
<header>
<div class="header-top">
<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">
<a href="https://www.sykorax.eu" class="language-switch" title="Polska Wersja">
<img src="img/poland.png" width="32" height="32" class="flag-icon"/>

28
index.html
View file

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