|
572 | 572 | background: transparent; |
573 | 573 | width: auto; |
574 | 574 | min-width: 200px; |
575 | | - font-size: 1rem; |
| 575 | + line-height: 36px; |
| 576 | + --bs-table-bg: var(--bs-dark-bg-subtle); |
576 | 577 | } |
577 | 578 |
|
578 | 579 | .table th { |
|
591 | 592 | padding: 1rem; |
592 | 593 | } |
593 | 594 |
|
594 | | - .pswp-caption-content, .pswp__dynamic-caption { |
595 | | - font-weight: 300; |
| 595 | + lap-pace-chart { |
| 596 | + width: 100% |
596 | 597 | } |
597 | 598 |
|
598 | | - track-map { |
599 | | - display: block; |
600 | | - margin: 0 auto; |
601 | | - max-width: 100%; |
602 | | - height: min(max(50vh, 300px), 400px); |
| 599 | + lap-pace-chart rect { |
| 600 | + transition: .15s; |
| 601 | + } |
| 602 | + |
| 603 | + lap-pace-chart .tick line { |
| 604 | + color: white; |
| 605 | + opacity: .5; |
| 606 | + } |
| 607 | + |
| 608 | + lap-pace-chart .minor { |
| 609 | + opacity: .4; |
| 610 | + color: white |
| 611 | + } |
| 612 | + |
| 613 | + lap-pace-chart .horizontal-grid { |
| 614 | + color: white; |
| 615 | + opacity: .5; |
| 616 | + } |
| 617 | + |
| 618 | + lap-pace-chart .data-bar { |
| 619 | + fill: #777; |
| 620 | + opacity: .9; |
| 621 | + stroke: #aaa; |
| 622 | + stroke-width: .5px; |
| 623 | + } |
| 624 | + |
| 625 | + lap-pace-chart .data-bar.extra { |
| 626 | + fill: #555 |
| 627 | + } |
| 628 | + |
| 629 | + lap-pace-chart .data-bar.highlighted { |
| 630 | + fill: #999; |
| 631 | + } |
| 632 | + |
| 633 | + lap-pace-chart #flaglines line { |
| 634 | + stroke: #ccc; |
| 635 | + stroke-width: 1px |
| 636 | + } |
| 637 | + |
| 638 | + lap-pace-chart .finish-flag[data-lap-target='110'] line { |
| 639 | + stroke: #BD81C6; |
| 640 | + } |
| 641 | + |
| 642 | + lap-pace-chart .finish-flag[data-lap-target='110'] polygon { |
| 643 | + fill: #BD81C6; |
| 644 | + } |
| 645 | + |
| 646 | + lap-pace-chart .finish-flag[data-goal="10mi"] line { |
| 647 | + stroke: #dc0000; |
| 648 | + } |
| 649 | + |
| 650 | + lap-pace-chart .finish-flag[data-goal="10mi"] polygon { |
| 651 | + fill: #dc0000; |
| 652 | + } |
| 653 | + |
| 654 | + lap-pace-chart .finish-flag[data-goal="10k"] line { |
| 655 | + stroke: #dc8400; |
| 656 | + } |
| 657 | + |
| 658 | + lap-pace-chart .finish-flag[data-goal="10k"] polygon { |
| 659 | + fill: #dc8400; |
| 660 | + } |
| 661 | + |
| 662 | + lap-pace-chart .finish-flag[data-goal="5k"] line { |
| 663 | + stroke: #65b900; |
| 664 | + } |
| 665 | + |
| 666 | + lap-pace-chart .finish-flag[data-goal="5k"] polygon { |
| 667 | + fill: #65b900; |
| 668 | + } |
| 669 | + |
| 670 | + lap-pace-chart .finish-flag text { |
| 671 | + font-family: var(--sans-font-family); |
| 672 | + font-weight: bold; |
| 673 | + font-size: 16px; |
603 | 674 | } |
604 | 675 |
|
605 | 676 | .tabulator { |
|
615 | 686 | } |
616 | 687 |
|
617 | 688 | .tabulator-row.tabulator-group { |
618 | | - //background-color: rgba(255, 255, 255, 0.075) !important; |
| 689 | + background-color: rgba(255, 255, 255, 0.075) !important; |
619 | 690 | } |
620 | 691 |
|
621 | 692 | .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs { |
|
641 | 712 |
|
642 | 713 | .tabulator-row.details-opened.tabulator-selectable, |
643 | 714 | .tabulator-row.details-opened.tabulator-selectable:hover { |
644 | | - background-color: #E0E0E0; |
| 715 | + background-color: #111; |
645 | 716 | } |
646 | 717 |
|
647 | 718 | .tabulator .tabulator-header { |
|
656 | 727 | border-top: 2px solid #999; |
657 | 728 | } |
658 | 729 |
|
659 | | - .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top { |
660 | | - border-bottom: 2px solid #999; |
661 | | - } |
662 | | - |
663 | 730 | .laps-table.tabulator .tabulator-header { |
664 | 731 | border-bottom: 1px dashed #999; |
665 | 732 | } |
|
672 | 739 | padding: 4px; |
673 | 740 | } |
674 | 741 | .laps-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom { |
675 | | - border-top: 1px solid #999; |
| 742 | + border-top: 1px dashed #999; |
676 | 743 | border-bottom: none; |
677 | 744 | } |
678 | | - .laps-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top { |
679 | | - border-bottom: 1px solid #999; |
680 | | - border-top: none; |
681 | | - } |
682 | 745 |
|
683 | 746 | .tabulator-row.tabulator-group { |
684 | 747 | border-top: 1px dashed #999; |
|
699 | 762 | max-width: 100%; |
700 | 763 | } |
701 | 764 |
|
| 765 | + |
702 | 766 | .bib { |
703 | 767 | font-weight: 600; |
704 | 768 | background-color: black; |
|
841 | 905 | font-weight: bold; |
842 | 906 | font-size: 16px; |
843 | 907 | } |
| 908 | + /* Gallery */ |
| 909 | + .pswp-caption-content, .pswp__dynamic-caption { |
| 910 | + font-weight: 300; |
| 911 | + } |
844 | 912 | </style> |
845 | 913 | </head> |
846 | 914 |
|
|
875 | 943 |
|
876 | 944 | <div class="gap-2 row justify-content-center mb-4"> |
877 | 945 |
|
878 | | - <div class="col-auto"> |
| 946 | + <!--div class="col-auto"> |
879 | 947 | <a class="wavy-button" href="{{ page.registration_link }}" data-goatcounter-click="dm25-apply-full">Apply for Full</a> |
880 | 948 | <div class="small">5:30AM</div> |
881 | 949 | </div> |
882 | 950 | <div class="col-auto"> |
883 | 951 | <a class="wavy-button complement-color" href="{{ page.registration_link }}" data-goatcounter-click="dm25-register-half">Register for Half</a> |
884 | 952 | <div class="small">8:00AM</div> |
| 953 | + </div--> |
| 954 | + |
| 955 | + |
| 956 | + <div class="col-auto"> |
| 957 | + <a class="wavy-button" href="#results" data-goatcounter-click="dm25-results">Results</a> |
885 | 958 | </div> |
| 959 | + <!--div class="col-auto"> |
| 960 | + <a class="wavy-button" href="#epilogue" data-goatcounter-click="dm25-epilogue">Epilogue</a> |
| 961 | + </div--> |
886 | 962 |
|
887 | 963 |
|
888 | | - <!--<a class="btn btn-lg hero-button" href="#epilogue">Read Epilogue</a>--> |
889 | 964 |
|
890 | 965 | </div> |
891 | 966 | <!--div class="row justify-content-center"> |
@@ -978,7 +1053,7 @@ <h3>Schedule</h3> |
978 | 1053 | </ul> |
979 | 1054 |
|
980 | 1055 |
|
981 | | - <h3>Marathon Start List <a href="#marathon-start-list" class="anchor-link" aria-label="Link to this section. Marathon Start List"></a></h2> |
| 1056 | + <h3>Marathon Start List <a href="#marathon-start-list" class="anchor-link" aria-label="Link to this section. Marathon Start List"></a></h3> |
982 | 1057 | <span class="text-body-tertiary">Updated 5/30/25</span> |
983 | 1058 |
|
984 | 1059 |
|
@@ -1028,8 +1103,22 @@ <h3>Emails</h3> |
1028 | 1103 |
|
1029 | 1104 | </section> |
1030 | 1105 |
|
| 1106 | +<section> |
| 1107 | + <div class="container-xxl"> |
| 1108 | + <h2 class="mb-4" id="results">Results <a href="#results" class="anchor-link" aria-label="Link to this section. Results"></a></h2> |
| 1109 | + |
| 1110 | + |
| 1111 | + <h3 class="d-inline" >Marathon</h3><span class="count"></span> |
| 1112 | + <div id="results-marathon" class="mb-5"></div> |
1031 | 1113 |
|
| 1114 | + <h3 class="d-inline">Half Marathon</h3><span class="count"></span> |
| 1115 | + <div id="results-half-official" class="mb-3"></div> |
| 1116 | + <hr> |
| 1117 | + <h3 class="d-inline">Unofficial</h3><span class="count"></span> |
| 1118 | + <div id="results-half-unofficial" class="mb-2"></div> |
| 1119 | + </div> |
1032 | 1120 |
|
| 1121 | +</section> |
1033 | 1122 |
|
1034 | 1123 | <section> |
1035 | 1124 | <figure class="gallery lightbox-gallery"> |
@@ -1296,7 +1385,7 @@ <h2>FAQ <a href="#faq" class="anchor-link" aria-label="Link to this section. FAQ |
1296 | 1385 | const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]') |
1297 | 1386 | const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new Tooltip(tooltipTriggerEl)) |
1298 | 1387 |
|
1299 | | - /*fetch('{{ site.baseurl }}/results/dm25.json') |
| 1388 | + fetch('{{ site.baseurl }}/results/dm25.json') |
1300 | 1389 | .then(res => res.json()) |
1301 | 1390 | .then(resultsData => { |
1302 | 1391 | const results = resultsData.results |
@@ -1330,13 +1419,26 @@ <h2>FAQ <a href="#faq" class="anchor-link" aria-label="Link to this section. FAQ |
1330 | 1419 | let cumulativeWallclock = Number("NaN") |
1331 | 1420 | for (let startName in starts) { |
1332 | 1421 | const start = starts[startName] |
1333 | | - if (start.bibs[0] <= entry.id && entry.id <= start.bibs[1]) { |
1334 | | - startDistance = start.startDistance |
1335 | | - startTime = start.time |
1336 | | - entry.startTime = startTime |
1337 | | - entry.event = startName.includes("half") ? "half" : "marathon" |
1338 | | - cumulativeWallclock = durationToSeconds(startTime) |
1339 | | - break |
| 1422 | + if (start.hasOwnProperty("bibRange")) { |
| 1423 | + if (start.bibRange[0] <= entry.id && entry.id <= start.bibRange[1]) { |
| 1424 | + startDistance = start.startDistance |
| 1425 | + startTime = start.time |
| 1426 | + entry.startTime = startTime |
| 1427 | + entry.event = startName.includes("half") ? "half" : (startName.includes("marathon") ? "marathon" : "half") |
| 1428 | + cumulativeWallclock = durationToSeconds(startTime) |
| 1429 | + break |
| 1430 | + } |
| 1431 | + } else if (start.hasOwnProperty("bibs")) { |
| 1432 | + if (start.bibs.includes(entry.id)) { |
| 1433 | + startDistance = start.startDistance |
| 1434 | + startTime = start.time |
| 1435 | + entry.startTime = startTime |
| 1436 | + entry.event = startName.includes("half") ? "half" : (startName.includes("marathon") ? "marathon" : "half"); |
| 1437 | + cumulativeWallclock = durationToSeconds(startTime) |
| 1438 | + break |
| 1439 | + } |
| 1440 | + } else { |
| 1441 | + console.warn("Unknown start type for", startName, start) |
1340 | 1442 | } |
1341 | 1443 | } |
1342 | 1444 |
|
@@ -1434,7 +1536,7 @@ <h2>FAQ <a href="#faq" class="anchor-link" aria-label="Link to this section. FAQ |
1434 | 1536 | table.initialize(unofficialResults, halfGoals, {videoLink: resultsData.config.finishVideo, videoStartTime: videoStartTime}) |
1435 | 1537 | }) |
1436 | 1538 |
|
1437 | | - */ |
| 1539 | + |
1438 | 1540 |
|
1439 | 1541 | } |
1440 | 1542 |
|
|
0 commit comments