Skip to content

Commit 24ddc38

Browse files
committed
Add the music loaders examples
1 parent 97c96ad commit 24ddc38

File tree

3 files changed

+46
-2
lines changed

3 files changed

+46
-2
lines changed

assets/js/main.js

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -178,6 +178,34 @@
178178
value: document.getElementById('curtain-custom-text')
179179
}
180180
]
181+
},
182+
{
183+
button: document.getElementById('loader-music-hey-oh'),
184+
className: 'loader-music',
185+
attributes: [
186+
{ attribute: 'hey-oh' }
187+
]
188+
},
189+
{
190+
button: document.getElementById('loader-music-no-cry'),
191+
className: 'loader-music',
192+
attributes: [
193+
{ attribute: 'no-cry' }
194+
]
195+
},
196+
{
197+
button: document.getElementById('loader-music-we-are'),
198+
className: 'loader-music',
199+
attributes: [
200+
{ attribute: 'we-are' }
201+
]
202+
},
203+
{
204+
button: document.getElementById('loader-music-rock-you'),
205+
className: 'loader-music',
206+
attributes: [
207+
{ attribute: 'rock-you' }
208+
]
181209
}
182210
];
183211

dist/main.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

index.html

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
2727

2828
<link rel="stylesheet" href="dist/main.min.css">
29-
<link rel="stylesheet" href="https://cdn.rawgit.com/raphaelfabeni/css-loader/dc29835b1f0a2d07c4f63291448c247dfb06b58b/dist/css-loader.css">
29+
<link rel="stylesheet" href="https://cdn.rawgit.com/raphaelfabeni/css-loader/master/dist/css-loader.css">
3030
</head>
3131
<body>
3232
<!-- Loader -->
@@ -164,6 +164,22 @@ <h3 class="box__title">Smartphone</h3>
164164
</div>
165165
</div>
166166

167+
<div class="box">
168+
<h3 class="box__title">Music</h3>
169+
<div class="box__item">
170+
<button id="loader-music-hey-oh" class="button">hey oh</button>
171+
</div>
172+
<div class="box__item">
173+
<button id="loader-music-no-cry" class="button">no woman no cry</button>
174+
</div>
175+
<div class="box__item">
176+
<button id="loader-music-we-are" class="button">we are the world</button>
177+
</div>
178+
<div class="box__item">
179+
<button id="loader-music-rock-you" class="button">we will rock you</button>
180+
</div>
181+
</div>
182+
167183
</div>
168184
</div>
169185

0 commit comments

Comments
 (0)