Pre-rendered portfolio websites for Haiiro Haiji / Namika Hamasaki.
- Japanese build: https://haiji.co/
- English build: https://namika.hmsk.co/
With Node v12
$ npm i
$ npm run dev
Then open localhost:8000
in your browser.
$ npm run dev:ja
- Create new markdown file to under
/contents/works/:locale
- file name is used for URL. e.g.
/contents/works/ja/amazarashi.md
->https://domain/works/mazarashi
- Add filename to
orderedWorks
Array on/nuxt.config.js
- This data is used for index page's list and configured as pre-rendering target
title: Amazarashi Music Video
year: 2015
owner: Sony Music Entertainment
role: UI Design
related:
- pokemon-go
- googleplay-game-effect
- laughly
colors:
- "#34393d"
- "#263228"
- "#555c6f"
- "#797979"
- "#a40505"
- "#686868"
description: |
Amazarashi is a Japanese rock band that continues to question modern society through its songs. I designed a user interface for their music video during my period at SIX, creative agency in Tokyo, Japan.
---
- Put the file to
/static/images/works/[work name]
assomething.png
- Call with
<work-media>
custom element in the markdown file for same work
<work-media name="something.png">
(don't need "work name" part)- If you put
mp4
, rendered with video player automatically 😉 - If you put the URL of
youtube.com
, rendered as embed player of YouTube
- CC BY 4.0 for SVG icons excepting
hatenablog.svg
by FontAwesome - Each author of depending NPM modules which are published under the "MIT" or "ISC" reserve all their copyright
- Namika Hamasaki / Haiji Haiiro reserves all copyright for Markdown documents
- Namika Hamasaki / Haiji Haiiro or the each product owners reserve copyright for Image or Video files of their content
- Kengo Hamasaki and Namika Hamasaki / Haiji Haiiro reserve copyright for source codes of this project under the MIT License