Fix: External links now open in a new tab

This commit is contained in:
bolens 2024-04-17 09:08:42 -06:00
parent d7bcbcb5b4
commit be741a1087
2 changed files with 23 additions and 23 deletions

View File

@ -123,7 +123,7 @@ const About = (): JSX.Element => {
<AboutContainer> <AboutContainer>
<Nav> <Nav>
<HeaderLinkContainer> <HeaderLinkContainer>
<a href="https://github.com/lissy93/web-check"><Button>View on GitHub</Button></a> <a target="_blank" rel="noreferrer" href="https://github.com/lissy93/web-check"><Button>View on GitHub</Button></a>
</HeaderLinkContainer> </HeaderLinkContainer>
</Nav> </Nav>
@ -136,29 +136,29 @@ const About = (): JSX.Element => {
<SponsorshipContainer> <SponsorshipContainer>
<p> <p>
Web-Check is kindly sponsored Web-Check is kindly sponsored
by <a href="https://terminaltrove.com/?utm_campaign=github&utm_medium=referral&utm_content=web-check&utm_source=wcgh"> by <a target="_blank" rel="noreferrer" href="https://terminaltrove.com/?utm_campaign=github&utm_medium=referral&utm_content=web-check&utm_source=wcgh">
Terminal Trove Terminal Trove
</a> </a>
<br /> <br />
The $HOME of all things in the terminal. The $HOME of all things in the terminal.
<br /> <br />
<small> <small>
<a href="https://terminaltrove.com/newsletter?utm_campaign=github&utm_medium=referral&utm_content=web-check&utm_source=wcgh"> <a target="_blank" rel="noreferrer" href="https://terminaltrove.com/newsletter?utm_campaign=github&utm_medium=referral&utm_content=web-check&utm_source=wcgh">
Find your next CLI / TUI tool, and get updates to your inbox Find your next CLI / TUI tool, and get updates to your inbox
</a> </a>
</small> </small>
</p> </p>
<a href="https://terminaltrove.com/?utm_campaign=github&utm_medium=referral&utm_content=web-check&utm_source=wcgh"> <a target="_blank" rel="noreferrer" href="https://terminaltrove.com/?utm_campaign=github&utm_medium=referral&utm_content=web-check&utm_source=wcgh">
<img width="300" alt="Terminal Trove" src="https://i.ibb.co/T1KzVmR/terminal-trove-green.png" /> <img width="300" alt="Terminal Trove" src="https://i.ibb.co/T1KzVmR/terminal-trove-green.png" />
</a> </a>
</SponsorshipContainer> </SponsorshipContainer>
<hr /> <hr />
<p> <p>
Web-Check is developed and maintained by <a href="https://aliciasykes.com">Alicia Sykes</a>. Web-Check is developed and maintained by <a target="_blank" rel="noreferrer" href="https://aliciasykes.com">Alicia Sykes</a>.
It's licensed under the <a href="https://github.com/Lissy93/web-check/blob/master/LICENSE">MIT license</a>, It's licensed under the <a target="_blank" rel="noreferrer" href="https://github.com/Lissy93/web-check/blob/master/LICENSE">MIT license</a>,
and is completely free to use, modify and distribute in both personal and commercial settings.<br /> and is completely free to use, modify and distribute in both personal and commercial settings.<br />
Source code and self-hosting docs are available on <a href="https://github.com/lissy93/web-check">GitHub</a>. Source code and self-hosting docs are available on <a target="_blank" rel="noreferrer" href="https://github.com/lissy93/web-check">GitHub</a>.
If you've found this service useful, consider <a href="https://github.com/sponsors/Lissy93">sponsoring me</a> from $1/month, If you've found this service useful, consider <a target="_blank" rel="noreferrer" href="https://github.com/sponsors/Lissy93">sponsoring me</a> from $1/month,
to help with the ongoing hosting and development costs. to help with the ongoing hosting and development costs.
</p> </p>
</Section> </Section>
@ -216,19 +216,19 @@ const About = (): JSX.Element => {
<p>Web-Check is designed to be easily self-hosted.</p> <p>Web-Check is designed to be easily self-hosted.</p>
<Heading as="h3" size="small" color={colors.primary}>Option #1 - Netlify</Heading> <Heading as="h3" size="small" color={colors.primary}>Option #1 - Netlify</Heading>
<p>Click the button below to deploy to Netlify</p> <p>Click the button below to deploy to Netlify</p>
<a href="https://app.netlify.com/start/deploy?repository=https://github.com/lissy93/web-check"> <a target="_blank" rel="noreferrer" href="https://app.netlify.com/start/deploy?repository=https://github.com/lissy93/web-check">
<img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /> <img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" />
</a> </a>
<Heading as="h3" size="small" color={colors.primary}>Option #2 - Vercel</Heading> <Heading as="h3" size="small" color={colors.primary}>Option #2 - Vercel</Heading>
<p>Click the button below to deploy to Vercel</p> <p>Click the button below to deploy to Vercel</p>
<a href="https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Flissy93%2Fweb-check&project-name=web-check&repository-name=web-check-fork&demo-title=Web-Check%20Demo&demo-description=Check%20out%20web-check.xyz%20to%20see%20a%20live%20demo%20of%20this%20application%20running.&demo-url=https%3A%2F%2Fweb-check.xyz&demo-image=https%3A%2F%2Fraw.githubusercontent.com%2FLissy93%2Fweb-check%2Fmaster%2F.github%2Fscreenshots%2Fweb-check-screenshot10.png"> <a target="_blank" rel="noreferrer" href="https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Flissy93%2Fweb-check&project-name=web-check&repository-name=web-check-fork&demo-title=Web-Check%20Demo&demo-description=Check%20out%20web-check.xyz%20to%20see%20a%20live%20demo%20of%20this%20application%20running.&demo-url=https%3A%2F%2Fweb-check.xyz&demo-image=https%3A%2F%2Fraw.githubusercontent.com%2FLissy93%2Fweb-check%2Fmaster%2F.github%2Fscreenshots%2Fweb-check-screenshot10.png">
<img src="https://vercel.com/button" alt="Deploy with Vercel" /> <img src="https://vercel.com/button" alt="Deploy with Vercel" />
</a> </a>
<Heading as="h3" size="small" color={colors.primary}>Option #3 - Docker</Heading> <Heading as="h3" size="small" color={colors.primary}>Option #3 - Docker</Heading>
<p> <p>
A Docker container is published to <a href="https://hub.docker.com/r/lissy93/web-check">DockerHub</a> A Docker container is published to <a target="_blank" rel="noreferrer" href="https://hub.docker.com/r/lissy93/web-check">DockerHub</a>
<br /> <br />
Run this command, then open <code>localhost:3000</code> Run this command, then open <code>localhost:3000</code>
<pre>docker run -p 3000:3000 lissy93/web-check</pre> <pre>docker run -p 3000:3000 lissy93/web-check</pre>
@ -246,7 +246,7 @@ const About = (): JSX.Element => {
<Heading as="h3" size="small" color={colors.primary}>Further Docs</Heading> <Heading as="h3" size="small" color={colors.primary}>Further Docs</Heading>
<p> <p>
More detailed installation and setup instructions can be found in the More detailed installation and setup instructions can be found in the
GitHub repository - <a href="https://github.com/lissy93/web-check#readme">github.com/lissy93/web-check</a> GitHub repository - <a target="_blank" rel="noreferrer" href="https://github.com/lissy93/web-check#readme">github.com/lissy93/web-check</a>
</p> </p>
<Heading as="h3" size="small" color={colors.primary}>Configuring</Heading> <Heading as="h3" size="small" color={colors.primary}>Configuring</Heading>
@ -258,17 +258,17 @@ const About = (): JSX.Element => {
<ul> <ul>
<li> <li>
<code>GOOGLE_CLOUD_API_KEY</code> <code>GOOGLE_CLOUD_API_KEY</code>
: <a href="https://cloud.google.com/api-gateway/docs/authenticate-api-keys">A Google API key</a> : <a target="_blank" rel="noreferrer" href="https://cloud.google.com/api-gateway/docs/authenticate-api-keys">A Google API key</a>
<i> Used to return quality metrics for a site</i> <i> Used to return quality metrics for a site</i>
</li> </li>
<li> <li>
<code>REACT_APP_SHODAN_API_KEY</code> <code>REACT_APP_SHODAN_API_KEY</code>
: <a href="https://account.shodan.io/">A Shodan API key</a> : <a target="_blank" rel="noreferrer" href="https://account.shodan.io/">A Shodan API key</a>
<i> To show associated hosts for a domain</i> <i> To show associated hosts for a domain</i>
</li> </li>
<li> <li>
<code>REACT_APP_WHO_API_KEY</code> <code>REACT_APP_WHO_API_KEY</code>
: <a href="https://whoapi.com/">A WhoAPI key</a> : <a target="_blank" rel="noreferrer" href="https://whoapi.com/">A WhoAPI key</a>
<i> Allows for more comprehensive WhoIs records</i> <i> Allows for more comprehensive WhoIs records</i>
</li> </li>
</ul> </ul>
@ -302,11 +302,11 @@ const About = (): JSX.Element => {
<Section> <Section>
<Heading as="h3" size="small" color={colors.primary}>License</Heading> <Heading as="h3" size="small" color={colors.primary}>License</Heading>
<b> <b>
<a href="https://github.com/lissy93/web-check">Web-Check</a> is distributed under the MIT license, <a target="_blank" rel="noreferrer" href="https://github.com/lissy93/web-check">Web-Check</a> is distributed under the MIT license,
© <a href="https://aliciasykes.com">Alicia Sykes</a> { new Date().getFullYear()} © <a target="_blank" rel="noreferrer" href="https://aliciasykes.com">Alicia Sykes</a> { new Date().getFullYear()}
</b> </b>
<br /> <br />
<small>For more info, see <a href="https://tldrlegal.com/license/mit-license">TLDR Legal MIT</a></small> <small>For more info, see <a target="_blank" rel="noreferrer" href="https://tldrlegal.com/license/mit-license">TLDR Legal MIT</a></small>
<pre>{license}</pre> <pre>{license}</pre>
<hr /> <hr />
<Heading as="h3" size="small" color={colors.primary}>Fair Use</Heading> <Heading as="h3" size="small" color={colors.primary}>Fair Use</Heading>

View File

@ -219,19 +219,19 @@ const Home = (): JSX.Element => {
<Heading as="h2" size="small" color={colors.primary}>Sponsored by</Heading> <Heading as="h2" size="small" color={colors.primary}>Sponsored by</Heading>
<div className="inner"> <div className="inner">
<p> <p>
<a href="https://terminaltrove.com/?utm_campaign=github&utm_medium=referral&utm_content=web-check&utm_source=wcgh"> <a target="_blank" rel="noreferrer" href="https://terminaltrove.com/?utm_campaign=github&utm_medium=referral&utm_content=web-check&utm_source=wcgh">
Terminal Trove Terminal Trove
</a> - The $HOME of all things in the terminal. </a> - The $HOME of all things in the terminal.
<br /> <br />
<span className="cta"> <span className="cta">
Get updates on the latest CLI/TUI tools via Get updates on the latest CLI/TUI tools via
the <a className="cta" href="https://terminaltrove.com/newsletter?utm_campaign=github&utm_medium=referral&utm_content=web-check&utm_source=wcgh"> the <a target="_blank" rel="noreferrer" className="cta" href="https://terminaltrove.com/newsletter?utm_campaign=github&utm_medium=referral&utm_content=web-check&utm_source=wcgh">
Terminal Trove newsletter Terminal Trove newsletter
</a> </a>
</span> </span>
</p> </p>
<a href="https://terminaltrove.com/?utm_campaign=github&utm_medium=referral&utm_content=web-check&utm_source=wcgh"> <a target="_blank" rel="noreferrer" href="https://terminaltrove.com/?utm_campaign=github&utm_medium=referral&utm_content=web-check&utm_source=wcgh">
<img width="120" alt="Terminal Trove" src="https://i.ibb.co/NKtYjJ1/terminal-trove-web-check.png" /> <img width="120" alt="Terminal Trove" src="https://i.ibb.co/NKtYjJ1/terminal-trove-web-check.png" />
</a> </a>
</div> </div>
@ -246,10 +246,10 @@ const Home = (): JSX.Element => {
</ul> </ul>
</div> </div>
<div className="links"> <div className="links">
<a href="https://github.com/lissy93/web-check" title="Check out the source code and documentation on GitHub, and get support or contribute"> <a target="_blank" rel="noreferrer" href="https://github.com/lissy93/web-check" title="Check out the source code and documentation on GitHub, and get support or contribute">
<Button>View on GitHub</Button> <Button>View on GitHub</Button>
</a> </a>
<a href="https://app.netlify.com/start/deploy?repository=https://github.com/lissy93/web-check" title="Deploy your own private or public instance of Web-Check to Netlify"> <a target="_blank" rel="noreferrer" href="https://app.netlify.com/start/deploy?repository=https://github.com/lissy93/web-check" title="Deploy your own private or public instance of Web-Check to Netlify">
<Button>Deploy your own</Button> <Button>Deploy your own</Button>
</a> </a>
<a href="/about#api-documentation" title="View the API documentation, to use Web-Check programmatically"> <a href="/about#api-documentation" title="View the API documentation, to use Web-Check programmatically">