Merge pull request #21 from glandjs/develop

feat: update logo and links

Author: m-mdy-m

astro.config.mjs

@@ -11,10 +11,6 @@ export default defineConfig({
     }),
     starlight({
       title: 'Gland',
-      logo: {
-        src: './src/assets/logo.svg',
-        alt: 'Gland Documentation',
-      },
       social: {
         github: 'https://github.com/glandjs/docs',
         discord: 'https://discord.gg/glandjs',

public/favicon.svg

@@ -9,10 +9,10 @@ const navItems = [
 ];
 ---
 
-  <div class="logo-section">
-    <img src="src/assets/logo.png"  alt="Gland Logo" class="h-10 mr-3" />
-    <span>GLAND</span>
-  </div>
+    <a href="/"  class="logo-section">
+       <img src="/public/logo.png" alt="Gland Logo" class="logo-img" />
+       <span>GLAND</span>
+    </a>
 
   <div class="middle-section"></div>
 

public/logo.png

@@ -31,7 +31,7 @@
     --text-tertiary: 140 140 140;
     --primary: 130 148 255;
     --primary-light: 160 170 255;
-    --background-pattern: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0icmdiYSgyNTUsMjU1LDI1NSwwLjIpIiBzdHJva2Utd2lkdGg9IjEiIGQ9Ik01OS41IDU5LjVWNTkuNWgtNTl2LTU5Ii8+PC9nPjwvc3ZnPg==");
+    --background-pattern: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0icmdiYSgyNTUsMjU1LDI1NSwwLjIpIiBzdHJva2Utd2lkdGg9IjEiIGQ9Ik01OS41IDU5LjVWNTkuNWgtNTl2LTU5Ii8+PC9nPjwvc3ZnPg==');
   }
   main {
     @apply mx-auto px-4 md:px-6 lg:px-8;
@@ -79,7 +79,7 @@
   }
 
   .nav-link::after {
-    content: "";
+    content: '';
     position: absolute;
     bottom: 0;
     left: 10%;
@@ -98,12 +98,32 @@
   .logo-section {
     display: flex;
     align-items: center;
+    gap: 0.75rem;
     padding: 0 1.5rem;
     font-weight: 700;
     font-size: 1.1rem;
     letter-spacing: 0.5px;
     color: #fff;
     border-right: 1px solid rgba(255, 255, 255, 0.1);
+    text-decoration: none;
+    box-sizing: border-box;
+    transition: opacity 0.2s ease-in-out;
+  }
+
+  .logo-section:hover {
+    opacity: 0.85;
+  }
+
+  .logo-section:visited,
+  .logo-section:active {
+    color: #fff;
+    text-decoration: none;
+  }
+
+  .logo-img {
+    height: 2.5rem;
+    margin-top: 0.25rem;
+    display: block;
   }
 
   .github-icon {
@@ -186,7 +206,7 @@
     background: var(--background);
 
     &::before {
-      content: "";
+      content: '';
       position: absolute;
       inset: 0;
       background: radial-gradient(
@@ -195,9 +215,7 @@
           rgba(9, 8, 8, 1) 70%
         ),
         var(--background-pattern);
-      background-size:
-        cover,
-        60px 60px;
+      background-size: cover, 60px 60px;
       background-repeat: no-repeat, repeat;
       z-index: -1;
     }
@@ -286,7 +304,7 @@
 
   .code-preview pre {
     margin: 0;
-    font-family: "JetBrains Mono", monospace;
+    font-family: 'JetBrains Mono', monospace;
     font-size: 0.9rem;
     color: #eee;
     width: 100%;