Merge pull request #6 from ggerman/feature/update-template

update template format

Author: ggerman

lib/dashboard/professional_template.html.erb

@@ -264,6 +264,17 @@
       <div class="header-left">
         <h1>📊 <%= title %></h1>
         <div class="subtitle"><%= subtitle %></div>
+        <div class="links" style="margin-top: 12px;">
+          <a href="https://rubystacknews.com/2026/03/30/github-deletes-your-traffic-logs-every-14-days-heres-how-to-stop-that-with-ruby/" 
+            style="color: #4a90e2; text-decoration: none; font-size: 13px;">
+            📖 Read the full article on RubyStackNews
+          </a>
+          &nbsp;|&nbsp;
+          <a href="https://github.com/ggerman" 
+            style="color: #4a90e2; text-decoration: none; font-size: 13px;">
+            👤 ggerman on GitHub
+          </a>
+        </div>
       </div>
       <div class="header-right">
         <div class="badge">Live Data</div>
@@ -365,11 +376,33 @@
       </div>
     <% end %>
 
-    <div class="footer">
-      <p>Generated with <strong>ruby-libgd</strong> • <a href="https://github.com/ggerman/ruby-libgd">github.com/ggerman/ruby-libgd</a></p>
-      <p>Created by <strong>Germán Alberto Giménez Silva</strong> &lt;ggerman@gmail.com&gt;</p>
-      <p>Data from GitHub API • Historical data stored in <strong>metrics-vault</strong></p>
+    <div style="text-align: center; margin: 24px 0; padding: 16px; background: #f8f9fa; border-radius: 12px;">
+      <p style="margin: 0;">
+        📖 <strong>Learn how this dashboard works</strong> – 
+        <a href="https://rubystacknews.com/2026/03/30/github-deletes-your-traffic-logs-every-14-days-heres-how-to-stop-that-with-ruby/" 
+          style="color: #4a90e2;">Read the full tutorial on RubyStackNews</a>
+        &nbsp;|&nbsp;
+        <a href="https://github.com/ggerman" style="color: #4a90e2;">GitHub Profile</a>
+      </p>
     </div>
   </div>
+
+  <!-- Default Statcounter code for Metrics Dashboard
+  https://ggerman.github.io/github-metrics-dashboard/ -->
+  <script type="text/javascript">
+  var sc_project=13213724; 
+  var sc_invisible=1; 
+  var sc_security="4d42e394"; 
+  </script>
+  <script type="text/javascript"
+  src="https://www.statcounter.com/counter/counter.js"
+  async></script>
+  <noscript><div class="statcounter"><a title="Web Analytics"
+  href="https://statcounter.com/" target="_blank"><img
+  class="statcounter"
+  src="https://c.statcounter.com/13213724/0/4d42e394/1/"
+  alt="Web Analytics"
+  referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
+  <!-- End of Statcounter Code -->
 </body>
 </html>