From 51c5ea3b6443508d1f5c0d48f2994576183f0f78 Mon Sep 17 00:00:00 2001
From: Michael Currin <18750745+MichaelCurrin@users.noreply.github.com>
Date: Fri, 8 Dec 2023 04:17:19 +0100
Subject: [PATCH] feat: set color
---
CONTRIBUTING.md | 2 +-
README.md | 12 ++++++------
assets/main.scss | 5 +++++
index.md | 2 +-
recipes/art/sonic-pi.md | 2 +-
.../workflows/check-links/link-checker.md | 2 +-
.../check-links/markdown-link-check.md | 18 +++++++++---------
.../workflows/jekyll/build/index.md | 2 +-
.../jekyll/build/jekyll-actions-action.md | 2 +-
.../github-actions/workflows/ruby/basic.md | 2 +-
.../workflows/ruby/cache-gems-and-run.md | 4 ++--
.../workflows/ruby/install-gems-and-run.md | 2 +-
.../github-actions/workflows/tweet/python.md | 2 +-
recipes/go/web-scraper.md | 4 ++--
recipes/javascript/index.md | 2 +-
.../packages/primevue/frontend-basic.md | 8 ++++----
recipes/jekyll/themes.md | 2 +-
recipes/python/libraries/web-servers.md | 2 +-
recipes/web/check-links/jekyll-link-checker.md | 2 +-
recipes/web/check-links/markdown-link-check.md | 2 +-
20 files changed, 42 insertions(+), 37 deletions(-)
create mode 100644 assets/main.scss
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index a17dbdea..e35e6db1 100644
--- a/CONTRIBUTING.md
+++ b/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.
diff --git a/README.md b/README.md
index 13a84f93..ee9ef868 100644
--- a/README.md
+++ b/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:
-[![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")
@@ -46,7 +46,7 @@ Contributions are welcome. Please see the instructions:
diff --git a/assets/main.scss b/assets/main.scss
new file mode 100644
index 00000000..0420319a
--- /dev/null
+++ b/assets/main.scss
@@ -0,0 +1,5 @@
+---
+---
+$brand-color: #142f89;
+@import "fractal";
+@import "custom";
diff --git a/index.md b/index.md
index acfbc530..0fcbeedf 100644
--- a/index.md
+++ b/index.md
@@ -13,7 +13,7 @@ And the recipes are based on real-world code as much as possible, collecting fro
diff --git a/recipes/art/sonic-pi.md b/recipes/art/sonic-pi.md
index fb58f77c..c2d8322a 100644
--- a/recipes/art/sonic-pi.md
+++ b/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)
diff --git a/recipes/ci-cd/github-actions/workflows/check-links/link-checker.md b/recipes/ci-cd/github-actions/workflows/check-links/link-checker.md
index 7dfac521..1bf86e57 100644
--- a/recipes/ci-cd/github-actions/workflows/check-links/link-checker.md
+++ b/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.
diff --git a/recipes/ci-cd/github-actions/workflows/check-links/markdown-link-check.md b/recipes/ci-cd/github-actions/workflows/check-links/markdown-link-check.md
index be55ab2c..301b54d7 100644
--- a/recipes/ci-cd/github-actions/workflows/check-links/markdown-link-check.md
+++ b/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'
diff --git a/recipes/ci-cd/github-actions/workflows/jekyll/build/index.md b/recipes/ci-cd/github-actions/workflows/jekyll/build/index.md
index e8eb7f54..9cc531f2 100644
--- a/recipes/ci-cd/github-actions/workflows/jekyll/build/index.md
+++ b/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.
diff --git a/recipes/ci-cd/github-actions/workflows/jekyll/build/jekyll-actions-action.md b/recipes/ci-cd/github-actions/workflows/jekyll/build/jekyll-actions-action.md
index 45f2292b..0653c615 100644
--- a/recipes/ci-cd/github-actions/workflows/jekyll/build/jekyll-actions-action.md
+++ b/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)
diff --git a/recipes/ci-cd/github-actions/workflows/ruby/basic.md b/recipes/ci-cd/github-actions/workflows/ruby/basic.md
index 1118977e..5c3b745e 100644
--- a/recipes/ci-cd/github-actions/workflows/ruby/basic.md
+++ b/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
diff --git a/recipes/ci-cd/github-actions/workflows/ruby/cache-gems-and-run.md b/recipes/ci-cd/github-actions/workflows/ruby/cache-gems-and-run.md
index fe50ff90..1cb4fb7d 100644
--- a/recipes/ci-cd/github-actions/workflows/ruby/cache-gems-and-run.md
+++ b/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).
diff --git a/recipes/ci-cd/github-actions/workflows/ruby/install-gems-and-run.md b/recipes/ci-cd/github-actions/workflows/ruby/install-gems-and-run.md
index 1ae36a87..67318408 100644
--- a/recipes/ci-cd/github-actions/workflows/ruby/install-gems-and-run.md
+++ b/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.
diff --git a/recipes/ci-cd/github-actions/workflows/tweet/python.md b/recipes/ci-cd/github-actions/workflows/tweet/python.md
index b33ef403..f11d516f 100644
--- a/recipes/ci-cd/github-actions/workflows/tweet/python.md
+++ b/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
diff --git a/recipes/go/web-scraper.md b/recipes/go/web-scraper.md
index b30c2626..7da97a74 100644
--- a/recipes/go/web-scraper.md
+++ b/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
diff --git a/recipes/javascript/index.md b/recipes/javascript/index.md
index 1f6a79ab..57d40111 100644
--- a/recipes/javascript/index.md
+++ b/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/
diff --git a/recipes/javascript/packages/primevue/frontend-basic.md b/recipes/javascript/packages/primevue/frontend-basic.md
index 7b563a42..ef01bfee 100644
--- a/recipes/javascript/packages/primevue/frontend-basic.md
+++ b/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/primevue@3.4.0/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
Button Demo
-
+
@@ -96,7 +96,7 @@ Note that the variables get set up implicitly and not by name. The CSS