diff --git a/netlify.toml b/netlify.toml new file mode 100644 index 0000000..4353d7c --- /dev/null +++ b/netlify.toml @@ -0,0 +1,14 @@ +[build] + publish = "dist" + # Allows overriding metadata.json via env var + command = "[ \"$METADATA_JSON\" ] && echo $METADATA_JSON > _data/metadata.json; npm run build" + functions = "functions/" + +[[plugins]] + package = "@netlify/plugin-functions-install-core" + +[[headers]] + for = "*.avif" + [headers.values] + Content-Type = "image/avif" + Content-Disposition = "inline" diff --git a/package.json b/package.json index 0dcaec5..3819300 100644 --- a/package.json +++ b/package.json @@ -4,6 +4,7 @@ "description": "A starter template for the TEA stack.", "main": "index.js", "scripts": { + "start": "npm-run-all dev:*", "build": "cross-env NODE_ENV=production npm-run-all clean -p build:*", "build:eleventy": "eleventy", "build:webpack": "webpack", diff --git a/src/_bundle/styles/base.pcss b/src/_bundle/styles/base.pcss index fc32b50..d76f7d5 100644 --- a/src/_bundle/styles/base.pcss +++ b/src/_bundle/styles/base.pcss @@ -1 +1,13 @@ /* Custom Base Styles Go Here. */ +li { + position: relative; + left: 26px; +} +li::before { + content: url(/images/icons/bx-arrow.svg); + margin-left: -26px; + @apply absolute left-0 top-0; +} +li + li { + @apply mt-4; +} diff --git a/src/_bundle/styles/components.pcss b/src/_bundle/styles/components.pcss index ed86a87..f7994b6 100644 --- a/src/_bundle/styles/components.pcss +++ b/src/_bundle/styles/components.pcss @@ -1 +1,4 @@ /* Custom Components Go Here. */ +.button { + @apply inline-block bg-myred-500 rounded-lg text-white hover:bg-white hover:text-mydark-500 px-4 py-2 my-5; +} diff --git a/src/_data/notes.js b/src/_data/notes.js new file mode 100644 index 0000000..98df3e2 --- /dev/null +++ b/src/_data/notes.js @@ -0,0 +1,16 @@ +module.exports = [ + { + url: 'matthiasott.com', + title: 'Saving Your Web Workflows with Prototyping', + tags: ['UI', 'UX', 'Code'], + description: + '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.”', + }, + { + url: 'matthiasott.com', + title: 'Saving Your Web Workflows with Prototyping', + tags: ['UI', 'UX', 'Code'], + description: + '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.”', + }, +]; diff --git a/src/_data/products.js b/src/_data/products.js new file mode 100644 index 0000000..46d099c --- /dev/null +++ b/src/_data/products.js @@ -0,0 +1,30 @@ +module.exports = [ + { + title: 'Frankly Books', + subtitle: 'Book Marketplace', + details: '2021 - Product Creation', + description: + 'DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.', + features: [ + 'DIY tote bag drinking ', + 'DIY tote bag drinking ', + 'DIY tote bag drinking ', + ], + url: 'https://url.com', + image: 'https://source.unsplash.com/random/200', + }, + { + title: 'Project 2', + subtitle: 'Subtitle', + details: '2021 - Product Creation', + description: + 'DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.', + features: [ + 'DIY tote bag drinking ', + 'DIY tote bag drinking ', + 'DIY tote bag drinking ', + ], + url: 'https://url.com', + image: 'https://source.unsplash.com/random/300', + }, +]; diff --git a/src/_includes/header.njk b/src/_includes/header.njk index 524b342..0a39d7f 100644 --- a/src/_includes/header.njk +++ b/src/_includes/header.njk @@ -6,16 +6,20 @@
{% for item in collections.all | eleventyNavigation %} - - {{ item.title }} - + {{ item.title }} + {% endfor %}
+ {# {% if page + .url + .indexOf('/articles/') == 0 %} #}
- + {# {% endif %} #} + \ No newline at end of file diff --git a/src/_includes/layouts/article.njk b/src/_includes/layouts/article.njk index 0693630..fdf26b5 100644 --- a/src/_includes/layouts/article.njk +++ b/src/_includes/layouts/article.njk @@ -3,41 +3,39 @@ layout: layouts/base.njk --- {% block body %} -
-
-
-
- - link - {{ date | displayDate }} - - - +
+
+
+ + link + {{ date | displayDate }} + + + link - {% set wc = content | striptags | wordcount %} {% set wPerMinute = (wc - / 200) + 1 %} - {{ wPerMinute | round }} min read. + alt="link"/> + {% set wc = content | striptags | wordcount %} + {% set wPerMinute = (wc / 200) + 1 %} + {{ wPerMinute | round }} min read. -
-
- +
+
+ technology - ui-ux +
+
+
+ {{ content | safe }}
-
-
- {{ content | safe }} -
-
-
-{% endblock %} + + +{% endblock %} \ No newline at end of file diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk index 1ab69d4..9d58a41 100644 --- a/src/_includes/layouts/base.njk +++ b/src/_includes/layouts/base.njk @@ -1,21 +1,31 @@ - - - + + + {{ title }} | TEA Stack {% block head %}{% endblock %} - {% include 'header.njk' %} {% if banner %} {% include "banner.njk" %} {% - endif %} {% block body %} -
- {{ content | safe }} -
+ {% if page.url == '/pages/about/' %} +
+ {{ content | safe }} +
+ {% endif %} + {% if page.url != '/pages/about/' %} + {{ content | safe }} + {% endif %} + {% endblock %} - + \ No newline at end of file diff --git a/src/articles/article1.md b/src/articles/article1.md index 70de49b..e6bdbeb 100644 --- a/src/articles/article1.md +++ b/src/articles/article1.md @@ -3,7 +3,8 @@ title: This is my first post. description: This is a post on My Blog about agile frameworks. date: 2018-05-01 tags: - - another-tag + - dd + - dd image: https://cdn.pixabay.com/photo/2020/08/30/20/54/rice-field-5530707_1280.jpg layout: layouts/article.njk banner: @@ -17,7 +18,7 @@ Leverage agile frameworks to provide a robust synopsis for high level overviews. Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring. -![An image](https://cdn.pixabay.com/photo/2020/08/30/20/54/rice-field-5530707_1280.jpg) +![An image](https://source.unsplash.com/random/720) ## Section Header diff --git a/src/index.njk b/src/index.njk index 6a5743d..6bddf40 100644 --- a/src/index.njk +++ b/src/index.njk @@ -1,140 +1,143 @@ -{# This page is built with nunjucks! #} {% set title = 'Home' %} {% extends -"layouts/base.njk" %} {% block body %} -
-
-
+
+
-
-

+

I am Kelvin Lockwood, a non-technical startup founder and jack of all trades working on products, subscription services and marketplaces.

-
- chevron-down - Check out my work +
+ chevron-down + Check out my work +
-
-
- + hero +/> +
-
-
+ -
-
-

+
+
+

Here's how I can help you

-
- {# one #} -
-
- user -

+
+ {# one #} +
+
+ user +

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 -

+/> +

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 #} -
-
- line chart -

+ {# three #} +
+
+ line chart +

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 #} -
-
- user -

+ {# one #} +
+
+ user +

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 -

+/> +

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 #} -
-
- line chart -

+ {# three #} +
+
+ line chart +

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 %} + + +{% endblock %} \ No newline at end of file diff --git a/src/pages/articles.njk b/src/pages/articles.njk index 18792c5..d457996 100644 --- a/src/pages/articles.njk +++ b/src/pages/articles.njk @@ -9,43 +9,43 @@ banner: --- {% block body %} -
-
+
-
- {%- for article in collections.article -%} -
-
- link - + {%- for article in collections.article -%} +
+
+ link + - {{ article.date | displayDate }} - -
-

+

+

- - {{ article.data.title }} - -

-

- {{ article.data.banner.description }} -

-
- {% for tag in article.data.tags | displayTags %} - + {{ article.data.title }} + + +

+ {{ article.data.banner.description }} +

+
+ {% for tag in article.data.tags | displayTags %} + - {{ tag }} - - {% endfor %} -
+ {{ tag }} + + {% endfor %} +
+
+ {%- endfor -%}
- {%- endfor -%} -
-
-
-{% endblock %} + + +{% endblock %} \ No newline at end of file diff --git a/src/pages/notes.njk b/src/pages/notes.njk index d9e5338..dffe7cc 100644 --- a/src/pages/notes.njk +++ b/src/pages/notes.njk @@ -9,47 +9,42 @@ banner: --- {% block body %} -
-
+
-
-
-
- link - + {%- for note in notes -%} +
+
+ link + - 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 - - +

+ {{ note.description }} +

+
+ {% for tag in note.tags | displayTags %} + - ui-ux - -
+ {{ tag }} + + {% endfor %} +
+
+ {% endfor %}
-
-
-
-{% endblock %} + + +{% endblock %} \ No newline at end of file diff --git a/src/pages/products.njk b/src/pages/products.njk index 124ce2e..19c03b2 100644 --- a/src/pages/products.njk +++ b/src/pages/products.njk @@ -1,35 +1,41 @@ --- title: Products layout: layouts/base.njk -eleventyNavigation: - key: Products - order: 1 banner: title: Products I built. description: This is a list of all the projects I've worked on. Vel quam elementum pulvinar etiam non. Nunc aliquet. --- +{# eleventyNavigation: + key: Products + order: 1 #} {% block body %} -
-
-
- team +
+{% for product in products %} + +
+
+ team
-

Frankly Books

-

Book Marketplace

-

2021 - Product Creation

-

DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware. -

+{% endfor %} +
{% endblock %} diff --git a/webpack.config.js b/webpack.config.js index eeca440..a51d311 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -8,7 +8,11 @@ module.exports = { rules: [ { test: /\.pcss$/i, - use: [MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader'], + use: [ + MiniCssExtractPlugin.loader, + 'css-loader?url=false', + 'postcss-loader', + ], }, ], },