Added social media links to the footer

Ibercivis · Sep 28, 2024 · 85e2304 · 85e2304
1 parent 54ec47b
commit 85e2304
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/frontend/static/css/styles.css b/frontend/static/css/styles.css
@@ -234,4 +234,16 @@ li.completed {
     /* Pointer */
     cursor: grabbing !important;
 }
+#social-media {
+    display: flex;
+    justify-content: center;
+    margin-left: 20% !important;
+    margin-right: 20% !important;
+    margin-top: 0.5em;
+}
+a.social {
+    text-decoration: none;
+    font-size: 1.5em !important;
+    margin: auto;
+}
 
diff --git a/frontend/templates/gettask.html b/frontend/templates/gettask.html
@@ -95,11 +95,30 @@ <h5 class="modal-title" id="exampleModalLabel">Georeferencing!</h5>
                         <button id="Submit" class="btn btn-primary mb-2 disabled">Submit</button>
                         <button id="Skip" class="btn btn-primary mb-2">Skip</button>
                     </div>
+
                     <div id="small-logos-container">
                         <img src="{% static 'img/fundedbyEU.png'%}" alt="EU flag" class="small-logos">
                         <img src="{% static 'img/plan-b-logo.png'%}" alt="Plan-b logo" class="small-logos" />
                     </div>
                 </div>
+                <div id="social-media">
+                    <!-- Youtube -->
+                    <a href="https://www.youtube.com/watch?v=CrxuuCsPzU4" target="_blank" class="text-dark social">
+                        <i class="fab fa-youtube"></i>
+                    </a>
+                    <!-- Twitter -->
+                    <a href="https://twitter.com/Planb_team" target="_blank" class="text-dark social">
+                        <i class="fa-brands fa-x-twitter"></i>
+                    </a>
+                    <!-- Wordpress -->
+                    <a href="https://plan-b-project.eu" target="_blank" class="text-dark social">
+                        <i class="fa-brands fa-wordpress-simple"></i>
+                    </a>
+                    <!-- Linkdin -->
+                    <a href="https://www.linkedin.com/company/plan-b-project-eu/" target="_blank" class="text-dark social">
+                        <i class="fa-brands fa-linkedin"></i>
+                    </a>
+                </div>
                 <a href="https://ibercivis.es" target="_blank" class="developed">Developed by <b>Ibercivis</b></a>
             </div>