Snigdha-OS/package-browser
2
0
Fork 0
mirror of https://github.com/Snigdha-OS/package-browser.git synced 2025-09-06 20:55:17 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updates

Browse Source
This commit is contained in:
RiO
2024-12-27 06:25:48 +05:30
commit 5263c1af26
4 changed files with 189 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
.gitignore vendored Normal file
View File

@@ -0,0 +1,24 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
dist
dist-ssr
*.local
# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

101
assets/index-ACdf_oxi.js Normal file
View File

File diff suppressed because one or more lines are too long

1
assets/index-DTOrZfzB.css Normal file
View File

File diff suppressed because one or more lines are too long

63
index.html Normal file
View File

@@ -0,0 +1,63 @@
<!doctype html>
<html lang="en" class="light">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Browse and explore Snigdha OS packages easily with this lightweight package viewer." />
<meta name="author" content="Eshan Roy" />
<!-- Open Graph Meta Tags for social media sharing -->
<meta property="og:title" content="Snigdha OS Packages" />
<meta property="og:description" content="Explore a curated list of Snigdha OS packages with ease." />
<meta property="og:image" content="https://example.com/path/to/og-image.jpg" />
<meta property="og:url" content="https://your-website.com" />
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Snigdha OS Packages" />
<meta name="twitter:description" content="Explore a curated list of Snigdha OS packages with ease." />
<meta name="twitter:image" content="https://example.com/path/to/twitter-image.jpg" />
<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<!-- Google Fonts (with preconnect to Google) -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Title -->
<title>Snigdha OS Packages</title>
<!-- Dark Mode CSS (optional, if you have a dark mode stylesheet) -->
<link rel="stylesheet" href="/path/to/dark-mode.css" />
<script type="module" crossorigin src="/package-browser/assets/index-ACdf_oxi.js"></script>
<link rel="stylesheet" crossorigin href="/package-browser/assets/index-DTOrZfzB.css">
</head>
<body>
<!-- Main Application Root Element -->
<div id="root"></div>
<!-- Script for Application -->
<!-- Optional: Script to toggle between dark and light mode -->
<script>
// Script to toggle light/dark mode based on user preference
const userPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
const htmlElement = document.documentElement;
// Set the initial theme based on system preference
if (userPrefersDark) {
htmlElement.classList.remove('light');
htmlElement.classList.add('dark');
}
// Optional: Toggle theme dynamically if desired
// htmlElement.addEventListener('click', () => {
// htmlElement.classList.toggle('dark');
// htmlElement.classList.toggle('light');
// });
</script>
</body>
</html>