Improve logo and font sizing

tylerjmorg · Jan 8, 2025 · bf3f8e6 · bf3f8e6
1 parent aca817c
commit bf3f8e6
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 8 deletions.
diff --git a/404.html b/404.html
@@ -10,8 +10,7 @@
     <link rel="icon" type="image/png" media="(prefers-color-scheme: dark)" crossorigin href="https://tylermorgan.co/elements/icons/favicon-dark.png">
     <link rel="icon" type="image/png" media="(prefers-color-scheme: light)" sizes="192x192" crossorigin href="https://tylermorgan.co/elements/icons/favicon-light-192.png">
     <link rel="icon" type="image/png" media="(prefers-color-scheme: dark)" sizes="192x192" crossorigin href="https://tylermorgan.co/elements/icons/favicon-dark-192.png">
-    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
-    <link rel="mask-icon" crossorigin href="https://tylermorgan.co/elements/icons/mask-icon.svg" color="#454D51">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.avif">
     <meta name="theme-color" media="(prefers-color-scheme: light)" content="#444444">
     <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#121111">
     <link rel="stylesheet" crossorigin href="https://tylermorgan.co/style.css">
@@ -27,7 +26,7 @@ <h1 class="header-404">404</h1>
         <p>This page no longer exists.</p>
       </div>
       <div>
-        <a role="button" class="social-button" style="max-width: 250px;" href="https://tylermorgan.co/">
+        <a role="button" class="social-button" style="max-width: 15.63rem;" href="https://tylermorgan.co/">
           <p>Return to Homepage</p>
         </a>
       </div>

diff --git a/apple-touch-icon.avif b/apple-touch-icon.avif
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -10,8 +10,7 @@
     <link rel="icon" type="image/png" media="(prefers-color-scheme: dark)" crossorigin href="https://tylermorgan.co/elements/icons/favicon-dark.png">
     <link rel="icon" type="image/png" media="(prefers-color-scheme: light)" sizes="192x192" crossorigin href="https://tylermorgan.co/elements/icons/favicon-light-192.png">
     <link rel="icon" type="image/png" media="(prefers-color-scheme: dark)" sizes="192x192" crossorigin href="https://tylermorgan.co/elements/icons/favicon-dark-192.png">
-    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
-    <link rel="mask-icon" crossorigin href="https://tylermorgan.co/elements/icons/mask-icon.svg" color="#454D51">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.avif">
     <meta name="theme-color" media="(prefers-color-scheme: light)" content="#444444">
     <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#121111">
     <link rel="stylesheet" crossorigin href="https://tylermorgan.co/style.css">
@@ -22,16 +21,16 @@
   </head>
   <body>
     <header aria-label="Redirecting" class="redirect-header">
-      <p style="font-size: 16px;">Redirecting to:</p>
-      <p style="font-size: 12px; font-style: italic;">https://dos.tylermorgan.co/WD/0.8.0-20240422.pdf...</p>
+      <p style="font-size: 1rem;">Redirecting to:</p>
+      <p style="font-size: 0.75rem; font-style: italic;">https://dos.tylermorgan.co/WD/0.8.0-20240422.pdf...</p>
     </header>
     <main aria-label="Retry Redirect">
       <div class="redirect-help-txt">
         <p>Still stuck on this page?</p>
       </div>
       <!--Add full URL to button for redundancy.-->
       <div>
-        <a class="social-button" style="max-width: 175px;" href="https://dos.tylermorgan.co/WD/0.8.0-20240422.pdf">
+        <a class="social-button" style="max-width: 10.94rem;" href="https://dos.tylermorgan.co/WD/0.8.0-20240422.pdf">
           <p>Retry Redirect</p>
         </a>
       </div>