Skip to content

Commit

Permalink
Move articles to json file; refactors rwls
Browse files Browse the repository at this point in the history
  • Loading branch information
MaxRickettsUy committed Nov 23, 2023
1 parent 3967e96 commit 35f61dc
Show file tree
Hide file tree
Showing 5 changed files with 269 additions and 53 deletions.
243 changes: 243 additions & 0 deletions public/arcticles.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,243 @@
{
"2021": [
{
"archive": "https://web.archive.org/web/20210131111955/https://www.outsideonline.com/2415766/friends-diy-cabin-build-washington",
"href": "https://www.outsideonline.com/2415766/friends-diy-cabin-build-washington",
"label": "We Quit Our Jobs to Build a Cabin—Everything Went Wrong"
},
{
"archive": "https://web.archive.org/web/20210225030458/https://www.ribbonfarm.com/2017/08/17/the-premium-mediocre-life-of-maya-millennial/",
"href": "https://www.ribbonfarm.com/2017/08/17/the-premium-mediocre-life-of-maya-millennial/",
"label": "The Premium Mediocre Life of Maya Millenial"
},
{
"archive": "https://web.archive.org/web/20210317014451/https://charliereese.ca/article/2019-year-in-review",
"href": "https://charliereese.ca/article/2019-year-in-review",
"label": "2019 - My Year in Review (Charlie Reese)"
},
{
"archive": "https://web.archive.org/web/20210328223049/https://livingafi.com/2021/03/17/the-2021-early-retirement-update/",
"href": "https://livingafi.com/2021/03/17/the-2021-early-retirement-update/",
"label": "The 2021 Early Retirement Update"
},
{
"archive": "https://web.archive.org/web/20210409010922/https://missiveapp.com/blog/how-we-built-1m-arr-email-client",
"href": "https://missiveapp.com/blog/how-we-built-1m-arr-email-client",
"label": "How We Bootstrapped a $1M ARR Email Client"
},
{
"archive": "https://web.archive.org/web/20210608103914/http://paulgraham.com/own.html",
"href": "http://paulgraham.com/own.html",
"label": "A Project of One's Own"
},
{
"archive": "https://web.archive.org/web/20210715203653/https://www.outsideonline.com/culture/essays-culture/money-problems-outdoor-dirtbag-culture/",
"href": "https://www.outsideonline.com/culture/essays-culture/money-problems-outdoor-dirtbag-culture/",
"label": "Young, Dumb, and Broke: Why Outdoorsy Types Suck at Money"
},
{
"archive": "https://web.archive.org/web/20211024115808/https://mcfunley.com/choose-boring-technology",
"href": "https://mcfunley.com/choose-boring-technology",
"label": "Choose Boring Technology"
},
{
"archive": "https://web.archive.org/web/20201112011102/https://www.outsideonline.com/2418783/my-priceless-summer-maine-lobster-boat",
"href": "https://www.outsideonline.com/2418783/my-priceless-summer-maine-lobster-boat",
"label": "My Priceless Summer on a Maine Lobster Boat"
},
{
"archive": "https://web.archive.org/web/20210116225645/https://chelseatroy.com/2021/01/14/quantifying-technical-debt/",
"href": "https://chelseatroy.com/2021/01/14/quantifying-technical-debt/",
"label": "Quantifying Technical Debt"
},
{
"archive": "https://web.archive.org/web/20210321171055/https://www.ribice.ba/go-restful-starter-kit/",
"href": "https://www.ribice.ba/go-restful-starter-kit/",
"label": "Golang restful starter kit - GORSK"
},
{
"archive": "https://web.archive.org/web/20210331235339/https://news.ycombinator.com/item?id=26647717",
"href": "https://news.ycombinator.com/item?id=26647717",
"label": "Ask HN: I've realized I'm a bad software engineer and I'm over 30, what's next?"
},
{
"archive": "https://web.archive.org/web/20210408144534if_/https://anthonynsimon.com/blog/one-man-saas-architecture/",
"href": "https://anthonynsimon.com/blog/one-man-saas-architecture/",
"label": "The Architecture Behind A One-Person Tech Startup"
},
{
"archive": "https://web.archive.org/web/20210610062705/https://jmmv.dev/2021/04/always-be-quitting.html",
"href": "https://jmmv.dev/2021/04/always-be-quitting.html",
"label": "Always Be Quitting"
},
{
"archive": "https://web.archive.org/web/20210808021055/https://matt-rickard.com/reflections-on-10-000-hours-of-programming/",
"href": "https://matt-rickard.com/reflections-on-10-000-hours-of-programming/",
"label": "Reflections on 10,000 Hours of Programming"
}
],
"2022": [
{
"archive": "https://archive.is/yKBcS",
"href": "https://moxie.org/2022/01/07/web3-first-impressions.html",
"label": "My first impressions of web3"
},
{
"archive" : "https://web.archive.org/web/20220205230836/https://connellmccarthy.com/article/my-home-office-2022/",
"href": "https://connellmccarthy.com/article/my-home-office-2022/",
"label": "Connell McCarthy: My home office 2022"
},
{
"archive": "https://web.archive.org/web/20220216071058/https://2021.stateofjs.com/en-US/",
"href": "https://2021.stateofjs.com/en-US/",
"label": "State of Javascript 2021"
},
{
"archive": "https://web.archive.org/web/20220215122105/https://github.com/readme/stories/pedro-nauck",
"href": "https://github.com/readme/stories/pedro-nauck",
"label": "Prioritizing health and balance over Docz"
},
{
"archive": "https://web.archive.org/web/20220109054747/https://jvns.ca/blog/2021/12/31/2021--year-in-review/",
"href": "https://jvns.ca/blog/2021/12/31/2021--year-in-review/",
"label": "2021: Year in Review (jvns.ca)"
},
{
"archive": "https://web.archive.org/web/20220504093935/https://www.smashingmagazine.com/2022/05/you-dont-need-ui-framework/",
"href": "https://www.smashingmagazine.com/2022/05/you-dont-need-ui-framework/",
"label": "You Don't Need a UI Framework"
},
{
"archive": "https://web.archive.org/web/20220620100926/https://blog.chainalysis.com/reports/how-terrausd-collapsed/",
"href": "https://blog.chainalysis.com/reports/how-terrausd-collapsed/",
"label": "The Trades That Triggered UST’s Collapse"
},
{
"archive": "https://web.archive.org/web/20220721142528/https://mtlynch.io/tinypilot-redesign/",
"href": "https://mtlynch.io/tinypilot-redesign/",
"label": "I Regret My $46k Website Redesign"
},
{
"archive": "https://web.archive.org/web/20220826231518/https://notes.ghed.in/posts/the-best-iphone/",
"href": "https://notes.ghed.in/posts/the-best-iphone/",
"label": "The Best iPhone"
},
{
"archive": "https://web.archive.org/web/20221128175149/https://www.newyorker.com/culture/annals-of-inquiry/the-united-states-unamendable-constitution",
"href": "https://www.newyorker.com/culture/annals-of-inquiry/the-united-states-unamendable-constitution",
"label": "The United States' Unamendable Constitution"
},
{
"archive": "https://web.archive.org/web/20221002225618/https://www.gearpatrol.com/style/a39125064/tactical-clothing/",
"href": "https://www.gearpatrol.com/style/a39125064/tactical-clothing/",
"label": "How 'Tactical' Infiltrated Everyday Life"
},
{
"archive": "https://archive.fo/Tfzqc",
"href" :"https://mirror.xyz/suzuha.eth/vb5E5lhzmPTcpxOJcz6Q211TDgSvoFwDLA6JSM1V37Q",
"label": "On Web3 Infrastructure"
},
{
"archive": "https://web.archive.org/web/20220202010226/https://mtlynch.io/solo-developer-year-4/",
"label": "My Fourth Year as a Bootstrapped Founder",
"href": "https://mtlynch.io/solo-developer-year-4/"
},
{
"archive": "https://archive.is/fVaKb",
"href": "https://palladiummag.com/2022/01/06/quit-your-job/",
"label": "Quit Your Job"
},
{
"archive": "https://web.archive.org/web/20220217002326/https://future.a16z.com/software-development-building-for-99-developers/",
"href": "https://future.a16z.com/software-development-building-for-99-developers/",
"label": "Building for the 99% Developers"
},
{
"archive": "https://web.archive.org/web/20220305191510/https://johnnyrodgers.is/building-a-modern-home",
"href": "https://johnnyrodgers.is/building-a-modern-home",
"label": "Building a Modern Home"
},
{
"archive": "https://web.archive.org/web/20220518111806/https://tinyprojects.dev/posts/i_spent_two_years_launching_tiny_projects",
"href": "https://tinyprojects.dev/posts/i_spent_two_years_launching_tiny_projects",
"label": "I Spent Two Years Launching Tiny Projects"
},
{
"archive": "https://web.archive.org/web/20220507072842/https://littlegreenviper.com/miscellany/the-road-most-traveled-by/",
"href": "https://littlegreenviper.com/miscellany/the-road-most-traveled-by/",
"label": "The Road Most Traveled By"
},
{
"archive": "https://web.archive.org/web/20220707165319/https://robbowen.digital/wrote-about/css-blend-mode-shaders/",
"href": "https://robbowen.digital/wrote-about/css-blend-mode-shaders/",
"label": "Holograms, light-leaks and how to build CSS-only shaders."
},
{
"archive": "https://web.archive.org/web/20221213135831/https://magazine.atavist.com/outlaw-country-klamath-county-oregon-guns-murder/",
"href": "https://magazine.atavist.com/outlaw-country-klamath-county-oregon-guns-murder/",
"label": "Outlaw Country"
},
{
"archive": "https://web.archive.org/web/20221219034008/https://maxread.substack.com/p/the-man-who-bought-pine-bluff-arkansas",
"href": "https://maxread.substack.com/p/the-man-who-bought-pine-bluff-arkansas",
"label": "The man who bought Pine Bluff, Arkansas"
},
{
"archive": "https://web.archive.org/web/20221118214914/https://putthison.com/is-it-classist-to-be-against-fast-fashion/",
"href": "https://putthison.com/is-it-classist-to-be-against-fast-fashion/",
"label": "Is It Classist To Be Against Fast Fashion?"
}
],
"2023": [
{
"archive": "https://web.archive.org/web/20230128035309/https://kwon.nyc/notes/2022/",
"href": "https://kwon.nyc/notes/2022/",
"label": "2022 in review"
},
{
"archive": "https://web.archive.org/web/20230126152826/https://sambf.substack.com/p/ftx-pre-mortem-overview",
"href": "https://sambf.substack.com/p/ftx-pre-mortem-overview",
"label": "FTX Pre-Mortem Overview"
},
{
"archive": "https://web.arhive.org/web/20230828233635/https://www.robkhenderson.com/p/the-age-30-crisis-and-seasons-of",
"href": "https://www.robkhenderson.com/p/the-age-30-crisis-and-seasons-of",
"label": "The Age 30 Crisis and Seasons of a Man's Life"
},
{
"archive": "https://web.arhive.org/web/20230126185034/https://snowingpine.com/2023/01/05/on-trucking",
"href": "https://snowingpine.com/2023/01/05/on-trucking",
"label": "On Trucking"
},
{
"archive": "https://web.arhive.org/web/20230912061710/https://www.kodingkitty.com/blog/how-to-build-a-website/",
"href": "https://www.kodingkitty.com/blog/how-to-build-a-website/",
"label": "How to build a website without frameworks and tons of libraries"
},
{
"archive": "https://web.arhive.org/web/20231113013859/https://pthorpe92.github.io/intro/my-story/",
"href": "https://pthorpe92.github.io/intro/my-story/",
"label": "How I got here."
},
{
"archive": "https://web.archive.org/web/20231113080715/https://html-first.com/",
"href": "https://html-first.com/",
"label": "HTML First"
},
{
"archive": "https://web.archive.org/web/20230626154926/https://www.outsideonline.com/outdoor-adventure/climbing/austin-howell-fallen-soloist/",
"href": "https://www.outsideonline.com/outdoor-adventure/climbing/austin-howell-fallen-soloist/",
"label": "The Free Soloist Who Fell to Earth"
},
{
"archive": "https://web.archive.org/web/20230613151456/https://sashachapin.substack.com/p/in-praise-of-blowing-up-your-life",
"href": "https://sashachapin.substack.com/p/in-praise-of-blowing-up-your-life",
"label": "In Praise of Blowing Up Your Life"
},
{
"archive": "https://web.archive.org/web/20231027163745/https://restofworld.org/2023/digital-nomads-visa-pricing-out-locals/",
"href": "https://restofworld.org/2023/digital-nomads-visa-pricing-out-locals",
"label": "How digital nomads have reshaped cities around the world"
}
]
}
18 changes: 11 additions & 7 deletions src/components/ArticleLink.astro
Original file line number Diff line number Diff line change
@@ -1,16 +1,20 @@
---
interface Article {
archive: string;
href: string;
label: string;
}
export interface Props {
archive: string,
href: string,
label: string,
article: Article;
}
const { archive, href, label } = Astro.props;
const { article } = Astro.props;
---

<div class="lg:text-md text-md my-1">
<a target="_blank" href={href}>
<i>{label}</i>
<a target="_blank" href={article.href}>
<i>{article.label}</i>
</a>
[<a class="archive text-xs" target="_blank" href={archive}>archive</a>]
[<a class="archive text-xs" target="_blank" href={article.archive}>archive</a>]
</div>
20 changes: 5 additions & 15 deletions src/pages/rwl/2021.astro
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,8 @@ import ArticleLink from '@components/ArticleLink.astro';
import BookLink from '@components/BookLink.astro';
import GradientBar from '@components/GradientBar.astro';
import Layout from '@layouts/Layout.astro';
import articles from '@public/arcticles.json';
---

<Layout title="rwl 2021">
Expand All @@ -28,21 +30,9 @@ import Layout from '@layouts/Layout.astro';
</h2>
<div class="flex flex-row">
<div class="flex flex-col">
<ArticleLink archive="https://web.archive.org/web/20210131111955/https://www.outsideonline.com/2415766/friends-diy-cabin-build-washington" href="https://www.outsideonline.com/2415766/friends-diy-cabin-build-washington" label="We Quit Our Jobs to Build a Cabin—Everything Went Wrong" />
<ArticleLink archive="https://web.archive.org/web/20210225030458/https://www.ribbonfarm.com/2017/08/17/the-premium-mediocre-life-of-maya-millennial/" href="https://www.ribbonfarm.com/2017/08/17/the-premium-mediocre-life-of-maya-millennial/" label="The Premium Mediocre Life of Maya Millenial" />
<ArticleLink archive="https://web.archive.org/web/20210317014451/https://charliereese.ca/article/2019-year-in-review" href="https://charliereese.ca/article/2019-year-in-review" label="2019 - My Year in Review (Charlie Reese)" />
<ArticleLink archive="https://web.archive.org/web/20210328223049/https://livingafi.com/2021/03/17/the-2021-early-retirement-update/" href="https://livingafi.com/2021/03/17/the-2021-early-retirement-update/" label="The 2021 Early Retirement Update" />
<ArticleLink archive="https://web.archive.org/web/20210409010922/https://missiveapp.com/blog/how-we-built-1m-arr-email-client" href="https://missiveapp.com/blog/how-we-built-1m-arr-email-client" label="How We Bootstrapped a $1M ARR Email Client"/>
<ArticleLink archive="https://web.archive.org/web/20210608103914/http://paulgraham.com/own.html" href="http://paulgraham.com/own.html" label="A Project of One's Own" />
<ArticleLink archive="https://web.archive.org/web/20210715203653/https://www.outsideonline.com/culture/essays-culture/money-problems-outdoor-dirtbag-culture/" href="https://www.outsideonline.com/culture/essays-culture/money-problems-outdoor-dirtbag-culture/" label="Young, Dumb, and Broke: Why Outdoorsy Types Suck at Money" />
<ArticleLink archive="https://web.archive.org/web/20211024115808/https://mcfunley.com/choose-boring-technology" href="https://mcfunley.com/choose-boring-technology" label="Choose Boring Technology" />
<ArticleLink archive="https://web.archive.org/web/20201112011102/https://www.outsideonline.com/2418783/my-priceless-summer-maine-lobster-boat" href="https://www.outsideonline.com/2418783/my-priceless-summer-maine-lobster-boat" label="My Priceless Summer on a Maine Lobster Boat" />
<ArticleLink archive="https://web.archive.org/web/20210116225645/https://chelseatroy.com/2021/01/14/quantifying-technical-debt/" href="https://chelseatroy.com/2021/01/14/quantifying-technical-debt/" label="Quantifying Technical Debt" />
<ArticleLink archive="https://web.archive.org/web/20210321171055/https://www.ribice.ba/go-restful-starter-kit/" href="https://www.ribice.ba/go-restful-starter-kit/" label="Golang restful starter kit - GORSK" />
<ArticleLink archive="https://web.archive.org/web/20210331235339/https://news.ycombinator.com/item?id=26647717" href="https://news.ycombinator.com/item?id=26647717" label="Ask HN: I've realized I'm a bad software engineer and I'm over 30, what's next?" />
<ArticleLink archive="https://web.archive.org/web/20210408144534if_/https://anthonynsimon.com/blog/one-man-saas-architecture/" href="https://anthonynsimon.com/blog/one-man-saas-architecture/" label="The Architecture Behind A One-Person Tech Startup" />
<ArticleLink archive="https://web.archive.org/web/20210610062705/https://jmmv.dev/2021/04/always-be-quitting.html" href="https://jmmv.dev/2021/04/always-be-quitting.html" label="Always Be Quitting" />
<ArticleLink archive="https://web.archive.org/web/20210808021055/https://matt-rickard.com/reflections-on-10-000-hours-of-programming/" href="https://matt-rickard.com/reflections-on-10-000-hours-of-programming/" label="Reflections on 10,000 Hours of Programming" />
{
articles["2021"].map((article) => <ArticleLink article={article} /> )
}
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit 35f61dc

Please sign in to comment.