Next haiji.co / namika.hmsk.co with Nuxt.js
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.vscode
assets
components
contents Make the "go" of Pokemon Go an uppercase May 11, 2018
layouts
lib
locales
modules Build Nuxt base with Jan 31, 2018
pages
plugins
static
store
types
.eslintrc.json
.gitignore
LICENSE
README.md
nuxt.config.js
package-lock.json
package.json
tsconfig.json

README.md

violet

Pre-rendered portfolio websites for Haiiro Haiji / Namika Hamasaki.

Setup / Update installed packages

Using Node v8+

$ npm i

Development

Run as English locale

$ npm run dev

Then open localhost:8000 in your browser.

Run as Japanese locale

$ npm run dev:ja

Directory/File structure for the content writer

Add content

  1. 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
  1. Add filename to orderedWorks Array on /nuxt.config.js
  • This data is used for index page's list and configured as pre-rendering target

Markdown format

Sample /contents/works/en/amazarashi.md

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.
---

Show multimedia files

  1. Put the file to /static/images/works/[work name] as something.png
  2. 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

Licenses