lheor/Sykorax.eu
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

dodałem link do angielskiej wersji strony

Browse source
This commit is contained in:
lheorvine 2025-01-13 11:10:20 +01:00
parent 34a9bcc490
commit 17b42bf574
8 changed files with 445 additions and 22406 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11107
_site/css/styles.css
View file

File diff suppressed because it is too large Load diff

BIN
_site/img/united-kingdom.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 29 KiB

274
_site/index.html
View file

@ -5,242 +5,51 @@
<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>
<link rel="stylesheet" href="css/styles.css">
<link rel="script" href="js/scripts.js">
</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">
<header>
<div class="header-top">
<div class="language-container"></div>
<h1>Bartłomiej Piekarski</h1>
<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>
bartek.piekarski@pm.me
</a>
<a href="https://linkedin.com/in/yourprofile" target="_blank">
</a>
<a href="https://www.linkedin.com/in/bartek-piekarski-911206257" target="_blank">
<i class="fab fa-linkedin"></i>
LinkedIn
</a>
<a href="https://github.com/yourprofile" target="_blank">
</a>
<a href="https://github.com/Lheorvin" target="_blank">
<i class="fab fa-github"></i>
GitHub
</a>
<a href="https://gitlab.com/yourprofile" target="_blank">
</a>
<a href="https://gitlab.com/Lheorvine" target="_blank">
<i class="fab fa-gitlab"></i>
GitLab
</a>
</div>
</header>
</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>
<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 class="section">
@ -272,7 +81,6 @@
<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>
@ -317,7 +125,7 @@
</ul>
</div>
<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>
@ -336,7 +144,7 @@
<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>
<a href="https://zyciorys.gitlab.io/portfolio_z_grafiki" class="portfolio-link">Zobacz więcej prac graficznych w portfolio →</a>
</div>
</div>
</div>
@ -348,7 +156,7 @@
<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>Zabezpieczanie obiektów handlowych</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>
@ -356,7 +164,7 @@
</div>
<div class="project">
<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;">
<li>Obsługa kasy fiskalnej i terminala płatniczego</li>
<li>Zarządzanie towarem i prowadzenie inwentaryzacji</li>
@ -386,17 +194,5 @@
</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>

48
_site/js/scripts.js
View file

@ -1,41 +1,9 @@
/*!
* Start Bootstrap - Resume v7.0.6 (https://startbootstrap.com/theme/resume)
* Copyright 2013-2023 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-resume/blob/master/LICENSE)
*/
//
// Scripts
//
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();
}
});
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);
});
});
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
View file

File diff suppressed because it is too large Load diff

BIN
img/united-kingdom.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 29 KiB

267
index.html
View file

@ -5,242 +5,51 @@
<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>
<link rel="stylesheet" href="css/styles.css">
<link rel="script" href="js/scripts.js">
</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">
<header>
<div class="header-top">
<div class="language-container"></div>
<h1>Bartłomiej Piekarski</h1>
<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>
bartek.piekarski@pm.me
</a>
<a href="https://www.linkedin.com/in/bartek-piekarski-911206257" target="_blank">
</a>
<a href="https://www.linkedin.com/in/bartek-piekarski-911206257" target="_blank">
<i class="fab fa-linkedin"></i>
LinkedIn
</a>
<a href="https://github.com/Lheorvin" target="_blank">
</a>
<a href="https://github.com/Lheorvin" target="_blank">
<i class="fab fa-github"></i>
GitHub
</a>
<a href="https://gitlab.com/Lheorvine" target="_blank">
</a>
<a href="https://gitlab.com/Lheorvine" target="_blank">
<i class="fab fa-gitlab"></i>
GitLab
</a>
</div>
</header>
</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>
<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 class="section">
@ -355,7 +164,7 @@
</div>
<div class="project">
<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;">
<li>Obsługa kasy fiskalnej i terminala płatniczego</li>
<li>Zarządzanie towarem i prowadzenie inwentaryzacji</li>
@ -385,17 +194,5 @@
</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>

48
js/scripts.js
View file

@ -1,41 +1,9 @@
/*!
* Start Bootstrap - Resume v7.0.6 (https://startbootstrap.com/theme/resume)
* Copyright 2013-2023 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-resume/blob/master/LICENSE)
*/
//
// Scripts
//
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();
}
});
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);
});
});
function showCategory(category) {
document.getElementById('programming-projects').style.display =
category === 'programming' ? 'block' : 'none';
document.getElementById('graphics-projects').style.display =
category === 'graphics' ? 'block' : 'none';
}
});