Refine calculator layout and about page

This commit is contained in:
2026-01-14 21:27:12 +01:00
parent fc619d8c8a
commit 96cafac65b
3 changed files with 155 additions and 24 deletions
+55 -10
View File
@@ -6,7 +6,7 @@
<title>About | Anomaly Front Toolkit</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"/>
</head>
<body class="af-body">
<body class="af-body af-about-page">
<header class="af-header">
<div class="af-brand">
<div class="af-logo" aria-hidden="true">
@@ -32,18 +32,49 @@
<main class="af-shell">
<section class="af-card">
<div class="af-card-header">
<p class="af-about-kicker">Anomaly Front Toolkit</p>
<h1>Hey there! You found the Anomaly Front Stats Page by Fretux and Losernoob124</h1>
</div>
<h2>Our Mission</h2>
<p>
We created this platform to help the Anomaly Front community quickly and easily calculate gun DPS and DPM.
No spreadsheets, no hassle. Whether you're theorycrafting a Deathwish loadout or comparing your sidearms,
our tool’s built to support your grind.
</p>
<p>
Got ideas or stat suggestions? Hit us up on Discord or submit feedback via our Suggestions Page.
</p>
<div class="af-about-hero">
<div>
<h2>Our Mission</h2>
<p>
We created this platform to help the Anomaly Front community quickly and easily calculate gun DPS and DPM.
No spreadsheets, no hassle. Whether you're theorycrafting a Deathwish loadout or comparing your sidearms,
our tool’s built to support your grind.
</p>
<p>
Got ideas or stat suggestions? Hit us up on Discord or submit feedback via our Suggestions Page.
</p>
<div class="af-about-banner">
<div>
<p class="af-about-kicker">Built for</p>
<p>Fast comparisons, squad planning, and experimental build crafting.</p>
</div>
<div class="af-about-pill">Theorycrafters</div>
<div class="af-about-pill">Squad leaders</div>
<div class="af-about-pill">Balance nerds</div>
</div>
</div>
<div>
<h2>Toolkit highlights</h2>
<div class="af-about-grid">
<div class="af-about-card">
<h3>Live pacing snapshots</h3>
<p>Instant readouts for burst and sustained DPS so you can spot outliers quickly.</p>
</div>
<div class="af-about-card">
<h3>Modifier stacking</h3>
<p>Layer operative perks, items, and abilities to mimic real in-game loadouts.</p>
</div>
<div class="af-about-card">
<h3>Community-first data</h3>
<p>Weapon stats are curated with the community, then converted into a fast lookup library.</p>
</div>
</div>
</div>
</div>
<h2>Our Story</h2>
<p>
@@ -51,6 +82,20 @@
do better. What began as a side hobby by Losernoob124 was reignited by Fretux and evolved into a full web app
through plenty of bug fixing, community help, and caffeine.
</p>
<div class="af-about-grid">
<div class="af-about-card">
<h3>Phase one</h3>
<p>Spreadsheet-first calculations for a handful of early weapons.</p>
</div>
<div class="af-about-card">
<h3>Phase two</h3>
<p>Community testing, patch tracking, and a JSON-based weapon library.</p>
</div>
<div class="af-about-card">
<h3>Phase three</h3>
<p>Interactive calculator, modifier stacking, and rapid iteration.</p>
</div>
</div>
<h2>The Team</h2>
<ul class="af-list">