From 91a6e6221c36a06520a3eb61fa60f61805f4cfb4 Mon Sep 17 00:00:00 2001 From: Alicia Sykes Date: Tue, 12 Mar 2024 15:53:12 +0000 Subject: [PATCH 1/4] docs: Adds Terminal Trove --- .github/README.md | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/.github/README.md b/.github/README.md index dd22758..5207c94 100644 --- a/.github/README.md +++ b/.github/README.md @@ -9,6 +9,22 @@

+--- +

+ Kindly supported by:
+ + Terminal Trove +
+ The $HOME of all things in the terminal. + +
+ + Find your next CLI / TUI tool and more at Terminal Trove, +
+ Get updates on new tools on our newsletter. + +

+ --- #### Contents From 43851ae0fbd7abbef1a72bb2f145e1538cb8b6b8 Mon Sep 17 00:00:00 2001 From: Alicia Sykes Date: Tue, 12 Mar 2024 16:17:01 +0000 Subject: [PATCH 2/4] Adds Terminal Trove to about page --- src/pages/About.tsx | 40 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/src/pages/About.tsx b/src/pages/About.tsx index 6839c8d..e6603a3 100644 --- a/src/pages/About.tsx +++ b/src/pages/About.tsx @@ -101,6 +101,24 @@ const Section = styled(StyledCard)` } `; +const SponsorshipContainer = styled.div` + display: flex; + justify-content: space-between; + gap: 1rem; + flex-wrap: wrap; + align-items: center; + line-height: 1.5rem; + span { + font-size: 1.2rem; + margin: 0.1rem 0; + // display: block; + font-weight: bold; + } + img { + border-radius: 4px; + } +`; + const makeAnchor = (title: string): string => { return title.toLowerCase().replace(/[^\w\s]|_/g, "").replace(/\s+/g, "-"); }; @@ -121,6 +139,28 @@ const About = (): JSX.Element => {

{para}

))}
+ +

+ + Web-Check is kindly sponsored + by + Terminal Trove + + +
+ The $HOME of all things in the terminal. +
+ + + Find your next CLI / TUI tool, and get updates to your inbox + + +

+ + Terminal Trove + + +

Web-Check is developed and maintained by Alicia Sykes. It's licensed under the MIT license, From 68778d382467266664655c3199a30f8402432210 Mon Sep 17 00:00:00 2001 From: Alicia Sykes Date: Tue, 12 Mar 2024 16:23:22 +0000 Subject: [PATCH 3/4] Updates Terminal Trove in about page --- src/pages/About.tsx | 16 ++++------------ 1 file changed, 4 insertions(+), 12 deletions(-) diff --git a/src/pages/About.tsx b/src/pages/About.tsx index e6603a3..f3edcbf 100644 --- a/src/pages/About.tsx +++ b/src/pages/About.tsx @@ -108,12 +108,6 @@ const SponsorshipContainer = styled.div` flex-wrap: wrap; align-items: center; line-height: 1.5rem; - span { - font-size: 1.2rem; - margin: 0.1rem 0; - // display: block; - font-weight: bold; - } img { border-radius: 4px; } @@ -141,12 +135,10 @@ const About = (): JSX.Element => {

- - Web-Check is kindly sponsored - by - Terminal Trove - - + Web-Check is kindly sponsored + by + Terminal Trove +
The $HOME of all things in the terminal.
From ab66def695e9031bf91e2a1f7ca48710abdb985d Mon Sep 17 00:00:00 2001 From: Alicia Sykes Date: Tue, 12 Mar 2024 18:39:29 +0000 Subject: [PATCH 4/4] Adds link to terminal trove in homepage --- src/App.tsx | 1 - src/pages/Home.tsx | 70 ++++++++++++++++++++++++++++++++++++++++++++-- 2 files changed, 67 insertions(+), 4 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 1aba309..7be0166 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -12,7 +12,6 @@ const Container = Styled.main` background: ${colors.background}; color: ${colors.textColor}; width: 100vw; - height: 100vh; margin: 0; `; diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index b61fc0d..9b66818 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -20,7 +20,7 @@ const HomeContainer = styled.section` align-items: center; height: 100%; font-family: 'PTMono'; - padding: 0 1rem; + padding: 1.5rem 1rem 4rem 1rem; footer { z-index: 1; } @@ -34,10 +34,52 @@ const UserInputMain = styled.form` z-index: 5; margin: 1rem; width: calc(100% - 2rem); - max-width: 50rem; + max-width: 60rem; z-index: 2; `; +const SponsorCard = styled.div` + background: ${colors.backgroundLighter}; + box-shadow: 4px 4px 0px ${colors.bgShadowColor}; + border-radius: 8px; + padding: 1rem; + z-index: 5; + margin: 1rem; + width: calc(100% - 2rem); + max-width: 60rem; + z-index: 2; + .inner { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + gap: 1rem; + p { + margin: 0.25rem 0; + } + } + a { + color: ${colors.textColor}; + } + img { + border-radius: 0.25rem; + box-shadow: 2px 2px 0px ${colors.fgShadowColor}; + transition: box-shadow 0.2s; + margin: 0 auto; + display: block; + width: 200px; + &:hover { + box-shadow: 4px 4px 0px ${colors.fgShadowColor}; + } + &:active { + box-shadow: -2px -2px 0px ${colors.fgShadowColor}; + } + } + .cta { + font-size: 0.78rem; + a { color: ${colors.primary}; } + } +`; + // const FindIpButton = styled.a` // margin: 0.5rem; // cursor: pointer; @@ -55,7 +97,7 @@ const ErrorMessage = styled.p` const SiteFeaturesWrapper = styled(StyledCard)` margin: 1rem; width: calc(100% - 2rem); - max-width: 50rem; + max-width: 60rem; z-index: 2; .links { display: flex; @@ -173,6 +215,28 @@ const Home = (): JSX.Element => { { errorMsg && {errorMsg}} + + Sponsored by +

+

+ + Terminal Trove + - The $HOME of all things in the terminal. +
+ + Get updates on the latest CLI/TUI tools via + the + Terminal Trove newsletter + + + +

+ + Terminal Trove + +
+ +
Supported Checks