Refactor A Summer's End shrine pages with shortcodes and markdown-it plugins

This commit is contained in:
Helen Chong 2024-05-07 11:58:34 +08:00
parent c17cd5ec11
commit 9f0a3e6b01
5 changed files with 29 additions and 35 deletions

View File

@ -4,7 +4,7 @@
<subtitle>Leilukin&#39;s personal website.</subtitle> <subtitle>Leilukin&#39;s personal website.</subtitle>
<link href="https://leilukin.neocities.org/feed.xml" rel="self"/> <link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
<link href="https://leilukin.neocities.org"/> <link href="https://leilukin.neocities.org"/>
<updated>2024-05-07T03:52:17Z</updated> <updated>2024-05-07T03:57:31Z</updated>
<id>https://leilukin.neocities.org</id> <id>https://leilukin.neocities.org</id>
<author> <author>
<name>Leilukin</name> <name>Leilukin</name>

View File

@ -278,7 +278,7 @@
<div class="content "> <div class="content ">
<p><cite>A Summers End — Hong Kong 1986</cite> was lovingly crafted by its developer Oracle and Bone with gorgeous art, so i want to make a page dedicated to my appreciation for the visual novels art.</p> <p><cite>A Summers End — Hong Kong 1986</cite> was lovingly crafted by its developer Oracle and Bone with gorgeous art, so i want to make a page dedicated to my appreciation for the visual novels art.</p>
<p>The game has an in-game gallery that gradually unlocks as you progress the story, though certain scene art only unlocks if you pick certain dialogue options. Check out <a href="https://steamcommunity.com/sharedfiles/filedetails/?id=2072736837">Dialog Choices Guide (AKA Lesbianism 101)</a> on Steam for how to unlock all scenes, and thus the entire in-game gallery.</p> <p>The game has an in-game gallery that gradually unlocks as you progress the story, though certain scene art only unlocks if you pick certain dialogue options. Check out <a href="https://steamcommunity.com/sharedfiles/filedetails/?id=2072736837">Dialog Choices Guide (AKA Lesbianism 101)</a> on Steam for how to unlock all scenes, and thus the entire in-game gallery.</p>
<p>I also highly recommend checking out the <a href="https://www.asummersend.com/">official site</a> of A Summers End and the social media accounts of Oracle and Bone's for more beauriful art about the visual novel!</p> <p>I also highly recommend checking out the <a href="https://www.asummersend.com/">official site</a> of <cite>A Summers End</cite> and the social media accounts of Oracle and Bone's for more beauriful art about the visual novel!</p>
<div class="heading-wrapper h2"> <div class="heading-wrapper h2">
<h2 id="in-game-screenshots">In-Game Screenshots</h2> <h2 id="in-game-screenshots">In-Game Screenshots</h2>
<a class="heading-anchor" href="#in-game-screenshots" aria-labelledby="in-game-screenshots"><span hidden>#</span></a></div> <a class="heading-anchor" href="#in-game-screenshots" aria-labelledby="in-game-screenshots"><span hidden>#</span></a></div>

View File

@ -358,21 +358,19 @@
<div class="content "> <div class="content ">
<p>Here is a collection of trivia about the characters from <cite>A Summers End — Hong Kong 1986</cite> provided by the developer Oracle and Bone on their social media pages, especially <a href="https://oracleandbone.tumblr.com/">Tumblr</a>.</p> <p>Here is a collection of trivia about the characters from <cite>A Summers End — Hong Kong 1986</cite> provided by the developer Oracle and Bone on their social media pages, especially <a href="https://oracleandbone.tumblr.com/" target="_blank">Tumblr</a>.</p>
<hr>
<div class="heading-wrapper h2"> <div class="heading-wrapper h2">
<h2 id="movies-and-music-references">Movies and Music References</h2> <h2 id="movies-and-music-references">Movies and Music References</h2>
<a class="heading-anchor" href="#movies-and-music-references" aria-labelledby="movies-and-music-references"><span hidden>#</span></a></div> <a class="heading-anchor" href="#movies-and-music-references" aria-labelledby="movies-and-music-references"><span hidden>#</span></a></div>
<p>A Summers End contains many references to movies and music. This community post on Steam compiles a list of the movie and music references made in the game. Please be aware it contains spoilers!</p> <p>A Summers End contains many references to movies and music. This community post on Steam compiles a list of the movie and music references made in the game. Please be aware it contains spoilers!</p>
<p><a href="https://steamcommunity.com/sharedfiles/filedetails/?id=2213828067">Movies and Music in A Summers End Hong Kong 1986</a></p> <p><a href="https://steamcommunity.com/sharedfiles/filedetails/?id=2213828067">Movies and Music in A Summers End Hong Kong 1986</a></p>
<hr>
<div class="heading-wrapper h2"> <div class="heading-wrapper h2">
<h2 id="character-trivia">Character Trivia</h2> <h2 id="character-trivia">Character Trivia</h2>
<a class="heading-anchor" href="#character-trivia" aria-labelledby="character-trivia"><span hidden>#</span></a></div> <a class="heading-anchor" href="#character-trivia" aria-labelledby="character-trivia"><span hidden>#</span></a></div>
<div class="heading-wrapper h3"> <div class="heading-wrapper h3">
<h3 id="chinese-names">Chinese Names</h3> <h3 id="chinese-names">Chinese Names</h3>
<a class="heading-anchor" href="#chinese-names" aria-labelledby="chinese-names"><span hidden>#</span></a></div> <a class="heading-anchor" href="#chinese-names" aria-labelledby="chinese-names"><span hidden>#</span></a></div>
<p>Michelle Cheung's Chinese name is 張鳳霞, while Sam Wong's Chinese name is 黃嘉欣. Oracle and Bone had commented on their idea behind the characters' Chinese names on <a href="https://oracleandbone.tumblr.com/post/625313027310436352/hi-im-curious-how-you-came-up-with-sam-and">this Tumblr post</a>:</p> <p>Michelle Cheung's Chinese name is 張鳳霞, while Sam Wong's Chinese name is 黃嘉欣. Oracle and Bone had commented on their idea behind the characters' Chinese names on <a href="https://oracleandbone.tumblr.com/post/625313027310436352/hi-im-curious-how-you-came-up-with-sam-and" target="_blank">this Tumblr post</a>:</p>
<blockquote> <blockquote>
<p>A part of how we came up with their names was by referencing names of Hong Kong film actresses from their time period as a little homage to them. We also thought of how their names might reflect their upbringing. For example, despite Michelle being younger than Sam, she has a more old fashioned sounding Chinese name. The meaning of their Chinese names was also important to us. We particularly wanted Michelles name to have metaphoric meaning that reflected her story as well as the themes of the game.</p> <p>A part of how we came up with their names was by referencing names of Hong Kong film actresses from their time period as a little homage to them. We also thought of how their names might reflect their upbringing. For example, despite Michelle being younger than Sam, she has a more old fashioned sounding Chinese name. The meaning of their Chinese names was also important to us. We particularly wanted Michelles name to have metaphoric meaning that reflected her story as well as the themes of the game.</p>
</blockquote> </blockquote>
@ -380,32 +378,32 @@
<h3 id="birthdays">Birthdays</h3> <h3 id="birthdays">Birthdays</h3>
<a class="heading-anchor" href="#birthdays" aria-labelledby="birthdays"><span hidden>#</span></a></div> <a class="heading-anchor" href="#birthdays" aria-labelledby="birthdays"><span hidden>#</span></a></div>
<ul> <ul>
<li>Michelle: February 16 <a href="https://oracleandbone.tumblr.com/post/643241885438197760/spring-day-february-16-is-michelles-birthday">[Source]</a></li> <li>Michelle: February 16 <a href="https://oracleandbone.tumblr.com/post/643241885438197760/spring-day-february-16-is-michelles-birthday" target="_blank">[Source]</a></li>
<li>Sam: December 28 <a href="https://oracleandbone.tumblr.com/post/638707575113891840/hit-rewind-december-28-is-sams-birthday-happy">[Source]</a></li> <li>Sam: December 28 <a href="https://oracleandbone.tumblr.com/post/638707575113891840/hit-rewind-december-28-is-sams-birthday-happy" target="_blank">[Source]</a></li>
<li>Cecelia: August 9 <a href="https://oracleandbone.tumblr.com/post/625985188093214720/%E9%BB%91%E5%A4%9C%E7%9A%84%E8%B1%B9-night-leopard-august-9-is-cecilias-birthday">[Source]</a></li> <li>Cecelia: August 9 <a href="https://oracleandbone.tumblr.com/post/625985188093214720/%E9%BB%91%E5%A4%9C%E7%9A%84%E8%B1%B9-night-leopard-august-9-is-cecilias-birthday" target="_blank">[Source]</a></li>
</ul> </ul>
<div class="heading-wrapper h3"> <div class="heading-wrapper h3">
<h3 id="zodiac-signs">Zodiac Signs</h3> <h3 id="zodiac-signs">Zodiac Signs</h3>
<a class="heading-anchor" href="#zodiac-signs" aria-labelledby="zodiac-signs"><span hidden>#</span></a></div> <a class="heading-anchor" href="#zodiac-signs" aria-labelledby="zodiac-signs"><span hidden>#</span></a></div>
<ul> <ul>
<li>Michelle: Aquarius <a href="https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle">[Source]</a></li> <li>Michelle: Aquarius <a href="https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle" target="_blank">[Source]</a></li>
<li>Sam: Capricorn <a href="https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle">[Source]</a></li> <li>Sam: Capricorn <a href="https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle" target="_blank">[Source]</a></li>
<li>Cecilia: Leo <a href="https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle">[Source]</a></li> <li>Cecilia: Leo <a href="https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle" target="_blank">[Source]</a></li>
<li>Joey: Cancer <a href="https://oracleandbone.tumblr.com/post/616711590970081280/hey-its-the-anon-that-asked-about-the-zodiac">[Source]</a></li> <li>Joey: Cancer <a href="https://oracleandbone.tumblr.com/post/616711590970081280/hey-its-the-anon-that-asked-about-the-zodiac" target="_blank">[Source]</a></li>
</ul> </ul>
<div class="heading-wrapper h3"> <div class="heading-wrapper h3">
<h3 id="myers-briggs-type-indicator">MyersBriggs Type Indicator</h3> <h3 id="myers-briggs-type-indicator">MyersBriggs Type Indicator</h3>
<a class="heading-anchor" href="#myers-briggs-type-indicator" aria-labelledby="myers-briggs-type-indicator"><span hidden>#</span></a></div> <a class="heading-anchor" href="#myers-briggs-type-indicator" aria-labelledby="myers-briggs-type-indicator"><span hidden>#</span></a></div>
<ul> <ul>
<li>Michelle: ISTJ <a href="https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a">[Source]</a></li> <li>Michelle: ISTJ <a href="https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a" target="_blank">[Source]</a></li>
<li>Sam: ESFP <a href="https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a">[Source]</a></li> <li>Sam: ESFP <a href="https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a" target="_blank">[Source]</a></li>
<li>Cecelia: ESTJ <a href="https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a">[Source]</a></li> <li>Cecelia: ESTJ <a href="https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a" target="_blank">[Source]</a></li>
</ul> </ul>
<div class="heading-wrapper h3"> <div class="heading-wrapper h3">
<h3 id="inspirations">Inspirations</h3> <h3 id="inspirations">Inspirations</h3>
<a class="heading-anchor" href="#inspirations" aria-labelledby="inspirations"><span hidden>#</span></a></div> <a class="heading-anchor" href="#inspirations" aria-labelledby="inspirations"><span hidden>#</span></a></div>
<ul> <ul>
<li>The character and fashion of Cecelia has been largely inspired by Anita Mui. <a href="https://oracleandbone.tumblr.com/post/659052064213696512/%E7%83%88%E7%84%B0%E7%B4%85%E5%94%87-august-9-is-cecilias-birthday-happy">[Source]</a></li> <li>The character and fashion of Cecelia has been largely inspired by Anita Mui. <a href="https://oracleandbone.tumblr.com/post/659052064213696512/%E7%83%88%E7%84%B0%E7%B4%85%E5%94%87-august-9-is-cecilias-birthday-happy" target="_blank">[Source]</a></li>
</ul> </ul>
</div> </div>

View File

@ -14,7 +14,7 @@ eleventyNavigation:
The game has an in-game gallery that gradually unlocks as you progress the story, though certain scene art only unlocks if you pick certain dialogue options. Check out [Dialog Choices Guide (AKA Lesbianism 101)](https://steamcommunity.com/sharedfiles/filedetails/?id=2072736837) on Steam for how to unlock all scenes, and thus the entire in-game gallery. The game has an in-game gallery that gradually unlocks as you progress the story, though certain scene art only unlocks if you pick certain dialogue options. Check out [Dialog Choices Guide (AKA Lesbianism 101)](https://steamcommunity.com/sharedfiles/filedetails/?id=2072736837) on Steam for how to unlock all scenes, and thus the entire in-game gallery.
I also highly recommend checking out the [official site](https://www.asummersend.com/) of A Summers End and the social media accounts of Oracle and Bone's for more beauriful art about the visual novel! I also highly recommend checking out the [official site](https://www.asummersend.com/) of {% cite "A Summers End" %} and the social media accounts of Oracle and Bone's for more beauriful art about the visual novel!
## In-Game Screenshots ## In-Game Screenshots

View File

@ -11,9 +11,7 @@ eleventyNavigation:
order: 2 order: 2
--- ---
Here is a collection of trivia about the characters from {% cite "A Summers End — Hong Kong 1986" %} provided by the developer Oracle and Bone on their social media pages, especially [Tumblr](https://oracleandbone.tumblr.com/). Here is a collection of trivia about the characters from {% cite "A Summers End — Hong Kong 1986" %} provided by the developer Oracle and Bone on their social media pages, especially [Tumblr](https://oracleandbone.tumblr.com/){target="_blank"}.
---
## Movies and Music References ## Movies and Music References
@ -21,35 +19,33 @@ A Summers End contains many references to movies and music. This community po
[Movies and Music in A Summers End Hong Kong 1986](https://steamcommunity.com/sharedfiles/filedetails/?id=2213828067) [Movies and Music in A Summers End Hong Kong 1986](https://steamcommunity.com/sharedfiles/filedetails/?id=2213828067)
---
## Character Trivia ## Character Trivia
### Chinese Names ### Chinese Names
Michelle Cheung's Chinese name is 張鳳霞, while Sam Wong's Chinese name is 黃嘉欣. Oracle and Bone had commented on their idea behind the characters' Chinese names on [this Tumblr post](https://oracleandbone.tumblr.com/post/625313027310436352/hi-im-curious-how-you-came-up-with-sam-and): Michelle Cheung's Chinese name is 張鳳霞, while Sam Wong's Chinese name is 黃嘉欣. Oracle and Bone had commented on their idea behind the characters' Chinese names on [this Tumblr post](https://oracleandbone.tumblr.com/post/625313027310436352/hi-im-curious-how-you-came-up-with-sam-and){target="_blank"}:
> A part of how we came up with their names was by referencing names of Hong Kong film actresses from their time period as a little homage to them. We also thought of how their names might reflect their upbringing. For example, despite Michelle being younger than Sam, she has a more old fashioned sounding Chinese name. The meaning of their Chinese names was also important to us. We particularly wanted Michelles name to have metaphoric meaning that reflected her story as well as the themes of the game. > A part of how we came up with their names was by referencing names of Hong Kong film actresses from their time period as a little homage to them. We also thought of how their names might reflect their upbringing. For example, despite Michelle being younger than Sam, she has a more old fashioned sounding Chinese name. The meaning of their Chinese names was also important to us. We particularly wanted Michelles name to have metaphoric meaning that reflected her story as well as the themes of the game.
### Birthdays ### Birthdays
* Michelle: February 16 [\[Source\]](https://oracleandbone.tumblr.com/post/643241885438197760/spring-day-february-16-is-michelles-birthday) * Michelle: February 16 [\[Source\]](https://oracleandbone.tumblr.com/post/643241885438197760/spring-day-february-16-is-michelles-birthday){target="_blank"}
* Sam: December 28 [\[Source\]](https://oracleandbone.tumblr.com/post/638707575113891840/hit-rewind-december-28-is-sams-birthday-happy) * Sam: December 28 [\[Source\]](https://oracleandbone.tumblr.com/post/638707575113891840/hit-rewind-december-28-is-sams-birthday-happy){target="_blank"}
* Cecelia: August 9 [\[Source\]](https://oracleandbone.tumblr.com/post/625985188093214720/%E9%BB%91%E5%A4%9C%E7%9A%84%E8%B1%B9-night-leopard-august-9-is-cecilias-birthday) * Cecelia: August 9 [\[Source\]](https://oracleandbone.tumblr.com/post/625985188093214720/%E9%BB%91%E5%A4%9C%E7%9A%84%E8%B1%B9-night-leopard-august-9-is-cecilias-birthday){target="_blank"}
### Zodiac Signs ### Zodiac Signs
* Michelle: Aquarius [\[Source\]](https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle) * Michelle: Aquarius [\[Source\]](https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle){target="_blank"}
* Sam: Capricorn [\[Source\]](https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle) * Sam: Capricorn [\[Source\]](https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle){target="_blank"}
* Cecilia: Leo [\[Source\]](https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle) * Cecilia: Leo [\[Source\]](https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle){target="_blank"}
* Joey: Cancer [\[Source\]](https://oracleandbone.tumblr.com/post/616711590970081280/hey-its-the-anon-that-asked-about-the-zodiac) * Joey: Cancer [\[Source\]](https://oracleandbone.tumblr.com/post/616711590970081280/hey-its-the-anon-that-asked-about-the-zodiac){target="_blank"}
### MyersBriggs Type Indicator ### MyersBriggs Type Indicator
* Michelle: ISTJ [\[Source\]](https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a) * Michelle: ISTJ [\[Source\]](https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a){target="_blank"}
* Sam: ESFP [\[Source\]](https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a) * Sam: ESFP [\[Source\]](https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a){target="_blank"}
* Cecelia: ESTJ [\[Source\]](https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a) * Cecelia: ESTJ [\[Source\]](https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a){target="_blank"}
### Inspirations ### Inspirations
* The character and fashion of Cecelia has been largely inspired by Anita Mui. [\[Source\]](https://oracleandbone.tumblr.com/post/659052064213696512/%E7%83%88%E7%84%B0%E7%B4%85%E5%94%87-august-9-is-cecilias-birthday-happy) * The character and fashion of Cecelia has been largely inspired by Anita Mui. [\[Source\]](https://oracleandbone.tumblr.com/post/659052064213696512/%E7%83%88%E7%84%B0%E7%B4%85%E5%94%87-august-9-is-cecilias-birthday-happy){target="_blank"}