Rearranged the links page

This commit is contained in:
Helen Chong 2023-07-27 11:03:47 +08:00
parent cd158d64d9
commit 5a3ca4a67c
4 changed files with 32 additions and 18 deletions

View File

@ -43,6 +43,7 @@
<ul> <ul>
<li>For <a href="/mymods/">my mods page</a>, adjusted the background width of the individual mods.</li> <li>For <a href="/mymods/">my mods page</a>, adjusted the background width of the individual mods.</li>
<li>Updated the main page of my <a href="/shrines/starwarskotor/"><cite>Star Wars: Knights of the Old Republic</cite> shrine</a>.</li> <li>Updated the main page of my <a href="/shrines/starwarskotor/"><cite>Star Wars: Knights of the Old Republic</cite> shrine</a>.</li>
<li>Rearranged my <a href="/links/">Links</a> page.</li>
</ul> </ul>
<p class="date-style">July 26, 2023:</p> <p class="date-style">July 26, 2023:</p>

View File

@ -470,6 +470,13 @@ article, .content-container {
background: var(--clr-link-hover); background: var(--clr-link-hover);
} }
/* Web button lists */
.web-btn-wrapper {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
/* TABLE OF CONTENTS */ /* TABLE OF CONTENTS */
.sidebar__toc { .sidebar__toc {
position: sticky; position: sticky;

View File

@ -68,6 +68,7 @@
<ul> <ul>
<li>For <a href="/mymods/">my mods page</a>, adjusted the background width of the individual mods.</li> <li>For <a href="/mymods/">my mods page</a>, adjusted the background width of the individual mods.</li>
<li>Updated the main page of my <a href="/shrines/starwarskotor/"><cite>Star Wars: Knights of the Old Republic</cite> shrine</a>.</li> <li>Updated the main page of my <a href="/shrines/starwarskotor/"><cite>Star Wars: Knights of the Old Republic</cite> shrine</a>.</li>
<li>Rearranged my <a href="/links/">Links</a> page.</li>
</ul> </ul>
</div> </div>
<a href="/changelog">View all site changelog</a> <a href="/changelog">View all site changelog</a>
@ -75,7 +76,7 @@
<section class="content-section"> <section class="content-section">
<h2>Always Proud</h2> <h2>Always Proud</h2>
<div style="display: inline-flex; flex-wrap: wrap;gap: 0.5rem"> <div class="web-btn-wrapper">
<img src="./buttons/progress.png" alt="A website button of the 2018 Progress Flag" title="2018 Progress Flag by Daniel Quasar (2018)"> <img src="./buttons/progress.png" alt="A website button of the 2018 Progress Flag" title="2018 Progress Flag by Daniel Quasar (2018)">
<img src="./buttons/9_stripe.png" alt="A website button of the 9 stripe rainbow flag" title="Nine-Stripe Rainbow Flag by Gilbert Baker (2017)"> <img src="./buttons/9_stripe.png" alt="A website button of the 9 stripe rainbow flag" title="Nine-Stripe Rainbow Flag by Gilbert Baker (2017)">
<img src="./buttons/lesbian.png" alt="A website button of the lesbian pride flag" title="I am a lesbian"> <img src="./buttons/lesbian.png" alt="A website button of the lesbian pride flag" title="I am a lesbian">

View File

@ -36,6 +36,10 @@
<section class="content-section"> <section class="content-section">
<h1>Links</h1> <h1>Links</h1>
<p>Networks between webmasters or people who share similar interests.</p>
</section>
<section class="content-section">
<h2>Link to My Website</h2> <h2>Link to My Website</h2>
<p>You can link to my website with this button:</p> <p>You can link to my website with this button:</p>
@ -55,6 +59,7 @@
</div> </div>
<p>Credit to <a href="https://github.com/hekate2" target="_blank">hekate2</a> for their <a href="https://hekate2.github.io/buttonmaker/" target="_blank">88x31 Web Button Maker</a>!</p> <p>Credit to <a href="https://github.com/hekate2" target="_blank">hekate2</a> for their <a href="https://hekate2.github.io/buttonmaker/" target="_blank">88x31 Web Button Maker</a>!</p>
</section> </section>
<section class="content-section"> <section class="content-section">
@ -66,7 +71,7 @@
<section class="content-section"> <section class="content-section">
<h2>Fanlistings I Have Joined</h2> <h2>Fanlistings I Have Joined</h2>
<div style="display: flex;flex-wrap: wrap;gap: 0.5rem"> <div class="web-btn-wrapper">
<a href="https://glitterskies.org/kotor/" target="_blank"><img src="./fanlistings/kotor-100x50.png" alt="A website button of a Star Wars: Knights of the Old Republic fanlisting" title="Erased Identity - Star Wars: Knights of the Old Republic fanlisting"></a> <a href="https://glitterskies.org/kotor/" target="_blank"><img src="./fanlistings/kotor-100x50.png" alt="A website button of a Star Wars: Knights of the Old Republic fanlisting" title="Erased Identity - Star Wars: Knights of the Old Republic fanlisting"></a>
<a href="https://glitterskies.org/kotor2/" target="_blank"><img src="./fanlistings/kotor2-100x50.jpg" alt="A website button of a Star Wars: Knights of the Old Republic 2 fanlisting" title="Mysteries of Malachor - Star Wars: Knights of the Old Republic 2: The Sith Lords fanlisting"></a> <a href="https://glitterskies.org/kotor2/" target="_blank"><img src="./fanlistings/kotor2-100x50.jpg" alt="A website button of a Star Wars: Knights of the Old Republic 2 fanlisting" title="Mysteries of Malachor - Star Wars: Knights of the Old Republic 2: The Sith Lords fanlisting"></a>
<a href="https://inspirationally.net/jedi/" target="_blank"><img src="./fanlistings/jedi-100x50.png" alt="A website button of a Jedi fanlisting" title="Keepers of the Peace // the Star Wars: [+] Jedi fanlisting"></a> <a href="https://inspirationally.net/jedi/" target="_blank"><img src="./fanlistings/jedi-100x50.png" alt="A website button of a Jedi fanlisting" title="Keepers of the Peace // the Star Wars: [+] Jedi fanlisting"></a>