mirror of
https://github.com/Snigdha-OS/snigdhaos-web-dev.git
synced 2025-09-06 05:15:11 +02:00
✨ style(content): update ++
This commit is contained in:
Eshan Roy
44
index.html
44
index.html
@@ -4,7 +4,49 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Vite + React + TS</title>
|
|
||||||
|
<!-- Title -->
|
||||||
|
<title>SNIGDHA OS - Arch based Linux Distribution for Penetration Testing and Ethical Hacking</title>
|
||||||
|
|
||||||
|
<!-- Meta Description -->
|
||||||
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="SNIGDHA OS is a fast, secure, and elegant GNU/Linux desktop distribution designed for modern users. Perfect for developers, creators, and enthusiasts."
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- Open Graph / Facebook -->
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="SNIGDHA OS - Arch based Linux Distribution for Penetration Testing and Ethical Hacking" />
|
||||||
|
<meta
|
||||||
|
property="og:description"
|
||||||
|
content="SNIGDHA OS is a fast, secure, and elegant GNU/Linux desktop distribution designed for modern users. Perfect for developers, creators, and enthusiasts."
|
||||||
|
/>
|
||||||
|
<meta property="og:url" content="https://snigdhaos.com/" />
|
||||||
|
<meta property="og:image" content="https://snigdhaos.com/og-image.png" />
|
||||||
|
|
||||||
|
<!-- Twitter -->
|
||||||
|
<meta name="twitter:card" content="summary_large_image" />
|
||||||
|
<meta name="twitter:title" content="SNIGDHA OS - Arch based Linux Distribution for Penetration Testing and Ethical Hacking" />
|
||||||
|
<meta
|
||||||
|
name="twitter:description"
|
||||||
|
content="SNIGDHA OS is a fast, secure, and elegant GNU/Linux desktop distribution designed for modern users. Perfect for developers, creators, and enthusiasts."
|
||||||
|
/>
|
||||||
|
<meta name="twitter:image" content="https://snigdhaos.com/twitter-image.png" />
|
||||||
|
|
||||||
|
<!-- Author -->
|
||||||
|
<meta name="author" content="Snigdha OS Team" />
|
||||||
|
|
||||||
|
<!-- Theme Color -->
|
||||||
|
<meta name="theme-color" content="#4f46e5" />
|
||||||
|
|
||||||
|
<!-- Keywords -->
|
||||||
|
<meta
|
||||||
|
name="keywords"
|
||||||
|
content="Linux, Linux Distribution, Snigdha OS, Operating System, GNU/Linux, Open Source, Desktop Environment, Linux for Developers"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- Robots -->
|
||||||
|
<meta name="robots" content="index, follow" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="root"></div>
|
<div id="root"></div>
|
||||||
|
|||||||
10
package-lock.json
generated
10
package-lock.json
generated
@@ -12,6 +12,7 @@
|
|||||||
"octokit": "^3.1.2",
|
"octokit": "^3.1.2",
|
||||||
"react": "^18.3.1",
|
"react": "^18.3.1",
|
||||||
"react-dom": "^18.3.1",
|
"react-dom": "^18.3.1",
|
||||||
|
"react-icons": "^5.4.0",
|
||||||
"react-router-dom": "^6.22.3"
|
"react-router-dom": "^6.22.3"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
@@ -3875,6 +3876,15 @@
|
|||||||
"react": "^18.3.1"
|
"react": "^18.3.1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/react-icons": {
|
||||||
|
"version": "5.4.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.4.0.tgz",
|
||||||
|
"integrity": "sha512-7eltJxgVt7X64oHh6wSWNwwbKTCtMfK35hcjvJS0yxEAhPM8oUKdS3+kqaW1vicIltw+kR2unHaa12S9pPALoQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": "*"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/react-refresh": {
|
"node_modules/react-refresh": {
|
||||||
"version": "0.14.2",
|
"version": "0.14.2",
|
||||||
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
|
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
|
||||||
|
|||||||
@@ -11,10 +11,11 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"lucide-react": "^0.344.0",
|
"lucide-react": "^0.344.0",
|
||||||
|
"octokit": "^3.1.2",
|
||||||
"react": "^18.3.1",
|
"react": "^18.3.1",
|
||||||
"react-dom": "^18.3.1",
|
"react-dom": "^18.3.1",
|
||||||
"react-router-dom": "^6.22.3",
|
"react-icons": "^5.4.0",
|
||||||
"octokit": "^3.1.2"
|
"react-router-dom": "^6.22.3"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@eslint/js": "^9.9.1",
|
"@eslint/js": "^9.9.1",
|
||||||
@@ -32,4 +33,4 @@
|
|||||||
"typescript-eslint": "^8.3.0",
|
"typescript-eslint": "^8.3.0",
|
||||||
"vite": "^5.4.2"
|
"vite": "^5.4.2"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,50 +1,119 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { Github, Twitter } from 'lucide-react';
|
import { Github, Gitlab } from 'lucide-react';
|
||||||
|
|
||||||
export function Footer() {
|
export function Footer() {
|
||||||
return (
|
return (
|
||||||
<footer className="bg-[#3c3c3c] text-white py-8">
|
<footer className="bg-gradient-to-r from-gray-900 via-gray-800 to-gray-900 text-white py-10">
|
||||||
<div className="container mx-auto px-4">
|
<div className="container mx-auto px-6">
|
||||||
<div className="grid grid-cols-1 md:grid-cols-4 gap-8">
|
<div className="grid grid-cols-1 md:grid-cols-4 gap-8">
|
||||||
|
{/* Linux Mint Section */}
|
||||||
<div>
|
<div>
|
||||||
<h3 className="font-bold text-lg mb-4">Linux Mint</h3>
|
<h3 className="font-extrabold text-lg mb-4">Linux Mint</h3>
|
||||||
<p className="text-sm text-gray-300">
|
<p className="text-sm text-gray-400 leading-relaxed">
|
||||||
Linux Mint is an elegant, easy to use, up to date and comfortable
|
Linux Mint is an elegant, easy to use, up-to-date, and comfortable
|
||||||
GNU/Linux desktop distribution.
|
GNU/Linux desktop distribution.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Quick Links */}
|
||||||
<div>
|
<div>
|
||||||
<h3 className="font-bold text-lg mb-4">Quick Links</h3>
|
<h3 className="font-extrabold text-lg mb-4">Quick Links</h3>
|
||||||
<ul className="space-y-2 text-sm">
|
<ul className="space-y-3 text-sm">
|
||||||
<li><a href="/blog" className="hover:text-green-400">Blog</a></li>
|
<li>
|
||||||
<li><a href="/forums" className="hover:text-green-400">Forums</a></li>
|
<a href="/blog" className="hover:text-indigo-400 transition-colors">
|
||||||
<li><a href="/community" className="hover:text-green-400">Community</a></li>
|
Blog
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/forums" className="hover:text-indigo-400 transition-colors">
|
||||||
|
Forums
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/community" className="hover:text-indigo-400 transition-colors">
|
||||||
|
Community
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Documentation */}
|
||||||
<div>
|
<div>
|
||||||
<h3 className="font-bold text-lg mb-4">Documentation</h3>
|
<h3 className="font-extrabold text-lg mb-4">Documentation</h3>
|
||||||
<ul className="space-y-2 text-sm">
|
<ul className="space-y-3 text-sm">
|
||||||
<li><a href="/docs/installation" className="hover:text-green-400">Installation Guide</a></li>
|
<li>
|
||||||
<li><a href="/docs/user-guide" className="hover:text-green-400">User Guide</a></li>
|
<a
|
||||||
<li><a href="/docs/release-notes" className="hover:text-green-400">Release Notes</a></li>
|
href="/docs/installation"
|
||||||
|
className="hover:text-indigo-400 transition-colors"
|
||||||
|
>
|
||||||
|
Installation Guide
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="/docs/user-guide"
|
||||||
|
className="hover:text-indigo-400 transition-colors"
|
||||||
|
>
|
||||||
|
User Guide
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="/docs/release-notes"
|
||||||
|
className="hover:text-indigo-400 transition-colors"
|
||||||
|
>
|
||||||
|
Release Notes
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Connect Section */}
|
||||||
<div>
|
<div>
|
||||||
<h3 className="font-bold text-lg mb-4">Connect</h3>
|
<h3 className="font-extrabold text-lg mb-4">Connect</h3>
|
||||||
<div className="flex space-x-4">
|
<div className="flex space-x-5">
|
||||||
<a href="https://github.com/linuxmint" className="hover:text-green-400">
|
<a
|
||||||
<Github className="h-6 w-6" />
|
href="https://github.com/Snigdha-OS"
|
||||||
|
className="hover:text-indigo-400 transition-all"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
>
|
||||||
|
<Github className="h-7 w-7" />
|
||||||
</a>
|
</a>
|
||||||
<a href="https://twitter.com/linux_mint" className="hover:text-green-400">
|
<a
|
||||||
<Twitter className="h-6 w-6" />
|
href="https://gitlab.com/Snigdha-OS"
|
||||||
|
className="hover:text-indigo-400 transition-all"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
>
|
||||||
|
<Gitlab className="h-7 w-7" />
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="https://dev.to/SnigdhaOS"
|
||||||
|
className="hover:text-indigo-400 transition-all"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
className="h-7 w-7 fill-current"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 50 40"
|
||||||
|
>
|
||||||
|
<path d="M0 2.7v34.6c0 1.5.6 2.9 1.6 3.9 1 1 2.4 1.6 3.9 1.6h38.9c1.5 0 2.9-.6 3.9-1.6 1-1 1.6-2.4 1.6-3.9V2.7c0-1.5-.6-2.9-1.6-3.9-1-1-2.4-1.6-3.9-1.6H5.5c-1.5 0-2.9.6-3.9 1.6C.6-.2 0 1.2 0 2.7zm21.8 26.7h-3.9V10.6h3.9v18.8zm8.5 0h-3.3l-2.2-6.6h-1.5v6.6h-3.9V10.6h5.5c.7 0 1.3.1 1.9.4s1 .6 1.4 1.1.7 1 .9 1.7c.2.6.3 1.3.3 2v2.6c0 .7-.1 1.4-.3 2s-.5 1.1-.9 1.6c-.4.5-.8.8-1.4 1.1-.6.2-1.2.4-1.9.4h-1.6l2 6.3h2.4l3.5-6.3v6.3zm9.5 0h-3.9v-6.6h-5.6v6.6h-3.9V10.6h3.9v6.2h5.6v-6.2h3.9v18.8z" />
|
||||||
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="mt-8 pt-8 border-t border-gray-700 text-center text-sm text-gray-400">
|
|
||||||
<p>© {new Date().getFullYear()} Linux Mint. All rights reserved.</p>
|
{/* Footer Bottom */}
|
||||||
|
<div className="mt-12 pt-8 border-t border-gray-700 text-center text-sm text-gray-500">
|
||||||
|
<p>
|
||||||
|
© {new Date().getFullYear()} Snigdha OS℠ & Tonmoy Infrastructure™. All rights reserved.
|
||||||
|
</p>
|
||||||
|
<p className="mt-2">Built with ❤️ by the Snigdha OS team.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user