jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-10-22 21:44:29 -04:00
Code Issues Activity

even more styled components

Browse Source
This commit is contained in:
Jake Jarvis
2022-01-20 08:26:30 -05:00
parent 171bdd65b6
commit 0462428a54
20 changed files with 332 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
pages/cli.tsx
View File

@@ -2,6 +2,9 @@ import Image from "next/image";
import { NextSeo } from "next-seo";
import Content from "../components/Content/Content";
import PageTitle from "../components/PageTitle/PageTitle";
import Blockquote from "../components/Blockquote/Blockquote";
import CodeBlock from "../components/CodeBlock/CodeBlock";
import { H2 } from "../components/Heading/Heading";
import { BotIcon } from "../components/Icons";
import cliImg from "../public/static/images/cli/screenshot.png";
@@ -21,7 +24,7 @@ const CLI = () => (
</PageTitle>
<Content>
<blockquote>
<Blockquote>
<p>
The{" "}
<a href="https://jarv.is/" target="_blank" rel="noopener noreferrer">
@@ -29,7 +32,8 @@ const CLI = () => (
</a>{" "}
CLI (aka the most useless Node module ever published, in history, by anyone, ever).
</p>
</blockquote>
</Blockquote>
<a
className="no-underline"
href="https://www.npmjs.com/package/@jakejarvis/cli"
@@ -38,11 +42,11 @@ const CLI = () => (
>
<Image src={cliImg} placeholder="blur" alt="Terminal Screenshot" priority />
</a>
<h2>Usage</h2>
<pre>
<code>npx @jakejarvis/cli</code>
</pre>
<h2>Inspired by</h2>
<H2>Usage</H2>
<CodeBlock className="code-highlight">npx @jakejarvis/cli</CodeBlock>
<H2>Inspired by</H2>
<ul>
<li>
<a href="https://github.com/sindresorhus/sindresorhus-cli" target="_blank" rel="noopener noreferrer">
@@ -55,7 +59,8 @@ const CLI = () => (
</a>
</li>
</ul>
<h2>Built with</h2>
<H2>Built with</H2>
<ul>
<li>
<a href="https://github.com/vadimdemedes/ink" target="_blank" rel="noopener noreferrer">
@@ -75,7 +80,8 @@ const CLI = () => (
View source on GitHub.
</a>
</p>
<h2>License</h2>
<H2>License</H2>
<p>
MIT ©{" "}
<a href="https://jarv.is/" target="_blank" rel="noopener noreferrer">

4
pages/contact.tsx
View File

@@ -50,9 +50,7 @@ const Contact = () => (
}
.pubkey {
background: none;
border: 0;
padding: 0;
font-size: 0.925em;
word-spacing: -0.175em;
white-space: normal;
}

35
pages/license.tsx
View File

@@ -1,6 +1,9 @@
import { NextSeo } from "next-seo";
import Content from "../components/Content/Content";
import PageTitle from "../components/PageTitle/PageTitle";
import HorizontalRule from "../components/HorizontalRule/HorizontalRule";
import Blockquote from "../components/Blockquote/Blockquote";
import { H2, H3 } from "../components/Heading/Heading";
import { LicenseIcon } from "../components/Icons";
const License = () => (
@@ -32,8 +35,8 @@ const License = () => (
</a>{" "}
is re-printed below.
</p>
<hr />
<h2>Creative Commons Attribution 4.0 International Public License</h2>
<HorizontalRule />
<H2>Creative Commons Attribution 4.0 International Public License</H2>
<p style={{ textAlign: "center" }}>
<a
className="no-underline"
@@ -63,7 +66,7 @@ const License = () => (
</svg>
</a>
</p>
<blockquote>
<Blockquote>
<p>
<em>
Creative Commons Corporation ("Creative Commons") is not a law firm and does not provide legal services or
@@ -74,8 +77,8 @@ const License = () => (
their use to the fullest extent possible.
</em>
</p>
</blockquote>
<h3>Using Creative Commons Public Licenses</h3>
</Blockquote>
<H3>Using Creative Commons Public Licenses</H3>
<p>
Creative Commons public licenses provide a standard set of terms and conditions that creators and other rights
holders may use to share original works of authorship and other material subject to copyright and certain other
@@ -123,7 +126,7 @@ const License = () => (
</p>
</li>
</ul>
<h3>Licensed Rights</h3>
<H3>Licensed Rights</H3>
<p>
By exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions
of this Creative Commons Attribution 4.0 International Public License ("Public License"). To the extent this
@@ -131,7 +134,7 @@ const License = () => (
acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits
the Licensor receives from making the Licensed Material available under these terms and conditions.
</p>
<h3>Section 1 – Definitions.</h3>
<H3>Section 1 – Definitions.</H3>
<p>
a. <strong>Adapted Material</strong> means material subject to Copyright and Similar Rights that is derived from
or based upon the Licensed Material and in which the Licensed Material is translated, altered, arranged,
@@ -186,7 +189,7 @@ const License = () => (
k. <strong>You</strong> means the individual or entity exercising the Licensed Rights under this Public License.{" "}
<strong>Your</strong> has a corresponding meaning.
</p>
<h3>Section 2 – Scope.</h3>
<H3>Section 2 – Scope.</H3>
<p>
a.{" "}
<em>
@@ -277,7 +280,7 @@ const License = () => (
</p>
</li>
</ol>
<h3>Section 3 – License Conditions.</h3>
<H3>Section 3 – License Conditions.</H3>
<p>Your exercise of the Licensed Rights is expressly made subject to the following conditions.</p>
<p>
a.{" "}
@@ -326,7 +329,7 @@ const License = () => (
</p>
</li>
</ol>
<h3>Section 4 – Sui Generis Database Rights.</h3>
<H3>Section 4 – Sui Generis Database Rights.</H3>
<p>
Where the Licensed Rights include Sui Generis Database Rights that apply to Your use of the Licensed Material:
</p>
@@ -347,7 +350,7 @@ const License = () => (
For the avoidance of doubt, this Section 4 supplements and does not replace Your obligations under this Public
License where the Licensed Rights include other Copyright and Similar Rights.
</p>
<h3>Section 5 – Disclaimer of Warranties and Limitation of Liability.</h3>
<H3>Section 5 – Disclaimer of Warranties and Limitation of Liability.</H3>
<p>
a.{" "}
<strong>
@@ -374,7 +377,7 @@ const License = () => (
c. The disclaimer of warranties and limitation of liability provided above shall be interpreted in a manner
that, to the extent possible, most closely approximates an absolute disclaimer and waiver of all liability.
</p>
<h3>Section 6 – Term and Termination.</h3>
<H3>Section 6 – Term and Termination.</H3>
<p>
a. This Public License applies for the term of the Copyright and Similar Rights licensed here. However, if You
fail to comply with this Public License, then Your rights under this Public License terminate automatically.
@@ -401,7 +404,7 @@ const License = () => (
Public License.
</p>
<p>d. Sections 1, 5, 6, 7, and 8 survive termination of this Public License.</p>
<h3>Section 7 – Other Terms and Conditions.</h3>
<H3>Section 7 – Other Terms and Conditions.</H3>
<p>
a. The Licensor shall not be bound by any additional or different terms or conditions communicated by You unless
expressly agreed.
@@ -410,7 +413,7 @@ const License = () => (
b. Any arrangements, understandings, or agreements regarding the Licensed Material not stated herein are
separate from and independent of the terms and conditions of this Public License.
</p>
<h3>Section 8 – Interpretation.</h3>
<H3>Section 8 – Interpretation.</H3>
<p>
a. For the avoidance of doubt, this Public License does not, and shall not be interpreted to, reduce, limit,
restrict, or impose conditions on any use of the Licensed Material that could lawfully be made without
@@ -431,7 +434,7 @@ const License = () => (
privileges and immunities that apply to the Licensor or You, including from the legal processes of any
jurisdiction or authority.
</p>
<blockquote>
<Blockquote>
<p>
Creative Commons is not a party to its public licenses. Notwithstanding, Creative Commons may elect to apply
one of its public licenses to material it publishes and in those instances will be considered the "Licensor."
@@ -461,7 +464,7 @@ const License = () => (
</a>
.
</p>
</blockquote>
</Blockquote>
</Content>
</>
);

27
pages/previously.tsx
View File

@@ -3,6 +3,7 @@ import { NextSeo } from "next-seo";
import Content from "../components/Content/Content";
import PageTitle from "../components/PageTitle/PageTitle";
import IFrame from "../components/IFrame/IFrame";
import HorizontalRule from "../components/HorizontalRule/HorizontalRule";
import { FloppyIcon, SirenIcon } from "../components/Icons";
/* eslint-disable camelcase */
@@ -60,7 +61,7 @@ const Previously = () => (
</figcaption>
</figure>
<hr />
<HorizontalRule />
<p>
<SirenIcon /> <strong>Trigger warning:</strong> marquees, Comic Sans MS, popups,{" "}
@@ -93,77 +94,77 @@ const Previously = () => (
</figcaption>
</figure>
<hr />
<HorizontalRule />
<figure>
<Image src={img_2002_02} placeholder="blur" alt="February 2002" />
<figcaption>February 2002</figcaption>
</figure>
<hr />
<HorizontalRule />
<figure>
<Image src={img_2002_10} placeholder="blur" alt="October 2002" />
<figcaption>October 2002</figcaption>
</figure>
<hr />
<HorizontalRule />
<figure>
<Image src={img_2003_08} placeholder="blur" alt="August 2003" />
<figcaption>August 2003</figcaption>
</figure>
<hr />
<HorizontalRule />
<figure>
<Image src={img_2004_11} placeholder="blur" alt="November 2004" />
<figcaption>November 2004</figcaption>
</figure>
<hr />
<HorizontalRule />
<figure>
<Image src={img_2006_04} placeholder="blur" alt="April 2006" />
<figcaption>April 2006</figcaption>
</figure>
<hr />
<HorizontalRule />
<figure>
<Image src={img_2006_05} placeholder="blur" alt="May 2006" />
<figcaption>May 2006</figcaption>
</figure>
<hr />
<HorizontalRule />
<figure>
<Image src={img_2007_01} placeholder="blur" alt="January 2007" />
<figcaption>January 2007</figcaption>
</figure>
<hr />
<HorizontalRule />
<figure>
<Image src={img_2007_04} placeholder="blur" alt="April 2007" />
<figcaption>April 2007</figcaption>
</figure>
<hr />
<HorizontalRule />
<figure>
<Image src={img_2007_05} placeholder="blur" alt="May 2007" />
<figcaption>May 2007</figcaption>
</figure>
<hr />
<HorizontalRule />
<figure>
<Image src={img_2009_07} placeholder="blur" alt="July 2009" />
<figcaption>July 2009</figcaption>
</figure>
<hr />
<HorizontalRule />
<figure>
<a
@@ -183,7 +184,7 @@ const Previously = () => (
</figcaption>
</figure>
<hr />
<HorizontalRule />
<figure>
<a

14
pages/privacy.tsx
View File

@@ -4,6 +4,8 @@ import { NextSeo } from "next-seo";
import Content from "../components/Content/Content";
import PageTitle from "../components/PageTitle/PageTitle";
import IFrame from "../components/IFrame/IFrame";
import { H2 } from "../components/Heading/Heading";
import Blockquote from "../components/Blockquote/Blockquote";
import { PrivacyIcon } from "../components/Icons";
import faunaImg from "../public/static/images/privacy/fauna_hits.png";
@@ -24,7 +26,7 @@ const Privacy = () => (
<Content>
<p>Okay, this is an easy one. 😉</p>
<h2 id="hosting">Hosting</h2>
<H2 id="hosting">Hosting</H2>
<p>
Pages and first-party assets on this website are served by{" "}
@@ -46,7 +48,7 @@ const Privacy = () => (
at:
</p>
<blockquote>
<Blockquote>
<p>
<a
href="http://jarvis2i2vp4j4tbxjogsnqdemnte5xhzyi7hziiyzxwge3hzmh57zad.onion"
@@ -56,9 +58,9 @@ const Privacy = () => (
<strong>jarvis2i2vp4j4tbxjogsnqdemnte5xhzyi7hziiyzxwge3hzmh57zad.onion</strong>
</a>
</p>
</blockquote>
</Blockquote>
<h2 id="analytics">Analytics</h2>
<H2 id="analytics">Analytics</H2>
<p>
A very simple hit counter on each blog post tallies an aggregate number of pageviews (i.e.{" "}
@@ -130,7 +132,7 @@ const Privacy = () => (
(input delays, layout shifts, etc.), also in an anonymous and aggregate fashion.
</p>
<h2 id="third-party">Third-Party Content</h2>
<H2 id="third-party">Third-Party Content</H2>
<p>
Occasionally, embedded content from third-party services is included in posts, and some may contain tracking
@@ -179,7 +181,7 @@ const Privacy = () => (
</li>
</ul>
<h2 id="hcaptcha">Fighting Spam</h2>
<H2 id="hcaptcha">Fighting Spam</H2>
<p>
Using{" "}

29
pages/uses.tsx
View File

@@ -3,6 +3,7 @@ import Link from "next/link";
import { NextSeo } from "next-seo";
import Content from "../components/Content/Content";
import PageTitle from "../components/PageTitle/PageTitle";
import { H2 } from "../components/Heading/Heading";
import { LaptopIcon } from "../components/Icons";
import desktopImg from "../public/static/images/uses/bigsur.png";
@@ -36,7 +37,7 @@ const Uses = () => (
<Image src={desktopImg} placeholder="blur" alt="My mess of a desktop." priority />
<h2>🍎 Hardware</h2>
<H2>🍎 Hardware</H2>
<ul>
<li>
<a href="https://browser.geekbench.com/v5/cpu/8124907" target="_blank" rel="noopener noreferrer">
@@ -159,7 +160,7 @@ const Uses = () => (
</li>
</ul>
<h2>💾 Development</h2>
<H2>💾 Development</H2>
<ul>
<li>
<a href="https://iterm2.com/" target="_blank" rel="noopener noreferrer">
@@ -509,7 +510,7 @@ const Uses = () => (
</li>
</ul>
<h2>🌎 Browsing</h2>
<H2>🌎 Browsing</H2>
<ul>
<li>
<a href="https://www.mozilla.org/en-US/firefox/developer/" target="_blank" rel="noopener noreferrer">
@@ -686,7 +687,7 @@ const Uses = () => (
</li>
</ul>
<h2>💻 macOS</h2>
<H2>💻 macOS</H2>
<ul>
<li>
<a href="https://1password.com/" target="_blank" rel="noopener noreferrer">
@@ -791,7 +792,7 @@ const Uses = () => (
</li>
</ul>
<h2>📱 iOS</h2>
<H2>📱 iOS</H2>
<p>I have far too many apps to count, but here the essentials that have earned a spot on my home screen:</p>
<ul>
<li>
@@ -857,7 +858,7 @@ const Uses = () => (
</li>
</ul>
<h2>☁️ Cloud</h2>
<H2>☁️ Cloud</H2>
<p>
I've been making recent efforts to{" "}
<a href="https://www.stallman.org/google.html" target="_blank" rel="noopener noreferrer">
@@ -1016,12 +1017,12 @@ const Uses = () => (
</li>
</ul>
<h2>
<H2>
🏠 Internet of <del>Things</del>{" "}
<Link href="/notes/shodan-search-queries/">
<a>Crap</a>
</Link>
</h2>
</H2>
<ul>
<li>
<a href="https://www.synology.com/en-us/products/RT2600ac" target="_blank" rel="noopener noreferrer">
@@ -1075,6 +1076,18 @@ const Uses = () => (
</li>
</ul>
</Content>
{/* TODO: use OrderedList component */}
<style jsx global>{`
ul {
margin-left: 1.5em;
padding-left: 0;
}
li {
padding-left: 0.25em;
}
`}</style>
</>
);