chore: add footer

css/style.css

@@ -261,3 +261,70 @@ button {
 #input-toggle-button {
   display: none;
 }
+
+footer {
+  padding: 20px 0; 
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.fabout, .flinks {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.fabout {
+  flex-direction: column;
+  align-items: center;
+  margin-right: 2.5px;
+}
+
+.fabout p {
+  text-align: left;
+  max-width: 400px; 
+}
+
+.ficons a {
+  color: #3498db; 
+  text-decoration: none;
+  margin: 5px 10px; 
+  display: inline-flex; 
+  align-items: center; 
+}
+
+.fcontainer {
+  display: inline-flex; 
+}
+
+.ficons i {
+  margin-right: 5px;
+}
+
+.ficons a:hover {
+  text-decoration: underline;
+}
+
+.flinks {
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.flinks a {
+  color: #ecf0f1; 
+  text-decoration: none;
+  margin: 5px 0;
+}
+
+.flinks a:hover {
+  text-decoration: underline;
+}
+
+.copyright {
+  text-align: center;
+  margin-top: 20px;
+  color: #bdc3c7; 
+  font-size: 18px; 
+}

index.html

@@ -1820,7 +1820,6 @@ <h3 class="name">K Koyal</h3>
             <div class="pfp"><img src="https://avatars.githubusercontent.com/u/123761856?v=4" alt="User Image"></div>
             <h3 class="name">uuphoria</h3>
             <div class="skills">
-                <span class="skill">Sometimes a backend developer with rust servers</span>
                 <span class="skill">Docker</span>
                 <span class="skill">Frontend Developer</span>
                 <span class="skill">Node.js</span>
@@ -1831,11 +1830,33 @@ <h3 class="name">uuphoria</h3>
             </div>
         </div>
 
-
-
-
         <!--Don't add your profile in bottom or top, add it in between, this is to avoid merge conflicts-->
     </div>
+
+    <hr>
+
+    <footer>
+        <div class="fcontainer">
+        <div class="fabout">
+          <p>DevProfiles is a platform for developers to easily share their profiles, spotlight your skills, and connect with fellow developers in the community.</p>
+        </div>
+
+        <div class="flinks">
+          <a href="https://github.com/oyepriyansh/DevProfiles">GitHub</a>
+          <a href="https://github.com/oyepriyansh/DevProfiles/blob/main/LICENSE">License</a>
+          <a href="https://github.com/oyepriyansh/DevTweet">Checkout DevTweet</a>
+        </div>
+        </div>
+
+        <div class="ficons">
+            <a href="https://github.com/oyepriyansh" target="_blank"><i class="fab fa-github"></i></a>
+            <a href="https://x.com/oyepriyansh" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
+            <a href="https://linkedin.com/in/oyepriyansh" target="_blank"><i class="fab fa-linkedin-in"></i></a>
+          </div>
+
+        <p class="copyright"> Copyright © <span id="currentYear"></span> DevTweet | All rights reserved. </p>
+      </footer>
+    <script src="js/cyear.js"></script>
     <script src="js/search.js"></script>
     <script src="js/theme.js"></script>
 </body>

js/cyear.js

@@ -0,0 +1 @@
+document.getElementById("currentYear").textContent = new Date().getFullYear();