nyuu.page

This is a static website generated using Hakyll. It doesn’t use client-side JavaScript. We are after all just serving text & are not tracking you, so, we found no need for it.

It’s made up of markdown files describing the content (that is: my blog posts, with lightweight/not-implementation-specific placeholders or tags for “show a simulated instant-messenger conversaion here” or whatever) & a Haskell program that ingests them and my theming info and spits out the completed website.

The placeholders are dealt with at build time via custom Pandoc transforms. Some excerpted features and the corresponding markup:

Card Previews

Hover to see card images (desktop only). Alt text contains full card data for accessibility.

☞ This post contains ✨on-hover card images✨, indicated by the hanafuda symbol 🎴, like so: Thalia, Guardian of ThrabenThalia, Guardian of Thraben {1}{W} - Legendary Creature — Human Soldier - First strike Noncreature spells cost {1} more to cast. - 2/1 ☜

Alt text contains card data for screen readers.

The generated HTML includes complete card data in the alt text:

<img class="card-image"
     src="../../images/cards/mtg/thalia-guardian-of-thraben.jpg"
     alt="Thalia, Guardian of Thraben {1}{W} - Legendary Creature
          — Human Soldier - First strike Noncreature spells cost
          {1} more to cast. - 2/1"
     loading="lazy">

Pokemon: CharizardCharizard - 120 HP - Fire - Energy Burn: As often as you like during your turn (before your attack), you may turn all Energy attached to Charizard into Fire Energy for the rest of the turn. This power can't be used if Charizard is Asleep, Confused, or Paralyzed. - Fire Spin [FireFireFireFire] 100: Discard 2 Energy cards attached to Charizard in order to use this attack. - Weakness: Water ×2 and MewtwoMewtwo - 60 HP - Psychic - Psychic [PsychicColorless] 10+: Does 10 damage plus 10 more damage for each Energy card attached to the Defending Pokémon. - Barrier [PsychicPsychic]: Discard 1 Psychic Energy card attached to Mewtwo in order to prevent all effects of attacks, including damage, done to Mewtwo during your opponent's next turn. - Weakness: Psychic ×2

[Charizard]{.card} and [Mewtwo]{.card}

Pokemon with set disambiguation: MewtwoMewtwo - 70 HP - Psychic - Energy Absorption [Psychic]: Choose up to 2 Energy cards from your discard pile and attach them to Mewtwo. - Psyburn [PsychicPsychicColorless] 40 - Weakness: Psychic ×2

[Mewtwo]{.card set="basep"}

Yu-Gi-Oh: Blue-Eyes White DragonBlue-Eyes White Dragon - Normal Monster (Dragon) [LIGHT] - Level 8 - ATK 3000 / DEF 2500 - This legendary dragon is a powerful engine of destruction. Virtually invincible, very few have faced this awesome creature and lived to tell the tale. and Dark MagicianDark Magician - Normal Monster (Spellcaster) [DARK] - Level 7 - ATK 2500 / DEF 2100 - ''The ultimate wizard in terms of attack and defense.''

MTG: Lightning AxeLightning Axe {R} - Instant - As an additional cost to cast this spell, discard a card or pay {5}. Lightning Axe deals 5 damage to target creature. and Arclight PhoenixArclight Phoenix {3}{R} - Creature — Phoenix - Flying, haste At the beginning of combat on your turn, if you've cast three or more instant and sorcery spells this turn, return this card from your graveyard to the battlefield. - 3/2

Name collisions: Some names exist in multiple games (both Yu-Gi-Oh and MTG have “Mountain”). When this happens, the default priority is MTG > Pokemon > Yu-Gi-Oh. Override with source:

  • MountainMountain - Spell Card (Field) - All Dragon, Winged Beast, and Thunder monsters on the field gain 200 ATK/DEF. (Yu-Gi-Oh)
  • MountainMountain - Basic Land — Mountain - ({T}: Add {R}.) (MTG)
* [Mountain]{.card source="yugioh"} (Yu-Gi-Oh)
* [Mountain]{.card source="mtg"} (MTG)

Chat Bubbles

Alice
Alice

Hey, have you seen the new site redesign?

Claude
Claude

Yeah! The widget system is really clean now.

Alice
Alice

The markdown syntax is so much simpler.

::: chat
@Alice[avatar-cool-user]: Hey, have you seen the new site redesign?

@Claude[avatar-chatbot]: Yeah! The widget system is really clean now.

@Alice[avatar-cool-user]: The markdown syntax is so much simpler.
:::

Forum Posts

This is what a forum post looks like. It has a sidebar with author information and a main content area.

The styling is inspired by old.reddit.com’s clean layout.

This is a reply. It’s indented to show conversation threading.

::: {.forum-post name="RedditUser" avatar="snoo-3" title="Site Admin" posts="9001"}
This is what a forum post looks like. It has a sidebar with author information and a main content area.

The styling is inspired by old.reddit.com's clean layout.
:::

::: {.forum-reply name="AutoModerator" avatar="robot" title="Bot" posts="999999"}
This is a reply. It's indented to show conversation threading.
:::

For a full reference of site widgets and features, see Site Features and Widgets.