sarlink/mapmaker
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rebranding

Browse Source
This commit is contained in:
Shihaam Abdul Rahman
2025-12-13 13:48:03 +05:00
parent 1da726d84d
commit e745ee47e2
5 changed files with 63 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
public/favicon.svg Normal file
View File

@@ -0,0 +1,30 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<defs>
<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
<stop offset="100%" style="stop-color:#6366F1;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Background circle -->
<circle cx="50" cy="50" r="48" fill="url(#grad)"/>
<!-- Map layers icon -->
<g transform="translate(50, 50)">
<!-- Bottom layer -->
<path d="M -20 8 L -20 -2 L -8 -8 L 8 -2 L 8 8 L -8 14 Z"
fill="white" opacity="0.3" stroke="white" stroke-width="1.5"/>
<!-- Middle layer -->
<path d="M -20 2 L -20 -8 L -8 -14 L 8 -8 L 8 2 L -8 8 Z"
fill="white" opacity="0.6" stroke="white" stroke-width="1.5"/>
<!-- Top layer -->
<path d="M -20 -4 L -20 -14 L -8 -20 L 8 -14 L 8 -4 L -8 2 Z"
fill="white" stroke="white" stroke-width="1.5"/>
<!-- Connection lines -->
<line x1="-8" y1="-8" x2="-8" y2="14" stroke="white" stroke-width="1.5" opacity="0.8"/>
<line x1="8" y1="-2" x2="8" y2="8" stroke="white" stroke-width="1.5" opacity="0.8"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

4
public/index.html
View File

@@ -2,9 +2,9 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ISP Wiremap</title>
<title>MapMaker</title>
</head>
<body>
<div id="root"></div>

19
public/src/components/auth/Login.tsx
View File

@@ -36,13 +36,24 @@ export function Login() {
<div className="bg-white dark:bg-gray-800 p-8 rounded-2xl shadow-2xl w-full max-w-md border border-gray-200 dark:border-gray-700 transition-colors">
<div className="text-center mb-8">
<div className="inline-block p-3 bg-blue-100 dark:bg-blue-900/30 rounded-full mb-4">
<svg className="w-12 h-12 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" />
<div className="inline-block p-4 bg-gradient-to-br from-blue-100 to-indigo-100 dark:from-blue-900/30 dark:to-indigo-900/30 rounded-2xl mb-4 shadow-lg">
<svg className="w-16 h-16 text-blue-600 dark:text-blue-400" viewBox="0 0 100 100" fill="currentColor">
<g transform="translate(50, 50)">
<path d="M -25 10 L -25 -2 L -10 -10 L 10 -2 L 10 10 L -10 18 Z"
opacity="0.3" stroke="currentColor" strokeWidth="2" fill="none"/>
<path d="M -25 2 L -25 -10 L -10 -18 L 10 -10 L 10 2 L -10 10 Z"
opacity="0.6" stroke="currentColor" strokeWidth="2" fill="none"/>
<path d="M -25 -6 L -25 -18 L -10 -26 L 10 -18 L 10 -6 L -10 2 Z"
stroke="currentColor" strokeWidth="2.5" fill="currentColor" fillOpacity="0.2"/>
<line x1="-10" y1="-10" x2="-10" y2="18" stroke="currentColor" strokeWidth="2" opacity="0.7"/>
<line x1="10" y1="-2" x2="10" y2="10" stroke="currentColor" strokeWidth="2" opacity="0.7"/>
<circle cx="0" cy="-18" r="6" fill="currentColor"/>
<circle cx="0" cy="-18" r="2.5" fill="white"/>
</g>
</svg>
</div>
<h1 className="text-3xl font-bold text-gray-800 dark:text-white">
ISP Wiremap
MapMaker
</h1>
<p className="text-gray-500 dark:text-gray-400 mt-2">
Sign in to your account

19
public/src/components/auth/Register.tsx
View File

@@ -50,16 +50,27 @@ export function Register() {
<div className="bg-white dark:bg-gray-800 p-8 rounded-2xl shadow-2xl w-full max-w-md border border-gray-200 dark:border-gray-700 transition-colors">
<div className="text-center mb-8">
<div className="inline-block p-3 bg-blue-100 dark:bg-blue-900/30 rounded-full mb-4">
<svg className="w-12 h-12 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z" />
<div className="inline-block p-4 bg-gradient-to-br from-blue-100 to-indigo-100 dark:from-blue-900/30 dark:to-indigo-900/30 rounded-2xl mb-4 shadow-lg">
<svg className="w-16 h-16 text-blue-600 dark:text-blue-400" viewBox="0 0 100 100" fill="currentColor">
<g transform="translate(50, 50)">
<path d="M -25 10 L -25 -2 L -10 -10 L 10 -2 L 10 10 L -10 18 Z"
opacity="0.3" stroke="currentColor" strokeWidth="2" fill="none"/>
<path d="M -25 2 L -25 -10 L -10 -18 L 10 -10 L 10 2 L -10 10 Z"
opacity="0.6" stroke="currentColor" strokeWidth="2" fill="none"/>
<path d="M -25 -6 L -25 -18 L -10 -26 L 10 -18 L 10 -6 L -10 2 Z"
stroke="currentColor" strokeWidth="2.5" fill="currentColor" fillOpacity="0.2"/>
<line x1="-10" y1="-10" x2="-10" y2="18" stroke="currentColor" strokeWidth="2" opacity="0.7"/>
<line x1="10" y1="-2" x2="10" y2="10" stroke="currentColor" strokeWidth="2" opacity="0.7"/>
<circle cx="0" cy="-18" r="6" fill="currentColor"/>
<circle cx="0" cy="-18" r="2.5" fill="white"/>
</g>
</svg>
</div>
<h1 className="text-3xl font-bold text-gray-800 dark:text-white">
Create Account
</h1>
<p className="text-gray-500 dark:text-gray-400 mt-2">
Join ISP Wiremap today
Join MapMaker today
</p>
</div>

2
public/src/components/layout/Layout.tsx
View File

@@ -48,7 +48,7 @@ export function Layout({ children, onToggleSidebar, isSidebarOpen }: LayoutProps
</button>
)}
{/* Title - hidden on mobile when hamburger is present */}
<h1 className={`text-xl font-bold ${onToggleSidebar ? 'hidden md:block' : ''}`}>ISP Wiremap</h1>
<h1 className={`text-xl font-bold ${onToggleSidebar ? 'hidden md:block' : ''}`}>MapMaker</h1>
</div>
{user && (