<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>melonella</title>
    <link>https://tale.violaine.xyz/melonella/</link>
    <description>n. from “Galleria Melonella,” the greater wax moth or honeycomb moth. It is a moth of the family Pyralidae.</description>
    <pubDate>Thu, 09 Apr 2026 03:43:34 +0000</pubDate>
    <item>
      <title>Pixelfed已加入小鎮全家桶  </title>
      <link>https://tale.violaine.xyz/melonella/sunny16-lab</link>
      <description>&lt;![CDATA[&#xA;!--more--&#xA;railway template踩坑記&#xA;https://railway.com/deploy/OZSdEw&#xA;&#xA;OAUTHENABLED 預設是false要改成true（不然一直crash）&#xA;&#xA;綁上custom domain以後（刪掉railway自帶的）再redeploy一次&#xA;&#xA;ENABLECONFIGCACHE 應該要改成true否則設置都沒法保存（但可能要結合指定管理員+管理員已通過2FA等等一系列操作）&#xA;&#xA;How do you create an admin account from the command line in Pixelfed?&#xA;https://forum.yunohost.org/t/how-do-you-create-an-admin-account-from-the-command-line-in-pixelfed/26033&#xA;&#xA;Manage Pixelfed users on the command line &#xA;https://www.knthost.com/pixelfed/manage-pixelfed-users-command-line&#xA;&#xA;Instagram import stuck #5569 php artisan app:transform-imports&#xA;https://github.com/pixelfed/pixelfed/issues/5569&#xA;&#xA;---&#xA;&#xA;iframe title=&#34;Pixelfed Post Embed&#34; src=&#34;https://ekho.violaine.xyz/p/c-41/894712729755463744/embed?caption=true&amp;likes=false&amp;layout=full&#34; class=&#34;pixelfedembed&#34; style=&#34;max-width: 100%; border: 0&#34; height=&#34;550&#34; width=&#34;500&#34; allowfullscreen=&#34;allowfullscreen&#34;/iframescript async defer src=&#34;https://ekho.violaine.xyz/embed.js&#34;/script&#xA;&#xA;details&#xA;summary Profile /summary&#xA;&#xA;iframe title=&#34;Pixelfed Profile Embed&#34; src=&#34;https://ekho.violaine.xyz/c-41/embed&#34; class=&#34;pixelfedembed&#34; style=&#34;max-width: 100%; border: 0&#34; width=&#34;500&#34; height=&#34;400&#34; allowfullscreen=&#34;allowfullscreen&#34;/iframe &#xA;&#xA;iframe title=&#34;Pixelfed Profile Embed&#34; src=&#34;https://ekho.violaine.xyz/c-41/embed&#34; class=&#34;pixelfedembed&#34; style=&#34;max-width: 100%; border: 0&#34; width=&#34;500&#34; height=&#34;400&#34; allowfullscreen=&#34;allowfullscreen&#34;/iframe &#xA;https://www.reddit.com/r/PixelFed/comments/1j7adox/settingswhenembeddingpixelfed&#xA;&#xA;/details&#xA;&#xA;---&#xA;&#xA;碟昂貴推廣機 is now on Loops!&#xA;&#xA;https://loops.one/@ivo]]&gt;</description>
      <content:encoded><![CDATA[<p><img src="https://cdn.masto.host/pinkorangered/media_attachments/files/115/547/985/750/985/320/original/334796228e79194e.png" alt="">

<strong>railway template踩坑記</strong>
<a href="https://railway.com/deploy/OZSdEw" rel="nofollow">https://railway.com/deploy/OZSdEw</a></p>
<ol><li><p><code>OAUTH_ENABLED</code> 預設是false要改成true（不然一直crash）</p></li>

<li><p>綁上custom domain以後（刪掉railway自帶的）再redeploy一次</p></li>

<li><p><code>ENABLE_CONFIG_CACHE</code> 應該要改成true否則設置都沒法保存（但可能要結合指定管理員+管理員已通過2FA等等一系列操作）</p></li></ol>

<p>How do you create an admin account from the command line in Pixelfed?
<a href="https://forum.yunohost.org/t/how-do-you-create-an-admin-account-from-the-command-line-in-pixelfed/26033" rel="nofollow">https://forum.yunohost.org/t/how-do-you-create-an-admin-account-from-the-command-line-in-pixelfed/26033</a></p>

<p>Manage Pixelfed users on the command line
<a href="https://www.knthost.com/pixelfed/manage-pixelfed-users-command-line" rel="nofollow">https://www.knthost.com/pixelfed/manage-pixelfed-users-command-line</a></p>

<p><img src="https://cdn.masto.host/pinkorangered/media_attachments/files/115/551/280/946/472/945/original/58fe7d5328935c0f.png" alt=""></p>

<p>Instagram import stuck #5569 <code>php artisan app:transform-imports</code>
<a href="https://github.com/pixelfed/pixelfed/issues/5569" rel="nofollow">https://github.com/pixelfed/pixelfed/issues/5569</a></p>

<hr>

<iframe title="Pixelfed Post Embed" src="https://ekho.violaine.xyz/p/c-41/894712729755463744/embed?caption=true&amp;likes=false&amp;layout=full" class="pixelfed__embed" style="max-width: 100%; border: 0" height="550" width="500" allowfullscreen="allowfullscreen"></iframe>

<details>
<summary> Profile </summary>

<iframe title="Pixelfed Profile Embed" src="https://ekho.violaine.xyz/c-41/embed" class="pixelfed__embed" style="max-width: 100%; border: 0" width="500" height="400" allowfullscreen="allowfullscreen"></iframe> 

<pre><code class="language-html">&lt;iframe title=&#34;Pixelfed Profile Embed&#34; src=&#34;https://ekho.violaine.xyz/c-41/embed&#34; class=&#34;pixelfed__embed&#34; style=&#34;max-width: 100%; border: 0&#34; width=&#34;500&#34; height=&#34;400&#34; allowfullscreen=&#34;allowfullscreen&#34;&gt;&lt;/iframe&gt; 
</code></pre>

<p><a href="https://www.reddit.com/r/PixelFed/comments/1j7adox/settings_when_embedding_pixelfed" rel="nofollow">https://www.reddit.com/r/PixelFed/comments/1j7adox/settings_when_embedding_pixelfed</a></p>

<p></details></p>

<hr>

<h2 id="碟昂貴推廣機-is-now-on-loops">碟昂貴推廣機 is now on Loops!</h2>

<p><img src="https://seaswallow.me/media/afc4aaaa1ff7d60242b18a718e01d53acecf5e48b0d49a217886d90864a160e5.png" alt="">
<a href="https://loops.one/@ivo" rel="nofollow">https://loops.one/@ivo</a></p>
]]></content:encoded>
      <guid>https://tale.violaine.xyz/melonella/sunny16-lab</guid>
      <pubDate>Tue, 14 Oct 2025 16:10:58 +0000</pubDate>
    </item>
    <item>
      <title>Writefreely CSS </title>
      <link>https://tale.violaine.xyz/melonella/manus-im</link>
      <description>&lt;![CDATA[Minimalist Themes created by manus.im&#xA;&#xA;1. Autumn Leave&#xA;&#xA;!--more--&#xA;  Philosophy: Warm, seasonal comfort&#xA;  Color Palette: Warm oranges, reds, browns, and golds&#xA;&#xA;Features:&#xA;&#xA;Cozy, comfortable reading experience&#xA;Seasonal decorative elements&#xA;Warm color gradients&#xA;Playfair Display and Lato typography&#xA;Rustic, natural textures&#xA;&#xA;details&#xA;summary Copy Theme/summary&#xA;&#xA;:root {&#xA; --autumn-rust: #d2691e;&#xA; --autumn-amber: #ff8c00;&#xA; --autumn-crimson: #dc143c;&#xA; --autumn-gold: #daa520;&#xA; --autumn-brown: #8b4513;&#xA; --autumn-bark: #654321;&#xA; --autumn-cream: #fdf5e6;&#xA; --autumn-parchment: #f5deb3;&#xA; --autumn-shadow: #2f1b14;&#xA; --autumn-text: #3e2723;&#xA; --autumn-light: #6d4c41;&#xA; --autumn-lighter: #8d6e63;&#xA;}&#xA;&#xA;body {&#xA; font-family: &#39;Lato&#39;, -apple-system, BlinkMacSystemFont, sans-serif;&#xA; color: var(--autumn-text);&#xA; background: linear-gradient(135deg, var(--autumn-cream) 0%, var(--autumn-parchment) 100%);&#xA; background-attachment: fixed;&#xA;}&#xA;&#xA;/ Subtle leaf pattern background /&#xA;body::before {&#xA; content: &#39;&#39;;&#xA; position: fixed;&#xA; top: 0;&#xA; left: 0;&#xA; width: 100%;&#xA; height: 100%;&#xA; background-image: &#xA;radial-gradient(circle at 25% 25%, rgba(210, 105, 30, 0.05) 0%, transparent 50%),&#xA; radial-gradient(circle at 75% 75%, rgba(255, 140, 0, 0.05) 0%, transparent 50%),&#xA; radial-gradient(circle at 50% 50%, rgba(220, 20, 60, 0.03) 0%, transparent 50%);&#xA; z-index: -1;&#xA;}&#xA;&#xA;/ Header and Navigation /&#xA;body h1 a, &#xA;body h1 a:visited, &#xA;body h1 a:link,&#xA;body header h2 a,&#xA;body header h2 a:visited,&#xA;body header h2 a:link {&#xA; color: var(--autumn-bark);&#xA; text-decoration: none;&#xA; font-weight: 700;&#xA; font-family: &#39;Playfair Display&#39;, Georgia, serif;&#xA; text-shadow: 0 1px 2px rgba(139, 69, 19, 0.1);&#xA;}&#xA;&#xA;body header p.description {&#xA; color: var(--autumn-light);&#xA; font-size: 15px;&#xA; font-weight: 400;&#xA; margin-top: 0.5rem;&#xA; font-style: italic;&#xA;}&#xA;&#xA;body header nav a,&#xA;post nav a:not(.home) {&#xA; color: var(--autumn-rust);&#xA; text-decoration: none;&#xA; font-size: 14px;&#xA; transition: all 0.3s ease;&#xA; padding: 0.5rem 1rem;&#xA; border-radius: 8px;&#xA; position: relative;&#xA;}&#xA;&#xA;body header nav a:hover,&#xA;post nav a:not(.home):hover {&#xA; color: var(--autumn-amber);&#xA; background: rgba(210, 105, 30, 0.1);&#xA; transform: translateY(-1px);&#xA;}&#xA;&#xA;body#post article h2#title::after {&#xA; display: block;&#xA;}&#xA;&#xA;.post-title a:link,&#xA;.post-title a:visited {&#xA; font-family: &#39;Playfair Display&#39;, Georgia, serif;&#xA; color: var(--autumn-bark);&#xA;}&#xA;&#xA;.post-title a:hover {&#xA; color: var(--autumn-rust);&#xA;}&#xA;&#xA;/ Content Areas /&#xA;body#post,&#xA;body#collection,&#xA;body#subpage {&#xA; color: var(--autumn-text);&#xA; max-width: 700px;&#xA; margin: 0 auto;&#xA; padding: 2.5rem;&#xA; background: rgba(253, 245, 230, 0.95);&#xA; backdrop-filter: blur(5px);&#xA; border-radius: 16px;&#xA; margin-top: 2rem;&#xA; margin-bottom: 2rem;&#xA; box-shadow: &#xA;0 8px 32px rgba(139, 69, 19, 0.15),&#xA; 0 2px 8px rgba(139, 69, 19, 0.1);&#xA; border: 1px solid rgba(210, 105, 30, 0.2);&#xA; position: relative;&#xA;}&#xA;&#xA;body#post::before,&#xA;body#collection::before,&#xA;body#subpage::before {&#xA; content: &#39;&#39;;&#xA; position: absolute;&#xA; top: 0;&#xA; left: 0;&#xA; right: 0;&#xA; height: 4px;&#xA; background: linear-gradient(90deg, var(--autumn-rust), var(--autumn-amber), var(--autumn-gold));&#xA; border-radius: 16px 16px 0 0;&#xA;}&#xA;&#xA;/ Links /&#xA;body article p a:not(.hashtag),&#xA;body article ul a:not(.hashtag),&#xA;body article table a:not(.hashtag),&#xA;p a {&#xA; color: var(--autumn-rust);&#xA; text-decoration: none;&#xA; border-bottom: 2px solid transparent;&#xA; transition: all 0.3s ease;&#xA; font-weight: 500;&#xA;}&#xA;&#xA;body article p a:not(.hashtag):hover,&#xA;body article ul a:not(.hashtag):hover,&#xA;body article table a:not(.hashtag):hover,&#xA;p a:hover {&#xA; color: var(--autumn-amber);&#xA; border-bottom-color: var(--autumn-gold);&#xA;}&#xA;&#xA;/ Timestamps and Meta /&#xA;body#post article time.dt-published,&#xA;body#collection article time.dt-published,&#xA;body#subpage article time.dt-published,&#xA;#collection #wrapper time,&#xA;#subpage #wrapper time {&#xA; color: var(--autumn-lighter);&#xA; font-size: 14px;&#xA; font-weight: 400;&#xA; opacity: 0.8;&#xA;}&#xA;&#xA;/ Blockquotes /&#xA;body#post blockquote,&#xA;body#collection blockquote,&#xA;body#subpage blockquote {&#xA; color: var(--autumn-light);&#xA; border-left: 4px solid var(--autumn-gold);&#xA; padding: 1.5rem 2rem;&#xA; margin: 2rem 0;&#xA; font-style: italic;&#xA; background: linear-gradient(135deg, rgba(218, 165, 32, 0.1), rgba(245, 222, 179, 0.3));&#xA; border-radius: 0 12px 12px 0;&#xA; position: relative;&#xA; box-shadow: 0 4px 16px rgba(139, 69, 19, 0.1);&#xA;}&#xA;&#xA;body#post blockquote::before,&#xA;body#collection blockquote::before,&#xA;body#subpage blockquote::before {&#xA; content: &#39;&#34;&#39;;&#xA; font-size: 3rem;&#xA; color: var(--autumn-gold);&#xA; position: absolute;&#xA; top: 0.5rem;&#xA; left: 1rem;&#xA; font-family: &#39;Playfair Display&#39;, Georgia, serif;&#xA; opacity: 0.6;&#xA;}&#xA;&#xA;/ Code /&#xA;body#post pre,&#xA;body#post code,&#xA;body#collection pre,&#xA;body#collection code,&#xA;body#subpage pre,&#xA;body#subpage code {&#xA; background: rgba(139, 69, 19, 0.08);&#xA; color: var(--autumn-bark);&#xA; font-family: &#39;SF Mono&#39;, Monaco, &#39;Cascadia Code&#39;, monospace;&#xA; font-size: 14px;&#xA; border: 1px solid rgba(210, 105, 30, 0.2);&#xA;}&#xA;&#xA;body#post pre,&#xA;body#collection pre,&#xA;body#subpage pre {&#xA; padding: 1.5rem;&#xA; border-radius: 10px;&#xA; overflow-x: auto;&#xA; border-left: 4px solid var(--autumn-rust);&#xA;}&#xA;&#xA;/ Hashtags /&#xA;a.hashtag span:first-child {&#xA; color: var(--autumn-lighter);&#xA;}&#xA;&#xA;a.hashtag span,&#xA;span.p-category {&#xA; color: var(--autumn-rust);&#xA; font-weight: 500;&#xA;}&#xA;&#xA;/details&#xA;&#xA;2. Moonlight&#xA;&#xA;  Philosophy: Designed for comfortable night reading&#xA;  Color Palette: Deep blues, purples, and silver tones&#xA;&#xA;Features:&#xA;&#xA;Soft gradients and backdrop blur effects&#xA;Elegant typography with Source Serif Pro and Source Sans Pro&#xA;Subtle shadows and glowing effects&#xA;Optimized for low-light reading&#xA;Smooth animations and micro-interactions&#xA;&#xA;details&#xA;summary Copy Theme/summary&#xA;&#xA;:root {&#xA;  --moon-deep: #1a1d29;&#xA;  --moon-night: #252936;&#xA;  --moon-shadow: #2f3349;&#xA;  --moon-mist: #3d4463;&#xA;  --moon-silver: #a8b2d1;&#xA;  --moon-glow: #c8d2f1;&#xA;  --moon-light: #e8f0ff;&#xA;  --moon-accent: #7c8db8;&#xA;  --moon-highlight: #9bb0e8;&#xA;  --moon-warm: #b8a8c8;&#xA;}&#xA;&#xA;body {&#xA;  font-family: &#39;Source Sans Pro&#39;, -apple-system, BlinkMacSystemFont, sans-serif;&#xA;  font-size: 16px;&#xA;  line-height: 1.6;&#xA;  color: var(--moon-glow);&#xA;  background: linear-gradient(135deg, var(--moon-deep) 0%, var(--moon-night) 100%);&#xA;  margin: 0;&#xA;  padding: 0;&#xA;  min-height: 100vh;&#xA;}&#xA;&#xA;/ Header and Navigation /&#xA;body h1 a, &#xA;body h1 a:visited, &#xA;body h1 a:link,&#xA;body header h2 a,&#xA;body header h2 a:visited,&#xA;body header h2 a:link {&#xA;  color: var(--moon-light);&#xA;  text-decoration: none;&#xA;  font-weight: 500;&#xA;  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);&#xA;}&#xA;&#xA;body header p.description {&#xA;  color: var(--moon-silver);&#xA;  font-size: 14px;&#xA;  font-weight: 300;&#xA;  margin-top: 0.5rem;&#xA;  opacity: 0.9;&#xA;}&#xA;&#xA;body header nav a,&#xA;post nav a:not(.home) {&#xA;  color: var(--moon-accent);&#xA;  text-decoration: none;&#xA;  font-weight: 400;&#xA;  font-size: 14px;&#xA;  transition: all 0.3s ease;&#xA;  padding: 0.25rem 0.5rem;&#xA;  border-radius: 4px;&#xA;}&#xA;&#xA;body header nav a:hover,&#xA;post nav a:not(.home):hover {&#xA;  color: var(--moon-highlight);&#xA;  background: rgba(124, 141, 184, 0.1);&#xA;}&#xA;&#xA;/ Typography /&#xA;body#post article h2#title {&#xA;  font-family: &#39;Source Serif Pro&#39;, Georgia, serif;&#xA;  font-size: 2.4rem;&#xA;  font-weight: 600;&#xA;  color: var(--moon-light);&#xA;  line-height: 1.2;&#xA;  margin-bottom: 1.5rem;&#xA;  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);&#xA;}&#xA;&#xA;.post-title a:link,&#xA;.post-title a:visited {&#xA;  font-family: &#39;Source Serif Pro&#39;, Georgia, serif;&#xA;  color: var(--moon-light);&#xA;  text-decoration: none;&#xA;  transition: color 0.3s ease;&#xA;  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);&#xA;}&#xA;&#xA;.post-title a:hover {&#xA;  color: var(--moon-highlight);&#xA;}&#xA;&#xA;/ Content Areas /&#xA;body#post,&#xA;body#collection,&#xA;body#subpage {&#xA;  color: var(--moon-glow);&#xA;  max-width: 720px;&#xA;  margin: 0 auto;&#xA;  padding: 2.5rem 2rem;&#xA;  background: rgba(37, 41, 54, 0.6);&#xA;  backdrop-filter: blur(10px);&#xA;  border-radius: 12px;&#xA;  margin-top: 2rem;&#xA;  margin-bottom: 2rem;&#xA;  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);&#xA;}&#xA;&#xA;/ Links /&#xA;body article p a:not(.hashtag),&#xA;body article ul a:not(.hashtag),&#xA;body article table a:not(.hashtag),&#xA;p a {&#xA;  color: var(--moon-highlight);&#xA;  text-decoration: none;&#xA;  border-bottom: 1px solid transparent;&#xA;  transition: all 0.3s ease;&#xA;  position: relative;&#xA;}&#xA;&#xA;body article p a:not(.hashtag):hover,&#xA;body article ul a:not(.hashtag):hover,&#xA;body article table a:not(.hashtag):hover,&#xA;p a:hover {&#xA;  color: var(--moon-warm);&#xA;  border-bottom-color: var(--moon-warm);&#xA;  text-shadow: 0 0 8px rgba(184, 168, 200, 0.4);&#xA;}&#xA;&#xA;/ Timestamps and Meta /&#xA;body#post article time.dt-published,&#xA;body#collection article time.dt-published,&#xA;body#subpage article time.dt-published,&#xA;#collection #wrapper time,&#xA;#subpage #wrapper time {&#xA;  color: var(--moon-silver);&#xA;  font-size: 14px;&#xA;  font-weight: 300;&#xA;  opacity: 0.8;&#xA;}&#xA;&#xA;/ Blockquotes /&#xA;body#post blockquote,&#xA;body#collection blockquote,&#xA;body#subpage blockquote {&#xA;  color: var(--moon-silver);&#xA;  border-left: 3px solid var(--moon-accent);&#xA;  padding: 1.5rem;&#xA;  margin: 2rem 0;&#xA;  font-style: italic;&#xA;  background: rgba(61, 68, 99, 0.4);&#xA;  border-radius: 8px;&#xA;  backdrop-filter: blur(5px);&#xA;  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);&#xA;}&#xA;&#xA;/ Code /&#xA;body#post pre,&#xA;body#post code,&#xA;body#collection pre,&#xA;body#collection code,&#xA;body#subpage pre,&#xA;body#subpage code {&#xA;  background: rgba(47, 51, 73, 0.8);&#xA;  color: var(--moon-glow);&#xA;  font-family: &#39;SF Mono&#39;, Monaco, &#39;Cascadia Code&#39;, monospace;&#xA;  font-size: 14px;&#xA;  border: 1px solid rgba(124, 141, 184, 0.2);&#xA;}&#xA;&#xA;body#post pre,&#xA;body#collection pre,&#xA;body#subpage pre {&#xA;  padding: 1.25rem;&#xA;  border-radius: 8px;&#xA;  overflow-x: auto;&#xA;  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.3);&#xA;}&#xA;&#xA;/ Hashtags /&#xA;a.hashtag span:first-child {&#xA;  color: var(--moon-silver);&#xA;}&#xA;&#xA;a.hashtag span,&#xA;span.p-category {&#xA;  color: var(--moon-accent);&#xA;}&#xA;&#xA;/ Horizontal Rules /&#xA;hr {&#xA;  background: linear-gradient(90deg, transparent 0%, var(--moon-accent) 50%, transparent 100%);&#xA;  height: 1px;&#xA;  border: none;&#xA;  margin: 3rem 0;&#xA;  opacity: 0.6;&#xA;}&#xA;&#xA;/ Footer /&#xA;body footer a.home:link,&#xA;body footer a.home:visited {&#xA;  color: var(--moon-accent);&#xA;  text-decoration: none;&#xA;  font-size: 14px;&#xA;  transition: color 0.3s ease;&#xA;}&#xA;&#xA;body footer a.home:hover {&#xA;  color: var(--moon-highlight);&#xA;}&#xA;&#xA;/ Light Mode Override /&#xA;@media (prefers-color-scheme: light) {&#xA;  :root {&#xA;    --moon-deep: #f8f9fc;&#xA;    --moon-night: #ffffff;&#xA;    --moon-shadow: #e8eaf0;&#xA;    --moon-mist: #d8dae6;&#xA;    --moon-silver: #6b7280;&#xA;    --moon-glow: #374151;&#xA;    --moon-light: #1f2937;&#xA;    --moon-accent: #4f46e5;&#xA;    --moon-highlight: #6366f1;&#xA;    --moon-warm: #8b5cf6;&#xA;  }&#xA;&#xA;  body {&#xA;    background: linear-gradient(135deg, var(--moon-deep) 0%, var(--moon-night) 100%);&#xA;  }&#xA;&#xA;  body#post,&#xA;  body#collection,&#xA;  body#subpage {&#xA;    background: rgba(255, 255, 255, 0.8);&#xA;    backdrop-filter: blur(10px);&#xA;    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);&#xA;  }&#xA;&#xA;  body#post blockquote,&#xA;  body#collection blockquote,&#xA;  body#subpage blockquote {&#xA;    background: rgba(248, 249, 252, 0.8);&#xA;    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);&#xA;  }&#xA;&#xA;  body#post pre,&#xA;  body#post code,&#xA;  body#collection pre,&#xA;  body#collection code,&#xA;  body#subpage pre,&#xA;  body#subpage code {&#xA;    background: rgba(232, 234, 240, 0.8);&#xA;    border: 1px solid rgba(79, 70, 229, 0.2);&#xA;  }&#xA;}&#xA;&#xA;/details&#xA;&#xA;3. Ocean Breeze&#xA;&#xA;  Philosophy: Fresh, coastal-inspired design&#xA;  Color Palette: Cool blues, teals, and ocean foam&#xA;&#xA;Features:&#xA;&#xA;Animated wave background effects&#xA;Flowing, organic shapes and borders&#xA;Fresh typography with Merriweather and Open Sans&#xA;Coastal color scheme&#xA;Smooth hover animations with wave effects&#xA;&#xA;details&#xA;summary Copy Theme/summary&#xA;&#xA;:root {&#xA;  --ocean-deep: #0f4c75;&#xA;  --ocean-blue: #3282b8;&#xA;  --ocean-teal: #0fb9b1;&#xA;  --ocean-foam: #a8e6cf;&#xA;  --ocean-mist: #f0f8ff;&#xA;  --ocean-wave: #e6f3ff;&#xA;  --ocean-sand: #faf7f2;&#xA;  --ocean-coral: #ff6b6b;&#xA;  --ocean-text: #2c3e50;&#xA;  --ocean-light: #7f8c8d;&#xA;  --ocean-lighter: #bdc3c7;&#xA;}&#xA;&#xA;body {&#xA;  font-family: &#39;Open Sans&#39;, -apple-system, BlinkMacSystemFont, sans-serif;&#xA;  font-size: 16px;&#xA;  line-height: 1.7;&#xA;  color: var(--ocean-text);&#xA;  background: linear-gradient(135deg, var(--ocean-mist) 0%, var(--ocean-wave) 100%);&#xA;  background-attachment: fixed;&#xA;  margin: 0;&#xA;  padding: 0;&#xA;  min-height: 100vh;&#xA;}&#xA;&#xA;/ Animated wave background /&#xA;body::before {&#xA;  content: &#39;&#39;;&#xA;  position: fixed;&#xA;  top: 0;&#xA;  left: 0;&#xA;  width: 100%;&#xA;  height: 100%;&#xA;  background: &#xA;    radial-gradient(circle at 20% 80%, rgba(15, 185, 177, 0.1) 0%, transparent 50%),&#xA;    radial-gradient(circle at 80% 20%, rgba(50, 130, 184, 0.1) 0%, transparent 50%),&#xA;    radial-gradient(circle at 40% 40%, rgba(168, 230, 207, 0.1) 0%, transparent 50%);&#xA;  z-index: -1;&#xA;  animation: wave 20s ease-in-out infinite;&#xA;}&#xA;&#xA;@keyframes wave {&#xA;  0%, 100% { transform: translateY(0px) rotate(0deg); }&#xA;  50% { transform: translateY(-10px) rotate(1deg); }&#xA;}&#xA;&#xA;/ Header and Navigation /&#xA;body h1 a, &#xA;body h1 a:visited, &#xA;body h1 a:link,&#xA;body header h2 a,&#xA;body header h2 a:visited,&#xA;body header h2 a:link {&#xA;  color: var(--ocean-deep);&#xA;  text-decoration: none;&#xA;  font-weight: 600;&#xA;  font-family: &#39;Merriweather&#39;, Georgia, serif;&#xA;  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);&#xA;}&#xA;&#xA;body header p.description {&#xA;  color: var(--ocean-blue);&#xA;  font-size: 15px;&#xA;  font-weight: 400;&#xA;  margin-top: 0.5rem;&#xA;  opacity: 0.9;&#xA;}&#xA;&#xA;body header nav a,&#xA;post nav a:not(.home) {&#xA;  color: var(--ocean-teal);&#xA;  text-decoration: none;&#xA;  font-weight: 500;&#xA;  font-size: 14px;&#xA;  transition: all 0.3s ease;&#xA;  padding: 0.5rem 1rem;&#xA;  border-radius: 20px;&#xA;  position: relative;&#xA;  overflow: hidden;&#xA;}&#xA;&#xA;body header nav a:hover,&#xA;post nav a:not(.home):hover {&#xA;  color: var(--ocean-deep);&#xA;  background: rgba(168, 230, 207, 0.3);&#xA;  transform: translateY(-1px);&#xA;}&#xA;&#xA;body header nav a::before,&#xA;post nav a:not(.home)::before {&#xA;  content: &#39;&#39;;&#xA;  position: absolute;&#xA;  top: 0;&#xA;  left: -100%;&#xA;  width: 100%;&#xA;  height: 100%;&#xA;  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);&#xA;  transition: left 0.5s ease;&#xA;}&#xA;&#xA;body header nav a:hover::before,&#xA;post nav a:not(.home):hover::before {&#xA;  left: 100%;&#xA;}&#xA;&#xA;/ Typography /&#xA;body#post article h2#title {&#xA;  font-family: &#39;Merriweather&#39;, Georgia, serif;&#xA;  color: var(--ocean-deep);&#xA;}&#xA;&#xA;body#post article h2#title::after {&#xA;  background: linear-gradient(90deg, var(--ocean-teal), var(--ocean-foam));&#xA;}&#xA;&#xA;.post-title a:link,&#xA;.post-title a:visited {&#xA;  font-family: &#39;Merriweather&#39;, Georgia, serif;&#xA;  color: var(--ocean-deep);&#xA;  text-decoration: none;&#xA;  transition: all 0.3s ease;&#xA;}&#xA;&#xA;.post-title a:hover {&#xA;  color: var(--ocean-blue);&#xA;  transform: translateX(5px);&#xA;}&#xA;&#xA;/ Content Areas /&#xA;body#post,&#xA;body#collection,&#xA;body#subpage {&#xA;  color: var(--ocean-text);&#xA;  max-width: 720px;&#xA;  margin: 0 auto;&#xA;  padding: 2.5rem;&#xA;  background: rgba(255, 255, 255, 0.9);&#xA;  backdrop-filter: blur(10px);&#xA;  border-radius: 20px;&#xA;  margin-top: 2rem;&#xA;  margin-bottom: 2rem;&#xA;  box-shadow: &#xA;    0 8px 32px rgba(15, 76, 117, 0.1),&#xA;    0 2px 8px rgba(15, 76, 117, 0.05);&#xA;  border: 1px solid rgba(255, 255, 255, 0.2);&#xA;  position: relative;&#xA;}&#xA;&#xA;/ Links /&#xA;body article p a:not(.hashtag),&#xA;body article ul a:not(.hashtag),&#xA;body article table a:not(.hashtag),&#xA;p a {&#xA;  color: var(--ocean-blue);&#xA;  text-decoration: none;&#xA;  border-bottom: 2px solid transparent;&#xA;  transition: all 0.3s ease;&#xA;  position: relative;&#xA;  font-weight: 500;&#xA;}&#xA;&#xA;body article p a:not(.hashtag):hover,&#xA;body article ul a:not(.hashtag):hover,&#xA;body article table a:not(.hashtag):hover,&#xA;p a:hover {&#xA;  color: var(--ocean-deep);&#xA;  border-bottom-color: var(--ocean-teal);&#xA;}&#xA;&#xA;/ Timestamps and Meta /&#xA;body#post article time.dt-published,&#xA;body#collection article time.dt-published,&#xA;body#subpage article time.dt-published,&#xA;#collection #wrapper time,&#xA;#subpage #wrapper time {&#xA;  color: var(--ocean-light);&#xA;  font-size: 14px;&#xA;  font-weight: 400;&#xA;  opacity: 0.8;&#xA;}&#xA;&#xA;/ Blockquotes /&#xA;body#post blockquote,&#xA;body#collection blockquote,&#xA;body#subpage blockquote {&#xA;  color: var(--ocean-blue);&#xA;  border-left: 4px solid var(--ocean-teal);&#xA;  padding: 1.5rem 2rem;&#xA;  margin: 2rem 0;&#xA;  font-style: italic;&#xA;  background: linear-gradient(135deg, rgba(168, 230, 207, 0.1), rgba(240, 248, 255, 0.3));&#xA;  border-radius: 0 15px 15px 0;&#xA;  position: relative;&#xA;  box-shadow: 0 4px 16px rgba(15, 185, 177, 0.1);&#xA;}&#xA;&#xA;body#post blockquote::before,&#xA;body#collection blockquote::before,&#xA;body#subpage blockquote::before {&#xA;  position: absolute;&#xA;  top: 1rem;&#xA;  right: 1.5rem;&#xA;  font-size: 1.2rem;&#xA;  opacity: 0.6;&#xA;}&#xA;&#xA;/ Code /&#xA;body#post pre,&#xA;body#post code,&#xA;body#collection pre,&#xA;body#collection code,&#xA;body#subpage pre,&#xA;body#subpage code {&#xA;  background: rgba(15, 76, 117, 0.05);&#xA;  color: var(--ocean-deep);&#xA;  font-family: &#39;SF Mono&#39;, Monaco, &#39;Cascadia Code&#39;, monospace;&#xA;  font-size: 14px;&#xA;  border: 1px solid rgba(15, 185, 177, 0.2);&#xA;}&#xA;&#xA;body#post pre,&#xA;body#collection pre,&#xA;body#subpage pre {&#xA;  padding: 1.5rem;&#xA;  border-radius: 12px;&#xA;  overflow-x: auto;&#xA;  border-left: 4px solid var(--ocean-teal);&#xA;}&#xA;&#xA;/ Hashtags /&#xA;a.hashtag span:first-child {&#xA;  color: var(--ocean-light);&#xA;}&#xA;&#xA;a.hashtag span,&#xA;span.p-category {&#xA;  color: var(--ocean-teal);&#xA;  font-weight: 500;&#xA;}&#xA;&#xA;/ Horizontal Rules /&#xA;hr {&#xA;  background: none;&#xA;  height: 2px;&#xA;  border: none;&#xA;  margin: 3rem 0;&#xA;  background: linear-gradient(90deg, transparent 0%, var(--ocean-teal) 50%, transparent 100%);&#xA;  border-radius: 1px;&#xA;}&#xA;&#xA;/ Footer /&#xA;body footer a.home:link,&#xA;body footer a.home:visited {&#xA;  color: var(--ocean-light);&#xA;  text-decoration: none;&#xA;  font-size: 14px;&#xA;  transition: color 0.3s ease;&#xA;}&#xA;&#xA;body footer a.home:hover {&#xA;  color: var(--ocean-teal);&#xA;}&#xA;&#xA;/details&#xA;&#xA;4. Paper &#xA;&#xA;  Philosophy: Classic print-inspired design&#xA;  Color Palette: High contrast black and white with gold accents&#xA;&#xA;Features:&#xA;&#xA;Paper-like texture background&#xA;Drop cap styling for first paragraphs&#xA;Classic serif typography with Libre Baskerville&#xA;Print-friendly design principles&#xA;Elegant decorative elements&#xA;&#xA;details&#xA;summary Copy Theme/summary&#xA;&#xA;:root {&#xA;  --paper-white: #fefefe;&#xA;  --paper-cream: #faf9f7;&#xA;  --paper-gray: #f5f4f2;&#xA;  --paper-ink: #1a1a1a;&#xA;  --paper-charcoal: #2d2d2d;&#xA;  --paper-slate: #4a4a4a;&#xA;  --paper-silver: #6a6a6a;&#xA;  --paper-light: #8a8a8a;&#xA;  --paper-accent: #d4af37;&#xA;  --paper-shadow: rgba(0, 0, 0, 0.1);&#xA;}&#xA;&#xA;body {&#xA;  font-family: &#39;Source Sans Pro&#39;, -apple-system, BlinkMacSystemFont, sans-serif;&#xA;  font-size: 17px;&#xA;  line-height: 1.65;&#xA;  color: var(--paper-ink);&#xA;  background-color: var(--paper-cream);&#xA;  background-image: &#xA;    radial-gradient(circle at 1px 1px, rgba(0,0,0,0.02) 1px, transparent 0);&#xA;  background-size: 20px 20px;&#xA;  margin: 0;&#xA;  padding: 0;&#xA;}&#xA;&#xA;/ Header and Navigation /&#xA;body h1 a, &#xA;body h1 a:visited, &#xA;body h1 a:link,&#xA;body header h2 a,&#xA;body header h2 a:visited,&#xA;body header h2 a:link {&#xA;  color: var(--paper-ink);&#xA;  text-decoration: none;&#xA;  font-weight: 700;&#xA;  font-family: &#39;Libre Baskerville&#39;, Georgia, serif;&#xA;  letter-spacing: -0.01em;&#xA;}&#xA;&#xA;body header p.description {&#xA;  color: var(--paper-slate);&#xA;  font-size: 15px;&#xA;  font-weight: 400;&#xA;  margin-top: 0.5rem;&#xA;  font-style: italic;&#xA;}&#xA;&#xA;body header nav a,&#xA;post nav a:not(.home) {&#xA;  color: var(--paper-charcoal);&#xA;  text-decoration: none;&#xA;  font-weight: 500;&#xA;  font-size: 14px;&#xA;  text-transform: uppercase;&#xA;  letter-spacing: 0.05em;&#xA;  transition: color 0.2s ease;&#xA;  position: relative;&#xA;}&#xA;&#xA;body header nav a:hover,&#xA;post nav a:not(.home):hover {&#xA;  color: var(--paper-accent);&#xA;}&#xA;&#xA;body header nav a::after,&#xA;post nav a:not(.home)::after {&#xA;  content: &#39;&#39;;&#xA;  position: absolute;&#xA;  bottom: -2px;&#xA;  left: 0;&#xA;  width: 0;&#xA;  height: 1px;&#xA;  background: var(--paper-accent);&#xA;  transition: width 0.3s ease;&#xA;}&#xA;&#xA;body header nav a:hover::after,&#xA;post nav a:not(.home):hover::after {&#xA;  width: 100%;&#xA;}&#xA;&#xA;/ Typography /&#xA;body#post article h2#title {&#xA;  font-family: &#39;Libre Baskerville&#39;, Georgia, serif;&#xA;  color: var(--paper-ink);&#xA;  line-height: 1.2;&#xA;  text-align: center;&#xA;  position: relative;&#xA;}&#xA;&#xA;body#post article h2#title::after {&#xA;  content: &#39;&#39;;&#xA;  width: 60px;&#xA;  height: 2px;&#xA;  background: var(--paper-accent);&#xA;}&#xA;&#xA;.post-title a:link,&#xA;.post-title a:visited {&#xA;  font-family: &#39;Libre Baskerville&#39;, Georgia, serif;&#xA;  color: var(--paper-ink);&#xA;  text-decoration: none;&#xA;  line-height: 1.3;&#xA;  transition: color 0.2s ease;&#xA;}&#xA;&#xA;.post-title a:hover {&#xA;  color: var(--paper-charcoal);&#xA;}&#xA;&#xA;/ Content Areas /&#xA;body#post,&#xA;body#collection,&#xA;body#subpage {&#xA;  color: var(--paper-ink);&#xA;  max-width: 700px;&#xA;  margin: 0 auto;&#xA;  padding: 3rem 2rem;&#xA;  background: var(--paper-white);&#xA;  box-shadow: 0 0 40px var(--paper-shadow);&#xA;  margin-top: 2rem;&#xA;  margin-bottom: 2rem;&#xA;  position: relative;&#xA;}&#xA;&#xA;/ Paragraphs /&#xA;body#post p,&#xA;body#collection p,&#xA;body#subpage p {&#xA;  margin-bottom: 1.5rem;&#xA;  hyphens: auto;&#xA;}&#xA;&#xA;/ First paragraph drop cap /&#xA;body#post article p:first-of-type::first-letter,&#xA;body#collection article p:first-of-type::first-letter,&#xA;body#subpage article p:first-of-type::first-letter {&#xA;  font-family: &#39;Libre Baskerville&#39;, Georgia, serif;&#xA;  font-size: 4rem;&#xA;  font-weight: 700;&#xA;  line-height: 1;&#xA;  margin: 0.1rem 0.5rem 0 0;&#xA;  color: var(--paper-accent);&#xA;}&#xA;&#xA;/ Links /&#xA;body article p a:not(.hashtag),&#xA;body article ul a:not(.hashtag),&#xA;body article table a:not(.hashtag),&#xA;p a {&#xA;  color: var(--paper-ink);&#xA;  text-decoration: none;&#xA;  border-bottom: 1px solid var(--paper-accent);&#xA;  transition: all 0.2s ease;&#xA;  font-weight: 500;&#xA;}&#xA;&#xA;body article p a:not(.hashtag):hover,&#xA;body article ul a:not(.hashtag):hover,&#xA;body article table a:not(.hashtag):hover,&#xA;p a:hover {&#xA;  color: var(--paper-accent);&#xA;  border-bottom-color: var(--paper-ink);&#xA;}&#xA;&#xA;/ Timestamps and Meta /&#xA;body#post article time.dt-published,&#xA;body#collection article time.dt-published,&#xA;body#subpage article time.dt-published,&#xA;#collection #wrapper time,&#xA;#subpage #wrapper time {&#xA;  color: var(--paper-silver);&#xA;  font-size: 13px;&#xA;  font-weight: 400;&#xA;  text-transform: uppercase;&#xA;  letter-spacing: 0.1em;&#xA;  display: block;&#xA;  margin-bottom: 2rem;&#xA;}&#xA;&#xA;/ Blockquotes /&#xA;body#post blockquote,&#xA;body#collection blockquote,&#xA;body#subpage blockquote {&#xA;  color: var(--paper-slate);&#xA;  border-left: 4px solid var(--paper-accent);&#xA;  padding: 1.5rem 2rem;&#xA;  margin: 2.5rem 0;&#xA;  font-family: &#39;Libre Baskerville&#39;, Georgia, serif;&#xA;  font-style: italic;&#xA;  font-size: 1.1rem;&#xA;  background: var(--paper-gray);&#xA;  position: relative;&#xA;}&#xA;&#xA;body#post blockquote::before,&#xA;body#collection blockquote::before,&#xA;body#subpage blockquote::before {&#xA;  content: &#39;&#34;&#39;;&#xA;  font-size: 4rem;&#xA;  color: var(--paper-accent);&#xA;  position: absolute;&#xA;  top: -0.5rem;&#xA;  left: 1rem;&#xA;  font-family: &#39;Libre Baskerville&#39;, Georgia, serif;&#xA;}&#xA;&#xA;/ Code /&#xA;body#post pre,&#xA;body#post code,&#xA;body#collection pre,&#xA;body#collection code,&#xA;body#subpage pre,&#xA;body#subpage code {&#xA;  background: var(--paper-gray);&#xA;  color: var(--paper-charcoal);&#xA;  font-family: &#39;SF Mono&#39;, Monaco, &#39;Cascadia Code&#39;, monospace;&#xA;  font-size: 14px;&#xA;  border: 1px solid rgba(0, 0, 0, 0.1);&#xA;}&#xA;&#xA;body#post pre,&#xA;body#collection pre,&#xA;body#subpage pre {&#xA;  padding: 1.5rem;&#xA;  border-radius: 0;&#xA;  overflow-x: auto;&#xA;  border-left: 4px solid var(--paper-accent);&#xA;}&#xA;&#xA;/ Hashtags /&#xA;a.hashtag span:first-child {&#xA;  color: var(--paper-silver);&#xA;}&#xA;&#xA;a.hashtag span,&#xA;span.p-category {&#xA;  color: var(--paper-accent);&#xA;  font-weight: 500;&#xA;}&#xA;&#xA;/ Horizontal Rules /&#xA;hr {&#xA;  background: none;&#xA;  height: auto;&#xA;  border: none;&#xA;  margin: 3rem 0;&#xA;  text-align: center;&#xA;  position: relative;&#xA;}&#xA;&#xA;/ Footer /&#xA;body footer a.home:link,&#xA;body footer a.home:visited {&#xA;  color: var(--paper-silver);&#xA;  text-decoration: none;&#xA;  font-size: 13px;&#xA;  text-transform: uppercase;&#xA;  letter-spacing: 0.1em;&#xA;  transition: color 0.2s ease;&#xA;}&#xA;&#xA;body footer a.home:hover {&#xA;  color: var(--paper-accent);&#xA;}&#xA;&#xA;/details&#xA;&#xA;5. Zen Garden&#xA;&#xA;  Philosophy: Inspired by Japanese aesthetics and zen philosophy&#xA;  Color Palette: Soft greens, natural stones, and mist&#xA;&#xA;Features:&#xA;&#xA;Generous white space for peaceful reading&#xA;Subtle typography hierarchy with Inter and Crimson Text fonts&#xA;Natural color palette with zen-inspired naming&#xA;Full dark mode support with automatic switching&#xA;Gentle hover effects and transitions&#xA;&#xA;details&#xA;summary Copy Theme/summary&#xA;&#xA;:root {&#xA;  --zen-stone: #8B9A8B;&#xA;  --zen-moss: #6B7B6B;&#xA;  --zen-charcoal: #2C3E2C;&#xA;  --zen-mist: #F8FAF8;&#xA;  --zen-cloud: #F0F4F0;&#xA;  --zen-accent: #7A8B7A;&#xA;  --zen-text: #2D3D2D;&#xA;  --zen-text-light: #5A6B5A;&#xA;  --zen-text-lighter: #8A9B8A;&#xA;}&#xA;&#xA;body {&#xA;  font-family: &#39;Inter&#39;, -apple-system, BlinkMacSystemFont, sans-serif;&#xA;  font-size: 16px;&#xA;  line-height: 1.7;&#xA;  color: var(--zen-text);&#xA;  background-color: var(--zen-mist);&#xA;  margin: 0;&#xA;  padding: 0;&#xA;}&#xA;&#xA;/ Header and Navigation /&#xA;body h1 a, &#xA;body h1 a:visited, &#xA;body h1 a:link,&#xA;body header h2 a,&#xA;body header h2 a:visited,&#xA;body header h2 a:link {&#xA;  color: var(--zen-charcoal);&#xA;  text-decoration: none;&#xA;  font-weight: 500;&#xA;  letter-spacing: -0.02em;&#xA;}&#xA;&#xA;body header p.description {&#xA;  color: var(--zen-text-light);&#xA;  font-size: 14px;&#xA;  font-weight: 300;&#xA;  margin-top: 0.5rem;&#xA;}&#xA;&#xA;body header nav a,&#xA;post nav a:not(.home) {&#xA;  color: var(--zen-accent);&#xA;  text-decoration: none;&#xA;  font-weight: 400;&#xA;  font-size: 14px;&#xA;  transition: color 0.2s ease;&#xA;}&#xA;&#xA;body header nav a:hover,&#xA;post nav a:not(.home):hover {&#xA;  color: var(--zen-moss);&#xA;}&#xA;&#xA;/ Typography /&#xA;body#post article h2#title {&#xA;  font-family: &#39;Crimson Text&#39;, Georgia, serif;&#xA;  color: var(--zen-charcoal);&#xA;  line-height: 1.3;&#xA;  margin-bottom: 1rem;&#xA;  letter-spacing: -0.01em;&#xA;}&#xA;&#xA;.post-title a:link,&#xA;.post-title a:visited {&#xA;  font-family: &#39;Crimson Text&#39;, Georgia, serif;&#xA;  color: var(--zen-charcoal);&#xA;  text-decoration: none;&#xA;  line-height: 1.4;&#xA;  transition: color 0.2s ease;&#xA;}&#xA;&#xA;.post-title a:hover {&#xA;  color: var(--zen-moss);&#xA;}&#xA;&#xA;/ Content Areas /&#xA;body#post,&#xA;body#collection,&#xA;body#subpage {&#xA;  color: var(--zen-text);&#xA;  max-width: 680px;&#xA;  margin: 0 auto;&#xA;  padding: 2rem 1.5rem;&#xA;}&#xA;&#xA;/ Links /&#xA;body article p a:not(.hashtag),&#xA;body article ul a:not(.hashtag),&#xA;body article table a:not(.hashtag),&#xA;p a {&#xA;  color: var(--zen-accent);&#xA;  text-decoration: none;&#xA;  border-bottom: 1px solid transparent;&#xA;  transition: border-color 0.2s ease, color 0.2s ease;&#xA;}&#xA;&#xA;body article p a:not(.hashtag):hover,&#xA;body article ul a:not(.hashtag):hover,&#xA;body article table a:not(.hashtag):hover,&#xA;p a:hover {&#xA;  color: var(--zen-moss);&#xA;  border-bottom-color: var(--zen-moss);&#xA;}&#xA;&#xA;/ Timestamps and Meta /&#xA;body#post article time.dt-published,&#xA;body#collection article time.dt-published,&#xA;body#subpage article time.dt-published,&#xA;#collection #wrapper time,&#xA;#subpage #wrapper time {&#xA;  color: var(--zen-text-lighter);&#xA;  font-size: 14px;&#xA;  font-weight: 300;&#xA;}&#xA;&#xA;/ Blockquotes /&#xA;body#post blockquote,&#xA;body#collection blockquote,&#xA;body#subpage blockquote {&#xA;  color: var(--zen-text-light);&#xA;  border-left: 3px solid var(--zen-accent);&#xA;  padding-left: 1.5rem;&#xA;  margin: 2rem 0;&#xA;  font-style: italic;&#xA;  background: var(--zen-cloud);&#xA;  padding: 1.5rem;&#xA;  border-radius: 4px;&#xA;}&#xA;&#xA;/ Code /&#xA;body#post pre,&#xA;body#post code,&#xA;body#collection pre,&#xA;body#collection code,&#xA;body#subpage pre,&#xA;body#subpage code {&#xA;  background: var(--zen-cloud);&#xA;  color: var(--zen-text);&#xA;  font-family: &#39;SF Mono&#39;, Monaco, &#39;Cascadia Code&#39;, monospace;&#xA;  font-size: 14px;&#xA;}&#xA;&#xA;body#post pre,&#xA;body#collection pre,&#xA;body#subpage pre {&#xA;  padding: 1rem;&#xA;  border-radius: 6px;&#xA;  overflow-x: auto;&#xA;}&#xA;&#xA;/ Hashtags /&#xA;a.hashtag span:first-child {&#xA;  color: var(--zen-text-lighter);&#xA;}&#xA;&#xA;a.hashtag span,&#xA;span.p-category {&#xA;  color: var(--zen-accent);&#xA;}&#xA;&#xA;/ Horizontal Rules /&#xA;hr {&#xA;  background: var(--zen-accent);&#xA;  height: 1px;&#xA;  border: none;&#xA;  margin: 3rem 0;&#xA;  opacity: 0.3;&#xA;}&#xA;&#xA;/ Footer /&#xA;body footer a.home:link,&#xA;body footer a.home:visited {&#xA;  color: var(--zen-accent);&#xA;  text-decoration: none;&#xA;  font-size: 14px;&#xA;}&#xA;/details]]&gt;</description>
      <content:encoded><![CDATA[<p><em>Minimalist Themes created by manus.im</em></p>

<h2 id="1-autumn-leave">1. Autumn Leave</h2>

<p><img src="https://seaswallow.me/media/53c2b9244b9075b84a9e8604a74ff061284caf23846dcda3928e30a8fc9a87e0.png" alt="">

&gt; Philosophy: Warm, seasonal comfort
&gt; Color Palette: Warm oranges, reds, browns, and golds</p>

<p>Features:</p>
<ul><li>Cozy, comfortable reading experience</li>
<li>Seasonal decorative elements</li>
<li>Warm color gradients</li>
<li>Playfair Display and Lato typography</li>
<li>Rustic, natural textures</li></ul>

<p><details>
<summary> Copy Theme</summary></p>

<pre><code class="language-css">:root {
 --autumn-rust: #d2691e;
 --autumn-amber: #ff8c00;
 --autumn-crimson: #dc143c;
 --autumn-gold: #daa520;
 --autumn-brown: #8b4513;
 --autumn-bark: #654321;
 --autumn-cream: #fdf5e6;
 --autumn-parchment: #f5deb3;
 --autumn-shadow: #2f1b14;
 --autumn-text: #3e2723;
 --autumn-light: #6d4c41;
 --autumn-lighter: #8d6e63;
}

body {
 font-family: &#39;Lato&#39;, -apple-system, BlinkMacSystemFont, sans-serif;
 color: var(--autumn-text);
 background: linear-gradient(135deg, var(--autumn-cream) 0%, var(--autumn-parchment) 100%);
 background-attachment: fixed;
}

/* Subtle leaf pattern background */
body::before {
 content: &#39;&#39;;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-image: 
radial-gradient(circle at 25% 25%, rgba(210, 105, 30, 0.05) 0%, transparent 50%),
 radial-gradient(circle at 75% 75%, rgba(255, 140, 0, 0.05) 0%, transparent 50%),
 radial-gradient(circle at 50% 50%, rgba(220, 20, 60, 0.03) 0%, transparent 50%);
 z-index: -1;
}

/* Header and Navigation */
body h1 a, 
body h1 a:visited, 
body h1 a:link,
body header h2 a,
body header h2 a:visited,
body header h2 a:link {
 color: var(--autumn-bark);
 text-decoration: none;
 font-weight: 700;
 font-family: &#39;Playfair Display&#39;, Georgia, serif;
 text-shadow: 0 1px 2px rgba(139, 69, 19, 0.1);
}

body header p.description {
 color: var(--autumn-light);
 font-size: 15px;
 font-weight: 400;
 margin-top: 0.5rem;
 font-style: italic;
}

body header nav a,
#post nav a:not(.home) {
 color: var(--autumn-rust);
 text-decoration: none;
 font-size: 14px;
 transition: all 0.3s ease;
 padding: 0.5rem 1rem;
 border-radius: 8px;
 position: relative;
}

body header nav a:hover,
#post nav a:not(.home):hover {
 color: var(--autumn-amber);
 background: rgba(210, 105, 30, 0.1);
 transform: translateY(-1px);
}

body#post article h2#title::after {
 display: block;
}

.post-title a:link,
.post-title a:visited {
 font-family: &#39;Playfair Display&#39;, Georgia, serif;
 color: var(--autumn-bark);
}

.post-title a:hover {
 color: var(--autumn-rust);
}

/* Content Areas */
body#post,
body#collection,
body#subpage {
 color: var(--autumn-text);
 max-width: 700px;
 margin: 0 auto;
 padding: 2.5rem;
 background: rgba(253, 245, 230, 0.95);
 backdrop-filter: blur(5px);
 border-radius: 16px;
 margin-top: 2rem;
 margin-bottom: 2rem;
 box-shadow: 
0 8px 32px rgba(139, 69, 19, 0.15),
 0 2px 8px rgba(139, 69, 19, 0.1);
 border: 1px solid rgba(210, 105, 30, 0.2);
 position: relative;
}

body#post::before,
body#collection::before,
body#subpage::before {
 content: &#39;&#39;;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 height: 4px;
 background: linear-gradient(90deg, var(--autumn-rust), var(--autumn-amber), var(--autumn-gold));
 border-radius: 16px 16px 0 0;
}

/* Links */
body article p a:not(.hashtag),
body article ul a:not(.hashtag),
body article table a:not(.hashtag),
p a {
 color: var(--autumn-rust);
 text-decoration: none;
 border-bottom: 2px solid transparent;
 transition: all 0.3s ease;
 font-weight: 500;
}

body article p a:not(.hashtag):hover,
body article ul a:not(.hashtag):hover,
body article table a:not(.hashtag):hover,
p a:hover {
 color: var(--autumn-amber);
 border-bottom-color: var(--autumn-gold);
}

/* Timestamps and Meta */
body#post article time.dt-published,
body#collection article time.dt-published,
body#subpage article time.dt-published,
#collection #wrapper time,
#subpage #wrapper time {
 color: var(--autumn-lighter);
 font-size: 14px;
 font-weight: 400;
 opacity: 0.8;
}

/* Blockquotes */
body#post blockquote,
body#collection blockquote,
body#subpage blockquote {
 color: var(--autumn-light);
 border-left: 4px solid var(--autumn-gold);
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 font-style: italic;
 background: linear-gradient(135deg, rgba(218, 165, 32, 0.1), rgba(245, 222, 179, 0.3));
 border-radius: 0 12px 12px 0;
 position: relative;
 box-shadow: 0 4px 16px rgba(139, 69, 19, 0.1);
}

body#post blockquote::before,
body#collection blockquote::before,
body#subpage blockquote::before {
 content: &#39;&#34;&#39;;
 font-size: 3rem;
 color: var(--autumn-gold);
 position: absolute;
 top: 0.5rem;
 left: 1rem;
 font-family: &#39;Playfair Display&#39;, Georgia, serif;
 opacity: 0.6;
}

/* Code */
body#post pre,
body#post code,
body#collection pre,
body#collection code,
body#subpage pre,
body#subpage code {
 background: rgba(139, 69, 19, 0.08);
 color: var(--autumn-bark);
 font-family: &#39;SF Mono&#39;, Monaco, &#39;Cascadia Code&#39;, monospace;
 font-size: 14px;
 border: 1px solid rgba(210, 105, 30, 0.2);
}

body#post pre,
body#collection pre,
body#subpage pre {
 padding: 1.5rem;
 border-radius: 10px;
 overflow-x: auto;
 border-left: 4px solid var(--autumn-rust);
}

/* Hashtags */
a.hashtag span:first-child {
 color: var(--autumn-lighter);
}

a.hashtag span,
span.p-category {
 color: var(--autumn-rust);
 font-weight: 500;
}


</code></pre>

<p></details></p>

<h2 id="2-moonlight">2. Moonlight</h2>

<p><img src="https://seaswallow.me/media/5b8156f440b445ae1cfd8595a57be73b8eaa851b23ad8bca2dddffd7cc4ab9bc.png" alt=""></p>

<blockquote><p>Philosophy: Designed for comfortable night reading
Color Palette: Deep blues, purples, and silver tones</p></blockquote>

<p>Features:</p>
<ul><li>Soft gradients and backdrop blur effects</li>
<li>Elegant typography with Source Serif Pro and Source Sans Pro</li>
<li>Subtle shadows and glowing effects</li>
<li>Optimized for low-light reading</li>
<li>Smooth animations and micro-interactions</li></ul>

<p><details>
<summary> Copy Theme</summary></p>

<pre><code class="language-css">
:root {
  --moon-deep: #1a1d29;
  --moon-night: #252936;
  --moon-shadow: #2f3349;
  --moon-mist: #3d4463;
  --moon-silver: #a8b2d1;
  --moon-glow: #c8d2f1;
  --moon-light: #e8f0ff;
  --moon-accent: #7c8db8;
  --moon-highlight: #9bb0e8;
  --moon-warm: #b8a8c8;
}

body {
  font-family: &#39;Source Sans Pro&#39;, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--moon-glow);
  background: linear-gradient(135deg, var(--moon-deep) 0%, var(--moon-night) 100%);
  margin: 0;
  padding: 0;
  min-height: 100vh;
}


/* Header and Navigation */
body h1 a, 
body h1 a:visited, 
body h1 a:link,
body header h2 a,
body header h2 a:visited,
body header h2 a:link {
  color: var(--moon-light);
  text-decoration: none;
  font-weight: 500;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

body header p.description {
  color: var(--moon-silver);
  font-size: 14px;
  font-weight: 300;
  margin-top: 0.5rem;
  opacity: 0.9;
}

body header nav a,
#post nav a:not(.home) {
  color: var(--moon-accent);
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  transition: all 0.3s ease;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
}

body header nav a:hover,
#post nav a:not(.home):hover {
  color: var(--moon-highlight);
  background: rgba(124, 141, 184, 0.1);
}


/* Typography */
body#post article h2#title {
  font-family: &#39;Source Serif Pro&#39;, Georgia, serif;
  font-size: 2.4rem;
  font-weight: 600;
  color: var(--moon-light);
  line-height: 1.2;
  margin-bottom: 1.5rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.post-title a:link,
.post-title a:visited {
  font-family: &#39;Source Serif Pro&#39;, Georgia, serif;
  color: var(--moon-light);
  text-decoration: none;
  transition: color 0.3s ease;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.post-title a:hover {
  color: var(--moon-highlight);
}


/* Content Areas */
body#post,
body#collection,
body#subpage {
  color: var(--moon-glow);
  max-width: 720px;
  margin: 0 auto;
  padding: 2.5rem 2rem;
  background: rgba(37, 41, 54, 0.6);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

/* Links */
body article p a:not(.hashtag),
body article ul a:not(.hashtag),
body article table a:not(.hashtag),
p a {
  color: var(--moon-highlight);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.3s ease;
  position: relative;
}

body article p a:not(.hashtag):hover,
body article ul a:not(.hashtag):hover,
body article table a:not(.hashtag):hover,
p a:hover {
  color: var(--moon-warm);
  border-bottom-color: var(--moon-warm);
  text-shadow: 0 0 8px rgba(184, 168, 200, 0.4);
}


/* Timestamps and Meta */
body#post article time.dt-published,
body#collection article time.dt-published,
body#subpage article time.dt-published,
#collection #wrapper time,
#subpage #wrapper time {
  color: var(--moon-silver);
  font-size: 14px;
  font-weight: 300;
  opacity: 0.8;
}

/* Blockquotes */
body#post blockquote,
body#collection blockquote,
body#subpage blockquote {
  color: var(--moon-silver);
  border-left: 3px solid var(--moon-accent);
  padding: 1.5rem;
  margin: 2rem 0;
  font-style: italic;
  background: rgba(61, 68, 99, 0.4);
  border-radius: 8px;
  backdrop-filter: blur(5px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

/* Code */
body#post pre,
body#post code,
body#collection pre,
body#collection code,
body#subpage pre,
body#subpage code {
  background: rgba(47, 51, 73, 0.8);
  color: var(--moon-glow);
  font-family: &#39;SF Mono&#39;, Monaco, &#39;Cascadia Code&#39;, monospace;
  font-size: 14px;
  border: 1px solid rgba(124, 141, 184, 0.2);
}


body#post pre,
body#collection pre,
body#subpage pre {
  padding: 1.25rem;
  border-radius: 8px;
  overflow-x: auto;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* Hashtags */
a.hashtag span:first-child {
  color: var(--moon-silver);
}

a.hashtag span,
span.p-category {
  color: var(--moon-accent);
}


/* Horizontal Rules */
hr {
  background: linear-gradient(90deg, transparent 0%, var(--moon-accent) 50%, transparent 100%);
  height: 1px;
  border: none;
  margin: 3rem 0;
  opacity: 0.6;
}

/* Footer */
body footer a.home:link,
body footer a.home:visited {
  color: var(--moon-accent);
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
}

body footer a.home:hover {
  color: var(--moon-highlight);
}

/* Light Mode Override */
@media (prefers-color-scheme: light) {
  :root {
    --moon-deep: #f8f9fc;
    --moon-night: #ffffff;
    --moon-shadow: #e8eaf0;
    --moon-mist: #d8dae6;
    --moon-silver: #6b7280;
    --moon-glow: #374151;
    --moon-light: #1f2937;
    --moon-accent: #4f46e5;
    --moon-highlight: #6366f1;
    --moon-warm: #8b5cf6;
  }

  body {
    background: linear-gradient(135deg, var(--moon-deep) 0%, var(--moon-night) 100%);
  }

  body#post,
  body#collection,
  body#subpage {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  }

  body#post blockquote,
  body#collection blockquote,
  body#subpage blockquote {
    background: rgba(248, 249, 252, 0.8);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
  }

  body#post pre,
  body#post code,
  body#collection pre,
  body#collection code,
  body#subpage pre,
  body#subpage code {
    background: rgba(232, 234, 240, 0.8);
    border: 1px solid rgba(79, 70, 229, 0.2);
  }
}

</code></pre>

<p></details></p>

<h2 id="3-ocean-breeze">3. Ocean Breeze</h2>

<p><img src="https://seaswallow.me/media/8c68439998f8f6f9bcd4193ea03d928229be3a842ae7a67e7fdecbf0e56aa0e3.png" alt=""></p>

<blockquote><p>Philosophy: Fresh, coastal-inspired design
Color Palette: Cool blues, teals, and ocean foam</p></blockquote>

<p>Features:</p>
<ul><li>Animated wave background effects</li>
<li>Flowing, organic shapes and borders</li>
<li>Fresh typography with Merriweather and Open Sans</li>
<li>Coastal color scheme</li>
<li>Smooth hover animations with wave effects</li></ul>

<p><details>
<summary> Copy Theme</summary></p>

<pre><code class="language-css">
:root {
  --ocean-deep: #0f4c75;
  --ocean-blue: #3282b8;
  --ocean-teal: #0fb9b1;
  --ocean-foam: #a8e6cf;
  --ocean-mist: #f0f8ff;
  --ocean-wave: #e6f3ff;
  --ocean-sand: #faf7f2;
  --ocean-coral: #ff6b6b;
  --ocean-text: #2c3e50;
  --ocean-light: #7f8c8d;
  --ocean-lighter: #bdc3c7;
}

body {
  font-family: &#39;Open Sans&#39;, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--ocean-text);
  background: linear-gradient(135deg, var(--ocean-mist) 0%, var(--ocean-wave) 100%);
  background-attachment: fixed;
  margin: 0;
  padding: 0;
  min-height: 100vh;
}



/* Animated wave background */
body::before {
  content: &#39;&#39;;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 
    radial-gradient(circle at 20% 80%, rgba(15, 185, 177, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(50, 130, 184, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 40% 40%, rgba(168, 230, 207, 0.1) 0%, transparent 50%);
  z-index: -1;
  animation: wave 20s ease-in-out infinite;
}

@keyframes wave {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-10px) rotate(1deg); }
}


/* Header and Navigation */
body h1 a, 
body h1 a:visited, 
body h1 a:link,
body header h2 a,
body header h2 a:visited,
body header h2 a:link {
  color: var(--ocean-deep);
  text-decoration: none;
  font-weight: 600;
  font-family: &#39;Merriweather&#39;, Georgia, serif;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}

body header p.description {
  color: var(--ocean-blue);
  font-size: 15px;
  font-weight: 400;
  margin-top: 0.5rem;
  opacity: 0.9;
}

body header nav a,
#post nav a:not(.home) {
  color: var(--ocean-teal);
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  transition: all 0.3s ease;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

body header nav a:hover,
#post nav a:not(.home):hover {
  color: var(--ocean-deep);
  background: rgba(168, 230, 207, 0.3);
  transform: translateY(-1px);
}

body header nav a::before,
#post nav a:not(.home)::before {
  content: &#39;&#39;;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  transition: left 0.5s ease;
}

body header nav a:hover::before,
#post nav a:not(.home):hover::before {
  left: 100%;
}


/* Typography */
body#post article h2#title {
  font-family: &#39;Merriweather&#39;, Georgia, serif;
  color: var(--ocean-deep);
}

body#post article h2#title::after {
  background: linear-gradient(90deg, var(--ocean-teal), var(--ocean-foam));
}

.post-title a:link,
.post-title a:visited {
  font-family: &#39;Merriweather&#39;, Georgia, serif;
  color: var(--ocean-deep);
  text-decoration: none;
  transition: all 0.3s ease;
}

.post-title a:hover {
  color: var(--ocean-blue);
  transform: translateX(5px);
}

/* Content Areas */
body#post,
body#collection,
body#subpage {
  color: var(--ocean-text);
  max-width: 720px;
  margin: 0 auto;
  padding: 2.5rem;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  box-shadow: 
    0 8px 32px rgba(15, 76, 117, 0.1),
    0 2px 8px rgba(15, 76, 117, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}


/* Links */
body article p a:not(.hashtag),
body article ul a:not(.hashtag),
body article table a:not(.hashtag),
p a {
  color: var(--ocean-blue);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
  position: relative;
  font-weight: 500;
}

body article p a:not(.hashtag):hover,
body article ul a:not(.hashtag):hover,
body article table a:not(.hashtag):hover,
p a:hover {
  color: var(--ocean-deep);
  border-bottom-color: var(--ocean-teal);
}


/* Timestamps and Meta */
body#post article time.dt-published,
body#collection article time.dt-published,
body#subpage article time.dt-published,
#collection #wrapper time,
#subpage #wrapper time {
  color: var(--ocean-light);
  font-size: 14px;
  font-weight: 400;
  opacity: 0.8;
}

/* Blockquotes */
body#post blockquote,
body#collection blockquote,
body#subpage blockquote {
  color: var(--ocean-blue);
  border-left: 4px solid var(--ocean-teal);
  padding: 1.5rem 2rem;
  margin: 2rem 0;
  font-style: italic;
  background: linear-gradient(135deg, rgba(168, 230, 207, 0.1), rgba(240, 248, 255, 0.3));
  border-radius: 0 15px 15px 0;
  position: relative;
  box-shadow: 0 4px 16px rgba(15, 185, 177, 0.1);
}

body#post blockquote::before,
body#collection blockquote::before,
body#subpage blockquote::before {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  font-size: 1.2rem;
  opacity: 0.6;
}


/* Code */
body#post pre,
body#post code,
body#collection pre,
body#collection code,
body#subpage pre,
body#subpage code {
  background: rgba(15, 76, 117, 0.05);
  color: var(--ocean-deep);
  font-family: &#39;SF Mono&#39;, Monaco, &#39;Cascadia Code&#39;, monospace;
  font-size: 14px;
  border: 1px solid rgba(15, 185, 177, 0.2);
}

body#post pre,
body#collection pre,
body#subpage pre {
  padding: 1.5rem;
  border-radius: 12px;
  overflow-x: auto;
  border-left: 4px solid var(--ocean-teal);
}

/* Hashtags */
a.hashtag span:first-child {
  color: var(--ocean-light);
}

a.hashtag span,
span.p-category {
  color: var(--ocean-teal);
  font-weight: 500;
}



/* Horizontal Rules */
hr {
  background: none;
  height: 2px;
  border: none;
  margin: 3rem 0;
  background: linear-gradient(90deg, transparent 0%, var(--ocean-teal) 50%, transparent 100%);
  border-radius: 1px;
}

/* Footer */
body footer a.home:link,
body footer a.home:visited {
  color: var(--ocean-light);
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
}

body footer a.home:hover {
  color: var(--ocean-teal);
}

</code></pre>

<p></details></p>

<h2 id="4-paper">4. Paper</h2>

<p><img src="https://seaswallow.me/media/9c163bba219f303f2f59f24c092cc92cdfc5187891142e2b6169aa76f26cdaec.png" alt=""></p>

<blockquote><p>Philosophy: Classic print-inspired design
Color Palette: High contrast black and white with gold accents</p></blockquote>

<p>Features:</p>
<ul><li>Paper-like texture background</li>
<li>Drop cap styling for first paragraphs</li>
<li>Classic serif typography with Libre Baskerville</li>
<li>Print-friendly design principles</li>
<li>Elegant decorative elements</li></ul>

<p><details>
<summary> Copy Theme</summary></p>

<pre><code class="language-css">:root {
  --paper-white: #fefefe;
  --paper-cream: #faf9f7;
  --paper-gray: #f5f4f2;
  --paper-ink: #1a1a1a;
  --paper-charcoal: #2d2d2d;
  --paper-slate: #4a4a4a;
  --paper-silver: #6a6a6a;
  --paper-light: #8a8a8a;
  --paper-accent: #d4af37;
  --paper-shadow: rgba(0, 0, 0, 0.1);
}

body {
  font-family: &#39;Source Sans Pro&#39;, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  color: var(--paper-ink);
  background-color: var(--paper-cream);
  background-image: 
    radial-gradient(circle at 1px 1px, rgba(0,0,0,0.02) 1px, transparent 0);
  background-size: 20px 20px;
  margin: 0;
  padding: 0;
}


/* Header and Navigation */
body h1 a, 
body h1 a:visited, 
body h1 a:link,
body header h2 a,
body header h2 a:visited,
body header h2 a:link {
  color: var(--paper-ink);
  text-decoration: none;
  font-weight: 700;
  font-family: &#39;Libre Baskerville&#39;, Georgia, serif;
  letter-spacing: -0.01em;
}

body header p.description {
  color: var(--paper-slate);
  font-size: 15px;
  font-weight: 400;
  margin-top: 0.5rem;
  font-style: italic;
}

body header nav a,
#post nav a:not(.home) {
  color: var(--paper-charcoal);
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: color 0.2s ease;
  position: relative;
}

body header nav a:hover,
#post nav a:not(.home):hover {
  color: var(--paper-accent);
}

body header nav a::after,
#post nav a:not(.home)::after {
  content: &#39;&#39;;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--paper-accent);
  transition: width 0.3s ease;
}

body header nav a:hover::after,
#post nav a:not(.home):hover::after {
  width: 100%;
}



/* Typography */
body#post article h2#title {
  font-family: &#39;Libre Baskerville&#39;, Georgia, serif;
  color: var(--paper-ink);
  line-height: 1.2;
  text-align: center;
  position: relative;
}

body#post article h2#title::after {
  content: &#39;&#39;;
  width: 60px;
  height: 2px;
  background: var(--paper-accent);
}

.post-title a:link,
.post-title a:visited {
  font-family: &#39;Libre Baskerville&#39;, Georgia, serif;
  color: var(--paper-ink);
  text-decoration: none;
  line-height: 1.3;
  transition: color 0.2s ease;
}

.post-title a:hover {
  color: var(--paper-charcoal);
}



/* Content Areas */
body#post,
body#collection,
body#subpage {
  color: var(--paper-ink);
  max-width: 700px;
  margin: 0 auto;
  padding: 3rem 2rem;
  background: var(--paper-white);
  box-shadow: 0 0 40px var(--paper-shadow);
  margin-top: 2rem;
  margin-bottom: 2rem;
  position: relative;
}


/* Paragraphs */
body#post p,
body#collection p,
body#subpage p {
  margin-bottom: 1.5rem;
  hyphens: auto;
}

/* First paragraph drop cap */
body#post article p:first-of-type::first-letter,
body#collection article p:first-of-type::first-letter,
body#subpage article p:first-of-type::first-letter {
  font-family: &#39;Libre Baskerville&#39;, Georgia, serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  margin: 0.1rem 0.5rem 0 0;
  color: var(--paper-accent);
}


/* Links */
body article p a:not(.hashtag),
body article ul a:not(.hashtag),
body article table a:not(.hashtag),
p a {
  color: var(--paper-ink);
  text-decoration: none;
  border-bottom: 1px solid var(--paper-accent);
  transition: all 0.2s ease;
  font-weight: 500;
}

body article p a:not(.hashtag):hover,
body article ul a:not(.hashtag):hover,
body article table a:not(.hashtag):hover,
p a:hover {
  color: var(--paper-accent);
  border-bottom-color: var(--paper-ink);
}

/* Timestamps and Meta */
body#post article time.dt-published,
body#collection article time.dt-published,
body#subpage article time.dt-published,
#collection #wrapper time,
#subpage #wrapper time {
  color: var(--paper-silver);
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 2rem;
}

/* Blockquotes */
body#post blockquote,
body#collection blockquote,
body#subpage blockquote {
  color: var(--paper-slate);
  border-left: 4px solid var(--paper-accent);
  padding: 1.5rem 2rem;
  margin: 2.5rem 0;
  font-family: &#39;Libre Baskerville&#39;, Georgia, serif;
  font-style: italic;
  font-size: 1.1rem;
  background: var(--paper-gray);
  position: relative;
}

body#post blockquote::before,
body#collection blockquote::before,
body#subpage blockquote::before {
  content: &#39;&#34;&#39;;
  font-size: 4rem;
  color: var(--paper-accent);
  position: absolute;
  top: -0.5rem;
  left: 1rem;
  font-family: &#39;Libre Baskerville&#39;, Georgia, serif;
}


/* Code */
body#post pre,
body#post code,
body#collection pre,
body#collection code,
body#subpage pre,
body#subpage code {
  background: var(--paper-gray);
  color: var(--paper-charcoal);
  font-family: &#39;SF Mono&#39;, Monaco, &#39;Cascadia Code&#39;, monospace;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

body#post pre,
body#collection pre,
body#subpage pre {
  padding: 1.5rem;
  border-radius: 0;
  overflow-x: auto;
  border-left: 4px solid var(--paper-accent);
}

/* Hashtags */
a.hashtag span:first-child {
  color: var(--paper-silver);
}

a.hashtag span,
span.p-category {
  color: var(--paper-accent);
  font-weight: 500;
}


/* Horizontal Rules */
hr {
  background: none;
  height: auto;
  border: none;
  margin: 3rem 0;
  text-align: center;
  position: relative;
}


/* Footer */
body footer a.home:link,
body footer a.home:visited {
  color: var(--paper-silver);
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  transition: color 0.2s ease;
}

body footer a.home:hover {
  color: var(--paper-accent);
}


</code></pre>

<p></details></p>

<h2 id="5-zen-garden">5. Zen Garden</h2>

<p><img src="https://seaswallow.me/media/fc2cffb48b2577890542ee0da59143992118914ccd46d484d49b654c6937800b.png" alt=""></p>

<blockquote><p>Philosophy: Inspired by Japanese aesthetics and zen philosophy
Color Palette: Soft greens, natural stones, and mist</p></blockquote>

<p>Features:</p>
<ul><li>Generous white space for peaceful reading</li>
<li>Subtle typography hierarchy with Inter and Crimson Text fonts</li>
<li>Natural color palette with zen-inspired naming</li>
<li>Full dark mode support with automatic switching</li>
<li>Gentle hover effects and transitions</li></ul>

<p><details>
<summary> Copy Theme</summary></p>

<pre><code class="language-css">:root {
  --zen-stone: #8B9A8B;
  --zen-moss: #6B7B6B;
  --zen-charcoal: #2C3E2C;
  --zen-mist: #F8FAF8;
  --zen-cloud: #F0F4F0;
  --zen-accent: #7A8B7A;
  --zen-text: #2D3D2D;
  --zen-text-light: #5A6B5A;
  --zen-text-lighter: #8A9B8A;
}

body {
  font-family: &#39;Inter&#39;, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--zen-text);
  background-color: var(--zen-mist);
  margin: 0;
  padding: 0;
}

/* Header and Navigation */
body h1 a, 
body h1 a:visited, 
body h1 a:link,
body header h2 a,
body header h2 a:visited,
body header h2 a:link {
  color: var(--zen-charcoal);
  text-decoration: none;
  font-weight: 500;
  letter-spacing: -0.02em;
}

body header p.description {
  color: var(--zen-text-light);
  font-size: 14px;
  font-weight: 300;
  margin-top: 0.5rem;
}

body header nav a,
#post nav a:not(.home) {
  color: var(--zen-accent);
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  transition: color 0.2s ease;
}

body header nav a:hover,
#post nav a:not(.home):hover {
  color: var(--zen-moss);
}


/* Typography */
body#post article h2#title {
  font-family: &#39;Crimson Text&#39;, Georgia, serif;
  color: var(--zen-charcoal);
  line-height: 1.3;
  margin-bottom: 1rem;
  letter-spacing: -0.01em;
}

.post-title a:link,
.post-title a:visited {
  font-family: &#39;Crimson Text&#39;, Georgia, serif;
  color: var(--zen-charcoal);
  text-decoration: none;
  line-height: 1.4;
  transition: color 0.2s ease;
}

.post-title a:hover {
  color: var(--zen-moss);
}


/* Content Areas */
body#post,
body#collection,
body#subpage {
  color: var(--zen-text);
  max-width: 680px;
  margin: 0 auto;
  padding: 2rem 1.5rem;
}

/* Links */
body article p a:not(.hashtag),
body article ul a:not(.hashtag),
body article table a:not(.hashtag),
p a {
  color: var(--zen-accent);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease, color 0.2s ease;
}

body article p a:not(.hashtag):hover,
body article ul a:not(.hashtag):hover,
body article table a:not(.hashtag):hover,
p a:hover {
  color: var(--zen-moss);
  border-bottom-color: var(--zen-moss);
}

/* Timestamps and Meta */
body#post article time.dt-published,
body#collection article time.dt-published,
body#subpage article time.dt-published,
#collection #wrapper time,
#subpage #wrapper time {
  color: var(--zen-text-lighter);
  font-size: 14px;
  font-weight: 300;
}

/* Blockquotes */
body#post blockquote,
body#collection blockquote,
body#subpage blockquote {
  color: var(--zen-text-light);
  border-left: 3px solid var(--zen-accent);
  padding-left: 1.5rem;
  margin: 2rem 0;
  font-style: italic;
  background: var(--zen-cloud);
  padding: 1.5rem;
  border-radius: 4px;
}


/* Code */
body#post pre,
body#post code,
body#collection pre,
body#collection code,
body#subpage pre,
body#subpage code {
  background: var(--zen-cloud);
  color: var(--zen-text);
  font-family: &#39;SF Mono&#39;, Monaco, &#39;Cascadia Code&#39;, monospace;
  font-size: 14px;
}

body#post pre,
body#collection pre,
body#subpage pre {
  padding: 1rem;
  border-radius: 6px;
  overflow-x: auto;
}

/* Hashtags */
a.hashtag span:first-child {
  color: var(--zen-text-lighter);
}

a.hashtag span,
span.p-category {
  color: var(--zen-accent);
}

/* Horizontal Rules */
hr {
  background: var(--zen-accent);
  height: 1px;
  border: none;
  margin: 3rem 0;
  opacity: 0.3;
}

/* Footer */
body footer a.home:link,
body footer a.home:visited {
  color: var(--zen-accent);
  text-decoration: none;
  font-size: 14px;
}
</code></pre>

<p></details></p>
]]></content:encoded>
      <guid>https://tale.violaine.xyz/melonella/manus-im</guid>
      <pubDate>Tue, 17 Jun 2025 14:16:05 +0000</pubDate>
    </item>
    <item>
      <title>Owncast 排片日程 </title>
      <link>https://tale.violaine.xyz/melonella/bob-bday-stream</link>
      <description>&lt;![CDATA[https://tv.seaswallow.me&#xA;&#xA;div&lt;iframe&#xA;  src=&#34;https://tv.seaswallow.me/embed/video&#34;&#xA;  title=&#34;Owncast&#34;&#xA;  height=&#34;300px&#34; width=&#34;550px&#34;&#xA;  referrerpolicy=&#34;origin&#34;&#xA;  allowfullscreen  /iframe/div&#xA;&#xA;| Year | Title                                        |&#xA;| ---- | -------------------------------------------- |&#xA;| 1970 | Led Zeppelin – Live at the Royal Albert Hall |&#xA;| 1973 | Ladies and Gentlemen: The Rolling Stones     |&#xA;| 1986 | SEIKIMA-II – THE GREAT BLACK MASS TOUR       |&#xA;| 1995 | Jeff Buckley – Live in Frankfurt             |&#xA;| 1998 | Portishead – Roseland NYC Live               |&#xA;&#xA;!--more--&#xA;&#xA;Robert Smith 誕生祭 (16-21 Apr 2025) &#xA;&#xA;iframe width=&#34;600&#34; height=&#34;700&#34; src=&#34;https://violaine.xyz/apps/calendar/embed/JfBBccCqeQXdfren&#34;/iframe&#xA;&#xA;D-5 SOALW Troxy London&#xA;&#xA;D-4 In Orange 1986&#xA;&#xA;D-3 Show 1992&#xA;&#xA;D-2 Trilogy 2002&#xA;&#xA;D-1 Curætion-25 + Anniversary&#xA;&#xA;Timeline: /budd/the-cure&#xA;IV-XXI-MMXXV: /sweet-haze/hbd-robert-smith&#xA;Goods: /goods/cure-phone-case-and-sticker]]&gt;</description>
      <content:encoded><![CDATA[<p><a href="https://tv.seaswallow.me" rel="nofollow">https://tv.seaswallow.me</a></p>

<div><iframe src="https://tv.seaswallow.me/embed/video" title="Owncast" allowfullscreen="">
</iframe></div>

<table>
<thead>
<tr>
<th>Year</th>
<th>Title</th>
</tr>
</thead>

<tbody>
<tr>
<td>1970</td>
<td>Led Zeppelin – Live at the Royal Albert Hall</td>
</tr>

<tr>
<td>1973</td>
<td>Ladies and Gentlemen: The Rolling Stones</td>
</tr>

<tr>
<td>1986</td>
<td>SEIKIMA-II – THE GREAT BLACK MASS TOUR</td>
</tr>

<tr>
<td>1995</td>
<td>Jeff Buckley – Live in Frankfurt</td>
</tr>

<tr>
<td>1998</td>
<td>Portishead – Roseland NYC Live</td>
</tr>
</tbody>
</table>



<h2 id="robert-smith-誕生祭-16-21-apr-2025">Robert Smith 誕生祭 (16-21 Apr 2025)</h2>

<iframe width="600" height="700" src="https://violaine.xyz/apps/calendar/embed/JfBBccCqeQXdfren"></iframe>

<h2 id="d-5-soalw-troxy-london">D-5 SOALW Troxy London</h2>

<p><img src="https://cdn.masto.host/pinkorangered/media_attachments/files/114/348/182/779/729/756/original/6862edeefc864650.png" alt=""></p>

<h2 id="d-4-in-orange-1986">D-4 In Orange 1986</h2>

<p><img src="https://cdn.masto.host/pinkorangered/media_attachments/files/114/353/628/031/994/711/original/99fd9e7be554babb.png" alt=""></p>

<h2 id="d-3-show-1992">D-3 Show 1992</h2>

<p><img src="https://cdn.masto.host/pinkorangered/media_attachments/files/114/357/046/850/704/293/original/721924859551a61f.png" alt=""></p>

<h2 id="d-2-trilogy-2002">D-2 Trilogy 2002</h2>

<p><img src="https://cdn.masto.host/pinkorangered/media_attachments/files/114/362/492/525/626/794/original/9eee85ac4b5d212a.png" alt=""></p>

<h2 id="d-1-curætion-25-anniversary">D-1 Curætion-25 + Anniversary</h2>

<p><img src="https://muzyk.net/wp-content/uploads/2019/08/thecure.jpg.webp" alt="">
<img src="https://cdn.masto.host/pinkorangered/media_attachments/files/114/369/136/607/122/270/original/1b6d3d1b9bc6df9d.jpg" alt=""></p>

<h3 id="timeline-budd-the-cure-https-tale-violaine-xyz-budd-the-cure">Timeline: <a href="https://tale.violaine.xyz/budd/the-cure" rel="nofollow">/budd/the-cure</a></h3>

<h3 id="iv-xxi-mmxxv-sweet-haze-hbd-robert-smith-https-tale-violaine-xyz-sweet-haze-hbd-to-robert-smith">IV-XXI-MMXXV: <a href="https://tale.violaine.xyz/sweet-haze/hbd-to-robert-smith" rel="nofollow">/sweet-haze/hbd-robert-smith</a></h3>

<h3 id="goods-goods-cure-phone-case-and-sticker-https-tale-violaine-xyz-goods-cure-phone-case-and-sticker">Goods: <a href="https://tale.violaine.xyz/goods/cure-phone-case-and-sticker" rel="nofollow">/goods/cure-phone-case-and-sticker</a></h3>
]]></content:encoded>
      <guid>https://tale.violaine.xyz/melonella/bob-bday-stream</guid>
      <pubDate>Sun, 13 Apr 2025 22:52:04 +0000</pubDate>
    </item>
    <item>
      <title>圖書館debug紀錄</title>
      <link>https://tale.violaine.xyz/melonella/lib-debug</link>
      <description>&lt;![CDATA[問題：在沒有儲存空間時嘗試上傳圖書，變相寫入了空白json文件導致以下報錯&#xA;&#xA;SyntaxError: Unexpected end of JSON input&#xA;    at JSON.parse (anonymous)&#xA;    at /root/little-library/routes/gethome.js:23:29&#xA;    at Array.map (anonymous)&#xA;    at /root/little-library/routes/gethome.js:22:23&#xA;    at Layer.handle [as handlerequest] (/root/little-library/nodemodules/express/lib/router/layer.js:95:5)&#xA;    at next (/root/little-library/nodemodules/express/lib/router/route.js:137:13)&#xA;    at Route.dispatch (/root/little-library/nodemodules/express/lib/router/route.js:112:3)&#xA;    at Layer.handle [as handlerequest] (/root/little-library/nodemodules/express/lib/router/layer.js:95:5)&#xA;    at /root/little-library/nodemodules/express/lib/router/index.js:281:22&#xA;    at Function.processparams (/root/little-library/node_modules/express/lib/router/index.js:335:12)&#xA;!--more--&#xA;---&#xA;&#xA;1. 釋出空間&#xA;&#xA;登入服務器查看儲存空間&#xA;&#xA;df -h&#xA;/dev/vda1       9.4G  9.4G     0 100% /&#xA;&#xA;找出佔空間的log並將其移除&#xA;sudo du -h /var/log&#xA;&#xA;1.1G&#x9;/var/log/journal&#xA;1.3G&#x9;/var/log&#xA;root@vultr:~# rm -r /var/log/journal&#xA;root@vultr:~# rm -r /var/log&#xA;&#xA;Usage of /:   72.4% of 9.32GB&#xA;&#xA;---&#xA;2. 刪除空白json文件&#xA;&#xA;文件路徑在 /little-library/public/files&#xA;&#xA;xxx.epub&#xA;xxx.json&#xA;xxx.json&#xA;xxx.pdf&#xA;&#xA;逐一查看哪個空白，然後 rm xxx.json&#xA;&#xA;回到 /little-library 重啟應用&#xA;&#xA;npm start&#xA;&#xA;  little-library@0.1.0 start&#xA;  node server.js&#xA;&#xA;Started server on port 3000&#xA;Started SSL server on port 443&#xA;&#xA;檢查沒有報錯後按Ctrl+C退出，然後執行命令 &#xA;forever start&#xA;&#xA;]]&gt;</description>
      <content:encoded><![CDATA[<p>問題：在沒有儲存空間時嘗試上傳圖書，變相寫入了空白json文件導致以下報錯</p>

<pre><code>SyntaxError: Unexpected end of JSON input
    at JSON.parse (&lt;anonymous&gt;)
    at /root/little-library/routes/get_home.js:23:29
    at Array.map (&lt;anonymous&gt;)
    at /root/little-library/routes/get_home.js:22:23
    at Layer.handle [as handle_request] (/root/little-library/node_modules/express/lib/router/layer.js:95:5)
    at next (/root/little-library/node_modules/express/lib/router/route.js:137:13)
    at Route.dispatch (/root/little-library/node_modules/express/lib/router/route.js:112:3)
    at Layer.handle [as handle_request] (/root/little-library/node_modules/express/lib/router/layer.js:95:5)
    at /root/little-library/node_modules/express/lib/router/index.js:281:22
    at Function.process_params (/root/little-library/node_modules/express/lib/router/index.js:335:12)
</code></pre>



<hr>

<h2 id="1-釋出空間">1. 釋出空間</h2>

<p>登入服務器查看儲存空間</p>

<pre><code>df -h
/dev/vda1       9.4G  9.4G     0 100% /

</code></pre>

<p>找出佔空間的log並將其移除</p>

<pre><code>sudo du -h /var/log

1.1G	/var/log/journal
1.3G	/var/log
root@vultr:~# rm -r /var/log/journal
root@vultr:~# rm -r /var/log

</code></pre>

<p>Usage of /:   72.4% of 9.32GB</p>

<hr>

<h2 id="2-刪除空白json文件">2. 刪除空白json文件</h2>

<p>文件路徑在 <code>/little-library/public/files</code></p>

<p>xxx.epub
xxx.json
xxx.json
xxx.pdf</p>

<p>逐一查看哪個空白，然後 <code>rm xxx.json</code></p>

<p>回到 <code>/little-library</code> 重啟應用</p>

<pre><code>npm start

&gt; little-library@0.1.0 start
&gt; node server.js

Started server on port 3000
Started SSL server on port 443
</code></pre>

<p>檢查沒有報錯後按Ctrl+C退出，然後執行命令
<code>forever start</code></p>
]]></content:encoded>
      <guid>https://tale.violaine.xyz/melonella/lib-debug</guid>
      <pubDate>Tue, 10 May 2022 11:57:02 +0000</pubDate>
    </item>
    <item>
      <title>修SSL證書debug紀錄 </title>
      <link>https://tale.violaine.xyz/melonella/xiu-sslzheng-shu-debugji-lu</link>
      <description>&lt;![CDATA[renew cert成功但網站依然顯示過期，聽網上的人講刪了/etc/letsencrypt再申請於是（………似乎是bad advice&#xA;&#xA;報錯1：cannot load fullchain.pem&#xA;&#xA;nginx: [emerg] cannot load certificate &#34;/etc/letsencrypt/live/網站域名/fullchain.pem&#34;: BIOnewfile() failed (SSL: error:02001002:system library:fopen:No such file or directory:fopen(&#39;/etc/letsencrypt/live/網站域名/fullchain.pem&#39;,&#39;r&#39;) error:2006D080:BIO routines:BIOnewfile:no such file)&#xA;&#xA;!--more--&#xA;解決方法：用certbot certonly重新申請&#xA;&#xA;How would you like to authenticate with the ACME CA?&#xA;- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - &#xA;1: Nginx Web Server plugin (nginx) [Misconfigured] &#xA;2: Spin up a temporary webserver (standalone) &#xA;3: Place files in webroot directory (webroot)&#xA;&#xA;報錯2：ssl-dhparams.pem failed&#xA;&#xA;nginx: [emerg] BIOnewfile(&#34;/etc/letsencrypt/ssl-dhparams.pem&#34;) failed (SSL: error:02001002:system library:fopen:No such file or directory:fopen(&#39;/etc/letsencrypt/ssl-dhparams.pem&#39;,&#39;r&#39;) error:2006D080:BIO routines:BIOnewfile:no such file)&#xA;&#xA;解決方法：需要生成一個dhparams 4096-bit key&#xA;&#xA;cd /etc/ssl/certs  &#xA;openssl dhparam -out dhparam.pem 4096&#xA;來自：https://scaron.info/blog/improve-your-nginx-ssl-configuration.html&#xA;&#xA;（&#39;This is going to take a long time&#39;是真的有點久）&#xA;&#xA;完成以後把它複制回去對應的目錄下面+重新命名&#xA;&#xA;cp /etc/ssl/certs/dhparam.pem /etc/letsencrypt/&#xA;cd /etc/letsencrypt/&#xA;mv dhparam.pem ssl-dhparams.pem&#xA;&#xA;2048位也可以 https://gist.github.com/fotock/9cf9afc2fd0f813828992ebc4fdaad6f&#xA;&#xA;如果實在很久的話可以看看這條 https://www.linode.com/community/questions/18453/generating-a-diffie-hellman-4096-bit-key&#xA;&#xA;報錯3&#xA;&#xA;nginx: [emerg] bind() to 0.0.0.0:443 failed (98: Address already in use)&#xA;&#xA;解決方法：remove the symbolic link &#xA;&#xA;來自：https://stackoverflow.com/questions/14972792/nginx-nginx-emerg-bind-to-80-failed-98-address-already-in-use#comment44562336_15051854]]&gt;</description>
      <content:encoded><![CDATA[<p>renew cert成功但網站依然顯示過期，聽網上的人講刪了/etc/letsencrypt再申請於是（………似乎是bad advice</p>

<h2 id="報錯1-cannot-load-fullchain-pem"><strong>報錯1</strong>：cannot load fullchain.pem</h2>

<pre><code>nginx: [emerg] cannot load certificate &#34;/etc/letsencrypt/live/網站域名/fullchain.pem&#34;: BIO_new_file() failed (SSL: error:02001002:system library:fopen:No such file or directory:fopen(&#39;/etc/letsencrypt/live/網站域名/fullchain.pem&#39;,&#39;r&#39;) error:2006D080:BIO routines:BIO_new_file:no such file)
</code></pre>



<p>解決方法：用certbot certonly重新申請</p>

<pre><code>How would you like to authenticate with the ACME CA?
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - 
1: Nginx Web Server plugin (nginx) [Misconfigured] 
2: Spin up a temporary webserver (standalone) 
3: Place files in webroot directory (webroot)
</code></pre>

<h2 id="報錯2-ssl-dhparams-pem-failed"><strong>報錯2</strong>：ssl-dhparams.pem failed</h2>

<pre><code>nginx: [emerg] BIO_new_file(&#34;/etc/letsencrypt/ssl-dhparams.pem&#34;) failed (SSL: error:02001002:system library:fopen:No such file or directory:fopen(&#39;/etc/letsencrypt/ssl-dhparams.pem&#39;,&#39;r&#39;) error:2006D080:BIO routines:BIO_new_file:no such file)
</code></pre>

<p>解決方法：需要生成一個dhparams 4096-bit key</p>

<pre><code>cd /etc/ssl/certs  
openssl dhparam -out dhparam.pem 4096
</code></pre>

<p>來自：<a href="https://scaron.info/blog/improve-your-nginx-ssl-configuration.html" rel="nofollow">https://scaron.info/blog/improve-your-nginx-ssl-configuration.html</a></p>

<p>（&#39;This is going to take a long time&#39;是真的有點久）</p>

<p>完成以後把它複制回去對應的目錄下面+重新命名</p>

<pre><code>cp /etc/ssl/certs/dhparam.pem /etc/letsencrypt/
cd /etc/letsencrypt/
mv dhparam.pem ssl-dhparams.pem
</code></pre>
<ul><li><p>2048位也可以 <a href="https://gist.github.com/fotock/9cf9afc2fd0f813828992ebc4fdaad6f" rel="nofollow">https://gist.github.com/fotock/9cf9afc2fd0f813828992ebc4fdaad6f</a></p></li>

<li><p>如果實在很久的話可以看看這條 <a href="https://www.linode.com/community/questions/18453/generating-a-diffie-hellman-4096-bit-key" rel="nofollow">https://www.linode.com/community/questions/18453/generating-a-diffie-hellman-4096-bit-key</a></p></li></ul>

<h2 id="報錯3"><strong>報錯3</strong></h2>

<pre><code>nginx: [emerg] bind() to 0.0.0.0:443 failed (98: Address already in use)
</code></pre>

<p>解決方法：remove the symbolic link</p>

<p><code>sudo rm /etc/nginx/sites-enabled/default</code></p>

<p>來自：<a href="https://stackoverflow.com/questions/14972792/nginx-nginx-emerg-bind-to-80-failed-98-address-already-in-use#comment44562336_15051854" rel="nofollow">https://stackoverflow.com/questions/14972792/nginx-nginx-emerg-bind-to-80-failed-98-address-already-in-use#comment44562336_15051854</a></p>
]]></content:encoded>
      <guid>https://tale.violaine.xyz/melonella/xiu-sslzheng-shu-debugji-lu</guid>
      <pubDate>Tue, 10 May 2022 11:56:35 +0000</pubDate>
    </item>
    <item>
      <title>BookWyrm使用指南 </title>
      <link>https://tale.violaine.xyz/melonella/bookwyrm-guide</link>
      <description>&lt;![CDATA[有圖ver點這裡&#xA;&#xA;Goal&#xA;&#xA;初始時你可以為自己訂立一個今年讀多少本書的Goal，像嘟文一樣可以選擇公開範圍（公開、Unlisted、Followers、私人）&#xA;&#xA;例：myth set a goal to read 12 books in 2021&#xA;&#xA;!--more--&#xA;Search&#xA;&#xA;搜索書籍的時候，如果你所在的站點其他人沒有import過這本書，你需要按下Load results從官方站點加載搜索結果，再import到本地，才能打開書本頁面（或者也可以從左下角手動添加條目）&#xA;&#xA;No results found for xxx&#xA;  Load results from other catalogues&#xA;&#xA;Reading Activity (Feed)&#xA;&#xA;打開了書本頁面以後，每一本書都可以標注以下其中一個狀態：&#xA;&#xA;Want to read&#xA;Start reading&#xA;Finish reading &#xA;&#xA;按下去的時候會生成一個post，像其他fedi軟件一樣可以從四種可見範圍中選擇，同時書本也會出現在個人主頁對應的書架上（全部、待讀、在讀、已讀）&#xA;&#xA;例：myth started reading History of Beauty&#xA;&#xA;另外你可以為書籍添加：&#xA;&#xA;Review（五星評分制+評論）&#xA;Comment（評論）&#xA;Quote（摘錄+評論）&#xA;&#xA;同樣會生成一個post，例：myth quoted Fahrenheit 451 by Ray Bradbury&#xA;&#xA;Lists&#xA;&#xA;在可見範圍的基礎上，你還可以選擇書單要不要允許別人添加項目 &#xA;&#xA;Open：所有人都可以加&#xA;Curated：別人可以提議，你同意後加上&#xA;Closed：不可以加&#xA;&#xA;比如以下就是一個Unlisted的Curated list&#xA;https://bookwyrm.dachary.org/list/1]]&gt;</description>
      <content:encoded><![CDATA[<p>有圖ver點<a href="https://seaswallow.me/notice/A7ByrVu6hpB0LFGzBI" rel="nofollow">這裡</a></p>

<h2 id="goal">Goal</h2>

<p>初始時你可以為自己訂立一個今年讀多少本書的Goal，像嘟文一樣可以選擇公開範圍（公開、Unlisted、Followers、私人）</p>

<p>例：<a href="https://bookwyrm.dachary.org/user/sisyphus/generatednote/22" rel="nofollow">myth set a goal to read 12 books in 2021</a></p>



<h2 id="search">Search</h2>

<p>搜索書籍的時候，如果你所在的站點其他人沒有import過這本書，你需要按下Load results從官方站點加載搜索結果，再import到本地，才能打開書本頁面（或者也可以從左下角手動添加條目）</p>

<p>No results found for xxx
&gt;Load results from other catalogues</p>

<h2 id="reading-activity-feed">Reading Activity (Feed)</h2>

<p>打開了書本頁面以後，每一本書都可以標注以下其中一個狀態：</p>
<ul><li>Want to read</li>
<li>Start reading</li>
<li>Finish reading</li></ul>

<p>按下去的時候會生成一個post，像其他fedi軟件一樣可以從四種可見範圍中選擇，同時書本也會出現在個人主頁對應的書架上（全部、待讀、在讀、已讀）</p>

<p>例：<a href="https://bookwyrm.dachary.org/user/sisyphus/generatednote/47" rel="nofollow">myth started reading History of Beauty</a></p>

<p>另外你可以為書籍添加：</p>
<ul><li>Review（五星評分制+評論）</li>
<li>Comment（評論）</li>
<li>Quote（摘錄+評論）</li></ul>

<p>同樣會生成一個post，例：<a href="https://bookwyrm.dachary.org/user/sisyphus/quotation/32" rel="nofollow">myth quoted Fahrenheit 451 by Ray Bradbury</a></p>

<h2 id="lists">Lists</h2>

<p>在可見範圍的基礎上，你還可以選擇書單要不要允許別人添加項目</p>
<ul><li>Open：所有人都可以加</li>
<li>Curated：別人可以提議，你同意後加上</li>
<li>Closed：不可以加</li></ul>

<p>比如以下就是一個Unlisted的Curated list
<a href="https://bookwyrm.dachary.org/list/1" rel="nofollow">https://bookwyrm.dachary.org/list/1</a></p>
]]></content:encoded>
      <guid>https://tale.violaine.xyz/melonella/bookwyrm-guide</guid>
      <pubDate>Tue, 10 May 2022 11:55:58 +0000</pubDate>
    </item>
    <item>
      <title>Soapbox FE放大表情、長圖、換背景</title>
      <link>https://tale.violaine.xyz/melonella/soapbox-fe</link>
      <description>&lt;![CDATA[參考了Kana給Pleroma FE寫的教程&#xA;&#xA;試過跟著教程創建custom.css但似乎沒有起效，於是直接丟進index.html裡（可能不是最好的做法）&#xA;&#xA;nano /opt/soapbox/static/index.html&#xA;&#xA;找到 /head ，在前面加入 style/style，然後在兩個style的中間輸入（象的魔改）設置&#xA;!--more--&#xA;PS. 建議加入前先用Stylebot改動+預覽是否自己想要的效果&#xA;&#xA;PPS. 不知道comment留著有沒有影響，我自己有刪掉&#xA;&#xA;/emoji enlarge/&#xA;&#xA;.reply-indicatorcontent .emojione, &#xA;.statuscontent .emojione {&#xA;  width: 40px !important;&#xA;&#x9;height: 40px !important;&#xA;}&#xA;&#xA;.emoji-mart-category .emoji-mart-emoji span {&#xA;&#x9;width: 30px !important;&#xA;&#x9;height: 30px !important;&#xA;}&#xA;&#xA;/长图补丁 v2.1 by Shioko/&#xA;&#xA;.image-loader {&#xA;&#x9;align-items:center;&#xA;}&#xA;.zoomable-image {&#xA;&#x9;display: flex;&#xA;    height:auto;&#xA;&#x9;max-height: 100%;&#xA;    width: auto;&#xA;    max-width: 95%;&#xA;&#x9;overflow: auto !important;&#xA;&#x9;align-items:center;&#xA;}&#xA;.zoomable-image:hover {&#xA;&#x9;align-items: flex-start;&#xA;}&#xA;&#xA;.zoomable-image img {&#xA;&#x9;max-height: 100%;&#xA;    max-width:95%;&#xA;}&#xA;.zoomable-image img:hover {&#xA;&#x9;max-height: 2000%;&#xA;    max-width:95%;&#xA;}&#xA;&#xA;/change background/&#xA;&#xA;body {&#xA;  background-image: url(&#39;圖片地址或路徑&#39;);&#xA;  background-repeat: no-repeat;&#xA;  background-attachment: fixed;&#xA;  background-size: cover;&#xA;}&#xA;&#xA;存檔：藍站url]]&gt;</description>
      <content:encoded><![CDATA[<p>參考了<a href="https://shykana.qoto.io/posts/pleroma-largemoji/" rel="nofollow">Kana</a>給Pleroma FE寫的教程</p>

<p>試過跟著教程創建custom.css但似乎沒有起效，於是直接丟進index.html裡（可能不是最好的做法）</p>

<p><code>nano /opt/soapbox/static/index.html</code></p>

<p>找到 <code>&lt;/head&gt;</code> ，在前面加入 <code>&lt;style&gt;&lt;/style&gt;</code>，然後在兩個style的中間輸入（象的魔改）設置

PS. 建議加入前先用Stylebot改動+預覽是否自己想要的效果</p>

<p>PPS. 不知道comment留著有沒有影響，我自己有刪掉</p>

<pre><code class="language-css">/*emoji enlarge*/

.reply-indicator__content .emojione, 
.status__content .emojione {
  width: 40px !important;
	height: 40px !important;
}

.emoji-mart-category .emoji-mart-emoji span {
	width: 30px !important;
	height: 30px !important;
}

/*长图补丁 v2.1 by Shioko*/

.image-loader {
	align-items:center;
}
.zoomable-image {
	display: flex;
    height:auto;
	max-height: 100%;
    width: auto;
    max-width: 95%;
	overflow: auto !important;
	align-items:center;
}
.zoomable-image:hover {
	align-items: flex-start;
}

.zoomable-image img {
	max-height: 100%;
    max-width:95%;
}
.zoomable-image img:hover {
	max-height: 2000%;
    max-width:95%;
}

/*change background*/

body {
  background-image: url(&#39;圖片地址或路徑&#39;);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
</code></pre>

<p>存檔：<a href="https://cobaltkiss.blue/notice/A86Do5w0jVqeJvStaS" rel="nofollow">藍站url</a></p>
]]></content:encoded>
      <guid>https://tale.violaine.xyz/melonella/soapbox-fe</guid>
      <pubDate>Tue, 10 May 2022 11:45:28 +0000</pubDate>
    </item>
    <item>
      <title>郵輪主題&amp;背景圖</title>
      <link>https://tale.violaine.xyz/melonella/cruise_themes</link>
      <description>&lt;![CDATA[1. decept.org&#xA;!--more--&#xA;&#xA;Unsplash: korpa&#xA;&#xA;---&#xA;2. Apatite &#xA;&#xA;Unsplash: dariomen&#xA;&#xA;---&#xA;3. NERV&#xA;&#xA;Keyword: evangelion ui&#xA;&#xA;---&#xA;4. Sei&amp;Stella - @Blue&#xA;&#xA;Source: va-11.com實例背景圖&#xA;&#xA;---&#xA;5. WIRED&#xA;&#xA;---&#xA;6. Pink Circle - [@雷]&#xA;&#xA;🖌 Georgia O’Keeffe]]&gt;</description>
      <content:encoded><![CDATA[<h2 id="1-decept-org-https-decept-org">1. <a href="https://decept.org" rel="nofollow">decept.org</a></h2>

<p><img src="https://seaswallow.me/media/198467a9b528fa53467ce7b50933dde6f4be5d0bfcd21635967d28ab5e846491.png" alt="">
<img src="https://images.unsplash.com/photo-1606629201197-3297d695094c?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1502&amp;q=80" alt="">
Unsplash: <a href="https://unsplash.com/photos/oP1tjHHGpSU" rel="nofollow">korpa</a></p>

<hr>

<h2 id="2-apatite">2. Apatite</h2>

<p><img src="https://violaine.xyz/s/kB9PTfgifb7oR7T/preview" alt="">
<img src="https://images.unsplash.com/photo-1545226768-b4afeaa09934?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=1049&amp;q=80" alt="">
Unsplash: <a href="https://unsplash.com/photos/uPNGcb05lV4" rel="nofollow">dariomen</a></p>

<hr>

<h2 id="3-nerv">3. NERV</h2>

<p><img src="https://violaine.xyz/s/WeLDwN9EkEG5QNG/preview" alt="">
<img src="https://th.bing.com/th/id/Rce2847c5575feb03a4979a90cf8b7976?rik=KegFyIGc3xcPYA&amp;pid=ImgRaw" alt="">
Keyword: <a href="https://i.pinimg.com/originals/ee/2c/a5/ee2ca5f4423a7e4263675cc02ffdd7d2.gif" rel="nofollow">evangelion ui</a></p>

<hr>

<h2 id="4-sei-stella-blue-https-suicablog-cobaltkiss-blue-2021-06-themes-gallery">4. Sei&amp;Stella – <a href="https://suicablog.cobaltkiss.blue/2021/06/themes-gallery/" rel="nofollow">@Blue</a></h2>

<p><img src="https://violaine.xyz/s/7zCYybZasiyJyLq/preview" alt="">
<img src="https://seaswallow.me/media/50a5008e3525c5ab5e57a7bd62a09e40f6654d273ae722f6ae1bc6fbba0690d0.jpg" alt="">
Source: <a href="https://i.imgur.com/FKNpTIS.jpg" rel="nofollow">va-11.com實例背景圖</a></p>

<hr>

<h2 id="5-wired">5. WIRED</h2>

<p><img src="https://violaine.xyz/s/SoTJ22SHFK9YLiF/preview" alt="">
<img src="https://64.media.tumblr.com/0e5370c97d58a759fe922c030edb7e3b/tumblr_ncdhrzCgBB1qjlwa8o1_500.gifv" alt=""></p>

<hr>

<h2 id="6-pink-circle-雷">6. Pink Circle – [@雷]</h2>

<p><img src="https://violaine.xyz/s/d2tLoKySXEsH4Cy/preview" alt="">
<img src="https://seaswallow.me/media/3b722b87b10ee28af897d43490b5ae265d483754f2a583e08abceb7a419db9e8.jpeg" alt="">
🖌 <a href="https://www.sartle.com/artwork/grey-blue-black-pink-circle-georgia-okeeffe" rel="nofollow">Georgia O’Keeffe</a></p>
]]></content:encoded>
      <guid>https://tale.violaine.xyz/melonella/cruise_themes</guid>
      <pubDate>Sat, 30 Apr 2022 03:48:32 +0000</pubDate>
    </item>
  </channel>
</rss>