Untitled
unknown
plain_text
a year ago
1.8 kB
5
Indexable
<!DOCTYPE html> {% load static %} <html> <head> <title>Scoreboard</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" /> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet" /> <link rel="stylesheet" tyle="text/css" href="{% static 'css/main.min.css'%}" /> <link rel="stylesheet" tyle="text/css" href="{% static 'css/style.css'%}" /> </head> <body> <div class="container"> <h1 class="scoreboard-title text-center my-4">Scoreboard</h1> <div class="box-element col-12 col-sm-10 col-md-8 col-lg-7 mx-auto"> <div class="row"> <div class="col-4 col-lg-2">Rank:</div> <div class="col-4 col-lg-5">Player Name:</div> <div class="col-2 col-lg-1">Score:</div> </div> {% for score in scores %} <div class="row border-top row1"> <div class="col-4 col-lg-2 {% if forloop.counter <= 1 %}gold-text{% endif %}">{{ forloop.counter }}</div> <div class="col-4 col-lg-5 {% if forloop.counter <= 1 %}gold-text{% endif %}">{{ score.player_name }}</div> <div class="col-2 col-lg-1 {% if forloop.counter <= 1 %}gold-text{% endif %}">{{ score.max_score }}</div> </div> {% endfor %} </div> </div> </body> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> </html>
Editor is loading...
Leave a Comment