mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-19 04:21:22 +02:00
Code Issues Releases Wiki Activity

docs: release update

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

14
.github/README-es.md vendored
View File

@@ -32,7 +32,7 @@ Importa el CSS utiliando un elemento `<link />`:
```html
<!-- 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 -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- solo estilo del núcleo -->
@@ -43,13 +43,13 @@ 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.
| Idioma | Tipografía |
|-----------|--------------------------------------------------------------------|
| Idioma | Tipografía |
| --------- | ------------------------------------------------------------------ |
| (Default) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
| Inglés | [Kongtext](https://www.dafont.com/kongtext.font) |
| Japonés | [美咲フォント](http://littlelimit.net/misaki.htm) |
| Japonés | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) |
| Coreano | [둥근모꼴](http://cactus.tistory.com/193) |
| Inglés | [Kongtext](https://www.dafont.com/kongtext.font) |
| Japonés | [美咲フォント](http://littlelimit.net/misaki.htm) |
| Japonés | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) |
| Coreano | [둥근모꼴](http://cactus.tistory.com/193) |
## Uso

14
.github/README-jp.md vendored
View File

@@ -32,7 +32,7 @@ yarn add nes.css
```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" />
<!-- コアスタイルのみ -->
@@ -43,13 +43,13 @@ yarn add nes.css
NES.cssはいかなるフォントも提供していませんが、ライブラリと一緒に使用をお勧めするフォントリストを整備しています。
| 言語 | フォント |
|-----------|--------------------------------------------------------------------|
| 言語 | フォント |
| ------------ | ------------------------------------------------------------------ |
| (デフォルト) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
| 英語 | [Kongtext](https://www.dafont.com/kongtext.font) |
| 日本語 | [美咲フォント](http://littlelimit.net/misaki.htm) |
| 日本語 | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) |
| 韓国語 | [둥근모꼴](http://cactus.tistory.com/193) |
| 英語 | [Kongtext](https://www.dafont.com/kongtext.font) |
| 日本語 | [美咲フォント](http://littlelimit.net/misaki.htm) |
| 日本語 | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) |
| 韓国語 | [둥근모꼴](http://cactus.tistory.com/193) |
## 使い方

12
.github/README-pt-BR.md vendored
View File

@@ -32,7 +32,7 @@ Importe o CSS através de um elemento `<link />`:
```html
<!-- 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 -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- core style only -->
@@ -43,13 +43,13 @@ 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.
| Idioma | Fonte |
|-----------|--------------------------------------------------------------------|
| Idioma | Fonte |
| -------- | ------------------------------------------------------------------ |
| (Padrão) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
| Inglês | [Kongtext](https://www.dafont.com/kongtext.font) |
| Japonês | [美咲フォント](http://littlelimit.net/misaki.htm) |
| Japonês | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) |
| Coreano | [둥근모꼴](http://cactus.tistory.com/193) |
| Japonês | [美咲フォント](http://littlelimit.net/misaki.htm) |
| Japonês | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) |
| Coreano | [둥근모꼴](http://cactus.tistory.com/193) |
## Utilização

16
.github/README-zh-CN.md vendored
View File

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

10
README.md
View File

@@ -32,7 +32,7 @@ Import the CSS via a `<link />` element:
```html
<!-- 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 -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- core style only -->
@@ -44,12 +44,12 @@ 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.
| Language | Font |
|-----------|--------------------------------------------------------------------|
| --------- | ------------------------------------------------------------------ |
| (Default) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
| English | [Kongtext](https://www.dafont.com/kongtext.font) |
| Japanese | [美咲フォント](http://littlelimit.net/misaki.htm) |
| Japanese | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) |
| Korean | [둥근모꼴](http://cactus.tistory.com/193) |
| Japanese | [美咲フォント](http://littlelimit.net/misaki.htm) |
| Japanese | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) |
| Korean | [둥근모꼴](http://cactus.tistory.com/193) |
## Usage

14
docs/index.html
View File

@@ -14,7 +14,7 @@
<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" />
<script src="./lib/vue.min.js"></script>
@@ -55,10 +55,10 @@
<div class="social-buttons">
<p>Share on SNS</p>
<div class="share">
<a @click="share('twitter')"><i class="nes-icon twitter"></i></a>
<a @click="share('facebook')"><i class="nes-icon facebook"></i></a>
<a @click="share('linkedin')"><i class="nes-icon linkedin"></i></a>
<a @click="share('github')"><i class="nes-icon github"></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 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 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 href="https://github.com/nostalgic-css/NES.css" target="_blank"><i class="nes-icon github"></i></a>
</div>
</div>
</div>
@@ -127,7 +127,7 @@
<p>{{ member.feat }}</p>
<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://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>
</section>
@@ -149,7 +149,7 @@
<p>{{ member.feat }}</p>
<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://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>
</section>

73
docs/script.js
View File

@@ -356,6 +356,13 @@ const sampleCollection = [
<i class="nes-bcrikko"></i>
</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',
@@ -542,48 +549,50 @@ const emeriti = [
name: 'Abdullah Samman',
feat: 'Setup test suite',
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 = [
'4k1k0',
'sombreroEnPuntas',
'Divoolej',
'soph-iest',
'KeevanDance',
'montezume',
'sazzadsazib',
'jjspace',
'ohlookitsderpy',
'KeevanDance',
'jdvivar',
'Ilyeo',
'youngkaneda',
'kenshinji',
'Kartones',
'ohlookitsderpy',
'IngwiePhoenix',
'Takumi0901',
'jjspace',
'Baldomo',
'ernestomancebo',
'stewartrule',
'DanSnow',
'ernestomancebo',
'Ilyeo',
'Kartones',
'rrj-dev',
'vicainelli',
'stewartrule',
'kenshinji',
'youngkaneda',
'Takumi0901',
'loo41',
'alexd99',
'alexgleason',
'agarzola',
'fleeting',
'JamesIves',
'jsoref',
'KOREAN139',
'LukBukkit',
'otaviopace',
'Pedro-Souza',
'scottaohara',
'd0p1s4m4',
'lucasjs',
'musavvirahmed',
'sinofp',
'tnantoka',
'LukBukkit',
'd0p1s4m4',
'musavvirahmed',
'KOREAN139',
'loo41',
'otaviopace',
'alexgleason',
'fleeting',
'scottaohara',
'JamesIves',
'agarzola',
'jsoref',
];
new Vue({
@@ -621,22 +630,6 @@ new Vue({
this.replaceImages();
},
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) {
this.showCopiedBalloon(event.pageY, event.pageX);