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

feat: refreshed website

Browse Source
This commit is contained in:
Michał Czyż
2024-08-16 13:50:41 +02:00
parent 6c1479cc44
commit eaeb206174
4 changed files with 453 additions and 368 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
public/assets/mike-czyz-public.asc
View File

@@ -1,65 +0,0 @@
-----BEGIN PGP PUBLIC KEY BLOCK-----
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
Fw2jcFqXvtJYIovZkqbCRHUwTRaCTiVXpRcC
=jrZb
-----END PGP PUBLIC KEY BLOCK-----

109
public/assets/mike-czyz-public.gpg Normal file
View File

@@ -0,0 +1,109 @@
-----BEGIN PGP PUBLIC KEY BLOCK-----
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
aw==
=ZqUc
-----END PGP PUBLIC KEY BLOCK-----

170
public/index.html
View File

@@ -2,108 +2,106 @@
<html lang="en"> <html lang="en">
<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="#000000" /> <meta name="theme-color" content="#8aadf4" />
<meta name="description" <meta name="description"
content="Michael Czyż is a student and a frontend developer creating websites in many technologies and frameworks." /> content="Michał Czyż is a student and a software developer." />
<meta name="author" content="Michael Czyż" /> <meta name="author" content="Michał Czyż" />
<meta name="copyright" content="Michael Czyż, 2023 All Rights Reserved" /> <meta name="copyright" content="Michał Czyż, 2024 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ż, tsi, developer, crypto, web, angular, react, javascript" />
<meta name="date" content="" /> <meta name="date" content="" />
<meta name="page-topic" content="" /> <meta name="page-topic" content="" />
<!--Facebook Open Graph--> <!--Facebook Open Graph-->
<meta property="og:url" content="https://mczyz.icu" /> <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="Michael Czyż" /> <meta property="og:title" content="Michał Czyż" />
<meta property="og:site_name" content="Michael 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="Michael Czyż is a student and a frontend developer creating websites in many technologies and frameworks." /> content="Michał Czyż is a student and a software developer." />
<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="Michael Czyż" /> <meta name="twitter:title" content="Michał Czyż" />
<meta name="twitter:description" <meta name="twitter:description"
content="Michael Czyż is a student and a frontend developer creating websites in many technologies and frameworks." /> content="Michał Czyż is a student and a software developer." />
<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="manifest" href="manifest.json" />
<link rel="stylesheet" href="styles.css" /> <link rel="stylesheet" href="styles.css" />
<script src="main.js" defer></script> <script src="main.js" defer></script>
<title>Michael Czyż</title> <title>Michał Czyż</title>
</head> </head>
<body> <body>
<div class="page"> <div class="page">
<h1 class="header"> <h1 class="header">
Hi, I'm Mike 👋🏻 👨🏻‍💻 Hi, I'm Mike 👋🏻
</h1> </h1>
<div class="bio"> <div class="bio">
<p>I'm a student and a frontend developer creating websites in many technologies and frameworks. I also want to <h4>A Student and a Software Developer</h4>
get closer to the metal 🔨 so I create software in C++, C#, Rust 🦀 and Python. Electron is terrifying me ⚛.</p>
<p>I'm currently working on some new fascinating projects, so be sure to follow me to not miss out on new stuff I'll be releasing soon.</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"> <p>I'm currently working on new fascinating projects,
<h2>Find Mike around the web 🌎:</h2> so be sure to follow me!</p>
<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 me on <a href="https://twitter.com/Mike_Czyz_">X</a> 🐦</li>
</ul>
<p>Psst! You can also take a look at my <a href="https://github.com/eRgo35/dots">dotfiles</a><br /> to find my latest rice 🍚.</p> <h4>About Mike</h4>
<ul>
<li>⚙️ I use daily: <code>.rs</code>, <code>.js</code> <code>.py</code> <code>.sh</code> <code>.cpp</code> <code>.md</code></li>
<li>🏗️ Developed: <a href="https://github.com/eRgo35/lyra">lyra</a>, <a href="https://github.com/eRgo35/ah">ah</a>, <a href="https://github.com/eRgo35/ti">ti</a>, <a href="https://github.com/eRgo35/ascii">ascii</a>, etc...</li>
<li>🍚 Check out my: <a href="https://github.com/eRgo35/dots">dotfiles</a>, <a href="https://github.com/eRgo35/nix-config">nix flake</a></li>
</ul>
<p>Also, checkout <a href="https://scientia.c2yz.com">this site</a>. You might find it interesting. 👀</p> <h4>Mike around the web</h4>
<ul>
<!-- <p>[📎 <a href="assets/resume.pdf"">resume</a>] [📧 <a href=" mailto:mike@c2yz.com?subject=Hi">contact</a>]</p> --> <li>🐙 take a look at my <a href="https://github.com/eRgo35">GitHub</a></li>
<p>[📧 <a href=" mailto:mike@c2yz.com?subject=Hi">contact</a>]</p> <li>💼 find me on <a href="https://www.linkedin.com/in/mike-czyz">LinkedIn</a></li>
</div> <li>📹 visit my <a href="https://www.youtube.com/@eRgo35">YouTube</a></li>
</ul>
<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>
</div>
</div>
<div class="footer"> <div class="world">
<div class="copyright"> <!-- <p>Also, checkout <a href="https://scientia.c2yz.com">this site</a>. You might find it interesting. 👀</p> -->
Copyright &copy; <span id="year">2023</span> All rights reserved
</div> <!-- <p>[📎 <a href="assets/resume.pdf"">resume</a>] [📧 <a href=" mailto:mike@c2yz.com?subject=Hi">contact</a>]</p> -->
<div class="gpg"> <p>[📧 <a href=" mailto:mike@c2yz.com?subject=Hi">contact</a>]</p>
🔑
<a href="assets/mike-czyz-public.asc" class="pgp-key"> <span class="separator">. . .</span>
<span>710D</span> </div>
<span>3407</span>
<span>D37F</span> <div class="aside">
<span>F123</span> <div class="avatar-wrapper">
</a> <img src="assets/mike-czyz.webp" class="avatar" width="2.5in" height="2.5in" />
</div> <div class="theme">
<i class="material-icons">&#xe51c</i>
<span class="theme-text">Dark Mode</span>
</div>
</div>
</div>
<div class="footer">
<div class="copyright">
&copy; <span id="year">2024</span>
</div>
<div class="gpg">
<a href="assets/mike-czyz-public.gpg" target="_blank" class="gpg-key">
🔑
<span>GPG</span>
</a>
</div>
</div>
</div> </div>
</div>
</body> </body>
</html> </html>

475
public/styles.css
View File

@@ -2,309 +2,352 @@
@import url("https://fonts.googleapis.com/icon?family=Material+Icons"); @import url("https://fonts.googleapis.com/icon?family=Material+Icons");
* { * {
transition: background-color 0.2s ease-in-out; transition: background-color 0.15s ease-in-out;
} }
html { html {
--rosewater: #dc8a78; --rosewater: #dc8a78;
--flamingo: #dd7878; --flamingo: #dd7878;
--pink: #ea76cb; --pink: #ea76cb;
--mauve: #8839ef; --mauve: #8839ef;
--red: #d20f39; --red: #d20f39;
--maroon: #e64553; --maroon: #e64553;
--peach: #fe640b; --peach: #fe640b;
--yellow: #df8e1d; --yellow: #df8e1d;
--green: #40a02b; --green: #40a02b;
--teal: #179299; --teal: #179299;
--sky: #04a5e5; --sky: #04a5e5;
--sapphire: #209fb5; --sapphire: #209fb5;
--blue: #1e66f5; --blue: #1e66f5;
--lavender: #7287fd; --lavender: #7287fd;
--text: #434f69; --text: #434f69;
--subtext1: #5c5f77; --subtext1: #5c5f77;
--subtext0: #6c6f85; --subtext0: #6c6f85;
--overlay2: #7c7f93; --overlay2: #7c7f93;
--overlay1: #8c8fa1; --overlay1: #8c8fa1;
--overlay0: #9ca0b0; --overlay0: #9ca0b0;
--surface2: #acb0be; --surface2: #acb0be;
--surface1: #bcc0cc; --surface1: #bcc0cc;
--surface0: #ccd0da; --surface0: #ccd0da;
--base: #eff1f5; --base: #eff1f5;
--mantle: #e6e9ef; --mantle: #e6e9ef;
--crust: #dce0e8; --crust: #dce0e8;
} }
.dark { .dark {
--rosewater: #f4dbd6; --rosewater: #f4dbd6;
--flamingo: #f0c6c6; --flamingo: #f0c6c6;
--pink: #f5bde6; --pink: #f5bde6;
--mauve: #c6a0f6; --mauve: #c6a0f6;
--red: #ed8796; --red: #ed8796;
--maroon: #ee99a0; --maroon: #ee99a0;
--peach: #f5a97f; --peach: #f5a97f;
--yellow: #eed49f; --yellow: #eed49f;
--green: #a6da95; --green: #a6da95;
--teal: #8bd5ca; --teal: #8bd5ca;
--sky: #91d7e3; --sky: #91d7e3;
--sapphire: #7dc4e4; --sapphire: #7dc4e4;
--blue: #8aadf4; --blue: #8aadf4;
--lavender: #b7bdf8; --lavender: #b7bdf8;
--text: #cad3f5; --text: #cad3f5;
--subtext1: #b8c0e0; --subtext1: #b8c0e0;
--subtext0: #a5adcb; --subtext0: #a5adcb;
--overlay2: #939ab7; --overlay2: #939ab7;
--overlay1: #8087a2; --overlay1: #8087a2;
--overlay0: #6e738d; --overlay0: #6e738d;
--surface2: #5b6078; --surface2: #5b6078;
--surface1: #494d64; --surface1: #494d64;
--surface0: #363a4f; --surface0: #363a4f;
--base: #24273a; --base: #24273a;
--mantle: #1e2030; --mantle: #1e2030;
--crust: #181926; --crust: #181926;
} }
::selection { ::selection {
background-color: var(--overlay0); background-color: var(--overlay0);
} }
@keyframes fadein { @keyframes fadein {
0% { 0% {
opacity: 0; opacity: 0;
transform: scale(97.5%); transform: scale(100.5%);
} margin-top: 4in;
overflow: clip;
}
100% { 100% {
opacity: 1; opacity: 1;
transform: scale(100%); transform: scale(100%);
} margin-top: 5px;
overflow: auto;
}
} }
html, html,
body { body {
margin: 0; margin: 0;
height: 100vh; width: 100%;
background-color: var(--surface0); min-height: 100vh;
color: var(--text); /* height: 100vh; */
display: grid; background-color: var(--crust);
place-items: center; color: var(--text);
font-family: "Schibsted Grotesk", sans-serif; display: grid;
place-items: center;
font-family: "Schibsted Grotesk", sans-serif;
overflow: auto;
overflow-anchor: none;
} }
.page { .page {
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px 0px, box-shadow:
rgba(0, 0, 0, 0.23) 0px 6px 6px 0px; rgba(0, 0, 0, 0.19) 0px 10px 20px 0px,
box-sizing: border-box; rgba(0, 0, 0, 0.23) 0px 6px 6px 0px;
width: 8.5in; box-sizing: border-box;
height: 11in; width: 8.5in;
background-color: var(--base); /* height: 11in; */
padding: 0.5in; height: 8in;
position: relative; margin-top: 5px;
animation: 0.4s ease-out 0s 1 fadein; margin-bottom: 5px;
display: grid; background-color: var(--base);
grid-template-columns: 1fr 2.5in; padding: 0.5in;
grid-template-rows: 0.85in 0.2fr 0.4fr auto; position: relative;
gap: 0px 0px; animation: 0.5s ease-out 0s 1 fadein;
grid-template-areas: display: grid;
"header header" grid-template-columns: 1fr 2.5in;
"bio aside" grid-template-rows: 0.85in 0.2fr 0.4fr auto;
"world aside" gap: 0px 0px;
"footer footer"; grid-template-areas:
"header header"
"bio aside"
"world aside"
"footer footer";
/* clip-path: polygon(1in 0%, 100% 0, 100% 100%, 0 100%, 0 1in); */
overflow: hidden;
} }
a { a {
color: var(--sapphire); color: var(--sapphire);
transition: 0.1s color ease-in-out, 0.1s text-decoration ease-in-out; transition:
text-decoration: none; 0.1s color ease-in-out,
0.1s text-decoration ease-in-out;
text-decoration: none;
} }
a:hover, a:hover,
a:active, a:active,
a:focus { a:focus {
color: var(--blue); color: var(--blue);
text-decoration: underline; text-decoration: underline;
} }
.header { .header {
grid-area: header; grid-area: header;
} }
.bio { .bio {
grid-area: bio; grid-area: bio;
padding: 0 0.5in 0 0; padding: 0 0.5in 0 0;
text-align: justify; text-align: justify;
} }
.world { .world {
grid-area: world; grid-area: world;
}
.separator {
} }
.aside { .aside {
grid-area: aside; grid-area: aside;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: top; justify-content: top;
align-items: center; align-items: center;
} }
.footer { .footer {
grid-area: footer; grid-area: footer;
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 0.3fr 0.7fr;
column-gap: 0.5in; column-gap: 0.5in;
align-self: end; align-self: end;
} }
.copyright { .copyright {
text-align: left; text-align: left;
} }
.gpg { .gpg {
text-align: right; text-align: right;
} }
.avatar { .avatar {
width: 2.5in; width: 2.5in;
height: 2.5in; height: 2.5in;
border-radius: 100%; border-radius: 100%;
pointer-events: none; pointer-events: none;
} }
.avatar-wrapper { .avatar-wrapper {
position: relative; position: relative;
} }
.theme { .theme {
position: absolute; position: absolute;
bottom: 0.125in; bottom: 0.125in;
right: 0.125in; right: 0.125in;
background-color: var(--surface1); background-color: var(--mantle);
border: 1px solid var(--overlay0); color: var(--yellow);
border-radius: 10in; border: 1px solid var(--overlay0);
margin: 0.125in 0 0; border-radius: 10in;
padding: 0.125in; margin: 0.125in 0 0;
max-width: 0.25in; padding: 0.125in;
height: 0.25in; max-width: 0.25in;
cursor: pointer; height: 0.25in;
transition: max-width 0.5s ease; cursor: pointer;
overflow: hidden; transition: max-width 0.5s ease;
display: inline-flex; overflow: hidden;
align-items: center; display: inline-flex;
align-items: center;
} }
.theme:hover { .theme:hover {
max-width: 2.5in; max-width: 2.5in;
} }
.material-icons { .material-icons {
font-family: "Material Icons"; font-family: "Material Icons";
} }
.theme-text { .theme-text {
white-space: nowrap; white-space: nowrap;
padding: 0 0.125in; padding: 0 0.125in;
user-select: none; user-select: none;
}
.pgp-key:hover,
.gpg-key:active,
.gpg-key:focus {
text-decoration: none;
transition: 0.1s color ease-in-out, 0.1s text-decoration ease-in-out;
} }
.pgp-key:hover span, .gpg-key:hover,
.gpg-key:active,
.gpg-key:focus {
text-decoration: none;
transition:
0.1s color ease-in-out,
0.1s text-decoration ease-in-out;
}
.gpg-key:hover span,
.gpg-key:active span, .gpg-key:active span,
.gpg-key:focus span { .gpg-key:focus span {
text-decoration: underline; text-decoration: underline;
transition: 0.1s color ease-in-out, 0.1s text-decoration ease-in-out; transition:
0.1s color ease-in-out,
0.1s text-decoration ease-in-out;
} }
@media only screen and (min-width: 768px) and (max-width: 900px) { @media only screen and (min-width: 768px) and (max-width: 900px) {
/* tablets and desktop */ html,
.page { body {
width: 100%; overflow: auto;
height: 100%; }
margin: 0;
padding: 0.25in;
box-shadow: none;
}
.footer { /* tablets and desktop */
margin-top: 0.25in; .page {
grid-template-rows: none; width: 100%;
grid-template-columns: auto; height: 100%;
} margin: 0;
padding: 0.25in;
box-shadow: none;
animation: none;
overflow: auto;
}
.theme:focus, .theme:active, .theme:hover { .footer {
max-width: 0.25in; margin-top: 0.25in;
} grid-template-rows: none;
grid-template-columns: auto;
}
.theme-text { .theme:focus,
display: none; .theme:active,
} .theme:hover {
max-width: 0.25in;
}
.copyright { .theme-text {
text-align: center; display: none;
} }
.gpg { .copyright {
text-align: center; text-align: center;
grid-row: 1; }
}
.gpg {
text-align: center;
grid-row: 1;
}
} }
@media only screen and (max-width: 767px) { @media only screen and (max-width: 767px) {
/* phones */ html,
.page { body {
width: 100%; overflow: auto;
height: 100%; }
margin: 0;
padding: 0.25in;
box-shadow: none;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 0.85in 0.2fr 0.4fr auto;
gap: 0px 0px;
grid-template-areas:
"header"
"aside"
"bio"
"world"
"footer";
}
.theme:focus, .theme:active, .theme:hover { /* phones */
max-width: 0.25in; .page {
} width: 100%;
height: 100%;
margin: 0;
padding: 0.25in;
box-shadow: none;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 0.85in 0.2fr 0.4fr auto;
gap: 0px 0px;
grid-template-areas:
"header"
"aside"
"bio"
"world"
"footer";
animation: none;
overflow: auto;
}
.theme-text { .theme:focus,
display: none; .theme:active,
} .theme:hover {
max-width: 0.25in;
}
.bio { .theme-text {
grid-template-columns: none; display: none;
grid-template-rows: 2.5in 1fr; }
place-items: center;
padding: 0;
}
.avatar { .bio {
grid-row: 1; grid-template-columns: none;
} grid-template-rows: 2.5in 1fr;
place-items: center;
padding: 0;
}
.footer { .avatar {
margin-top: 0.25in; grid-row: 1;
position: static; }
grid-template-rows: none;
grid-template-columns: auto;
width: 100%;
}
.copyright { .footer {
text-align: center; margin-top: 0.25in;
} position: static;
grid-template-rows: none;
grid-template-columns: auto;
width: 100%;
}
.gpg { .copyright {
text-align: center; text-align: center;
grid-row: 1; }
}
.gpg {
text-align: center;
grid-row: 1;
}
} }