Ignore:
Timestamp:
05/01/25 12:32:20 (2 weeks ago)
Author:
ManuelTrajcev <manueltrajcev7@…>
Branches:
master
Children:
59b2e9c
Parents:
611686e
Message:

rank_list_artists view update + bootstrap styling

File:
1 edited

Legend:

Unmodified
Added
Removed

  • templates/avg_track_duration.html

    r611686e r4abe330  
    22<html>
    33<head>
    4     <title>Average track duration per artist</title>
     4    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet"
     5          integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
     6    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/js/bootstrap.bundle.min.js"
     7            integrity="sha384-k6d4wzSIapyDyv1kpU366/PK5hCdSbCRGRCMv+eplOQJWyd1fbcAu9OCUj5zNLiq"
     8            crossorigin="anonymous"></script>
     9    <title>Average Track Duration per Artist</title>
    510</head>
    6 <body>
    7 <h1>Average track duration per artist</h1>
    8 <ul>
    9     {% for row in data %}
    10         <li>{{ row.artist }} - {{ row.avg }}</li>
    11     {% endfor %}
    12 </ul>
     11<body class="d-flex bg-light">
     12    {% include 'sidebar.html' %}
     13
     14    <div class="container mt-5">
     15        <h1 class="text-center mb-4">Average Track Duration per Artist</h1>
     16
     17        <div class="list-group">
     18            {% for row in data %}
     19                <a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
     20                    <div>
     21                        <strong>{{ row.artist }}</strong>
     22                    </div>
     23                    <span class="badge bg-primary rounded-pill">{{ row.avg }}</span>
     24                </a>
     25            {% endfor %}
     26        </div>
     27    </div>
    1328</body>
    1429</html>
Note: See TracChangeset for help on using the changeset viewer.