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

21
index.html
View file

@ -14,28 +14,21 @@
<body> <body>
<header> <header>
<div class="header-top"> <div class="header-top">
<div class="language-container"></div>
<div class="photo-container"> <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> </div>
<h1>Bartłomiej Piekarski</h1> <h1>Bartłomiej Piekarski</h1>
<div class="language-container"> <div class="language-container">
<a href="https://www.sykorax.eu/en.html" class="language-switch" title="English Version"> <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"/> <img src="img/united-kingdom.png" width="32" height="32" class="flag-icon"/>
</a> </a>
</div> </div>
</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"> <a href="https://www.linkedin.com/in/bartek-piekarski-911206257" target="_blank">LinkedIn</a>
LinkedIn <a href="mailto:bartek.piekarski@tuta.com">bartek.piekarski@tuta.com</a>
</a> <a href="https://forgia.sykorax.eu/lheor" target="_blank">Forgejo</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> </div>
</header> </header>