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:27:28 +02:00
parent 90a9891f56
commit 0c349e4ae1
2 changed files with 26 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
css/styles.css
View file

@ -530,20 +530,35 @@
padding: 1rem; padding: 1rem;
} }
.profile-container {
margin-right: 10px;
align-self: flex-start;
margin-top: 5px;
}
.profile-pic { .profile-pic {
width: 80px; width: 60px;
height: 80px; height: 60px;
border-radius: 50%; border-radius: 50%;
object-fit: cover; object-fit: cover;
border: 3px solid var(--accent-color); border: 2px solid var(--accent-color);
margin-right: 15px; display: block;
} }
.header-top { .header-top {
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
padding: 10px 0; padding: 10px 0;
gap: 15px;
position: relative;
}
.header-top h1 {
margin: 0;
flex-grow: 1;
line-height: 1.2;
padding-top: 5px;
} }
.contact-links { .contact-links {

6
index.html
View file

@ -14,10 +14,12 @@
<body> <body>
<header> <header>
<div class="header-top"> <div class="header-top">
<div class="language-container"> <div class="profile-container">
<img src="img/zdjęcie.jpg" alt="Bartłomiej Piekarski" class="profile-pic"> <img src="img/profile.jpg" alt="Bartłomiej Piekarski" class="profile-pic">
</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"/>