ui : add gsoc page containing relevant links

Fixes: #2882

blt/urls.py

@@ -414,6 +414,7 @@
     ),
     re_path(r"^bacon/$", TemplateView.as_view(template_name="bacon.html"), name="bacon"),
     re_path(r"^bltv/$", TemplateView.as_view(template_name="bltv.html"), name="bltv"),
+    re_path(r"^gsoc/$", TemplateView.as_view(template_name="gsoc.html"), name="gsoc"),
     re_path(
         r"^privacypolicy/$",
         TemplateView.as_view(template_name="privacy.html"),

website/templates/gsoc.html

@@ -0,0 +1,60 @@
+{% extends "base.html" %}
+{% block content %}
+    {% include "includes/sidenav.html" %}
+    <style>
+        .container {
+            margin-top: 20px;
+            height: calc(100vh - 90px);
+            display: flex;
+            flex-direction: column;
+        }
+        .link-text {
+            font-weight: bold;
+            transition: color 0.3s ease;
+            margin-left: 20px;
+        }
+        .link-text:hover {
+            color: red; /* Assuming 'text-danger' is red; adjust as needed */
+        }
+    </style>
+    <div class="container">
+        <h1 class="text-[3rem] m-4">GSOC Links:</h1>
+        <a href="https://owasp.org/www-community/initiatives/gsoc/gsoc2024ideas"
+           target="_blank">
+            <div class="link-text">
+                GSOC Project Ideas 2024 <i class="fa-solid fa-link"></i>
+            </div>
+        </a>
+        <a href="https://github.com/orgs/OWASP-BLT/projects?query=is%3Aopen"
+           target="_blank">
+            <div class="link-text">
+                Checkout Project Ideas for OWASP BLT <i class="fa-solid fa-link"></i>
+            </div>
+        </a>
+        <h1 class="text-[3rem] m-4">Past GSOC Events:</h1>
+        <a href="https://summerofcode.withgoogle.com/archive/2023/organizations/owasp-foundation"
+           target="_blank">
+            <div class="link-text">
+                2023 GSOC Archive <i class="fa-solid fa-link"></i>
+            </div>
+        </a>
+        <a href="https://summerofcode.withgoogle.com/archive/2022/organizations/owasp-foundation"
+           target="_blank">
+            <div class="link-text">
+                2022 GSOC Archive <i class="fa-solid fa-link"></i>
+            </div>
+        </a>
+        <a href="https://summerofcode.withgoogle.com/archive/2021/organizations/owasp-foundation"
+           target="_blank">
+            <div class="link-text">
+                2021 GSOC Archive <i class="fa-solid fa-link"></i>
+            </div>
+        </a>
+        <a href="https://summerofcode.withgoogle.com/archive/2020/organizations/owasp-foundation"
+           target="_blank">
+            <div class="link-text">
+                2020 GSOC Archive <i class="fa-solid fa-link"></i>
+            </div>
+        </a>
+    </div>
+{% endblock content %}

website/templates/includes/sidenav.html

@@ -290,6 +290,15 @@
                             <span>BLTV</span>
                         </a>
                     </li>
+                    <li class="mb-2 {% if request.path == '/gsoc/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'gsoc' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-red-500">
+                                <i class="fas fa-sun-o fa-lg"></i>
+                            </div>
+                            <span>GSOC</span>
+                        </a>
+                    </li>
                 </ul>
                 <!-- Spacer -->
                 <div class="my-4 border-t border-gray-300"></div>