Merge pull request #1 from huzaifmalik786/main

Resource sidebar
Code4GovTech · Jun 12, 2024 · dfb1bfb · dfb1bfb
2 parents 4ca8336 + 0cbdc1a
commit dfb1bfb
Show file tree

Hide file tree

Showing 2 changed files with 104 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -1,14 +1,32 @@
-# 📚 Ultimate Programming Cheatsheets Collection 🎉
+<h1 align="center"><a href="https://codeforgovtech.in/">Code for GovTech (C4GT)</a> Open Source Program</h1>
 
-Welcome to the **Ultimate Programming Cheatsheets Collection**! This repository is a curated list of cheatsheets for various programming languages, designed to help developers, both beginners and experts, find quick references and enhance their coding productivity.
+<br/>
+<a href="https://codeforgovtech.in/"></a>
+<div align="Center"><img src="https://static.wixstatic.com/media/060b0c_8029055ce0074bfaa4bb6d9f1c2c33d2~mv2.png/v1/fill/w_2266,h_2168,al_c,q_95,usm_0.66_1.00_0.01,enc_auto/060b0c_8029055ce0074bfaa4bb6d9f1c2c33d2~mv2.png" height ="500" align="Center"/>
+<br>
+</div>
 
-## 🚀 Getting Started
 
-To get started, simply browse through the list of available cheatsheets below and click on the links to view or download them.
+# 📚 Get Your Coding Basics Right! 🎉
 
-## 📑 Available Cheatsheets
+**Welcome to C4GT!**
 
-Here are the programming languages covered in this repository:
+Are you a beginner eager to contribute to C4GT open community projects but need clarification on the relevant tech skills? Or a pro looking for a quick refresher before diving into full coding mode? C4GT has got you covered.
+
+We’ve compiled guide sheets on the top 9 tech stacks used in the C4GT Community.
+
+## 🚀 Why Use These Guide Sheets?
+
+### Quick Reference 📌
+Save time by having all essential information at your fingertips.
+
+### Aid in Learning 📖
+Reinforce your understanding of key concepts and syntax.
+
+### Boost in Productivity ⚡
+Speed up your development process by avoiding constant look-ups.
+
+## 📑 Guide Sheets
 <!-- CONTENTS -->
 # 📚 Contents
 
@@ -25,15 +43,17 @@ Here are the programming languages covered in this repository:
   - 📄 [Markdown](./Languages/markdown.md)
   - 📄 [Python](./Languages/python.md)
 <!-- END CONTENTS -->
-## 🌟 Why Use Cheatsheets?
+[Explore Resources](./resources.html)
+
+## 🌟 How to Make the Best Use of These Resources?
 
 - **Quick Reference** 📌: Save time by having all essential information at your fingertips.
 - **Learning Aid** 📖: Reinforce your understanding of key concepts and syntax.
 - **Productivity Boost** ⚡: Speed up your development process by avoiding constant look-ups.
 
-## 📥 How to Contribute
+## 📥 How to Contribute & Help Others in Learning?
 
-We welcome contributions from the community! If you have a cheatsheet you'd like to add or improvements to suggest, please follow these steps:
+Join us in enhancing our resources! Here's how you can contribute:
 
 1. **Fork the Repository** 🍴
 2. **Create a New Branch** 🔀: `git checkout -b add-new-cheatsheet`
@@ -43,6 +63,8 @@ We welcome contributions from the community! If you have a cheatsheet you'd like
 
 ## 💬 Join the Community
 
-Have questions or want to discuss anything related to cheatsheets? Join our community on [Discord](#) or follow us on [Twitter](#).
+Become a part of the C4GT community! Engage in meaningful discussions and contribute to projects by clicking the link below:
+
+[![Join us on Discord](https://img.shields.io/badge/Join%20us%20on-Discord-7289da)](https://discord.gg/V3Aa9qk4Wt)
 
 Thank you for visiting our repository! Happy coding! 🚀
diff --git a/resources.html b/resources.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Resource Library</title>
+  <style>
+    body {
+      display: flex;
+      margin: 0;
+      font-family: Arial, sans-serif;
+    }
+    #sidebar {
+      width: 200px;
+      position: fixed;
+      top: 0;
+      bottom: 0;
+      background-color: #f4f4f4;
+      padding: 20px;
+      overflow-y: auto;
+      border-right: 1px solid #ddd;
+    }
+    #content {
+      margin-left: 220px;
+      padding: 20px;
+      flex-grow: 1;
+    }
+    h3 {
+      margin-top: 0;
+    }
+    ul {
+      list-style-type: none;
+      padding: 0;
+    }
+    li {
+      margin: 10px 0;
+    }
+    a {
+      text-decoration: none;
+      color: #0366d6;
+    }
+    a:hover {
+      text-decoration: underline;
+    }
+  </style>
+</head>
+<body>
+  <div id="sidebar">
+    <h3>📂 Frameworks or Libraries</h3>
+    <ul>
+      <li>📄 <a href="./Frameworks-or-Libraries/Angular.md" target="content-frame">Angular</a></li>
+      <li>📄 <a href="./Frameworks-or-Libraries/React.md" target="content-frame">React</a></li>
+    </ul>
+    <h3>📂 Frontend</h3>
+    <ul>
+      <li>📄 <a href="./Frontend/CSS.md" target="content-frame">CSS</a></li>
+      <li>📄 <a href="./Frontend/html.md" target="content-frame">HTML</a></li>
+    </ul>
+    <h3>📂 Languages</h3>
+    <ul>
+      <li>📄 <a href="./Languages/Javascript.md" target="content-frame">JavaScript</a></li>
+      <li>📄 <a href="./Languages/RUST.md" target="content-frame">Rust</a></li>
+      <li>📄 <a href="./Languages/Typescript.md" target="content-frame">TypeScript</a></li>
+      <li>📄 <a href="./Languages/markdown.md" target="content-frame">Markdown</a></li>
+      <li>📄 <a href="./Languages/python.md" target="content-frame">Python</a></li>
+    </ul>
+  </div>
+  <div id="content">
+    <iframe name="content-frame" width="100%" height="100%" style="border:none;"></iframe>
+  </div>
+</body>
+</html>