Github Link

hasinhayder · hasinhayder · commit 0a30912b9962 · 2025-11-26T18:38:12.000+05:30
diff --git a/README.md b/README.md
@@ -1,5 +1,7 @@
 # Fomodoro - Beautiful Timer
 
+[![GitHub](https://img.shields.io/badge/GitHub-View%20Source-181717?style=for-the-badge&logo=github)](https://github.com/hasinhayder/fomodoro)
+
 A simple Pomodoro timer built with HTML, CSS, and JS. The timer uses the full browser width to display a large, visually pleasing countdown. Includes a settings panel with theme switching, configurable durations (work/short/long), auto-start toggle, and sessions until long break.
 
 ## Features
diff --git a/index.html b/index.html
@@ -13,6 +13,7 @@
     <header class="header">
       <h1 class="logo">Pomodoro</h1>
       <div class="header-controls">
+        <a href="https://github.com/hasinhayder/fomodoro" target="_blank" class="icon-btn" title="View on GitHub">🐙</a>
         <button @click="toggleSettings()" class="icon-btn" :aria-expanded="settingsOpen" aria-controls="settings" title="Settings (Cmd+K/Ctrl+K)">⚙️</button>
       </div>
     </header>
@@ -119,7 +120,7 @@ <h2>Settings</h2>
           </div>
 
           <footer class="settings-footer">
-            <small>Saved to device • Responsive • Themes • Notifications</small>
+            <small>Saved to device • Themes • Notifications</small>
           </footer>
         </div>
       </aside>
diff --git a/styles.css b/styles.css
@@ -75,6 +75,10 @@ body::after {
   padding: 8px;
   border-radius: 10px;
   transition: background 0.15s ease;
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
 .icon-btn:hover { background: var(--icon-hover-bg); }
 .icon-btn:focus { outline: 2px solid var(--accent); }
