diff --git a/templates/taekwondo-match-video.html b/templates/taekwondo-match-video.html index 78e2ffd..776462b 100644 --- a/templates/taekwondo-match-video.html +++ b/templates/taekwondo-match-video.html @@ -1,1422 +1,2238 @@ - + - - - Taekwondo Match Card - - - -
-
-
- -
+ .tab-panels { + flex: 1; + overflow-y: auto; + padding: 0 10px 12px; + min-height: 0; + } + .tab-panel { + display: none; + } + .tab-panel.active { + display: block; + } -
- + .event-list { + margin-top: 6px; + border-top: 1px solid #303030; + padding-top: 6px; + } + .event-item { + display: grid; + grid-template-columns: auto 1fr; + gap: 6px 10px; + padding: 6px 4px; + border-radius: 6px; + cursor: pointer; + } + .event-item:hover { + background: #1e1e1e; + } + .event-time { + font-size: 0.8rem; + color: #ffd900; + min-width: 80px; + text-align: center; + } + .event-label { + font-size: 0.9rem; + } + .event-meta { + font-size: 0.75rem; + color: #666666; + } + .pill { + display: inline-block; + padding: 2px 6px; + border-radius: 999px; + font-size: 0.7rem; + margin-left: 4px; + } + .pill-blue { + background: #2563eb; + color: #bfdbfe; + } + .pill-red { + background: #ef4444; + color: #fecaca; + } + .section-label { + text-transform: uppercase; + font-size: 0.75rem; + letter-spacing: 0.08em; + color: #666666; + margin: 4px 0 2px; + } -
-
- -
- 0:00 - / - 0:00 + /* Round marker between points */ + .round-marker { + display: flex; + align-items: center; + justify-content: center; + padding: 4px 8px; + border-radius: 999px; + background: #eab308; + color: #000000; + font-size: 0.8rem; + font-weight: 700; + margin: 4px 0; + } + + .events-controller { + position: absolute; + top: 28px; + right: 28px; + display: flex; + gap: 8px; + z-index: 20; + } + .events-controller button { + border: none; + border-radius: 999px; + padding: 6px 10px; + font-size: 0.75rem; + cursor: pointer; + background: rgba(15, 15, 15, 0.9); + color: #d1d5db; + border: 1px solid #303030; + } + .events-controller button:hover { + background: #1e1e1e; + } + + @media (max-width: 900px) { + .fighters-row { + grid-template-columns: 1fr; + } + .match-center { + order: -1; + } + .event-header { + flex-direction: column; + align-items: flex-start; + } + .event-header-actions { + align-self: flex-end; + } + .coach-form-row { + grid-template-columns: 1fr; + } + } + + + +
+
+
+ +
+ +
+ +
+ +
+
+ +
+

+ Taekwondo Finals – + 🇧🇭 Ali Mohammed + vs + 🇸🇦 Omar Al‑Khaled + (U18) +

+ 📍 Championship 2026 • Match# 103 • Court 2 • + M. Al‑Khalifa
- -
-
-
-
-
-
-
-
- -
-
- -
-

Taekwondo Finals – Blue vs Red (U18)

-
Championship 2026 • Court 2 • Best of 3 rounds
-
-
-
- -
-
- - -
- - -
- -
-
-
Final • Male -63kg division
-
- -
-
-
-
- Blue fighter -
-
- - Blue -
-
-
-
Ali Mohammed
-
Blue Dragons Club
-
- 🇧🇭 - Bahrain -
-
-
- -
-
- 7 - Final score - 5 -
-
-
- Referee -
-
M. Al‑Khalifa
-
Center Referee
-
-
- -
-
-
- - Red -
-
- Red fighter -
-
-
-
Omar Al‑Khaled
-
Red Tigers TKD
-
- 🇸🇦 - Saudi Arabia -
-
-
-
- - -
- -
-
- 3 x 2:00 rounds • Golden point if tied -
-

Match overview

-

- This final features two explosive male U18 -63kg fighters: Blue builds pressure with strong body kicks and ring control, while Red - waits to counter with head shots and angle changes. Use this replay to analyze how each fighter manages distance after exchanges, - how quickly they reset their guard, and where hesitation after conceding points changes the momentum of the round. -

-

- Coaches can also focus on corner instructions between rounds, the timing of tactical time-outs, and how often each athlete follows - the game plan under fatigue in the closing 30 seconds of every round. -

-
-
-
- - -
-
-

Comments & replies

-
-
- - -
- + + +
-
-
-
- User avatar + +
+ + +
+ +
+
+
Final • Male -63kg division
+
+ +
+
+
+
+ Blue fighter +
+
+ + Blue +
+
+
+
Ali Mohammed
+
Blue Dragons Club
+
+ 🇧🇭 + Bahrain +
+
+
+ +
+
+ 7 + Final score + 5 +
+
+
+ Referee +
+
+ M. Al‑Khalifa +
+
Center Referee
+
+
+ +
+
+
+ + Red +
+
+ Red fighter +
+
+
+
Omar Al‑Khaled
+
Red Tigers TKD
+
+ 🇸🇦 + Saudi Arabia +
+
+
+
+ + +
+ +
+

Match Overview

+

+ This Male U18 -63kg final features three 2:00 rounds (with a + golden point tie-breaker) showcasing a classic clash of styles: + Blue drives the action with relentless pressure, body kicks, and + ring control, while Red utilizes angle changes to set up + tactical head-shot counters. When analyzing the replay, coaches + and athletes should focus on distance management and guard + resets immediately following exchanges, specifically noting how + conceding points affects a fighter's momentum and leads to + hesitation. Furthermore, close attention should be paid to the + effectiveness of corner instructions and tactical time-outs, + evaluating how consistently each fighter adheres to the + established game plan during the high-fatigue environment of the + final 30 seconds of every round. +

+

+ Coaches can also focus on corner instructions between rounds, + the timing of tactical time-outs, and how often each athlete + follows the game plan under fatigue in the closing 30 seconds of + every round. +

+
+
+
+ + +
+
+

Comments & replies

+ +
+ +
+
+
+ User avatar +
+
+
+ Viewer_21 + + 2 min ago + + @00:32–00:50 +
+
+ Love how Blue keeps pressure here, but you can see the guard + dropping right after scoring. +
+
+ + 12 likes +
+
+
+ Coach Ahmed +
+ Coach Ahmed: Exactly. This is the clip we use + in training when we talk about "score and cover". +
+
-
-
- Viewer_21 - - 2 min ago - - @00:32–00:50 + +
+
+ User avatar
-
- Love how Blue keeps pressure here, but you can see the guard dropping right after scoring. -
-
- - 12 likes -
-
- Coach Ahmed: Exactly. This is the clip we use in training when we talk about “score and cover”. +
+
+ TKDfan + + 10 min ago + + @full video +
+
+ Great match overall, both fighters stayed active until the + last seconds. Respect to both teams. +
+
+ + 5 likes +
- -
-
- User avatar -
-
-
- TKDfan - - 10 min ago - - @full video -
-
- Great match overall, both fighters stayed active until the last seconds. Respect to both teams. -
-
- - 5 likes -
-
-
-
-
- +
+
-
- -
-