From 8425f9dd556e98d5f8b266fb388ab720f9b88673 Mon Sep 17 00:00:00 2001 From: Seth Cottle Date: Tue, 18 May 2021 22:48:51 -0400 Subject: [PATCH] New Brand Options! - Added TikTok - Added generic email icon - Added alternative email icon - Added default button to brands.css for your own branding --- css/brands.css | 16 ++++++++++++++++ icons/email.svg | 3 +++ icons/email_alt.svg | 3 +++ icons/tiktok.svg | 12 ++++++++++++ index.html | 12 ++++++++++++ 5 files changed, 46 insertions(+) create mode 100644 icons/email.svg create mode 100644 icons/email_alt.svg create mode 100644 icons/tiktok.svg diff --git a/css/brands.css b/css/brands.css index e079397..9741cb0 100644 --- a/css/brands.css +++ b/css/brands.css @@ -75,6 +75,14 @@ button:hover, /* Brand Styles –––––––––––––––––––––––––––––––––––––––––––––––––– */ +/* Default (this is great for your own brand color!) */ +.button.button-default { + color: #FFFFFF; + background-color: #0085FF } +.button.button-default:hover, +.button.button-default:focus { + filter: brightness(90%) } + /* Discord */ .button.button-discord { color: #FFFFFF; @@ -230,6 +238,14 @@ button:hover, .button.button-telegram:focus { filter: brightness(90%) } +/* TikTok */ +.button.button-tiktok { + color: #FFFFFF; + background-color: #000000 } +.button.button-tiktok:hover, +.button.button-tiktok:focus { + filter: brightness(90%) } + /* Tumblr */ .button.button-tumblr { color: #FFFFFF; diff --git a/icons/email.svg b/icons/email.svg new file mode 100644 index 0000000..85697ac --- /dev/null +++ b/icons/email.svg @@ -0,0 +1,3 @@ + + + diff --git a/icons/email_alt.svg b/icons/email_alt.svg new file mode 100644 index 0000000..954a4af --- /dev/null +++ b/icons/email_alt.svg @@ -0,0 +1,3 @@ + + + diff --git a/icons/tiktok.svg b/icons/tiktok.svg new file mode 100644 index 0000000..ecf0715 --- /dev/null +++ b/icons/tiktok.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/index.html b/index.html index 0bedaf8..a1d5707 100644 --- a/index.html +++ b/index.html @@ -107,6 +107,18 @@ Follow on Pinterest
+ + TikTok +
+ + + hello@littlelink.io +
+ + + hello@littlelink.io +
+ SoundCloud