Skip to content

Commit

Permalink
feat(index.html): changed image and add image-rendering pixelated.
Browse files Browse the repository at this point in the history
  • Loading branch information
@guastallaigor
guastallaigor committed Feb 8, 2019
1 parent e55425c commit 56c7fef
Showing 1 changed file with 17 additions and 17 deletions.
34 changes: 17 additions & 17 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
<title>NES.css - NES-style CSS Framework</title>

<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<link href="./css/nes.min.css" rel="stylesheet" />
<link href="https://unpkg.com/nes.css/css/nes.min.css" rel="stylesheet" />
<link href="./demo/style.css" rel="stylesheet" />
<script async src="./demo/lib/highlight.js"></script>
<link async href="./demo/lib/highlight-theme.css" rel="stylesheet" />
Expand Down Expand Up @@ -163,27 +163,27 @@ <h2 class="title">Checkboxes</h2>
<section class="nes-container with-title">
<h2 class="title">Avatars</h2>
<div id="avatars">
<img src="https://ik.imagekit.io/6xhf1gnexgdgk/avatar_Hku4rzo4N.png" class="nes-avatar is-small" alt="8bit Avatar Example">
<img src="https://ik.imagekit.io/6xhf1gnexgdgk/avatar_Hku4rzo4N.png" class="nes-avatar" alt="8bit Avatar Example">
<img src="https://ik.imagekit.io/6xhf1gnexgdgk/avatar_Hku4rzo4N.png" class="nes-avatar is-medium" alt="8bit Avatar Example">
<img src="https://ik.imagekit.io/6xhf1gnexgdgk/avatar_Hku4rzo4N.png" class="nes-avatar is-large" alt="8bit Avatar Example">
<img src="https://ik.imagekit.io/6xhf1gnexgdgk/avatar_Hku4rzo4N.png" class="nes-avatar is-small is-rounded" alt="8bit Avatar Example">
<img src="https://ik.imagekit.io/6xhf1gnexgdgk/avatar_Hku4rzo4N.png" class="nes-avatar is-rounded" alt="8bit Avatar Example">
<img src="https://ik.imagekit.io/6xhf1gnexgdgk/avatar_Hku4rzo4N.png" class="nes-avatar is-medium is-rounded" alt="8bit Avatar Example">
<img src="https://ik.imagekit.io/6xhf1gnexgdgk/avatar_Hku4rzo4N.png" class="nes-avatar is-large is-rounded" alt="8bit Avatar Example">
<img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar is-small" alt="Gravatar Image Example" style="image-rendering: pixelated;">
<img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar" alt="Gravatar Image Example" style="image-rendering: pixelated;">
<img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar is-medium" alt="Gravatar Image Example" style="image-rendering: pixelated;">
<img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar is-large" alt="Gravatar Image Example" style="image-rendering: pixelated;">
<img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar is-small is-rounded" alt="Gravatar Image Example" style="image-rendering: pixelated;">
<img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar is-rounded" alt="Gravatar Image Example" style="image-rendering: pixelated;">
<img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar is-medium is-rounded" alt="Gravatar Image Example" style="image-rendering: pixelated;">
<img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar is-large is-rounded" alt="Gravatar Image Example" style="image-rendering: pixelated;">
</div>
<button type="button" class="nes-btn is-error show-code" id="show-avatars-code">&lt;&gt;</button>
<span class="nes-balloon from-right copied" id="copied-avatars">Copied!</span>
</section>
<section class="nes-container code" id="code-avatars">
<pre class="sample-code"><code class="html">&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar is-small&quot; alt=&quot;8bit Avatar Example&quot;&gt;
&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar&quot; alt=&quot;8bit Avatar Example&quot;&gt;
&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar is-medium&quot; alt=&quot;8bit Avatar Example&quot;&gt;
&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar is-large&quot; alt=&quot;8bit Avatar Example&quot;&gt;
&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar is-rounded&quot; alt=&quot;8bit Avatar Example&quot;&gt;
&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar is-small is-rounded&quot; alt=&quot;8bit Avatar Example&quot;&gt;
&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar is-medium is-rounded&quot; alt=&quot;8bit Avatar Example&quot;&gt;
&lt;img src=&quot;https://www.gravatar.com/avatar&quot; class=&quot;nes-avatar is-large is-rounded&quot; alt=&quot;8bit Avatar Example&quot;&gt;</code></pre>
<pre class="sample-code"><code class="html">&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar is-small&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;
&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;
&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar is-medium&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;
&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar is-large&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;
&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar is-rounded&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;
&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar is-small is-rounded&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;
&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar is-medium is-rounded&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;
&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar is-large is-rounded&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;</code></pre>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('avatars')">Copy</button>
</section>

Expand Down

0 comments on commit 56c7fef

Please sign in to comment.