theme improvements

This commit is contained in:
2023-05-18 23:20:52 +02:00
parent a55b85843f
commit e376d9c21f
4 changed files with 303 additions and 97 deletions

View File

@@ -1,89 +1,110 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="./assets/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="Michael Czyż is a student and a frontend developer creating websites in many technologies and frameworks." />
<meta name="author" content="Michael Czyż" />
<meta name="copyright" content="Michael Czyż, 2023 All Rights Reserved" />
<meta name="keywords" lang="en" content="Michał Czyż, Michael Czyż, Mike Czyż, tsi, developer, crypto, web, angular, react, javascript" />
<meta name="date" content="" />
<meta name="page-topic" content="" />
<!--Facebook Open Graph-->
<meta property="og:url" content="https://mczyz.icu" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Michael Czyż" />
<meta property="og:site_name" content="Michael Czyż" />
<meta property="og:locale" content="en_US" />
<meta property="og:description" content="Michael Czyż is a student and a frontend developer creating websites in many technologies and frameworks." />
<meta property="og:image" content="./assets/card.png" />
<!--Twitter card metadata-->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@Mike_Czyz_" />
<meta name="twitter:creator" content="@Mike_Czyz_" />
<meta name="twitter:title" content="Michael Czyż" />
<meta name="twitter:description" content="Michael Czyż is a student and a frontend developer creating websites in many technologies and frameworks." />
<meta name="twitter:image" content="./assets/card.png">
<head>
<meta charset="utf-8" />
<link rel="icon" href="./assets/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description"
content="Michael Czyż is a student and a frontend developer creating websites in many technologies and frameworks." />
<meta name="author" content="Michael Czyż" />
<meta name="copyright" content="Michael Czyż, 2023 All Rights Reserved" />
<meta name="keywords" lang="en"
content="Michał Czyż, Michael Czyż, Mike Czyż, tsi, developer, crypto, web, angular, react, javascript" />
<meta name="date" content="" />
<meta name="page-topic" content="" />
<link rel="apple-touch-icon" href="./assets/logo192.png" />
<!--
<!--Facebook Open Graph-->
<meta property="og:url" content="https://mczyz.icu" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Michael Czyż" />
<meta property="og:site_name" content="Michael Czyż" />
<meta property="og:locale" content="en_US" />
<meta property="og:description"
content="Michael Czyż is a student and a frontend developer creating websites in many technologies and frameworks." />
<meta property="og:image" content="./assets/card.png" />
<!--Twitter card metadata-->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@Mike_Czyz_" />
<meta name="twitter:creator" content="@Mike_Czyz_" />
<meta name="twitter:title" content="Michael Czyż" />
<meta name="twitter:description"
content="Michael Czyż is a student and a frontend developer creating websites in many technologies and frameworks." />
<meta name="twitter:image" content="./assets/card.png">
<link rel="apple-touch-icon" href="./assets/logo192.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="manifest.json" />
<link rel="manifest" href="manifest.json" />
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="styles.css" />
<script src="main.js" defer></script>
<title>Michael Czyż</title>
</head>
<body>
<div class="page">
<h1>Hi, I'm Mike 👋🏻 👨🏻‍💻</h1>
<div class="bio">
<div>
<p>I'm a student and a frontend developer creating websites in many technologies and frameworks. I also want to get closer to the metal 🔨 so I create software in C++, C# and Python. Electron is terrifying me ⚛.</p>
<p>I built a <a href="https://github.com/eRgo35/Project-TSI">Web App</a> using Angular Material framework, a simple <a href="https://github.com/eRgo35/Server-Manager">Server Manager</a> program for Windows and much more! I'm also a co-author of a Discord <a href="https://github.com/HiveMindStudios/MelvinJS">multipurpose bot</a> written in JavaScript.</p>
<p>I'm having a lot of fun with the latest technologies, mainly Cryptocurrencies 💰 and Artificial Inteligence 👁️.</p>
</div>
<img src="assets/mike-czyz.webp" class="avatar" width="2.5in" height="2.5in"/>
</div>
<h2>Find Mike around the web 🌎:</h2>
<ul>
<li>take a look at my <a href="https://github.com/eRgo35">GitHub</a> 🐙</li>
<li>find me on <a href="https://www.linkedin.com/in/mike-czyz/">LinkedIn</a> 💼</li>
<li>visit my <a href="https://www.youtube.com/@eRgo35">Youtube</a> Channel 📹</li>
<li>and follow my <a href="https://twitter.com/Mike_Czyz_">Twitter</a> 🐦</li>
</ul>
<title>Michael Czyż</title>
</head>
<p>Psst! You can also take a look at my <a href="https://github.com/eRgo35/dots">dotfiles</a> and find my latest rice 🍚.</p>
<p>[📎 <a href="assets/resume.pdf"">resume</a>] [📧 <a href="mailto:mike@czyz.icu?subject=Hi">contact</a>]</p>
<div class="footer">
<div class="copyright">
Copyright &copy; <span id="year">2023</span> All rights reserved
</div>
<div class="gpg">
🔑
<a href="assets/mike-czyz-public.asc" class="pgp-key">
<span>710D</span>
<span>3407</span>
<span>D37F</span>
<span>F123</span>
</a>
</div>
<body>
<div class="page">
<h1 class="header">
Hi, I'm Mike 👋🏻 👨🏻‍💻
</h1>
<div class="bio">
<p>I'm a student and a frontend developer creating websites in many technologies and frameworks. I also want to
get closer to the metal 🔨 so I create software in C++, C# and Python. Electron is terrifying me ⚛.</p>
<p>I built a <a href="https://github.com/eRgo35/Project-TSI">Web App</a> using Angular Material framework, a
simple <a href="https://github.com/eRgo35/Server-Manager">Server Manager</a> program for Windows and much
more! I'm also a co-author of a Discord <a href="https://github.com/HiveMindStudios/MelvinJS">multipurpose
bot</a> written in JavaScript.</p>
<p>I'm having a lot of fun with the latest technologies, mainly Cryptocurrencies 💰 and Artificial Inteligence
👁️.</p>
</div>
<div class="world">
<h2>Find Mike around the web 🌎:</h2>
<ul>
<li>take a look at my <a href="https://github.com/eRgo35">GitHub</a> 🐙</li>
<li>find me on <a href="https://www.linkedin.com/in/mike-czyz/">LinkedIn</a> 💼</li>
<li>visit my <a href="https://www.youtube.com/@eRgo35">Youtube</a> Channel 📹</li>
<li>and follow my <a href="https://twitter.com/Mike_Czyz_">Twitter</a> 🐦</li>
</ul>
<p>Psst! You can also take a look at my <a href="https://github.com/eRgo35/dots">dotfiles</a><br /> and find my
latest
rice 🍚.</p>
<p>[📎 <a href="assets/resume.pdf"">resume</a>] [📧 <a href=" mailto:mike@czyz.icu?subject=Hi">contact</a>]</p>
</div>
<div class="aside">
<div class="avatar-wrapper">
<img src="assets/mike-czyz.webp" class="avatar" width="2.5in" height="2.5in" />
<div class="theme">
<i class="material-icons">&#xe51c</i>
<span class="theme-text">Dark Mode</span>
</div>
</div>
<script>
window.onload = () => {
document.querySelector("#year").innerHTML = new Date().getFullYear();
};
</script>
</body>
</div>
<div class="footer">
<div class="copyright">
Copyright &copy; <span id="year">2023</span> All rights reserved
</div>
<div class="gpg">
🔑
<a href="assets/mike-czyz-public.asc" class="pgp-key">
<span>710D</span>
<span>3407</span>
<span>D37F</span>
<span>F123</span>
</a>
</div>
</div>
</div>
</body>
</html>