Merge branch 'main' into feature/enhance-recently-opened-projects

Author: steam-bell-92

web-app/css/styles.css

@@ -3127,21 +3127,6 @@ body.sidebar-collapsed .playground-section {
   gap: 10px;
 }
 
-.footer-social-icons a {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 38px;
-  height: 38px;
-  border-radius: 10px;
-  background: var(--bg-glass);
-  border: 1px solid var(--border);
-  color: var(--text-secondary);
-  font-size: 1rem;
-  transition: all var(--duration-fast) ease;
-  text-decoration: none;
-}
-
 .footer-links h3 {
   font-family: var(--font-sans);
   font-size: 0.85rem;
@@ -3594,7 +3579,6 @@ body.sidebar-collapsed .playground-section {
 }
 
 .footer-links a:hover,
-.footer-social-icons a:hover,
 .footer-bottom-links a:hover,
 .footer-brand h2:hover,
 .footer-brand p:hover,
@@ -3607,7 +3591,6 @@ body.sidebar-collapsed .playground-section {
 .footer-links h3::after,
 .footer-links a::before,
 .footer-links a::after,
-.footer-social-icons a::after,
 .footer-bottom-links a::after {
   animation: none !important;
   transform: none !important;
@@ -5891,6 +5874,7 @@ button:focus-visible,
   transform: translateY(-5px);
   box-shadow: 0 10px 20px rgba(34, 197, 94, 0.3);
   transform: translateY(-5px) scale(1.08);
+}
 
   .project-card:hover {
     transform: translateY(-6px);
@@ -5902,7 +5886,6 @@ button:focus-visible,
     background: #ffffff;
     border-color: rgba(106, 191, 141, 0.4);
   }
-}
 
 .footer-social-icons .github:hover i {
   filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.5));
@@ -6028,6 +6011,13 @@ button:focus-visible,
   transition: var(--transition);
 }
 
+.footer-links a svg {
+  font-size: 0.9rem;
+  color: var(--accent-color);
+  opacity: 0.7;
+  transition: var(--transition);
+}
+
 
 .card-actions .btn-play {
   margin-top: 0;
@@ -7198,140 +7188,4 @@ body.sidebar-collapsed .sidebar-dock .sidebar-footer .sidebar-main-controls {
         color:var(--text);
     }
 
-}
-
-/* ============================
-   Bookmarked Projects Section
-============================ */
-
-#bookmarkedProjectsSection {
-  margin-bottom: 50px;
-}
-
-#bookmarkedProjectsSection .section-heading {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-#bookmarkCountBadge {
-  font-size: 0.9rem;
-  color: #fbbf24;
-  font-weight: 600;
-}
-
-#bookmarkedProjectsGrid {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 24px;
-}
-
-#noBookmarksMessage {
-  text-align: center;
-  padding: 40px;
-  border: 1px dashed var(--border);
-  border-radius: 16px;
-  color: var(--text-secondary);
-  margin-top: 20px;
-}
-
-#noBookmarksMessage p:first-child {
-  font-size: 1.2rem;
-  font-weight: 600;
-  color: var(--text);
-}
-
-@media (max-width: 992px) {
-  #bookmarkedProjectsGrid {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-
-@media (max-width: 640px) {
-  #bookmarkedProjectsGrid {
-    grid-template-columns: 1fr;
-  }
-}
-
-.stats-dashboard{
-display:grid;
-grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
-gap:20px;
-margin-top:30px;
-}
-
-.stats-card{
-padding:30px;
-border-radius:18px;
-background:var(--surface);
-border:1px solid var(--border);
-text-align:center;
-cursor:pointer;
-transition:.3s;
-}
-
-.stats-card:hover{
-transform:translateY(-6px);
-box-shadow:0 15px 35px rgba(0,0,0,.2);
-}
-
-.stats-card h3{
-font-size:2.2rem;
-margin-bottom:10px;
-color:var(--accent);
-}
-
-.stats-card p{
-color:var(--text-secondary);
-}
-.history-actions{
-display:flex;
-gap:15px;
-align-items:center;
-}
-
-#historySearch{
-
-padding:10px 16px;
-
-border-radius:10px;
-
-border:1px solid var(--border);
-
-background:var(--surface);
-
-color:var(--text);
-
-}
-
-#clearHistoryBtn{
-
-padding:10px 18px;
-
-border-radius:10px;
-
-background:#ef4444;
-
-color:white;
-
-transition:.3s;
-
-}
-
-#clearHistoryBtn:hover{
-
-transform:translateY(-2px);
-
-opacity:.9;
-
-}
-
-#historyCount{
-
-font-size:16px;
-
-color:#22c55e;
-
-margin-left:8px;
-
 }

web-app/index.html

@@ -621,8 +621,15 @@ <h2>🎮 Python Mini Projects</h2>
           <div class="footer-social-icons">
             <a href="https://github.com/steam-bell-92/python-mini-project" target="_blank" class="github"
               rel="noopener noreferrer" aria-label="GitHub"><i class="fab fa-github"></i></a>
-            <a href="https://x.com/AnujKulkarni040" class="twitter" aria-label="X (formerly Twitter)"><i
-                class="fa fa-x-twitter"></i></a>
+            <a href="https://x.com/AnujKulkarni040" class="twitter" aria-label="X (formerly Twitter)">
+              <svg xmlns="http://www.w3.org/2000/svg"
+       width="15"
+       height="15"
+       viewBox="0 0 24 24"
+       fill="currentColor">
+    <path d="M18.901 1.153h3.68l-8.04 9.19L24 22.847h-7.406l-5.8-7.584-6.64 7.584H.473l8.6-9.83L0 1.153h7.594l5.243 6.932L18.901 1.153z"/>
+  </svg>
+</a>
             <a href="https://www.linkedin.com/in/anujCkulkarni" class="linkedin" aria-label="LinkedIn"><i
                 class="fab fa-linkedin"></i></a>
             <a href="https://www.instagram.com/obscura.nuj" class="instagram" aria-label="Instagram"><i
@@ -632,14 +639,14 @@ <h2>🎮 Python Mini Projects</h2>
         <div class="footer-links">
           <h3>Quick Links</h3>
           <ul>
-            <li><a href="#main-content" onclick="document.querySelector('[data-category=\'games\']').click()">Games</a>
+            <li><a href="#main-content" onclick="document.querySelector('[data-category=\'games\']').click()"><svg width="20" height="20" data-lucide="gamepad-2"></svg>Games</a>
             </li>
-            <li><a href="#main-content" onclick="document.querySelector('[data-category=\'math\']').click()">Math</a>
+            <li><a href="#main-content" onclick="document.querySelector('[data-category=\'math\']').click()"><svg width="20" height="20" data-lucide="sigma"></svg>Math</a>
             </li>
             <li><a href="#main-content"
-                onclick="document.querySelector('[data-category=\'utilities\']').click()">Utilities</a></li>
-            <li><a href="#main-content" onclick="document.querySelector('[data-category=\'favorites\']').click()">Favorites</a></li>
-            <li><a href="#main-content" onclick="document.querySelector('[data-category=\'playground\']').click()">Playground</a></li>
+                onclick="document.querySelector('[data-category=\'utilities\']').click()"><svg width="20" height="20" data-lucide="wrench"></svg>Utilities</a></li>
+            <li><a href="#main-content" onclick="document.querySelector('[data-category=\'favorites\']').click()"><svg width="20" height="20" data-lucide="star"></svg>Favorites</a></li>
+            <li><a href="#main-content" onclick="document.querySelector('[data-category=\'playground\']').click()"><svg width="20" height="20" data-lucide="terminal"></svg>Playground</a></li>
           </ul>
         </div>
         <div class="footer-links">
@@ -661,7 +668,7 @@ <h3>Resources</h3>
           <h3>Stay Updated</h3>
           <p>Get notified about new projects and features!</p>
           <form class="newsletter-form" onsubmit="event.preventDefault(); alert('Thanks for subscribing!');">
-            <input type="email" placeholder="Enter your email" required aria-label="Email for newsletter">
+            <input class="footer-input" type="email" placeholder="Enter your email" required aria-label="Email for newsletter">
             <button type="submit" aria-label="Subscribe">
               <i class="fas fa-paper-plane"></i>
             </button>