KURVA is a web design exploration index, personal project by literasibadguy. Making graphic design, ugly posters and many more into web design. It's also a place to learn web design and deep more on HTML and CSS.
Developed the website using Eleventy and using CUBE CSS methodology, SASS processed.
The latest Node.js and NPM are required for the development
npm install
npm run start
Open http://localhost:8080
to see the site locally
Every web design page have own their single file SCSS, so it make me easier and fast to create new page.
So we use nunjucks shortcode that include in header page
{% if styleScripts %}
{% for item in styleScripts %}
<link rel="stylesheet" href="{{ helpers.hashForProd(item) }}">
{% endfor %}
{% endif %}
and call them in front matter data page
---
layout: 'layouts/base'
title: Fresh Lemon Soda Machine
cover: "https://assets.kurva.xyz/fresh-lemon-store.png"
pageScripts:
- '/js/experiments-page.js'
styleScripts:
- /css/fresh-lemon-soda.css
tags:
- feeds
- flex
- intermediate
- in-progress
---
Every web design have material images inside to experiment with it, some of the resources image are through from Tumblr and Are.na. Only respective to owners. Including literasibadguy material contents.