add: sosc teamweb updated and recruitment form added

src/components/NavBar/styles.module.scss

@@ -61,16 +61,17 @@
     flex-direction: row;
 
     @media #{$media-mobile} {
-      width: 100%;
+      // width: 100%;
       align-self: center;
       justify-content: space-between;
       padding: 0;
       margin: 0;
     }
 
     @media #{$media-small} {
-      width: 100%;
+      // width: 100%;
       align-self: center;
+      font-size: small;
       justify-content: space-between;
       padding: 0;
       margin: 0;
@@ -79,13 +80,13 @@
     li {
       @media #{$media-mobile} {
         flex-grow: 0;
-        flex-basis: 25%;
+        flex-basis: 20%;
         margin: auto;
       }
 
       @media #{$media-small} {
         flex-grow: 0;
-        flex-basis: 25%;
+        flex-basis: 20%;
         margin: auto;
       }
       a {

src/components/header.js

@@ -45,7 +45,13 @@ const Header = ({ siteTitle }) => (
               Team
             </Link>
           </li>
+          <li>
+            <Link to="/nextgen25" exact="true" activeClassName="active">
+              Join Us
+            </Link>
+          </li>
         </ul>
+
       </div>
       {/* <div className="notification">
         Applications are open!{' '}

src/contents/members/Ananth Hegde.md

@@ -1,7 +1,7 @@
 ---
 username: anth_hgde
 name: Ananth Hegde
-designation: Organizer
+designation: Community Member
 email: 
 linkedin: 
 skills: 

src/pages/nextgen25.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import Layout from '../components/indexLayout';
+
+const GoogleFormPage = () => (
+  <Layout>
+    <div className="container mx-auto p-4 flex flex-col items-center">
+      {/* <h1 className="text-center text-2xl font-bold mb-6">SOSC Next-Gen'25</h1> */}
+      <div className="w-full max-w-2xl">
+        <iframe
+          src="https://docs.google.com/forms/d/e/1FAIpQLSdWbSmvhiTLzbK0MJiJVicWgkk3IxsU8LsNF-w1HBtuGXYa5A/viewform?embedded=true"
+          width="100%"
+          height="1000"
+          frameBorder="0"
+          marginHeight="0"
+          marginWidth="0"
+          title="SOSC Next-Gen'25"
+          className="w-full rounded-lg shadow-md"
+          style={{
+            minHeight: '700px',
+            marginTop: '150px',
+          }}
+        >
+          Loading…
+        </iframe>
+      </div>
+    </div>
+  </Layout>
+);
+
+export default GoogleFormPage;