homepage

Author: SIDDHU123M

README.md

@@ -6,61 +6,25 @@ The repository [**CodehubX**](https://github.com/SIDDHU123M/CodehubX) is a curat
 Explore various categories, each containing carefully selected websites with detailed descriptions, ensuring you can easily find what you need.
 
 ### AI Resources
-
-Unlock the potential of AI with tools and libraries in these categories:
-- **AI Libraries**: Explore the best AI libraries for machine learning, data science, and more.
-- **Free AI Tools**: Access a range of free AI-powered tools for your projects.
-- **Paid/Enterprise AI Tools**: Discover premium AI tools designed for professional use.
-- **Open-Source AI Libraries**: Find open-source libraries to build and innovate in AI.
+Unlock the potential of AI with tools and libraries.
 
 ### Entertainment
-
-Get access to the best platforms for your entertainment needs, including:
-- **Movie & Series**: Stream the latest movies and TV shows from various platforms.
-- **Light Novels & Manga**: Dive into a world of light novels and manga.
-- **Anime & NSFW**: Watch anime and access NSFW content.
-- **Youtube Clients & Music**: Enhance your YouTube experience with specialized apps.
-- **Apps for Streaming**: Explore apps that provide various streaming services.
+Get access to the best platforms for your entertainment needs.
 
 ### Piracy Resources
-
-Access tools and websites for piracy-related content:
-- **Torrents**: Find the best torrent sites for your downloads.
-- **Modded Apps and Games**: Discover modded versions of popular apps and games.
-- **Pirated PC Games**: Access pirated games for PC.
-- **Cracked Softwares**: Get cracked versions of software.
+Access tools and websites for piracy-related content.
 
 ### Free Resources
-
-Explore educational and professional resources for growth and development:
-- **Programming Language**: Learn new programming languages with free resources.
-- **Cybersecurity Skills**: Enhance your cybersecurity knowledge with free tools and tutorials.
-- **Professional Skills**: Gain skills that boost your career, including cheat sheets and discounted courses.
-- **Machine Learning, Deep Learning, and Networking**: Free resources to learn machine learning, deep learning, and networking.
-- **Ethical Hacking, Algorithms, and Data Structures**: Strengthen your skills in these critical areas.
-- **Online Learning Platforms**: Discover free platforms for online learning and self-improvement.
+Explore educational and professional resources for growth and development.
 
 ### GitHub Repositories
-
-Browse valuable repositories for developers and cybersecurity enthusiasts:
-- **Data Scraping, Penetration Testing, and Cryptography**: Tools for data scraping, penetration testing, and cryptography.
-- **Malware Research, Bug Hunting, and OSINT**: Dive into resources for malware research, bug hunting, and open-source intelligence.
-- **Web Security & Ethical Hacking Tools**: Explore tools for web application security and ethical hacking.
-- **Blockchain & Smart Contract Security**: Discover tools related to blockchain and smart contract security.
+Browse valuable repositories for developers and cybersecurity enthusiasts.
 
 ### Tools
-
-Access a comprehensive collection of development and design tools:
-- **Code Snippet & Web Development Tools**: Tools for improving your code and web development projects.
-- **Design & UI Tools**: Enhance your designs and user interfaces with these powerful tools.
-- **Project Management & Collaboration**: Collaborate more efficiently with tools for project management.
-- **Cloud Services & Automation**: Explore cloud services and automation tools to streamline development.
+Access a comprehensive collection of development and design tools.
 
 ### Fake Identity Tools
-
-Create and manage temporary identities with ease:
-- **Temporary Phone Numbers & Email Addresses**: Use disposable phone numbers and emails for anonymity.
-- **Fake Identity Generators**: Generate fake identities for online use.
+Create and manage temporary identities with ease.
 
 ### Important Note
 If any URL is not working or you think something needs an update, please report it to [[email protected]](mailto:[email protected]).

data/README.md

@@ -6,61 +6,25 @@ The repository [**CodehubX**](https://github.com/SIDDHU123M/CodehubX) is a curat
 Explore various categories, each containing carefully selected websites with detailed descriptions, ensuring you can easily find what you need.
 
 ### AI Resources
-
-Unlock the potential of AI with tools and libraries in these categories:
-- **AI Libraries**: Explore the best AI libraries for machine learning, data science, and more.
-- **Free AI Tools**: Access a range of free AI-powered tools for your projects.
-- **Paid/Enterprise AI Tools**: Discover premium AI tools designed for professional use.
-- **Open-Source AI Libraries**: Find open-source libraries to build and innovate in AI.
+Unlock the potential of AI with tools and libraries.
 
 ### Entertainment
-
-Get access to the best platforms for your entertainment needs, including:
-- **Movie & Series**: Stream the latest movies and TV shows from various platforms.
-- **Light Novels & Manga**: Dive into a world of light novels and manga.
-- **Anime & NSFW**: Watch anime and access NSFW content.
-- **Youtube Clients & Music**: Enhance your YouTube experience with specialized apps.
-- **Apps for Streaming**: Explore apps that provide various streaming services.
+Get access to the best platforms for your entertainment needs.
 
 ### Piracy Resources
-
-Access tools and websites for piracy-related content:
-- **Torrents**: Find the best torrent sites for your downloads.
-- **Modded Apps and Games**: Discover modded versions of popular apps and games.
-- **Pirated PC Games**: Access pirated games for PC.
-- **Cracked Softwares**: Get cracked versions of software.
+Access tools and websites for piracy-related content.
 
 ### Free Resources
-
-Explore educational and professional resources for growth and development:
-- **Programming Language**: Learn new programming languages with free resources.
-- **Cybersecurity Skills**: Enhance your cybersecurity knowledge with free tools and tutorials.
-- **Professional Skills**: Gain skills that boost your career, including cheat sheets and discounted courses.
-- **Machine Learning, Deep Learning, and Networking**: Free resources to learn machine learning, deep learning, and networking.
-- **Ethical Hacking, Algorithms, and Data Structures**: Strengthen your skills in these critical areas.
-- **Online Learning Platforms**: Discover free platforms for online learning and self-improvement.
+Explore educational and professional resources for growth and development.
 
 ### GitHub Repositories
-
-Browse valuable repositories for developers and cybersecurity enthusiasts:
-- **Data Scraping, Penetration Testing, and Cryptography**: Tools for data scraping, penetration testing, and cryptography.
-- **Malware Research, Bug Hunting, and OSINT**: Dive into resources for malware research, bug hunting, and open-source intelligence.
-- **Web Security & Ethical Hacking Tools**: Explore tools for web application security and ethical hacking.
-- **Blockchain & Smart Contract Security**: Discover tools related to blockchain and smart contract security.
+Browse valuable repositories for developers and cybersecurity enthusiasts.
 
 ### Tools
-
-Access a comprehensive collection of development and design tools:
-- **Code Snippet & Web Development Tools**: Tools for improving your code and web development projects.
-- **Design & UI Tools**: Enhance your designs and user interfaces with these powerful tools.
-- **Project Management & Collaboration**: Collaborate more efficiently with tools for project management.
-- **Cloud Services & Automation**: Explore cloud services and automation tools to streamline development.
+Access a comprehensive collection of development and design tools.
 
 ### Fake Identity Tools
-
-Create and manage temporary identities with ease:
-- **Temporary Phone Numbers & Email Addresses**: Use disposable phone numbers and emails for anonymity.
-- **Fake Identity Generators**: Generate fake identities for online use.
+Create and manage temporary identities with ease.
 
 ### Important Note
 If any URL is not working or you think something needs an update, please report it to [[email protected]](mailto:[email protected]).

data/github-repos.md

@@ -2,7 +2,7 @@
 
 ---
 
-### Data Scraping Tools (Best and Limited)
+### Data Scraping Tools
 * [Scrapy](https://github.com/scrapy/scrapy) - A robust, open-source framework for web scraping in Python, widely adopted for its scalability.
 * [BeautifulSoup](https://github.com/wention/BeautifulSoup4) - A Python library for extracting information from HTML and XML documents efficiently.
 * [Playwright](https://github.com/microsoft/playwright) - A modern automation library supporting multiple languages and ideal for scraping dynamic websites.

index.html

@@ -20,12 +20,15 @@
       <meta http-equiv="Content-Security-Policy"
             content="default-src 'none'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; script-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net; img-src data:; connect-src 'self'; font-src 'self' https://fonts.gstatic.com;">
       <title>CodeHubx</title>
+      <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
       <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet">
       <link href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@600&display=swap" rel="stylesheet">
       <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:[email protected]&display=swap" rel="stylesheet">
       <link href="https://fonts.googleapis.com/css2?family=Nabla&display=swap" rel="stylesheet">
-      <link href="https://fonts.googleapis.com/css2?family=Audiowide&display=swap" rel="stylesheet">
+      <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap"
+            rel="stylesheet">
       <link rel="stylesheet" href="styles/style.css">
+      <script src="scripts/tailwind.js"></script>
 </head>
 
 <body>

scripts/main.js

@@ -76,12 +76,63 @@ function renderSidebar(files) {
 
 async function loadPage(file) {
 	try {
-		const response = await fetch(file);
-		if (!response.ok) {
-			throw new Error(`Failed to load ${file}: ${response.statusText}`);
+		let htmlContent;
+		if (file === "data/README.md") {
+			htmlContent = `
+			<h2>Overview</h2>
+<p class="boldS mb-4 text-lg font-normal text-gray-500 dark:text-gray-400">The repository <a href="https://github.com/SIDDHU123M/CodehubX">CodehubX</a> is a curated collection of diverse resources for developers, students, and tech enthusiasts. It features an extensive range of websites and tools, categorized into multiple sections for easy navigation. Whether you're interested in AI, entertainment, cybersecurity, or even creating a fake identity, CodehubX offers valuable tools and resources to enhance your journey.</p>
+<p class="boldS mb-4 text-lg font-normal text-gray-500 dark:text-gray-400">Explore various categories, each containing carefully selected websites with detailed descriptions, ensuring you can easily find what you need.</p>
+
+<h2>Content</h2>
+<ol class="relative border-s border-gray-200 dark:border-gray-700"> 
+    <li class="mb-4 ms-4">
+        <div class="absolute w-2 h-2 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-white dark:border-gray-900 dark:bg-gray-700"></div>
+        <h1 class="text-lg font-semibold text-gray-900 dark:text-white">AI Resources</h1>
+        <p class="boldS mb-4 text-lg font-normal text-gray-500 dark:text-gray-400">Unlock the potential of AI with tools and libraries.</p>
+    </li>
+    <li class="mb-4 ms-4">
+        <div class="absolute w-2 h-2 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-white dark:border-gray-900 dark:bg-gray-700"></div>
+        <h1 class="text-lg font-semibold text-gray-900 dark:text-white">Entertainment</h1>
+        <p class="boldS mb-4 text-lg font-normal text-gray-500 dark:text-gray-400">Get access to the best platforms for your entertainment needs.</p>
+    </li>
+    <li class="mb-4 ms-4">
+        <div class="absolute w-2 h-2 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-white dark:border-gray-900 dark:bg-gray-700"></div>
+        <h1 class="text-lg font-semibold text-gray-900 dark:text-white">Piracy Resources</h1>
+        <p class="boldS mb-4 text-lg font-normal text-gray-500 dark:text-gray-400">Access tools and websites for piracy-related content.</p>
+    </li>
+    <li class="mb-4 ms-4">
+        <div class="absolute w-2 h-2 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-white dark:border-gray-900 dark:bg-gray-700"></div>
+        <h1 class="text-lg font-semibold text-gray-900 dark:text-white">Free Resources</h1>
+        <p class="boldS mb-4 text-lg font-normal text-gray-500 dark:text-gray-400">Explore educational and professional resources for growth and development.</p>
+    </li>
+    <li class="mb-4 ms-4">
+        <div class="absolute w-2 h-2 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-white dark:border-gray-900 dark:bg-gray-700"></div>
+        <h1 class="text-lg font-semibold text-gray-900 dark:text-white">GitHub Repositories</h1>
+        <p class="boldS mb-4 text-lg font-normal text-gray-500 dark:text-gray-400">Browse valuable repositories for developers and cybersecurity enthusiasts.</p>
+    </li>
+    <li class="mb-4 ms-4">
+        <div class="absolute w-2 h-2 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-white dark:border-gray-900 dark:bg-gray-700"></div>
+        <h1 class="text-lg font-semibold text-gray-900 dark:text-white">Tools</h1>
+        <p class="boldS mb-4 text-lg font-normal text-gray-500 dark:text-gray-400">Access a comprehensive collection of development and design tools.</p>
+    </li>
+    <li class="mb-4 ms-4">
+        <div class="absolute w-2 h-2 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-white dark:border-gray-900 dark:bg-gray-700"></div>
+        <h1 class="text-lg font-semibold text-gray-900 dark:text-white">Fake Identity Tools</h1>
+        <p class="boldS mb-4 text-lg font-normal text-gray-500 dark:text-gray-400">Create and manage temporary identities with ease.</p>
+    </li>
+</ol>
+
+<h2>Important Note</h2>
+<p class="boldS mb-4 text-lg font-normal text-gray-500 dark:text-gray-400">If any URL is not working or you think something needs an update, please report it to <a href="mailto:[email protected]" class="text-blue-500">[email protected]</a>.</p>
+`;
+		} else {
+			const response = await fetch(file);
+			if (!response.ok) {
+				throw new Error(`Failed to load ${file}: ${response.statusText}`);
+			}
+			const markdown = await response.text();
+			htmlContent = converter.makeHtml(markdown);
 		}
-		const markdown = await response.text();
-		let htmlContent = converter.makeHtml(markdown);
 		document.getElementById("content").innerHTML = htmlContent;
 		if (file !== "data/README.md") {
 			createRightNav();
@@ -95,7 +146,7 @@ async function loadPage(file) {
 
 function createRightNav() {
 	const content = document.getElementById("content");
-	const headings = content.querySelectorAll("h3");
+	const headings = content.querySelectorAll("h1");
 	const firstH2 = content.querySelector("h2");
 	const navHeading = firstH2 ? firstH2.textContent : "Navigation";
 	const rightNavContent = Array.from(headings)
@@ -169,7 +220,7 @@ function setActiveLink(activeLink) {
 }
 
 window.addEventListener("scroll", () => {
-	const headings = Array.from(document.querySelectorAll("#content h3"));
+	const headings = Array.from(document.querySelectorAll("#content h1"));
 	const scrollPosition = window.scrollY + 200;
 	headings.forEach((heading, i) => {
 		const nextHeading = headings[i + 1];