48 lines
2.3 KiB
HTML
48 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
|
|
<title>Now Listening</title>
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<link href="//flash.moe/css/electrolize/style.css" type="text/css" rel="stylesheet"/>
|
|
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
|
<link href="/now.css" type="text/css" rel="stylesheet" />
|
|
</head>
|
|
<body>
|
|
<div class="background" id="background"></div>
|
|
<div class="container">
|
|
<div class="container__loading hidden" id="loading">
|
|
<div class="loading">
|
|
<i class="fa fa-spinner fa-spin fa-4x"></i>
|
|
</div>
|
|
</div>
|
|
<div class="container__index hidden" id="index">
|
|
<div class="index__title">Now Listening</div>
|
|
<div class="index__description">
|
|
Enter your Last.FM username in the box below!
|
|
</div>
|
|
<div class="index__form">
|
|
<input class="index__username" type="text" id="username" placeholder="flashwave_">
|
|
<button class="index__submit fa fa-forward" id="submit"></button>
|
|
</div>
|
|
<div class="index__dev">
|
|
<a href="//flash.moe">flashwave</a> 2016-2021 | <a href="//github.com/flashwave/now-listening">Source</a>
|
|
</div>
|
|
</div>
|
|
<div class="container__user hidden" id="user">
|
|
<div class="cover" id="np_cover"></div>
|
|
<div class="info">
|
|
<a class="info__title" id="np_title" target="_blank" rel="noopener"></a>
|
|
<a class="info__artist" id="np_artist" target="_blank" rel="noopener"></a>
|
|
<div class="info__flags" id="np_flags"></div>
|
|
<div class="info__user">
|
|
<div class="info__user-back" id="np_back">Back</div>
|
|
<div class="info__user-name" id="np_user"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/now.js" type="text/javascript"></script>
|
|
</body>
|
|
</html>
|