From d17d704cf9fe7a5a5c2bf4fcc5702297a212eb88 Mon Sep 17 00:00:00 2001 From: Seth Cottle <SethCottle@gmail.com> Date: Wed, 16 Nov 2022 12:37:19 -0500 Subject: [PATCH] Added Substack Added Substack CSS branding and icon. --- css/brands.css | 10 ++++++++++ images/icons/substack.svg | 3 +++ index.html | 5 +++++ 3 files changed, 18 insertions(+) create mode 100644 images/icons/substack.svg diff --git a/css/brands.css b/css/brands.css index 233a5cc..c4fa549 100644 --- a/css/brands.css +++ b/css/brands.css @@ -571,6 +571,16 @@ button:hover, filter: brightness(90%); } +/* Substack */ +.button.button-substack { + color: #ffffff; + background-color: #FF6719; +} +.button.button-substack:hover, +.button.button-substack:focus { + filter: brightness(90%); +} + /* Telegram */ .button.button-telegram { color: #ffffff; diff --git a/images/icons/substack.svg b/images/icons/substack.svg new file mode 100644 index 0000000..6fc656c --- /dev/null +++ b/images/icons/substack.svg @@ -0,0 +1,3 @@ +<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path d="M22.539 8.242H1.45999V5.406H22.54V8.242H22.539ZM1.45999 10.812V24L12 18.11L22.54 24V10.812H1.45999ZM22.54 0H1.45999V2.836H22.54V0Z" fill="white"/> +</svg> diff --git a/index.html b/index.html index e4524f6..e3bc985 100644 --- a/index.html +++ b/index.html @@ -196,6 +196,11 @@ <img class="icon" src="images/icons/google-podcasts.svg" alt="Google Podcasts Logo">Listen on Google Podcasts</a> <br> + <!-- Clubhouse --> + <a class="button button-substack" href="#" target="_blank" rel="noopener"> + <img class="icon" src="images/icons/substack.svg" alt="Substack Logo">Subscribe on Substack</a> + <br> + <!-- Clubhouse --> <a class="button button-clubhouse" href="#" target="_blank" rel="noopener"> <img class="icon" src="images/icons/clubhouse.svg" alt="Clubhouse Logo">Clubhouse</a>