eRgo35/website
1
0
Fork 0
mirror of https://github.com/eRgo35/website.git synced 2026-02-04 13:36:10 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Compare commits

base: eRgo35:5cb6da910917c36de3bb481dd32c712b97ab2567
Branches Tags
eRgo35:main
..
compare: eRgo35:6a864ef8ec97a46e2f2864b7bc2a84e5a904d4c2
Branches Tags
eRgo35:main

5 Commits
5cb6da9109 ... 6a864ef8ec

Author SHA1 Message Date
Michał Czyż
6a864ef8ec feat: big page performance optimizations 2025-07-26 14:55:06 +02:00
Michał Czyż
1f265df89c fix: invalid path still 2025-07-26 14:06:48 +02:00
Michał Czyż
13b5516e72 fix: tags path fix 2025-07-26 14:04:24 +02:00
Michał Czyż
82f70bdc43 fix: minor title and meta changes 2025-07-26 13:58:50 +02:00
Michał Czyż
1cad16ee38 feat: SEO 2025-07-26 13:45:45 +02:00
8 changed files with 77 additions and 46 deletions
Expand all files Collapse all files

BIN
assets/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 264 KiB

After

Width:  |  Height:  |  Size: 15 KiB

BIN
assets/fonts/Coiny-Regular-subset.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/Coiny-Regular.ttf Normal file
View File

Binary file not shown.

BIN
assets/mike-czyz.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 144 KiB

After

Width:  |  Height:  |  Size: 12 KiB

67
index.html
View File

@@ -3,45 +3,66 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="./assets/favicon.ico" /> <link rel="icon" href="/assets/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#8aadf4" /> <meta name="theme-color" content="#8aadf4" />
<meta name="description" <meta name="description"
content="Michał Czyż is a student and a software developer." /> content="Welcome to the official website of Michał Czyż, a student and a software developer. Explore projects, skills, and contact details." />
<meta name="author" content="Michał Czyż" /> <meta name="author" content="Michał Czyż" />
<meta name="copyright" content="Michał Czyż, 2024 All Rights Reserved" /> <meta name="copyright" content="Michał Czyż, 2025 All Rights Reserved" />
<meta name="keywords" lang="en" <meta name="keywords" lang="en"
content="Michał Czyż, Michael Czyż, Mike Czyż, tsi, developer, crypto, web, angular, react, javascript" /> content="Michał Czyż, Michael Czyż, Mike Czyż, ai, llm, python, developer, crypto, web, angular, react, javascript" />
<meta name="date" content="" /> <meta name="language" content="en" />
<meta name="page-topic" content="" /> <meta name="robots" content="index, follow" />
<meta name="date" content="2025-07-26" />
<meta name="page-topic" content="Personal Website, Software Developer, Michał Czyż, Mike Czyż" />
<!--Facebook Open Graph--> <!--Facebook Open Graph-->
<meta property="og:url" content="https://c2yz.com" /> <meta property="og:url" content="https://c2yz.com" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:title" content="Michał Czyż" /> <meta property="og:title" content="Michał Czyż - Software Developer" />
<meta property="og:site_name" content="Michał Czyż" /> <meta property="og:site_name" content="Michał Czyż" />
<meta property="og:locale" content="en_US" /> <meta property="og:locale" content="en_US" />
<meta property="og:description" <meta property="og:description"
content="Michał Czyż is a student and a software developer." /> content="Michał Czyż is a student and software developer. Explore projects, skills, and contact details." />
<meta property="og:image" content="./assets/card.png" /> <meta property="og:image" content="/assets/card.png" />
<!--Twitter card metadata--> <!--Twitter card metadata-->
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@Mike_Czyz_" /> <meta name="twitter:site" content="@Mike_Czyz_" />
<meta name="twitter:creator" content="@Mike_Czyz_" /> <meta name="twitter:creator" content="@Mike_Czyz_" />
<meta name="twitter:title" content="Michał Czyż" /> <meta name="twitter:title" content="Michał Czyż - Software Developer" />
<meta name="twitter:description" <meta name="twitter:description"
content="Michał Czyż is a student and a software developer." /> content="Michał Czyż is a student and software developer. Explore projects, skills, and contact details." />
<meta name="twitter:image" content="./assets/card.png"> <meta name="twitter:image" content="/assets/card.png">
<link rel="apple-touch-icon" href="./assets/logo192.png" /> <link rel="apple-touch-icon" href="/assets/logo192.png" />
<link rel="manifest" href="/manifest.json" />
<link rel="stylesheet" href="/styles.css" />
<link rel="manifest" href="manifest.json" /> <script src="/main.js" defer></script>
<link rel="stylesheet" href="styles.css" />
<script src="main.js" defer></script> <script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Michał Czyż",
"alternateName": "Mike",
"url": "https://c2yz.com/",
"jobTitle": "Software Developer, Student",
"alumniOf": {
"@type": "CollegeOrUniversity",
"name": "Silesian University of Technology"
},
"sameAs": [
"https://github.com/eRgo35",
"https://www.linkedin.com/in/mike-czyz",
"https://www.youtube.com/@eRgo35"
]
}
</script>
<title>Michał Czyż</title> <title>Michał Czyż - Student, Software Developer | Official Website</title>
</head> </head>
<body> <body>
@@ -83,7 +104,7 @@
<div class="world"> <div class="world">
<!-- <p>Also, checkout <a href="https://scientia.c2yz.com">this site</a>. You might find it interesting. 👀</p> --> <!-- <p>Also, checkout <a href="https://scientia.c2yz.com">this site</a>. You might find it interesting. 👀</p> -->
<span>[📎 <a href="assets/Michał_Czyż_CV.pdf"">cv</a>]</span> <span>[📎 <a href="/assets/Michał_Czyż_CV.pdf"">cv</a>]</span>
<span>[📧 <a href=" mailto:mike@c2yz.com?subject=Hi">contact</a>]</span> <span>[📧 <a href=" mailto:mike@c2yz.com?subject=Hi">contact</a>]</span>
<!-- <p>[📧 <a href=" mailto:mike@c2yz.com?subject=Hi">contact</a>]</p> --> <!-- <p>[📧 <a href=" mailto:mike@c2yz.com?subject=Hi">contact</a>]</p> -->
@@ -92,9 +113,9 @@
<div class="aside"> <div class="aside">
<div class="avatar-wrapper"> <div class="avatar-wrapper">
<img src="assets/mike-czyz.webp" class="avatar" width="2.5in" height="2.5in" /> <img src="/assets/mike-czyz.webp" class="avatar" alt="Michał Czyż" class="avatar" width="2.5in" height="2.5in" />
<div class="theme"> <div class="theme" aria-label="Toggle dark/light mode" role="button" tabindex="0">
<i class="material-icons">&#xe51c</i> <i class="material-icons">🌙</i>
<span class="theme-text">Dark Mode</span> <span class="theme-text">Dark Mode</span>
</div> </div>
</div> </div>
@@ -102,10 +123,10 @@
<div class="footer"> <div class="footer">
<div class="copyright"> <div class="copyright">
&copy; <span id="year">2024</span> &copy; <span id="year">2025</span>
</div> </div>
<div class="gpg"> <div class="gpg">
<a href="assets/mike-czyz-public.gpg" target="_blank" class="gpg-key"> <a href="/assets/mike-czyz-public.gpg" target="_blank" class="gpg-key">
🔑 🔑
<span>GPG</span> <span>GPG</span>
</a> </a>

36
main.js
View File

@@ -1,39 +1,41 @@
const root = document.documentElement; const root = document.documentElement;
const themeText = document.querySelector('.theme-text'); const themeText = document.querySelector(".theme-text");
const themeIcon = document.querySelector('.material-icons'); const themeIcon = document.querySelector(".material-icons");
const isDarkMode = () => root.classList.contains('dark'); const isDarkMode = () => root.classList.contains("dark");
const setDarkMode = () => { const setDarkMode = () => {
root.classList.add('dark'); root.classList.add("dark");
themeText.textContent = 'Dark Mode'; themeText.textContent = "Dark Mode";
themeIcon.innerHTML = '&#xe51c'; themeIcon.innerHTML = "🌙";
}; };
const setLightMode = () => { const setLightMode = () => {
root.classList.remove('dark'); root.classList.remove("dark");
themeText.textContent = 'Light Mode'; themeText.textContent = "Light Mode";
themeIcon.innerHTML = '&#xe518'; themeIcon.innerHTML = "☀️";
}; };
const toggleTheme = () => { const toggleTheme = () => {
if (isDarkMode()) { if (isDarkMode()) {
setLightMode(); setLightMode();
localStorage.setItem('preferredTheme', 'light'); localStorage.setItem("preferredTheme", "light");
} else { } else {
setDarkMode(); setDarkMode();
localStorage.setItem('preferredTheme', 'dark'); localStorage.setItem("preferredTheme", "dark");
} }
}; };
const checkPreferredTheme = () => { const checkPreferredTheme = () => {
const preferredTheme = localStorage.getItem('preferredTheme'); const preferredTheme = localStorage.getItem("preferredTheme");
if (preferredTheme === 'dark') { if (preferredTheme === "dark") {
setDarkMode(); setDarkMode();
} else if (preferredTheme === 'light') { } else if (preferredTheme === "light") {
setLightMode(); setLightMode();
} else { } else {
const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches; const prefersDarkScheme = window.matchMedia(
"(prefers-color-scheme: dark)"
).matches;
if (prefersDarkScheme) { if (prefersDarkScheme) {
setDarkMode(); setDarkMode();
} else { } else {
@@ -46,5 +48,5 @@ document.querySelector("#year").innerHTML = new Date().getFullYear();
checkPreferredTheme(); checkPreferredTheme();
const themeButton = document.querySelector('.theme'); const themeButton = document.querySelector(".theme");
themeButton.addEventListener('click', toggleTheme); themeButton.addEventListener("click", toggleTheme);

1
manifest.json
View File

@@ -1,6 +1,7 @@
{ {
"short_name": "Mike Czyż", "short_name": "Mike Czyż",
"name": "Michał Czyż's Website", "name": "Michał Czyż's Website",
"description": "Michał Czyż - software developer, student, and creator.",
"icons": [ "icons": [
{ {
"src": "assets/favicon.ico", "src": "assets/favicon.ico",

19
styles.css
View File

@@ -1,6 +1,12 @@
@import url("https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400;0,500;1,400&display=swap"); /* Coiny Regular */
@import url("https://fonts.googleapis.com/icon?family=Material+Icons"); @font-face {
@import url('https://fonts.googleapis.com/css2?family=Coiny&display=swap'); font-family: 'Coiny';
src: url('/assets/fonts/Coiny-Regular-subset.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
* { * {
transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out;
@@ -75,11 +81,11 @@ body {
width: 100%; width: 100%;
min-height: 100vh; min-height: 100vh;
/* height: 100vh; */ /* height: 100vh; */
font-family: system-ui, sans-serif;
background-color: var(--base); background-color: var(--base);
color: var(--text); color: var(--text);
display: grid; display: grid;
place-items: center; place-items: center;
font-family: "Schibsted Grotesk", sans-serif;
overflow: auto; overflow: auto;
overflow-anchor: none; overflow-anchor: none;
} }
@@ -112,7 +118,7 @@ body {
} }
a { a {
color: var(--pine); color: var(--foam);
transition: transition:
0.1s color ease-in-out, 0.1s color ease-in-out,
0.1s text-decoration ease-in-out; 0.1s text-decoration ease-in-out;
@@ -264,7 +270,8 @@ a:focus {
} }
.material-icons { .material-icons {
font-family: "Material Icons"; font-size: 1.25em;
font-style: normal;
} }
.theme-text { .theme-text {