You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
6.1 KiB
105 lines
6.1 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<title>getDiscography</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1"/>
|
|
<meta name="description" content=""/>
|
|
<link href="https://cdn.jsdelivr.net/npm/modern-normalize@v2.0.0/modern-normalize.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
crossorigin="anonymous">
|
|
<link rel="stylesheet" type="text/css" href="/static/css/line-awesome.min.css"/>
|
|
<link rel="stylesheet" type="text/css" href="/static/css/style.css"/>
|
|
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
|
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png">
|
|
<link rel="icon" type="image/svg+xml" href="/static/favicon.png">
|
|
<meta name="theme-color" content="#1db8d7">
|
|
</head>
|
|
<body>
|
|
<div id="loader-wrapper" class="bg-white position-fixed z-3 w-100 h-100 text-center">
|
|
<div class="" role="status" style="position: fixed; top: 50%;">
|
|
<i class="la la-4x la-compact-disc icn-spinner centered"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="content">
|
|
<div class="wrapper">
|
|
<div class="page-wrapper">
|
|
<div class="page-content">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="card centered w-75">
|
|
<!-- LOGO -->
|
|
<div class="logo-home mx-auto">
|
|
<a id="logo" class="text-black btn-modal" href="#" data-action="main_menu">
|
|
<h1 class="logo-text" style="margin-left: 6px;">
|
|
<i class="la la-compact-disc"></i>Discography
|
|
</h1>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="text-center mb-2">
|
|
<p>Enter an Artist</p>
|
|
</div>
|
|
|
|
<!-- Search bar -->
|
|
<div id="search-container">
|
|
<div class="input-group mb-3">
|
|
<input id="search_bar" type="text" class="form-control" placeholder=""
|
|
aria-label="Search" aria-describedby="Search"/>
|
|
</div>
|
|
</div>
|
|
|
|
<t t-if="user">
|
|
<!-- Quick Action Menu -->
|
|
<div id="actions-container-home" class="mt-4">
|
|
<span>
|
|
<a id="download_btn" class="btn btn-outline-secondary action-item-home btn-modal" href="#download"
|
|
data-action="download">
|
|
<i class="las la-download"></i>
|
|
Download
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--[if IE]>
|
|
<div class="position-fixed bottom-0 w-100 p-2 text-bg-dark d-flex justify-content-between"><p>
|
|
Outdated
|
|
browser
|
|
dectected. Please use a modern browser for a better browsing experience.</p>
|
|
<button type="button" class="btn-close btn-close-white" onClick="parentNode.remove()"
|
|
aria-label="Close"></button>
|
|
</div><![endif]-->
|
|
<!-- ░░░░░▄▄▄▄▀▀▀▀▀▀▀▀▄▄▄▄▄▄░░░░░░░░ -->
|
|
<!-- ░░░░░█░░░░▒▒▒▒▒▒▒▒▒▒▒▒░░▀▀▄░░░░ -->
|
|
<!-- ░░░░█░░░▒▒▒▒▒▒░░░░░░░░▒▒▒░░█░░░ -->
|
|
<!-- ░░░█░░░░░░▄██▀▄▄░░░░░▄▄▄░░░░█░░ -->
|
|
<!-- ░▄▀▒▄▄▄▒░█▀▀▀▀▄▄█░░░██▄▄█░░░░█░ -->
|
|
<!-- █░▒█▒▄░▀▄▄▄▀░░░░░░░░█░░░▒▒▒▒▒░█ -->
|
|
<!-- █░▒█░█▀▄▄░░░░░█▀░░░░▀▄░░▄▀▀▀▄▒█ -->
|
|
<!-- ░█░▀▄░█▄░█▀▄▄░▀░▀▀░▄▄▀░░░░█░░█░ -->
|
|
<!-- ░░█░░░▀▄▀█▄▄░█▀▀▀▄▄▄▄▀▀█▀██░█░░ -->
|
|
<!-- ░░░█░░░░██░░▀█▄▄▄█▄▄█▄████░█░░░ -->
|
|
<!-- ░░░░█░░░░▀▀▄░█░░░█░█▀██████░█░░ -->
|
|
<!-- ░░░░░▀▄░░░░░▀▀▄▄▄█▄█▄█▄█▄▀░░█░░ -->
|
|
<!-- ░░░░░░░▀▄▄░▒▒▒▒░░░░░░░░░░▒░░░█░ -->
|
|
<!-- ░░░░░░░░░░▀▀▄▄░▒▒▒▒▒▒▒▒▒▒░░░░█░ -->
|
|
<!-- ░░░░░░░░░░░░░░▀▄▄▄▄▄░░░░░░░▄█░░ -->
|
|
<script src="https://code.jquery.com/jquery-3.7.0.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
|
|
crossorigin="anonymous"></script>
|
|
<script type="text/javascript">
|
|
$(window).on('load', function () {
|
|
$("#loader-wrapper").fadeOut(900);
|
|
});
|
|
</script>
|
|
<script src="/static/js/app.js"></script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |