diff --git a/static/json/modifiers.json b/static/json/modifiers.json index 6a18b6d..74a7f3a 100644 --- a/static/json/modifiers.json +++ b/static/json/modifiers.json @@ -72,6 +72,23 @@ "value": 1.5, "type": "multiplicative", "operatives": "" + }, + { + "id": "multiple-buffs-sharpshooter-drink", + "label": "Sharpshooter Drink (-40% Firerate, +60% Damage)", + "buffs": [ + { + "type": "rpm", + "value": 0.6, + "buffType": "multiplicative" + }, + { + "type": "damage", + "value": 1.6, + "buffType": "multiplicative" + } + ], + "operatives": "" } ], "operativePerks": [ diff --git a/static/json/operative.json b/static/json/operative.json index 6220074..94fb6f1 100644 --- a/static/json/operative.json +++ b/static/json/operative.json @@ -211,8 +211,8 @@ "modifiers": [ { "id": "armor-restructure-10-damage-perk", - "label": "Armor Restructure(10 HP Left) (+52% Damage)", - "value": 1.52, + "label": "Armor Restructure (10 HP Left) (+32% Damage)", + "value": 1.32, "type": "multiplicative", "appliesTo": "" }, @@ -223,13 +223,6 @@ "type": "additive", "appliesTo": "" }, - { - "id": "anarchist-world-on-fire-damage-perk", - "label": "World on Fire (+50% damage)", - "value": 1.5, - "type": "multiplicative", - "appliesTo": "" - }, { "id": "berserker-damage-perk", "label": "Berserker (+30 Damage)", @@ -1908,14 +1901,21 @@ "type": "rpm", "value": 0.5, "buffType": "multiplicative" - }, + } + ], + "appliesTo": "RIFLE" + }, + { + "id": "dmr-conversion-damage-headshot-perk", + "label": "DMR Conversion Kit (+70% Headshot Damage)", + "buffs": [ { "type": "damage", "value": 1.7, "buffType": "multiplicative-headshot" } ], - "appliesTo": "RIFLE" + "appliesTo": "" }, { "id": "weapon-expert-reload-perk-sharp", diff --git a/static/style.css b/static/style.css index 23469fc..c7b335b 100644 --- a/static/style.css +++ b/static/style.css @@ -32,8 +32,8 @@ body { background-attachment: fixed; background-size: cover; position: relative; - z-index: -1; - font-family: Arial, sans-serif; + z-index: auto; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; margin: 20px; } @@ -119,13 +119,15 @@ input { main { position: relative; - z-index: -1; - background-color: rgba(255, 255, 255, 0.9); - margin-top: 10%; - padding: 20px 35px 35px 35px; - border-radius: 10px; - border: 2px solid black; + z-index: 1; + background-color: rgba(255, 255, 255, 0.75); + margin-top: 8vh; + padding: 24px 32px 32px 32px; + border-radius: 16px; + border: 1px solid rgba(0,0,0,0.08); overflow: auto; + box-shadow: 0 10px 30px rgba(0,0,0,0.18); + backdrop-filter: blur(8px); } nav { @@ -764,4 +766,126 @@ a:hover { .about_us_text { font-size: 0.95rem; } +} + +/* -------------------------- + Modern theme enhancements + -------------------------- */ +:root { + --bg-tint: rgba(15, 23, 42, 0.45); + --card-bg: rgba(255, 255, 255, 0.75); + --text-900: #0f172a; + --text-700: #334155; + --text-500: #64748b; + --border: rgba(2, 6, 23, 0.08); + --shadow: 0 10px 30px rgba(2, 6, 23, 0.18); + --primary: #dc2626; /* red-600 */ + --primary-700: #b91c1c; + --primary-50: #fef2f2; + --success: #16a34a; + --warning: #f59e0b; +} + +/* Subtle overlay to improve contrast on busy backgrounds */ +body::before { + content: ""; + position: fixed; + inset: 0; + background: linear-gradient(180deg, rgba(2,6,23,0.35), rgba(2,6,23,0.25)) , var(--bg-tint); + pointer-events: none; + z-index: 0; +} + +main { + background-color: var(--card-bg); + border: 1px solid var(--border); + box-shadow: var(--shadow); +} + +h1, h2, h3 { + color: var(--text-900); +} + +.about_us_text, p, label, th, td, a { + color: var(--text-700); +} + +/* Links */ +a { + color: var(--primary); + text-decoration: none; +} + +a:hover { text-decoration: underline; } + +/* Inputs */ +input[type="text"], input[type="number"], textarea, select, #search { + border: 1px solid var(--border); + background-color: #f8fafc; + border-radius: 10px; + padding: 10px 14px; +} + +input[type="text"]:focus, input[type="number"]:focus, textarea:focus, select:focus, #search:focus { + border-color: var(--primary); + box-shadow: 0 0 0 4px var(--primary-50); +} + +/* Buttons */ +button, .button1, #weapon-create, #weapon-edit, #copy-stats, #weapon-form form button[type="submit"] { + background-color: var(--primary); + border-radius: 10px; + padding: 10px 16px; + box-shadow: 0 2px 6px rgba(2, 6, 23, 0.15); +} +button:hover, .button1:hover, #weapon-create:hover, #weapon-edit:hover, #copy-stats:hover, #weapon-form form button[type="submit"]:hover { + background-color: var(--primary-700); +} + +/* Table modernization */ +table { + background: rgba(255,255,255,0.85); + border-radius: 12px; + overflow: hidden; +} + +thead th { + position: sticky; + top: 0; + background: rgba(255,255,255,0.95); + backdrop-filter: blur(6px); +} + +tbody tr:nth-child(odd) { background: #fafafa; } +tbody tr:hover { background: #f1f5f9; } + +th, td { + border-color: var(--border); +} + +/* Hamburger + nav menu tweaks */ +.hamburger { + background: rgba(15, 23, 42, 0.6); + backdrop-filter: blur(6px); +} +.nav-menu { + background-color: rgba(255, 255, 255, 0.9); + backdrop-filter: blur(8px); +} +.nav-menu a { + color: var(--text-900); +} +.nav-menu a:hover { + color: var(--primary); +} + +/* Success/error text */ +#successMessage { color: var(--success); } +#copy-message.success { color: var(--success); } +#copy-message.error { color: var(--primary); } + +/* Responsive table spacing */ +@media (max-width: 768px) { + th, td { padding: 12px; } + main { padding: 20px; } } \ No newline at end of file diff --git a/templates/about_us.html b/templates/about_us.html index 7731df9..9985ca9 100644 --- a/templates/about_us.html +++ b/templates/about_us.html @@ -29,11 +29,11 @@

About Us

-

Hey there! You found the TRL Stats Page by Fretux and Losernoob124 🎯

+

Hey there! You found the TRL Stats Page by Fretux and Losernoob124

Our Mission

- We created this platform to help the TRL community quickly and easily calculate gun DPS and DPM β€” no + We created this platform to help the TRL 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.

@@ -44,7 +44,7 @@

Our Story

- It started with a spreadsheet... and frustration. Calculating DPS manually was tedious β€” and we knew we could do + It started with a spreadsheet... and frustration. Calculating DPS manually was tedious and we knew we could 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.

@@ -76,7 +76,7 @@

-

Special Thanks πŸ™

+

Special Thanks

gameknight90999 (holdenn): Helped with various stat and weapon data and ideas

Kris HD: Motivation + bug hunting

@@ -85,7 +85,7 @@

- Thanks for using TRL Stats πŸ’š + Thanks for using TRL Stats <3

diff --git a/templates/calculator.html b/templates/calculator.html index 3f45215..71b4f09 100644 --- a/templates/calculator.html +++ b/templates/calculator.html @@ -3,7 +3,7 @@ - + DPM/DPS Calculator