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 | |
| parent | 4d75a6ded99babeffc3c264a9f38b510a7c59ce7 (diff) | |
move micro to its own site (better compatability with indieweb feats)
53 files changed, 1021 insertions, 144 deletions
diff --git a/indieweb-micro/.hugo_build.lock b/indieweb-micro/.hugo_build.lock new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/indieweb-micro/.hugo_build.lock diff --git a/indieweb/archetypes/default.md b/indieweb-micro/archetypes/default.md index 25b6752..25b6752 100644 --- a/indieweb/archetypes/default.md +++ b/indieweb-micro/archetypes/default.md diff --git a/indieweb/content/posts/hello-world.md b/indieweb-micro/content/posts/hello-world.md index a82c543..a82c543 100644 --- a/indieweb/content/posts/hello-world.md +++ b/indieweb-micro/content/posts/hello-world.md diff --git a/indieweb/hugo.toml b/indieweb-micro/hugo.toml index 543e839..633719e 100644 --- a/indieweb/hugo.toml +++ b/indieweb-micro/hugo.toml @@ -1,8 +1,8 @@ languageCode = 'en-us' -title = 'pinapelz.moe/micro' +title = 'micro.pinapelz.moe' theme = "MinIndie" -baseURL = "https://pinapelz.moe/micro" -publishDir = "../pinapelz.moe/micro" +baseURL = "https://micro.pinapelz.moe" +publishDir = "../micro.pinapelz.moe" [params] subtitle = "check it out. I'm in the house like carpet" @@ -19,7 +19,7 @@ dateFmt = "Monday, January 2, 2006" [params.indieweb] authorizationEndpoint = "https://indieauth.com/auth" tokenEndpoint = "https://tokens.indieauth.com/token" - webmentionEndpoint = "https://webmention.io/pinapelz.moe/webmention" + webmentionEndpoint = "https://webmention.io/micro.pinapelz.moe/webmention" relmepgp = "/path/to//public/key.asc" [[params.indieweb.relme]] url = "https://github.com/pinapelz" diff --git a/indieweb-micro/themes/MinIndie/LICENSE.md b/indieweb-micro/themes/MinIndie/LICENSE.md new file mode 100644 index 0000000..630c225 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/LICENSE.md @@ -0,0 +1,22 @@ +The MIT License (MIT) + +Copyright (c) 2016 Vimux + +Copyright (c) 2020 colorchestra + +Permission is hereby granted, free of charge, to any person obtaining a copy of +this software and associated documentation files (the "Software"), to deal in +the Software without restriction, including without limitation the rights to +use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of +the Software, and to permit persons to whom the Software is furnished to do so, +subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS +FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR +COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER +IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN +CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/indieweb-micro/themes/MinIndie/README.md b/indieweb-micro/themes/MinIndie/README.md new file mode 100644 index 0000000..cef0972 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/README.md @@ -0,0 +1,100 @@ +# MinIndie + +This theme is **heavily** based on [smol](https://themes.gohugo.io/themes/smol/), a minimalist hugo theme, thanks to their work! + +MinIndie is a very minimal hugo theme with indieweb markups. A demo can be found on my blog at https://bacardi55.io + +## Features + +- No JavaScript +- No Google spyware or tracking of any kind +- No other external dependencies, embedded fonts or comment sections +- Dark mode support (depending on your OS's setting) +- Indieweb markup + +## Installation + +In your Hugo site `themes` directory, run: + +``` +git clone https:// +``` + +Next, open `config.toml` in the base of the Hugo site and ensure the theme option is set to `smol`. + +``` +theme = "minindie" +``` + +Lastly, add the following lines to your `config.toml` to set site parameters and make use of all the menu entries in the header and footer sections if you need them. + +``` +title = "Site Name" +baseURL = "https://your.domain.tld" +copyright = "A copyright message" + +# Parameters +[params] + subtitle = "ἕν οἶδα ὅτι οὐδὲν οἶδα" + dateFmt = "Monday, January 2, 2006" + # tagPostOlderThanXDays = 555 # To display a message if the post is older than this number of days. + # xslpath = "/rss.xsl" # If you want to theme your RSS feed. Optional. + +[params.author] + name = "your name" # required for h-card + email = "your@email.tld" + avatar = "/path/to/avatar.png" + bio = "A bio description<br />Html is accepted." + +[params.indieweb] + authorizationEndpoint = "https://indieauth.com/auth" + tokenEndpoint = "https://tokens.indieauth.com/token" + webmentionEndpoint = "https://webmention.io/your.domain.tld/webmention" + relmepgp = "/path/to//public/key.asc" + [[params.indieweb.relme]] + url = "https://" + [[params.indieweb.relme]] + url = "https://" + +# Menus: +## Header +[menu] + [[menu.main]] + identifier = "posts" + name = "Posts" + url = "/posts/" + weight = 1 + + [[menu.main]] + identifier = "categories" + name = "Categories" + url = "/categories/" + weight = 2 + + [[menu.main]] + identifier = "tags" + name = "Tags" + url = "/tags/" + weight = 3 + +## Footer + [[menu.footer]] + name = "Github" + url = "https://github.com/example" + weight = 1 + + [[menu.footer]] + name = "Mastodon" + url = "https://example.com/@user" + weight = 2 + + [[menu.footer]] + name = "Imprint" + url = "/imprint" + weight = 3 + +``` + +## License + +This theme is released under the [MIT license](https://github.com/colorchestra/smol/blob/master/LICENSE). diff --git a/indieweb-micro/themes/MinIndie/archetypes/default.md b/indieweb-micro/themes/MinIndie/archetypes/default.md new file mode 100644 index 0000000..ef75f76 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/archetypes/default.md @@ -0,0 +1,4 @@ ++++ +title = "{{ replace .Name "-" " " | title }}" +date = {{ .Date }} ++++ diff --git a/indieweb-micro/themes/MinIndie/archetypes/posts.md b/indieweb-micro/themes/MinIndie/archetypes/posts.md new file mode 100644 index 0000000..11182ff --- /dev/null +++ b/indieweb-micro/themes/MinIndie/archetypes/posts.md @@ -0,0 +1,11 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +slug: {{ now.Format "2006-01-02" }}-{{ .Name | urlize }} +type: posts +draft: true +categories: + - default +tags: + - default +--- diff --git a/indieweb-micro/themes/MinIndie/layouts/_default/_markup/render-image.html b/indieweb-micro/themes/MinIndie/layouts/_default/_markup/render-image.html new file mode 100644 index 0000000..41008ca --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/_default/_markup/render-image.html @@ -0,0 +1,11 @@ +{{ if .Title }} +<figure> + <img src="{{ .Destination | safeURL }}" alt="{{ .Text }}" /> + <figcaption>{{ .Title }}</figcaption> +</figure> +{{ else }} +<figure> + <img src="{{ .Destination | safeURL }}" alt="{{ .Text }}" /> +</figure> +{{ end }} + diff --git a/indieweb-micro/themes/MinIndie/layouts/_default/baseof.html b/indieweb-micro/themes/MinIndie/layouts/_default/baseof.html new file mode 100644 index 0000000..e8b6411 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/_default/baseof.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html lang="{{ .Site.LanguageCode | default "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>{{ .Title }} | {{ .Site.Title }}</title> + {{ with .Site.Params.description }}<meta name="description" content="{{ . }}">{{ end }} + {{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }} + <link rel="stylesheet" href="{{ "css/style.css" | relURL }}"> + {{ range .Site.Params.customCSS -}} + <link rel="stylesheet" href="{{ . | relURL }}?rnd={{ now.Unix }}"> + {{- end }} + {{- with .OutputFormats.Get "RSS" -}} + {{ printf `<link rel="%s" type="%s" href="%s" title="%s">` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }} + {{- end }} + + {{ partial "head-extra.html" . }} +</head> +<body> + {{ partial "header" . }} + {{ block "main" . }}{{ end }} + {{ partial "footer" . }} +</body> +</html> diff --git a/indieweb-micro/themes/MinIndie/layouts/_default/list.html b/indieweb-micro/themes/MinIndie/layouts/_default/list.html new file mode 100644 index 0000000..f3639a1 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/_default/list.html @@ -0,0 +1,57 @@ +{{ define "main" }} +<main class="content-list"> + {{ $pageKind := .Kind }} + {{ if or .Title .Content }} + <div> + {{ if .Title }} + <h1> + {{ .Title }} + {{ partial "single-title-extra.html" . }} + </h1> + {{ end }} + {{ with .Content }}<div class="justify">{{ . }}</div>{{ end }} + </div> + {{ end }} + + <div class="h-feed"> + {{ $yearCptr := "" }} + {{ $monthCptr := "" }} + {{ range .Paginator.Pages }} + {{ $postYear := .Date.Year }} + {{ $postMonth := .Date.Month }} + + {{ if or (ne $monthCptr $postMonth) (and (eq $yearCptr "") (eq $monthCptr "")) }} + {{ $yearCptr = $postYear }} + {{ $monthCptr = $postMonth }} + {{ if and (ne $yearCptr "") (ne $monthCptr "") }} + </ul> + </div> + {{ end }} + <div> + <h3>{{ $monthCptr }} {{ $yearCptr }}</h3> + <ul> + {{ end }} + + <li class="h-entry"> + <div hidden> + {{ partial "bio-hcard.html" . }} + </div> + <div class="post-title"> + <time class="date dt-published" datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "02" }}</time>: + {{ if eq $pageKind "term" }}[{{ .Type }}] {{ end }} + <a href="{{ .Permalink }}" class="u-url p-name title"> + {{.Title }} + </a> + </div> + </li> + + {{ $yearCptr = $postYear }} + {{ $monthCptr = $postMonth }} + {{ end }} + </ul> + </div> + </div> + + {{ partial "pagination.html" . }} +</main> +{{ end }} diff --git a/indieweb-micro/themes/MinIndie/layouts/_default/single.html b/indieweb-micro/themes/MinIndie/layouts/_default/single.html new file mode 100644 index 0000000..425efc1 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/_default/single.html @@ -0,0 +1,74 @@ +{{ define "main" }} +{{ $ageDays := div (sub now.Unix .Date.Unix) 86400 }} + <main> + <article class="h-entry"> + <h1 class="p-name">{{ .Title }}</h1> + + <div hidden>{{ partial "bio-hcard.html" . }}</div> + + {{ if .Date }} + <div><b> + <time class="dt-published" datetime="{{ .Date.Format "2006-01-02" }}"> + {{ .Date.Format (default "2006-01-02 15:04:05" .Site.Params.dateFmt) }} + </time> + - <a href="{{ .Permalink }}" class="u-url u-uid" >Permalink</a> + </b></div> + {{ end }} + + {{- if or .Params.categories .Params.tags -}} + <div class="article-meta"> + {{- with .Params.categories -}} + <span class="categories"> + Categories: + {{ range . }} + <a href="{{ "/categories/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> + {{ end }} + </span> + {{- end -}} + {{- if and .Params.categories .Params.tags -}} + -- + {{- end -}} + {{- with .Params.tags -}} + <span class="tags"> + Tags: + {{ range . }} + #<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}" class="p-category">{{ . }}</a> + {{ end }} + </span> + {{- end -}} + </div> + {{- end -}} + + {{- with .Site.Params.tagPostOlderThanXDays -}} + {{- if and (gt $ageDays .) (eq $.Type "posts") -}} + {{ partial "article-old-content.html" . }} + {{- end -}} + {{- end -}} + + {{- partial "article-precontent.html" . -}} + + {{- if .Params.toc -}} + <div class="toc noprint"> + <h2>Table of Content</h2> + <aside> + {{ .TableOfContents }} + </aside> + </div> + {{- end -}} + + <div class="e-content"> + {{ .Content }} + </div> + + {{ partial "article-extra.html" . }} + + {{ if .Site.Params.enableNextPrevPages }} + {{ partial "article-prevnext.html" . }} + {{ end }} + + {{ if .Site.Params.enableRelatedPages }} + {{ partial "article-related.html" . }} + {{ end }} + </article> + </main> +{{ end }} diff --git a/indieweb-micro/themes/MinIndie/layouts/_default/summary.html b/indieweb-micro/themes/MinIndie/layouts/_default/summary.html new file mode 100644 index 0000000..a347932 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/_default/summary.html @@ -0,0 +1,13 @@ +<article> + <h1><a href="{{ .Permalink }}">{{ .Title }}</a></h1> + <b><time>{{ .Date.Format (default "2006-01-02 15:04:05" .Site.Params.dateFmt) }}</time></b> + {{ range .Params.tags }} + <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> + {{ end }} + <div> + {{ .Summary }} + {{ if .Truncated }} + <a href="{{ .Permalink }}">Read more...</a> + {{ end }} + </div> +</article> diff --git a/indieweb-micro/themes/MinIndie/layouts/_default/taxonomy.html b/indieweb-micro/themes/MinIndie/layouts/_default/taxonomy.html new file mode 100644 index 0000000..3e10031 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/_default/taxonomy.html @@ -0,0 +1,45 @@ +{{ define "main" }} +{{ $pageTitle := .Title }} +<main> + <div> + <h1> + {{ .Title }} + <a href="{{ .Permalink }}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> + {{ .Content }} + </div> + {{- if eq .Kind "taxonomy" -}} + <ul> + {{ range .Pages.ByTitle }} + <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li> + {{ end }} + </ul> + {{ end }} + {{- if eq .Kind "term" -}} + <p>Content linked to the taxonomy term « {{ strings.ToUpper .Title }} »:</p> + {{ $currentType := "" }} + {{ range sort .Pages.ByDate.Reverse ".Type" "desc" }} + {{ if or (eq $currentType "") (ne $currentType .Type) }} + {{ if ne $currentType "" }} + </ul> + </div> + {{ end }} + <div> + <h3>{{ strings.FirstUpper .Type }}</h3> + <ul> + {{ end }} + <li> + <time class="date dt-published" datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "2006-01-02" }}</time> + <a href="{{ .RelPermalink }}">{{ .Title }}</a> + </li> + {{ $currentType = .Type }} + {{ end }} + </ul> + </div> + {{- end -}} + </div> +</main> +{{ end }} diff --git a/indieweb-micro/themes/MinIndie/layouts/bookmarks/single.html b/indieweb-micro/themes/MinIndie/layouts/bookmarks/single.html new file mode 100644 index 0000000..8ee4bf1 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/bookmarks/single.html @@ -0,0 +1,44 @@ +{{ define "main" }} + <main> + <article class="h-entry"> + <div hidden>{{ partial "bio-hcard.html" . }}</div> + + <h1 class="p-name"> + <a href="{{ .Params.bookmark_url }}" target="_blank" class=""> + {{ .Title }} + </a> + </h1> + <div><b> + <time class="dt-published" datetime="{{ .Date.Format "2006-01-02" }}"> + {{ .Date.Format (default "2006-01-02 15:04:05" .Site.Params.dateFmt) }} + </time> + - <a href="{{ .Permalink }}" class="u-url u-uid" >Permalink</a> + </b></div> + <div class="tags"> + Tags: + {{ range .Params.tags }} + <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}" class="p-category">{{ . }}</a> + {{ end }} + </div> + + {{ with .Params.description }} + <div class="bookmark-description"> + Description: + <blockquote>{{ . }}</blockquote> + </div> + {{ end }} + + {{ with .Content }} + <div class="e-content justify">{{ . }}</div> + {{ end }} + + <div> + → <a href="{{ .Params.bookmark_url }}" target="_blank" class="u-bookmark-of h-cite"> + {{ .Params.bookmark_url }} + </a><br /><br /> + </div> + + {{ partial "article-extra.html" . }} + </article> + </main> +{{ end }} diff --git a/indieweb-micro/themes/MinIndie/layouts/index.html b/indieweb-micro/themes/MinIndie/layouts/index.html new file mode 100644 index 0000000..777a2fd --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/index.html @@ -0,0 +1,8 @@ +{{ define "main" }} + <main> + <hr /> + <h1 class="site-title">{{ .Site.Title }}</h1> + {{- partial "bio-hcard.html" . -}} + {{- partial "homepage-body.html" . -}} + </main> +{{ end }} diff --git a/indieweb-micro/themes/MinIndie/layouts/notes/notes.html b/indieweb-micro/themes/MinIndie/layouts/notes/notes.html new file mode 100644 index 0000000..e0e0d17 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/notes/notes.html @@ -0,0 +1,42 @@ +{{ define "main" }} + <main> + {{ $pageKind := .Kind }} + {{ if or .Title .Content }} + <div> + {{ with .Title }} + <h1> + {{ . }} + <a href="/notes/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> + <a href="https://indieweb.org/h-feed" target="_blank"><img style="height:1.5rem; display: inline;" src="/images/H_Feed_icon.svg" alt="h-feed icon" /></a> + </h1> + {{ end }} + {{ with .Content }}<div class="justify">{{ . }}</div>{{ end }} + </div> + {{ end }} + + <div class="h-feed"> + {{ range .Pages }} + <div class="h-entry note"> + <div hidden> + {{ partial "bio-hcard.html" . }} + </div> + <p class="p-content"> + {{ .Content }} + </p> + + <time class="date dt-published" datetime="{{ .Date.Format "2006-01-02 15:04" }}"> + <a href="{{ .RelPermalink }}">{{ .Date.Format "2006-01-02 15:04" }}</a> + </time> + + {{ with .Params.Tags }} + - Tags: + {{ range . }} + #<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}" class="p-category">{{ . }}</a> + {{ end }} + {{ end }} + </div> + {{ end }} + </div> + + </main> +{{ end }} diff --git a/indieweb-micro/themes/MinIndie/layouts/notes/single.html b/indieweb-micro/themes/MinIndie/layouts/notes/single.html new file mode 100644 index 0000000..32afcea --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/notes/single.html @@ -0,0 +1,44 @@ +{{ define "main" }} +{{ $ageDays := div (sub now.Unix .Date.Unix) 86400 }} + <main> + <article class="h-entry"> + <div hidden>{{ partial "bio-hcard.html" . }}</div> + <div><b> + <time class="dt-published" datetime="{{ .Date.Format "2006-01-02" }}"> + {{ .Date.Format (default "2006-01-02 15:04:05" .Site.Params.dateFmt) }} + </time> + - <a href="{{ .Permalink }}" class="u-url u-uid" >Permalink</a> + </b></div> + + {{- if or .Params.categories .Params.tags -}} + <div class="article-meta"> + {{- with .Params.categories -}} + <span class="categories"> + Categories: + {{ range . }} + <a href="{{ "/categories/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> + {{ end }} + </span> + {{- end -}} + {{- if and .Params.categories .Params.tags -}} + -- + {{- end -}} + {{- with .Params.tags -}} + <span class="tags"> + Tags: + {{ range . }} + #<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}" class="p-category">{{ . }}</a> + {{ end }} + </span> + {{- end -}} + </div> + {{- end -}} + + {{- partial "article-precontent.html" . -}} + + <div class="e-content"> + {{ .Content }} + </div> + </article> + </main> +{{ end }} diff --git a/indieweb-micro/themes/MinIndie/layouts/partials/article-extra.html b/indieweb-micro/themes/MinIndie/layouts/partials/article-extra.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/partials/article-extra.html diff --git a/indieweb-micro/themes/MinIndie/layouts/partials/article-old-content.html b/indieweb-micro/themes/MinIndie/layouts/partials/article-old-content.html new file mode 100644 index 0000000..785f3be --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/partials/article-old-content.html @@ -0,0 +1,6 @@ +<div class="alert noprint"> + <strong + >/!\ Warning: This article is older than {{ . }} days, make sure the content + is still relevant!</strong + > +</div> diff --git a/indieweb-micro/themes/MinIndie/layouts/partials/article-precontent.html b/indieweb-micro/themes/MinIndie/layouts/partials/article-precontent.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/partials/article-precontent.html diff --git a/indieweb-micro/themes/MinIndie/layouts/partials/article-prevnext.html b/indieweb-micro/themes/MinIndie/layouts/partials/article-prevnext.html new file mode 100644 index 0000000..d89b779 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/partials/article-prevnext.html @@ -0,0 +1,17 @@ +<div class="article-nextprev noprint"> + <div class="next-post"> + {{ if .NextInSection }} + <a class="link-reverse" href="{{ .NextInSection.Permalink }}?ref=footer" + >« {{ .NextInSection.Title | truncate 30 "..." }}</a + > + {{ end }} + </div> + + <div class="previous-post"> + {{ if .PrevInSection }} + <a class="link-reverse" href="{{ .PrevInSection.Permalink }}?ref=footer" + >{{ .PrevInSection.Title | truncate 30 "..."}} »</a + > + {{ end }} + </div> +</div> diff --git a/indieweb-micro/themes/MinIndie/layouts/partials/article-related.html b/indieweb-micro/themes/MinIndie/layouts/partials/article-related.html new file mode 100644 index 0000000..5a6fe50 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/partials/article-related.html @@ -0,0 +1,10 @@ +{{ $related := .Site.RegularPages.Related . | first 5 }} {{ with $related }} +<div class="noprint"> + <h2>Releated Posts</h2> + <ul> + {{ range . }} + <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li> + {{ end }} + </ul> +</div> +{{ end }} diff --git a/indieweb-micro/themes/MinIndie/layouts/partials/bio-hcard.html b/indieweb-micro/themes/MinIndie/layouts/partials/bio-hcard.html new file mode 100644 index 0000000..0a476e4 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/partials/bio-hcard.html @@ -0,0 +1,8 @@ +<div class="h-card p-author bio-card" style="text-align:center;"> + <div class="bio"> + <img class="u-photo avatar" src="{{ .Site.Params.Author.avatar }}" alt="{{ .Site.Params.Author.name }}'s avatar"> + <p class="p-note">{{ .Site.Params.Author.Bio | safeHTML }}</p> + </div> + <p class="bio-name"><a href="{{ .Site.BaseURL }}" rel="me" class="p-nickname p-name u-url">{{ .Site.Params.Author.name }}</a></p> +</div> +<hr/> diff --git a/indieweb-micro/themes/MinIndie/layouts/partials/footer-extra.html b/indieweb-micro/themes/MinIndie/layouts/partials/footer-extra.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/partials/footer-extra.html diff --git a/indieweb-micro/themes/MinIndie/layouts/partials/footer.html b/indieweb-micro/themes/MinIndie/layouts/partials/footer.html new file mode 100644 index 0000000..978a390 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/partials/footer.html @@ -0,0 +1,14 @@ +<hr /> +<footer> + <p> + {{- range .Site.Menus.footer }} + <a href="{{ .URL }}"><b>{{ .Name }}</b></a>. + {{- end }} + </p> + + {{ partial "footer-extra.html" . }} + + <p style="text-align: center" class="copyright"> + © <a href="{{ .Site.BaseURL }}"><b>{{ if .Site.Copyright }}{{ .Site.Copyright }}{{ else }}{{ .Site.Title }}{{ end }}</b></a>. + </p> +</footer> diff --git a/indieweb-micro/themes/MinIndie/layouts/partials/head-extra.html b/indieweb-micro/themes/MinIndie/layouts/partials/head-extra.html new file mode 100644 index 0000000..8c3984f --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/partials/head-extra.html @@ -0,0 +1,20 @@ +{{- range .Site.Params.indieweb.relme }} + <link rel="me" href="{{ .url }}" /> +{{- end -}} + +{{- with .Site.Params.indieweb.relmepgp -}} + <link rel="pgpkey" href="{{ . }}"> +{{- end -}} + +{{ with .Site.Params.indieweb }} + <link + rel="authorization_endpoint" + href="{{ .authorizationEndpoint | default "https://indieauth.com/auth" }}" + /> + <link + rel="token_endpoint" + href="{{ .tokenEndpoint | default "https://tokens.indieauth.com/token" }}" + /> + <link rel="webmention" href="{{ .webmentionEndpoint }}" /> +{{ end }} + diff --git a/indieweb-micro/themes/MinIndie/layouts/partials/header.html b/indieweb-micro/themes/MinIndie/layouts/partials/header.html new file mode 100644 index 0000000..efbd8e1 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/partials/header.html @@ -0,0 +1,17 @@ +<header> + <div style="display:flex;flex-flow:row wrap;justify-content:space-between"> + <div style="align-self:flex-start;"> + {{ strings.Repeat ( .Site.Params.Author.Name | len | add 6 ) "=" }}<br> + == <a href="{{ .Site.BaseURL }}">{{ .Site.Params.Author.Name }}</a> ==<br> + {{ strings.Repeat ( .Site.Params.Author.Name | len | add 6 ) "=" }} + </div> + <div style="align-self:center;">{{ .Site.Params.subtitle }}</div> + </div> + <nav style="margin: 1rem auto;"> + {{ with .Site.Menus.main }} + {{ range . }} + <a href="{{ .URL | relURL }}"><b>{{ .Name }}</b></a>. + {{ end }} + {{ end }} + </nav> +</header> diff --git a/indieweb-micro/themes/MinIndie/layouts/partials/homepage-body.html b/indieweb-micro/themes/MinIndie/layouts/partials/homepage-body.html new file mode 100644 index 0000000..151ef62 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/partials/homepage-body.html @@ -0,0 +1,5 @@ +{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }} +{{ range $paginator.Pages }} + {{ .Render "summary" }} +{{ end }} +{{ partial "pagination.html" . }} diff --git a/indieweb-micro/themes/MinIndie/layouts/partials/pagination.html b/indieweb-micro/themes/MinIndie/layouts/partials/pagination.html new file mode 100644 index 0000000..79f8053 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/partials/pagination.html @@ -0,0 +1,9 @@ +<div> +{{ if .Paginator.HasPrev }} + <a href="{{ .Paginator.Prev.URL }}">Previous Page</a> +{{ end }} +{{ .Paginator.PageNumber }} of {{ .Paginator.TotalPages }} +{{ if .Paginator.HasNext }} + <a href="{{ .Paginator.Next.URL }}">Next Page</a> +{{ end }} +</div> diff --git a/indieweb-micro/themes/MinIndie/layouts/partials/single-title-extra.html b/indieweb-micro/themes/MinIndie/layouts/partials/single-title-extra.html new file mode 100644 index 0000000..bd79e22 --- /dev/null +++ b/indieweb-micro/themes/MinIndie/layouts/partials/single-title-extra.html @@ -0,0 +1,3 @@ +{{ with .AlternativeOutputFormats.Get "rss" }} +<a href="{{ .RelPermalink }}"><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> +{{ end }} diff --git a/pinapelz.moe/micro/css/style.css b/indieweb-micro/themes/MinIndie/static/css/style.css index 26bd17b..26bd17b 100644 --- a/pinapelz.moe/micro/css/style.css +++ b/indieweb-micro/themes/MinIndie/static/css/style.css diff --git a/indieweb-micro/themes/MinIndie/theme.toml b/indieweb-micro/themes/MinIndie/theme.toml new file mode 100644 index 0000000..313427c --- /dev/null +++ b/indieweb-micro/themes/MinIndie/theme.toml @@ -0,0 +1,17 @@ +name = "minindie" +license = "MIT" +licenselink = "https://git.sr.ht/~bacardi55/MinIndie/tree/main/item/LICENCE.md" +description = "Minimal Hugo theme for the indieweb." +homepage = "https://sr.ht/~bacardi55/MinIndie" +tags = ["blog", "minimal", "monospace", "dark mode", "simple", "clean", "light", "responsive", "fast", "no-js", "no-tracking", "privacy", "indieweb"] +features = ["blog", "privacy", "responsive", "fast", "indieweb"] +min_version = "0.0.1" + +[author] + name = "bacardi55" + homepage = "bacardi55.io" + +[original] + author = "Morph" + homepage = "https://morph.sh" + repo = "https://github.com/colorchestra/smol" diff --git a/indieweb/themes/MinIndie b/indieweb/themes/MinIndie deleted file mode 160000 -Subproject 3dd986acc97b71418a4c4280cd34ccd69ca8e85 diff --git a/pinapelz.moe/micro/categories/default/index.html b/micro.pinapelz.moe/categories/default/index.html index 2156150..0f20909 100644 --- a/pinapelz.moe/micro/categories/default/index.html +++ b/micro.pinapelz.moe/categories/default/index.html @@ -5,12 +5,12 @@ <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>Default | pinapelz.moe/micro</title> + <title>Default | 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="/micro/css/style.css"> - <link rel="alternate" type="application/rss+xml" href="/micro/categories/default/index.xml" title="pinapelz.moe/micro"> + <link rel="stylesheet" href="/css/style.css"> + <link rel="alternate" type="application/rss+xml" href="/categories/default/index.xml" title="micro.pinapelz.moe"> <link rel="me" href="https://github.com/pinapelz" /> @@ -25,7 +25,7 @@ rel="token_endpoint" href="https://tokens.indieauth.com/token" /> - <link rel="webmention" href="https://webmention.io/pinapelz.moe/webmention" /> + <link rel="webmention" href="https://webmention.io/micro.pinapelz.moe/webmention" /> @@ -35,7 +35,7 @@ <div style="display:flex;flex-flow:row wrap;justify-content:space-between"> <div style="align-self:flex-start;"> ==============<br> - == <a href="https://pinapelz.moe/micro/">Pinapelz</a> ==<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> @@ -43,11 +43,11 @@ <nav style="margin: 1rem auto;"> - <a href="/micro/posts/"><b>Posts</b></a>. + <a href="/posts/"><b>Posts</b></a>. - <a href="/micro/categories/"><b>Categories</b></a>. + <a href="/categories/"><b>Categories</b></a>. - <a href="/micro/tags/"><b>Tags</b></a>. + <a href="/tags/"><b>Tags</b></a>. </nav> @@ -59,7 +59,7 @@ <div> <h1> Default - <a href="https://pinapelz.moe/micro/categories/default/index.xml"> + <a href="https://micro.pinapelz.moe/categories/default/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> @@ -76,7 +76,7 @@ <li> <time class="date dt-published" datetime="2025-12-01">2025-12-01</time> - <a href="/micro/posts/2025-12-01-hello-world/">Hello World - Why This</a> + <a href="/posts/2025-12-01-hello-world/">Hello World - Why This</a> </li> @@ -94,7 +94,7 @@ <p style="text-align: center" class="copyright"> - © <a href="https://pinapelz.moe/micro/"><b>pinapelz.moe/micro</b></a>. + © <a href="https://micro.pinapelz.moe/"><b>micro.pinapelz.moe</b></a>. </p> </footer> diff --git a/pinapelz.moe/micro/categories/default/index.xml b/micro.pinapelz.moe/categories/default/index.xml index db8a3f9..9fd844c 100644 --- a/pinapelz.moe/micro/categories/default/index.xml +++ b/micro.pinapelz.moe/categories/default/index.xml @@ -1,20 +1,20 @@ <?xml version="1.0" encoding="utf-8" standalone="yes"?> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <channel> - <title>Default on pinapelz.moe/micro</title> - <link>https://pinapelz.moe/micro/categories/default/</link> - <description>Recent content in Default on pinapelz.moe/micro</description> + <title>Default on micro.pinapelz.moe</title> + <link>https://micro.pinapelz.moe/categories/default/</link> + <description>Recent content in Default on micro.pinapelz.moe</description> <generator>Hugo</generator> <language>en-us</language> <managingEditor>yukais@pinapelz.com (Pinapelz)</managingEditor> <webMaster>yukais@pinapelz.com (Pinapelz)</webMaster> <lastBuildDate>Mon, 01 Dec 2025 20:11:57 -0800</lastBuildDate> - <atom:link href="https://pinapelz.moe/micro/categories/default/index.xml" rel="self" type="application/rss+xml" /> + <atom:link href="https://micro.pinapelz.moe/categories/default/index.xml" rel="self" type="application/rss+xml" /> <item> <title>Hello World - Why This</title> - <link>https://pinapelz.moe/micro/posts/2025-12-01-hello-world/</link> + <link>https://micro.pinapelz.moe/posts/2025-12-01-hello-world/</link> <pubDate>Mon, 01 Dec 2025 20:11:57 -0800</pubDate><author>yukais@pinapelz.com (Pinapelz)</author> - <guid>https://pinapelz.moe/micro/posts/2025-12-01-hello-world/</guid> + <guid>https://micro.pinapelz.moe/posts/2025-12-01-hello-world/</guid> <description><p>I think having control of your own data is great. The same is true for decentralized social media. I&rsquo;ve always been a primary user of microblog platforms (like Twitter/X). Having experienced both the traditional and &ldquo;decentralized&rdquo; approaches to microblogs, they both have some particular shortcoming in terms of what I want to get out of &ldquo;social media&rdquo;.</p>
<h2 id="twitterx">Twitter/X</h2>
<p>This is fairly self explanatory. The rebranding of Twitter to X and Musk&rsquo;s new ownership of the platform shifted the direction of the platform to be ever more political. X Premium boosting visibility is also something I wasn&rsquo;t a particular fan of. You can&rsquo;t view anything without signing in either, so goodbye viewing stuff anonymously. There&rsquo;s just a lot of &ldquo;features&rdquo; here I&rsquo;m not a fan of. Needless to say, there&rsquo;s a lot of reasons to not post stuff there.</p></description> </item> </channel> diff --git a/pinapelz.moe/micro/categories/index.html b/micro.pinapelz.moe/categories/index.html index 9a7cfd3..e7a6d02 100644 --- a/pinapelz.moe/micro/categories/index.html +++ b/micro.pinapelz.moe/categories/index.html @@ -5,12 +5,12 @@ <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>Categories | pinapelz.moe/micro</title> + <title>Categories | 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="/micro/css/style.css"> - <link rel="alternate" type="application/rss+xml" href="/micro/categories/index.xml" title="pinapelz.moe/micro"> + <link rel="stylesheet" href="/css/style.css"> + <link rel="alternate" type="application/rss+xml" href="/categories/index.xml" title="micro.pinapelz.moe"> <link rel="me" href="https://github.com/pinapelz" /> @@ -25,7 +25,7 @@ rel="token_endpoint" href="https://tokens.indieauth.com/token" /> - <link rel="webmention" href="https://webmention.io/pinapelz.moe/webmention" /> + <link rel="webmention" href="https://webmention.io/micro.pinapelz.moe/webmention" /> @@ -35,7 +35,7 @@ <div style="display:flex;flex-flow:row wrap;justify-content:space-between"> <div style="align-self:flex-start;"> ==============<br> - == <a href="https://pinapelz.moe/micro/">Pinapelz</a> ==<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> @@ -43,11 +43,11 @@ <nav style="margin: 1rem auto;"> - <a href="/micro/posts/"><b>Posts</b></a>. + <a href="/posts/"><b>Posts</b></a>. - <a href="/micro/categories/"><b>Categories</b></a>. + <a href="/categories/"><b>Categories</b></a>. - <a href="/micro/tags/"><b>Tags</b></a>. + <a href="/tags/"><b>Tags</b></a>. </nav> @@ -59,7 +59,7 @@ <div> <h1> Categories - <a href="https://pinapelz.moe/micro/categories/index.xml"> + <a href="https://micro.pinapelz.moe/categories/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> @@ -67,7 +67,7 @@ </div><ul> - <li><a href="/micro/categories/default/">Default</a></li> + <li><a href="/categories/default/">Default</a></li> </ul> </div> @@ -83,7 +83,7 @@ <p style="text-align: center" class="copyright"> - © <a href="https://pinapelz.moe/micro/"><b>pinapelz.moe/micro</b></a>. + © <a href="https://micro.pinapelz.moe/"><b>micro.pinapelz.moe</b></a>. </p> </footer> diff --git a/pinapelz.moe/micro/categories/index.xml b/micro.pinapelz.moe/categories/index.xml index d95e172..05fb505 100644 --- a/pinapelz.moe/micro/categories/index.xml +++ b/micro.pinapelz.moe/categories/index.xml @@ -1,20 +1,20 @@ <?xml version="1.0" encoding="utf-8" standalone="yes"?> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <channel> - <title>Categories on pinapelz.moe/micro</title> - <link>https://pinapelz.moe/micro/categories/</link> - <description>Recent content in Categories on pinapelz.moe/micro</description> + <title>Categories on micro.pinapelz.moe</title> + <link>https://micro.pinapelz.moe/categories/</link> + <description>Recent content in Categories on micro.pinapelz.moe</description> <generator>Hugo</generator> <language>en-us</language> <managingEditor>yukais@pinapelz.com (Pinapelz)</managingEditor> <webMaster>yukais@pinapelz.com (Pinapelz)</webMaster> <lastBuildDate>Mon, 01 Dec 2025 20:11:57 -0800</lastBuildDate> - <atom:link href="https://pinapelz.moe/micro/categories/index.xml" rel="self" type="application/rss+xml" /> + <atom:link href="https://micro.pinapelz.moe/categories/index.xml" rel="self" type="application/rss+xml" /> <item> <title>Default</title> - <link>https://pinapelz.moe/micro/categories/default/</link> + <link>https://micro.pinapelz.moe/categories/default/</link> <pubDate>Mon, 01 Dec 2025 20:11:57 -0800</pubDate><author>yukais@pinapelz.com (Pinapelz)</author> - <guid>https://pinapelz.moe/micro/categories/default/</guid> + <guid>https://micro.pinapelz.moe/categories/default/</guid> <description></description> </item> </channel> diff --git a/micro.pinapelz.moe/css/style.css b/micro.pinapelz.moe/css/style.css new file mode 100644 index 0000000..26bd17b --- /dev/null +++ b/micro.pinapelz.moe/css/style.css @@ -0,0 +1,250 @@ +html { + overflow-y: scroll; +} + +/* 🌸 PASTEL PALETTE */ +:root { + --bgcolor: #fff7fb; + --fontcolor: #3a2c3d; + + --linkcolor: #ff77c8; + --visitedcolor: #d76dff; + + --precolor: #4a3e4f; + --prebgcolor: #ffe6f4; + + --alertbgcolor: #ffe0f1; + --hrcolor: #ffbde6; + + --blockquotecolor: #ffe8f6; + --pcodecolor: #f7d2f0; + + --sitetitlecolor: #ff99dd; + --titlecolor: #c77fff; +} + +/* 🌙 DARK MODE PASTEL NIGHT */ +@media (prefers-color-scheme: dark) { + :root { + --bgcolor: #241b2b; + --fontcolor: #f8e8ff; + + --linkcolor: #ff9be9; + --visitedcolor: #e49cff; + + --precolor: #ffeefe; + --prebgcolor: #35263f; + + --alertbgcolor: #3f304a; + --hrcolor: #f4cfff; + + --blockquotecolor: #3a2b45; + --pcodecolor: #614c70; + + --sitetitlecolor: #ffd1f6; + --titlecolor: #d9a7ff; + } +} + +/* 🌸 TYPO + BASE */ +body { + max-width: 800px; + margin: 40px auto; + padding: 0 10px; + + font: 15px/1.6 "IBM Plex Mono", "Fira Mono", monospace; + color: var(--fontcolor); + background: var(--bgcolor); + + transition: background 0.3s ease, color 0.3s ease; +} + +/* 🌸 LINKS */ +a { + color: var(--linkcolor); + text-decoration: none; + transition: color 0.2s ease, text-shadow 0.2s ease; +} + +a:hover { + color: var(--visitedcolor); + text-shadow: 0 0 6px currentColor; +} + +a:visited { + color: var(--visitedcolor); +} + +/* 🌸 HEADERS */ +h1, h2, h3 { + line-height: 1.25; + color: var(--titlecolor); + margin-top: 1.6rem; + font-weight: 700; +} + +h1.site-title { + color: var(--sitetitlecolor); + text-align: center; + font-size: 2rem; + margin-bottom: 1rem; +} + +/* 🌸 PARAGRAPHS */ +p { + margin-top: 1.3rem; +} + +/* 🌸 INLINE CODE */ +p > code, +li > code { + color: var(--precolor); + background: var(--pcodecolor); + padding: 3px 5px; + border-radius: 6px; +} + +/* 🌸 FULL CODE */ +code { + color: var(--precolor); + background: var(--prebgcolor); + padding: 3px 5px; + border-radius: 6px; +} + +pre { + color: var(--precolor); + background: var(--prebgcolor); + padding: 24px; + overflow-x: auto; + border-radius: 12px; + box-shadow: 0 0 10px rgba(255, 180, 220, 0.25); +} + +/* 🌸 ARTICLES */ +article { + padding: 24px 0; +} + +/* 🌸 IMAGES */ +img { + display: block; + max-width: 100%; + height: auto; + margin: auto; + border-radius: 12px; +} + +/* cute avatar */ +.avatar { + width: 100px; + height: 100px; + border-radius: 50%; + box-shadow: 0 0 8px rgba(255, 140, 200, 0.4); +} + +/* 🌸 ALERTS */ +.alert { + color: var(--fontcolor); + background: var(--alertbgcolor); + padding: 20px; + border-radius: 12px; + box-shadow: 0 0 12px rgba(255, 180, 220, 0.3); + overflow-x: auto; +} + +/* 🌸 NEXT/PREV */ +.article-nextprev { + display: flex; + flex-flow: row wrap-reverse; + justify-content: space-between; +} + +/* 🌸 DIVIDERS */ +hr { + margin: 35px 33% 15px; + border-color: var(--hrcolor); + border-width: 3px; + border-radius: 3px; +} + +hr.small { + margin: 35px 44% 25px; + border: 1px dashed var(--hrcolor); +} + +/* 🌸 BLOCKQUOTE */ +blockquote { + background: var(--blockquotecolor); + margin: 1.2rem 0; + padding: 12px 20px; + border-radius: 12px; + box-shadow: 0 0 8px rgba(255, 200, 240, 0.25); + border-left: 4px solid var(--hrcolor); +} + +/* 🌸 LISTS */ +ol, ul { + padding-left: 1.1rem; +} + +ul > li { + list-style-type: disclosure-closed; +} + +/* 🌸 TABLES */ +table { + text-align: left; + border: 1px solid var(--hrcolor); + border-radius: 10px; + overflow: hidden; +} + +thead th, tfoot th, tfoot td { + padding: 6px 10px; + background-color: var(--alertbgcolor); + color: var(--titlecolor); +} + +td { + padding: 8px 10px; +} + +tbody tr:nth-child(even) { + background-color: var(--alertbgcolor); +} + +/* 🌸 RESPONSIVE MOE */ +@media all and (max-width: 800px) { + .bio-card .bio { + justify-content: space-around; + flex-direction: column; + } + .bio-card .bio > img { + align-self: center; + margin: auto; + } + .bio-card .bio > p { + align-self: center; + text-align: center; + } +} + +/* PRINT */ +@media print { + a, a:visited { + color: #000; + text-decoration: none; + } + a::after { + content: " (" attr(href) ") "; + } + nav, footer, hr, .noprint { + display: none !important; + } + pre, blockquote, code { + background: #fff; + border: none; + box-shadow: none; + } +} diff --git a/pinapelz.moe/micro/index.html b/micro.pinapelz.moe/index.html index 7151bcd..13881a4 100644 --- a/pinapelz.moe/micro/index.html +++ b/micro.pinapelz.moe/index.html @@ -6,12 +6,12 @@ <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>pinapelz.moe/micro | pinapelz.moe/micro</title> + <title>micro.pinapelz.moe | 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="/micro/css/style.css"> - <link rel="alternate" type="application/rss+xml" href="/micro/index.xml" title="pinapelz.moe/micro"> + <link rel="stylesheet" href="/css/style.css"> + <link rel="alternate" type="application/rss+xml" href="/index.xml" title="micro.pinapelz.moe"> <link rel="me" href="https://github.com/pinapelz" /> @@ -26,7 +26,7 @@ rel="token_endpoint" href="https://tokens.indieauth.com/token" /> - <link rel="webmention" href="https://webmention.io/pinapelz.moe/webmention" /> + <link rel="webmention" href="https://webmention.io/micro.pinapelz.moe/webmention" /> @@ -36,7 +36,7 @@ <div style="display:flex;flex-flow:row wrap;justify-content:space-between"> <div style="align-self:flex-start;"> ==============<br> - == <a href="https://pinapelz.moe/micro/">Pinapelz</a> ==<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> @@ -44,11 +44,11 @@ <nav style="margin: 1rem auto;"> - <a href="/micro/posts/"><b>Posts</b></a>. + <a href="/posts/"><b>Posts</b></a>. - <a href="/micro/categories/"><b>Categories</b></a>. + <a href="/categories/"><b>Categories</b></a>. - <a href="/micro/tags/"><b>Tags</b></a>. + <a href="/tags/"><b>Tags</b></a>. </nav> @@ -57,19 +57,19 @@ <main> <hr /> - <h1 class="site-title">pinapelz.moe/micro</h1><div class="h-card p-author bio-card" style="text-align:center;"> + <h1 class="site-title">micro.pinapelz.moe</h1><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://pinapelz.moe/micro/" rel="me" class="p-nickname p-name u-url">Pinapelz</a></p> + <p class="bio-name"><a href="https://micro.pinapelz.moe/" rel="me" class="p-nickname p-name u-url">Pinapelz</a></p> </div> <hr/> <article> - <h1><a href="https://pinapelz.moe/micro/posts/2025-12-01-hello-world/">Hello World - Why This</a></h1> + <h1><a href="https://micro.pinapelz.moe/posts/2025-12-01-hello-world/">Hello World - Why This</a></h1> <b><time>Monday, December 1, 2025</time></b> <a href="/tags/default">default</a> @@ -79,7 +79,7 @@ <h2 id="twitterx">Twitter/X</h2> <p>This is fairly self explanatory. The rebranding of Twitter to X and Musk’s new ownership of the platform shifted the direction of the platform to be ever more political. X Premium boosting visibility is also something I wasn’t a particular fan of. You can’t view anything without signing in either, so goodbye viewing stuff anonymously. There’s just a lot of “features” here I’m not a fan of. Needless to say, there’s a lot of reasons to not post stuff there.</p> - <a href="https://pinapelz.moe/micro/posts/2025-12-01-hello-world/">Read more...</a> + <a href="https://micro.pinapelz.moe/posts/2025-12-01-hello-world/">Read more...</a> </div> </article> @@ -103,7 +103,7 @@ <p style="text-align: center" class="copyright"> - © <a href="https://pinapelz.moe/micro/"><b>pinapelz.moe/micro</b></a>. + © <a href="https://micro.pinapelz.moe/"><b>micro.pinapelz.moe</b></a>. </p> </footer> diff --git a/pinapelz.moe/micro/index.xml b/micro.pinapelz.moe/index.xml index ad6c888..2d38a95 100644 --- a/pinapelz.moe/micro/index.xml +++ b/micro.pinapelz.moe/index.xml @@ -1,20 +1,20 @@ <?xml version="1.0" encoding="utf-8" standalone="yes"?> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <channel> - <title>pinapelz.moe/micro</title> - <link>https://pinapelz.moe/micro/</link> - <description>Recent content on pinapelz.moe/micro</description> + <title>micro.pinapelz.moe</title> + <link>https://micro.pinapelz.moe/</link> + <description>Recent content on micro.pinapelz.moe</description> <generator>Hugo</generator> <language>en-us</language> <managingEditor>yukais@pinapelz.com (Pinapelz)</managingEditor> <webMaster>yukais@pinapelz.com (Pinapelz)</webMaster> <lastBuildDate>Mon, 01 Dec 2025 20:11:57 -0800</lastBuildDate> - <atom:link href="https://pinapelz.moe/micro/index.xml" rel="self" type="application/rss+xml" /> + <atom:link href="https://micro.pinapelz.moe/index.xml" rel="self" type="application/rss+xml" /> <item> <title>Hello World - Why This</title> - <link>https://pinapelz.moe/micro/posts/2025-12-01-hello-world/</link> + <link>https://micro.pinapelz.moe/posts/2025-12-01-hello-world/</link> <pubDate>Mon, 01 Dec 2025 20:11:57 -0800</pubDate><author>yukais@pinapelz.com (Pinapelz)</author> - <guid>https://pinapelz.moe/micro/posts/2025-12-01-hello-world/</guid> + <guid>https://micro.pinapelz.moe/posts/2025-12-01-hello-world/</guid> <description><p>I think having control of your own data is great. The same is true for decentralized social media. I&rsquo;ve always been a primary user of microblog platforms (like Twitter/X). Having experienced both the traditional and &ldquo;decentralized&rdquo; approaches to microblogs, they both have some particular shortcoming in terms of what I want to get out of &ldquo;social media&rdquo;.</p>
<h2 id="twitterx">Twitter/X</h2>
<p>This is fairly self explanatory. The rebranding of Twitter to X and Musk&rsquo;s new ownership of the platform shifted the direction of the platform to be ever more political. X Premium boosting visibility is also something I wasn&rsquo;t a particular fan of. You can&rsquo;t view anything without signing in either, so goodbye viewing stuff anonymously. There&rsquo;s just a lot of &ldquo;features&rdquo; here I&rsquo;m not a fan of. Needless to say, there&rsquo;s a lot of reasons to not post stuff there.</p></description> </item> </channel> diff --git a/micro.pinapelz.moe/page/1/index.html b/micro.pinapelz.moe/page/1/index.html new file mode 100644 index 0000000..cc34fa8 --- /dev/null +++ b/micro.pinapelz.moe/page/1/index.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head> + <title>https://micro.pinapelz.moe/</title> + <link rel="canonical" href="https://micro.pinapelz.moe/"> + <meta charset="utf-8"> + <meta http-equiv="refresh" content="0; url=https://micro.pinapelz.moe/"> + </head> +</html> diff --git a/pinapelz.moe/micro/posts/2025-12-01-hello-world/index.html b/micro.pinapelz.moe/posts/2025-12-01-hello-world/index.html index a62116e..796f970 100644 --- a/pinapelz.moe/micro/posts/2025-12-01-hello-world/index.html +++ b/micro.pinapelz.moe/posts/2025-12-01-hello-world/index.html @@ -5,11 +5,11 @@ <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>Hello World - Why This | pinapelz.moe/micro</title> + <title>Hello World - Why This | 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="/micro/css/style.css"> + <link rel="stylesheet" href="/css/style.css"> @@ -25,7 +25,7 @@ rel="token_endpoint" href="https://tokens.indieauth.com/token" /> - <link rel="webmention" href="https://webmention.io/pinapelz.moe/webmention" /> + <link rel="webmention" href="https://webmention.io/micro.pinapelz.moe/webmention" /> @@ -35,7 +35,7 @@ <div style="display:flex;flex-flow:row wrap;justify-content:space-between"> <div style="align-self:flex-start;"> ==============<br> - == <a href="https://pinapelz.moe/micro/">Pinapelz</a> ==<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> @@ -43,11 +43,11 @@ <nav style="margin: 1rem auto;"> - <a href="/micro/posts/"><b>Posts</b></a>. + <a href="/posts/"><b>Posts</b></a>. - <a href="/micro/categories/"><b>Categories</b></a>. + <a href="/categories/"><b>Categories</b></a>. - <a href="/micro/tags/"><b>Tags</b></a>. + <a href="/tags/"><b>Tags</b></a>. </nav> @@ -65,7 +65,7 @@ <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://pinapelz.moe/micro/" rel="me" class="p-nickname p-name u-url">Pinapelz</a></p> + <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> @@ -75,7 +75,7 @@ <time class="dt-published" datetime="2025-12-01"> Monday, December 1, 2025 </time> - - <a href="https://pinapelz.moe/micro/posts/2025-12-01-hello-world/" class="u-url u-uid" >Permalink</a> + - <a href="https://micro.pinapelz.moe/posts/2025-12-01-hello-world/" class="u-url u-uid" >Permalink</a> </b></div> <div class="article-meta"><span class="categories"> Categories: @@ -123,7 +123,7 @@ AtProto allows you to host a <code>PDS (Personal Data Server)</code> which store <p style="text-align: center" class="copyright"> - © <a href="https://pinapelz.moe/micro/"><b>pinapelz.moe/micro</b></a>. + © <a href="https://micro.pinapelz.moe/"><b>micro.pinapelz.moe</b></a>. </p> </footer> diff --git a/pinapelz.moe/micro/posts/index.html b/micro.pinapelz.moe/posts/index.html index 8427d2f..d84fd94 100644 --- a/pinapelz.moe/micro/posts/index.html +++ b/micro.pinapelz.moe/posts/index.html @@ -5,12 +5,12 @@ <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 | pinapelz.moe/micro</title> + <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="/micro/css/style.css"> - <link rel="alternate" type="application/rss+xml" href="/micro/posts/index.xml" title="pinapelz.moe/micro"> + <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" /> @@ -25,7 +25,7 @@ rel="token_endpoint" href="https://tokens.indieauth.com/token" /> - <link rel="webmention" href="https://webmention.io/pinapelz.moe/webmention" /> + <link rel="webmention" href="https://webmention.io/micro.pinapelz.moe/webmention" /> @@ -35,7 +35,7 @@ <div style="display:flex;flex-flow:row wrap;justify-content:space-between"> <div style="align-self:flex-start;"> ==============<br> - == <a href="https://pinapelz.moe/micro/">Pinapelz</a> ==<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> @@ -43,11 +43,11 @@ <nav style="margin: 1rem auto;"> - <a href="/micro/posts/"><b>Posts</b></a>. + <a href="/posts/"><b>Posts</b></a>. - <a href="/micro/categories/"><b>Categories</b></a>. + <a href="/categories/"><b>Categories</b></a>. - <a href="/micro/tags/"><b>Tags</b></a>. + <a href="/tags/"><b>Tags</b></a>. </nav> @@ -62,7 +62,7 @@ <h1> Posts -<a href="/micro/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> +<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> @@ -98,7 +98,7 @@ <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://pinapelz.moe/micro/" rel="me" class="p-nickname p-name u-url">Pinapelz</a></p> + <p class="bio-name"><a href="https://micro.pinapelz.moe/" rel="me" class="p-nickname p-name u-url">Pinapelz</a></p> </div> <hr/> @@ -106,7 +106,7 @@ <div class="post-title"> <time class="date dt-published" datetime="2025-12-01">01</time>: - <a href="https://pinapelz.moe/micro/posts/2025-12-01-hello-world/" class="u-url p-name title"> + <a href="https://micro.pinapelz.moe/posts/2025-12-01-hello-world/" class="u-url p-name title"> Hello World - Why This </a> </div> @@ -137,7 +137,7 @@ <p style="text-align: center" class="copyright"> - © <a href="https://pinapelz.moe/micro/"><b>pinapelz.moe/micro</b></a>. + © <a href="https://micro.pinapelz.moe/"><b>micro.pinapelz.moe</b></a>. </p> </footer> diff --git a/pinapelz.moe/micro/posts/index.xml b/micro.pinapelz.moe/posts/index.xml index 8d50258..d78ff57 100644 --- a/pinapelz.moe/micro/posts/index.xml +++ b/micro.pinapelz.moe/posts/index.xml @@ -1,20 +1,20 @@ <?xml version="1.0" encoding="utf-8" standalone="yes"?> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <channel> - <title>Posts on pinapelz.moe/micro</title> - <link>https://pinapelz.moe/micro/posts/</link> - <description>Recent content in Posts on pinapelz.moe/micro</description> + <title>Posts on micro.pinapelz.moe</title> + <link>https://micro.pinapelz.moe/posts/</link> + <description>Recent content in Posts on micro.pinapelz.moe</description> <generator>Hugo</generator> <language>en-us</language> <managingEditor>yukais@pinapelz.com (Pinapelz)</managingEditor> <webMaster>yukais@pinapelz.com (Pinapelz)</webMaster> <lastBuildDate>Mon, 01 Dec 2025 20:11:57 -0800</lastBuildDate> - <atom:link href="https://pinapelz.moe/micro/posts/index.xml" rel="self" type="application/rss+xml" /> + <atom:link href="https://micro.pinapelz.moe/posts/index.xml" rel="self" type="application/rss+xml" /> <item> <title>Hello World - Why This</title> - <link>https://pinapelz.moe/micro/posts/2025-12-01-hello-world/</link> + <link>https://micro.pinapelz.moe/posts/2025-12-01-hello-world/</link> <pubDate>Mon, 01 Dec 2025 20:11:57 -0800</pubDate><author>yukais@pinapelz.com (Pinapelz)</author> - <guid>https://pinapelz.moe/micro/posts/2025-12-01-hello-world/</guid> + <guid>https://micro.pinapelz.moe/posts/2025-12-01-hello-world/</guid> <description><p>I think having control of your own data is great. The same is true for decentralized social media. I&rsquo;ve always been a primary user of microblog platforms (like Twitter/X). Having experienced both the traditional and &ldquo;decentralized&rdquo; approaches to microblogs, they both have some particular shortcoming in terms of what I want to get out of &ldquo;social media&rdquo;.</p>
<h2 id="twitterx">Twitter/X</h2>
<p>This is fairly self explanatory. The rebranding of Twitter to X and Musk&rsquo;s new ownership of the platform shifted the direction of the platform to be ever more political. X Premium boosting visibility is also something I wasn&rsquo;t a particular fan of. You can&rsquo;t view anything without signing in either, so goodbye viewing stuff anonymously. There&rsquo;s just a lot of &ldquo;features&rdquo; here I&rsquo;m not a fan of. Needless to say, there&rsquo;s a lot of reasons to not post stuff there.</p></description> </item> </channel> diff --git a/micro.pinapelz.moe/posts/page/1/index.html b/micro.pinapelz.moe/posts/page/1/index.html new file mode 100644 index 0000000..1c21f92 --- /dev/null +++ b/micro.pinapelz.moe/posts/page/1/index.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head> + <title>https://micro.pinapelz.moe/posts/</title> + <link rel="canonical" href="https://micro.pinapelz.moe/posts/"> + <meta charset="utf-8"> + <meta http-equiv="refresh" content="0; url=https://micro.pinapelz.moe/posts/"> + </head> +</html> diff --git a/pinapelz.moe/micro/sitemap.xml b/micro.pinapelz.moe/sitemap.xml index d20cdbc..b8ebd8e 100644 --- a/pinapelz.moe/micro/sitemap.xml +++ b/micro.pinapelz.moe/sitemap.xml @@ -2,25 +2,25 @@ <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"> <url> - <loc>https://pinapelz.moe/micro/categories/</loc> + <loc>https://micro.pinapelz.moe/categories/</loc> <lastmod>2025-12-01T20:11:57-08:00</lastmod> </url><url> - <loc>https://pinapelz.moe/micro/categories/default/</loc> + <loc>https://micro.pinapelz.moe/categories/default/</loc> <lastmod>2025-12-01T20:11:57-08:00</lastmod> </url><url> - <loc>https://pinapelz.moe/micro/tags/default/</loc> + <loc>https://micro.pinapelz.moe/tags/default/</loc> <lastmod>2025-12-01T20:11:57-08:00</lastmod> </url><url> - <loc>https://pinapelz.moe/micro/posts/2025-12-01-hello-world/</loc> + <loc>https://micro.pinapelz.moe/posts/2025-12-01-hello-world/</loc> <lastmod>2025-12-01T20:11:57-08:00</lastmod> </url><url> - <loc>https://pinapelz.moe/micro/</loc> + <loc>https://micro.pinapelz.moe/</loc> <lastmod>2025-12-01T20:11:57-08:00</lastmod> </url><url> - <loc>https://pinapelz.moe/micro/posts/</loc> + <loc>https://micro.pinapelz.moe/posts/</loc> <lastmod>2025-12-01T20:11:57-08:00</lastmod> </url><url> - <loc>https://pinapelz.moe/micro/tags/</loc> + <loc>https://micro.pinapelz.moe/tags/</loc> <lastmod>2025-12-01T20:11:57-08:00</lastmod> </url> </urlset> diff --git a/pinapelz.moe/micro/tags/default/index.html b/micro.pinapelz.moe/tags/default/index.html index 096597f..28b1beb 100644 --- a/pinapelz.moe/micro/tags/default/index.html +++ b/micro.pinapelz.moe/tags/default/index.html @@ -5,12 +5,12 @@ <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>Default | pinapelz.moe/micro</title> + <title>Default | 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="/micro/css/style.css"> - <link rel="alternate" type="application/rss+xml" href="/micro/tags/default/index.xml" title="pinapelz.moe/micro"> + <link rel="stylesheet" href="/css/style.css"> + <link rel="alternate" type="application/rss+xml" href="/tags/default/index.xml" title="micro.pinapelz.moe"> <link rel="me" href="https://github.com/pinapelz" /> @@ -25,7 +25,7 @@ rel="token_endpoint" href="https://tokens.indieauth.com/token" /> - <link rel="webmention" href="https://webmention.io/pinapelz.moe/webmention" /> + <link rel="webmention" href="https://webmention.io/micro.pinapelz.moe/webmention" /> @@ -35,7 +35,7 @@ <div style="display:flex;flex-flow:row wrap;justify-content:space-between"> <div style="align-self:flex-start;"> ==============<br> - == <a href="https://pinapelz.moe/micro/">Pinapelz</a> ==<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> @@ -43,11 +43,11 @@ <nav style="margin: 1rem auto;"> - <a href="/micro/posts/"><b>Posts</b></a>. + <a href="/posts/"><b>Posts</b></a>. - <a href="/micro/categories/"><b>Categories</b></a>. + <a href="/categories/"><b>Categories</b></a>. - <a href="/micro/tags/"><b>Tags</b></a>. + <a href="/tags/"><b>Tags</b></a>. </nav> @@ -59,7 +59,7 @@ <div> <h1> Default - <a href="https://pinapelz.moe/micro/tags/default/index.xml"> + <a href="https://micro.pinapelz.moe/tags/default/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> @@ -76,7 +76,7 @@ <li> <time class="date dt-published" datetime="2025-12-01">2025-12-01</time> - <a href="/micro/posts/2025-12-01-hello-world/">Hello World - Why This</a> + <a href="/posts/2025-12-01-hello-world/">Hello World - Why This</a> </li> @@ -94,7 +94,7 @@ <p style="text-align: center" class="copyright"> - © <a href="https://pinapelz.moe/micro/"><b>pinapelz.moe/micro</b></a>. + © <a href="https://micro.pinapelz.moe/"><b>micro.pinapelz.moe</b></a>. </p> </footer> diff --git a/pinapelz.moe/micro/tags/default/index.xml b/micro.pinapelz.moe/tags/default/index.xml index 6f6cc2f..a933eb3 100644 --- a/pinapelz.moe/micro/tags/default/index.xml +++ b/micro.pinapelz.moe/tags/default/index.xml @@ -1,20 +1,20 @@ <?xml version="1.0" encoding="utf-8" standalone="yes"?> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <channel> - <title>Default on pinapelz.moe/micro</title> - <link>https://pinapelz.moe/micro/tags/default/</link> - <description>Recent content in Default on pinapelz.moe/micro</description> + <title>Default on micro.pinapelz.moe</title> + <link>https://micro.pinapelz.moe/tags/default/</link> + <description>Recent content in Default on micro.pinapelz.moe</description> <generator>Hugo</generator> <language>en-us</language> <managingEditor>yukais@pinapelz.com (Pinapelz)</managingEditor> <webMaster>yukais@pinapelz.com (Pinapelz)</webMaster> <lastBuildDate>Mon, 01 Dec 2025 20:11:57 -0800</lastBuildDate> - <atom:link href="https://pinapelz.moe/micro/tags/default/index.xml" rel="self" type="application/rss+xml" /> + <atom:link href="https://micro.pinapelz.moe/tags/default/index.xml" rel="self" type="application/rss+xml" /> <item> <title>Hello World - Why This</title> - <link>https://pinapelz.moe/micro/posts/2025-12-01-hello-world/</link> + <link>https://micro.pinapelz.moe/posts/2025-12-01-hello-world/</link> <pubDate>Mon, 01 Dec 2025 20:11:57 -0800</pubDate><author>yukais@pinapelz.com (Pinapelz)</author> - <guid>https://pinapelz.moe/micro/posts/2025-12-01-hello-world/</guid> + <guid>https://micro.pinapelz.moe/posts/2025-12-01-hello-world/</guid> <description><p>I think having control of your own data is great. The same is true for decentralized social media. I&rsquo;ve always been a primary user of microblog platforms (like Twitter/X). Having experienced both the traditional and &ldquo;decentralized&rdquo; approaches to microblogs, they both have some particular shortcoming in terms of what I want to get out of &ldquo;social media&rdquo;.</p>
<h2 id="twitterx">Twitter/X</h2>
<p>This is fairly self explanatory. The rebranding of Twitter to X and Musk&rsquo;s new ownership of the platform shifted the direction of the platform to be ever more political. X Premium boosting visibility is also something I wasn&rsquo;t a particular fan of. You can&rsquo;t view anything without signing in either, so goodbye viewing stuff anonymously. There&rsquo;s just a lot of &ldquo;features&rdquo; here I&rsquo;m not a fan of. Needless to say, there&rsquo;s a lot of reasons to not post stuff there.</p></description> </item> </channel> diff --git a/pinapelz.moe/micro/tags/index.html b/micro.pinapelz.moe/tags/index.html index f513d89..a6b0474 100644 --- a/pinapelz.moe/micro/tags/index.html +++ b/micro.pinapelz.moe/tags/index.html @@ -5,12 +5,12 @@ <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>Tags | pinapelz.moe/micro</title> + <title>Tags | 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="/micro/css/style.css"> - <link rel="alternate" type="application/rss+xml" href="/micro/tags/index.xml" title="pinapelz.moe/micro"> + <link rel="stylesheet" href="/css/style.css"> + <link rel="alternate" type="application/rss+xml" href="/tags/index.xml" title="micro.pinapelz.moe"> <link rel="me" href="https://github.com/pinapelz" /> @@ -25,7 +25,7 @@ rel="token_endpoint" href="https://tokens.indieauth.com/token" /> - <link rel="webmention" href="https://webmention.io/pinapelz.moe/webmention" /> + <link rel="webmention" href="https://webmention.io/micro.pinapelz.moe/webmention" /> @@ -35,7 +35,7 @@ <div style="display:flex;flex-flow:row wrap;justify-content:space-between"> <div style="align-self:flex-start;"> ==============<br> - == <a href="https://pinapelz.moe/micro/">Pinapelz</a> ==<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> @@ -43,11 +43,11 @@ <nav style="margin: 1rem auto;"> - <a href="/micro/posts/"><b>Posts</b></a>. + <a href="/posts/"><b>Posts</b></a>. - <a href="/micro/categories/"><b>Categories</b></a>. + <a href="/categories/"><b>Categories</b></a>. - <a href="/micro/tags/"><b>Tags</b></a>. + <a href="/tags/"><b>Tags</b></a>. </nav> @@ -59,7 +59,7 @@ <div> <h1> Tags - <a href="https://pinapelz.moe/micro/tags/index.xml"> + <a href="https://micro.pinapelz.moe/tags/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> @@ -67,7 +67,7 @@ </div><ul> - <li><a href="/micro/tags/default/">Default</a></li> + <li><a href="/tags/default/">Default</a></li> </ul> </div> @@ -83,7 +83,7 @@ <p style="text-align: center" class="copyright"> - © <a href="https://pinapelz.moe/micro/"><b>pinapelz.moe/micro</b></a>. + © <a href="https://micro.pinapelz.moe/"><b>micro.pinapelz.moe</b></a>. </p> </footer> diff --git a/pinapelz.moe/micro/tags/index.xml b/micro.pinapelz.moe/tags/index.xml index 5541762..99f8878 100644 --- a/pinapelz.moe/micro/tags/index.xml +++ b/micro.pinapelz.moe/tags/index.xml @@ -1,20 +1,20 @@ <?xml version="1.0" encoding="utf-8" standalone="yes"?> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <channel> - <title>Tags on pinapelz.moe/micro</title> - <link>https://pinapelz.moe/micro/tags/</link> - <description>Recent content in Tags on pinapelz.moe/micro</description> + <title>Tags on micro.pinapelz.moe</title> + <link>https://micro.pinapelz.moe/tags/</link> + <description>Recent content in Tags on micro.pinapelz.moe</description> <generator>Hugo</generator> <language>en-us</language> <managingEditor>yukais@pinapelz.com (Pinapelz)</managingEditor> <webMaster>yukais@pinapelz.com (Pinapelz)</webMaster> <lastBuildDate>Mon, 01 Dec 2025 20:11:57 -0800</lastBuildDate> - <atom:link href="https://pinapelz.moe/micro/tags/index.xml" rel="self" type="application/rss+xml" /> + <atom:link href="https://micro.pinapelz.moe/tags/index.xml" rel="self" type="application/rss+xml" /> <item> <title>Default</title> - <link>https://pinapelz.moe/micro/tags/default/</link> + <link>https://micro.pinapelz.moe/tags/default/</link> <pubDate>Mon, 01 Dec 2025 20:11:57 -0800</pubDate><author>yukais@pinapelz.com (Pinapelz)</author> - <guid>https://pinapelz.moe/micro/tags/default/</guid> + <guid>https://micro.pinapelz.moe/tags/default/</guid> <description></description> </item> </channel> diff --git a/pinapelz.moe/micro/page/1/index.html b/pinapelz.moe/micro/page/1/index.html deleted file mode 100644 index b787467..0000000 --- a/pinapelz.moe/micro/page/1/index.html +++ /dev/null @@ -1,9 +0,0 @@ -<!DOCTYPE html> -<html lang="en-us"> - <head> - <title>https://pinapelz.moe/micro/</title> - <link rel="canonical" href="https://pinapelz.moe/micro/"> - <meta charset="utf-8"> - <meta http-equiv="refresh" content="0; url=https://pinapelz.moe/micro/"> - </head> -</html> diff --git a/pinapelz.moe/micro/posts/page/1/index.html b/pinapelz.moe/micro/posts/page/1/index.html deleted file mode 100644 index 5d6c641..0000000 --- a/pinapelz.moe/micro/posts/page/1/index.html +++ /dev/null @@ -1,9 +0,0 @@ -<!DOCTYPE html> -<html lang="en-us"> - <head> - <title>https://pinapelz.moe/micro/posts/</title> - <link rel="canonical" href="https://pinapelz.moe/micro/posts/"> - <meta charset="utf-8"> - <meta http-equiv="refresh" content="0; url=https://pinapelz.moe/micro/posts/"> - </head> -</html> |