Added about page.

templates/about.html

@@ -0,0 +1,77 @@
+{% extends "dashboard_base.html" %}
+
+{% block title %}About RSTAT{% endblock %}
+
+{% block content %}
+<div class="image-container" style="text-align: left; max-width: 800px;">
+  <h1 style="text-align: center;">About RSTAT</h1>
+
+  <pre style="background-color: #1a202c; padding: 1rem; border-radius: 8px; font-size: 1rem; text-align: center; word-wrap: break-word;"><code style="color: #e2e8f0;">DOGECOIN_ADDRESS_HERE_REPLACE_ME</code></pre>
+  <h2 style="color: #cbd5e0; border-bottom: 1px solid #4a5568; padding-bottom: 0.5rem; margin-top: 2rem;">What is this?
+  </h2>
+  <p style="color: #a0aec0; line-height: 1.8;">
+    RSTAT (Reddit Stock Analysis Tool) is an automated data pipeline that scans popular financial communities on Reddit
+    to identify and analyze trending stock tickers. It provides a daily and weekly snapshot of the most discussed
+    stocks, their social sentiment, and key financial data.
+  </p>
+
+  <h2 style="color: #cbd5e0; border-bottom: 1px solid #4a5568; padding-bottom: 0.5rem; margin-top: 2rem;">How does it
+    work?</h2>
+  <p style="color: #a0aec0; line-height: 1.8;">
+    The system is composed of several automated scripts:
+  <ul>
+    <li style="margin-bottom: 0.5rem;">A <strong>scraper</strong> runs on an hourly schedule to read new posts and
+      comments from a predefined list of subreddits.</li>
+    <li style="margin-bottom: 0.5rem;">A <strong>sentiment analyzer</strong> scores each mention as Bullish, Bearish, or
+      Neutral using a natural language processing model.</li>
+    <li style="margin-bottom: 0.5rem;">A <strong>data fetcher</strong> enriches the ticker data with the latest closing
+      price and market capitalization from Yahoo Finance.</li>
+    <li style="margin-bottom: 0.5rem;">All data is stored in a local <strong>SQLite database</strong>.</li>
+    <li style="margin-bottom: 0.5rem;">This <strong>web dashboard</strong> reads from the database to provide a clean,
+      interactive visualization of the results.</li>
+  </ul>
+  </p>
+
+  <h2 style="color: #cbd5e0; border-bottom: 1px solid #4a5568; padding-bottom: 0.5rem; margin-top: 2rem;">What qualifies
+    as a "mention"?</h2>
+  <p style="color: #a0aec0; line-height: 1.8;">
+    The counting logic is context-aware. If a stock ticker is found in a post's <strong>title</strong>, the system
+    assumes the entire comment section is about that ticker and credits it with a mention for every comment. If no
+    ticker is in the title, it only counts <strong>direct mentions</strong> within comments. This provides a more
+    accurate picture of a stock's overall discussion volume.
+  </p>
+
+  <h2 style="color: #cbd5e0; border-bottom: 1px solid #4a5568; padding-bottom: 0.5rem; margin-top: 2rem;">Supporting the
+    Project</h2>
+  <p style="color: #a0aec0; line-height: 1.8;">
+    RSTAT is a free and <b>soon-to-be</b> open-source project developed as a passion for data and financial markets. To ensure the
+    dashboard remains fast, reliable, and publicly accessible, it is hosted on a small virtual server with running costs
+    of approximately $6 per month.
+  </p>
+  <p style="color: #a0aec0; line-height: 1.8;">
+    If you find this tool useful and would like to help cover these costs, donations are gratefully accepted. In the
+    spirit of Reddit's market communities, the preferred method is Dogecoin (DOGE). You can send any amount to the
+    following address:
+  </p>
+
+  <pre style="background-color: #1a202c; padding: 1rem; border-radius: 8px; font-size: 1rem; text-align: center; word-wrap: break-word;">
+    <code style="color: #e2e8f0;">DOGECOIN_ADDRESS_HERE_REPLACE_ME</code></pre>
+
+  <p style="color: #a0aec0; text-align: center;">
+    Thank you for your support!
+  </p>
+
+  <footer style="margin-top: 3rem; text-align: center;">
+    <div class="brand-name">
+      <a href="https://www.reddit.com/r/rstat/" target="_blank">
+        r/rstat
+      </a>
+    </div>
+    <div class="brand-subtitle">
+      <a href="https://www.reddit.com/r/rstat/" target="_blank">
+        visit us for more.
+      </a>
+    </div>
+  </footer>
+</div>
+{% endblock %}

templates/dashboard_base.html

@@ -337,6 +337,15 @@
             color: #ffffff;
             text-decoration: underline;
         }
+
+        footer a {
+            color: inherit; /* Inherit the color from .brand-subtitle */
+            text-decoration: none;
+            transition: color 0.2s;
+        }
+        footer a:hover {
+            color: #ffffff; /* Make it brighter on hover */
+        }
     </style>
 </head>
 
@@ -361,6 +370,14 @@
         <div class="view-switcher">
             <a href="?view=daily" {% if view_type=='daily' %}class="active" {% endif %}>Daily</a>
             <a href="?view=weekly" {% if view_type=='weekly' %}class="active" {% endif %}>Weekly</a>
+
+            <a href="/about" title="About this Project" style="margin-left: 1rem;">
+                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: middle;">
+                    <circle cx="12" cy="12" r="10"></circle>
+                    <line x1="12" y1="16" x2="12" y2="12"></line>
+                    <line x1="12" y1="8" x2="12.01" y2="8"></line>
+                </svg>
+            </a>
         </div>
     </nav>
     {% endif %}

templates/dashboard_view.html

@@ -62,11 +62,12 @@
                 <td class="financials">{{ ticker.market_cap | format_mc }}</td>
                 <td class="financials">
                     {% if ticker.closing_price %}
-                        <a href="https://finance.yahoo.com/quote/{{ ticker.symbol }}/" target="_blank" title="View on Yahoo Finance">
-                            ${{ "%.2f"|format(ticker.closing_price) }}
-                        </a>
+                    <a href="https://finance.yahoo.com/quote/{{ ticker.symbol }}/" target="_blank"
+                        title="View on Yahoo Finance">
+                        ${{ "%.2f"|format(ticker.closing_price) }}
+                    </a>
                     {% else %}
-                        N/A
+                    N/A
                     {% endif %}
                 </td>
             </tr>
@@ -77,9 +78,17 @@
             {% endfor %}
         </tbody>
     </table>
-    <footer>
-        <div class="brand-name">r/rstat</div>
-        <div class="brand-subtitle">visit us for more.</div>
+    <footer style="margin-top: 3rem; text-align: center;">
+        <div class="brand-name">
+            <a href="https://www.reddit.com/r/rstat/" target="_blank">
+                r/rstat
+            </a>
+        </div>
+        <div class="brand-subtitle">
+            <a href="https://www.reddit.com/r/rstat/" target="_blank">
+                visit us for more.
+            </a>
+        </div>
     </footer>
 </div>
 {% endblock %}