9ed0282fd0
* Redesign home page with new layout and component system - Two-column layout (My Leagues 2/3, Upcoming Events 1/3) with mobile stack - LeagueRow: square avatar, gradient draft highlight, rank/points display, progress bar - MyLeaguesCard, CreateLeagueCard with shared SectionCardHeader - UpcomingEventsCard: vertical timeline with grouped multi-league events - Shared gradient system: BracktGradients SVG defs, GradientIcon wrapper, brand.ts constants - Button default variant updated to green→cyan gradient - Navbar: plain nav links with gradient hover, support/admin icon buttons - Accessibility fixes: semantic h2 headings, aria-label on LeagueAvatar and nav elements - Storybook stories for all new components Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * Responsive league row layout and mobile polish - League rows stack avatar+name on top, stats full-width below on mobile - Stats spread to right side on sm+ screens with border separator on mobile - Tighter padding on mobile (px-3/py-3), full padding on sm+ - Card headers and content use px-3 sm:px-6 to reduce mobile gutters - Two-column home layout deferred to lg breakpoint (tablet gets stacked) - Active leagues sorted by completion percentage descending - Default rank 1 / 0 points for active leagues with no scoring events yet - Fix ordinal bug for 11th/12th/13th; add aria-labels to rank change indicators - Remove dead StatDivider className prop Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * Improve claude file. * Add StandingsPreview card component with podium row styling - New StandingsPreview component with gold/silver/bronze row tints for top 3, team avatar, and LeagueRow-style stat columns (Ranking + Points) with rank and 7-day point change indicators - Fix GradientIcon in Storybook by adding BracktGradients decorator to preview.tsx (renamed from .ts to support JSX) - Fix degenerate SVG gradient on horizontal strokes by switching BracktGradients to gradientUnits="userSpaceOnUse" with Lucide-space coordinates (0→24) - Revert erroneous fill: url(#gradient) from GradientIcon; stroke-only fix was sufficient once gradientUnits was corrected Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * Update components on league homepage. * Finish up league page styling. * Work on standings page. * Add story for RecentScoresCard * Update Point Progression Chart. * Sort point progression legend by ranking and add team links to standings rows * Fix standings discrepancy on change. * Create draft cell component. * Update draft board page * Draft room improvements. * Update some draft room styling. * Fix context menu missing. * Move tab navigation and autodraft to header row, narrow sidebar * Virtualize available participants list, memoize draft room props Adds @tanstack/react-virtual to replace separate mobile/desktop lists with a single unified virtual scroll loop. Also memoizes miniDraftGrid and availableParticipantsSectionProps, and switches pick lookup from Array.find to a Map for O(1) access. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * Update draft room UI. * More draft room fixes. * Draft room tweaks. * Fix Rosters page. * Queue Section fixes. * Mobile Draft fixes. * Fix draft board page. * Create bracket look. * Bracket work. * Finish bracket page. * Homepage initial styling * homepage copy * Add privacy policy. Fixes #88. * how to play copy * rules copy * Fix brackets on homepage. * Add footer to website. * Glow on dots. * Landing page copy. * Fix sidebar. --------- Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
43 lines
No EOL
3.7 KiB
XML
43 lines
No EOL
3.7 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000"><metadata><rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"><rdf:Description><dc:creator>RealFaviconGenerator</dc:creator><dc:source>https://realfavicongenerator.net</dc:source></rdf:Description></rdf:RDF></metadata><style>
|
|
#light-icon {
|
|
display: inline;
|
|
}
|
|
#dark-icon {
|
|
display: none;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
#light-icon {
|
|
display: none;
|
|
}
|
|
#dark-icon {
|
|
display: inline;
|
|
}
|
|
}
|
|
</style><g id="light-icon"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000"><g clip-path="url(#SvgjsClipPath1062)"><rect width="1000" height="1000" fill="#14171e"></rect><g transform="matrix(1.9030853771677332,0,0,1.9030853771677332,189.78756809477363,100)"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_2" data-name="Layer 2" viewBox="0 0 326.01 420.37" width="326.01" height="420.37"><defs>
|
|
<style>
|
|
.cls-1 {
|
|
fill: url(#linear-gradient);
|
|
stroke-width: 0px;
|
|
}
|
|
</style>
|
|
<linearGradient id="linear-gradient" x1="163" y1="0" x2="163" y2="420.37" gradientUnits="userSpaceOnUse">
|
|
<stop offset=".1" stop-color="#adf661"></stop>
|
|
<stop offset=".91" stop-color="#2ce1c1"></stop>
|
|
</linearGradient>
|
|
<clipPath id="SvgjsClipPath1062"><rect width="1000" height="1000" x="0" y="0" rx="0" ry="0"></rect></clipPath></defs><g id="Layer_1-2" data-name="Layer 1">
|
|
<path class="cls-1" d="M276.96,204.66c53.62,32.3,55.39,89.93,42.18,146.12-11.49,48.88-44.57,68.07-108.03,69.04-69.48,1.07-138.99.24-210.16.24v-150.46h91.63v-119.54H0V0C10.93,0,22.08,0,33.24,0c62.95.08,125.91-.13,188.86.33,53.15.39,90.76,37.31,93.03,90.36,2.83,66.07,1.4,70.4-38.16,113.96ZM38.76,379.74c66.89,0,132.74,3.65,197.93-1.36,39.4-3.03,54.11-41.77,45.33-100.97-5.14-34.62-27.75-50.5-62.13-50.53-17.83-.02-35.66,0-54.1,0v-38.54c18.77,0,36.78.73,54.71-.16,32.13-1.58,49.91-19.74,52.97-51.08,5.71-58.53-6.66-92.05-40.81-94.07-63.94-3.78-128.27-1.09-193.46-1.09v70.81h91.87v193.85H38.76v73.14Z"></path>
|
|
</g></svg></g></g></svg></g><g id="dark-icon"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000"><g><g transform="matrix(2.3788567214596665,0,0,2.3788567214596665,112.23446011846704,0)"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_2" data-name="Layer 2" viewBox="0 0 326.01 420.37" width="326.01" height="420.37"><defs>
|
|
<style>
|
|
.cls-1 {
|
|
fill: url(#linear-gradient);
|
|
stroke-width: 0px;
|
|
}
|
|
</style>
|
|
<linearGradient id="linear-gradient" x1="163" y1="0" x2="163" y2="420.37" gradientUnits="userSpaceOnUse">
|
|
<stop offset=".1" stop-color="#adf661"></stop>
|
|
<stop offset=".91" stop-color="#2ce1c1"></stop>
|
|
</linearGradient>
|
|
</defs><g id="Layer_1-2" data-name="Layer 1">
|
|
<path class="cls-1" d="M276.96,204.66c53.62,32.3,55.39,89.93,42.18,146.12-11.49,48.88-44.57,68.07-108.03,69.04-69.48,1.07-138.99.24-210.16.24v-150.46h91.63v-119.54H0V0C10.93,0,22.08,0,33.24,0c62.95.08,125.91-.13,188.86.33,53.15.39,90.76,37.31,93.03,90.36,2.83,66.07,1.4,70.4-38.16,113.96ZM38.76,379.74c66.89,0,132.74,3.65,197.93-1.36,39.4-3.03,54.11-41.77,45.33-100.97-5.14-34.62-27.75-50.5-62.13-50.53-17.83-.02-35.66,0-54.1,0v-38.54c18.77,0,36.78.73,54.71-.16,32.13-1.58,49.91-19.74,52.97-51.08,5.71-58.53-6.66-92.05-40.81-94.07-63.94-3.78-128.27-1.09-193.46-1.09v70.81h91.87v193.85H38.76v73.14Z"></path>
|
|
</g></svg></g></g></svg></g></svg> |