diff --git a/about.md b/about.md
index c4924282..1b5d5f2d 100644
--- a/about.md
+++ b/about.md
@@ -1,3 +1,43 @@
 ---
 title: About
 ---
+
+
+## Purpose
+
+This is my collection of reusable code samples and instructions, arranged in a way like recipes so that you can use an entire file to solve a task and not just look for one line like in a cheatsheet guide.
+
+Here you'll find code snippets in Jekyll, Bash, Python or JS. And some entire files you can copy in part or as a whole for your Makefile or deploy pipeline config.
+
+
+## Background
+
+I have written and refined some of these recipes myself from my dev experience. Or I have copied from other sources like tutorials or other repos. I give credit as much as possible to the original source. Sometimes I don't even understand how a file works, but I know what it does and that it will be useful one day so I stash it as a reference in this centralized repo. This suits my learning style as I like to learn by example and real-world use, not just memorizing syntax and definitions.
+
+This collection approach I use it also great because I can collect code by myself or others which solves similar problems or the same problem (e.g. deploy a site) and then I can **compare** the solutions. I can choose one that makes sense for my situation or I can take the best parts from each solution and make a new entry, which becomes my go-to solution for keeping my projects consistent.
+
+<!-- delete or rewrite or move to new page
+
+Sometimes the "recipe" in a directory is a group of scripts and possibly configs which work together.
+
+Sometimes there is just a collection of ingredients which are similar and can be used in a larger recipe. For example, a collection of ESLint config files from various sources, or some boilerplate HTML and CSS to add an element to a Jekyll site.
+
+I have a lot of template or "quickstart" repos on GitHub, but sometimes there are too specific for a larger setup. So this cookbook repo can take the most useful parts of those repos and put them in here as snippets with detail comments. This is a nice balance between entire files or projects which are not all relevant (or up to date) and giving one-line definitions of fields and allowed values.
+
+A collection of answers to coding problems I come across, so I can refer back here to see what a few good approaches are.
+
+Like a cheatsheet, but rather than one-line commands or code blocks, the answer is a longer file, a combination of files, or series of steps to follow.
+
+Some answers will be boilerplate that you can copy to your project as is, with a few values possibly to configure.
+
+Some content will be steps to follow in the command-line and not so much code to write.
+
+The explanations are steps are more thorough than would fit in a cheatsheet and a cheatsheet would be more low-level pieces than a set of instructions. Though the emphasis is more on the content rather than steps to follow.
+
+The solutions are based on my experienced or copied from other projects that I find, as a reference for how to something.
+
+This project does not cover steps on install tools but rather how to use them.
+
+This project is partly based on a principle in the book [Steal like an artist](https://www.amazon.com/Steal-Like-Artist-Things-Creative/dp/0761169253) which recommends making a stash of things that resonate with you and you can use an inspiration. Whether music, pictures, code... Note the book discourages plagiarism but focuses on the idea that nothing is truthy original, so use pieces that you find and rework them and make them yours in something new. This Code Cookbook is my collection or stash, using links and credits as much as possible to repos and docs, so I can draw on trusted examples when I need a reference.
+
+-->
diff --git a/index.md b/index.md
index 2306f7a2..6aa4b72d 100644
--- a/index.md
+++ b/index.md
@@ -4,3 +4,40 @@ layout: home
 ---
 
 > {{ site.description }}
+
+
+
+Welcome to **Code Cookbook**.
+
+<div align="center" style="padding-bottom: 1em;">
+    <a href="{{ site.baseurl }}{% link recipes/index.md %}">
+        <img src="https://img.shields.io/badge/all_recipe_topics-blue?style=for-the-badge"
+            alt="Go to recipes"/>
+    </a>
+</div>
+
+
+## Featured topics
+
+- [Make][]
+    - Sample `Makefile` files.
+- [CI/CD][]
+    - Many language-specific sample [workflows][] for GH Actions to test and deploy your app
+    - Plus some _Netlify_ configs.
+- [SEO][]
+    - Recipes for `robots.txt` and `sitemap.xml` files.
+- [Shell][]
+    - Usage help and examples for commands and patterns to use one or more commands to solve a real problem. Such as how to do find and replace using `find` or `sed` or how to clean up your git repo.
+- [Jekyll][]
+    - Code snippets and configs
+- [Containers][]
+    - Commands and configs for using Docket and k8s.
+
+
+[Make]: {{ site.baseurl }}{% link recipes/make/index.md %}
+[CI/CD]: {{ site.baseurl }}{% link recipes/ci-cd/index.md %}
+[Workflows]: {{ site.baseurl }}{% link recipes/ci-cd/github-actions/workflows/index.md %}
+[SEO]: {{ site.baseurl }}{% link recipes/seo/index.md %}
+[Shell]: {{ site.baseurl }}{% link recipes/shell/index.md %}
+[Jekyll]: {{ site.baseurl }}{% link recipes/jekyll/index.md %}
+[Containers]: {{ site.baseurl }}{% link recipes/containers/index.md %}
diff --git a/recipes/index.md b/recipes/index.md
index 1f2b23f7..5d9bf661 100644
--- a/recipes/index.md
+++ b/recipes/index.md
@@ -2,3 +2,5 @@
 layout: listing
 ---
 # Recipes
+
+Start here to browse topics and languages that interest you.