move to font awesome 5
This commit is contained in:
Naoki Rinmous
parent
aec7c2f63a
commit
1c700ae1fd
@ -1,7 +1,7 @@
|
|||||||
// Variables
|
// Variables
|
||||||
// --------------------------
|
// --------------------------
|
||||||
|
|
||||||
$fa-font-path: "../webfonts" !default;
|
$fa-font-path: "../fonts" !default;
|
||||||
$fa-font-size-base: 16px !default;
|
$fa-font-size-base: 16px !default;
|
||||||
$fa-css-prefix: fa !default;
|
$fa-css-prefix: fa !default;
|
||||||
$fa-version: "5.0.4" !default;
|
$fa-version: "5.0.4" !default;
|
||||||
|
|||||||
@ -26,7 +26,7 @@
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.identity .fa {
|
.identity .fab, .identity .fal, .identity .fas {
|
||||||
color: rgba(0, 10, 25, 0.65);
|
color: rgba(0, 10, 25, 0.65);
|
||||||
font-size: 1.6em;
|
font-size: 1.6em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -58,7 +58,7 @@
|
|||||||
font-size: 0.75em;
|
font-size: 0.75em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.identity-category .title .fa {
|
.identity-category .title .fal, .identity-category .title .far, .identity-category .title .fas {
|
||||||
color: #aaa;
|
color: #aaa;
|
||||||
margin: 0 0.2em;
|
margin: 0 0.2em;
|
||||||
transform: rotateZ(-23deg);
|
transform: rotateZ(-23deg);
|
||||||
|
|||||||
@ -1,4 +1,7 @@
|
|||||||
@import "../../node_modules/font-awesome/scss/font-awesome.scss";
|
@import "fontawesome/fontawesome.scss";
|
||||||
|
@import "fontawesome/fa-brands.scss";
|
||||||
|
@import "fontawesome/fa-regular.scss";
|
||||||
|
@import "fontawesome/fa-solid.scss";
|
||||||
@import "../../node_modules/unsemantic/assets/sass/unsemantic-grid-responsive.scss";
|
@import "../../node_modules/unsemantic/assets/sass/unsemantic-grid-responsive.scss";
|
||||||
|
|
||||||
@import "header.scss";
|
@import "header.scss";
|
||||||
|
|||||||
@ -3,12 +3,7 @@ const gulp = require('gulp')
|
|||||||
const rename = require('gulp-rename')
|
const rename = require('gulp-rename')
|
||||||
const sass = require('gulp-sass')
|
const sass = require('gulp-sass')
|
||||||
|
|
||||||
gulp.task('default', ['fonts', 'stylesheet'])
|
gulp.task('default', ['stylesheet'])
|
||||||
|
|
||||||
gulp.task('fonts', function () {
|
|
||||||
return gulp.src('./node_modules/font-awesome/fonts/*')
|
|
||||||
.pipe(gulp.dest('./assets/fonts/'))
|
|
||||||
})
|
|
||||||
|
|
||||||
gulp.task('stylesheet', function () {
|
gulp.task('stylesheet', function () {
|
||||||
return gulp.src('./assets/stylesheets/index.scss')
|
return gulp.src('./assets/stylesheets/index.scss')
|
||||||
|
|||||||
56
index.html
56
index.html
@ -20,41 +20,41 @@
|
|||||||
</h1>
|
</h1>
|
||||||
<div class="labels">
|
<div class="labels">
|
||||||
<a alt="home" class="label" href="//futa.moe">
|
<a alt="home" class="label" href="//futa.moe">
|
||||||
<i aria-hidden="true" class="fa fa-map-marker"></i>
|
<i aria-hidden="true" class="fas fa-map-marker"></i>
|
||||||
<span class="title">五月研究所</span>
|
<span class="title">五月研究所</span>
|
||||||
<span class="link">//futa.moe</span>
|
<span class="link">//futa.moe</span>
|
||||||
</a>
|
</a>
|
||||||
<div alt="languages" class="label">
|
<div alt="languages" class="label">
|
||||||
<i aria-hidden="true" class="fa fa-language"></i>
|
<i aria-hidden="true" class="fas fa-language"></i>
|
||||||
<span class="title">LANG</span>
|
<span class="title">LANG</span>
|
||||||
<span class="content">汉语 / 漢語 / English</span>
|
<span class="content">汉语 / 漢語 / English</span>
|
||||||
</div>
|
</div>
|
||||||
<div alt="education" class="label">
|
<div alt="education" class="label">
|
||||||
<i aria-hidden="true" class="fa fa-university"></i>
|
<i aria-hidden="true" class="fas fa-university"></i>
|
||||||
<span class="title">current</span>
|
<span class="title">current</span>
|
||||||
<span class="content">Guangxi University</span>
|
<span class="content">Guangxi University</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="labels">
|
<div class="labels">
|
||||||
<div alt="browser" class="label">
|
<div alt="browser" class="label">
|
||||||
<i aria-hidden="true" class="fa fa-chrome"></i>
|
<i aria-hidden="true" class="fab fa-chrome"></i>
|
||||||
<span class="content">beta</span>
|
<span class="content">beta</span>
|
||||||
</div>
|
</div>
|
||||||
<div alt="editor" class="label">
|
<div alt="editor" class="label">
|
||||||
<i aria-hidden="true" class="fa fa-keyboard-o"></i>
|
<i aria-hidden="true" class="far fa-keyboard"></i>
|
||||||
<span class="content">vim</span>
|
<span class="content">vim</span>
|
||||||
</div>
|
</div>
|
||||||
<div alt="spaces or tabs" class="label">
|
<div alt="spaces or tabs" class="label">
|
||||||
<i aria-hidden="true" class="fa fa-i-cursor"></i>
|
<i aria-hidden="true" class="fas fa-i-cursor"></i>
|
||||||
<span class="content">spaces</span>
|
<span class="content">spaces</span>
|
||||||
</div>
|
</div>
|
||||||
<div alt="platforms" class="label">
|
<div alt="platforms" class="label">
|
||||||
<i aria-hidden="true" class="fa fa-windows"></i>
|
<i aria-hidden="true" class="fab fa-windows"></i>
|
||||||
<span class="content">10</span>
|
<span class="content">10</span>
|
||||||
<i aria-hidden="true" class="fa fa-linux"></i>
|
<i aria-hidden="true" class="fab fa-linux"></i>
|
||||||
<span class="content">debian</span>
|
<span class="content">debian</span>
|
||||||
<span class="content">gentoo</span>
|
<span class="content">gentoo</span>
|
||||||
<i aria-hidden="true" class="fa fa-apple"></i>
|
<i aria-hidden="true" class="fab fa-apple"></i>
|
||||||
<span class="content">sierra</span>
|
<span class="content">sierra</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -62,23 +62,23 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="section identity-category grid-container">
|
<div class="section identity-category grid-container">
|
||||||
<h2 class="title">
|
<h2 class="title">
|
||||||
<i aria-hidden="true" class="fa fa-chevron-right"></i> Naoki Rinmous
|
<i aria-hidden="true" class="fas fa-chevron-right"></i> Naoki Rinmous
|
||||||
<span class="no-wrap">
|
<span class="no-wrap">
|
||||||
<small class="tag"><i aria-hidden="true" class="fa fa-tag"></i><del>designer</del></small>
|
<small class="tag"><i aria-hidden="true" class="fas fa-tag"></i><del>designer</del></small>
|
||||||
<small class="tag"><i aria-hidden="true" class="fa fa-tag"></i>programmer</small>
|
<small class="tag"><i aria-hidden="true" class="fas fa-tag"></i>programmer</small>
|
||||||
</span>
|
</span>
|
||||||
</h2>
|
</h2>
|
||||||
<ul class="identities grid-50">
|
<ul class="identities grid-50">
|
||||||
<li class="identity">
|
<li class="identity">
|
||||||
<a href="https://github.com/amphineko">
|
<a href="https://github.com/amphineko">
|
||||||
<i aria-hidden="true" class="fa fa-github"></i>
|
<i aria-hidden="true" class="fab fa-github"></i>
|
||||||
<span class="where">github</span>
|
<span class="where">github</span>
|
||||||
<span class="link">@amphineko</span>
|
<span class="link">@amphineko</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="identity">
|
<li class="identity">
|
||||||
<a href="https://keybase.io/amphineko">
|
<a href="https://keybase.io/amphineko">
|
||||||
<i aria-hidden="true" class="fa fa-key"></i>
|
<i aria-hidden="true" class="fas fa-key"></i>
|
||||||
<span class="where">keybase</span>
|
<span class="where">keybase</span>
|
||||||
<span class="link">@amphineko</span>
|
<span class="link">@amphineko</span>
|
||||||
</a>
|
</a>
|
||||||
@ -87,28 +87,28 @@
|
|||||||
<ul class="identities grid-50">
|
<ul class="identities grid-50">
|
||||||
<li class="identity">
|
<li class="identity">
|
||||||
<a href="https://plus.google.com/104160980463474768448">
|
<a href="https://plus.google.com/104160980463474768448">
|
||||||
<i aria-hidden="true" class="fa fa-google-plus"></i>
|
<i aria-hidden="true" class="fab fa-google-plus"></i>
|
||||||
<span class="where">google plus</span>
|
<span class="where">google plus</span>
|
||||||
<span class="link">+椎名奈緒</span>
|
<span class="link">+椎名奈緒</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="identity">
|
<li class="identity">
|
||||||
<a href="https://telegram.me/amphineko">
|
<a href="https://telegram.me/amphineko">
|
||||||
<i aria-hidden="true" class="fa fa-telegram"></i>
|
<i aria-hidden="true" class="fab fa-telegram"></i>
|
||||||
<span class="where">telegram</span>
|
<span class="where">telegram</span>
|
||||||
<span class="link">@amphineko</span>
|
<span class="link">@amphineko</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="identity">
|
<li class="identity">
|
||||||
<a href="https://twitter.com/amphineko">
|
<a href="https://twitter.com/amphineko">
|
||||||
<i aria-hidden="true" class="fa fa-twitter"></i>
|
<i aria-hidden="true" class="fab fa-twitter"></i>
|
||||||
<span class="where">twitter</span>
|
<span class="where">twitter</span>
|
||||||
<span class="link">@amphineko</span>
|
<span class="link">@amphineko</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="identity">
|
<li class="identity">
|
||||||
<a href="http://weibo.com/uncookie">
|
<a href="http://weibo.com/uncookie">
|
||||||
<i aria-hidden="true" class="fa fa-weibo"></i>
|
<i aria-hidden="true" class="fab fa-weibo"></i>
|
||||||
<span class="where">weibo</span>
|
<span class="where">weibo</span>
|
||||||
<span class="link">猫耳继电器</span>
|
<span class="link">猫耳继电器</span>
|
||||||
</a>
|
</a>
|
||||||
@ -117,24 +117,24 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="section identity-category grid-container">
|
<div class="section identity-category grid-container">
|
||||||
<h2 class="title">
|
<h2 class="title">
|
||||||
<i aria-hidden="true" class="fa fa-chevron-right"></i> NekoSauce
|
<i aria-hidden="true" class="fas fa-chevron-right"></i> NekoSauce
|
||||||
<span class="no-wrap">
|
<span class="no-wrap">
|
||||||
<small class="tag no-wrap"><i aria-hidden="true" class="fa fa-tag"></i>sandbox</small>
|
<small class="tag no-wrap"><i aria-hidden="true" class="fas fa-tag"></i>gamer</small>
|
||||||
<small class="tag no-wrap"><i aria-hidden="true" class="fa fa-tag"></i>simulation</small>
|
<small class="tag no-wrap"><i aria-hidden="true" class="fas fa-tag"></i>simulation</small>
|
||||||
<small class="tag no-wrap"><i aria-hidden="true" class="fa fa-tag"></i>music</small>
|
<small class="tag no-wrap"><i aria-hidden="true" class="fas fa-tag"></i>music-game</small>
|
||||||
</span>
|
</span>
|
||||||
</h2>
|
</h2>
|
||||||
<ul class="identities grid-50">
|
<ul class="identities grid-50">
|
||||||
<li class="identity">
|
<li class="identity">
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<i aria-hidden="true" class="fa fa-plane"></i>
|
<i aria-hidden="true" class="fas fa-bicycle"></i>
|
||||||
<span class="where">portalgun-gress</span>
|
<span class="where">scanner</span>
|
||||||
<span class="link">NekoSauce</span>
|
<span class="link">NekoSauce</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="identity">
|
<li class="identity">
|
||||||
<a href="http://steamcommunity.com/id/amphineko">
|
<a href="http://steamcommunity.com/id/amphineko">
|
||||||
<i aria-hidden="true" class="fa fa-steam"></i>
|
<i aria-hidden="true" class="fab fa-steam-symbol"></i>
|
||||||
<span class="where">steam</span>
|
<span class="where">steam</span>
|
||||||
<span class="link">NekoSauce</span>
|
<span class="link">NekoSauce</span>
|
||||||
</a>
|
</a>
|
||||||
@ -143,14 +143,14 @@
|
|||||||
<ul class="identities grid-50">
|
<ul class="identities grid-50">
|
||||||
<li class="identity">
|
<li class="identity">
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<i aria-hidden="true" class="fa fa-registered"></i>
|
<i aria-hidden="true" class="fas fa-registered"></i>
|
||||||
<span class="where">bemani</span>
|
<span class="where">bemani</span>
|
||||||
<span class="link">NEKOSAUC</span>
|
<span class="link">NEKOSAUC</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="identity">
|
<li class="identity">
|
||||||
<a href="https://osu.ppy.sh/u/Rukatan">
|
<a href="https://osu.ppy.sh/u/Rukatan">
|
||||||
<i aria-hidden="true" class="fa fa-wheelchair-alt"></i>
|
<i aria-hidden="true" class="fab fa-accessible-icon"></i>
|
||||||
<span class="where">osu!</span>
|
<span class="where">osu!</span>
|
||||||
<span class="link">Rukatan</span>
|
<span class="link">Rukatan</span>
|
||||||
</a>
|
</a>
|
||||||
@ -158,7 +158,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="section">
|
<div class="section">
|
||||||
<a class="hosting" href="//futa.moe"><i aria-hidden="true" class="fa fa-heart-o"></i> Hosted by 五月研究所 <span class="link">//futa.moe</span></a>
|
<a class="hosting" href="//futa.moe"><i aria-hidden="true" class="far fa-heart"></i> Hosted by 五月研究所 <span class="link">//futa.moe</span></a>
|
||||||
<div class="copyright">
|
<div class="copyright">
|
||||||
Copyright © 2015-2017 Naoki Rinmous. Illustrations have their own licenses.
|
Copyright © 2015-2017 Naoki Rinmous. Illustrations have their own licenses.
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user