mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-26 15:34:33 +02:00
Code Issues Releases Wiki Activity

feat(index.html): changed image and add image-rendering pixelated.

Browse Source
This commit is contained in:
Igor Guastalla de Lima
2019-02-08 17:10:47 -02:00
parent e55425c87f
commit 56c7fef55a
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
index.html
View File

@@ -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" />
@@ -163,27 +163,27 @@
<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>