micro.pinapelz.moe/posts/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
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 &lt;a href=&#34;https://indieweb.org/&#34;&gt;IndieWeb&lt;/a&gt; seems like a great approach for the type of data agency I wanted out of social media (including the &lt;a href=&#34;https://jointhefediverse.net&#34;&gt;Fediverse&lt;/a&gt; and &lt;a href=&#34;https://atproto.com/&#34;&gt;AtProto/Bluesky&lt;/a&gt; at a fraction of the resources.&lt;br/&gt;&lt;br/&gt;
    There&#39;s a lot of stuff that doesn&#39;t fit well in a full-length formal blog post. I thought it&#39;d be cool to have something like this on &lt;a href=&#34;https://nekoweb.org&#34;&gt;Nekoweb&lt;/a&gt; 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&#39;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">
        &copy; <a href="https://micro.pinapelz.moe/"><b>micro.pinapelz.moe</b></a>.
    </p>
</footer>

</body>
</html>