1
0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-25 07:01:11 +02:00

docs: performance improvement on demo site

This commit is contained in:
BcRikko
2019-02-25 21:28:43 +09:00
parent 5d5e28386b
commit 6e1babdc73
3 changed files with 54 additions and 23 deletions

View File

@@ -79,32 +79,36 @@ const sampleCollection = [
{
title: 'selects',
showCode: false,
code: `<div class="nes-select">
<select required>
code: `<label for="default_select">Default select</label>
<div class="nes-select">
<select required id="default_select">
<option value="" disabled selected hidden>Select...</option>
<option value="0">To be</option>
<option value="1">Not to be</option>
</select>
</div>
<label for="success_select">nes-select.is-success</label>
<div class="nes-select is-success">
<select required>
<select required id="success_select">
<option value="" disabled selected hidden>Select...</option>
<option value="0">To be</option>
<option value="1">Not to be</option>
</select>
</div>
<label for="warning_select">nes-select.is-warning</label>
<div class="nes-select is-warning">
<select required>
<select required id="warning_select">
<option value="" disabled selected hidden>Select...</option>
<option value="0">To be</option>
<option value="1">Not to be</option>
</select>
</div>
<label for="error_select">nes-select.is-error</label>
<div class="nes-select is-error">
<select required>
<select required id="error_select">
<option value="" disabled selected hidden>Select...</option>
<option value="0">To be</option>
<option value="1">Not to be</option>
@@ -575,15 +579,22 @@ new Vue({
[].forEach.call(document.querySelectorAll('dialog'), (a) => {
dialogPolyfill.registerDialog(a);
});
setTimeout(() => {
Array.from(document.querySelectorAll('img.lazy')).forEach((img) => {
img.src = img.dataset.src;
img.classList.remove('lazy');
});
}, 500);
},
methods: {
share(media) {
const url = (() => {
switch (media) {
case 'twitter':
return 'http://twitter.com/share?text=NES.css%EF%BD%9CNES-style%20CSS%20Framework%20%40bc_rikko&url=https://nostalgic-css.github.io/NES.css/';
return 'https://twitter.com/share?text=NES.css%EF%BD%9CNES-style%20CSS%20Framework%20%40bc_rikko&url=https://nostalgic-css.github.io/NES.css/';
case 'facebook':
return 'http://www.facebook.com/sharer.php?u=https://nostalgic-css.github.io/NES.css/&t=NES.css%EF%BD%9CNES-style%20CSS%20Framework';
return 'https://www.facebook.com/sharer.php?u=https://nostalgic-css.github.io/NES.css/&t=NES.css%EF%BD%9CNES-style%20CSS%20Framework';
case 'linkedin':
return 'https://www.linkedin.com/shareArticle?url=https%3A//nostalgic-css.github.io/NES.css/&title=NES.css%EF%BD%9CNES-style%20CSS%20Framework';
case 'github':