build pages

pages/personal.html

@@ -0,0 +1,38 @@
+<nav class="border-bottom mb-3" aria-label="breadcrumb">
+	<ol class="breadcrumb">
+		<li class="breadcrumb-item"><a href="#">Home</a></li>
+		<li class="breadcrumb-item active" aria-current="page">Personal</li>
+	</ol>
+</nav>
+
+<div class="card text-center">
+	<div id="lastfm_card_title" class="card-header">Загружается...</div>
+	<div class="card-body">
+		<h5 id="lastfm_card_content" class="card-title placeholder-glow">
+			<span class="placeholder col-3 rounded"></span>
+		</h5>
+	</div>
+	<div
+		id="lastfm_card_footer"
+		class="card-footer text-body-secondary placeholder-glow"
+	>
+		<span class="placeholder col-2 rounded"></span>
+	</div>
+</div>
+
+<script type="module">
+	import { update_lastfm_nowplay } from './js/lastfm-nowplay.js';
+
+	function autorun() {
+		if (!window.DEBUG) {
+			update_lastfm_nowplay();
+			setInterval(autorun, 120_000); // 2 minutes
+		} else {
+			console.log(
+				'INFO! Включена отладка, заскробленная композиция не загружается!\n' +
+					'Файл personal.html',
+			);
+		}
+	}
+	autorun();
+</script>