fix: added edge case for large screens

public/assets/mike-czyz-public.asc

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

public/assets/mike-czyz-public.gpg

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

public/index.html

@@ -5,33 +5,33 @@
     <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="theme-color" content="#8aadf4" />
     <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"
         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:url" content="https://c2yz.com" />
     <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: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" />
 
     <!--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:title" content="Michał Czyż" />
     <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">
 
     <link rel="apple-touch-icon" href="./assets/logo192.png" />
@@ -41,42 +41,43 @@
 
     <script src="main.js" defer></script>
 
-  <title>Michael Czyż</title>
+    <title>Michał Czyż</title>
 </head>
 
 <body>
     <div class="page">
         <h1 class="header">
-      Hi, I'm Mike 👋🏻 👨🏻‍💻
+            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
+            <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'm currently working on new fascinating projects,
-      <p>I built a <a href="https://github.com/eRgo35/Project-TSI">Web App</a> using Angular Material framework, a
+                so be sure to follow me!</p>
-        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
+            <h4>About Mike</h4>
-          bot</a> written in JavaScript.</p>
+            <ul>
-      <p>I'm having a lot of fun with the latest technologies, mainly Cryptocurrencies 💰 and Artificial Inteligence
+                <li>⚙️ I use daily: <code>.rs</code>, <code>.js</code> <code>.py</code> <code>.sh</code> <code>.cpp</code> <code>.md</code></li>
-        👁️.</p>
+                <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>
+
+            <h4>Mike around the web</h4>
+            <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></li>
+            </ul>
         </div>
 
         <div class="world">
-      <h2>Find Mike around the web 🌎:</h2>
+            <!-- <p>Also, checkout <a href="https://scientia.c2yz.com">this site</a>. You might find it interesting. 👀</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>
-      
-      <p>Also, checkout <a href="https://scientia.c2yz.com">this site</a>. You might find it interesting. 👀</p>
 
             <!-- <p>[📎 <a href="assets/resume.pdf"">resume</a>] [📧 <a href=" mailto:mike@c2yz.com?subject=Hi">contact</a>]</p> -->
             <p>[📧 <a href=" mailto:mike@c2yz.com?subject=Hi">contact</a>]</p>
+
+            <span class="separator">. . .</span>
         </div>
 
         <div class="aside">
@@ -91,15 +92,12 @@
 
         <div class="footer">
             <div class="copyright">
-        Copyright &copy; <span id="year">2023</span> All rights reserved
+                &copy; <span id="year">2024</span>
             </div>
             <div class="gpg">
+                <a href="assets/mike-czyz-public.gpg" target="_blank" class="gpg-key">
                     🔑
-        <a href="assets/mike-czyz-public.asc" class="pgp-key">
+                    <span>GPG</span>
-          <span>710D</span>
-          <span>3407</span>
-          <span>D37F</span>
-          <span>F123</span>
                 </a>
             </div>
         </div>

public/styles.css

@@ -2,7 +2,7 @@
 @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 {
@@ -70,36 +70,48 @@ html {
 @keyframes fadein {
     0% {
         opacity: 0;
-    transform: scale(97.5%);
+        transform: scale(100.5%);
+        margin-top: 4in;
+        overflow: clip;
     }
 
     100% {
         opacity: 1;
         transform: scale(100%);
+        margin-top: 5px;
+        overflow: auto;
     }
 }
 
 html,
 body {
     margin: 0;
-  height: 100vh;
+    width: 100%;
-  background-color: var(--surface0);
+    min-height: 100vh;
+    /* height: 100vh; */
+    background-color: var(--crust);
     color: var(--text);
     display: grid;
     place-items: center;
     font-family: "Schibsted Grotesk", sans-serif;
+    overflow: auto;
+    overflow-anchor: none;
 }
 
 .page {
-  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px 0px,
+    box-shadow:
+        rgba(0, 0, 0, 0.19) 0px 10px 20px 0px,
         rgba(0, 0, 0, 0.23) 0px 6px 6px 0px;
     box-sizing: border-box;
     width: 8.5in;
-  height: 11in;
+    /* height: 11in; */
+    height: 8in;
+    margin-top: 5px;
+    margin-bottom: 5px;
     background-color: var(--base);
     padding: 0.5in;
     position: relative;
-  animation: 0.4s ease-out 0s 1 fadein;
+    animation: 0.5s ease-out 0s 1 fadein;
     display: grid;
     grid-template-columns: 1fr 2.5in;
     grid-template-rows: 0.85in 0.2fr 0.4fr auto;
@@ -109,11 +121,15 @@ body {
         "bio aside"
         "world aside"
         "footer footer";
+    /* clip-path: polygon(1in 0%, 100% 0, 100% 100%, 0 100%, 0 1in); */
+    overflow: hidden;
 }
 
 a {
     color: var(--sapphire);
-  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;
     text-decoration: none;
 }
 
@@ -138,6 +154,9 @@ a:focus {
     grid-area: world;
 }
 
+.separator {
+}
+
 .aside {
     grid-area: aside;
     display: flex;
@@ -149,7 +168,7 @@ a:focus {
 .footer {
     grid-area: footer;
     display: grid;
-  grid-template-columns: 1fr 1fr;
+    grid-template-columns: 0.3fr 0.7fr;
     column-gap: 0.5in;
     align-self: end;
 }
@@ -177,7 +196,8 @@ a:focus {
     position: absolute;
     bottom: 0.125in;
     right: 0.125in;
-  background-color: var(--surface1);
+    background-color: var(--mantle);
+    color: var(--yellow);
     border: 1px solid var(--overlay0);
     border-radius: 10in;
     margin: 0.125in 0 0;
@@ -204,21 +224,37 @@ a:focus {
     padding: 0 0.125in;
     user-select: none;
 }
-.pgp-key:hover,
+
+.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;
+    transition:
+        0.1s color ease-in-out,
+        0.1s text-decoration ease-in-out;
 }
 
-.pgp-key:hover span,
+.gpg-key:hover span,
 .gpg-key:active span,
 .gpg-key:focus span {
     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: 2000px) {
+    .page {
+        height: 11in;
+    }
 }
 
 @media only screen and (min-width: 768px) and (max-width: 900px) {
+    html,
+    body {
+        overflow: auto;
+    }
+
     /* tablets and desktop */
     .page {
         width: 100%;
@@ -226,6 +262,8 @@ a:focus {
         margin: 0;
         padding: 0.25in;
         box-shadow: none;
+        animation: none;
+        overflow: auto;
     }
 
     .footer {
@@ -234,7 +272,9 @@ a:focus {
         grid-template-columns: auto;
     }
 
-  .theme:focus, .theme:active, .theme:hover {
+    .theme:focus,
+    .theme:active,
+    .theme:hover {
         max-width: 0.25in;
     }
 
@@ -253,6 +293,11 @@ a:focus {
 }
 
 @media only screen and (max-width: 767px) {
+    html,
+    body {
+        overflow: auto;
+    }
+
     /* phones */
     .page {
         width: 100%;
@@ -270,9 +315,13 @@ a:focus {
             "bio"
             "world"
             "footer";
+        animation: none;
+        overflow: auto;
     }
 
-  .theme:focus, .theme:active, .theme:hover {
+    .theme:focus,
+    .theme:active,
+    .theme:hover {
         max-width: 0.25in;
     }