dodałem link do angielskiej wersji strony
This commit is contained in:
lheorvine
parent
34a9bcc490
commit
17b42bf574
8 changed files with 445 additions and 22406 deletions
11107
_site/css/styles.css
11107
_site/css/styles.css
File diff suppressed because it is too large
Load diff
BIN
_site/img/united-kingdom.png
Normal file
BIN
_site/img/united-kingdom.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
274
_site/index.html
274
_site/index.html
|
|
@ -5,242 +5,51 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Bartłomiej Piekarski</title>
|
<title>Bartłomiej Piekarski</title>
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
|
||||||
<style>
|
<link rel="stylesheet" href="css/styles.css">
|
||||||
:root {
|
<link rel="script" href="js/scripts.js">
|
||||||
--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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<h1>Bartłomiej Piekarski</h1>
|
<div class="header-top">
|
||||||
<p>Student Informatyki | Specjalizacja: Gry Komputerowe i Aplikacje Mobilne</p>
|
<div class="language-container"></div>
|
||||||
<div class="contact-links">
|
<h1>Bartłomiej Piekarski</h1>
|
||||||
<a href="mailto:bartek.piekarski@pm.me">
|
<div class="language-container">
|
||||||
|
<a href="index_en.html" class="language-switch" title="English Version">
|
||||||
|
<img src="img/united-kingdom.png" class="flag-icon"/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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>
|
<i class="fas fa-envelope"></i>
|
||||||
bartek.piekarski@pm.me
|
bartek.piekarski@pm.me
|
||||||
</a>
|
</a>
|
||||||
<a href="https://linkedin.com/in/yourprofile" target="_blank">
|
<a href="https://www.linkedin.com/in/bartek-piekarski-911206257" target="_blank">
|
||||||
<i class="fab fa-linkedin"></i>
|
<i class="fab fa-linkedin"></i>
|
||||||
LinkedIn
|
LinkedIn
|
||||||
</a>
|
</a>
|
||||||
<a href="https://github.com/yourprofile" target="_blank">
|
<a href="https://github.com/Lheorvin" target="_blank">
|
||||||
<i class="fab fa-github"></i>
|
<i class="fab fa-github"></i>
|
||||||
GitHub
|
GitHub
|
||||||
</a>
|
</a>
|
||||||
<a href="https://gitlab.com/yourprofile" target="_blank">
|
<a href="https://gitlab.com/Lheorvine" target="_blank">
|
||||||
<i class="fab fa-gitlab"></i>
|
<i class="fab fa-gitlab"></i>
|
||||||
GitLab
|
GitLab
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<section class="section">
|
<section class="section">
|
||||||
<h2>O mnie</h2>
|
<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>
|
<p>Pasjonat technologii z okolic Katowic z szczególnym naciskiem na rozwój gier, systemy Linux oraz cyberbezpieczeństwo.</p>
|
||||||
|
<br>
|
||||||
|
<p>Aktualnie studiuję informatykę ze specjalizacją w tworzeniu gier komputerowych i aplikacji mobilnych.</p>
|
||||||
|
<br>
|
||||||
|
<p>Poszukuję ciekawej pracy, która pozwoli mi rozwinąć moje umiejętności i zdobyć doświadczenie w branży IT.</p>
|
||||||
|
<br>
|
||||||
|
<p>Jestem otwarty na pracę w trybie hybrydowym z Krakowa oraz innych miejscowości znajdujących się w podobnej odległości od Katowic.</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="section">
|
<section class="section">
|
||||||
|
|
@ -272,7 +81,6 @@
|
||||||
<span class="skill-tag">Windows</span>
|
<span class="skill-tag">Windows</span>
|
||||||
<span class="skill-tag">Linux (Ubuntu)</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">Linux (Arch/Fedora) (samodzielna nauka)</span>
|
||||||
<span class="skill-tag self-learning">MacOS (otwarty na naukę)</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -317,7 +125,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-links">
|
<div class="project-links">
|
||||||
<a href="/github" class="portfolio-link">Zobacz więcej projektów na GitLab →</a>
|
<a href="https://gitlab.com/zyciorys/ProjektyUnity3D" class="portfolio-link">Zobacz więcej projektów na GitLab →</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -336,7 +144,7 @@
|
||||||
<p>Narzędzia: Krita (grafika), GIMP (obróbka zdjęć), Kdenlive (montaż wideo)</p>
|
<p>Narzędzia: Krita (grafika), GIMP (obróbka zdjęć), Kdenlive (montaż wideo)</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-links">
|
<div class="project-links">
|
||||||
<a href="/portfolio" class="portfolio-link">Zobacz więcej prac graficznych w portfolio →</a>
|
<a href="https://zyciorys.gitlab.io/portfolio_z_grafiki" class="portfolio-link">Zobacz więcej prac graficznych w portfolio →</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -348,7 +156,7 @@
|
||||||
<h3>Pracownik Ochrony Fizycznej</h3>
|
<h3>Pracownik Ochrony Fizycznej</h3>
|
||||||
<p><strong>JUSTUS</strong> | 03.2023 - obecnie</p>
|
<p><strong>JUSTUS</strong> | 03.2023 - obecnie</p>
|
||||||
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
||||||
<li>Zabezpieczanie obiektów handlowych i przemysłowych</li>
|
<li>Zabezpieczanie obiektów handlowych</li>
|
||||||
<li>Obsługa systemów monitoringu CCTV i kontroli dostępu</li>
|
<li>Obsługa systemów monitoringu CCTV i kontroli dostępu</li>
|
||||||
<li>Koordynacja działań w sytuacjach kryzysowych</li>
|
<li>Koordynacja działań w sytuacjach kryzysowych</li>
|
||||||
<li>Prowadzenie dokumentacji i raportów z wykonywanych zadań</li>
|
<li>Prowadzenie dokumentacji i raportów z wykonywanych zadań</li>
|
||||||
|
|
@ -356,7 +164,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="project">
|
<div class="project">
|
||||||
<h3>Kasjer Sprzedawca</h3>
|
<h3>Kasjer Sprzedawca</h3>
|
||||||
<p><strong>MINIT Polska</strong> | 02.2021 - 01.2022</p>
|
<p><strong>MINIT Polska</strong> | 02.2020 - 01.2021</p>
|
||||||
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
||||||
<li>Obsługa kasy fiskalnej i terminala płatniczego</li>
|
<li>Obsługa kasy fiskalnej i terminala płatniczego</li>
|
||||||
<li>Zarządzanie towarem i prowadzenie inwentaryzacji</li>
|
<li>Zarządzanie towarem i prowadzenie inwentaryzacji</li>
|
||||||
|
|
@ -386,17 +194,5 @@
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -1,41 +1,9 @@
|
||||||
/*!
|
const skillTags = document.querySelectorAll('.skill-tag');
|
||||||
* Start Bootstrap - Resume v7.0.6 (https://startbootstrap.com/theme/resume)
|
skillTags.forEach(tag => {
|
||||||
* Copyright 2013-2023 Start Bootstrap
|
tag.addEventListener('click', () => {
|
||||||
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-resume/blob/master/LICENSE)
|
tag.style.transform = 'scale(1.1)';
|
||||||
*/
|
setTimeout(() => {
|
||||||
//
|
tag.style.transform = 'scale(1)';
|
||||||
// Scripts
|
}, 200);
|
||||||
//
|
|
||||||
|
|
||||||
window.addEventListener('DOMContentLoaded', event => {
|
|
||||||
|
|
||||||
// Activate Bootstrap scrollspy on the main nav element
|
|
||||||
const sideNav = document.body.querySelector('#sideNav');
|
|
||||||
if (sideNav) {
|
|
||||||
new bootstrap.ScrollSpy(document.body, {
|
|
||||||
target: '#sideNav',
|
|
||||||
rootMargin: '0px 0px -40%',
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
// Collapse responsive navbar when toggler is visible
|
|
||||||
const navbarToggler = document.body.querySelector('.navbar-toggler');
|
|
||||||
const responsiveNavItems = [].slice.call(
|
|
||||||
document.querySelectorAll('#navbarResponsive .nav-link')
|
|
||||||
);
|
|
||||||
responsiveNavItems.map(function (responsiveNavItem) {
|
|
||||||
responsiveNavItem.addEventListener('click', () => {
|
|
||||||
if (window.getComputedStyle(navbarToggler).display !== 'none') {
|
|
||||||
navbarToggler.click();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
});
|
||||||
});
|
|
||||||
|
|
||||||
function showCategory(category) {
|
|
||||||
document.getElementById('programming-projects').style.display =
|
|
||||||
category === 'programming' ? 'block' : 'none';
|
|
||||||
document.getElementById('graphics-projects').style.display =
|
|
||||||
category === 'graphics' ? 'block' : 'none';
|
|
||||||
}
|
|
||||||
11107
css/styles.css
11107
css/styles.css
File diff suppressed because it is too large
Load diff
BIN
img/united-kingdom.png
Normal file
BIN
img/united-kingdom.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
267
index.html
267
index.html
|
|
@ -5,242 +5,51 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Bartłomiej Piekarski</title>
|
<title>Bartłomiej Piekarski</title>
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
|
||||||
<style>
|
<link rel="stylesheet" href="css/styles.css">
|
||||||
:root {
|
<link rel="script" href="js/scripts.js">
|
||||||
--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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<h1>Bartłomiej Piekarski</h1>
|
<div class="header-top">
|
||||||
<p>Student Informatyki | Specjalizacja: Gry Komputerowe i Aplikacje Mobilne</p>
|
<div class="language-container"></div>
|
||||||
<div class="contact-links">
|
<h1>Bartłomiej Piekarski</h1>
|
||||||
<a href="mailto:bartek.piekarski@pm.me">
|
<div class="language-container">
|
||||||
|
<a href="index_en.html" class="language-switch" title="English Version">
|
||||||
|
<img src="img/united-kingdom.png" class="flag-icon"/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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>
|
<i class="fas fa-envelope"></i>
|
||||||
bartek.piekarski@pm.me
|
bartek.piekarski@pm.me
|
||||||
</a>
|
</a>
|
||||||
<a href="https://www.linkedin.com/in/bartek-piekarski-911206257" target="_blank">
|
<a href="https://www.linkedin.com/in/bartek-piekarski-911206257" target="_blank">
|
||||||
<i class="fab fa-linkedin"></i>
|
<i class="fab fa-linkedin"></i>
|
||||||
LinkedIn
|
LinkedIn
|
||||||
</a>
|
</a>
|
||||||
<a href="https://github.com/Lheorvin" target="_blank">
|
<a href="https://github.com/Lheorvin" target="_blank">
|
||||||
<i class="fab fa-github"></i>
|
<i class="fab fa-github"></i>
|
||||||
GitHub
|
GitHub
|
||||||
</a>
|
</a>
|
||||||
<a href="https://gitlab.com/Lheorvine" target="_blank">
|
<a href="https://gitlab.com/Lheorvine" target="_blank">
|
||||||
<i class="fab fa-gitlab"></i>
|
<i class="fab fa-gitlab"></i>
|
||||||
GitLab
|
GitLab
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<section class="section">
|
<section class="section">
|
||||||
<h2>O mnie</h2>
|
<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>
|
<p>Pasjonat technologii z okolic Katowic z szczególnym naciskiem na rozwój gier, systemy Linux oraz cyberbezpieczeństwo.</p>
|
||||||
|
<br>
|
||||||
|
<p>Aktualnie studiuję informatykę ze specjalizacją w tworzeniu gier komputerowych i aplikacji mobilnych.</p>
|
||||||
|
<br>
|
||||||
|
<p>Poszukuję ciekawej pracy, która pozwoli mi rozwinąć moje umiejętności i zdobyć doświadczenie w branży IT.</p>
|
||||||
|
<br>
|
||||||
|
<p>Jestem otwarty na pracę w trybie hybrydowym z Krakowa oraz innych miejscowości znajdujących się w podobnej odległości od Katowic.</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="section">
|
<section class="section">
|
||||||
|
|
@ -355,7 +164,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="project">
|
<div class="project">
|
||||||
<h3>Kasjer Sprzedawca</h3>
|
<h3>Kasjer Sprzedawca</h3>
|
||||||
<p><strong>MINIT Polska</strong> | 02.2021 - 01.2022</p>
|
<p><strong>MINIT Polska</strong> | 02.2020 - 01.2021</p>
|
||||||
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
||||||
<li>Obsługa kasy fiskalnej i terminala płatniczego</li>
|
<li>Obsługa kasy fiskalnej i terminala płatniczego</li>
|
||||||
<li>Zarządzanie towarem i prowadzenie inwentaryzacji</li>
|
<li>Zarządzanie towarem i prowadzenie inwentaryzacji</li>
|
||||||
|
|
@ -385,17 +194,5 @@
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -1,41 +1,9 @@
|
||||||
/*!
|
const skillTags = document.querySelectorAll('.skill-tag');
|
||||||
* Start Bootstrap - Resume v7.0.6 (https://startbootstrap.com/theme/resume)
|
skillTags.forEach(tag => {
|
||||||
* Copyright 2013-2023 Start Bootstrap
|
tag.addEventListener('click', () => {
|
||||||
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-resume/blob/master/LICENSE)
|
tag.style.transform = 'scale(1.1)';
|
||||||
*/
|
setTimeout(() => {
|
||||||
//
|
tag.style.transform = 'scale(1)';
|
||||||
// Scripts
|
}, 200);
|
||||||
//
|
|
||||||
|
|
||||||
window.addEventListener('DOMContentLoaded', event => {
|
|
||||||
|
|
||||||
// Activate Bootstrap scrollspy on the main nav element
|
|
||||||
const sideNav = document.body.querySelector('#sideNav');
|
|
||||||
if (sideNav) {
|
|
||||||
new bootstrap.ScrollSpy(document.body, {
|
|
||||||
target: '#sideNav',
|
|
||||||
rootMargin: '0px 0px -40%',
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
// Collapse responsive navbar when toggler is visible
|
|
||||||
const navbarToggler = document.body.querySelector('.navbar-toggler');
|
|
||||||
const responsiveNavItems = [].slice.call(
|
|
||||||
document.querySelectorAll('#navbarResponsive .nav-link')
|
|
||||||
);
|
|
||||||
responsiveNavItems.map(function (responsiveNavItem) {
|
|
||||||
responsiveNavItem.addEventListener('click', () => {
|
|
||||||
if (window.getComputedStyle(navbarToggler).display !== 'none') {
|
|
||||||
navbarToggler.click();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
});
|
||||||
});
|
|
||||||
|
|
||||||
function showCategory(category) {
|
|
||||||
document.getElementById('programming-projects').style.display =
|
|
||||||
category === 'programming' ? 'block' : 'none';
|
|
||||||
document.getElementById('graphics-projects').style.display =
|
|
||||||
category === 'graphics' ? 'block' : 'none';
|
|
||||||
}
|
|
||||||
Loading…
Add table
Reference in a new issue