\ No newline at end of file
diff --git a/src/_includes/layout.njk b/src/_includes/layout.njk
index 3e44a57..aaf8d3c 100644
--- a/src/_includes/layout.njk
+++ b/src/_includes/layout.njk
@@ -1,19 +1,84 @@
-
-
-
-
-
- {{ title }} | TEA Stack
- {% block head %}{% endblock %}
-
-
- {% include 'header.njk' %}
- {% block body %}
-
+
+
+
+
+
+ {{ title }} | TEA Stack
+ {% block head %}{% endblock %}
+
+
+ {% include 'header.njk' %}
+ {% if banner %}
+ {% include "banner.njk" %}
+ {% endif %}
+ {% block body %}
+
{{ content | safe }}
- {% endblock %}
-
+ {% endblock %}
+
+
diff --git a/src/index.njk b/src/index.njk
index 5fa8d3e..fbd0cb1 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -1,10 +1,140 @@
-{# This page is built with nunjucks! #}
+{# This page is built with nunjucks! #} {% set title = 'Home' %} {% extends
+"layout.njk" %} {% block body %}
+
+
+
+
+
+ I am Kelvin Lockwood, a non-technical startup founder and jack of all
+ trades working on products, subscription services and marketplaces.
+
+
+
+ Check out my work
+
+
+
+
+
+
+
-{% set title = 'Home' %}
-{% extends "layout.njk" %}
-
-{% block body %}
-
-
This is the {{ title | lower }} page.
-
+
+
+
+ Here's how I can help you
+
+
+ {# one #}
+
+
+
+
+ Costumer Development
+
+
+ Helping you understand customers and their needs that you may be
+ able to satisfy. You cannot validate your assumtions on your own,
+ I'll take you through a challenging process where we talk with
+ customers to discover if your assumptions are true.
+
+
+
+ {# two #}
+
+
+
+
+ Hyper-convenient Design Thinking
+
+
+ I like to remove things that create friction and dristraction and
+ this typically means a shorter route to a solution. Less is often
+ more. Whilst. I'm not a graphic designer I do think deeply about
+ the lack of attention span people have when they're confronted
+ with new products or steps.
+
+
+
+ {# three #}
+
+
+
+
+ Marketplace Research
+
+
+ Rarely is a marketplace as simple as supply and demand. And whilst
+ the internet empowers us to remove middlemen there are always
+ other stakeholders to consider. I can help you figure out the
+ wider ecosystem that your product or marketplace operates in, and
+ if, and how you could fuel adoption.
+
+
+
+ {# one #}
+
+
+
+
+ Costumer Development
+
+
+ Helping you understand customers and their needs that you may be
+ able to satisfy. You cannot validate your assumtions on your own,
+ I'll take you through a challenging process where we talk with
+ customers to discover if your assumptions are true.
+
+
+
+ {# two #}
+
+
+
+
+ Hyper-convenient Design Thinking
+
+
+ I like to remove things that create friction and dristraction and
+ this typically means a shorter route to a solution. Less is often
+ more. Whilst. I'm not a graphic designer I do think deeply about
+ the lack of attention span people have when they're confronted
+ with new products or steps.
+
+
+
+ {# three #}
+
+
+
+
+ Marketplace Research
+
+
+ Rarely is a marketplace as simple as supply and demand. And whilst
+ the internet empowers us to remove middlemen there are always
+ other stakeholders to consider. I can help you figure out the
+ wider ecosystem that your product or marketplace operates in, and
+ if, and how you could fuel adoption.
+
+
+
+
+
+
+
{% endblock %}
diff --git a/src/about.md b/src/pages/about.md
similarity index 72%
rename from src/about.md
rename to src/pages/about.md
index 21df8d3..be36f86 100644
--- a/src/about.md
+++ b/src/pages/about.md
@@ -1,9 +1,11 @@
---
title: About
layout: layout.njk
+eleventyNavigation:
+ key: About
+ order: 2
---
# This is the {{ title }} page.
-
diff --git a/src/pages/article.njk b/src/pages/article.njk
new file mode 100644
index 0000000..3810482
--- /dev/null
+++ b/src/pages/article.njk
@@ -0,0 +1,100 @@
+---
+title: Single Article
+layout: layout.njk
+eleventyNavigation:
+ key: Article
+ order: 1
+banner:
+ title: Magna etiam tempor orci eu lino loborti na lapa di toli
+ subtitle: Tellus elementum sagittis vitae et leo duis ut diam. Volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque in. Pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus faucibus.
+---
+
+{% block body %}
+
+
+
+
+
+
+ 10 Feb2020
+
+
+
+
+ 2 min read
+
+
+
+
+ technology
+
+
+ ui-ux
+
+
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui ut cum,
+ nostrum porro, molestiae voluptates nam neque placeat aliquid saepe quod
+ blanditiis eligendi ab illo ad corrupti ex culpa velit aspernatur
+ accusamus dolorum quae natus. Dolor consectetur ut autem sit, atque,
+ corporis cupiditate praesentium harum placeat, odit dolore explicabo? Ea
+ eos repellat dignissimos, ex maxime non officiis doloribus eius sit a
+ facilis consectetur, maiores voluptate quas, iusto ullam nihil perferendis
+ harum nobis repellendus delectus libero debitis nisi architecto? Quia
+ laboriosam tempora magnam eos. Illum mollitia architecto est, facilis,
+ soluta odit, qui laboriosam itaque molestias ullam hic. Voluptatem modi
+ blanditiis vel in hic repudiandae id, ratione quisquam error voluptatibus
+ quae eveniet dolorem, qui nostrum quas consequuntur laborum sunt,
+ exercitationem quia inventore rerum nobis? Perferendis similique,
+ blanditiis, eius, voluptates eveniet autem itaque accusamus praesentium
+ quis optio deleniti. Animi temporibus repudiandae minus eveniet, aliquid
+ id explicabo voluptatum, voluptatibus distinctio quis eum in et modi
+ recusandae ipsa culpa! Voluptas earum repellat porro error esse adipisci
+ blanditiis a rerum, exercitationem enim nesciunt natus, optio tempore
+ fugit facilis accusamus modi explicabo repellendus! Tempora laudantium
+ iste nulla eligendi accusantium, temporibus enim vel ut dicta, adipisci
+ culpa modi quibusdam reiciendis quasi? Eius tempora exercitationem nisi
+ sapiente odit saepe modi aperiam recusandae, soluta numquam esse eligendi
+ sit ad natus, aliquid, minima consectetur magni asperiores laboriosam
+ nihil magnam tempore sequi! Temporibus deleniti eveniet corporis veniam
+ doloremque velit, sint est consequatur qui? Suscipit nihil quaerat harum
+ enim quibusdam numquam accusantium eligendi. Ipsum dolorem accusamus iusto
+ officiis minus hic, aut, ut rem molestiae quod ratione quam sint amet, ea
+ aliquid alias aperiam repudiandae officia consectetur sapiente dolore odio
+ animi tempore eius. Quis excepturi fugiat ad. Dolor quam fugit vero nulla!
+ Nam culpa sapiente adipisci! Alias dolore earum ex exercitationem iusto
+ provident corporis repellat, quaerat tempore quidem delectus at voluptate
+ velit necessitatibus eum architecto rem. Odit impedit quam quos harum.
+ Quidem quasi officia, itaque illo saepe odit! Unde suscipit, maiores
+ doloremque quos placeat nisi maxime optio officiis libero possimus, dolore
+ aperiam cupiditate assumenda saepe omnis quasi est et ducimus ad. A fugiat
+ nemo dicta rem, ducimus eligendi voluptatibus excepturi sunt expedita quas
+ ea corrupti totam aliquid minima eveniet quidem. Laboriosam odit excepturi
+ ratione? Unde ex debitis voluptas, repudiandae, qui excepturi consequatur
+ et molestias repellendus ipsa magni! Ea nihil distinctio esse culpa!
+ Itaque doloremque explicabo voluptas officia labore earum voluptatibus
+ optio nobis ullam, incidunt fugiat quaerat qui maxime ea deleniti ab modi
+ architecto. Eius nam voluptas odio inventore nemo quos aliquid, sapiente
+ optio! Enim expedita sint corrupti quos odio. Rerum aliquam ut cupiditate,
+ repellat culpa, officiis explicabo ratione quaerat qui voluptatibus esse,
+ eveniet deserunt repudiandae corrupti blanditiis ullam enim eaque
+ distinctio. Repellat quibusdam vel ipsum autem dignissimos officia ab
+ perferendis sequi. Vitae autem deleniti iste voluptates, assumenda totam,
+ quae nostrum fuga doloremque ducimus veniam quaerat accusamus. Vel rem
+ itaque cum, corporis dolorem excepturi repellendus quos fuga fugiat
+ debitis nostrum. Molestiae voluptatem odit minus expedita atque omnis,
+ voluptate facilis optio officiis autem ullam dicta veritatis culpa in
+ sequi aliquid magni dolore voluptates? Dolores, ipsa quia?
+
+
+
+{% endblock %}
diff --git a/src/pages/articles.njk b/src/pages/articles.njk
new file mode 100644
index 0000000..49f4c88
--- /dev/null
+++ b/src/pages/articles.njk
@@ -0,0 +1,56 @@
+---
+title: Articles
+layout: layout.njk
+eleventyNavigation:
+ key: Articles
+ order: 1
+banner:
+ title: Articles
+ subtitle: Here are some of the articles I wrote. Blaperi floco shotine marine tanterios
+---
+
+{% block body %}
+
+
+
+
+
+
+
+ 17 Feb 2021
+
+
+
+ Saving Your Web Workflows with Prototyping
+
+
+ A brilliant post by Matthias Ott on common UI and design / engineering
+ problems and how trying to solve them is often a greater lesson than
+ only learning about a new technology. “Learning comes from exploring
+ the problem space and trying different possible tradeoffs.”
+
+
+
+ technology
+
+
+ ui-ux
+
+
+
+
+
+
+{% endblock %}
diff --git a/src/pages/notes.njk b/src/pages/notes.njk
new file mode 100644
index 0000000..ec8ea10
--- /dev/null
+++ b/src/pages/notes.njk
@@ -0,0 +1,56 @@
+---
+title: Notes
+layout: layout.njk
+eleventyNavigation:
+ key: Notes
+ order: 3
+banner:
+ title: Notes
+ subtitle: Here are some of my references. These links are here because they helped me on my work!
+---
+
+{% block body %}
+
+
+
+
+
+
+
+ matthiasott.com
+
+
+
+ Saving Your Web Workflows with Prototyping
+
+
+ A brilliant post by Matthias Ott on common UI and design / engineering
+ problems and how trying to solve them is often a greater lesson than
+ only learning about a new technology. “Learning comes from exploring
+ the problem space and trying different possible tradeoffs.”
+
+
+
+ technology
+
+
+ ui-ux
+
+
+
+
+
+
+{% endblock %}
diff --git a/src/pages/products.njk b/src/pages/products.njk
new file mode 100644
index 0000000..89c9ba3
--- /dev/null
+++ b/src/pages/products.njk
@@ -0,0 +1,35 @@
+---
+title: Products
+layout: layout.njk
+eleventyNavigation:
+ key: Products
+ order: 1
+banner:
+ title: Products I built.
+ subtitle: This is a list of all the projects I've worked on. Vel quam elementum pulvinar etiam non. Nunc aliquet.
+---
+{% block body %}
+
+
+
+{% endblock %}
diff --git a/src/posts/post1.md b/src/posts/post1.md
new file mode 100644
index 0000000..e711d93
--- /dev/null
+++ b/src/posts/post1.md
@@ -0,0 +1,60 @@
+---
+title: Magna etiam tempor orci eu lino loborti na lapa di toli
+layout: layout.njk
+banner:
+ title: Magna etiam tempor orci eu lino loborti na lapa di toli
+ subtitle: Tellus elementum sagittis vitae et leo duis ut diam. Volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque in. Pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus faucibus.
+---
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui ut cum,
+nostrum porro, molestiae voluptates nam neque placeat aliquid saepe quod
+blanditiis eligendi ab illo ad corrupti ex culpa velit aspernatur
+accusamus dolorum quae natus. Dolor consectetur ut autem sit, atque,
+corporis cupiditate praesentium harum placeat, odit dolore explicabo? Ea
+eos repellat dignissimos, ex maxime non officiis doloribus eius sit a
+facilis consectetur, maiores voluptate quas, iusto ullam nihil perferendis
+harum nobis repellendus delectus libero debitis nisi architecto? Quia
+laboriosam tempora magnam eos. Illum mollitia architecto est, facilis,
+soluta odit, qui laboriosam itaque molestias ullam hic. Voluptatem modi
+blanditiis vel in hic repudiandae id, ratione quisquam error voluptatibus
+quae eveniet dolorem, qui nostrum quas consequuntur laborum sunt,
+exercitationem quia inventore rerum nobis? Perferendis similique,
+blanditiis, eius, voluptates eveniet autem itaque accusamus praesentium
+quis optio deleniti. Animi temporibus repudiandae minus eveniet, aliquid
+id explicabo voluptatum, voluptatibus distinctio quis eum in et modi
+recusandae ipsa culpa! Voluptas earum repellat porro error esse adipisci
+blanditiis a rerum, exercitationem enim nesciunt natus, optio tempore
+fugit facilis accusamus modi explicabo repellendus! Tempora laudantium
+iste nulla eligendi accusantium, temporibus enim vel ut dicta, adipisci
+culpa modi quibusdam reiciendis quasi? Eius tempora exercitationem nisi
+sapiente odit saepe modi aperiam recusandae, soluta numquam esse eligendi
+sit ad natus, aliquid, minima consectetur magni asperiores laboriosam
+nihil magnam tempore sequi! Temporibus deleniti eveniet corporis veniam
+doloremque velit, sint est consequatur qui? Suscipit nihil quaerat harum
+enim quibusdam numquam accusantium eligendi. Ipsum dolorem accusamus iusto
+officiis minus hic, aut, ut rem molestiae quod ratione quam sint amet, ea
+aliquid alias aperiam repudiandae officia consectetur sapiente dolore odio
+animi tempore eius. Quis excepturi fugiat ad. Dolor quam fugit vero nulla!
+Nam culpa sapiente adipisci! Alias dolore earum ex exercitationem iusto
+provident corporis repellat, quaerat tempore quidem delectus at voluptate
+velit necessitatibus eum architecto rem. Odit impedit quam quos harum.
+Quidem quasi officia, itaque illo saepe odit! Unde suscipit, maiores
+doloremque quos placeat nisi maxime optio officiis libero possimus, dolore
+aperiam cupiditate assumenda saepe omnis quasi est et ducimus ad. A fugiat
+nemo dicta rem, ducimus eligendi voluptatibus excepturi sunt expedita quas
+ea corrupti totam aliquid minima eveniet quidem. Laboriosam odit excepturi
+ratione? Unde ex debitis voluptas, repudiandae, qui excepturi consequatur
+et molestias repellendus ipsa magni! Ea nihil distinctio esse culpa!
+Itaque doloremque explicabo voluptas officia labore earum voluptatibus
+optio nobis ullam, incidunt fugiat quaerat qui maxime ea deleniti ab modi
+architecto. Eius nam voluptas odio inventore nemo quos aliquid, sapiente
+optio! Enim expedita sint corrupti quos odio. Rerum aliquam ut cupiditate,
+repellat culpa, officiis explicabo ratione quaerat qui voluptatibus esse,
+eveniet deserunt repudiandae corrupti blanditiis ullam enim eaque
+distinctio. Repellat quibusdam vel ipsum autem dignissimos officia ab
+perferendis sequi. Vitae autem deleniti iste voluptates, assumenda totam,
+quae nostrum fuga doloremque ducimus veniam quaerat accusamus. Vel rem
+itaque cum, corporis dolorem excepturi repellendus quos fuga fugiat
+debitis nostrum. Molestiae voluptatem odit minus expedita atque omnis,
+voluptate facilis optio officiis autem ullam dicta veritatis culpa in
+sequi aliquid magni dolore voluptates? Dolores, ipsa quia?
diff --git a/tailwind.config.js b/tailwind.config.js
index 8fbef22..b633a06 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,7 +5,22 @@ module.exports = {
center: true,
padding: '2rem',
},
- extend: {},
+ extend: {
+ colors: {
+ myred: {
+ 500: '#c44356',
+ 800: '#8b323f',
+ },
+ mydark: {
+ 100: '#232d2c',
+ 300: '#182624',
+ 500: '#14211e',
+ },
+ mygray: {
+ 500: '#313E3D',
+ },
+ },
+ },
},
variants: {
extend: {},
@@ -14,9 +29,5 @@ module.exports = {
require('@tailwindcss/forms'),
require('tailwindcss-debug-screens'),
],
- purge: [
- './src/**/*.js',
- './src/**/*.njk',
- './src/**/*.svg',
- ],
+ purge: ['./src/**/*.js', './src/**/*.njk', './src/**/*.svg'],
}
+ Check out my work
+ 
+ 
+ 
+ 
+ 
+ 10 Feb2020
+ 
+
+ 2 min read
+ 
+