feat: set color

CONTRIBUTING.md

@@ -12,7 +12,7 @@ See also the [Discussions](https://github.com/MichaelCurrin/code-cookbook/discus
 
 ## Make a Pull Request
 
-1. Fork the repo. [![ Fork repo](https://img.shields.io/badge/Create-Fork-blue?style=for-the-badge&logo=github)](https://github.com/MichaelCurrin/code-cookbook/fork)
+1. Fork the repo. [![ Fork repo](https://img.shields.io/badge/Create-Fork-142f89?style=for-the-badge&logo=github)](https://github.com/MichaelCurrin/code-cookbook/fork)
 2. Make a feature branch with your changes.
 3. Open the original repo in the browser - https://github.com/MichaelCurrin/code-cookbook
 4. On that page, create a Pull Request on the repo. Choose to merge from your fork's feature branch.

README.md

@@ -3,11 +3,11 @@
 
 [![GH Pages Deploy](https://github.com/MichaelCurrin/code-cookbook/workflows/GH%20Pages%20Deploy/badge.svg)](https://github.com/MichaelCurrin/code-cookbook/actions?query=workflow:"GH+Pages+Deploy")
 [![GitHub tag](https://img.shields.io/github/tag/MichaelCurrin/code-cookbook?include_prereleases&sort=semver)](https://github.com/MichaelCurrin/code-cookbook/releases/)
-[![License](https://img.shields.io/badge/License-MIT-blue)](#license)
+[![License](https://img.shields.io/badge/License-MIT-142f89)](#license)
 
-[![Jekyll](https://img.shields.io/badge/Jekyll-4-blue?logo=jekyll&logoColor=white)](https://jekyllrb.com)
-[![theme - fractal](https://img.shields.io/static/v1?label=theme&message=fractal&color=blue&logo=github)](https://github.com/MichaelCurrin/fractal)
-[![Hosted with - GitHub Pages](https://img.shields.io/badge/Hosted_with-GitHub_Pages-blue?logo=github&logoColor=white)](https://pages.github.com/)
+[![Jekyll](https://img.shields.io/badge/Jekyll-4-142f89?logo=jekyll&logoColor=white)](https://jekyllrb.com)
+[![theme - fractal](https://img.shields.io/static/v1?label=theme&message=fractal&color=142f89&logo=github)](https://github.com/MichaelCurrin/fractal)
+[![Hosted with - GitHub Pages](https://img.shields.io/badge/Hosted_with-GitHub_Pages-142f89?logo=github&logoColor=white)](https://pages.github.com/)
 
 Achieve small or large tasks using recipes that contain steps, scripts, and config files.
 
@@ -35,7 +35,7 @@ To set up and run this project (or your fork), see the project docs:
 
 <div align="center">
 
-[![Docs](https://img.shields.io/badge/View-Documentation-blue?style=for-the-badge)](/docs/ "Go to docs")
+[![Docs](https://img.shields.io/badge/View-Documentation-142f89?style=for-the-badge)](/docs/ "Go to docs")
 
 </div>
 
@@ -46,7 +46,7 @@ Contributions are welcome. Please see the instructions:
 
 <div align="center">
 
-[![Contributing doc](https://img.shields.io/badge/View-Contributing_doc-blue?style=for-the-badge)](/CONTRIBUTING.md "View contributing doc")
+[![Contributing doc](https://img.shields.io/badge/View-Contributing_doc-142f89?style=for-the-badge)](/CONTRIBUTING.md "View contributing doc")
 
 </div>
 

assets/main.scss

@@ -0,0 +1,5 @@
+---
+---
+$brand-color: #142f89;
+@import "fractal";
+@import "custom";

index.md

@@ -13,7 +13,7 @@ And the recipes are based on real-world code as much as possible, collecting fro
 
 <div align="center" style="padding-bottom: 1em;">
     <a href="{% link recipes/index.md %}">
-        <img src="https://img.shields.io/badge/all_recipe_topics-blue?style=for-the-badge"
+        <img src="https://img.shields.io/badge/all_recipe_topics-142f89?style=for-the-badge"
             alt="Go to recipes"/>
     </a>
 </div>

recipes/art/sonic-pi.md

@@ -27,7 +27,7 @@ The syntax is based on Ruby, as you'll see from [Samples](#samples) below.
 
 Repo:
 
-[![sonic-pi-net - sonic-pi](https://img.shields.io/static/v1?label=sonic-pi-net&message=sonic-pi&color=blue&logo=github)](https://github.com/sonic-pi-net/sonic-pi)
+[![sonic-pi-net - sonic-pi](https://img.shields.io/static/v1?label=sonic-pi-net&message=sonic-pi&color=142f89&logo=github)](https://github.com/sonic-pi-net/sonic-pi)
 [![stars - sonic-pi](https://img.shields.io/github/stars/sonic-pi-net/sonic-pi?style=social)](https://github.com/sonic-pi-net/sonic-pi)
 [![forks - sonic-pi](https://img.shields.io/github/forks/sonic-pi-net/sonic-pi?style=social)](https://github.com/sonic-pi-net/sonic-pi)
 

recipes/ci-cd/github-actions/workflows/check-links/link-checker.md

@@ -1,6 +1,6 @@
 # Link Checker action
 
-[![GitHub Marketplace](https://img.shields.io/badge/Marketplace-Link%20Checker-blue.svg?colorA=24292e&colorB=0366d6&style=flat&longCache=true&logo=github)](https://github.com/marketplace/actions/link-checker)
+[![GitHub Marketplace](https://img.shields.io/badge/Marketplace-Link%20Checker-142f89.svg?colorA=24292e&colorB=0366d6&style=flat&longCache=true&logo=github)](https://github.com/marketplace/actions/link-checker)
 
 A GitHub action for link checking repository Markdown and HTML files.
 

recipes/ci-cd/github-actions/workflows/check-links/markdown-link-check.md

@@ -1,6 +1,6 @@
 # Markdown Link Check action
 
-[![GitHub Marketplace](https://img.shields.io/badge/Marketplace-Markdown_Link_Check-blue.svg?colorA=24292e&colorB=0366d6&style=flat&longCache=true&logo=github)](https://github.com/marketplace/actions/markdown-link-check)
+[![GitHub Marketplace](https://img.shields.io/badge/Marketplace-Markdown_Link_Check-142f89.svg?colorA=24292e&colorB=0366d6&style=flat&longCache=true&logo=github)](https://github.com/marketplace/actions/markdown-link-check)
 
 
 ## Usage
@@ -15,10 +15,10 @@ on: push
 jobs:
   markdown-link-check:
     runs-on: ubuntu-latest
-    
+
     steps:
     - uses: actions/checkout@master
-    
+
     - uses: gaurav-nelson/github-action-markdown-link-check@v1
 ```
 
@@ -27,21 +27,21 @@ jobs:
 ```yaml
 name: Check Markdown links
 
-on: 
+on:
   push:
     branches:
     - master
-    
+
   schedule:
   - cron: "0 9 * * *"
 
 jobs:
   markdown-link-check:
     runs-on: ubuntu-latest
-    
+
     steps:
     - uses: actions/checkout@master
-    
+
     - uses: gaurav-nelson/github-action-markdown-link-check@v1
       with:
         use-quiet-mode: 'yes'
@@ -60,10 +60,10 @@ name: Check links for modified files
 jobs:
   markdown-link-check:
     runs-on: ubuntu-latest
-    
+
     steps:
     - uses: actions/checkout@master
-    
+
     - uses: gaurav-nelson/github-action-markdown-link-check@v1
       with:
         use-quiet-mode: 'yes'

recipes/ci-cd/github-actions/workflows/jekyll/build/index.md

@@ -29,5 +29,5 @@ That approach without GitHub Actions is much simpler. The downside is that you a
 
 See my Jekyll GH Actions Quickstart template project which demonstrates how to build a minimal site. It has a GH Actions flow which sets up Jekyll and runs GH Pages deploy in the last step.
 
-- [![MichaelCurrin - jekyll-gh-actions-quickstart](https://img.shields.io/static/v1?label=MichaelCurrin&message=jekyll-gh-actions-quickstart&color=blue&logo=github)](https://github.com/MichaelCurrin/jekyll-gh-actions-quickstart)
+- [![MichaelCurrin - jekyll-gh-actions-quickstart](https://img.shields.io/static/v1?label=MichaelCurrin&message=jekyll-gh-actions-quickstart&color=142f89&logo=github)](https://github.com/MichaelCurrin/jekyll-gh-actions-quickstart)
 - [Live demo](https://michaelcurrin.github.io/jekyll-gh-actions-quickstart/) website.

recipes/ci-cd/github-actions/workflows/jekyll/build/jekyll-actions-action.md

@@ -2,7 +2,7 @@
 
 {% raw %}
 
-- [![limjh16 - jekyll-action-ts](https://img.shields.io/static/v1?label=limjh16&message=jekyll-action-ts&color=blue&logo=github)](https://github.com/limjh16/jekyll-action-ts)
+- [![limjh16 - jekyll-action-ts](https://img.shields.io/static/v1?label=limjh16&message=jekyll-action-ts&color=142f89&logo=github)](https://github.com/limjh16/jekyll-action-ts)
 
 That is fork of [Jekyll Actions](https://github.com/marketplace/actions/jekyll-actions) action, with the differences that the fork is built in TS not Docker and it doesn't to publish for you (the docs add a step for publishing)
 

recipes/ci-cd/github-actions/workflows/ruby/basic.md

@@ -2,7 +2,7 @@
 
 This assumes no gems at all.
 
-[![actions - setup-ruby](https://img.shields.io/static/v1?label=actions&message=setup-ruby&color=blue&logo=github)](https://github.com/actions/setup-ruby)
+[![actions - setup-ruby](https://img.shields.io/static/v1?label=actions&message=setup-ruby&color=142f89&logo=github)](https://github.com/actions/setup-ruby)
 
 - `main.yml`
     ```yaml

recipes/ci-cd/github-actions/workflows/ruby/cache-gems-and-run.md

@@ -2,11 +2,11 @@
 
 {% raw %}
 
-Install using `cache` action and `actions/setup-ruby` action. 
+Install using `cache` action and `actions/setup-ruby` action.
 
 Note, if you use `ruby/setup-ruby` instead, you get caching _already_. With the approach here, you get more control over cache and how Bundler runs, if that matters to you.
 
-[![actions - cache](https://img.shields.io/static/v1?label=actions&message=cache&color=blue&logo=github)](https://github.com/actions/cache)
+[![actions - cache](https://img.shields.io/static/v1?label=actions&message=cache&color=142f89&logo=github)](https://github.com/actions/cache)
 
 Based on [example](https://github.com/actions/cache/blob/master/examples.md#ruby---bundler).
 

recipes/ci-cd/github-actions/workflows/ruby/install-gems-and-run.md

@@ -4,7 +4,7 @@ Use an action to set up Ruby, Ruby gems and then run a Ruby script.
 
 This is using an action owned by the `ruby` GH account. Don't confuse with action of same name  owned by `actions` account.
 
-[![ruby - setup-ruby](https://img.shields.io/static/v1?label=ruby&message=setup-ruby&color=blue&logo=github)](https://github.com/ruby/setup-ruby)
+[![ruby - setup-ruby](https://img.shields.io/static/v1?label=ruby&message=setup-ruby&color=142f89&logo=github)](https://github.com/ruby/setup-ruby)
 
 From the action's docs, if you use `bundle-cache` option, that means gems will be set up for you. It effectively does `bundle install` and then caches gems between builds. You can remove that option below, if you have no gems to install.
 

recipes/ci-cd/github-actions/workflows/tweet/python.md

@@ -10,7 +10,7 @@ Here we set up a short Python script which can be run locally or using GH Action
 
 See **Tweet GitHub Actions** as a simple template repo that you can use.
 
-[![MichaelCurrin - tweet-gh-actions-py](https://img.shields.io/static/v1?label=MichaelCurrin&message=tweet-gh-actions-py&color=blue&logo=github)](https://github.com/MichaelCurrin/tweet-gh-actions-py)
+[![MichaelCurrin - tweet-gh-actions-py](https://img.shields.io/static/v1?label=MichaelCurrin&message=tweet-gh-actions-py&color=142f89&logo=github)](https://github.com/MichaelCurrin/tweet-gh-actions-py)
 
 
 ## Set up scripts

recipes/go/web-scraper.md

@@ -4,7 +4,7 @@
 
 See [http](https://golang.org/pkg/net/http/) package. Examples from the docs.
 
-> When err is nil, resp always contains a non-nil resp.Body. Caller should close resp.Body when done reading from it. 
+> When err is nil, resp always contains a non-nil resp.Body. Caller should close resp.Body when done reading from it.
 
 - `main.go`
 	```go
@@ -70,7 +70,7 @@ Based on [post](https://itnext.io/create-your-first-web-scraper-in-go-with-goque
 
 ## Using Colly
 
-[![gocolly - colly](https://img.shields.io/static/v1?label=gocolly&message=colly&color=blue&logo=github)](https://github.com/gocolly/colly)
+[![gocolly - colly](https://img.shields.io/static/v1?label=gocolly&message=colly&color=142f89&logo=github)](https://github.com/gocolly/colly)
 
 > Lightning Fast and Elegant Scraping Framework for Gophers
 

recipes/javascript/index.md

@@ -8,7 +8,7 @@ logo: javascript
 
 - [JS in Dev Cheatsheets][]
 - [JS in Dev Resources][]
-- [![MichaelCurrin - node-project-template](https://img.shields.io/static/v1?label=MichaelCurrin&message=node-project-template&color=blue&logo=github)](https://github.com/MichaelCurrin/node-project-template) - references to a `package.json` file and project structure and docs layout.
+- [![MichaelCurrin - node-project-template](https://img.shields.io/static/v1?label=MichaelCurrin&message=node-project-template&color=142f89&logo=github)](https://github.com/MichaelCurrin/node-project-template) - references to a `package.json` file and project structure and docs layout.
 
 
 [JS in Dev Cheatsheets]: https://michaelcurrin.github.io/dev-cheatsheets/cheatsheets/javascript/

recipes/javascript/packages/primevue/frontend-basic.md

@@ -6,7 +6,7 @@
 
 See my PrimeVue project which uses ES Modules to allow `import` syntax. It doesn't use Node or build step.
 
-[![MichaelCurrin - primevue-frontend-quickstart](https://img.shields.io/static/v1?label=MichaelCurrin&message=primevue-frontend-quickstart&color=blue&logo=github)](https://github.com/MichaelCurrin/primevue-frontend-quickstart)
+[![MichaelCurrin - primevue-frontend-quickstart](https://img.shields.io/static/v1?label=MichaelCurrin&message=primevue-frontend-quickstart&color=142f89&logo=github)](https://github.com/MichaelCurrin/primevue-frontend-quickstart)
 
 
 ## Docs sample
@@ -72,7 +72,7 @@ Notes:
 - I got content type warnings in the browser on loading the CSS, unless I locked down to specific versions like `@3.3.5`.
 - The component gets loaded from [inputtext.min.js](https://unpkg.com/[email protected]/inputtext/inputtext.min.js).
 - The original code uses `primevue.inputtext` but that gives an error. Looking at the script, it sets up on `this` so therefore I used `this.primevue.inputtext` and that worked.
-- Note that elements named like `Button` won't work because they get downcased in the DOM as `button`. Use `p-button` or `p-inputtext` works though and comes from the docs. 
+- Note that elements named like `Button` won't work because they get downcased in the DOM as `button`. Use `p-button` or `p-inputtext` works though and comes from the docs.
 
 
 ## PrimeVue 2
@@ -85,7 +85,7 @@ Note that the variables get set up implicitly and not by name. The CSS
 <head>
     <meta charset="utf-8">
     <title>Button Demo</title>
-    
+
     <link href="https://unpkg.com/[email protected]/resources/themes/saga-blue/theme.css"
         rel="stylesheet" />
     <link href="https://unpkg.com/[email protected]/resources/primevue.min.css" rel="stylesheet" />
@@ -96,7 +96,7 @@ Note that the variables get set up implicitly and not by name. The CSS
     <div id="app">
         <button-styled label="Submit" />
     </div>
-    
+
     <script type="module">
         import "https://unpkg.com/[email protected]/components/button/button.umd.js";
         import "https://unpkg.com/vue@2";

recipes/jekyll/themes.md

@@ -39,7 +39,7 @@ See [Specification](https://ruby-doc.org/stdlib-2.7.0/libdoc/rubygems/rdoc/Gem/S
 
 My own quickstart theme project.
 
-[![MichaelCurrin - jekyll-theme-quickstart](https://img.shields.io/static/v1?label=MichaelCurrin&message=jekyll-theme-quickstart&color=blue&logo=github)](https://github.com/MichaelCurrin/jekyll-theme-quickstart)
+[![MichaelCurrin - jekyll-theme-quickstart](https://img.shields.io/static/v1?label=MichaelCurrin&message=jekyll-theme-quickstart&color=142f89&logo=github)](https://github.com/MichaelCurrin/jekyll-theme-quickstart)
 
 ### Installed
 

recipes/python/libraries/web-servers.md

@@ -2,4 +2,4 @@
 
 See examples in this repo:
 
-- [![MichaelCurrin - python-webserver-quickstarts](https://img.shields.io/static/v1?label=MichaelCurrin&message=python-webserver-quickstarts&color=blue&logo=github)](https://github.com/MichaelCurrin/python-webserver-quickstarts)
+- [![MichaelCurrin - python-webserver-quickstarts](https://img.shields.io/static/v1?label=MichaelCurrin&message=python-webserver-quickstarts&color=142f89&logo=github)](https://github.com/MichaelCurrin/python-webserver-quickstarts)

recipes/web/check-links/jekyll-link-checker.md

@@ -2,7 +2,7 @@
 
 Tool built on Docker and Python - available on Docker Hub.
 
-[![linaro-its - jekyll-link-checker](https://img.shields.io/static/v1?label=linaro-its&message=jekyll-link-checker&color=blue&logo=github)](https://github.com/linaro-its/jekyll-link-checker)
+[![linaro-its - jekyll-link-checker](https://img.shields.io/static/v1?label=linaro-its&message=jekyll-link-checker&color=142f89&logo=github)](https://github.com/linaro-its/jekyll-link-checker)
 [![stars - jekyll-link-checker](https://img.shields.io/github/stars/linaro-its/jekyll-link-checker?style=social)](https://github.com/linaro-its/jekyll-link-checker)
 
 [Docker Hub](https://hub.docker.com/r/linaroits/linkcheck)

recipes/web/check-links/markdown-link-check.md

@@ -2,7 +2,7 @@
 
 An NPM package to check links in Markdown files.
 
-[![tcort - markdown-link-check](https://img.shields.io/static/v1?label=tcort&message=markdown-link-check&color=blue&logo=github)](https://github.com/tcort/markdown-link-check)
+[![tcort - markdown-link-check](https://img.shields.io/static/v1?label=tcort&message=markdown-link-check&color=142f89&logo=github)](https://github.com/tcort/markdown-link-check)
 [![stars - markdown-link-check](https://img.shields.io/github/stars/tcort/markdown-link-check?style=social)](https://github.com/tcort/markdown-link-check)