🐛 fix(_logo): addition

2025-09-20 19:14:56 +02:00 · 2024-12-07 22:06:45 +05:30
parent 2a6eec1614
commit 6622e1b8c5
3 changed files with 54 additions and 56 deletions
--- a/public/snigdhaos-logo.svg
+++ b/public/snigdhaos-logo.svg
@@ -0,0 +1,12 @@
+
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
+	<title>snigdhaos</title>
+	<style>
+		.s0 { fill: #ffffff } 
+		.s1 { fill: #6366f1 } 
+		.s2 { fill: #ff0000 } 
+	</style>
+	<path id="Path 2" class="s0" d="m333.4 24c-18.4 62.3-63.1 95.1-111.3 119.6-31 15.5-53 33.2-69.1 50l13.7-46.8c0 0-57.7 33.4-83.7 97.8-13.9 34.3-12.5 77.3 12.2 121.7l-32.7-8.3c35 77.6 111.8 124.6 169.7 125.1l-28.9 28.9c65-5.3 139.4-20.6 182.8-70.4 6.5 15.2 12.5 31.9 18.6 47.7 24.5-47.9 31.5-124.5 15.6-169.7h33.9c-27.1-26.9-58.5-54.7-87.8-65.2-13.5-32.8-30.4-44.1-58.7-58.7 55.7-50.9 48.9-107.9 25.7-171.7z"/>
+	<path id="Path 3" class="s1" d="m353.1 268.5c30.4 7.4 57.6 33.6 57.6 33.6h-18.7c38.9 60.1 12 136.5 12 136.5-7.1-18.4-16.3-31.8-16.3-31.8-30.4 67.9-135.8 81.4-135.8 81.4l21.9-22c-127.3 9.9-176.8-81.3-176.8-81.3l41.7 10.6c-104.7-107.5 2.1-207.3 2.1-207.3-17.6 34.7-9.2 71.5-9.2 71.5 0 0 13.5-58 98.4-100.5 84.9-42.4 102.5-86.3 102.5-86.3 0 0 30.4 83.5-84.7 143.5l26.6 5.5c0 0-92.1 8-103.6 76-11.5 68.1 51.5 97.1 70.5 99.6 0 0-12.7-9.4-18.4-24.6 0 0 31.5 26.5 90.5 12.3 0 0-0.3 12.1-10.9 26.6 0 0 44.9-26.6 25.8-64.4l22.6-9.6c0 0-43.8 5-66.1 20.9-22.3 15.9-44.6-9.9-44.6-9.9 0 0 9.9-6.4 9.2-14.2 0 0 22-21.4 31.3-26.3 9.4-5 30.4-10.6 28.5-29.5l9-9.1c0 0-24.7 13.5-29.9 19-5.1 5.5-5.6 10.9-5.6 10.9 0 0-2.9 3.2-5.3 2.2-2.5-1.1-4.6-6.8-4.6-6.8 0 0 6.3-15.3 42.4-37.1 0 0 5.7-23 3.5-36.8 0 0 24.1 12.4 34.4 47.4zm-89.9 35c-23.7 17-36.4 33.3-36.4 35.7 0 2.5 1.8 13.5 1.8 13.5-11.7-9.6-17-24.8-17-24.8-4.6 13.5-3.2 22.3-3.2 22.3-40.9-44.5 8.4-107.9 92.8-118.3 0 0 0 11.1-1.7 18.7 0 0-29.2 14-39.8 38.8 0 0 1.4 9.2 3.5 14.1z"/>
+	<path id="Path 4" class="s2" d="m287.9 298.6c0 0 16.6-4.7 14.9-14.3 0 0-14.2 5.5-14.9 14.3z"/>
+</svg>
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Link, useLocation } from 'react-router-dom';
-import { Menu } from 'lucide-react';
+import { Menu, X } from 'lucide-react';

 export function Header() {
  const location = useLocation();
@@ -9,20 +9,30 @@ export function Header() {
  const isActive = (path: string) => location.pathname === path;

  return (
-    <header className="bg-[#3c3c3c] text-white">
-      <div className="container mx-auto px-4">
+    <header className="bg-gradient-to-r from-gray-800 via-gray-700 to-gray-800 text-white shadow-lg">
+      <div className="container mx-auto px-6">
        <div className="flex items-center justify-between h-16">
-          <Link to="/" className="flex items-center space-x-2">
-            <img src="/mint-logo.svg" alt="Linux Mint" className="h-8 w-8" />
-            <span className="font-bold text-xl">SNIGDHA OS</span>
+          <Link to="/" className="flex items-center space-x-3">
+            <img
+              src="/snigdhaos-logo.svg"
+              alt="Snigdha OS"
+              className="h-10 w-10 hover:scale-110 transition-transform"
+            />
+            <span className="font-extrabold text-2xl tracking-wide">
+              SNIGDHA OS
+            </span>
          </Link>

          {/* Mobile menu button */}
          <button
-            className="md:hidden"
+            className="md:hidden p-2 rounded-lg hover:bg-gray-700 transition-all"
            onClick={() => setIsMenuOpen(!isMenuOpen)}
          >
-            <Menu className="h-6 w-6" />
+            {isMenuOpen ? (
+              <X className="h-6 w-6" />
+            ) : (
+              <Menu className="h-6 w-6" />
+            )}
          </button>

          {/* Desktop navigation */}
@@ -33,8 +43,8 @@ export function Header() {

        {/* Mobile navigation */}
        {isMenuOpen && (
-          <nav className="md:hidden py-4">
-            <div className="flex flex-col space-y-4">
+          <nav className="md:hidden mt-4">
+            <div className="flex flex-col space-y-4 bg-gray-900 p-4 rounded-lg shadow-md">
              <NavLinks isActive={isActive} />
            </div>
          </nav>
@@ -47,46 +57,22 @@ export function Header() {
 function NavLinks({ isActive }: { isActive: (path: string) => boolean }) {
  return (
    <>
-      <Link
-        to="/"
-        className={`${
-          isActive('/') ? 'text-indigo-400' : 'hover:text-indigo-400'
-        } transition-colors`}
-      >
-        Home
-      </Link>
-      <Link
-        to="/about"
-        className={`${
-          isActive('/about') ? 'text-indigo-400' : 'hover:text-indigo-400'
-        } transition-colors`}
-      >
-        About
-      </Link>
-      <Link
-        to="/download"
-        className={`${
-          isActive('/download') ? 'text-indigo-400' : 'hover:text-indigo-400'
-        } transition-colors`}
-      >
-        Download
-      </Link>
-      <Link
-        to="/donors"
-        className={`${
-          isActive('/donors') ? 'text-indigo-400' : 'hover:text-indigo-400'
-        } transition-colors`}
-      >
-        Donors
-      </Link>
-      <Link
-        to="/maintainers"
-        className={`${
-          isActive('/maintainers') ? 'text-indigo-400' : 'hover:text-indigo-400'
-        } transition-colors`}
-      >
-        Maintainers
-      </Link>
+      {['/', '/about', '/download', '/donors', '/maintainers'].map((path, idx) => {
+        const labels = ['Home', 'About', 'Download', 'Donors', 'Maintainers'];
+        return (
+          <Link
+            key={path}
+            to={path}
+            className={`${
+              isActive(path)
+                ? 'text-indigo-400 underline underline-offset-4'
+                : 'hover:text-indigo-400'
+            } font-medium transition-colors`}
+          >
+            {labels[idx]}
+          </Link>
+        );
+      })}
    </>
  );
 }
--- a/src/services/github.ts
+++ b/src/services/github.ts
@@ -16,11 +16,11 @@ export interface Maintainer {

 export async function getMaintainers(): Promise<Maintainer[]> {
  const maintainerUsernames = [
-    'ClementLefebvre',
-    'mtwebster',
-    'JosephMills',
-    'leigh123linux',
-    'xenopeek'
+    'eshanized',
+    'iconized',
+    'alokified',
+    'utkrshift',
+    // 'eshaanized'
  ];

  const maintainers = await Promise.all(