Skip to content

source code of my website! feel free to remix/reuse πŸ‘ (code is messy; read at your own peril!)

Notifications You must be signed in to change notification settings

r002/r002.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

XNA: "Help your people find you" 🧬

Wednesday - April 10, 2024

Motivation: I humbly submit that humanity has not quite yet figured out how best to leverage social tech to help people connect and build genuine human relationships. We have at our fingertips the power to reach any other human being in the world instantly on demand! And we've developed technology that can help us sift through oceans of data and classify at hyper-granuality a person's interests and a tweet's contents.

And yetβ€” with all this marvel and wonder, all we've done is monetize UGC by promoting clickbait that makes people the angriest? Whatever fodder that riles up people the most for ad views? Seriously?! πŸ€”

XNA is my attempt to introduce better legibility for social media in the spirit of building genuine human connections over shared interests and values. (Here, I've started with X but this can theoretically be similarly applied to Bluesky or any other social media platform.)

XNA is a free and simple dashboard that helps organize a person's tweets for easy browsing. At a glance, easily see all of the different people who've inspired a thought, tweets by date, and also keyword search.

Using XNA, see who you've interacted with most frequently and what topics seem to organically bubble up often in your mind. (And if you're a data-nerd, you can easily see in-aggregate exactly where all those hours you've spent tweeting have gone! πŸ™‚)

Currently, I generally tweet once a day so XNA is built for that use case. It's still a WIP but as always, please fork/remix/reuse!! My hope is that people will start leveraging social tech to better connect with others who share your values. Better organize your tweets to help your people find you.

**

An Ode to Tweeting Every Day πŸ’¬

Saturday - April 6, 2024

As I've previously written, I resolved on Jan 1, 2024 to make 2024 my year of connection. For years I'd always toiled away in private. With only rare exception, I'd been shy about my work, never really posting much at all publicly.

But discovering X in December 2023 honestly blew my mind. So many fascinating people on the internet! So many new topics to learn about every single day! I dug into the learn in public mindset and was instantly sold.

So since Jan 1, for every single day in 2024, I've been tweeting publicly. At the time of this writing, I've tweeted 97 consecutive days. Some people write daily affirmations or pray every evening. I basically treat tweeting the same way. (I also think of it as community service too; I am putting out vibes into the world of what I wish for the world to be!) To be sure, tweeting's not always easy, but like any habit, it gets easier the more you do it.

The simplest way for strangers on the internet to get to know you is by reading your tweets. So for the last 97 days, I've put forth little bits about myself every single day. They're not all profound, mind you. I've tweeted about my favorite book of 2023, my favorite movie of all time, a current TV series I'm enamored with, and thoughts I had about a car accident I was unfortunately in last November. Sadly, I won't be having children so these tweets will likely be all I leave behind once I go.

In the short time we're all here on earth together, I encourage everyone to be open, reach out, and connect with others. You gain nothing by walling yourself off from the world and marvelous wonders await if you'll just put yourself out there. Help your people find you.

**

Robert's Curiosity Maze πŸ™‹β€β™‚οΈ

Monday - March 18, 2024

Back in December of 2023, I started using X for the first time and was blown away. I discovered Maggie and reading through her astoundingly phenomenal site put me in such an immense state of shame re my own sad and pitiful personal site and writings that I immediately unlinked to all my stuff everywhere I could and set upon revamping my small corner of the internet.

I was already familiar with Amelia from back in 2021 when I was doing more GitHub stuff and had at some point found Andy's post about "working with the garage door up" and peripheral vision.

Finally, I'd also found Anne-Laure on X. I consider myself a pretty curious person (which is sadly also one big reason my career has gone largely nowhere, alas 😭) but Anne-Laure may be the only person on the internet who is even more curious than I am. Literally, I'm pretty sure, every tweet I see from her is about curiosity! Every one! (And I've ❀'d them all!)

So anyway, for my new personal site, I wanted to build something that would capture Amelia's infinite canvas idea with Andy's path-dependency/peripheral vision idea with Anne-Laure's general "just-follow-your-curiosity" idea and this "Curiosity Maze" is what I've come up with! πŸ€—

You still can't pan vertically yet, nor zoom in and out, but I think I have the fundamentals figured out. Inspired by how Maggie made her own personal site public, I've also gone ahead and done the same! Feel free to remix/reuse! πŸ‘

A huge thanks to Maggie, Amelia, Anne-Laure, and Andy for being who you guys are and doing what you do! πŸ™ I don't know you (and you guys don't know me) but I love how we live in an age where total strangers can connect with each other's work across space and time and have these weird asymmetrical relationships. You guys have no idea who I am but I've been hugely inspired by your work!! Thank you for sharing so generously with complete strangers on the internet!! πŸ’™

Onward and upward!! Accelerate!! πŸŒŽπŸš€βœ¨

**

TODO

  • build the bsky degree of decentralization index (BSKY DoDI) page
    • if t-rexes in F-14s suddenly launched sidewinders at all existing bsky infra, what would happen?
  • add writing page to host all my blog posts
  • fix [Missed Day] calendar issue - #219: July 26, 2024
  • fix double header bug - #301: Oct 13, 2024
  • research blueskey and x apis for simultaneous posting
    • build a central GUI that posts to both simultaneously?
    • research how to bring analytics counts to bluesky (see how many impressions/clicks each post got)
  • index all tweet titles in the database so they can be searched
  • strip all punctuation when indexing dbs
  • build chrome ext that extracts & transforms a tweet's text, ppl, & ref links into json
  • build "life meter" - display how much of my life has passed (use "4,000 weeks" as range)
  • write a preprocessor that scans x.json & reports discrepancies w/ media.json, orgs.json, and /pfp
  • build wheel page
    • track every week's pick
    • render histogram of everyone's who's been picked
  • add writer page
    • add start and stop timer buttons
    • the page will track time (in increments of 15min blocks) spent writing that day (record timestamps?)
      • writing should be intentional, focused, measured, delivery-oriented
  • write script to generate metadata
    • calculate number of weeks that have elapsed
  • write pre-commit hook to ensure metadata integrity
  • create links section on XNA page
  • Add the Bluesky Filmbot 🍿 leaderboard
  • add the this is an educational resource badge to topbar
  • scrolling should only scroll the timestream center pane
  • separate timestream by week # divider
  • create books section on XNA page
  • add bad movie club page
  • code a script to automatically push x.json and new pfps to GitHub
  • revamp the calendar sidebar -> display all days in the year & always center current week
  • separate people, organizations, media sections
  • enhance tooltips for day boxes & tweet titles
  • add changelog - source changelog from json file
  • finish indexing all people in the database so they can be searched
  • display (count) next to Tweet Timestream
  • when mousing over tweets and day boxes, show the full date in the title mouseover

**

Stack

  • Vanilla HTML, JS, CSS (as God intended)
  • Deliberately no webpack and minification so you can view-source!

How to run

$> browser-sync start --server '.' --files '.'

References

About

source code of my website! feel free to remix/reuse πŸ‘ (code is messy; read at your own peril!)

Resources

Stars

Watchers

Forks