From 8440830235aaf5f1120224207b182d27699b24e1 Mon Sep 17 00:00:00 2001
From: TanyaSingh103 <tanya.103.singh@gmail.com>
Date: Mon, 8 Jan 2024 22:08:31 +0530
Subject: [PATCH] made the links and nav buttons functional

---
 README.MD  | 31 ++++++++++++++++++++++++++++++-
 index.html | 22 ++++++++++++----------
 style.css  |  4 ++++
 3 files changed, 46 insertions(+), 11 deletions(-)

diff --git a/README.MD b/README.MD
index 926e450..0d6babe 100644
--- a/README.MD
+++ b/README.MD
@@ -1 +1,30 @@
-# Revamped OSDC website
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default {
+  // other rules...
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    project: ['./tsconfig.json', './tsconfig.node.json'],
+    tsconfigRootDir: __dirname,
+  },
+}
+```
+
+- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
+- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
diff --git a/index.html b/index.html
index ff58456..bfe73aa 100644
--- a/index.html
+++ b/index.html
@@ -26,8 +26,9 @@
           <img src="./images/osdc.png" alt="osdc logo" />
         </div>
         <div class="navbar">
-          <li>ABOUT</li>
-          <li>CONTACT</li>
+          <a href="#about_section"><li>ABOUT</li></a>
+          <li></li>
+          <a href="#contact_section"><li>CONTACT</li></a>
         </div>
       </div>
     </header>
@@ -39,14 +40,15 @@
         <div class="joindiscord">
           <div class="invitition">Join our Discord Server</div>
           <div class="button">
-            <div class="discordbutton">JODC Discord</div>
+            <a target="_blank" href="https://discord.com/invite/Yaq3eNBrwW"><div class="discordbutton">JODC Discord</div></a>
           </div>
         </div>
       </div>
     </section>
 
-    <section>
+    <section id="about_section">
       <div class="about">
+        <br><br>
         <div class="div1">About OSDC</div>
         <div class="div2">
           We are an Open Source Community based in and around Jaypee Institute
@@ -66,15 +68,15 @@
       </div>
     </section>
 
-    <section class="findus">
+    <section id="contact_section" class="findus">
         <div class="socials">
             <p>Find us on</p>
             <div class="socialicons">
-                <img src="./images/discord_5968759 1.png"></img>
-                <img src="./images/github_3488425 1.png"></img>
-                <img src="./images/telegram_3536705 1.png"></img>
-                <img src="./images/twitter_5968830 1.png"></img>
-                <img src="./images/facebook_1051309 1.png"></img>
+                <a target="_blank" href="https://discord.com/invite/Yaq3eNBrwW"><img src="./images/discord_5968759 1.png"></img></a>
+                <a target="_blank" href="https://github.com/osdc"><img src="./images/github_3488425 1.png"></img></a>
+                <a target="_blank" href="https://t.me/jiitosdc"><img src="./images/telegram_3536705 1.png"></img></a>
+                <a target="_blank" href="https://twitter.com/osdcjiit"><img src="./images/twitter_5968830 1.png"></img></a>
+                <a target="_blank" href="https://www.facebook.com/groups/jiitlug/"><img src="./images/facebook_1051309 1.png"></img></a>
             </div>
         </div>
     </section>
diff --git a/style.css b/style.css
index 77aca79..4a16f29 100644
--- a/style.css
+++ b/style.css
@@ -50,6 +50,10 @@
     font-size: 1.2rem;
 }
 
+a {
+    text-decoration: none;
+  }
+  
 /* logosection */
 
 .osdclogo{