Hugging Face's logo

Spaces:
Koperization
/
nagas-athletic-chronicles
Running

App Files Community
Koperization commited on
Commit
b42d6c0
·
verified ·
1 Parent(s): aef2c8b

remove all junior block under the senior tab

Browse files
Files changed (1) hide show
  1. volleyball.html +1 -439
volleyball.html CHANGED
@@ -243,7 +243,6 @@
243
  <button id="seniorsTab" class="tab-active py-2 px-6 font-bold rounded-t">Seniors (Grades 9-12)</button>
244
  <button id="juniorsTab" class="py-2 px-6 font-bold rounded-t">Juniors (Grades 6-8)</button>
245
  </div>
246
-
247
  <!-- Seniors Content -->
248
  <div id="seniorsContent">
249
  <div class="columns-1 md:columns-3 gap-8">
@@ -682,446 +681,9 @@
682
  </div>
683
  </div>
684
  </div>
685
-
686
- <!-- Junior Female A Team -->
687
- <div class="team-column bg-[#1e1e1e] rounded-lg p-6 mb-6">
688
- <h3 class="text-2xl font-bold mb-6 text-secondary">Junior Female A Team</h3>
689
- <div class="space-y-4">
690
- <!-- Starter Players -->
691
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
692
- <div class="flex justify-between items-start">
693
- <div>
694
- <h4 class="font-bold text-lg">PLAYER, First</h4>
695
- <p class="text-secondary">OH | #5 | G8 | 165cm</p>
696
- </div>
697
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
698
- </div>
699
- </div>
700
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
701
- <div class="flex justify-between items-start">
702
- <div>
703
- <h4 class="font-bold text-lg">PLAYER, First</h4>
704
- <p class="text-secondary">MH | #6 | G7 | 170cm</p>
705
- </div>
706
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
707
- </div>
708
- </div>
709
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
710
- <div class="flex justify-between items-start">
711
- <div>
712
- <h4 class="font-bold text-lg">PLAYER, First</h4>
713
- <p class="text-secondary">S | #1 | G8 | 160cm</p>
714
- </div>
715
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
716
- </div>
717
- </div>
718
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
719
- <div class="flex justify-between items-start">
720
- <div>
721
- <h4 class="font-bold text-lg">PLAYER, First</h4>
722
- <p class="text-secondary">L | #15 | G7 | 155cm</p>
723
- </div>
724
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
725
- </div>
726
- </div>
727
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
728
- <div class="flex justify-between items-start">
729
- <div>
730
- <h4 class="font-bold text-lg">PLAYER, First</h4>
731
- <p class="text-secondary">OH | #7 | G8 | 167cm</p>
732
- </div>
733
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
734
- </div>
735
- </div>
736
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
737
- <div class="flex justify-between items-start">
738
- <div>
739
- <h4 class="font-bold text-lg">PLAYER, First</h4>
740
- <p class="text-secondary">MH | #9 | G7 | 172cm</p>
741
- </div>
742
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
743
- </div>
744
- </div>
745
-
746
- <!-- Substitute Players -->
747
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
748
- <div class="flex justify-between items-start">
749
- <div>
750
- <h4 class="font-bold text-lg">PLAYER, First</h4>
751
- <p class="text-secondary">S | #3 | G8 | 162cm</p>
752
- </div>
753
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
754
- </div>
755
- </div>
756
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
757
- <div class="flex justify-between items-start">
758
- <div>
759
- <h4 class="font-bold text-lg">PLAYER, First</h4>
760
- <p class="text-secondary">L | #14 | G7 | 157cm</p>
761
- </div>
762
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
763
- </div>
764
- </div>
765
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
766
- <div class="flex justify-between items-start">
767
- <div>
768
- <h4 class="font-bold text-lg">PLAYER, First</h4>
769
- <p class="text-secondary">OH | #11 | G8 | 168cm</p>
770
- </div>
771
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
772
- </div>
773
- </div>
774
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
775
- <div class="flex justify-between items-start">
776
- <div>
777
- <h4 class="font-bold text-lg">PLAYER, First</h4>
778
- <p class="text-secondary">DS | #12 | G7 | 163cm</p>
779
- </div>
780
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
781
- </div>
782
- </div>
783
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
784
- <div class="flex justify-between items-start">
785
- <div>
786
- <h4 class="font-bold text-lg">PLAYER, First</h4>
787
- <p class="text-secondary">MH | #8 | G8 | 171cm</p>
788
- </div>
789
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
790
- </div>
791
- </div>
792
- </div>
793
- </div>
794
-
795
- <!-- Junior Male A Team -->
796
- <div class="team-column bg-[#1e1e1e] rounded-lg p-6 mb-6">
797
- <h3 class="text-2xl font-bold mb-6 text-secondary">Junior Male A Team</h3>
798
- <div class="space-y-4">
799
- <!-- Starter Players -->
800
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
801
- <div class="flex justify-between items-start">
802
- <div>
803
- <h4 class="font-bold text-lg">PLAYER, First</h4>
804
- <p class="text-secondary">OH | #4 | G8 | 175cm</p>
805
- </div>
806
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
807
- </div>
808
- </div>
809
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
810
- <div class="flex justify-between items-start">
811
- <div>
812
- <h4 class="font-bold text-lg">PLAYER, First</h4>
813
- <p class="text-secondary">MH | #3 | G7 | 180cm</p>
814
- </div>
815
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
816
- </div>
817
- </div>
818
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
819
- <div class="flex justify-between items-start">
820
- <div>
821
- <h4 class="font-bold text-lg">PLAYER, First</h4>
822
- <p class="text-secondary">S | #2 | G8 | 170cm</p>
823
- </div>
824
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
825
- </div>
826
- </div>
827
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
828
- <div class="flex justify-between items-start">
829
- <div>
830
- <h4 class="font-bold text-lg">PLAYER, First</h4>
831
- <p class="text-secondary">L | #16 | G7 | 165cm</p>
832
- </div>
833
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
834
- </div>
835
- </div>
836
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
837
- <div class="flex justify-between items-start">
838
- <div>
839
- <h4 class="font-bold text-lg">PLAYER, First</h4>
840
- <p class="text-secondary">OH | #6 | G8 | 177cm</p>
841
- </div>
842
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
843
- </div>
844
- </div>
845
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
846
- <div class="flex justify-between items-start">
847
- <div>
848
- <h4 class="font-bold text-lg">PLAYER, First</h4>
849
- <p class="text-secondary">MH | #10 | G7 | 182cm</p>
850
- </div>
851
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
852
- </div>
853
- </div>
854
-
855
- <!-- Substitute Players -->
856
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
857
- <div class="flex justify-between items-start">
858
- <div>
859
- <h4 class="font-bold text-lg">PLAYER, First</h4>
860
- <p class="text-secondary">S | #13 | G8 | 172cm</p>
861
- </div>
862
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
863
- </div>
864
- </div>
865
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
866
- <div class="flex justify-between items-start">
867
- <div>
868
- <h4 class="font-bold text-lg">PLAYER, First</h4>
869
- <p class="text-secondary">L | #17 | G7 | 167cm</p>
870
- </div>
871
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
872
- </div>
873
- </div>
874
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
875
- <div class="flex justify-between items-start">
876
- <div>
877
- <h4 class="font-bold text-lg">PLAYER, First</h4>
878
- <p class="text-secondary">OH | #8 | G8 | 178cm</p>
879
- </div>
880
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
881
- </div>
882
- </div>
883
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
884
- <div class="flex justify-between items-start">
885
- <div>
886
- <h4 class="font-bold text-lg">PLAYER, First</h4>
887
- <p class="text-secondary">DS | #9 | G7 | 173cm</p>
888
- </div>
889
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
890
- </div>
891
- </div>
892
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
893
- <div class="flex justify-between items-start">
894
- <div>
895
- <h4 class="font-bold text-lg">PLAYER, First</h4>
896
- <p class="text-secondary">MH | #7 | G8 | 183cm</p>
897
- </div>
898
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
899
- </div>
900
- </div>
901
- </div>
902
- </div>
903
-
904
- <!-- Junior Female B Team -->
905
- <div class="team-column bg-[#1e1e1e] rounded-lg p-6 mb-6">
906
- <h3 class="text-2xl font-bold mb-6 text-secondary">Junior Female B Team</h3>
907
- <div class="space-y-4">
908
- <!-- Starter Players -->
909
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
910
- <div class="flex justify-between items-start">
911
- <div>
912
- <h4 class="font-bold text-lg">PLAYER, First</h4>
913
- <p class="text-secondary">OH | #5 | G8 | 163cm</p>
914
- </div>
915
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
916
- </div>
917
- </div>
918
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
919
- <div class="flex justify-between items-start">
920
- <div>
921
- <h4 class="font-bold text-lg">PLAYER, First</h4>
922
- <p class="text-secondary">MH | #6 | G7 | 168cm</p>
923
- </div>
924
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
925
- </div>
926
- </div>
927
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
928
- <div class="flex justify-between items-start">
929
- <div>
930
- <h4 class="font-bold text-lg">PLAYER, First</h4>
931
- <p class="text-secondary">S | #1 | G8 | 158cm</p>
932
- </div>
933
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
934
- </div>
935
- </div>
936
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
937
- <div class="flex justify-between items-start">
938
- <div>
939
- <h4 class="font-bold text-lg">PLAYER, First</h4>
940
- <p class="text-secondary">L | #15 | G7 | 153cm</p>
941
- </div>
942
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
943
- </div>
944
- </div>
945
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
946
- <div class="flex justify-between items-start">
947
- <div>
948
- <h4 class="font-bold text-lg">PLAYER, First</h4>
949
- <p class="text-secondary">OH | #7 | G8 | 165cm</p>
950
- </div>
951
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
952
- </div>
953
- </div>
954
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
955
- <div class="flex justify-between items-start">
956
- <div>
957
- <h4 class="font-bold text-lg">PLAYER, First</h4>
958
- <p class="text-secondary">MH | #9 | G7 | 170cm</p>
959
- </div>
960
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
961
- </div>
962
- </div>
963
-
964
- <!-- Substitute Players -->
965
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
966
- <div class="flex justify-between items-start">
967
- <div>
968
- <h4 class="font-bold text-lg">PLAYER, First</h4>
969
- <p class="text-secondary">S | #3 | G8 | 160cm</p>
970
- </div>
971
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
972
- </div>
973
- </div>
974
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
975
- <div class="flex justify-between items-start">
976
- <div>
977
- <h4 class="font-bold text-lg">PLAYER, First</h4>
978
- <p class="text-secondary">L | #14 | G7 | 155cm</p>
979
- </div>
980
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
981
- </div>
982
- </div>
983
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
984
- <div class="flex justify-between items-start">
985
- <div>
986
- <h4 class="font-bold text-lg">PLAYER, First</h4>
987
- <p class="text-secondary">OH | #11 | G8 | 166cm</p>
988
- </div>
989
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
990
- </div>
991
- </div>
992
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
993
- <div class="flex justify-between items-start">
994
- <div>
995
- <h4 class="font-bold text-lg">PLAYER, First</h4>
996
- <p class="text-secondary">DS | #12 | G7 | 161cm</p>
997
- </div>
998
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
999
- </div>
1000
- </div>
1001
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
1002
- <div class="flex justify-between items-start">
1003
- <div>
1004
- <h4 class="font-bold text-lg">PLAYER, First</h4>
1005
- <p class="text-secondary">MH | #8 | G8 | 169cm</p>
1006
- </div>
1007
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
1008
- </div>
1009
- </div>
1010
- </div>
1011
- </div>
1012
-
1013
- <!-- Junior Male B Team -->
1014
- <div class="team-column bg-[#1e1e1e] rounded-lg p-6 mb-6">
1015
- <h3 class="text-2xl font-bold mb-6 text-secondary">Junior Male B Team</h3>
1016
- <div class="space-y-4">
1017
- <!-- Starter Players -->
1018
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
1019
- <div class="flex justify-between items-start">
1020
- <div>
1021
- <h4 class="font-bold text-lg">PLAYER, First</h4>
1022
- <p class="text-secondary">OH | #4 | G8 | 172cm</p>
1023
- </div>
1024
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
1025
- </div>
1026
- </div>
1027
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
1028
- <div class="flex justify-between items-start">
1029
- <div>
1030
- <h4 class="font-bold text-lg">PLAYER, First</h4>
1031
- <p class="text-secondary">MH | #3 | G7 | 177cm</p>
1032
- </div>
1033
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
1034
- </div>
1035
- </div>
1036
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
1037
- <div class="flex justify-between items-start">
1038
- <div>
1039
- <h4 class="font-bold text-lg">PLAYER, First</h4>
1040
- <p class="text-secondary">S | #2 | G8 | 167cm</p>
1041
- </div>
1042
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
1043
- </div>
1044
- </div>
1045
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
1046
- <div class="flex justify-between items-start">
1047
- <div>
1048
- <h4 class="font-bold text-lg">PLAYER, First</h4>
1049
- <p class="text-secondary">L | #16 | G7 | 162cm</p>
1050
- </div>
1051
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
1052
- </div>
1053
- </div>
1054
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
1055
- <div class="flex justify-between items-start">
1056
- <div>
1057
- <h4 class="font-bold text-lg">PLAYER, First</h4>
1058
- <p class="text-secondary">OH | #6 | G8 | 174cm</p>
1059
- </div>
1060
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
1061
- </div>
1062
- </div>
1063
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
1064
- <div class="flex justify-between items-start">
1065
- <div>
1066
- <h4 class="font-bold text-lg">PLAYER, First</h4>
1067
- <p class="text-secondary">MH | #10 | G7 | 179cm</p>
1068
- </div>
1069
- <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
1070
- </div>
1071
- </div>
1072
-
1073
- <!-- Substitute Players -->
1074
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
1075
- <div class="flex justify-between items-start">
1076
- <div>
1077
- <h4 class="font-bold text-lg">PLAYER, First</h4>
1078
- <p class="text-secondary">S | #13 | G8 | 169cm</p>
1079
- </div>
1080
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
1081
- </div>
1082
- </div>
1083
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
1084
- <div class="flex justify-between items-start">
1085
- <div>
1086
- <h4 class="font-bold text-lg">PLAYER, First</h4>
1087
- <p class="text-secondary">L | #17 | G7 | 164cm</p>
1088
- </div>
1089
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
1090
- </div>
1091
- </div>
1092
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
1093
- <div class="flex justify-between items-start">
1094
- <div>
1095
- <h4 class="font-bold text-lg">PLAYER, First</h4>
1096
- <p class="text-secondary">OH | #8 | G8 | 175cm</p>
1097
- </div>
1098
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
1099
- </div>
1100
- </div>
1101
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
1102
- <div class="flex justify-between items-start">
1103
- <div>
1104
- <h4 class="font-bold text-lg">PLAYER, First</h4>
1105
- <p class="text-secondary">DS | #9 | G7 | 170cm</p>
1106
- </div>
1107
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
1108
- </div>
1109
- </div>
1110
- <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
1111
- <div class="flex justify-between items-start">
1112
- <div>
1113
- <h4 class="font-bold text-lg">PLAYER, First</h4>
1114
- <p class="text-secondary">MH | #7 | G8 | 180cm</p>
1115
- </div>
1116
- <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
1117
- </div>
1118
- </div>
1119
- </div>
1120
- </div>
1121
  </div>
1122
  </div>
1123
-
1124
- <!-- Juniors Content -->
1125
  <div id="juniorsContent" class="hidden">
1126
  <div class="columns-1 md:columns-3 gap-8">
1127
  <!-- Junior Female A Team -->
 
243
  <button id="seniorsTab" class="tab-active py-2 px-6 font-bold rounded-t">Seniors (Grades 9-12)</button>
244
  <button id="juniorsTab" class="py-2 px-6 font-bold rounded-t">Juniors (Grades 6-8)</button>
245
  </div>
 
246
  <!-- Seniors Content -->
247
  <div id="seniorsContent">
248
  <div class="columns-1 md:columns-3 gap-8">
 
681
  </div>
682
  </div>
683
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
684
  </div>
685
  </div>
686
+ <!-- Juniors Content -->
 
687
  <div id="juniorsContent" class="hidden">
688
  <div class="columns-1 md:columns-3 gap-8">
689
  <!-- Junior Female A Team -->