Developer/Designer Page Layout Concept

An experimental page layout concept with a developer/designer theme and a special effect based on a Codrops original project (Article on Codrops) but with a los of improvements like:

• A lot of "old fashion" computing effects (pure css) added.
• "Blade Runner" zeppelin artwork included as a background animation in some pages.
• Pages included:
  • Error 404 & 500
  • Catalog Gallery (Portfolio)
  • Legal Terms
  • Contact
  • Resume (About Me)
  • Sitemap

Credits and Dependencies

• Images by Javier Lorenzo Fernández aka @jalofernadez and Freepik.
• Nuxt.js, open source JS framework based on:
  • Vue.js by Evan You.
  • Node.js by OpenJS Foundation.
  • Webpack by Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsäläinen, Kees Kluskens, and Webpack contributors.
  • Babel.js by a lot of contributors.
• Bulma, open source CSS framework by Jeremy Thomas.

License

This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ npm run generate

# deploy static project into Firebase
$ firebase deploy --project <alias_or_project_id> --message <if-you-want-a-msg>

For detailed explanation on how things work, check out Nuxt.js docs.

Misc

Follow me (it would be so kind of you :) LinkedIn, Twitter, GitHub, Instagram