feat: display social media icons

cogeotiff · May 28, 2024 · 5a7f785 · 5a7f785
1 parent 5ed8b0a
commit 5a7f785
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 1 deletion.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -3801,3 +3801,30 @@
 			}
 
 		}
+/* Icons */
+.social-icons {
+	text-align: center;
+	margin-top: 20px;
+  }
+  .social-icons a {
+	margin: 0 10px;
+	transition: background-color 0.3s;
+	text-decoration: none;
+	border-bottom: none;
+  }
+  .social-icons img {
+	width: 64px;
+	height: 64px;
+	border-radius: 50%;
+	padding: 10px;
+	transition: background-color 0.3s;
+  }
+  .social-icons a:nth-child(1):hover img {
+	background-color: #8cc9f0;
+  }
+  .social-icons a:nth-child(2):hover img {
+	background-color: #c79cc8;
+  }
+  .social-icons a:nth-child(3):hover img {
+	background-color: #a89cc8;
+  }
diff --git a/index.html b/index.html
@@ -241,7 +241,18 @@ <h2>Data Providers</h2>
 
 								</ul>
 
-								<footer class="major">
+								<footer class="major">	
+									<div class="social-icons">
+										<a href="https://x.com/cogeotiff" target="_blank">
+								  			<img src="images/icons/x-icon.png" alt="X">
+										</a>
+										<a href="https://github.com/cogeotiff" target="_blank">
+								  			<img src="images/icons/github-icon.png" alt="GitHub">
+										</a>
+										<a href="https://join.slack.com/t/cogeotiff/shared_invite/zt-17by75auf-39YWJEM08MkwEyM67TqeDg" target="_blank">
+								  			<img src="images/icons/slack-icon.png" alt="Slack">
+										</a>
+							  		</div>
 								</footer>
 							</section>