-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
4a6a6b6
commit 4f21742
Showing
13 changed files
with
520 additions
and
285 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| @media (max-width: 45rem) { | ||
| #section { | ||
| display: none; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| (blogs) => main_template.ori({ | ||
| title: "Blog Links" | ||
| description: "A curated collection of insightful blogs covering web development, programming, design, AI, accessibility, security, technology trends, and digital culture I've collected. Including expert analyses, interactive tutorials, deep dives into coding, and unique perspectives on the evolving tech landscape" | ||
| og_description: "Links to various blogs of interest or note." | ||
| stylesheet: "pages/links.css" | ||
|
|
||
| @text: | ||
| `<span id="section" data-pagefind-filter="Content Type">Links</span> | ||
|
|
||
| <div class="readable-width"> | ||
| <h1>Blog Links</h1> | ||
|
|
||
| <p>These are ${ blogs/length } links to interesting blogs. Descriptions are generalised for the sake of brevity and may not cover all the content on the linked site. It can generally be assumed there are assorted bits not mentioned.</p> | ||
|
|
||
| <ul> | ||
| ${ blogs | ||
| → =map(_, (link) => | ||
| `<li> | ||
| <a href="https://${ link/url }">${ link/title }</a>: ${ link/description } | ||
| </li>`) } | ||
| </ul> | ||
| </div>`}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,198 @@ | ||
| - title: Josh W Comeau | ||
| url: www.joshwcomeau.com | ||
| description: Web development articles, interactive tutorials, and goodies. | ||
| - title: Gwern | ||
| url: gwern.net | ||
| description: Academic writings on AI, psychology, and statistics. | ||
| - title: Coding Horror | ||
| url: blog.codinghorror.com | ||
| description: Programming blog focussing on human factors. | ||
| - title: Robert Heaton | ||
| url: robertheaton.com | ||
| description: Development and tech with an emphasis on privacy. | ||
| - title: Citation Needed | ||
| url: www.citationneeded.news | ||
| description: Coverage of the cryptocurrency industry and broader technology issues. | ||
| - title: Web3 is Going Just Great | ||
| url: www.web3isgoinggreat.com | ||
| description: Tracking of how web3 projects are actually going. | ||
| - title: The Evil Skeleton | ||
| url: theevilskeleton.gitlab.io | ||
| description: Tech, primarily regarding Gnome. | ||
| - title: Bryce Wray | ||
| url: www.brycewray.com | ||
| description: Primarily web development. | ||
| - title: Terence Eden’s Blog | ||
| url: shkspr.mobi | ||
| description: Technology, reviews, and assorted musings. | ||
| - title: Andrew Chan | ||
| url: andrewkchan.dev | ||
| description: Mostly programming related. | ||
| - title: GioCities | ||
| url: blog.giovanh.com | ||
| description: Tech and wider web culture. | ||
| - title: Ahmad Shadeed | ||
| url: ishadeed.com | ||
| description: Web development articles with interactive elements. | ||
| - title: iio.ie | ||
| url: iio.ie | ||
| description: Random ideas and personal ramblings from a disgruntled techie. | ||
| - title: Darek Kay | ||
| url: darekkay.com | ||
| description: Front-end development. | ||
| - title: ajkprojects | ||
| url: ajkprojects.com | ||
| description: Developer relevant psychology. | ||
| - title: Articles & Experiments by Roman Komarov | ||
| url: kizu.dev | ||
| description: CSS experiments and explorations. | ||
| - title: LMNT | ||
| url: lmnt.me | ||
| description: Short write-ups, often about design and Apple. | ||
| - title: meyerweb.com | ||
| url: meyerweb.com | ||
| description: Assorted content, often about the web platform. | ||
| - title: Stephen Wolfram | ||
| url: www.stephenwolfram.com | ||
| description: Data-heavy analysis with a focus on mathematics and statistics. | ||
| - title: Michael Dickens | ||
| url: mdickens.me | ||
| description: Philosophy, investing, and altruism. | ||
| - title: Paul Graham | ||
| url: paulgraham.com | ||
| description: Start-up culture. | ||
| - title: Håvard Brynjulfsen | ||
| url: www.havardbrynjulfsen.design | ||
| description: Web development and design. | ||
| - title: Ryan Mulligan | ||
| url: ryanmulligan.dev | ||
| description: Front-end development experimentation, learning, and discoveries. | ||
| - title: Clagnut by Richard Rutter | ||
| url: clagnut.com | ||
| description: Design and typography with a focus on the web. | ||
| - title: samwho | ||
| url: samwho.dev | ||
| description: Visual, often interactive, computer science introductions and traditional development posts. | ||
| - title: Jan Miksovsky’s Blog | ||
| url: jan.miksovsky.com | ||
| description: Development and project notes. | ||
| - title: Jim Neilsen's Blog | ||
| url: blog.jim-nielsen.com | ||
| description: Web development and thoughts. | ||
| - title: blakewatson.com | ||
| url: blakewatson.com | ||
| description: Web development. | ||
| - title: Karolina Szczur | ||
| url: karolinaszczur.com | ||
| description: Assorted tech industry related commentary. | ||
| - title: Adam Argyle | ||
| url: nerdy.dev | ||
| description: CSS and other aspects of the web platform. | ||
| - title: Ben Myers | ||
| url: benmyers.dev | ||
| description: Web development. | ||
| - title: Ryan Trimble | ||
| url: ryantrimble.com | ||
| description: Web development and weekly roundups. | ||
| - title: Werd I/O | ||
| url: werd.io | ||
| description: Intersection of technology, democracy, and society. | ||
| - title: Birchtree | ||
| url: birchtree.me | ||
| description: Technology. | ||
| - title: Adactio | ||
| url: adactio.com | ||
| description: Development and tech industry. | ||
| - title: That HTML Blog | ||
| url: thathtml.blog | ||
| description: Web standards and standards-adjacent technologies. | ||
| - title: Computers Are Bad | ||
| url: computer.rip | ||
| description: Explains why computers are bad. | ||
| - title: Maggie Appleton | ||
| url: maggieappleton.com | ||
| description: Visual essays about programming, design, and anthropology. | ||
| - title: CSS { In Real Life } | ||
| url: css-irl.info | ||
| description: CSS, front-end development, the web, and beyond. | ||
| - title: Aleksandr Hovhannisyan | ||
| url: www.aleksandrhovhannisyan.com | ||
| description: Programming, life, and other topics. | ||
| - title: Ashlese M Boyer | ||
| url: ashleemboyer.com | ||
| description: Accessibility, disability, and software engineering. | ||
| - title: Sara Joy | ||
| url: sarajoy.dev | ||
| description: Web development and life. | ||
| - title: Moth Monster | ||
| url: moth.monster | ||
| description: Technology. | ||
| - title: Mayank | ||
| url: mayank.co | ||
| description: Web development. | ||
| - title: Heather Buchel | ||
| url: heather-buchel.com | ||
| description: Web standards and accessibility. | ||
| - title: Seirdy's Home | ||
| url: seirdy.one | ||
| description: Accessibility, security, privacy, and software freedom. | ||
| - title: Scott O'Hara | ||
| url: www.scottohara.me | ||
| description: Web development, largely focusing on accessibility. | ||
| - title: Waxy.org | ||
| url: waxy.org | ||
| description: Various web things. | ||
| - title: Simon Willison's Weblog | ||
| url: simonwillison.net | ||
| description: Artificial intelligence. | ||
| - title: LessWrong | ||
| url: www.lesswrong.com | ||
| description: Community blog of sorts discussing rationality and AI. | ||
| - title: brr | ||
| url: brr.fyi | ||
| description: Records of interesting things about Antarctica from someone who lived there. | ||
| - title: ribo.zone | ||
| url: ribo.zone | ||
| description: Assorted miscellany. | ||
| - title: oimo.io | ||
| url: oimo.io | ||
| description: Development with an emphasis on graphics. | ||
| - title: Bartosz Ciechanowski | ||
| url: ciechanow.ski | ||
| description: In-depth explanations of general concepts with visualisations. | ||
| - title: Henry From Online | ||
| url: henry.codes | ||
| description: Tech and life. | ||
| - title: Stillness.Digital | ||
| url: stillness.digital | ||
| description: Short little reflective somethings. | ||
| - title: Strange.Website | ||
| url: strange.website | ||
| description: Pontificating about conceptual website vibes. | ||
| - title: Anthony Fu | ||
| url: antfu.me | ||
| description: Development. | ||
| - title: Faster and Worse | ||
| url: fasterandworse.com | ||
| description: Technology. | ||
| - title: maya.land | ||
| url: maya.land | ||
| description: Tech menacery. | ||
| - title: 30fps.net | ||
| url: 30fps.net | ||
| description: Computer graphics and programming. | ||
| - title: elle's homepage | ||
| url: ellesho.me | ||
| description: A lovely little site to visit. | ||
| - title: Ray's Miscellany | ||
| url: brisray.com | ||
| description: Completely indescribable. | ||
| - title: HTMHell | ||
| url: htmhell.dev | ||
| description: HTML crimes and how to rectify them. | ||
| - title: Shellsharks | ||
| url: shellsharks.com | ||
| description: InfoSec, technology, and life. | ||
| - title: In Two Minds | ||
| url: intwominds.blog | ||
| description: A digital garden exploring philosophy, ethics, and systems thinking through multiple lenses and personas. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| (blogs) => main_template.ori({ | ||
| title: "Links" | ||
| description: "A curated collection of intriguing and valuable links I've discovered while surfing the web." | ||
|
|
||
| @text: | ||
| `<h1 id="section" data-pagefind-filter="Content Type">Links</h1> | ||
|
|
||
| <div class="readable-width"> | ||
| <p>This is a curated collection of ${ blogs/length } intriguing and valuable links I've discovered while surfing the web.<br> | ||
| <em>Descriptions not provided. Content not ordered. Quality not assured.</em></p> | ||
|
|
||
| <ul id="blogs"> | ||
| ${ blogs | ||
| → =map(_, (link) => `<li><a href="https://${ link/url }">${ link/title }</a></li>`) } | ||
| </ul> | ||
|
|
||
| </div>`}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| (miscellaneous) => main_template.ori({ | ||
| title: "Miscellaneous Links" | ||
| description: "A handpicked list of curious, nostalgic, and obscure web destinations discovered during my surfing. Explore everything from digital oddities and retro-computing to interactive art, internet history, and bizarre experiments. No order, no guarantees—just pure internet miscellany" | ||
| og_description: "Links to various websites of interest or note." | ||
| stylesheet: "pages/links.css" | ||
|
|
||
| @text: | ||
| `<span id="section" data-pagefind-filter="Content Type">Links</span> | ||
|
|
||
| <div class="readable-width"> | ||
| <h1>Miscellaneous Links</h1> | ||
|
|
||
| <p>These are ${ miscellaneous/length } links to miscellaneous web things.<br> | ||
| <em>Descriptions are not provided. Content is not ordered. Quality is not assured. Not appropriate for all audiences. Check with your doctor if this collection is right for you.</em></p> | ||
|
|
||
| <ul> | ||
| ${ miscellaneous | ||
| → =map(_, (link) => `<li><a href="https://${ link/url }">${ link/title }</a></li>`) } | ||
| </ul> | ||
| </div>`}) |
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| (blogs, tools-and-resources, miscellaneous) => main_template.ori({ | ||
| title: "Links" | ||
| description: "A curated collection of intriguing and valuable links I've discovered while surfing the web, plus a selection of delightfully offbeat YouTube oddities." | ||
| og_description: "Links to various other places of interest or note on the 'net." | ||
|
|
||
| @text: | ||
| `<h1 id="section" data-pagefind-filter="Content Type">Links</h1> | ||
|
|
||
| <div class="readable-width"> | ||
| <p>This is a huge curated collection of ${ (blogs, tools-and-resources, miscellaneous) → =[...blogs, ...tools-and-resources, ...miscellaneous]/length } intriguing and valuable links I've discovered while surfing the web. A link's existence here does not necessarily indicate endorsement, but it does indicate that something about it snagged on my brain.</p> | ||
|
|
||
| <ul> | ||
| <li><a href="/links/blogs">Blogs</a> (${ blogs/length } links)</li> | ||
| <li><a href="/links/tools-and-resources">Tools and Resources</a> (${ tools-and-resources/length } links)</li> | ||
| <li><a href="/links/miscellaneous">Miscellaneous</a> (${ miscellaneous/length } links)</li> | ||
| </ul> | ||
|
|
||
| <p>I have also compiled <a href="https://www.youtube.com/playlist?list=PLkpryzooKZXtHGrwacJkN7ufuWm17J73g">an assorted wonder of <em>quality</em> YouTube videos</a>. They tend to be on the zanier side, and I'm not to be held responsible for any warped distortion of your recommendations that watching them may bring.</p> | ||
| </div>`}) |
Oops, something went wrong.