ATProto Browser
Experimental browser for the Atmosphere
Experimental browser for the Atmosphere
{
"uri": "at://did:plc:k6acu4chiwkixvdedcmdgmal/cloud.tumbling.actor.profile/self",
"cid": "bafyreiazi5w6tfr3g7dox72gimrj762kb7mehx4hpo6ze4yffcrbxkq6ju",
"value": {
"$type": "cloud.tumbling.actor.profile",
"theme": {
"html": "<html>\n<head>\n <title>{{profile.displayName}}'s Blog</title>\n <style>\n body {\n font-family: {{options.[font:Body]}};\n background-color: {{options.[color:Background]}};\n color: {{options.[color:Text]}};\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n }\n header {\n text-align: center;\n margin-bottom: 30px;\n }\n h1 {\n font-family: {{options.[font:Title]}};\n font-size: 36px;\n margin: 0;\n }\n .post {\n margin-bottom: 30px;\n padding-bottom: 20px;\n border-bottom: 1px solid #ddd;\n }\n .post-content {\n margin-top: 10px;\n }\n .post-footer {\n font-size: 0.8em;\n color: #777;\n margin-top: 10px;\n }\n </style>\n</head>\n<body>\n <header>\n {{#if options.[if:ShowAvatar]}}\n <img src=\"{{profile.avatar}}\" alt=\"Avatar\" style=\"width: 80px; height: 80px; border-radius: 50%;\">\n {{/if}}\n <h1>{{options.[text:CustomText]}}</h1>\n </header>\n\n <div class=\"posts\">\n {{#each posts}}\n <div class=\"post\">\n <h2>{{this.title}}</h2>\n <div class=\"post-content\">\n {{{this.content}}}\n </div>\n <div class=\"post-footer\">\n Posted on {{this.createdAt}} · {{this.notesCount}} notes\n </div>\n </div>\n {{/each}}\n </div>\n\n <footer>\n <p>© {{currentYear}} {{profile.displayName}}</p>\n </footer>\n</body>\n</html>",
"meta": {
"name": "Simple Blog",
"author": "tumbling.cloud",
"version": "1.0",
"description": "A very basic blog theme with customizable colors and fonts"
},
"options": {
"font:Body": "Arial, Helvetica, sans-serif",
"color:Text": "#333333",
"font:Title": "Helvetica Neue, sans-serif",
"if:ShowAvatar": false,
"text:CustomText": "MY BLOG",
"color:Background": "#ffffff"
}
},
"createdAt": "2025-03-23T20:05:55.467Z"
}
}