diff --git a/.env.example b/.env.example index f9e5f4d..6ed9e23 100644 --- a/.env.example +++ b/.env.example @@ -35,4 +35,4 @@ RAZZLE_CUSTOM_BUTTON_TEXT_COLOR=#ffffff,#ffffff RAZZLE_CUSTOM_BUTTON_ALT_TEXT=Visit my site!,Visit my OTHER Site! RAZZLE_CUSTOM_BUTTON_NAME=HOMEPAGE,HOMEPAGE2 RAZZLE_CUSTOM_BUTTON_ICON=fas link,fab youtube -RAZZLE_BUTTON_TARGET=_blank \ No newline at end of file +RAZZLE_BUTTON_TARGET=_blank diff --git a/public/css/brands.css b/public/css/brands.css index 3d39919..1b754a8 100644 --- a/public/css/brands.css +++ b/public/css/brands.css @@ -537,4 +537,10 @@ button { .button.button-jetphotos { color: #ffffff; background-color: #000000; -} \ No newline at end of file +} + +/* substack */ +.button.button-substack { + color: #000; + background-color: #fff; +} diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js index 52f8260..63e6e75 100644 --- a/src/components/Home/Home.js +++ b/src/components/Home/Home.js @@ -81,6 +81,7 @@ import veroLogo from '../../icons/vero.svg'; import myAnimeListLogo from '../../icons/myanimelist.svg'; import fiveHundredPXLogo from '../../icons/500px.svg'; import jetphotosLogo from '../../icons/jetphotos.svg'; +import substackLogo from '../../icons/substack.svg'; function Home(props) { let order = []; @@ -859,6 +860,15 @@ function Home(props) { order={buttonOrder('JETPHOTOS')} /> )} + {runtimeConfig.SUBSTACK && ( +