2023-11-02 17:48:06 +01:00
<!DOCTYPE html>
2025-01-07 11:24:52 +01:00
< html lang = "pl" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > Bartłomiej Piekarski< / title >
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" >
< style >
:root {
--nord0: #2e3440;
--nord1: #3b4252;
--nord2: #434c5e;
--nord3: #4c566a;
--nord4: #d8dee9;
--nord5: #e5e9f0;
--nord6: #eceff4;
--nord7: #8fbcbb;
--nord8: #88c0d0;
--nord9: #81a1c1;
--nord10: #5e81ac;
--nord11: #bf616a;
--nord12: #d08770;
--nord13: #ebcb8b;
--nord14: #a3be8c;
--nord15: #b48ead;
2024-10-06 12:25:48 +02:00
2025-01-07 11:24:52 +01:00
--primary-color: var(--nord0);
--secondary-color: var(--nord8);
--bg-color: var(--nord1);
--text-color: var(--nord6);
--next-semester-color: var(--nord12);
--self-learning-color: var(--nord15);
--section-bg: var(--nord2);
--project-bg: var(--nord1);
--link-color: var(--nord9);
}
2024-10-06 12:25:48 +02:00
2025-01-07 11:24:52 +01:00
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
2024-10-06 12:25:48 +02:00
2025-01-07 11:24:52 +01:00
body {
background-color: var(--bg-color);
color: var(--text-color);
line-height: 1.6;
}
2024-10-06 12:25:48 +02:00
2025-01-07 11:24:52 +01:00
header {
background-color: var(--primary-color);
color: var(--text-color);
padding: 2rem;
text-align: center;
}
2024-10-06 12:25:48 +02:00
2025-01-07 11:24:52 +01:00
.contact-links {
margin-top: 1rem;
display: flex;
justify-content: center;
gap: 1.5rem;
}
2024-10-06 12:25:48 +02:00
2025-01-07 11:24:52 +01:00
.contact-links a {
color: var(--link-color);
text-decoration: none;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 0.5rem;
}
2024-10-06 12:25:48 +02:00
2025-01-07 11:24:52 +01:00
.contact-links a:hover {
color: var(--nord7);
transform: translateY(-2px);
}
2024-10-06 12:25:48 +02:00
2025-01-07 11:24:52 +01:00
.education-item {
background: var(--project-bg);
padding: 1rem;
margin: 1rem 0;
border-radius: 4px;
}
.education-item p {
margin: 0.3rem 0;
}
.container {
max-width: 1000px;
margin: 0 auto;
padding: 2rem;
}
.section {
background: var(--section-bg);
padding: 2rem;
margin: 1rem 0;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.section:hover {
transform: translateY(-5px);
}
.section h2 {
color: var(--secondary-color);
margin-bottom: 1rem;
border-bottom: 2px solid var(--secondary-color);
padding-bottom: 0.5rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.skills-container {
margin-bottom: 1.5rem;
}
.skills-category {
margin-bottom: 1.5rem;
}
.skills-category h3 {
color: var(--nord7);
margin-bottom: 0.5rem;
}
.skills {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.skill-tag {
background: var(--secondary-color);
color: var(--nord0);
padding: 0.5rem 1rem;
border-radius: 20px;
cursor: pointer;
transition: all 0.3s ease;
font-weight: bold;
}
.skill-tag.next-semester {
background: var(--next-semester-color);
}
.skill-tag.self-learning {
background: var(--self-learning-color);
}
.skill-tag:hover {
transform: translateY(-2px);
filter: brightness(1.1);
}
.project-type {
display: flex;
flex-direction: column;
height: 100%;
}
.project {
flex-grow: 1;
background: var(--project-bg);
padding: 1rem;
margin-bottom: 1rem;
border-radius: 4px;
}
.project-links {
margin-top: auto; /* This helps push the links to the bottom */
padding-top: 1rem;
border-top: 1px solid var(--nord3);
}
.projects-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media (max-width: 768px) {
.projects-container {
grid-template-columns: 1fr;
}
}
.portfolio-link {
color: var(--link-color);
text-decoration: none;
transition: color 0.3s ease;
font-weight: bold;
}
.portfolio-link:hover {
color: var(--nord7);
text-decoration: underline;
}
@media (max-width: 768px) {
.container {
padding: 1rem;
}
.section {
padding: 1rem;
}
}
< / style >
< / head >
< body >
< header >
< h1 > Bartłomiej Piekarski< / h1 >
< p > Student Informatyki | Specjalizacja: Gry Komputerowe i Aplikacje Mobilne< / p >
< div class = "contact-links" >
< a href = "mailto:bartek.piekarski@pm.me" >
< i class = "fas fa-envelope" > < / i >
bartek.piekarski@pm.me
< / a >
2025-01-07 16:02:14 +01:00
< a href = "https://www.linkedin.com/in/bartek-piekarski-911206257" target = "_blank" >
2025-01-07 11:24:52 +01:00
< i class = "fab fa-linkedin" > < / i >
LinkedIn
< / a >
2025-01-07 15:01:22 +01:00
< a href = "https://github.com/Lheorvin" target = "_blank" >
2025-01-07 11:24:52 +01:00
< i class = "fab fa-github" > < / i >
GitHub
< / a >
2025-01-07 15:01:22 +01:00
< a href = "https://gitlab.com/Lheorvine" target = "_blank" >
2025-01-07 11:24:52 +01:00
< i class = "fab fa-gitlab" > < / i >
GitLab
< / a >
< / div >
< / header >
< div class = "container" >
< section class = "section" >
< h2 > O mnie< / h2 >
< p > Pasjonat technologii z okolic Katowic z szczególnym naciskiem na rozwój gier, systemy Linux oraz cyberbezpieczeństwo. Aktualnie studiuję informatykę ze specjalizacją w tworzeniu gier komputerowych i aplikacji mobilnych. Poszukuję ciekawej pracy, która pozwoli mi rozwinąć moje umiejętności i zdobyć doświadczenie w branży IT.< / p >
< / section >
< section class = "section" >
< h2 > Umiejętności< / h2 >
< div class = "skills-container" >
< div class = "skills-category" >
< h3 > Języki programowania< / h3 >
< div class = "skills" >
< span class = "skill-tag" > C#< / span >
< span class = "skill-tag" > Python< / span >
< span class = "skill-tag next-semester" > Kotlin (następny semestr)< / span >
< span class = "skill-tag self-learning" > Rust (samodzielna nauka)< / span >
< span class = "skill-tag self-learning" > Ruby (samodzielna nauka)< / span >
2024-10-06 12:25:48 +02:00
< / div >
2025-01-07 11:24:52 +01:00
< / div >
< div class = "skills-category" >
< h3 > Technologie i narzędzia< / h3 >
< div class = "skills" >
< span class = "skill-tag" > Unity< / span >
< span class = "skill-tag" > MSSQL< / span >
< span class = "skill-tag self-learning" > Git (samodzielna nauka)< / span >
2024-10-06 12:25:48 +02:00
< / div >
2025-01-07 11:24:52 +01:00
< / div >
2024-10-06 12:25:48 +02:00
2025-01-07 11:24:52 +01:00
< div class = "skills-category" >
< h3 > Systemy operacyjne< / h3 >
< div class = "skills" >
< span class = "skill-tag" > Windows< / span >
< span class = "skill-tag" > Linux (Ubuntu)< / span >
< span class = "skill-tag self-learning" > Linux (Arch/Fedora) (samodzielna nauka)< / span >
2024-10-06 12:25:48 +02:00
< / div >
2024-10-04 16:43:06 +02:00
< / div >
2025-01-07 11:24:52 +01:00
< div class = "skills-category" >
< h3 > Oprogramowanie kreatywne< / h3 >
< div class = "skills" >
< span class = "skill-tag" > Krita< / span >
< span class = "skill-tag" > GIMP< / span >
< span class = "skill-tag" > Kdenlive< / span >
< span class = "skill-tag next-semester" > Blender (następny semestr)< / span >
2024-10-04 16:27:47 +02:00
< / div >
2025-01-07 11:24:52 +01:00
< / div >
< / div >
< / section >
< section class = "section" >
< h2 > Edukacja< / h2 >
< div class = "education-item" >
< p > < strong > Informatyka< / strong > - Specjalizacja: Gry Komputerowe i Aplikacje Mobilne< / p >
< p > Uniwersytet Ekonomiczny w Katowicach< / p >
< p > 10.2023 - obecnie< / p >
< / div >
< div class = "education-item" >
< p > < strong > Filologia Angielska< / strong > - Specjalizacja: Tłumaczeniowa z Językiem Chińskim< / p >
< p > Uniwersytet Śląski w Katowicach< / p >
< p > 10.2021 - 02.2023 (przerwane na drugim roku)< / p >
< / div >
< / section >
< section class = "section" >
< h2 > Projekty< / h2 >
< div class = "projects-container" >
< div id = "programming-projects" class = "project-type" >
< div class = "project" >
< h3 > Projekty w Unity 3D< / h3 >
< p > Seria mniejszych projektów stworzonych w celu nauki i praktycznego zastosowania różnych aspektów tworzenia gier:< / p >
< ul style = "margin-left: 1.5rem; margin-top: 0.5rem;" >
< li > Skrypty w C# do mechanik gry i interakcji z obiektami< / li >
< li > Projektowanie i implementacja interfejsów użytkownika< / li >
< li > System animacji postaci i obiektów< / li >
< li > Podstawowy system sztucznej inteligencji dla NPC< / li >
< / ul >
2024-10-04 16:27:47 +02:00
< / div >
2025-01-07 11:24:52 +01:00
< div class = "project-links" >
2025-01-07 15:01:22 +01:00
< a href = "https://gitlab.com/zyciorys/ProjektyUnity3D" class = "portfolio-link" > Zobacz więcej projektów na GitLab →< / a >
2024-10-04 16:27:47 +02:00
< / div >
< / div >
2025-01-07 11:24:52 +01:00
< div id = "graphics-projects" class = "project-type" >
< div class = "project" >
< h3 > Projekt graficzny "Iron Oath"< / h3 >
< p > Seria projektów graficznych skoncentrowanych wokół autorskiego konceptu gry, obejmująca:< / p >
< ul style = "margin-left: 1.5rem; margin-top: 0.5rem;" >
< li > Stworzenie moodboardów koncepcyjnych< / li >
< li > Projektowanie logo i identyfikacji wizualnej< / li >
< li > Techniki photobashingu do tworzenia grafik koncepcyjnych< / li >
< li > Animacje postaci i elementów interfejsu< / li >
< li > Tworzenie klatek kluczowych do materiałów promocyjnych< / li >
< li > Montaż filmu promocyjnego< / li >
< / ul >
< p > Narzędzia: Krita (grafika), GIMP (obróbka zdjęć), Kdenlive (montaż wideo)< / p >
2024-10-04 16:27:47 +02:00
< / div >
2025-01-07 11:24:52 +01:00
< div class = "project-links" >
2025-01-07 15:01:22 +01:00
< a href = "https://zyciorys.gitlab.io/portfolio_z_grafiki" class = "portfolio-link" > Zobacz więcej prac graficznych w portfolio →< / a >
2024-10-04 16:27:47 +02:00
< / div >
2024-10-03 18:06:33 +02:00
< / div >
2025-01-07 11:24:52 +01:00
< / div >
< / section >
< section class = "section" >
< h2 > Doświadczenie< / h2 >
< div class = "project" >
< h3 > Pracownik Ochrony Fizycznej< / h3 >
< p > < strong > JUSTUS< / strong > | 03.2023 - obecnie< / p >
< ul style = "margin-left: 1.5rem; margin-top: 0.5rem;" >
2025-01-07 15:01:22 +01:00
< li > Zabezpieczanie obiektów handlowych< / li >
2025-01-07 11:24:52 +01:00
< li > Obsługa systemów monitoringu CCTV i kontroli dostępu< / li >
< li > Koordynacja działań w sytuacjach kryzysowych< / li >
< li > Prowadzenie dokumentacji i raportów z wykonywanych zadań< / li >
< / ul >
< / div >
< div class = "project" >
< h3 > Kasjer Sprzedawca< / h3 >
< p > < strong > MINIT Polska< / strong > | 02.2021 - 01.2022< / p >
< ul style = "margin-left: 1.5rem; margin-top: 0.5rem;" >
< li > Obsługa kasy fiskalnej i terminala płatniczego< / li >
< li > Zarządzanie towarem i prowadzenie inwentaryzacji< / li >
< li > Obsługa klienta i rozwiązywanie problemów< / li >
< li > Utrzymywanie porządku i standardów ekspozycji< / li >
< / ul >
< / div >
< div class = "project" >
< h3 > Magazynier (Dorywczo)< / h3 >
< p > < strong > MotoProfil< / strong > | 2019-2022 (wakacje)< / p >
< ul style = "margin-left: 1.5rem; margin-top: 0.5rem;" >
< li > Kompletacja zamówień i przygotowanie do wysyłki< / li >
< li > Obsługa systemu WMS i skanerów kodów kreskowych< / li >
< li > Uczestnictwo w inwentaryzacjach magazynu< / li >
< li > Dbanie o porządek i bezpieczeństwo w magazynie< / li >
< / ul >
< / div >
< / section >
< section class = "section" >
< h2 > Zainteresowania< / h2 >
< ul >
< li > Game development< / li >
< li > Cyberbezpieczeństwo< / li >
< li > Linux i open source< / li >
< li > E-sport< / li >
< / ul >
< / section >
< / div >
< script >
const skillTags = document.querySelectorAll('.skill-tag');
skillTags.forEach(tag => {
tag.addEventListener('click', () => {
tag.style.transform = 'scale(1.1)';
setTimeout(() => {
tag.style.transform = 'scale(1)';
}, 200);
});
});
< / script >
< / body >
< / html >
