fix: website [skip ci]

drew created

Change summary

public/assets/logo-transparent.png |  0 
public/index.html                  | 39 ++++++++++++++++++++-----------
public/style.css                   |  2 +
3 files changed, 27 insertions(+), 14 deletions(-)

Detailed changes

public/index.html 🔗

@@ -3,7 +3,7 @@
     <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Matcha - Your Terminal Email Client</title>
+        <title>Matcha Client</title>
         <link rel="stylesheet" href="style.css" />
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -18,7 +18,13 @@
         <header>
             <nav>
                 <a href="/" class="logo">
-                    <span class="logo-icon">🍵</span>
+                    <img
+                        src="assets/logo-transparent.png"
+                        alt="Matcha"
+                        class="logo-icon"
+                        width="24"
+                        height="24"
+                    />
                     <span class="logo-text">Matcha</span>
                 </a>
                 <div class="nav-links">
@@ -37,9 +43,7 @@
                             fill="currentColor"
                         >
                             <path
-                                d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.
-12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92
-.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"
+                                d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"
                             />
                         </svg>
                         GitHub
@@ -202,10 +206,10 @@
                 <div class="install-methods">
                     <div class="install-method">
                         <div class="install-header">
+                            <h3>Install with Homebrew</h3>
                             <span class="install-badge recommended"
                                 >Recommended</span
                             >
-                            <h3>Install with Homebrew</h3>
                         </div>
 
                         <div class="code-block">
@@ -230,7 +234,8 @@
                                     <span class="prompt">~</span>
                                     <span class="command">$</span>
                                     <span class="code-text"
-                                        >brew install matcha</span
+                                        >brew install
+                                        floatpane/matcha/matcha</span
                                     >
                                 </div>
                                 <div class="code-line">
@@ -394,8 +399,8 @@
                     <h2>Get in Touch</h2>
                     <p>
                         Made with ❤️ by
-                        <a href="https://andrinoff.com" target="_blank"
-                            >@andrinoff</a
+                        <a href="https://floatpane.com" target="_blank"
+                            >floatpane</a
                         >
                     </p>
                     <p>
@@ -420,7 +425,7 @@
                             target="_blank"
                             class="support-link"
                         >
-                            <span>☕</span> Buy me a coffee
+                            <span>☕</span> Buy us a coffee
                         </a>
                     </div>
                 </div>
@@ -430,17 +435,23 @@
         <footer>
             <div class="footer-content">
                 <div class="footer-brand">
-                    <span class="logo-icon">🍵</span>
+                    <img
+                        src="assets/logo-transparent.png"
+                        alt="Matcha"
+                        class="logo-icon"
+                        width="24"
+                        height="24"
+                    />
                     <span>Matcha</span>
                 </div>
                 <div class="footer-links">
                     <a
-                        href="https://github.com/floatpane/matcha/blob/main/LICENSE"
+                        href="https://github.com/floatpane/matcha/blob/master/LICENSE"
                         target="_blank"
                         >MIT License</a
                     >
                     <a
-                        href="https://github.com/floatpane/matcha/blob/main/CODE_OF_CONDUCT.md"
+                        href="https://github.com/floatpane/matcha/blob/master/CODE_OF_CONDUCT.md"
                         target="_blank"
                         >Code of Conduct</a
                     >
@@ -450,7 +461,7 @@
                         >GitHub</a
                     >
                 </div>
-                <p class="copyright">© 2025 Drew Smirnoff. MIT Licensed.</p>
+                <p class="copyright">© 2025 floatpane. MIT Licensed.</p>
             </div>
         </footer>
 

public/style.css 🔗

@@ -540,6 +540,8 @@ main {
     text-transform: uppercase;
     letter-spacing: 0.05em;
     border-radius: 50px;
+    position: relative;
+    top: -13px;
 }
 
 .install-badge.recommended {