Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Create shrine info template

This commit is contained in:
Helen Chong 2024-04-18 23:07:41 +08:00
parent bdbb33823a
commit cafac5543b
2 changed files with 49 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/_includes/asummersend/shrineinfo.njk
View File

@ -1,38 +1,12 @@
<aside class="right-sidebar"> {% extends "global/shrineinfo.njk" %}
<div class="shrine__info sidebar--sticky">
<h2>About</h2>
<p>Welcome to Leilukin's shrine for <cite>A Summer’s End — Hong Kong 1986</cite>, an indie visual novel developed by Oracle and Bone. Set in 1980s Hong Kong, it tells of a love story between two women.</p>
<h3>Links</h3>
<ul>
<li><a href="https://www.asummersend.com/" target="_blank">Official Website</a>
</li>
<li><a href="https://store.steampowered.com/app/1111370/A_Summers_End__Hong_Kong_1986/" target="_blank">Steam</a></li>
<li><a href="https://oracleandbone.itch.io/a-summers-end" target="_blank">itch.io</a></li>
</ul>
</div>
</aside>
<style> {% block shrineAbout %}
.right-sidebar { <p>Welcome to Leilukin's shrine for <cite>A Summer’s End — Hong Kong 1986</cite>, an indie visual novel developed by Oracle and Bone. Set in 1980s Hong Kong, it tells of a love story between two women.</p>
background-color: var(--clr-content-bg); {% endblock %}
font-size: clamp(0.9rem, 0.9rem + 3vw, 1rem);
}
.shrine__info { {% block shrineLinks %}
padding: 1rem; <li><a href="https://www.asummersend.com/" target="_blank">Official Website</a>
} </li>
<li><a href="https://store.steampowered.com/app/1111370/A_Summers_End__Hong_Kong_1986/" target="_blank">Steam</a></li>
.shrine__info h2 { <li><a href="https://oracleandbone.itch.io/a-summers-end" target="_blank">itch.io</a></li>
font-size: clamp(1.5rem, 1rem + 3vw, 1.7rem); {% endblock %}
margin-bottom: 0.2em;
}
.shrine__info h3 {
font-size: clamp(1.3rem, 1rem + 3vw, 1.5rem);
margin-top: 1em;
}
.shrine__info ul {
margin-top: 0.5em;
}
</style>

39
src/_includes/global/shrineinfo.njk Normal file
View File

@ -0,0 +1,39 @@
<aside class="right-sidebar">
<div class="shrine__info sidebar--sticky">
<h2>About</h2>
{% block shrineAbout %}
{{ shrineAbout }}
{% endblock %}
<h3>Links</h3>
<ul>
{% block shrineLinks %}
{{ shrineLinks }}
{% endblock %}
</ul>
</div>
</aside>
<style>
.right-sidebar {
background-color: var(--clr-content-bg);
font-size: clamp(0.9rem, 0.9rem + 3vw, 1rem);
}
.shrine__info {
padding: 1rem;
}
.shrine__info h2 {
font-size: clamp(1.5rem, 1rem + 3vw, 1.7rem);
margin-bottom: 0.2em;
}
.shrine__info h3 {
font-size: clamp(1.3rem, 1rem + 3vw, 1.5rem);
margin-top: 1em;
}
.shrine__info ul {
margin-top: 0.5em;
}
</style>