|
12 | 12 | } |
13 | 13 |
|
14 | 14 | body { |
15 | | - font-family: 'BentonSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, |
| 15 | + font-family: 'BentonSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, |
16 | 16 | 'Helvetica Neue', Arial, sans-serif; |
17 | 17 | background: #0d1117; |
18 | 18 | min-height: 100vh; |
|
385 | 385 | <h1>🏆 Tournament Brackets</h1> |
386 | 386 | <p class="subtitle">Modern, Framework-Agnostic Bracket Library</p> |
387 | 387 | <div class="header-links"> |
388 | | - <a href="https://github.com/erik5388/jquery.gracket.js" class="header-link" target="_blank"> |
| 388 | + <a href="https://github.com/Zettersten/jquery.gracket.js" class="header-link" target="_blank"> |
389 | 389 | <span>⭐</span> GitHub |
390 | 390 | </a> |
391 | 391 | <a href="https://www.npmjs.com/package/gracket" class="header-link" target="_blank"> |
392 | 392 | <span>📦</span> NPM |
393 | 393 | </a> |
394 | | - <a href="https://github.com/erik5388/jquery.gracket.js#readme" class="header-link" target="_blank"> |
| 394 | + <a href="https://github.com/Zettersten/jquery.gracket.js#readme" class="header-link" target="_blank"> |
395 | 395 | <span>📖</span> Docs |
396 | 396 | </a> |
397 | 397 | </div> |
@@ -514,10 +514,10 @@ <h3>CDN (via unpkg)</h3> |
514 | 514 | </head> |
515 | 515 | <body> |
516 | 516 | <div id="bracket"></div> |
517 | | - |
| 517 | + |
518 | 518 | <script type="module"> |
519 | 519 | import { Gracket } from 'https://unpkg.com/gracket'; |
520 | | - |
| 520 | + |
521 | 521 | new Gracket('#bracket', { |
522 | 522 | src: tournamentData, |
523 | 523 | cornerRadius: 15 |
@@ -563,9 +563,9 @@ <h3>♿ Accessible</h3> |
563 | 563 | <footer> |
564 | 564 | <p> |
565 | 565 | Made with ❤️ by Erik Zettersten<br> |
566 | | - <a href="https://github.com/erik5388/jquery.gracket.js">GitHub</a> | |
567 | | - <a href="https://www.npmjs.com/package/gracket">NPM</a> | |
568 | | - <a href="https://github.com/erik5388/jquery.gracket.js#readme">Documentation</a> |
| 566 | + <a href="https://github.com/Zettersten/jquery.gracket.js">GitHub</a> | |
| 567 | + <a href="https://www.npmjs.com/package/gracket">NPM</a> | |
| 568 | + <a href="https://github.com/Zettersten/jquery.gracket.js#readme">Documentation</a> |
569 | 569 | </p> |
570 | 570 | <p style="margin-top: 1rem; font-size: 0.9rem;"> |
571 | 571 | Version 2.0.0 | MIT License | Built with TypeScript & Vite |
@@ -606,13 +606,13 @@ <h3>♿ Accessible</h3> |
606 | 606 | if (!container) return; |
607 | 607 |
|
608 | 608 | currentData = data; |
609 | | - |
| 609 | + |
610 | 610 | gracket = new Gracket(container, { |
611 | 611 | src: data, |
612 | 612 | cornerRadius: 15, |
613 | 613 | canvasLineColor: '#667eea', |
614 | 614 | canvasLineWidth: 2, |
615 | | - roundLabels: data === sampleTournamentData |
| 615 | + roundLabels: data === sampleTournamentData |
616 | 616 | ? ['Round 1', 'Round 2', 'Semi Finals', 'Finals', 'Winner'] |
617 | 617 | : data.length === 3 |
618 | 618 | ? ['Semi Finals', 'Finals', 'Champion'] |
@@ -660,7 +660,7 @@ <h3>♿ Accessible</h3> |
660 | 660 | canvasLineColor: styleToggle ? '#764ba2' : '#667eea', |
661 | 661 | canvasLineWidth: styleToggle ? 3 : 2, |
662 | 662 | canvasLineCap: styleToggle ? 'square' : 'round', |
663 | | - roundLabels: currentData === sampleTournamentData |
| 663 | + roundLabels: currentData === sampleTournamentData |
664 | 664 | ? ['Round 1', 'Round 2', 'Semi Finals', 'Finals', 'Winner'] |
665 | 665 | : currentData.length === 3 |
666 | 666 | ? ['Semi Finals', 'Finals', 'Champion'] |
|
0 commit comments