HASH b344e115ca41
DATE 2025-07-29
SUBJECT web: make comparison homepage
FILES 4 CHANGED
HASH b344e115ca41
DATE 2025-07-29
SUBJECT web: make comparison homepage
FILES 4 CHANGED
┌─ web/src/components/Navigation.astro ──────────────────────────────────────┐
│ diff --git a/web/src/components/Navigation.astro b/web/src/components/Navigation.a │
│ stro │
│ index e6f378c..1ed53fe 100644 │
│ --- a/web/src/components/Navigation.astro │
│ +++ b/web/src/components/Navigation.astro │
│ @@ -6,20 +6,41 @@ │
│ </a> │
│ </div> │
│ │
│ - <button id="navbarToggler" class="navbar-toggler" aria-label="Toggle navigati │
│ on"> │
│ + <button │
│ + id="navbarToggler" │
│ + class="navbar-toggler" │
│ + aria-label="Toggle navigation" │
│ + > │
│ <span></span> │
│ <span></span> │
│ <span></span> │
│ </button> │
│ - │
│ + │
│ <div id="navbarMenu" class="navbar-menu"> │
│ - <a href="/" class="navbar-link">Rankings</a> │
│ - <a href="/comparison" class="navbar-link">Comparisons</a> │
│ + <a href="/" class="navbar-link">Comparisons</a> │
│ + <a href="/rankings" class="navbar-link">Rankings</a> │
│ <a href="/faq" class="navbar-link">FAQ</a> │
│ - <a href="https://wowsims.com/mop" class="navbar-link" target="_blank" rel=" │
│ noopener noreferrer">WoWSims</a> │
│ - <a href="https://github.com/ooks-io/wowsim-stats" class="navbar-link navbar │
│ -link-github" target="_blank" rel="noopener noreferrer"> │
│ - <svg class="github-icon" viewBox="0 0 24 24" fill="currentColor" xmlns="h │
│ ttp://www.w3.org/2000/svg"> │
│ - <path d="M12 0C5.374 0 0 5.373 0 12 0 17.302 3.438 21.8 8.207 23.387c.5 │
│ 99.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.33 │
│ 3-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 │
│ 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1. │
│ 334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1 │
│ .008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291 │
│ -1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 │
│ 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192 │
│ .694.801.576C20.566 21.797 24 17.300 24 12c0-6.627-5.373-12-12-12z"/> │
│ + <a │
│ + href="https://wowsims.com/mop" │
│ + class="navbar-link" │
│ + target="_blank" │
│ + rel="noopener noreferrer">WoWSims</a │
│ + > │
│ + <a │
│ + href="https://github.com/ooks-io/wowsim-stats" │
│ + class="navbar-link navbar-link-github" │
│ + target="_blank" │
│ + rel="noopener noreferrer" │
│ + > │
│ + <svg │
│ + class="github-icon" │
│ + viewBox="0 0 24 24" │
│ + fill="currentColor" │
│ + xmlns="http://www.w3.org/2000/svg" │
│ + > │
│ + <path │
│ + d="M12 0C5.374 0 0 5.373 0 12 0 17.302 3.438 21.8 8.207 23.387c.599.1 │
│ 11.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1. │
│ 756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.0 │
│ 7 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334- │
│ 5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008 │
│ -.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.5 │
│ 52 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.2 │
│ 21 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694 │
│ .801.576C20.566 21.797 24 17.300 24 12c0-6.627-5.373-12-12-12z" │
│ + ></path> │
│ </svg> │
│ </a> │
│ </div> │
│ @@ -34,7 +55,7 @@ │
│ top: 0; │
│ z-index: 100; │
│ } │
│ - │
│ + │
│ .navbar-container { │
│ max-width: 1200px; │
│ margin: 0 auto; │
│ @@ -44,50 +65,52 @@ │
│ padding: 0 20px; │
│ height: 60px; │
│ } │
│ - │
│ + │
│ .navbar-brand { │
│ flex-shrink: 0; │
│ } │
│ - │
│ + │
│ .brand-link { │
│ text-decoration: none; │
│ color: inherit; │
│ } │
│ - │
│ + │
│ .brand-text { │
│ color: var(--highlight-color); │
│ font-size: 1.4em; │
│ font-weight: 700; │
│ letter-spacing: -0.5px; │
│ } │
│ - │
│ + │
│ .navbar-menu { │
│ display: flex; │
│ gap: 20px; │
│ align-items: center; │
│ } │
│ - │
│ + │
│ .navbar-link { │
│ color: var(--text-primary); │
│ text-decoration: none; │
│ padding: 8px 16px; │
│ border-radius: 4px; │
│ - transition: background-color 0.2s ease, color 0.2s ease; │
│ + transition: │
│ + background-color 0.2s ease, │
│ + color 0.2s ease; │
│ font-weight: 700; │
│ } │
│ - │
│ + │
│ .navbar-link:hover { │
│ background-color: var(--border-color); │
│ color: var(--highlight-color); │
│ text-decoration: none; │
│ } │
│ - │
│ + │
│ .navbar-link-github { │
│ display: flex; │
│ align-items: center; │
│ gap: 6px; │
│ } │
│ - │
│ + │
│ .github-icon { │
│ width: 16px; │
│ height: 16px; │
│ @@ -112,12 +135,12 @@ │
│ margin: 5px 0; │
│ transition: transform 0.3s ease; │
│ } │
│ - │
│ + │
│ @media (max-width: 768px) { │
│ .navbar-container { │
│ padding: 0 15px; │
│ } │
│ - │
│ + │
│ .brand-text { │
│ font-size: 1.2em; │
│ } │
│ @@ -126,11 +149,11 @@ │
│ display: block; │
│ z-index: 101; │
│ } │
│ - │
│ + │
│ .navbar-menu { │
│ - display: none; │
│ + display: none; │
│ position: absolute; │
│ - top: 60px; │
│ + top: 60px; │
│ left: 0; │
│ right: 0; │
│ flex-direction: column; │
│ @@ -144,7 +167,7 @@ │
│ display: flex; │
│ border-bottom: 1px solid var(--border-color); │
│ } │
│ - │
│ + │
│ .navbar-link { │
│ padding: 10px 20px; │
│ width: 100%; │
│ @@ -163,13 +186,13 @@ │
│ </style> │
│ │
│ <script is:inline> │
│ - document.addEventListener('DOMContentLoaded', () => { │
│ - const toggler = document.getElementById('navbarToggler'); │
│ - const menu = document.getElementById('navbarMenu'); │
│ + document.addEventListener("DOMContentLoaded", () => { │
│ + const toggler = document.getElementById("navbarToggler"); │
│ + const menu = document.getElementById("navbarMenu"); │
│ │
│ if (toggler && menu) { │
│ - toggler.addEventListener('click', () => { │
│ - menu.classList.toggle('is-active'); │
│ + toggler.addEventListener("click", () => { │
│ + menu.classList.toggle("is-active"); │
│ }); │
│ } │
│ }); │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ...c/components/Navigation.astro ───┐
│ diff --git a/web/src/components/Navigation.a │
│ stro b/web/src/components/Navigation.astro │
│ index e6f378c..1ed53fe 100644 │
│ --- a/web/src/components/Navigation.astro │
│ +++ b/web/src/components/Navigation.astro │
│ @@ -6,20 +6,41 @@ │
│ </a> │
│ </div> │
│ │
│ - <button id="navbarToggler" class="navba │
│ r-toggler" aria-label="Toggle navigation"> │
│ + <button │
│ + id="navbarToggler" │
│ + class="navbar-toggler" │
│ + aria-label="Toggle navigation" │
│ + > │
│ <span></span> │
│ <span></span> │
│ <span></span> │
│ </button> │
│ - │
│ + │
│ <div id="navbarMenu" class="navbar-menu │
│ "> │
│ - <a href="/" class="navbar-link">Ranki │
│ ngs</a> │
│ - <a href="/comparison" class="navbar-l │
│ ink">Comparisons</a> │
│ + <a href="/" class="navbar-link">Compa │
│ risons</a> │
│ + <a href="/rankings" class="navbar-lin │
│ k">Rankings</a> │
│ <a href="/faq" class="navbar-link">FA │
│ Q</a> │
│ - <a href="https://wowsims.com/mop" cla │
│ ss="navbar-link" target="_blank" rel="noopen │
│ er noreferrer">WoWSims</a> │
│ - <a href="https://github.com/ooks-io/w │
│ owsim-stats" class="navbar-link navbar-link- │
│ github" target="_blank" rel="noopener norefe │
│ rrer"> │
│ - <svg class="github-icon" viewBox="0 │
│ 0 24 24" fill="currentColor" xmlns="http:// │
│ www.w3.org/2000/svg"> │
│ - <path d="M12 0C5.374 0 0 5.373 0 │
│ 12 0 17.302 3.438 21.8 8.207 23.387c.599.111 │
│ .793-.261.793-.577v-2.234c-3.338.726-4.033-1 │
│ .416-4.033-1.416-.546-1.387-1.333-1.756-1.33 │
│ 3-1.756-1.089-.745.083-.729.083-.729 1.205.0 │
│ 84 1.839 1.237 1.839 1.237 1.07 1.834 2.807 │
│ 1.304 3.492.997.107-.775.418-1.305.762-1.604 │
│ -2.665-.305-5.467-1.334-5.467-5.931 0-1.311. │
│ 469-2.381 1.236-3.221-.124-.303-.535-1.524.1 │
│ 17-3.176 0 0 1.008-.322 3.301 1.23A11.509 11 │
│ .509 0 0112 5.803c1.02.005 2.047.138 3.006.4 │
│ 04 2.291-1.552 3.297-1.23 3.297-1.23.653 1.6 │
│ 53.242 2.874.118 3.176.77.84 1.235 1.911 1.2 │
│ 35 3.221 0 4.609-2.807 5.624-5.479 5.921.43. │
│ 372.823 1.102.823 2.222v3.293c0 .319.192.694 │
│ .801.576C20.566 21.797 24 17.300 24 12c0-6.6 │
│ 27-5.373-12-12-12z"/> │
│ + <a │
│ + href="https://wowsims.com/mop" │
│ + class="navbar-link" │
│ + target="_blank" │
│ + rel="noopener noreferrer">WoWSims</ │
│ a │
│ + > │
│ + <a │
│ + href="https://github.com/ooks-io/wo │
│ wsim-stats" │
│ + class="navbar-link navbar-link-gith │
│ ub" │
│ + target="_blank" │
│ + rel="noopener noreferrer" │
│ + > │
│ + <svg │
│ + class="github-icon" │
│ + viewBox="0 0 24 24" │
│ + fill="currentColor" │
│ + xmlns="http://www.w3.org/2000/svg │
│ " │
│ + > │
│ + <path │
│ + d="M12 0C5.374 0 0 5.373 0 12 0 │
│ 17.302 3.438 21.8 8.207 23.387c.599.111.793 │
│ -.261.793-.577v-2.234c-3.338.726-4.033-1.416 │
│ -4.033-1.416-.546-1.387-1.333-1.756-1.333-1. │
│ 756-1.089-.745.083-.729.083-.729 1.205.084 1 │
│ .839 1.237 1.839 1.237 1.07 1.834 2.807 1.30 │
│ 4 3.492.997.107-.775.418-1.305.762-1.604-2.6 │
│ 65-.305-5.467-1.334-5.467-5.931 0-1.311.469- │
│ 2.381 1.236-3.221-.124-.303-.535-1.524.117-3 │
│ .176 0 0 1.008-.322 3.301 1.23A11.509 11.509 │
│ 0 0112 5.803c1.02.005 2.047.138 3.006.404 2 │
│ .291-1.552 3.297-1.23 3.297-1.23.653 1.653.2 │
│ 42 2.874.118 3.176.77.84 1.235 1.911 1.235 3 │
│ .221 0 4.609-2.807 5.624-5.479 5.921.43.372. │
│ 823 1.102.823 2.222v3.293c0 .319.192.694.801 │
│ .576C20.566 21.797 24 17.300 24 12c0-6.627-5 │
│ .373-12-12-12z" │
│ + ></path> │
│ </svg> │
│ </a> │
│ </div> │
│ @@ -34,7 +55,7 @@ │
│ top: 0; │
│ z-index: 100; │
│ } │
│ - │
│ + │
│ .navbar-container { │
│ max-width: 1200px; │
│ margin: 0 auto; │
│ @@ -44,50 +65,52 @@ │
│ padding: 0 20px; │
│ height: 60px; │
│ } │
│ - │
│ + │
│ .navbar-brand { │
│ flex-shrink: 0; │
│ } │
│ - │
│ + │
│ .brand-link { │
│ text-decoration: none; │
│ color: inherit; │
│ } │
│ - │
│ + │
│ .brand-text { │
│ color: var(--highlight-color); │
│ font-size: 1.4em; │
│ font-weight: 700; │
│ letter-spacing: -0.5px; │
│ } │
│ - │
│ + │
│ .navbar-menu { │
│ display: flex; │
│ gap: 20px; │
│ align-items: center; │
│ } │
│ - │
│ + │
│ .navbar-link { │
│ color: var(--text-primary); │
│ text-decoration: none; │
│ padding: 8px 16px; │
│ border-radius: 4px; │
│ - transition: background-color 0.2s ease, │
│ color 0.2s ease; │
│ + transition: │
│ + background-color 0.2s ease, │
│ + color 0.2s ease; │
│ font-weight: 700; │
│ } │
│ - │
│ + │
│ .navbar-link:hover { │
│ background-color: var(--border-color); │
│ color: var(--highlight-color); │
│ text-decoration: none; │
│ } │
│ - │
│ + │
│ .navbar-link-github { │
│ display: flex; │
│ align-items: center; │
│ gap: 6px; │
│ } │
│ - │
│ + │
│ .github-icon { │
│ width: 16px; │
│ height: 16px; │
│ @@ -112,12 +135,12 @@ │
│ margin: 5px 0; │
│ transition: transform 0.3s ease; │
│ } │
│ - │
│ + │
│ @media (max-width: 768px) { │
│ .navbar-container { │
│ padding: 0 15px; │
│ } │
│ - │
│ + │
│ .brand-text { │
│ font-size: 1.2em; │
│ } │
│ @@ -126,11 +149,11 @@ │
│ display: block; │
│ z-index: 101; │
│ } │
│ - │
│ + │
│ .navbar-menu { │
│ - display: none; │
│ + display: none; │
│ position: absolute; │
│ - top: 60px; │
│ + top: 60px; │
│ left: 0; │
│ right: 0; │
│ flex-direction: column; │
│ @@ -144,7 +167,7 @@ │
│ display: flex; │
│ border-bottom: 1px solid var(--border │
│ -color); │
│ } │
│ - │
│ + │
│ .navbar-link { │
│ padding: 10px 20px; │
│ width: 100%; │
│ @@ -163,13 +186,13 @@ │
│ </style> │
│ │
│ <script is:inline> │
│ - document.addEventListener('DOMContentLoad │
│ ed', () => { │
│ - const toggler = document.getElementById │
│ ('navbarToggler'); │
│ - const menu = document.getElementById('n │
│ avbarMenu'); │
│ + document.addEventListener("DOMContentLoad │
│ ed", () => { │
│ + const toggler = document.getElementById │
│ ("navbarToggler"); │
│ + const menu = document.getElementById("n │
│ avbarMenu"); │
│ │
│ if (toggler && menu) { │
│ - toggler.addEventListener('click', () │
│ => { │
│ - menu.classList.toggle('is-active'); │
│ + toggler.addEventListener("click", () │
│ => { │
│ + menu.classList.toggle("is-active"); │
│ }); │
│ } │
│ }); │
└──────────────────────────────────────────────┘
┌─ web/src/pages/comparison.astro ───────────────────────────────────────────┐
│ diff --git a/web/src/pages/comparison.astro b/web/src/pages/comparison.astro │
│ deleted file mode 100644 │
│ index 5f022d4..0000000 │
│ --- a/web/src/pages/comparison.astro │
│ +++ /dev/null │
│ @@ -1,10 +0,0 @@ │
│ ---- │
│ -import ChartLayout from '../layouts/ChartLayout.astro'; │
│ -import '../styles/global.css' │
│ ---- │
│ - │
│ -<ChartLayout │
│ - title="Performance Comparisons" │
│ - description="Compare races and trinkets within each specialization" │
│ - mode="comparison" │
│ -/> │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ web/src/pages/comparison.astro ─────┐
│ diff --git a/web/src/pages/comparison.astro │
│ b/web/src/pages/comparison.astro │
│ deleted file mode 100644 │
│ index 5f022d4..0000000 │
│ --- a/web/src/pages/comparison.astro │
│ +++ /dev/null │
│ @@ -1,10 +0,0 @@ │
│ ---- │
│ -import ChartLayout from '../layouts/ChartLa │
│ yout.astro'; │
│ -import '../styles/global.css' │
│ ---- │
│ - │
│ -<ChartLayout │
│ - title="Performance Comparisons" │
│ - description="Compare races and trinkets w │
│ ithin each specialization" │
│ - mode="comparison" │
│ -/> │
└──────────────────────────────────────────────┘
┌─ web/src/pages/index.astro ────────────────────────────────────────────────┐
│ diff --git a/web/src/pages/index.astro b/web/src/pages/index.astro │
│ index 67c1316..5f022d4 100644 │
│ --- a/web/src/pages/index.astro │
│ +++ b/web/src/pages/index.astro │
│ @@ -4,7 +4,7 @@ import '../styles/global.css' │
│ --- │
│ │
│ <ChartLayout │
│ - title="MoP Simulation Benchmarks" │
│ - description="" │
│ - mode="rankings" │
│ + title="Performance Comparisons" │
│ + description="Compare races and trinkets within each specialization" │
│ + mode="comparison" │
│ /> │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ web/src/pages/index.astro ──────────┐
│ diff --git a/web/src/pages/index.astro b/web │
│ /src/pages/index.astro │
│ index 67c1316..5f022d4 100644 │
│ --- a/web/src/pages/index.astro │
│ +++ b/web/src/pages/index.astro │
│ @@ -4,7 +4,7 @@ import '../styles/global.css │
│ ' │
│ --- │
│ │
│ <ChartLayout │
│ - title="MoP Simulation Benchmarks" │
│ - description="" │
│ - mode="rankings" │
│ + title="Performance Comparisons" │
│ + description="Compare races and trinkets w │
│ ithin each specialization" │
│ + mode="comparison" │
│ /> │
└──────────────────────────────────────────────┘
┌─ web/src/pages/rankings.astro ─────────────────────────────────────────────┐
│ diff --git a/web/src/pages/rankings.astro b/web/src/pages/rankings.astro │
│ new file mode 100644 │
│ index 0000000..67c1316 │
│ --- /dev/null │
│ +++ b/web/src/pages/rankings.astro │
│ @@ -0,0 +1,10 @@ │
│ +--- │
│ +import ChartLayout from '../layouts/ChartLayout.astro'; │
│ +import '../styles/global.css' │
│ +--- │
│ + │
│ +<ChartLayout │
│ + title="MoP Simulation Benchmarks" │
│ + description="" │
│ + mode="rankings" │
│ +/> │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ web/src/pages/rankings.astro ───────┐
│ diff --git a/web/src/pages/rankings.astro b/ │
│ web/src/pages/rankings.astro │
│ new file mode 100644 │
│ index 0000000..67c1316 │
│ --- /dev/null │
│ +++ b/web/src/pages/rankings.astro │
│ @@ -0,0 +1,10 @@ │
│ +--- │
│ +import ChartLayout from '../layouts/ChartLa │
│ yout.astro'; │
│ +import '../styles/global.css' │
│ +--- │
│ + │
│ +<ChartLayout │
│ + title="MoP Simulation Benchmarks" │
│ + description="" │
│ + mode="rankings" │
│ +/> │
└──────────────────────────────────────────────┘
[ BACK TO LOG ]
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET