changes logos/manifest to match valkey-io#63

Signed-off-by: Kyle J. Davis <[email protected]>
stockholmux · May 16, 2024 · b09da0a · b09da0a
1 parent 1a561d0
commit b09da0a
Show file tree

Hide file tree

Showing 5 changed files with 42 additions and 32 deletions.
diff --git a/sass/_valkey.scss b/sass/_valkey.scss
@@ -114,15 +114,26 @@ p {
   }
 
   .logo {
-    display: block;
-    height: 6rem;
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+
+    img {
+        width: 6rem;
+        height: 6rem;
+        display: block;
+    }
+
+    span {
     @include sans-serif;
     font-weight: 400;
     font-size: 6rem;
     line-height: 5.75rem;
     color: inherit;
     text-decoration: none;
     letter-spacing: -0.2rem;
+    color: $lf-dark-blue;
+    }
   }
 
   nav {

diff --git a/static/img/favicon/browserconfig.xml b/static/img/favicon/browserconfig.xml
@@ -2,8 +2,8 @@
 <browserconfig>
     <msapplication>
         <tile>
-            <square150x150logo src="/assets/img/favicon/mstile-150x150.png"/>
+            <square150x150logo src="/img/favicon/mstile-150x150.png"/>
             <TileColor>#2d89ef</TileColor>
         </tile>
     </msapplication>
-</browserconfig>
+</browserconfig>
diff --git a/static/img/favicon/site.webmanifest b/static/img/favicon/site.webmanifest
@@ -3,51 +3,51 @@
     "short_name": "",
     "icons": [
         {
-            "src": "/assets/img/favicon/android-chrome-36x36.png",
+            "src": "/img/favicon/android-chrome-36x36.png",
             "sizes": "36x36",
             "type": "image/png"
         },
         {
-            "src": "/assets/img/favicon/android-chrome-48x48.png",
+            "src": "/img/favicon/android-chrome-48x48.png",
             "sizes": "48x48",
             "type": "image/png"
         },
         {
-            "src": "/assets/img/favicon/android-chrome-72x72.png",
+            "src": "/img/favicon/android-chrome-72x72.png",
             "sizes": "72x72",
             "type": "image/png"
         },
         {
-            "src": "/assets/img/favicon/android-chrome-96x96.png",
+            "src": "/img/favicon/android-chrome-96x96.png",
             "sizes": "96x96",
             "type": "image/png"
         },
         {
-            "src": "/assets/img/favicon/android-chrome-144x144.png",
+            "src": "/img/favicon/android-chrome-144x144.png",
             "sizes": "144x144",
             "type": "image/png"
         },
         {
-            "src": "/assets/img/favicon/android-chrome-192x192.png",
+            "src": "/img/favicon/android-chrome-192x192.png",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "/assets/img/favicon/android-chrome-256x256.png",
+            "src": "/img/favicon/android-chrome-256x256.png",
             "sizes": "256x256",
             "type": "image/png"
         },
         {
-            "src": "/assets/img/favicon/android-chrome-384x384.png",
+            "src": "/img/favicon/android-chrome-384x384.png",
             "sizes": "384x384",
             "type": "image/png"
         },
         {
-            "src": "/assets/img/favicon/android-chrome-512x512.png",
+            "src": "/img/favicon/android-chrome-512x512.png",
             "sizes": "512x512",
             "type": "image/png"
         }
     ],
     "theme_color": "#ffffff",
     "background_color": "#ffffff"
-}
+}
diff --git a/templates/default.html b/templates/default.html
@@ -10,7 +10,10 @@
   >
   <div class="header">
     <div class="width-limiter">
-      <a class="logo" href="/">Valkey</a>
+      <a href="/" class="logo">
+        <img src="/img/Valkey-logo.svg" alt="Valkey Logo" width="60" height="60"/>
+        <span>Valkey</span>
+      </a>
       <nav role="navigation" aria-label="Main">
         <a role="menuitem" href="/download/">Download</a>
         <a role="menuitem" href="/docs/">Documentation</a>
@@ -49,6 +52,9 @@ <h4>Contact</h4>
         <p>&copy; Valkey contributors, 2024. Valkey is a registered trademark of Linux Foundation.</p>
         <p>Valkey includes certain 3-Clause BSD-licensed Redis code from Redis Ltd. and other source code. Redis Ltd. is
             not the source of that other source code. Redis is a registered trademark of Redis Ltd.</p>
+        <p>
+              Logo design by <a href="https://github.com/dizys" target="_blank">Ziyang.</a>
+        </p>
     </div>
   </div>
 </body>

diff --git a/templates/includes/head.html b/templates/includes/head.html
@@ -10,23 +10,16 @@
     {% elif section and section.description %}<meta name="description" content="{{ page.description}}" />{% endif %}
 
     <!-- Favicons -->
-    <link rel="apple-touch-icon" sizes="57x57" href="/img/favicon/apple-icon-57x57.png">
-    <link rel="apple-touch-icon" sizes="60x60" href="/img/favicon/apple-icon-60x60.png">
-    <link rel="apple-touch-icon" sizes="72x72" href="/img/favicon/apple-icon-72x72.png">
-    <link rel="apple-touch-icon" sizes="76x76" href="/img/favicon/apple-icon-76x76.png">
-    <link rel="apple-touch-icon" sizes="114x114" href="/img/favicon/apple-icon-114x114.png">
-    <link rel="apple-touch-icon" sizes="120x120" href="/img/favicon/apple-icon-120x120.png">
-    <link rel="apple-touch-icon" sizes="144x144" href="/img/favicon/apple-icon-144x144.png">
-    <link rel="apple-touch-icon" sizes="152x152" href="/img/favicon/apple-icon-152x152.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-icon-180x180.png">
-    <link rel="icon" type="image/png" sizes="192x192"  href="/img/favicon/android-icon-192x192.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="96x96" href="/img/favicon/favicon-96x96.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png">
-    <link rel="manifest" href="/img/favicon/manifest.json">
-    <meta name="msapplication-TileColor" content="#113228">
-    <meta name="msapplication-TileImage" content="/img/favicon/ms-icon-144x144.png">
-    <meta name="theme-color" content="#113228">
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png">
+    <link rel="manifest" href="/assets/img/favicon/site.webmanifest">
+    <link rel="mask-icon" href="/assets/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
+    <link rel="shortcut icon" href="/assets/img/favicon/favicon.ico">
+    <meta name="msapplication-TileColor" content="#2d89ef">
+    <meta name="msapplication-TileImage" content="/assets/img/favicon/mstile-144x144.png">
+    <meta name="msapplication-config" content="/assets/img/favicon/browserconfig.xml">
+    <meta name="theme-color" content="#ffffff">
 
     <title>
     {%- if command_title -%}