402 lines
No EOL
14 KiB
HTML
402 lines
No EOL
14 KiB
HTML
<!DOCTYPE html>
|
|
<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;
|
|
|
|
--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);
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--bg-color);
|
|
color: var(--text-color);
|
|
line-height: 1.6;
|
|
}
|
|
|
|
header {
|
|
background-color: var(--primary-color);
|
|
color: var(--text-color);
|
|
padding: 2rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.contact-links {
|
|
margin-top: 1rem;
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 1.5rem;
|
|
}
|
|
|
|
.contact-links a {
|
|
color: var(--link-color);
|
|
text-decoration: none;
|
|
transition: all 0.3s ease;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.contact-links a:hover {
|
|
color: var(--nord7);
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
.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>
|
|
<a href="https://linkedin.com/in/yourprofile" target="_blank">
|
|
<i class="fab fa-linkedin"></i>
|
|
LinkedIn
|
|
</a>
|
|
<a href="https://github.com/yourprofile" target="_blank">
|
|
<i class="fab fa-github"></i>
|
|
GitHub
|
|
</a>
|
|
<a href="https://gitlab.com/yourprofile" target="_blank">
|
|
<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>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
|
|
<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>
|
|
<span class="skill-tag self-learning">MacOS (otwarty na naukę)</span>
|
|
</div>
|
|
</div>
|
|
|
|
<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>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
<div class="project-links">
|
|
<a href="/github" class="portfolio-link">Zobacz więcej projektów na GitLab →</a>
|
|
</div>
|
|
</div>
|
|
|
|
<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>
|
|
</div>
|
|
<div class="project-links">
|
|
<a href="/portfolio" class="portfolio-link">Zobacz więcej prac graficznych w portfolio →</a>
|
|
</div>
|
|
</div>
|
|
</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;">
|
|
<li>Zabezpieczanie obiektów handlowych i przemysłowych</li>
|
|
<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> |