From df95dde44b06cf34a0e47aa2fa239ef8eafddbc3 Mon Sep 17 00:00:00 2001
From: 2ManyProjects <shaivkamat@gmail.com>
Date: Thu, 27 Mar 2025 00:48:42 -0500
Subject: [PATCH] social links

---
 src/App.css                      | 49 ++++++++++++++++++++++++++++++++
 src/App.js                       | 18 +++++++++++-
 src/assets/forgejo.svg           |  1 +
 src/assets/github-mark-white.svg |  1 +
 src/assets/github-mark.svg       |  1 +
 src/assets/linkedIn.svg          |  1 +
 6 files changed, 70 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/forgejo.svg
 create mode 100644 src/assets/github-mark-white.svg
 create mode 100644 src/assets/github-mark.svg
 create mode 100644 src/assets/linkedIn.svg

diff --git a/src/App.css b/src/App.css
index 88cef72..3d282d4 100644
--- a/src/App.css
+++ b/src/App.css
@@ -214,6 +214,45 @@
     padding: 1.5rem;
     margin-top: 2rem;
   }
+  .footer-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 1rem;
+  }
+  
+  .social-links {
+    display: flex;
+    gap: 1.5rem;
+  }
+  
+  .social-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    border: 2px solid rgba(255, 255, 255, 0.5);
+    color: white;
+    transition: all 0.3s ease;
+    padding: 8px;
+  }
+  
+  .social-icon:hover {
+    color: #4361ee;
+    border-color: #4361ee;
+    transform: translateY(-3px);
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  
+  .social-icon svg {
+    width: 20px;
+    height: 20px;
+  }
 
 
 
@@ -292,4 +331,14 @@
     .carousel-image-container {
       height: 200px;
     }
+  }
+
+  @media (max-width: 768px) {
+    .footer-content {
+      flex-direction: column;
+      gap: 1rem;
+    }
+    .social-links {
+      margin-bottom: 1rem;
+    }
   }
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index 9875cda..65809b9 100644
--- a/src/App.js
+++ b/src/App.js
@@ -3,6 +3,9 @@ import './App.css';
 import Header from './components/Header';
 import ProjectCard from './components/ProjectCard';
 import ProjectDetails from './components/ProjectDetails';
+import forgejoLogo from './assets/forgejo.svg'
+import githubLogo from './assets/github-mark-white.svg'
+import LinkedinLogo from './assets/linkedIn.svg'
 import projects from './data/projects';
 
 function App() {
@@ -51,7 +54,20 @@ function App() {
             </main>
             
             <footer className="app-footer">
-                <p>&copy; {new Date().getFullYear()} Comet Technologies | All Rights Reserved</p>
+                <div className="footer-content">
+                    <p>&copy; {new Date().getFullYear()} Comet Technologies | All Rights Reserved</p>
+                    <div className="social-links">
+                        <a href="https://github.com/2ManyProjects" target="_blank" rel="noopener noreferrer" className="social-icon">
+                            <img src={githubLogo} alt="Github" width="24" height="24" />
+                        </a>
+                        <a href="https://git.2many.ca" target="_blank" rel="noopener noreferrer" className="social-icon">
+                            <img src={forgejoLogo} alt="Forgejo" width="24" height="24" />
+                        </a>
+                        <a href="https://www.linkedin.com/in/shaiv-kamat-a39ba514a/" target="_blank" rel="noopener noreferrer" className="social-icon">
+                            <img src={LinkedinLogo} alt="Linkedin" width="24" height="24" />
+                        </a>
+                    </div>
+                </div>
             </footer>
         </div>
     );
diff --git a/src/assets/forgejo.svg b/src/assets/forgejo.svg
new file mode 100644
index 0000000..804b05e
--- /dev/null
+++ b/src/assets/forgejo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 212 212" width="32" height="32"><style>circle,path{fill:none;stroke:#000;stroke-width:15}path{stroke-width:25}.orange{stroke:#f60}.red{stroke:#d40000}</style><g transform="translate(6 6)"><path d="M58 168V70a50 50 0 0 1 50-50h20" class="orange"/><path d="M58 168v-30a50 50 0 0 1 50-50h20" class="red"/><circle cx="142" cy="20" r="18" class="orange"/><circle cx="142" cy="88" r="18" class="red"/><circle cx="58" cy="180" r="18" class="red"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/github-mark-white.svg b/src/assets/github-mark-white.svg
new file mode 100644
index 0000000..d5e6491
--- /dev/null
+++ b/src/assets/github-mark-white.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/src/assets/github-mark.svg b/src/assets/github-mark.svg
new file mode 100644
index 0000000..37fa923
--- /dev/null
+++ b/src/assets/github-mark.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>
\ No newline at end of file
diff --git a/src/assets/linkedIn.svg b/src/assets/linkedIn.svg
new file mode 100644
index 0000000..46087a0
--- /dev/null
+++ b/src/assets/linkedIn.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg height="72" viewBox="0 0 72 72" width="72" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z" fill="#007EBB"/><path d="M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z" fill="#FFF"/></g></svg>
\ No newline at end of file