|
|
|
@ -4,6 +4,8 @@ |
|
|
|
<meta charset="UTF-8"> |
|
|
|
<title>My Song Lyrics</title> |
|
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> |
|
|
|
<!-- DataTables CSS --> |
|
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.css"> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<div class="container"> |
|
|
|
@ -20,7 +22,17 @@ |
|
|
|
<hr> |
|
|
|
{% block content %}{% endblock %} |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- jQuery --> |
|
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> |
|
|
|
<!-- DataTables JS --> |
|
|
|
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.js"></script> |
|
|
|
|
|
|
|
<script> |
|
|
|
$(document).ready(function() { |
|
|
|
$('#songTable').DataTable(); |
|
|
|
}); |
|
|
|
|
|
|
|
function openTab(evt, tabName) { |
|
|
|
var i, tabcontent, tablinks; |
|
|
|
tabcontent = document.getElementsByClassName("tabcontent"); |
|
|
|
|
