Major frontend overhaul. Added tailwindcss.

This commit is contained in:
2025-07-30 23:51:33 +02:00
parent ff0f528d36
commit 3beadf57a3
12 changed files with 3096 additions and 694 deletions

View File

@@ -3,73 +3,49 @@
{% 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>
<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 and the domain about €30 per year.
</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;">DRTLo2BsBijY4MrLmNNHzmjZ5tVvpTebFE</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>
<!-- This outer div now handles the centering -->
<div class="flex flex-col items-center">
<div class="w-full max-w-3xl bg-slate-800/50 ring-1 ring-slate-700 rounded-2xl p-6 sm:p-10 shadow-2xl">
<div class="text-center mb-10">
<h1 class="text-3xl sm:text-4xl font-extrabold tracking-tight text-white">About RSTAT</h1>
</div>
<div class="brand-subtitle">
<a href="https://www.reddit.com/r/rstat/" target="_blank">
visit us for more.
</a>
</div>
</footer>
<!-- The 'prose' class will now work correctly inside this standard block flow -->
<article class="prose prose-slate prose-invert max-w-none">
<h2>What is this?</h2>
<p>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>How does it work?</h2>
<ul>
<li>A <strong>scraper</strong> runs on a schedule to read new posts and comments from a predefined list of
subreddits.</li>
<li>A <strong>sentiment analyzer</strong> scores each mention as Bullish, Bearish, or Neutral using a natural
language processing model.</li>
<li>A <strong>data fetcher</strong> enriches the ticker data with the latest closing price and market
capitalization from Yahoo Finance.</li>
<li>All data is stored in a local <strong>SQLite database</strong>.</li>
<li>This <strong>web dashboard</strong> reads from the database to provide a clean, interactive visualization of
the results.</li>
</ul>
<h2>Supporting the Project</h2>
<p>RSTAT is a free and open-source project. To ensure the dashboard remains fast and reliable, it is hosted on a
small virtual server with running costs of approximately $6 per month. If you find this tool useful, donations
are gratefully accepted via Dogecoin (DOGE).</p>
<div class="not-prose bg-slate-900/50 ring-1 ring-slate-700 rounded-lg p-3 text-center">
<code class="text-sm text-slate-200 break-all">DRTLo2BsBijY4MrLmNNHzmjZ5tVvpTebFE</code>
</div>
</article>
<footer class="mt-12 text-center">
<div class="text-xl font-extrabold tracking-tight text-white">r/rstat</div>
<div class="text-sm text-slate-400">
<a href="https://www.reddit.com/r/rstat/" target="_blank" class="hover:text-white transition-colors">visit us
for more.</a>
</div>
</footer>
</div>
</div>
{% endblock %}
{% endblock %}