<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Ichiro</title><description>The coolest writer</description><link>https://ichiroiscoolguy.cool/</link><language>en</language><item><title>Chapter 1 - A calm world for the ungrateful</title><link>https://ichiroiscoolguy.cool/posts/stories/bible-study-fanfiction/chapter-1/</link><guid isPermaLink="true">https://ichiroiscoolguy.cool/posts/stories/bible-study-fanfiction/chapter-1/</guid><description>Calm days are different in a war-torn world.</description><pubDate>Sat, 27 Jun 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;22 bullets.&lt;/p&gt;
&lt;p&gt;He picked up a broken gun from the ground, turning and twisting it. Still loaded. Released the magazine, took out the remaining bullets.&lt;/p&gt;
&lt;p&gt;32 bullets.&lt;/p&gt;
&lt;p&gt;Instead of keeping the gun, he threw it over the edge, down into what used to be a forest. Now it was just a barren valley, filled with all the rubble they had thrown down there, together with anything else that was broken. Some would call it a dumpster, but it wasn’t that bad. If there were still children living around here, they would probably use it as a playground. There were huge rocks which you could climb upon, jump to the next one, take a broken gun and play soldier.&lt;/p&gt;
&lt;p&gt;But there were no children here. So it was just a valley, which used to be a forest.&lt;/p&gt;
&lt;p&gt;Nothing more, nothing less.&lt;/p&gt;
&lt;p&gt;Today’s invasion had been harder. Lots of soldiers were being dropped upon them via helicopters and airplanes and since they didn’t have the ammunition to deal with aircrafts, they were limited to killing the soldiers on ground. It wasn’t always easy, but they managed to survive this battle like all the others.&lt;/p&gt;
&lt;p&gt;Casualties were now a part of their lives, but he had been so lucky to not lose any of his closer friends. Yet.&lt;/p&gt;
&lt;p&gt;He looked around for more bodies of enemy soldiers, but he had already looted all of them. Another team would come and bury the remains, so his job was done for today. He could return home.&lt;/p&gt;
&lt;p&gt;Or what else he could call it.&lt;/p&gt;
&lt;p&gt;Turning around, he started to ascend the hill, carrying his rifle over his shoulder and making sure not to trip. Most of the grass and earth was burnt, making it hard for him to find purchase, but he somehow made it. He had to.&lt;/p&gt;
&lt;p&gt;He took a shortcut through the remains of the third building, which he had known pretty well. Some time ago, he used to study here, visiting this area five times a week, 30 hours a week. One never realizes how much one can get used to something, until it is gone.&lt;/p&gt;
&lt;p&gt;The FH 3, the building that used to stand here, had been reduced to mere rubbles. Even the modern structure hadn’t been able to withstand the power of a nuke or two. The computers, the chairs, the tables, everything had been burned and reduced to ash. Now there were only sorry remains of a once tall and beautiful building.&lt;/p&gt;
&lt;p&gt;He stopped for a second and took a breath, when he reached some kind of wall made out of rubble and metal. He lifted his hand and waved to a person standing inside of the building, where the wall had been broken, thus allowing the person to jump down if he pleased. The person acknowledged his action and gave him a thumbs up, thus allowing him to proceed further. Climbing over the wall, he was greeted by the only building that had somehow survived the bombs.&lt;/p&gt;
&lt;p&gt;Just as he was stepping under the building inside the shade, he was greeted by yet another person going towards him, calling his name.&lt;/p&gt;
&lt;p&gt;“Stephan!”&lt;/p&gt;
&lt;p&gt;He knew the approaching person well. It was kind of calming to see a familiar face every now and then.&lt;/p&gt;
&lt;p&gt;“Oliver,” he acknowledged the smaller man. The glasses, the brownish hair and the beard were something one could never ignore. Especially the mismatching colours…&lt;/p&gt;
&lt;p&gt;“Back from the battlefield? And, found any top-secret plans? Maybe their self-programmed version of a DOM parser? I could use some frustration trying to decode their code”, the man jokingly said. He definitely wasn’t serious, but how could one stay serious all the time in this kind of situation?&lt;/p&gt;
&lt;p&gt;“Some bullets and a really fancy hat, but no USB with a DOM parser. Sorry, Oliver,” he calmly replied and cracked his neck.
“I would really prefer a good cup of coffee right now,” he mumbled to himself, thinking back to a time when he still had the material and the time for that. But those days were gone… just like someone he knew.&lt;/p&gt;
&lt;p&gt;“Figured. Well, if you need a good laugh, look at the proposed plans of the ‘Chief’. Honestly, who put him in charge?” Oliver sighed and pointed to the double doors, which used to be glass doors, but due to the explosions, all of it had been shattered. Now they were patched up with some wooden planks. Notes were usually being hammered onto them whenever a new decision had been made.&lt;/p&gt;
&lt;p&gt;Stephan approached the doors, looking for a new sheet of paper he hadn’t seen. There were actually a lot of others: Information regarding meetings, a memorial for the lost people, which people belong to which group, some kind of menu for the week, and some kind of Impediment Backlog for any problems.&lt;/p&gt;
&lt;p&gt;The new paper was hanging on the top left, a pretty bad place to hang something, since short people had a hard time reading that. He didn’t have that problem, but he knew someone who would.&lt;/p&gt;
&lt;p&gt;There were plans for leaving the town and sending people to scavenge in the other cities. Most towns had been evacuated after the first bombs hit, so the only people living around these parts were them and some who refused to leave.&lt;/p&gt;
&lt;p&gt;The only reason why soldiers were being sent here was that they kept refusing to bow to the invaders. Seemed pretty cliché. Well, it wasn’t so cliché that Austria was being bombarded and attacked all the time, while the rest of the European union didn’t do a thing to help them. It was true that they were also being attacked, but not as bad as Austria. The whole situation was messy and confusing, and even they didn’t know what was happening or who was attacking.&lt;/p&gt;
&lt;p&gt;The only things they knew were the following: Some nation dropped bombs on Austria and was now sending soldiers to destroy and occupy them, but there was also war happening in the other European countries. Radio and television were no longer running, just like the internet – so it was basically impossible to find out what really was happening. Even electricity was scarce nowadays. This whole situation wasn’t that much different from any 08/15 dystopian war novel.&lt;/p&gt;
&lt;p&gt;They had spent the last few months just trying to build a base here, since it was extremely dangerous to roam outside the cities. Most of the forests had been destroyed by bombs and fires, thus making it hard to hide from enemy scouts.&lt;/p&gt;
&lt;p&gt;However, there was one thing that allowed them to defend the base from following bombs that the enemies were dropping on them.&lt;/p&gt;
&lt;p&gt;It was one certain thing, that was triggered inside of them during the first attack. One thing he himself was able to do, but not many others.&lt;/p&gt;
&lt;p&gt;Shortly after the first bombs had fallen, he was patrolling nearby, when three enemy soldiers ambushed him. He was able to flee behind some rubble, but still got hit in the shoulder by a shot. The pain made his sight blurry and his aim shaky. He wasn’t able to hit anything in this condition, and the enemies knew. They were approaching him, only a few metres between them, when the final thought of dying hit him.&lt;/p&gt;
&lt;p&gt;He was about to die. Probably a slow death, as they would take their time with him.&lt;/p&gt;
&lt;p&gt;The thought of dying like this triggered it.&lt;/p&gt;
&lt;p&gt;The first soldier finally jumped over the rubble, aiming at him with a grin, only for his head to implode into tiny bits.&lt;/p&gt;
&lt;p&gt;Milliseconds passed, in which the second and third soldiers only had begun to realize that their companion had been killed, before it happened again.&lt;/p&gt;
&lt;p&gt;It wasn’t their heads that were exploding. It was a bullet with an unimageable force that was destroying them, shot by a shaking rifle, but never missing its target.&lt;/p&gt;
&lt;p&gt;He had the ability to hit any target with his bullets, no matter the condition.&lt;/p&gt;
&lt;p&gt;The first time it happened, he said it was luck. The second time, it was per pure chance. The third time, he began to wonder how he had been able to hit the sniper hidden between rubble through a tiny crack.&lt;/p&gt;
&lt;p&gt;And with the fourth time, he realized that some of his friends had their own abilities as well.&lt;/p&gt;
&lt;p&gt;Whatever had happened that day when the first bomb had fallen – something had changed inside of them, giving them powers beyond imagination.&lt;/p&gt;
&lt;p&gt;And sometimes, when he was about to fall asleep, a tiny, lost memory would appear before his eyes, the memory of a person surrounded by burning corpses, wielding some kind of power like all of them, but long before they had encountered it.&lt;/p&gt;
&lt;p&gt;Slowly, he came back to reality, shaking his head and forfeiting the trail of memories he had been following. There was no time to get lost in the past.&lt;/p&gt;
&lt;p&gt;Again, he looked at the announcement. The Chief had already chosen some groups which were to explore the area and find out what had triggered all of this tragedy.&lt;/p&gt;
&lt;p&gt;He slowly looked at the short list of groups. Only four had been chosen, each having been assigned to one cardinal point.&lt;/p&gt;
&lt;p&gt;West – Group 2, the Drunken Heroes.&lt;/p&gt;
&lt;p&gt;East – Group 9, the Lost Memory Drive.&lt;/p&gt;
&lt;p&gt;North – Group 11,  the Stack Overflow.&lt;/p&gt;
&lt;p&gt;He was still grimacing over those bad group names, when he reached the group assigned to the South. Group 7.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;The Bible Study Group.&lt;/em&gt;&lt;/p&gt;
</content:encoded></item><item><title>HELP ME</title><link>https://ichiroiscoolguy.cool/posts/stories/dummy/</link><guid isPermaLink="true">https://ichiroiscoolguy.cool/posts/stories/dummy/</guid><description>HUH</description><pubDate>Thu, 25 Jun 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;MAH&lt;/p&gt;
</content:encoded></item><item><title>Chapter 0 - The white noise, suppressing your memories</title><link>https://ichiroiscoolguy.cool/posts/stories/bible-study-fanfiction/prologue/</link><guid isPermaLink="true">https://ichiroiscoolguy.cool/posts/stories/bible-study-fanfiction/prologue/</guid><description>The Prologue of the Bible Study Group&apos;s fanfiction.</description><pubDate>Wed, 24 Jun 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;&lt;em&gt;Agonizing, unbearable pain. Aching bones, the feeling of being crushed alive. A thousand needles constantly being pinched inside your head, over and over again. Hot, burning blood, colouring your world completely red.&lt;/em&gt;
&lt;em&gt;How did this happen?&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;White noise filled his head, while he was still trying to keep his mind focused. He tried lifting his body, but slowly realized that his lower part had been crushed by rubble. His consciousness was barely there, which was why he couldn’t feel the pain. It was some kind of luck.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;As he slowly looked around him, he started to recognize familiar faces, some of which were nearly unrecognizable.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Crushed under a pillar lay one of his colleagues, his ginger beard not being the only thing that was coloured in a tone of red. He was still breathing, but not awake. The first explosion had been near him, probably knocking him through the glass of the building next to him. Shards were still around him, but also sticking out of various regions of his body.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;The pain was probably unimaginable.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Not far to the left of his first colleague lay another one. Tall, but skinny, with brown hair, which was darker than usual, due to the amount of blood that was still leaking from his head. He could see him twitch and try to lift himself up, but the huge glass shards inside his legs were probably keeping him from doing that. But he was still alive.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;The white noise was slowly fading away, only for him to hear the agonized pants of a familiar voice to his far left.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;The woman laying there was trying her best to just breath and not lose consciousness. Part of her body had been burned severely when the first bomb detonated next to them. She had been one of the many people who weren’t able to hide behind a pillar or a wall. Now she was probably the only one who had survived this ordeal – at least now. Her glasses were gone, probably part of all the shards and sharp pieces laying all around them. Her brown hair was now short, as part of it had been burned with the first detonation.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;His own sight started to become blurry again. His crushed body started to overwhelm him with pain, coming from every muscle and every bone he had – and there was also the hot blood that was still flowing out of his injury on his head, covering half his face. Breathing became harder, shorter, more uncoordinated. He wanted to scream and cry, but his voice was gone. All he could do was to endure the pain, slowly losing consciousness.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Amidst the rubble and the bodies, he could see one person stand upright, hurt like everyone else, but so different.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;The person turned around, returning his gaze.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;A cracked smile and a crushed soul were the last things he saw. Then darkness came and put him to sleep.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;The ordeal had begun.&lt;/em&gt;&lt;/p&gt;
</content:encoded></item><item><title>Test</title><link>https://ichiroiscoolguy.cool/posts/test/</link><guid isPermaLink="true">https://ichiroiscoolguy.cool/posts/test/</guid><description>How testing works</description><pubDate>Mon, 22 Jun 2026 00:00:00 GMT</pubDate><content:encoded>&lt;h1&gt;This is an attempt at testing&lt;/h1&gt;
&lt;p&gt;Some test or something what do I know?&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;---
title: Test
published: 2026-6-22
tags: [Markdown, Blogging, Demo]
category: Examples
draft: false
---&lt;/code&gt;&lt;/pre&gt;
</content:encoded></item><item><title>Markdown Extended Features</title><link>https://ichiroiscoolguy.cool/posts/markdown-extended/</link><guid isPermaLink="true">https://ichiroiscoolguy.cool/posts/markdown-extended/</guid><description>Read more about Markdown features in Fuwari</description><pubDate>Wed, 01 May 2024 00:00:00 GMT</pubDate><content:encoded>&lt;h2&gt;GitHub Repository Cards&lt;/h2&gt;
&lt;p&gt;You can add dynamic cards that link to GitHub repositories, on page load, the repository information is pulled from the GitHub API.&lt;/p&gt;
&lt;p&gt;::github{repo=&quot;Fabrizz/MMM-OnSpotify&quot;}&lt;/p&gt;
&lt;p&gt;Create a GitHub repository card with the code &lt;code&gt;::github{repo=&quot;&amp;lt;owner&amp;gt;/&amp;lt;repo&amp;gt;&quot;}&lt;/code&gt;.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;::github{repo=&quot;saicaca/fuwari&quot;}
&lt;/code&gt;&lt;/pre&gt;
&lt;h2&gt;Admonitions&lt;/h2&gt;
&lt;p&gt;Following types of admonitions are supported: &lt;code&gt;note&lt;/code&gt; &lt;code&gt;tip&lt;/code&gt; &lt;code&gt;important&lt;/code&gt; &lt;code&gt;warning&lt;/code&gt; &lt;code&gt;caution&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;:::note
Highlights information that users should take into account, even when skimming.
:::&lt;/p&gt;
&lt;p&gt;:::tip
Optional information to help a user be more successful.
:::&lt;/p&gt;
&lt;p&gt;:::important
Crucial information necessary for users to succeed.
:::&lt;/p&gt;
&lt;p&gt;:::warning
Critical content demanding immediate user attention due to potential risks.
:::&lt;/p&gt;
&lt;p&gt;:::caution
Negative potential consequences of an action.
:::&lt;/p&gt;
&lt;h3&gt;Basic Syntax&lt;/h3&gt;
&lt;pre&gt;&lt;code&gt;:::note
Highlights information that users should take into account, even when skimming.
:::

:::tip
Optional information to help a user be more successful.
:::
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;Custom Titles&lt;/h3&gt;
&lt;p&gt;The title of the admonition can be customized.&lt;/p&gt;
&lt;p&gt;:::note[MY CUSTOM TITLE]
This is a note with a custom title.
:::&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;:::note[MY CUSTOM TITLE]
This is a note with a custom title.
:::
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;GitHub Syntax&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;[!TIP]
&lt;a href=&quot;https://github.com/orgs/community/discussions/16925&quot;&gt;The GitHub syntax&lt;/a&gt; is also supported.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;&amp;gt; [!NOTE]
&amp;gt; The GitHub syntax is also supported.

&amp;gt; [!TIP]
&amp;gt; The GitHub syntax is also supported.
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;Spoiler&lt;/h3&gt;
&lt;p&gt;You can add spoilers to your text. The text also supports &lt;strong&gt;Markdown&lt;/strong&gt; syntax.&lt;/p&gt;
&lt;p&gt;The content :spoiler[is hidden &lt;strong&gt;ayyy&lt;/strong&gt;]!&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;The content :spoiler[is hidden **ayyy**]!

&lt;/code&gt;&lt;/pre&gt;
</content:encoded></item><item><title>Expressive Code Example</title><link>https://ichiroiscoolguy.cool/posts/expressive-code/</link><guid isPermaLink="true">https://ichiroiscoolguy.cool/posts/expressive-code/</guid><description>How code blocks look in Markdown using Expressive Code.</description><pubDate>Wed, 10 Apr 2024 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Here, we&apos;ll explore how code blocks look using &lt;a href=&quot;https://expressive-code.com/&quot;&gt;Expressive Code&lt;/a&gt;. The provided examples are based on the official documentation, which you can refer to for further details.&lt;/p&gt;
&lt;h2&gt;Expressive Code&lt;/h2&gt;
&lt;h3&gt;Syntax Highlighting&lt;/h3&gt;
&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/key-features/syntax-highlighting/&quot;&gt;Syntax Highlighting&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;Regular syntax highlighting&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;console.log(&apos;This code is syntax highlighted!&apos;)
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Rendering ANSI escape sequences&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;ANSI colors:
- Regular: [31mRed[0m [32mGreen[0m [33mYellow[0m [34mBlue[0m [35mMagenta[0m [36mCyan[0m
- Bold:    [1;31mRed[0m [1;32mGreen[0m [1;33mYellow[0m [1;34mBlue[0m [1;35mMagenta[0m [1;36mCyan[0m
- Dimmed:  [2;31mRed[0m [2;32mGreen[0m [2;33mYellow[0m [2;34mBlue[0m [2;35mMagenta[0m [2;36mCyan[0m

256 colors (showing colors 160-177):
[38;5;160m160 [38;5;161m161 [38;5;162m162 [38;5;163m163 [38;5;164m164 [38;5;165m165[0m
[38;5;166m166 [38;5;167m167 [38;5;168m168 [38;5;169m169 [38;5;170m170 [38;5;171m171[0m
[38;5;172m172 [38;5;173m173 [38;5;174m174 [38;5;175m175 [38;5;176m176 [38;5;177m177[0m

Full RGB colors:
[38;2;34;139;34mForestGreen - RGB(34, 139, 34)[0m

Text formatting: [1mBold[0m [2mDimmed[0m [3mItalic[0m [4mUnderline[0m
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;Editor &amp;amp; Terminal Frames&lt;/h3&gt;
&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/key-features/frames/&quot;&gt;Editor &amp;amp; Terminal Frames&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;Code editor frames&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;console.log(&apos;Title attribute example&apos;)
&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;pre&gt;&lt;code&gt;&amp;lt;!-- src/content/index.html --&amp;gt;
&amp;lt;div&amp;gt;File name comment example&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Terminal frames&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;echo &quot;This terminal frame has no title&quot;
&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;pre&gt;&lt;code&gt;Write-Output &quot;This one has a title!&quot;
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Overriding frame types&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;echo &quot;Look ma, no frame!&quot;
&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;pre&gt;&lt;code&gt;# Without overriding, this would be a terminal frame
function Watch-Tail { Get-Content -Tail 20 -Wait $args }
New-Alias tail Watch-Tail
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;Text &amp;amp; Line Markers&lt;/h3&gt;
&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/key-features/text-markers/&quot;&gt;Text &amp;amp; Line Markers&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;Marking full lines &amp;amp; line ranges&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;// Line 1 - targeted by line number
// Line 2
// Line 3
// Line 4 - targeted by line number
// Line 5
// Line 6
// Line 7 - targeted by range &quot;7-8&quot;
// Line 8 - targeted by range &quot;7-8&quot;
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Selecting line marker types (mark, ins, del)&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;function demo() {
  console.log(&apos;this line is marked as deleted&apos;)
  // This line and the next one are marked as inserted
  console.log(&apos;this is the second inserted line&apos;)

  return &apos;this line uses the neutral default marker type&apos;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Adding labels to line markers&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;// labeled-line-markers.jsx
&amp;lt;button
  role=&quot;button&quot;
  {...props}
  value={value}
  className={buttonClassName}
  disabled={disabled}
  active={active}
&amp;gt;
  {children &amp;amp;&amp;amp;
    !active &amp;amp;&amp;amp;
    (typeof children === &apos;string&apos; ? &amp;lt;span&amp;gt;{children}&amp;lt;/span&amp;gt; : children)}
&amp;lt;/button&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Adding long labels on their own lines&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;// labeled-line-markers.jsx
&amp;lt;button
  role=&quot;button&quot;
  {...props}

  value={value}
  className={buttonClassName}

  disabled={disabled}
  active={active}
&amp;gt;

  {children &amp;amp;&amp;amp;
    !active &amp;amp;&amp;amp;
    (typeof children === &apos;string&apos; ? &amp;lt;span&amp;gt;{children}&amp;lt;/span&amp;gt; : children)}
&amp;lt;/button&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Using diff-like syntax&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;+this line will be marked as inserted
-this line will be marked as deleted
this is a regular line
&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;pre&gt;&lt;code&gt;--- a/README.md
+++ b/README.md
@@ -1,3 +1,4 @@
+this is an actual diff file
-all contents will remain unmodified
 no whitespace will be removed either
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Combining syntax highlighting with diff-like syntax&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;  function thisIsJavaScript() {
    // This entire block gets highlighted as JavaScript,
    // and we can still add diff markers to it!
-   console.log(&apos;Old code to be removed&apos;)
+   console.log(&apos;New and shiny code!&apos;)
  }
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Marking individual text inside lines&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;function demo() {
  // Mark any given text inside lines
  return &apos;Multiple matches of the given text are supported&apos;;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Regular expressions&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;console.log(&apos;The words yes and yep will be marked.&apos;)
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Escaping forward slashes&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;echo &quot;Test&quot; &amp;gt; /home/test.txt
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Selecting inline marker types (mark, ins, del)&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;function demo() {
  console.log(&apos;These are inserted and deleted marker types&apos;);
  // The return statement uses the default marker type
  return true;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;Word Wrap&lt;/h3&gt;
&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/key-features/word-wrap/&quot;&gt;Word Wrap&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;Configuring word wrap per block&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;// Example with wrap
function getLongString() {
  return &apos;This is a very long string that will most probably not fit into the available space unless the container is extremely wide&apos;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;pre&gt;&lt;code&gt;// Example with wrap=false
function getLongString() {
  return &apos;This is a very long string that will most probably not fit into the available space unless the container is extremely wide&apos;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Configuring indentation of wrapped lines&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;// Example with preserveIndent (enabled by default)
function getLongString() {
  return &apos;This is a very long string that will most probably not fit into the available space unless the container is extremely wide&apos;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;pre&gt;&lt;code&gt;// Example with preserveIndent=false
function getLongString() {
  return &apos;This is a very long string that will most probably not fit into the available space unless the container is extremely wide&apos;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;h2&gt;Collapsible Sections&lt;/h2&gt;
&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/plugins/collapsible-sections/&quot;&gt;Collapsible Sections&lt;/a&gt;&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;// All this boilerplate setup code will be collapsed
import { someBoilerplateEngine } from &apos;@example/some-boilerplate&apos;
import { evenMoreBoilerplate } from &apos;@example/even-more-boilerplate&apos;

const engine = someBoilerplateEngine(evenMoreBoilerplate())

// This part of the code will be visible by default
engine.doSomething(1, 2, 3, calcFn)

function calcFn() {
  // You can have multiple collapsed sections
  const a = 1
  const b = 2
  const c = a + b

  // This will remain visible
  console.log(`Calculation result: ${a} + ${b} = ${c}`)
  return c
}

// All this code until the end of the block will be collapsed again
engine.closeConnection()
engine.freeMemory()
engine.shutdown({ reason: &apos;End of example boilerplate code&apos; })
&lt;/code&gt;&lt;/pre&gt;
&lt;h2&gt;Line Numbers&lt;/h2&gt;
&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/plugins/line-numbers/&quot;&gt;Line Numbers&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;Displaying line numbers per block&lt;/h3&gt;
&lt;pre&gt;&lt;code&gt;// This code block will show line numbers
console.log(&apos;Greetings from line 2!&apos;)
console.log(&apos;I am on line 3&apos;)
&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;pre&gt;&lt;code&gt;// Line numbers are disabled for this block
console.log(&apos;Hello?&apos;)
console.log(&apos;Sorry, do you know what line I am on?&apos;)
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;Changing the starting line number&lt;/h3&gt;
&lt;pre&gt;&lt;code&gt;console.log(&apos;Greetings from line 5!&apos;)
console.log(&apos;I am on line 6&apos;)
&lt;/code&gt;&lt;/pre&gt;
</content:encoded></item><item><title>Simple Guides for Fuwari</title><link>https://ichiroiscoolguy.cool/posts/guide/</link><guid isPermaLink="true">https://ichiroiscoolguy.cool/posts/guide/</guid><description>How to use this blog template.</description><pubDate>Mon, 01 Apr 2024 00:00:00 GMT</pubDate><content:encoded>&lt;blockquote&gt;
&lt;p&gt;Cover image source: &lt;a href=&quot;https://image.civitai.com/xG1nkqKTMzGDvpLrqFT7WA/208fc754-890d-4adb-9753-2c963332675d/width=2048/01651-1456859105-(colour_1.5),girl,_Blue,yellow,green,cyan,purple,red,pink,_best,8k,UHD,masterpiece,male%20focus,%201boy,gloves,%20ponytail,%20long%20hair,.jpeg&quot;&gt;Source&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;This blog template is built with &lt;a href=&quot;https://astro.build/&quot;&gt;Astro&lt;/a&gt;. For the things that are not mentioned in this guide, you may find the answers in the &lt;a href=&quot;https://docs.astro.build/&quot;&gt;Astro Docs&lt;/a&gt;.&lt;/p&gt;
&lt;h2&gt;Front-matter of Posts&lt;/h2&gt;
&lt;pre&gt;&lt;code&gt;---
title: My First Blog Post
published: 2023-09-09
description: This is the first post of my new Astro blog.
image: ./cover.jpg
tags: [Foo, Bar]
category: Front-end
draft: false
---
&lt;/code&gt;&lt;/pre&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Attribute&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;title&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;The title of the post.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;published&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;The date the post was published.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;description&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;A short description of the post. Displayed on index page.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;image&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;The cover image path of the post.&amp;lt;br/&amp;gt;1. Start with &lt;code&gt;http://&lt;/code&gt; or &lt;code&gt;https://&lt;/code&gt;: Use web image&amp;lt;br/&amp;gt;2. Start with &lt;code&gt;/&lt;/code&gt;: For image in &lt;code&gt;public&lt;/code&gt; dir&amp;lt;br/&amp;gt;3. With none of the prefixes: Relative to the markdown file&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;tags&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;The tags of the post.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;category&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;The category of the post.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;draft&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;If this post is still a draft, which won&apos;t be displayed.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;h2&gt;Where to Place the Post Files&lt;/h2&gt;
&lt;p&gt;Your post files should be placed in &lt;code&gt;src/content/posts/&lt;/code&gt; directory. You can also create sub-directories to better organize your posts and assets.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;src/content/posts/
├── post-1.md
└── post-2/
    ├── cover.png
    └── index.md
&lt;/code&gt;&lt;/pre&gt;
</content:encoded></item><item><title>Markdown Example</title><link>https://ichiroiscoolguy.cool/posts/markdown/</link><guid isPermaLink="true">https://ichiroiscoolguy.cool/posts/markdown/</guid><description>A simple example of a Markdown blog post.</description><pubDate>Sun, 01 Oct 2023 00:00:00 GMT</pubDate><content:encoded>&lt;h1&gt;An h1 header&lt;/h1&gt;
&lt;p&gt;Paragraphs are separated by a blank line.&lt;/p&gt;
&lt;p&gt;2nd paragraph. &lt;em&gt;Italic&lt;/em&gt;, &lt;strong&gt;bold&lt;/strong&gt;, and &lt;code&gt;monospace&lt;/code&gt;. Itemized lists
look like:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;this one&lt;/li&gt;
&lt;li&gt;that one&lt;/li&gt;
&lt;li&gt;the other one&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Note that --- not considering the asterisk --- the actual text
content starts at 4-columns in.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Block quotes are
written like so.&lt;/p&gt;
&lt;p&gt;They can span multiple paragraphs,
if you like.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., &quot;it&apos;s all
in chapters 12--14&quot;). Three dots ... will be converted to an ellipsis.
Unicode is supported. ☺&lt;/p&gt;
&lt;h2&gt;An h2 header&lt;/h2&gt;
&lt;p&gt;Here&apos;s a numbered list:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;first item&lt;/li&gt;
&lt;li&gt;second item&lt;/li&gt;
&lt;li&gt;third item&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Note again how the actual text starts at 4 columns in (4 characters
from the left side). Here&apos;s a code sample:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;# Let me re-iterate ...
for i in 1 .. 10 { do-something(i) }
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;As you probably guessed, indented 4 spaces. By the way, instead of
indenting the block, you can use delimited blocks, if you like:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;define foobar() {
    print &quot;Welcome to flavor country!&quot;;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;(which makes copying &amp;amp; pasting easier). You can optionally mark the
delimited block for Pandoc to syntax highlight it:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;import time
# Quick, count to ten!
for i in range(10):
    # (but not *too* quick)
    time.sleep(0.5)
    print i
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;An h3 header&lt;/h3&gt;
&lt;p&gt;Now a nested list:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;First, get these ingredients:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;carrots&lt;/li&gt;
&lt;li&gt;celery&lt;/li&gt;
&lt;li&gt;lentils&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Boil some water.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Dump everything in the pot and follow
this algorithm:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt; find wooden spoon
 uncover pot
 stir
 cover pot
 balance wooden spoon precariously on pot handle
 wait 10 minutes
 goto first step (or shut off burner when done)
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Do not bump wooden spoon or it will fall.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Notice again how text always lines up on 4-space indents (including
that last line which continues item 3 above).&lt;/p&gt;
&lt;p&gt;Here&apos;s a link to &lt;a href=&quot;http://foo.bar&quot;&gt;a website&lt;/a&gt;, to a &lt;a href=&quot;local-doc.html&quot;&gt;local
doc&lt;/a&gt;, and to a &lt;a href=&quot;#an-h2-header&quot;&gt;section heading in the current
doc&lt;/a&gt;. Here&apos;s a footnote [^1].&lt;/p&gt;
&lt;p&gt;[^1]: Footnote text goes here.&lt;/p&gt;
&lt;p&gt;Tables can look like this:&lt;/p&gt;
&lt;p&gt;size material color&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;9 leather brown
10 hemp canvas natural
11 glass transparent&lt;/p&gt;
&lt;p&gt;Table: Shoes, their sizes, and what they&apos;re made of&lt;/p&gt;
&lt;p&gt;(The above is the caption for the table.) Pandoc also supports
multi-line tables:&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;keyword text&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;red Sunsets, apples, and
other red or reddish
things.&lt;/p&gt;
&lt;p&gt;green Leaves, grass, frogs
and other things it&apos;s
not easy being.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;A horizontal rule follows.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;Here&apos;s a definition list:&lt;/p&gt;
&lt;p&gt;apples
: Good for making applesauce.
oranges
: Citrus!
tomatoes
: There&apos;s no &quot;e&quot; in tomatoe.&lt;/p&gt;
&lt;p&gt;Again, text is indented 4 spaces. (Put a blank line between each
term/definition pair to spread things out more.)&lt;/p&gt;
&lt;p&gt;Here&apos;s a &quot;line block&quot;:&lt;/p&gt;
&lt;p&gt;| Line one
| Line too
| Line tree&lt;/p&gt;
&lt;p&gt;and images can be specified like so:&lt;/p&gt;
&lt;p&gt;Inline math equations go in like so: $\omega = d\phi / dt$. Display
math should get its own line and be put in in double-dollarsigns:&lt;/p&gt;
&lt;p&gt;$$I = \int \rho R^{2} dV$$&lt;/p&gt;
&lt;p&gt;$$
\begin{equation*}
\pi
=3.1415926535
;8979323846;2643383279;5028841971;6939937510;5820974944
;5923078164;0628620899;8628034825;3421170679;\ldots
\end{equation*}
$$&lt;/p&gt;
&lt;p&gt;And note that you can backslash-escape any punctuation characters
which you wish to be displayed literally, ex.: `foo`, *bar*, etc.&lt;/p&gt;
</content:encoded></item><item><title>Include Video in the Posts</title><link>https://ichiroiscoolguy.cool/posts/video/</link><guid isPermaLink="true">https://ichiroiscoolguy.cool/posts/video/</guid><description>This post demonstrates how to include embedded video in a blog post.</description><pubDate>Tue, 01 Aug 2023 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Just copy the embed code from YouTube or other platforms, and paste it in the markdown file.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;---
title: Include Video in the Post
published: 2023-10-19
// ...
---

&amp;lt;iframe width=&quot;100%&quot; height=&quot;468&quot; src=&quot;https://www.youtube.com/embed/5gIf0_xpFPI?si=N1WTorLKL0uwLsU_&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;h2&gt;YouTube&lt;/h2&gt;
&lt;p&gt;&amp;lt;iframe width=&quot;100%&quot; height=&quot;468&quot; src=&quot;https://www.youtube.com/embed/5gIf0_xpFPI?si=N1WTorLKL0uwLsU_&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/p&gt;
&lt;h2&gt;Bilibili&lt;/h2&gt;
&lt;p&gt;&amp;lt;iframe width=&quot;100%&quot; height=&quot;468&quot; src=&quot;//player.bilibili.com/player.html?bvid=BV1fK4y1s7Qf&amp;amp;p=1&quot; scrolling=&quot;no&quot; border=&quot;0&quot; frameborder=&quot;no&quot; framespacing=&quot;0&quot; allowfullscreen=&quot;true&quot;&amp;gt; &amp;lt;/iframe&amp;gt;&lt;/p&gt;
</content:encoded></item><item><title>Draft Example</title><link>https://ichiroiscoolguy.cool/posts/draft/</link><guid isPermaLink="true">https://ichiroiscoolguy.cool/posts/draft/</guid><pubDate>Fri, 01 Jul 2022 00:00:00 GMT</pubDate><content:encoded>&lt;h1&gt;This Article is a Draft&lt;/h1&gt;
&lt;p&gt;This article is currently in a draft state and is not published. Therefore, it will not be visible to the general audience. The content is still a work in progress and may require further editing and review.&lt;/p&gt;
&lt;p&gt;When the article is ready for publication, you can update the &quot;draft&quot; field to &quot;false&quot; in the Frontmatter:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;---
title: Draft Example
published: 2024-01-11T04:40:26.381Z
tags: [Markdown, Blogging, Demo]
category: Examples
draft: false
---&lt;/code&gt;&lt;/pre&gt;
</content:encoded></item></channel></rss>