priority flag on above-the-fold images

components/embeds/Image.tsx

@@ -15,8 +15,9 @@ const CustomImg = (props: ImageProps) => {
         width={props.width}
         height={props.height}
         alt={props.alt}
-        quality={85}
+        quality={65}
-        loading="lazy"
+        loading={props.priority ? "eager" : "lazy"}
+        priority={!!props.priority}
       />
     </div>
   );

notes/bernie-sanders-bern-app-data.mdx

@@ -21,6 +21,7 @@ The team behind Bernie Sanders' 2020 campaign [released a new web app](https://w
   width="865"
   height="433"
   alt="Sad Bernie"
+  priority
 />
 
 BERN has two features: one called "Friend-to-Friend" (described as "add everyone in your network") and another called "Community Canvassing" (described as "talk to people around you every day, e.g. on the bus, outside the grocery store, at a park"). Both of these involve phoning home to Sanders HQ with the following information on anybody you know or meet:

notes/cloudflare-dns-archive-is-blocked.mdx

@@ -21,6 +21,7 @@ import Tweet from "./components/embeds/Tweet";
   width="865"
   height="180"
   alt="Archive.today screenshot"
+  priority
 />
 
 A [recent post on Hacker News](https://news.ycombinator.com/item?id=19828317) pointed out something I've noticed myself over the past year — the [Archive.is](https://archive.is/) website archiving tool (aka [Archive.today](https://archive.today/) and a few other TLDs) appears unresponsive when I'm on my home network, where I use Cloudflare's fantastic public DNS service, [1.1.1.1](https://1.1.1.1/). I didn't connect the two variables until I read this post, where somebody noticed that the Archive.is domain resolves for [Google's 8.8.8.8](https://developers.google.com/speed/public-dns/) DNS, but not 1.1.1.1. An interesting and timeless debate on [privacy versus convenience](https://www.adweek.com/digital/why-consumers-are-increasingly-willing-to-trade-privacy-for-convenience/) ensued.

notes/cool-bash-tricks-for-your-terminal-dotfiles.mdx

@@ -19,6 +19,7 @@ import Image from "./components/embeds/Image";
   width="320"
   height="284"
   alt="Terminal.app on macOS"
+  priority
 />
 
 You may have noticed the recent trend of techies [posting their "dotfiles" on GitHub](https://github.com/topics/dotfiles) for the world to see. These usually contain shortcuts compatible with Bash terminals to automate convoluted commands that, I'll admit, I needed to Google every single time.

notes/dropping-dropbox.mdx

@@ -23,6 +23,7 @@ I've been a loyal Dropbox user since its inception as a [Y Combinator startup](h
     width="504"
     height="223"
     alt="Deleting 401,907 files from Dropbox... 😬"
+    priority
   />
   <figcaption>Deleting 401,907 files from Dropbox... 😬</figcaption>
 </figure>

notes/finding-candidates-subdomain-takeovers.mdx

@@ -23,6 +23,7 @@ Not only are takeovers a fun way to dip your toes into [penetration testing](htt
     width="620"
     height="347"
     alt="Huge rewards for subdomain takeovers on HackerOne."
+    priority
   />
   <figcaption>
     <a

notes/github-actions.mdx

@@ -19,6 +19,7 @@ import Gist from "./components/embeds/Gist";
   width="780"
   height="322"
   alt="Example workflow for a GitHub Action"
+  priority
 />
 
 Since being accepted into the beta for [GitHub Actions](https://github.com/features/actions) a few months ago, I've found a new side hobby of whipping up new (and ideally creative) actions for anybody to add to their CI pipeline. Actions are modular steps that interact with a GitHub repository and can be coded with [Docker](https://github.com/actions/hello-world-docker-action) or [JavaScript/Node](https://github.com/actions/hello-world-javascript-action) — and either way, they can be as [simple](https://github.com/jakejarvis/wait-action) or as [complex](https://github.com/jakejarvis/lighthouse-action) as you want. But in both cases, they're incredibly fun to make and the results always scratch my itch for instant gratification.

notes/github-rename-master.mdx

@@ -20,6 +20,7 @@ import Tweet from "./components/embeds/Tweet";
   width="865"
   height="162"
   alt="Black lives matter."
+  priority
 />
 
 In the midst of this year's long-overdue support of the [**Black Lives Matter**](https://blacklivesmatters.carrd.co/) movement and calls to action in the US and around the world, a [new spotlight](https://mail.gnome.org/archives/desktop-devel-list/2019-May/msg00066.html) has been placed on unchecked invocations of racially charged language in the computer science world, no matter how big or small — like the long-standing and, until recently, widely accepted terms ["master" and "slave"](https://tools.ietf.org/id/draft-knodel-terminology-00.html#master-slave) as an oppressive metaphor for ownership/importance.

notes/how-to-backup-linux-server.mdx

@@ -21,6 +21,7 @@ import Tweet from "./components/embeds/Tweet";
     width="865"
     height="303"
     alt="The Cloud-pocalypse: Coming soon(er than you think) to a server near you."
+    priority
   />
   <figcaption>
     <strong>The Cloud-pocalypse:</strong> Coming soon(er than you think) to a server near you.

notes/how-to-shrink-linux-virtual-disk-vmware.mdx

@@ -19,6 +19,7 @@ import Image from "./components/embeds/Image";
     width="620"
     height="456"
     alt="df -dh = WTF"
+    priority
   />
   <figcaption>
     <code>df -dh</code> = WTF

notes/millenial-with-hillary-clinton.mdx

@@ -21,6 +21,7 @@ import Video from "./components/embeds/Video";
     width="865"
     height="411"
     alt="Hillary for New Hampshire Winter Fellows with Hillary Clinton in Derry, NH (February 3, 2016)"
+    priority
   />
   <figcaption>
     <a href="https://medium.com/@HillaryForNH" target="_blank" rel="noopener noreferrer">Hillary for New Hampshire</a> Winter Fellows with <a href="https://medium.com/@HillaryClinton" target="_blank" rel="noopener noreferrer">Hillary Clinton</a> in Derry, NH (<a href="https://www.flickr.com/photos/hillaryclinton/24707394571/" target="_blank" rel="noopener noreferrer">February 3, 2016</a>)

notes/my-first-code.mdx

@@ -18,6 +18,7 @@ import Image from "./components/embeds/Image";
   width="865"
   height="155"
   alt="Awesome First Code on GitHub"
+  priority
 />
 
 <Image src="/static/images/notes/my-first-code/badges.png" width="537" height="36" alt="Code Quality: A for effort" />

notes/netlify-analytics-review.mdx

@@ -21,6 +21,7 @@ I've been trying out [Netlify Analytics](https://www.netlify.com/products/analyt
   width="865"
   height="361"
   alt="Pageview charts on Netlify Analytics"
+  priority
 />
 
 ## 👍  Pros

notes/no-homo-still-raps-motto.mdx

@@ -16,7 +16,7 @@ import Image from "./components/embeds/Image";
 
 {/* prettier-ignore */}
 <figure>
-  <Image src="/static/images/notes/no-homo-still-raps-motto/1_b41ztscbaxqi60snwsswfw.jpg" width="865" height="364" />
+  <Image src="/static/images/notes/no-homo-still-raps-motto/1_b41ztscbaxqi60snwsswfw.jpg" width="865" height="364" priority />
   <figcaption>
     This essay was written for Professor David Valdes-Greenwood's "Love & Sexuality" class at <a href="https://www.tufts.edu/" target="_blank" rel="noopener noreferrer"> Tufts University </a> in April 2012.
   </figcaption>

notes/presidential-candidates-404-pages.mdx

@@ -19,6 +19,7 @@ import Video from "./components/embeds/Video";
     width="865"
     height="460"
     alt="President Barack H. Obama, probably ranking 404 pages."
+    priority
   />
   <figcaption>President Barack H. Obama, probably ranking 404 pages.</figcaption>
 </figure>

notes/security-headers-cloudflare-workers.mdx

@@ -20,6 +20,7 @@ import Image from "./components/embeds/Image";
     width="700"
     height="275"
     alt="An A+ security grade for this website!"
+    priority
   />
   <figcaption>
     An <a href="https://securityheaders.com/?q=jarv.is&amp;followRedirects=on" target="_blank" rel="noopener noreferrer">A+ security grade</a> for this website!

notes/shodan-search-queries.mdx

@@ -22,6 +22,7 @@ Over time, I've collected an assortment of interesting, funny, and depressing se
       width="865"
       height="248"
       alt="Most search filters require a Shodan account."
+      priority
     />
   </a>
   <figcaption>

notes/y2k-sandbox.mdx

@@ -23,6 +23,7 @@ Introducing the [**Y2K Sandbox**](https://y2k.app/) — with fully-featured, ful
       width="865"
       height="649"
       alt="Play in the Y2K Sandbox, at your own risk."
+      priority
     />
   </a>
   <figcaption>