search

hartleydavid / tournament-bracket

Application that allows users to create different tournament brackets for their tournament needs.
0 stars 0 forks source link

Hard Coded Losers bracket #35

Open hartleydavid opened 4 months ago

hartleydavid commented 4 months ago 
    <div class="tournament loser" id="dynamic-losers-bracket">
        <div class="bracket">
            <div class="column 1">
                <div class="match">
                    <div class="match-top team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-bottom team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-lines">
                        <div class="line one"></div>
                    </div>
                </div>
                <div class="match">
                    <div class="match-top team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-bottom team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-lines">
                        <div class="line one"></div>
                    </div>
                </div>
                <div class="match">
                    <div class="match-top team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-bottom team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-lines">
                        <div class="line one"></div>
                    </div>
                </div>
                <div class="match">
                    <div class="match-top team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-bottom team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-lines">
                        <div class="line one"></div>
                    </div>
                </div>
            </div>
            <div class="column 2">
                <div class="match">
                    <div class="match-top team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-bottom team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-lines">
                        <div class="line one"></div>
                    </div>
                    <div class="match-lines alt">
                        <div class="line one"></div>
                    </div>
                </div>
                <div class="match">
                    <div class="match-top team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-bottom team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-lines">
                        <div class="line one"></div>
                    </div>
                    <div class="match-lines alt">
                        <div class="line one"></div>
                    </div>
                </div>
                <div class="match">
                    <div class="match-top team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-bottom team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-lines">
                        <div class="line one"></div>
                        <div class="line two"></div>
                    </div>
                    <div class="match-lines alt">
                        <div class="line one"></div>
                    </div>
                </div>
                <div class="match">
                    <div class="match-top team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-bottom team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-lines">
                        <div class="line one"></div>
                        <div class="line two"></div>
                    </div>
                    <div class="match-lines alt">
                        <div class="line one"></div>
                    </div>
                </div>
            </div>
            <div class="column 3">
                <div class="match">
                    <div class="match-top team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-bottom team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-lines">
                        <div class="line one"></div>
                        <div class="line two"></div>
                    </div>
                    <div class="match-lines alt">
                        <div class="line one"></div>
                    </div>
                </div>
                <div class="match">
                    <div class="match-top team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-bottom team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-lines">
                        <div class="line one"></div>
                        <div class="line two"></div>
                    </div>
                    <div class="match-lines alt">
                        <div class="line one"></div>
                    </div>
                </div>
                <div class="match">
                    <div class="match-top team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-lines">
                        <div class="line one"></div>
                    </div>
                    <div class="match-lines alt">
                        <div class="line one"></div>

                    </div>
                </div>
            </div>
            <div class="column 4">
                <div class="match">
                    <div class="match-top team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-bottom team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-lines">
                        <div class="line one"></div>
                        <div class="line two"></div>
                    </div>
                    <div class="match-lines alt">
                        <div class="line one"></div>
                    </div>
                </div>
                <div class="match">
                    <div class="match-top team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-bottom team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-lines">
                        <div class="line one"></div>
                        <div class="line two"></div>
                    </div>
                    <div class="match-lines alt">
                        <div class="line one"></div>
                    </div>
                </div>
            </div>
            <div class="column 5">
                <div class="match">
                    <div class="match-top team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-bottom team">
                        <div class="player-slot"></div>
                    </div>
                    <div class="match-lines">
                        <div class="line one"></div>
                    </div>
                    <div class="match-lines alt">
                        <div class="line one"></div>
                    </div>
                </div>
            </div>
            <div class="column last">
                <div class="winner">
                    <img src="https://tournamentbracketimages.blob.core.windows.net/pokken-theme-assets/crown.png" class="crown">
                    <div class="winner-slot">
                        <div class="player-slot"></div>
                    </div>
                </div>
                <div class="match-lines alt">
                    <div class="line one"></div>
                </div>
            </div>
        </div>
    </div>
</div>