Merge branch 'main' into main

.github/workflows/autolabelissue.yml

@@ -1,4 +1,4 @@
-name: Auto Label Issues 
+name: Auto Label Issues
 
 on:
   issues:
@@ -15,9 +15,11 @@ jobs:
     - name: Check out the repository
       uses: actions/checkout@v3
 
-    - name: Add Label to Issues
+    - name: Add Labels to Issues
       if: github.event_name == 'issues'
       uses: actions-ecosystem/action-add-labels@v1.1.1
       with:
         github_token: ${{ secrets.GITHUB_TOKEN }}
-        labels: gssoc
+        labels: |
+          gssoc
+          level1

assets/css/about.css

@@ -0,0 +1,65 @@
+*{
+    margin: 0px;
+    padding: 0px;
+    box-sizing: border-box;
+
+}
+
+body{
+    background-color: rgb(225, 148, 148);
+}
+.heading{
+    text-align: center;
+    margin-top: 25px;
+}
+.heading{
+    text-align: center;
+    margin-top: 25px;
+}
+.heading h1{
+    font-size: 50px;
+    color: rgb(143, 75, 58);
+
+}
+
+.heading p{
+    font-size: 20px;
+    color: #666;
+    margin-bottom: 50px;
+}
+.about-us{
+    display: flex;
+    align-items: center;
+
+}
+.about-us img{
+    flex: 0 50%;
+    max-width: 40%;
+    height: auto;
+}
+.content{
+    padding: 35px;
+}
+.content h2{
+    color: rgb(158, 77, 52);
+    font-size: 24px;
+    margin: 15px 0px;
+
+}
+
+.content p{
+    color: #666;
+    font-size: 18px;
+    line-height: 1.5;
+    margin: 15px 0px;
+}
+
+.contribute{
+    text-align: center;
+    margin-top: 25px;
+}
+.contribute h1{
+    font-size: 50px;
+    color: rgb(191, 110, 87);
+
+}

assets/css/aboutus.css

@@ -1,3 +1,102 @@
+body {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  background-color: #f9f9f9;
+}
+
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 20px;
+}
+
+header {
+  background-color: #fff;
+  padding: 20px;
+  text-align: center;
+  margin-bottom: 40px;
+
+
+}
+
+h1, h2, h3 {
+  margin-top: 0;
+  margin-bottom: 20px;
+  text-align: center;
+}
+
+.about, .stats-box, .mission-values, .team {
+  margin-bottom: 40px;
+  background-color: var(--seashell);
+  border-radius: 10px;
+  padding: 20px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  border: 1px solid #ddd;
+}
+
+.stats-box {
+  background-color: var(--seashell);
+  border: 1px solid #ddd;
+}
+
+.stats-container {
+  text-align: center;
+  padding: 20px;
+}
+
+.stats {
+  display: flex;
+  justify-content: space-around;
+  margin-top: 20px;
+}
+
+.stat {
+  text-align: center;
+
+}
+
+.stat h3 {
+  color:var(--sonic-silver);
+  font-size: 2em;
+  margin-bottom: 5px;
+}
+
+.stat p {
+  color:var(--sonic-silver);
+}
+
+.team-cards {
+  display: flex;
+  justify-content: center;
+  gap: 20px;
+}
+
+.team-member {
+  color:var(--sonic-silver);
+  text-align: center;
+  background-color: var(--seashell);
+  border: 1px solid #ddd;
+  border-radius: 10px;
+  padding: 20px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  transition: transform 0.3s;
+  max-width: 250px;
+}
+
+.team-member:hover {
+  transform: translateY(-5px);
+}
+
+.team-member img {
+  width: 150px;
+  height: 150px;
+  border-radius: 50%;
+  object-fit: cover;
+  margin-bottom: 10px;
+}
+
+
 .navbar-link {
     display: flex;
     justify-content: center;
@@ -62,4 +161,47 @@
 
   .navbar-item.dropdown:hover .dropdown-arrow {
     transform: rotate(180deg);
-  }
+  }
+  /* Media Query for Mobile Devices */
+@media (max-width: 600px) {
+  .container {
+    padding: 10px;
+  }
+
+  header {
+    padding: 15px;
+    margin-bottom: 20px;
+  }
+
+  .stats {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .stat {
+    margin-bottom: 20px;
+  }
+
+  .team-cards {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .team-member {
+    max-width: 100%;
+    margin-bottom: 20px;
+  }
+
+  .navbar-link {
+    padding: 6px 8px;
+  }
+
+  .dropdown-menu-item {
+    padding: 10px 14px;
+  }
+
+  .dropdown-menu {
+    top: auto;
+    position: relative;
+  }
+}