ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

Now streaming! We're going to be recreating the Xcode UI as a React DOM + Tailwind component for teaching purposes. In this screenshot, the top bit is what I've completed so far, while the bottom bit is the reference image that we need to reproduce! Stream here: youtube.com/live/6jmLZ72...

Mar 5, 2025, 5:45 AM

Record data

{
  "uri": "at://did:plc:o4ahiwbl3js3jajot6lw3hst/app.bsky.feed.post/3ljmbml5uq22p",
  "cid": "bafyreigvf2vlldvj5p2ikvpyi5tgkpvdfrfa6dsyx33rjyu25z6ugidc4m",
  "value": {
    "text": "Now streaming! We're going to be recreating the Xcode UI as a React DOM + Tailwind component for teaching purposes.\n\nIn this screenshot, the top bit is what I've completed so far, while the bottom bit is the reference image that we need to reproduce!\n\nStream here:\nyoutube.com/live/6jmLZ72...",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.images",
      "images": [
        {
          "alt": "",
          "image": {
            "$type": "blob",
            "ref": {
              "$link": "bafkreidiyieufngso2ii7ytbrxjtn7o65hc7srh62ccmnvngrkaiczw3zy"
            },
            "mimeType": "image/jpeg",
            "size": 636169
          },
          "aspectRatio": {
            "width": 2000,
            "height": 2000
          }
        }
      ]
    },
    "langs": [
      "en"
    ],
    "facets": [
      {
        "index": {
          "byteEnd": 292,
          "byteStart": 265
        },
        "features": [
          {
            "uri": "https://youtube.com/live/6jmLZ726DwA?feature=share",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      }
    ],
    "createdAt": "2025-03-05T05:45:20.181Z"
  }
}