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 18:53:10 +02:00
parent f4f6281281
commit 4b05a31498
2 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
css/styles.css
View file

@ -56,20 +56,27 @@
}
.photo-container {
flex-shrink: 0;
margin-right: 0.5rem;
}
.profile-photo {
height: 15em;
width: auto;
height: 3em; /* lekko większe niż tekst, ale nie rozciąga headera */
width: 3em;
border-radius: 50%;
object-fit: cover;
vertical-align: middle;
}
.header-top h1 {
margin: 0;
line-height: 1;
}
.header-top {
display: flex;
justify-content: space-between;
align-items: baseline;
align-items: center;
margin-bottom: 1rem;
}

21
index.html
View file

@ -14,28 +14,21 @@
<body>
<header>
<div class="header-top">
<div class="language-container"></div>
<div class="photo-container">
<img src="img/zdjęcie.jpg" alt="Bartłomiej Piekarski" class="profile-photo" width="150" height="150" />
<img src="img/profile.jpg" alt="Bartłomiej Piekarski" class="profile-photo" />
</div>
<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>
<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>
<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>
<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>