/
index.html
70 lines (59 loc) · 6.87 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Muzus Example</title>
<link rel="stylesheet" href="../dist/muzus.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
<style>
#wrapper {
max-width: 60%;
margin: 0 auto;
font-family: "Open Sans";
font-size: 14px;
}
</style>
<!--
<script>
// for set options add this code before including muzus.js
window.Muzus = {
autoInit: false
};
</script>
-->
</head>
<body>
<section id="wrapper">
<img src="../docs/muzus-logo.svg" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel consectetur exercitationem rem, possimus quo. Ea voluptate id recusandae est, incidunt et necessitatibus soluta tempore impedit temporibus assumenda, sit perspiciatis accusamus!</p>
<section class="muzus">
<a href="https://raw.githubusercontent.com/RickStrahl/anti-trust-guilty-album/main/Albums/Guilty/mp3/10%20Guilty%20as%20Charged.mp3"><b>Anti-Trust - Guilty!</b> — Guilty as Charged</a>
</section>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro repudiandae aperiam mollitia delectus, animi aliquid minima, vel iure perferendis molestias dolores nostrum quod dolore nisi accusamus similique repellendus quo quasi? Voluptatibus sequi, qui voluptatum soluta! Ipsa corporis esse, repellat. Ut perferendis sapiente, quam minima labore aliquam quibusdam facilis sunt, libero? Deleniti dicta voluptate placeat magnam modi, quibusdam nam esse adipisci nemo numquam recusandae. Voluptas repellendus sapiente reiciendis quaerat pariatur eligendi quisquam, natus deleniti consectetur voluptatum sint, minus temporibus doloremque! Dignissimos, quia voluptatem fugit, praesentium et voluptate cum illo alias sunt amet nostrum neque, perferendis nemo labore quibusdam voluptas blanditiis commodi.</p>
<section class="muzus">
<a href="https://raw.githubusercontent.com/RickStrahl/anti-trust-guilty-album/main/Albums/Guilty/mp3/01%20No%20Privacy.mp3">No Privacy</a>
<a href="https://raw.githubusercontent.com/RickStrahl/anti-trust-guilty-album/main/Albums/Guilty/mp3/02%20I%20am%20You.mp3">I am You</a>
<a href="http://null/not_found.mp3">Not Found Sample</a>
<a href="https://raw.githubusercontent.com/RickStrahl/anti-trust-guilty-album/main/Albums/Guilty/mp3/03%20Antisocial.mp3">Antisocial</a>
<a href="https://raw.githubusercontent.com/RickStrahl/anti-trust-guilty-album/main/Albums/Guilty/mp3/04%20Day%20by%20Day.mp3">Day By Day</a>
<a href="https://raw.githubusercontent.com/RickStrahl/anti-trust-guilty-album/main/Albums/Guilty/mp3/07%20Lost.mp3">Lost</a>
</section>
<p>Vitae voluptatum officia excepturi ea maiores? Tenetur, culpa omnis saepe ipsa iure cum mollitia, sint magnam eius pariatur blanditiis in fugit. Consequatur eum sint, unde rem, molestiae sit aliquid assumenda architecto reiciendis quidem. Ipsam optio consequuntur ad vel aliquid nemo distinctio placeat ipsum magni magnam minus at culpa ea cum beatae veritatis dolor enim, iusto facere quod omnis architecto. Necessitatibus itaque molestiae libero tempora. Voluptas tempore totam temporibus, iure aliquam sequi consequatur excepturi consectetur. Eius nulla autem ex voluptates beatae, possimus recusandae. Consequatur accusamus, tempora nemo aut quod. Veritatis, voluptas excepturi soluta ipsa commodi ab aliquid dolore maiores quasi deleniti.</p>
<section class="muzus wrapped">
<a href="https://raw.githubusercontent.com/RickStrahl/anti-trust-guilty-album/main/Albums/Guilty/mp3/10%20Guilty%20as%20Charged.mp3">Guilty as Charged</a>
</section>
<p>Provident ad rem reiciendis soluta culpa dolorum, fuga possimus laborum. Dicta temporibus asperiores, sint, voluptatum dolorum veniam adipisci repellendus harum qui fugiat. Deleniti odio veritatis corrupti, vitae itaque. Veniam consequuntur harum laudantium necessitatibus aspernatur? Perspiciatis debitis ipsam quidem alias ab sequi ipsa aut quasi quam voluptate excepturi eum repellendus ratione laboriosam amet architecto soluta, magni delectus at culpa voluptates non, veritatis perferendis? Debitis fugiat excepturi provident fuga, sit accusamus deleniti consequuntur magnam ducimus repudiandae, illo voluptas nam laudantium, iusto corporis porro doloremque vel velit id numquam omnis. Harum, omnis! Eaque commodi aut, magni voluptatibus, voluptates ut voluptate. Aperiam, eligendi veritatis.</p>
<section class="muzus wrapped" data-repeat="true">
<a href="https://raw.githubusercontent.com/RickStrahl/anti-trust-guilty-album/main/Albums/Guilty/mp3/05%20Sick%20Inside.mp3">Sick Inside</a>
<a href="https://raw.githubusercontent.com/RickStrahl/anti-trust-guilty-album/main/Albums/Guilty/mp3/07%20Lost.mp3">Lost</a>
<a href="https://raw.githubusercontent.com/RickStrahl/anti-trust-guilty-album/main/Albums/Guilty/mp3/09%20Misery.mp3">Misery</a>
</section>
<p>Omnis cumque quibusdam impedit, mollitia? Ad pariatur officiis deserunt rerum, quasi, laudantium a reiciendis, nesciunt repudiandae architecto ea. Ea delectus voluptatum doloremque molestiae. Dolores, aspernatur. Maiores vel minima, impedit temporibus tempore cumque veritatis cupiditate non nihil officiis, culpa, dolor eos adipisci. Debitis fuga illo eos, porro, maxime commodi dolorum perferendis et excepturi nemo eveniet accusamus quos aliquam fugit suscipit veniam odit sequi laboriosam nihil beatae placeat. Accusamus enim amet necessitatibus mollitia delectus molestias nesciunt asperiores, quia fugiat corporis, maiores illo. Laborum quis eum obcaecati quae sit ut atque quos iusto architecto distinctio, eligendi enim, a accusamus voluptatem itaque culpa harum.</p>
<p>Hic, suscipit tempore ipsa, commodi quam autem alias maiores laboriosam corporis quo sit ad deleniti aliquid, fugiat cum delectus reiciendis voluptas. Perferendis aliquid totam modi fugit blanditiis dicta suscipit nostrum, iusto quasi eveniet animi asperiores. Blanditiis alias aliquam pariatur sit porro aut atque reiciendis dolor, fuga, omnis dolorem laborum amet temporibus nihil ut expedita dignissimos quia voluptates error magnam sed laudantium quibusdam eligendi vitae? Earum, optio, neque! Esse, deleniti sint. Vitae ut, itaque cum accusamus blanditiis esse cumque ullam at natus deleniti, error sit eligendi voluptate fugiat animi illo? Saepe veniam necessitatibus, nihil fugit repellat voluptatem nulla animi, libero dolor.</p>
</section>
<script src="../src/muzus.js" async></script>
<!-- <script src="../dist/muzus.min.js" async></script> -->
</body>
</html>