1
0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-20 13:01:26 +02:00

docs: release update

This commit is contained in:
BcRikko
2019-06-07 11:34:08 +09:00
parent 7520b18e4f
commit f05620add6
7 changed files with 73 additions and 80 deletions

View File

@@ -32,7 +32,7 @@ Importa el CSS utiliando un elemento `<link />`:
```html ```html
<!-- minificado --> <!-- minificado -->
<link href="https://unpkg.com/nes.css@2.1.0/css/nes.min.css" rel="stylesheet" /> <link href="https://unpkg.com/nes.css@2.2.0/css/nes.min.css" rel="stylesheet" />
<!-- último --> <!-- último -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" /> <link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- solo estilo del núcleo --> <!-- solo estilo del núcleo -->
@@ -44,7 +44,7 @@ Importa el CSS utiliando un elemento `<link />`:
NES.css no contiene ninguna tipografía, pero recomendamos la siguiente lista de tipografías para utilizar junto a la biblioteca. NES.css no contiene ninguna tipografía, pero recomendamos la siguiente lista de tipografías para utilizar junto a la biblioteca.
| Idioma | Tipografía | | Idioma | Tipografía |
|-----------|--------------------------------------------------------------------| | --------- | ------------------------------------------------------------------ |
| (Default) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) | | (Default) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
| Inglés | [Kongtext](https://www.dafont.com/kongtext.font) | | Inglés | [Kongtext](https://www.dafont.com/kongtext.font) |
| Japonés | [美咲フォント](http://littlelimit.net/misaki.htm) | | Japonés | [美咲フォント](http://littlelimit.net/misaki.htm) |

View File

@@ -32,7 +32,7 @@ yarn add nes.css
```html ```html
<!-- 圧縮版 --> <!-- 圧縮版 -->
<link href="https://unpkg.com/nes.css@2.1.0/css/nes.min.css" rel="stylesheet" /> <link href="https://unpkg.com/nes.css@2.2.0/css/nes.min.css" rel="stylesheet" />
<!-- 最新版 --> <!-- 最新版 -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" /> <link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- コアスタイルのみ --> <!-- コアスタイルのみ -->
@@ -44,7 +44,7 @@ yarn add nes.css
NES.cssはいかなるフォントも提供していませんが、ライブラリと一緒に使用をお勧めするフォントリストを整備しています。 NES.cssはいかなるフォントも提供していませんが、ライブラリと一緒に使用をお勧めするフォントリストを整備しています。
| 言語 | フォント | | 言語 | フォント |
|-----------|--------------------------------------------------------------------| | ------------ | ------------------------------------------------------------------ |
| (デフォルト) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) | | (デフォルト) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
| 英語 | [Kongtext](https://www.dafont.com/kongtext.font) | | 英語 | [Kongtext](https://www.dafont.com/kongtext.font) |
| 日本語 | [美咲フォント](http://littlelimit.net/misaki.htm) | | 日本語 | [美咲フォント](http://littlelimit.net/misaki.htm) |

View File

@@ -32,7 +32,7 @@ Importe o CSS através de um elemento `<link />`:
```html ```html
<!-- minify --> <!-- minify -->
<link href="https://unpkg.com/nes.css@2.1.0/css/nes.min.css" rel="stylesheet" /> <link href="https://unpkg.com/nes.css@2.2.0/css/nes.min.css" rel="stylesheet" />
<!-- latest --> <!-- latest -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" /> <link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- core style only --> <!-- core style only -->
@@ -44,7 +44,7 @@ Importe o CSS através de um elemento `<link />`:
NES.css não fornece nenhuma fonte, mas nós mantemos uma lista de fontes recomendadas por nós para a utilização em conjunto com a biblioteca. NES.css não fornece nenhuma fonte, mas nós mantemos uma lista de fontes recomendadas por nós para a utilização em conjunto com a biblioteca.
| Idioma | Fonte | | Idioma | Fonte |
|-----------|--------------------------------------------------------------------| | -------- | ------------------------------------------------------------------ |
| (Padrão) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) | | (Padrão) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
| Inglês | [Kongtext](https://www.dafont.com/kongtext.font) | | Inglês | [Kongtext](https://www.dafont.com/kongtext.font) |
| Japonês | [美咲フォント](http://littlelimit.net/misaki.htm) | | Japonês | [美咲フォント](http://littlelimit.net/misaki.htm) |

View File

@@ -22,7 +22,7 @@ yarn add nes.css
```html ```html
<!-- non-minified --> <!-- non-minified -->
<link href="https://unpkg.com/nes.css@2.1.0/css/nes.min.css" rel="stylesheet" /> <link href="https://unpkg.com/nes.css@2.2.0/css/nes.min.css" rel="stylesheet" />
<!-- latest --> <!-- latest -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" /> <link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- core style only --> <!-- core style only -->
@@ -31,13 +31,13 @@ yarn add nes.css
### 推荐字体 ### 推荐字体
|Language|Font| | Language | Font |
|----|----| | --------- | ------------------------------------------------------------------ |
|(Default)|[Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P)| | (Default) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
|English|[Kongtext](https://www.dafont.com/kongtext.font)| | English | [Kongtext](https://www.dafont.com/kongtext.font) |
|Japanese|[美咲フォント](http://littlelimit.net/misaki.htm)| | Japanese | [美咲フォント](http://littlelimit.net/misaki.htm) |
|Japanese|[Nu もち](http://kokagem.sakura.ne.jp/font/mochi/)| | Japanese | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) |
| Korean|[둥근모꼴](http://cactus.tistory.com/193)| | Korean | [둥근모꼴](http://cactus.tistory.com/193) |
## 使用 ## 使用

View File

@@ -32,7 +32,7 @@ Import the CSS via a `<link />` element:
```html ```html
<!-- minify --> <!-- minify -->
<link href="https://unpkg.com/nes.css@2.1.0/css/nes.min.css" rel="stylesheet" /> <link href="https://unpkg.com/nes.css@2.2.0/css/nes.min.css" rel="stylesheet" />
<!-- latest --> <!-- latest -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" /> <link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- core style only --> <!-- core style only -->
@@ -44,7 +44,7 @@ Import the CSS via a `<link />` element:
NES.css doesn't provide any fonts, but we do maintain the following list of fonts that we recommend for usage alongside the library. NES.css doesn't provide any fonts, but we do maintain the following list of fonts that we recommend for usage alongside the library.
| Language | Font | | Language | Font |
|-----------|--------------------------------------------------------------------| | --------- | ------------------------------------------------------------------ |
| (Default) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) | | (Default) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
| English | [Kongtext](https://www.dafont.com/kongtext.font) | | English | [Kongtext](https://www.dafont.com/kongtext.font) |
| Japanese | [美咲フォント](http://littlelimit.net/misaki.htm) | | Japanese | [美咲フォント](http://littlelimit.net/misaki.htm) |

View File

@@ -14,7 +14,7 @@
<title>NES.css - NES-style CSS Framework</title> <title>NES.css - NES-style CSS Framework</title>
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" /> <link href="https://unpkg.com/nes.css@2.2.0/css/nes.min.css" rel="stylesheet" />
<link href="./style.css" rel="stylesheet" /> <link href="./style.css" rel="stylesheet" />
<script src="./lib/vue.min.js"></script> <script src="./lib/vue.min.js"></script>
@@ -55,10 +55,10 @@
<div class="social-buttons"> <div class="social-buttons">
<p>Share on SNS</p> <p>Share on SNS</p>
<div class="share"> <div class="share">
<a @click="share('twitter')"><i class="nes-icon twitter"></i></a> <a href="https://twitter.com/share?text=NES.css%EF%BD%9CNES-style%20CSS%20Framework%20%40bc_rikko&url=https://nostalgic-css.github.io/NES.css/" target="_blank"><i class="nes-icon twitter"></i></a>
<a @click="share('facebook')"><i class="nes-icon facebook"></i></a> <a href="https://www.facebook.com/sharer.php?u=https://nostalgic-css.github.io/NES.css/&t=NES.css%EF%BD%9CNES-style%20CSS%20Framework" target="_blank"><i class="nes-icon facebook"></i></a>
<a @click="share('linkedin')"><i class="nes-icon linkedin"></i></a> <a href="https://www.linkedin.com/shareArticle?url=https%3A//nostalgic-css.github.io/NES.css/&title=NES.css%EF%BD%9CNES-style%20CSS%20Framework" target="_blank"><i class="nes-icon linkedin"></i></a>
<a @click="share('github')"><i class="nes-icon github"></i></a> <a href="https://github.com/nostalgic-css/NES.css" target="_blank"><i class="nes-icon github"></i></a>
</div> </div>
</div> </div>
</div> </div>
@@ -127,7 +127,7 @@
<p>{{ member.feat }}</p> <p>{{ member.feat }}</p>
<div> <div>
<a :href="'https://github.com/' + member.github" target="_blank" rel="noopener" aria-label="github"><i class="nes-icon github"></i></a> <a :href="'https://github.com/' + member.github" target="_blank" rel="noopener" aria-label="github"><i class="nes-icon github"></i></a>
<a :href="'https://twitter.com/' + member.twitter" target="_blank" rel="noopener" aria-label="twitter"><i class="nes-icon twitter"></i></a> <a v-if="member.twitter" :href="'https://twitter.com/' + member.twitter" target="_blank" rel="noopener" aria-label="twitter"><i class="nes-icon twitter"></i></a>
</div> </div>
</div> </div>
</section> </section>
@@ -149,7 +149,7 @@
<p>{{ member.feat }}</p> <p>{{ member.feat }}</p>
<div> <div>
<a :href="'https://github.com/' + member.github" target="_blank" rel="noopener" aria-label="github"><i class="nes-icon github"></i></a> <a :href="'https://github.com/' + member.github" target="_blank" rel="noopener" aria-label="github"><i class="nes-icon github"></i></a>
<a :href="'https://twitter.com/' + member.twitter" target="_blank" rel="noopener" aria-label="twitter"><i class="nes-icon twitter"></i></a> <a v-if="member.twitter" :href="'https://twitter.com/' + member.twitter" target="_blank" rel="noopener" aria-label="twitter"><i class="nes-icon twitter"></i></a>
</div> </div>
</div> </div>
</section> </section>

View File

@@ -356,6 +356,13 @@ const sampleCollection = [
<i class="nes-bcrikko"></i> <i class="nes-bcrikko"></i>
</section> </section>
</section>`, </section>`,
},
{
title: 'cursor',
showCode: false,
code: `<p class="nes-balloon from-left nes-pointer">
This is not a clickable element, but it's an area of the pointer.
</p>`
}, },
{ {
title: 'badges', title: 'badges',
@@ -542,48 +549,50 @@ const emeriti = [
name: 'Abdullah Samman', name: 'Abdullah Samman',
feat: 'Setup test suite', feat: 'Setup test suite',
github: 'evexoio', github: 'evexoio',
twitter: 'evexoio',
}, },
]; ];
// https://api.github.com/repos/nostalgic-css/NES.css/contributors?per_page=100 | jq . '.[].login' // curl -s 'https://api.github.com/repos/nostalgic-css/NES.css/contributors?per_page=100' | jq '.[].login'
const contributors = [ const contributors = [
'4k1k0', '4k1k0',
'sombreroEnPuntas', 'sombreroEnPuntas',
'Divoolej', 'Divoolej',
'soph-iest', 'soph-iest',
'KeevanDance',
'montezume', 'montezume',
'sazzadsazib', 'sazzadsazib',
'jjspace', 'KeevanDance',
'ohlookitsderpy',
'jdvivar', 'jdvivar',
'Ilyeo', 'ohlookitsderpy',
'youngkaneda',
'kenshinji',
'Kartones',
'IngwiePhoenix', 'IngwiePhoenix',
'Takumi0901', 'jjspace',
'Baldomo', 'Baldomo',
'ernestomancebo',
'stewartrule',
'DanSnow', 'DanSnow',
'ernestomancebo',
'Ilyeo',
'Kartones',
'rrj-dev', 'rrj-dev',
'vicainelli', 'vicainelli',
'stewartrule',
'kenshinji',
'youngkaneda',
'Takumi0901',
'loo41',
'alexd99',
'alexgleason',
'agarzola',
'fleeting',
'JamesIves',
'jsoref',
'KOREAN139',
'LukBukkit',
'otaviopace',
'Pedro-Souza',
'scottaohara',
'd0p1s4m4',
'lucasjs',
'musavvirahmed',
'sinofp', 'sinofp',
'tnantoka', 'tnantoka',
'LukBukkit',
'd0p1s4m4',
'musavvirahmed',
'KOREAN139',
'loo41',
'otaviopace',
'alexgleason',
'fleeting',
'scottaohara',
'JamesIves',
'agarzola',
'jsoref',
]; ];
new Vue({ new Vue({
@@ -621,22 +630,6 @@ new Vue({
this.replaceImages(); this.replaceImages();
}, },
methods: { methods: {
share(media) {
const url = (() => {
switch (media) {
case 'twitter':
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 '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':
return 'https://github.com/nostalgic-css/NES.css';
}
})();
window.open(url, '');
},
copy(event, id) { copy(event, id) {
this.showCopiedBalloon(event.pageY, event.pageX); this.showCopiedBalloon(event.pageY, event.pageX);