mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-09-02 18:42:47 +02:00
Code Issues Releases Wiki Activity

feat(index.html): changed " to ".

Browse Source
This commit is contained in:
Igor Guastalla de Lima
2019-02-07 18:48:23 -02:00
parent 0720887c9e
commit 6447372c56
1 changed files with 188 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

376
index.html
View File

@@ -57,12 +57,12 @@
</section>
<section class="nes-container code" id="code-buttons">
<code>
<p>&lt;button type="button" class="nes-btn"&gt;Normal&lt;/button&gt;</p>
<p>&lt;button type="button" class="nes-btn is-primary"&gt;Primary&lt;/button&gt;</p>
<p>&lt;button type="button" class="nes-btn is-success"&gt;Success&lt;/button&gt;</p>
<p>&lt;button type="button" class="nes-btn is-warning"&gt;Warning&lt;/button&gt;</p>
<p>&lt;button type="button" class="nes-btn is-error"&gt;Error&lt;/button&gt;</p>
<p>&lt;button type="button" class="nes-btn is-disabled"&gt;Disabled&lt;/button&gt;</p>
<p>&lt;button type=&quot;button&quot; class=&quot;nes-btn&quot;&gt;Normal&lt;/button&gt;</p>
<p>&lt;button type=&quot;button&quot; class=&quot;nes-btn is-primary&quot;&gt;Primary&lt;/button&gt;</p>
<p>&lt;button type=&quot;button&quot; class=&quot;nes-btn is-success&quot;&gt;Success&lt;/button&gt;</p>
<p>&lt;button type=&quot;button&quot; class=&quot;nes-btn is-warning&quot;&gt;Warning&lt;/button&gt;</p>
<p>&lt;button type=&quot;button&quot; class=&quot;nes-btn is-error&quot;&gt;Error&lt;/button&gt;</p>
<p>&lt;button type=&quot;button&quot; class=&quot;nes-btn is-disabled&quot;&gt;Disabled&lt;/button&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('buttons')">Copy</button>
</code>
</section>
@@ -90,18 +90,18 @@
</section>
<section class="nes-container code" id="code-containers">
<code>
<p>&lt;div class="nes-container with-title is-centered"&gt;
&lt;p class="title"&gt;Container.is-centered&lt;/p&gt;
<p>&lt;div class=&quot;nes-container with-title is-centered&quot;&gt;
&lt;p class=&quot;title&quot;&gt;Container.is-centered&lt;/p&gt;
&lt;p&gt;Good morning. Thou hast had a good night's sleep, I hope.&lt;/p&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-container is-dark with-title"&gt;
&lt;p class="title"&gt;Container.is-dark&lt;/p&gt;
<p>&lt;div class=&quot;nes-container is-dark with-title&quot;&gt;
&lt;p class=&quot;title&quot;&gt;Container.is-dark&lt;/p&gt;
&lt;p&gt;Good morning. Thou hast had a good night's sleep, I hope.&lt;/p&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-container is-rounded"&gt;
<p>&lt;div class=&quot;nes-container is-rounded&quot;&gt;
&lt;p&gt;Good morning. Thou hast had a good night's sleep, I hope.&lt;/p&gt;
&lt;/div&gt;
<p>&lt;div class="nes-container is-rounded is-dark"&gt;
<p>&lt;div class=&quot;nes-container is-rounded is-dark&quot;&gt;
&lt;p&gt;Good morning. Thou hast had a good night's sleep, I hope.&lt;/p&gt;
&lt;/div&gt;
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('containers')">Copy</button>
@@ -125,11 +125,11 @@
<section class="nes-container code" id="code-radios">
<code>
<p>&lt;label&gt;
&lt;input type="radio" class="nes-radio" name="answer" checked /&gt;
&lt;input type=&quot;radio&quot; class=&quot;nes-radio&quot; name=&quot;answer&quot; checked /&gt;
&lt;span&gt;Yes&lt;/span&gt;
&lt;/label&gt;</p>
<p>&lt;label&gt;
&lt;input type="radio" class="nes-radio" name="answer" /&gt;
&lt;input type=&quot;radio&quot; class=&quot;nes-radio&quot; name=&quot;answer&quot; /&gt;
&lt;span&gt;No&lt;/span&gt;
&lt;/label&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('radios')">Copy</button>
@@ -154,11 +154,11 @@
<section class="nes-container code" id="code-checkboxes">
<code>
<p>&lt;label&gt;
&lt;input type="checkbox" class="nes-checkbox" checked /&gt;
&lt;input type=&quot;checkbox&quot; class=&quot;nes-checkbox&quot; checked /&gt;
&lt;span>Enable&lt;/span&gt;
&lt;/label&gt;</p>
<p>&lt;label&gt;
&lt;input type="checkbox" class="nes-checkbox is-dark" checked /&gt;
&lt;input type=&quot;checkbox&quot; class=&quot;nes-checkbox is-dark&quot; checked /&gt;
&lt;span&gt;Dark&lt;/span&gt;
&lt;/label&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('checkboxes')">Copy</button>
@@ -182,14 +182,14 @@
</section>
<section class="nes-container code" id="code-avatars">
<code>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar is-small"&gt;</p>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar"&gt;</p>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar is-medium"&gt;</p>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar is-large"&gt;</p>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar is-rounded"&gt;</p>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar is-small is-rounded"&gt;</p>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar is-medium is-rounded"&gt;</p>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar is-large is-rounded"&gt;</p>
<p>&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar is-small&quot;&gt;</p>
<p>&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar&quot;&gt;</p>
<p>&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar is-medium&quot;&gt;</p>
<p>&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar is-large&quot;&gt;</p>
<p>&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar is-rounded&quot;&gt;</p>
<p>&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar is-small is-rounded&quot;&gt;</p>
<p>&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar is-medium is-rounded&quot;&gt;</p>
<p>&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar is-large is-rounded&quot;&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('avatars')">Copy</button>
</code>
</section>
@@ -256,54 +256,54 @@
</section>
<section class="nes-container code" id="code-form">
<code>
<p>&lt;div class="nes-field"&gt;
&lt;label for="name_field"&gt;Your name&lt;/label&gt;
&lt;input type="text" id="name_field" class="nes-input"&gt;
<p>&lt;div class=&quot;nes-field&quot;&gt;
&lt;label for=&quot;name_field&quot;&gt;Your name&lt;/label&gt;
&lt;input type=&quot;text&quot; id=&quot;name_field&quot; class=&quot;nes-input&quot;&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-field is-inline"&gt;
&lt;label for="inline_field"&gt;.input.is-success&lt;/label&gt;
&lt;input type="text" id="inline_field" class="nes-input is-success" placeholder="NES.css"&gt;
<p>&lt;div class=&quot;nes-field is-inline&quot;&gt;
&lt;label for=&quot;inline_field&quot;&gt;.input.is-success&lt;/label&gt;
&lt;input type=&quot;text&quot; id=&quot;inline_field&quot; class=&quot;nes-input is-success&quot; placeholder=&quot;NES.css&quot;&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-field is-inline"&gt;
&lt;label for="warning_field"&gt;.input.is-warning&lt;/label&gt;
&lt;input type="text" id="warning_field" class="nes-input is-warning" placeholder="8bit.css"&gt;
<p>&lt;div class=&quot;nes-field is-inline&quot;&gt;
&lt;label for=&quot;warning_field&quot;&gt;.input.is-warning&lt;/label&gt;
&lt;input type=&quot;text&quot; id=&quot;warning_field&quot; class=&quot;nes-input is-warning&quot; placeholder=&quot;8bit.css&quot;&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-field is-inline"&gt;
&lt;label for="error_field"&gt;.input.is-error&lt;/label&gt;
&lt;input type="text" id="error_field" class="nes-input is-error" placeholder="awesome.css"&gt;
<p>&lt;div class=&quot;nes-field is-inline&quot;&gt;
&lt;label for=&quot;error_field&quot;&gt;.input.is-error&lt;/label&gt;
&lt;input type=&quot;text&quot; id=&quot;error_field&quot; class=&quot;nes-input is-error&quot; placeholder=&quot;awesome.css&quot;&gt;
&lt;/div&gt;</p>
<p>&lt;div class="field"&gt;
&lt;label for="textarea_field"&gt;Textarea&lt;/label&gt;
&lt;textarea id="textarea_field" class="nes-textarea"&gt;&lt;/textarea&gt;
<p>&lt;div class=&quot;field&quot;&gt;
&lt;label for=&quot;textarea_field&quot;&gt;Textarea&lt;/label&gt;
&lt;textarea id=&quot;textarea_field&quot; class=&quot;nes-textarea&quot;&gt;&lt;/textarea&gt;
&lt;/div&gt;</p>
<p>&lt;div id="selects" class="selects"&gt;
&lt;div class="nes-select"&gt;
<p>&lt;div id=&quot;selects&quot; class=&quot;selects&quot;&gt;
&lt;div class=&quot;nes-select&quot;&gt;
&lt;select required&gt;
&lt;option value="" disabled selected hidden&gt;Select...&lt;/option&gt;
&lt;option value="0"&gt;To be&lt;/option&gt;
&lt;option value="1"&gt;Not to be&lt;/option&gt;
&lt;option value=&quot;&quot; disabled selected hidden&gt;Select...&lt;/option&gt;
&lt;option value=&quot;0&quot;&gt;To be&lt;/option&gt;
&lt;option value=&quot;1&quot;&gt;Not to be&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-select is-success"&gt;
<p>&lt;div class=&quot;nes-select is-success&quot;&gt;
&lt;select required&gt;
&lt;option value="" disabled selected hidden&gt;Select...&lt;/option&gt;
&lt;option value="0"&gt;To be&lt;/option&gt;
&lt;option value="1"&gt;Not to be&lt;/option&gt;
&lt;option value=&quot;&quot; disabled selected hidden&gt;Select...&lt;/option&gt;
&lt;option value=&quot;0&quot;&gt;To be&lt;/option&gt;
&lt;option value=&quot;1&quot;&gt;Not to be&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-select is-warning"&gt;
<p>&lt;div class=&quot;nes-select is-warning&quot;&gt;
&lt;select required&gt;
&lt;option value="" disabled selected hidden&gt;Select...&lt;/option&gt;
&lt;option value="0"&gt;To be&lt;/option&gt;
&lt;option value="1"&gt;Not to be&lt;/option&gt;
&lt;option value=&quot;&quot; disabled selected hidden&gt;Select...&lt;/option&gt;
&lt;option value=&quot;0&quot;&gt;To be&lt;/option&gt;
&lt;option value=&quot;1&quot;&gt;Not to be&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-select is-error"&gt;
<p>&lt;div class=&quot;nes-select is-error&quot;&gt;
&lt;select required&gt;
&lt;option value="" disabled selected hidden&gt;Select...&lt;/option&gt;
&lt;option value="0"&gt;To be&lt;/option&gt;
&lt;option value="1"&gt;Not to be&lt;/option&gt;
&lt;option value=&quot;&quot; disabled selected hidden&gt;Select...&lt;/option&gt;
&lt;option value=&quot;0&quot;&gt;To be&lt;/option&gt;
&lt;option value=&quot;1&quot;&gt;Not to be&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('form')">Copy</button>
@@ -331,17 +331,17 @@
</section>
<section class="nes-container code" id="code-balloons">
<code>
<p>&lt;div class="message -left"&gt;
&lt;i class="nes-bcrikko"&gt;&lt;/i&gt;
&lt;div class="nes-balloon from-left"&gt;
<p>&lt;div class=&quot;message -left&quot;&gt;
&lt;i class=&quot;nes-bcrikko&quot;&gt;&lt;/i&gt;
&lt;div class=&quot;nes-balloon from-left&quot;&gt;
&lt;p&gt;Hello NES.css&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;</p>
<p>&lt;div class="message -right"&gt;
&lt;div class="nes-balloon from-right"&gt;
<p>&lt;div class=&quot;message -right&quot;&gt;
&lt;div class=&quot;nes-balloon from-right&quot;&gt;
&lt;p&gt;Good morning. Thou hast had a good night's sleep, I hope.&lt;/p&gt;
&lt;/div&gt;
&lt;i class="nes-bcrikko"&gt;&lt;/i&gt;
&lt;i class=&quot;nes-bcrikko&quot;&gt;&lt;/i&gt;
&lt;/div&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('balloons')">Copy</button>
</code>
@@ -373,8 +373,8 @@
</section>
<section class="nes-container code" id="code-lists">
<code>
<p>&lt;div class="lists"&gt;
&lt;ul class="nes-list is-disc"&gt;
<p>&lt;div class=&quot;lists&quot;&gt;
&lt;ul class=&quot;nes-list is-disc&quot;&gt;
&lt;li&gt;Good morning.&lt;/li&gt;
&lt;li&gt;Thou hast had a good night's sleep, I hope.&lt;/li&gt;
&lt;li&gt;Thou hast had a good afternoon&lt;/li&gt;
@@ -382,8 +382,8 @@
&lt;/ul&gt;
&lt;/div&gt;</p>
<p>&lt;div class="lists"&gt;
&lt;ul class="nes-list is-circle"&gt;
<p>&lt;div class=&quot;lists&quot;&gt;
&lt;ul class=&quot;nes-list is-circle&quot;&gt;
&lt;li&gt;Good morning.&lt;/li&gt;
&lt;li&gt;Thou hast had a good night's sleep, I hope.&lt;/li&gt;
&lt;li&gt;Thou hast had a good afternoon&lt;/li&gt;
@@ -453,8 +453,8 @@
</section>
<section class="nes-container code" id="code-table">
<code>
<p>&lt;div class="nes-table-responsive"&gt;
&lt;table class="nes-table is-bordered is-centered"&gt;
<p>&lt;div class=&quot;nes-table-responsive&quot;&gt;
&lt;table class=&quot;nes-table is-bordered is-centered&quot;&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Table.is-bordered&lt;/th&gt;
@@ -479,8 +479,8 @@
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-table-responsive"&gt;
&lt;table class="nes-table is-bordered is-dark"&gt;
<p>&lt;div class=&quot;nes-table-responsive&quot;&gt;
&lt;table class=&quot;nes-table is-bordered is-dark&quot;&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Table.is-dark&lt;/th&gt;
@@ -523,12 +523,12 @@
</section>
<section class="nes-container code" id="code-progress">
<code>
<p>&lt;progress class="nes-progress" value="90" max="100"&gt;&lt;/progress&gt;</p>
<p>&lt;progress class="nes-progress is-primary" value="80" max="100"&gt;&lt;/progress&gt;</p>
<p>&lt;progress class="nes-progress is-success" value="50" max="100"&gt;&lt;/progress&gt;</p>
<p>&lt;progress class="nes-progress is-warning" value="30" max="100"&gt;&lt;/progress&gt;</p>
<p>&lt;progress class="nes-progress is-error" value="10" max="100"&gt;&lt;/progress&gt;</p>
<p>&lt;progress class="nes-progress is-pattern" value="50" max="100"&gt;&lt;/progress&gt;</p>
<p>&lt;progress class=&quot;nes-progress&quot; value=&quot;90&quot; max=&quot;100&quot;&gt;&lt;/progress&gt;</p>
<p>&lt;progress class=&quot;nes-progress is-primary&quot; value=&quot;80&quot; max=&quot;100&quot;&gt;&lt;/progress&gt;</p>
<p>&lt;progress class=&quot;nes-progress is-success&quot; value=&quot;50&quot; max=&quot;100&quot;&gt;&lt;/progress&gt;</p>
<p>&lt;progress class=&quot;nes-progress is-warning&quot; value=&quot;30&quot; max=&quot;100&quot;&gt;&lt;/progress&gt;</p>
<p>&lt;progress class=&quot;nes-progress is-error&quot; value=&quot;10&quot; max=&quot;100&quot;&gt;&lt;/progress&gt;</p>
<p>&lt;progress class=&quot;nes-progress is-pattern&quot; value=&quot;50&quot; max=&quot;100&quot;&gt;&lt;/progress&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('progress')">Copy</button>
</code>
</section>
@@ -575,38 +575,38 @@
</section>
<section class="nes-container code" id="code-badges">
<code>
<p>&lt;a href="#" class="nes-badge"&gt;
&lt;span class="is-dark"&gt;NES.css&lt;/span&gt;
<p>&lt;a href=&quot;#&quot; class=&quot;nes-badge&quot;&gt;
&lt;span class=&quot;is-dark&quot;&gt;NES.css&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge"&gt;
&lt;span class="is-primary"&gt;is&lt;/span&gt;
<p>&lt;a href=&quot;#&quot; class=&quot;nes-badge&quot;&gt;
&lt;span class=&quot;is-primary&quot;&gt;is&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge"&gt;
&lt;span class="is-success"&gt;a&lt;/span&gt;
<p>&lt;a href=&quot;#&quot; class=&quot;nes-badge&quot;&gt;
&lt;span class=&quot;is-success&quot;&gt;a&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge"&gt;
&lt;span class="is-warning"&gt;great&lt;/span&gt;
<p>&lt;a href=&quot;#&quot; class=&quot;nes-badge&quot;&gt;
&lt;span class=&quot;is-warning&quot;&gt;great&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge"&gt;
&lt;span class="is-error"&gt;framework!&lt;/span&gt;
<p>&lt;a href=&quot;#&quot; class=&quot;nes-badge&quot;&gt;
&lt;span class=&quot;is-error&quot;&gt;framework!&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge is-splited"&gt;
&lt;span class="is-dark"&gt;npm&lt;/span&gt;
&lt;span class="is-primary"&gt;1.1.0&lt;/span&gt;
<p>&lt;a href=&quot;#&quot; class=&quot;nes-badge is-splited&quot;&gt;
&lt;span class=&quot;is-dark&quot;&gt;npm&lt;/span&gt;
&lt;span class=&quot;is-primary&quot;&gt;1.1.0&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge is-splited"&gt;
&lt;span class="is-dark"&gt;test&lt;/span&gt;
&lt;span class="is-success"&gt;100%&lt;/span&gt;
<p>&lt;a href=&quot;#&quot; class=&quot;nes-badge is-splited&quot;&gt;
&lt;span class=&quot;is-dark&quot;&gt;test&lt;/span&gt;
&lt;span class=&quot;is-success&quot;&gt;100%&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge is-icon"&gt;
&lt;span class="is-warning"&gt;
&lt;i class="nes-icon star is-small"&gt;&lt;/i&gt;
<p>&lt;a href=&quot;#&quot; class=&quot;nes-badge is-icon&quot;&gt;
&lt;span class=&quot;is-warning&quot;&gt;
&lt;i class=&quot;nes-icon star is-small&quot;&gt;&lt;/i&gt;
&lt;/span&gt;
&lt;span class="is-primary"&gt;Icons&lt;/span&gt;
&lt;span class=&quot;is-primary&quot;&gt;Icons&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge is-icon"&gt;
&lt;span class="is-dark"&gt;hi&lt;/span&gt;
&lt;span class="is-warning"&gt;Text&lt;/span&gt;
<p>&lt;a href=&quot;#&quot; class=&quot;nes-badge is-icon&quot;&gt;
&lt;span class=&quot;is-dark&quot;&gt;hi&lt;/span&gt;
&lt;span class=&quot;is-warning&quot;&gt;Text&lt;/span&gt;
&lt;/a&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('badges')">Copy</button>
</code>
@@ -651,34 +651,34 @@
</section>
<section class="nes-container code" id="code-reaction">
<code>
<p>&lt;i class="nes-icon heart is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon heart"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon heart is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon heart is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon heart is-empty"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon heart is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon heart&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon heart is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon heart is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon heart is-empty&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon star is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon star&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon star is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon star is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-half is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-half"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-half is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-half is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon star is-half is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon star is-half&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon star is-half is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon star is-half is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-transparent is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-transparent"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-transparent is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-transparent is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon star is-transparent is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon star is-transparent&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon star is-transparent is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon star is-transparent is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-empty"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon star is-empty&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon like is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon like"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon like is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon like is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon like is-empty"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon like is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon like&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon like is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon like is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon like is-empty&quot;&gt;&lt;/i&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('reaction')">Copy</button>
</code>
</section>
@@ -746,60 +746,60 @@
</section>
<section class="nes-container code" id="code-sns">
<code>
<p>&lt;i class="nes-icon twitter is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon twitter"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon twitter is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon twitter is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon twitter is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon twitter&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon twitter is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon twitter is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon facebook is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon facebook"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon facebook is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon facebook is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon facebook is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon facebook&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon facebook is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon facebook is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon github is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon github"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon github is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon github is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon github is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon github&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon github is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon github is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon youtube is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon youtube"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon youtube is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon youtube is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon youtube is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon youtube&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon youtube is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon youtube is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon google is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon google"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon google is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon google is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon google is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon google&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon google is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon google is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon medium is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon medium is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon medium is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon medium is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon medium is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon medium is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon twitch is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon twitch"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon twitch is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon twitch is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon twitch is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon twitch&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon twitch is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon twitch is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon reddit is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon reddit"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon reddit is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon reddit is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon reddit is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon reddit&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon reddit is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon reddit is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon whatsapp is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon whatsapp"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon whatsapp is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon whatsapp is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon whatsapp is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon whatsapp&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon whatsapp is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon whatsapp is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon gmail is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon gmail"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon gmail is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon gmail is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon gmail is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon gmail&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon gmail is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon gmail is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon linkedin is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon linkedin"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon linkedin is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon linkedin is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon linkedin is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon linkedin&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon linkedin is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon linkedin is-large&quot;&gt;&lt;/i&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('sns')">Copy</button>
</code>
</section>
@@ -836,29 +836,29 @@
</section>
<section class="nes-container code" id="code-others">
<code>
<p>&lt;i class="nes-icon close is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon close"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon close is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon close is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon close is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon close&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon close is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon close is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-octocat animate"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-octocat animate&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon trophy is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon trophy"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon trophy is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon trophy is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon trophy is-small&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon trophy&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon trophy is-medium&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-icon trophy is-large&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-mario"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-ash"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-pokeball"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-mario&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-ash&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-pokeball&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-bulbasaur"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-charmander"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-squirtle"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-bulbasaur&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-charmander&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-squirtle&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-smartphone"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-phone"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-kirby"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-smartphone&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-phone&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-kirby&quot;&gt;&lt;/i&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('others')">Copy</button>
</code>
</section>
@@ -876,10 +876,10 @@
</section>
<section class="nes-container code" id="code-controllers">
<code>
<p>&lt;i class="nes-logo"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-jp-logo"&gt;&lt;/i&gt;</p>
<p>&lt;i class="snes-logo"&gt;&lt;/i&gt;</p>
<p>&lt;i class="snes-jp-logo"&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-logo&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;nes-jp-logo&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;snes-logo&quot;&gt;&lt;/i&gt;</p>
<p>&lt;i class=&quot;snes-jp-logo&quot;&gt;&lt;/i&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('controllers')">Copy</button>
</code>
</section>