diff options
| author | Pinapelz <yukais@pinapelz.com> | 2025-12-01 22:27:26 -0800 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2025-12-01 22:28:46 -0800 |
| commit | 743d1e3d4c421385111dfd63482cd92a5fff02c1 (patch) | |
| tree | 8b79dfd7b89297b1c8c6864d57943f03e0a183fe /micro.pinapelz.moe/posts/index.html | |
| parent | 4d75a6ded99babeffc3c264a9f38b510a7c59ce7 (diff) | |
move micro to its own site (better compatability with indieweb feats)
Diffstat (limited to 'micro.pinapelz.moe/posts/index.html')
| -rw-r--r-- | micro.pinapelz.moe/posts/index.html | 145 |
1 files changed, 145 insertions, 0 deletions
diff --git a/micro.pinapelz.moe/posts/index.html b/micro.pinapelz.moe/posts/index.html new file mode 100644 index 0000000..d84fd94 --- /dev/null +++ b/micro.pinapelz.moe/posts/index.html @@ -0,0 +1,145 @@ +<!DOCTYPE html> +<html lang="en-us"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <style type=text/css>body{font-family:monospace;}</style> + <title>Posts | micro.pinapelz.moe</title> + + <meta name="author" content="map[avatar:https://pinapelz.moe/assets/pfp.webp bio:hi, this is an informal (micro) blog of sorts. This site was made cause <a href="https://indieweb.org/">IndieWeb</a> seems like a great approach for the type of data agency I wanted out of social media (including the <a href="https://jointhefediverse.net">Fediverse</a> and <a href="https://atproto.com/">AtProto/Bluesky</a> at a fraction of the resources.<br/><br/> + There's a lot of stuff that doesn't fit well in a full-length formal blog post. I thought it'd be cool to have something like this on <a href="https://nekoweb.org">Nekoweb</a> since it fits the theme pretty well. email:yukais@pinapelz.com name:Pinapelz]"> + <link rel="stylesheet" href="/css/style.css"> + <link rel="alternate" type="application/rss+xml" href="/posts/index.xml" title="micro.pinapelz.moe"> + + + <link rel="me" href="https://github.com/pinapelz" /> + <link rel="me" href="mailto:yukais@pinapelz.com" /> + <link rel="me" href="https://sakurajima.social/@pinapelz" /> + <link rel="me" href="https://bsky.app/profile/pinapelz.moe" /><link rel="pgpkey" href="/path/to//public/key.asc"> + <link + rel="authorization_endpoint" + href="https://indieauth.com/auth" + /> + <link + rel="token_endpoint" + href="https://tokens.indieauth.com/token" + /> + <link rel="webmention" href="https://webmention.io/micro.pinapelz.moe/webmention" /> + + + +</head> +<body> + <header> + <div style="display:flex;flex-flow:row wrap;justify-content:space-between"> + <div style="align-self:flex-start;"> + ==============<br> + == <a href="https://micro.pinapelz.moe/">Pinapelz</a> ==<br> + ============== + </div> + <div style="align-self:center;">check it out. I'm in the house like carpet</div> + </div> + <nav style="margin: 1rem auto;"> + + + <a href="/posts/"><b>Posts</b></a>. + + <a href="/categories/"><b>Categories</b></a>. + + <a href="/tags/"><b>Tags</b></a>. + + + </nav> +</header> + + +<main class="content-list"> + + + <div> + + <h1> + Posts + +<a href="/posts/index.xml"><img style="height:1.5rem; display: inline;" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-label='RSS' role='img' viewBox='0 0 512 512'%3E%3Cpath d='M0 0h512v512H0' fill='%23f80'/%3E%3Cpath d='M109 271A132 133 0 0 1 241 403h60A192 193 0 0 0 109 211v-54A246 247 0 0 1 355 403h60A306 307 0 0 0 109 97m35 235a35 35 0 1 0 2 0' fill='%23fff'/%3E%3C/svg%3E" alt="RSS icon" /></a> + + + </h1> + + + </div> + + + <div class="h-feed"> + + + + + + + + + + + </ul> + </div> + + <div> + <h3>December 2025</h3> + <ul> + + + <li class="h-entry"> + <div hidden> + <div class="h-card p-author bio-card" style="text-align:center;"> + <div class="bio"> + <img class="u-photo avatar" src="https://pinapelz.moe/assets/pfp.webp" alt="Pinapelz's avatar"> + <p class="p-note">hi, this is an informal (micro) blog of sorts. This site was made cause <a href="https://indieweb.org/">IndieWeb</a> seems like a great approach for the type of data agency I wanted out of social media (including the <a href="https://jointhefediverse.net">Fediverse</a> and <a href="https://atproto.com/">AtProto/Bluesky</a> at a fraction of the resources.<br/><br/> + There's a lot of stuff that doesn't fit well in a full-length formal blog post. I thought it'd be cool to have something like this on <a href="https://nekoweb.org">Nekoweb</a> since it fits the theme pretty well.</p> + </div> + <p class="bio-name"><a href="https://micro.pinapelz.moe/" rel="me" class="p-nickname p-name u-url">Pinapelz</a></p> +</div> +<hr/> + + </div> + <div class="post-title"> + <time class="date dt-published" datetime="2025-12-01">01</time>: + + <a href="https://micro.pinapelz.moe/posts/2025-12-01-hello-world/" class="u-url p-name title"> + Hello World - Why This + </a> + </div> + </li> + + + + + </ul> + </div> + </div> + + <div> + +1 of 1 + +</div> + +</main> + + <hr /> +<footer> + <p> + <a href="https://github.com/pinapelz"><b>Github</b></a>. + <a href="https://pinapelz.moe"><b>pinapelz.moe</b></a>. + </p> + + + + <p style="text-align: center" class="copyright"> + © <a href="https://micro.pinapelz.moe/"><b>micro.pinapelz.moe</b></a>. + </p> +</footer> + +</body> +</html> |