1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-10-18 09:44:30 -04:00

offload videos to vercel blob

This commit is contained in:
2025-04-23 09:34:28 -04:00
parent 6c3cd0afe9
commit 430789c25d
42 changed files with 189 additions and 551 deletions

View File

@@ -42,7 +42,7 @@ Using either feature, a volunteer starts with a search of the database for the v
Here's one of the instructional videos provided internally to volunteers:
![](./friend-to-friend.mp4)
<Video src="https://ijyxfbpcm3itvdly.public.blob.vercel-storage.com/friend-to-friend-uBJEsdkWEk2h00W7YQWqojhcLLsnvx.mp4" />
...and a few privacy-related questions about the friend-to-friend feature were answered by campaign staff in a separate closed webinar for volunteers this week:
@@ -59,10 +59,10 @@ _BERN's API response in Chrome DevTools_
Others have noted that web-based organizing tools like BERN have been used by campaigns at all levels since President Obama's well-oiled, futuristic machine in 2007. This is also true, and I'm a big fan of the trend they started.
But the latter category of databases — like [NationBuilder](https://nationbuilder.com/) and, more notably, [NGP VAN's VoteBuilder](https://act.ngpvan.com/votebuilder) software based on the Obama campaign's inventions and now used by almost all Democratic campaigns across the United States — are secured and strictly guarded. Volunteer accounts need to be created and approved by paid campaign organizers and are locked down to provide the bare minimum amount of information necessary for one to canvass or phone bank a shortlist of voters. Every single click is also recorded in a [detailed log](/static/bernie-sanders-bern-app-data/sanders-campaign-audit.pdf) down to the millisecond. (This is how [Bernie's organizers got busted](https://time.com/4155185/bernie-sanders-hillary-clinton-data/) snooping around Hillary's VoteBuilder data last cycle, by the way.)
But the latter category of databases — like [NationBuilder](https://nationbuilder.com/) and, more notably, [NGP VAN's VoteBuilder](https://act.ngpvan.com/votebuilder) software based on the Obama campaign's inventions and now used by almost all Democratic campaigns across the United States — are secured and strictly guarded. Volunteer accounts need to be created and approved by paid campaign organizers and are locked down to provide the bare minimum amount of information necessary for one to canvass or phone bank a shortlist of voters. Every single click is also recorded in a [detailed log](https://ijyxfbpcm3itvdly.public.blob.vercel-storage.com/sanders-campaign-audit-OhdPk62Ift9VDPbJb9EYBArz1NUXIm.pdf) down to the millisecond. (This is how [Bernie's organizers got busted](https://time.com/4155185/bernie-sanders-hillary-clinton-data/) snooping around Hillary's VoteBuilder data last cycle, by the way.)
![NGP VAN's audit of the Sanders campaign's VoteBuilder activity](./votebuilder-audit.png)
_[NGP VAN's audit of the Sanders campaign's VoteBuilder activity](/static/bernie-sanders-bern-app-data/sanders-campaign-audit.pdf)_
_[NGP VAN's audit of the Sanders campaign's VoteBuilder activity](https://ijyxfbpcm3itvdly.public.blob.vercel-storage.com/sanders-campaign-audit-OhdPk62Ift9VDPbJb9EYBArz1NUXIm.pdf)_
BERN is taking this to an unprecedented level. Allowing anybody on the internet to sign up and add others' personal information to the campaign's database without their knowledge is troubling, especially when you consider the gamified "points" system they've added as an incentive to report as much information on as many people as possible.

View File

@@ -13,11 +13,15 @@ tags:
image: ./covid19dashboards.png
---
import Link from "../../components/Link";
export const OctocatLink = ({ repo }) => {
return (
<Link href={`https://github.com/${repo}`} plain style={{ margin: "0 0.4em" }}>
<a
href={`https://github.com/${repo}`}
title={`${repo} on GitHub`}
target="_blank"
rel="noopener noreferrer"
style={{ margin: "0 0.4em" }}
>
<svg
xmlns="http://www.w3.org/2000/svg"
strokeWidth="0"
@@ -33,7 +37,7 @@ export const OctocatLink = ({ repo }) => {
>
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path>
</svg>
</Link>
</a>
);
};

View File

@@ -32,12 +32,12 @@ I've written a simple implementation below, which...
...meaning that any CSS selectors beginning with `body.dark` or `body.light` will only apply when the respective mode is active. A good place to start is by separating any color rules — your background, text, links, etc. — into a different section of your CSS. Using [SASS or SCSS](https://sass-lang.com/) makes this a whole lot [easier with nesting](https://sass-lang.com/guide#topic-3) but is not required; this was written with a [KISS](https://www.youtube-nocookie.com/embed/O58A7MJfOwU?hl=en&fs=1&showinfo=1&rel=0&iv_load_policy=3) mentality.
<iframe
src="/static/dark-mode/example.html"
src="https://jakejarvis.github.io/dark-mode-example/"
title="Dark Mode Example"
style={{ height: "190px", width: "100%" }}
style={{ height: "190px", width: "100%", border: "1px solid var(--colors-kinda-light)" }}
></iframe>
A _very_ barebones example is embedded above ([view the source here](https://github.com/jakejarvis/dark-mode-example), or [open in a new window](/static/dark-mode/example.html) if your browser is blocking the frame) and you can try it out on this site by clicking the 💡 lightbulb in the upper right corner of this page. You'll notice that the dark theme sticks when refreshing this page, navigating between other pages, or if you were to return to this example weeks from now.
A _very_ barebones example is embedded above ([view the source here](https://github.com/jakejarvis/dark-mode-example), or [open in a new window](https://jakejarvis.github.io/dark-mode-example/) if your browser is blocking the frame) and you can try it out on this site by clicking the 💡 lightbulb in the upper right corner of this page. You'll notice that the dark theme sticks when refreshing this page, navigating between other pages, or if you were to return to this example weeks from now.
---

Binary file not shown.

View File

@@ -31,7 +31,7 @@ Decisions made by the top folks at Dropbox gave me an increasingly sour taste in
- Explicitly [dropping support for symlinking](https://news.ycombinator.com/item?id=20844363) (aka making aliases to) files outside of the literal `~/Dropbox` folder, which was incredibly helpful for nerds — once their main audience and biggest cheerleaders — with things like [dotfiles](https://github.com/jakejarvis/dotfiles) and Git repositories.
- ...and as a bonus, making the process of canceling Dropbox Pro incredibly convoluted, annoying, and sketchy. Here's a video demonstration via [Justin Dunham](https://twitter.com/jwyattd):
![](./cancel.mp4)
<Video src="https://ijyxfbpcm3itvdly.public.blob.vercel-storage.com/cancel-H27HQVT7KMOQZcWlaR9UDi7q6BQNIr.mp4" />
## Seeking an alternative...

View File

@@ -49,4 +49,9 @@ As [Bill Maher](https://medium.com/u/cdc04a9799f6) (an avid Bernie supporter) [s
**Update:** The campaign has included my snowy New Hampshire interaction with her in one of the DNC convention videos! See a few short seconds of my joy at 1:24.
![](./convention.mp4)
<Video
src={[
"https://ijyxfbpcm3itvdly.public.blob.vercel-storage.com/convention-T6klrrArGL0IO4QPaloIiIH164UqUC.mp4",
"https://ijyxfbpcm3itvdly.public.blob.vercel-storage.com/convention.en-uHnecgVCrT9xA8EkzdEaeIwB0rHFC9.vtt",
]}
/>

View File

@@ -27,7 +27,7 @@ I'm a _huge_ sucker for Kate McKinnon's spot-on impression of Warren on Saturday
Although the designer who selected this GIF likely had _thousands_ of choices when searching "[Bernie finger wagging GIF](https://www.google.com/search?q=Bernie+finger+wagging+GIF&tbm=isch&tbs=itp:animated)," the text beside it is well-written and funny — even though we both know putting a page at [berniesanders.com/zxcliaosid](https://berniesanders.com/zxcliaosid/) probably won't be a top priority of a President Sanders.
![](./sanders.mp4)
<Video src="https://ijyxfbpcm3itvdly.public.blob.vercel-storage.com/sanders-C68KSJMWFGknQgKYZHFaDH55ipi3hE.mp4" />
## 3. Joe Biden — [joebiden.com](https://joebiden.com/asdfasdf404)
@@ -39,13 +39,13 @@ Uncle Joe has a nice and simple 404 page. I like it, along with the Ray-Bans and
A ballsy move, considering Beto's infamous [DUI arrest](https://www.politifact.com/texas/statements/2019/mar/14/club-growth/beto-orourke-arrested-dwi-flee-scene/) in the '90s — but still a clever ask for a donation and a great use of a GIF, even if it's left over from his Senate campaign.
![](./orourke.mp4)
<Video src="https://ijyxfbpcm3itvdly.public.blob.vercel-storage.com/orourke-oacYVeAX9oRTetK5z1N2MHqqvfRhos.mp4" />
## 5. Kamala Harris — [kamalaharris.org](https://kamalaharris.org/asdfasdf404)
Another clean and simple page with a top-notch GIF. It injected some emotion into visiting [kamalaharris.com/alskdjf](https://kamalaharris.com/alskdjf).
![](./harris.mp4)
<Video src="https://ijyxfbpcm3itvdly.public.blob.vercel-storage.com/harris-WH3JQm4pcB8NHGnK0hGPEp4olLCZfc.mp4" />
## 6. Pete Buttigeg — [peteforamerica.com](https://peteforamerica.com/asdfasdf404/)