Violet/Violets-Purgatory
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make buttons stack when on smaller page

Browse source
This commit is contained in:
Bingus_Violet 2024-01-25 23:21:12 -06:00
parent 185497ab46
commit e51b98eb0a
1 changed files with 17 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
resources/mainPage.html
View file

@ -24,7 +24,8 @@
<body>
<h1>Welcome to Violet's Purgatory</h1>
<h2>Happy 200 (201) Commits!!!</h2>
<p>Hopefully to celebrate, like I promised last time, this time I will try to ACTUALLY find a method to add a commit count to the site!</p>
<p>Hopefully to celebrate, like I promised last time, this time I will try to ACTUALLY find a method to add a commit
count to the site!</p>
<div class="fadediv">
<div class="container-fluid row" id="card">
<h2>Violet</h2>
@ -38,19 +39,24 @@
</div>
<div>
<hr>
<!-- <p class="chip"><a href="https://status.violets-purgatory.dev">Status</a></p> -->
<p class="chip"><a href="./socials">Socials</a></p>
<p class="chip"><a href="./projects">Projects</a></p>
<span style="white-space: nowrap;">
<!-- <p class="chip"><a href="https://status.violets-purgatory.dev">Status</a></p> -->
<p class="chip"><a href="./socials">Socials</a></p>
<p class="chip"><a href="./projects">Projects</a></p>
</span>
<!-- <p class="chip"><a href="./extras">Extras</a></p> -->
<br>
<p class="chip"><a href="https://blog.violets-purgatory.dev">Blog</a></p>
<p class="chip"><a href="./faq">FAQ</a></p>
<p class="chip"><a href="https://{OPPOSITE_URL}.violets-purgatory.dev">{OPPOSITE_BRANCH}</a></p>
<!-- <br> -->
<span style="white-space: nowrap;">
<p class="chip"><a href="https://blog.violets-purgatory.dev">Blog</a></p>
<p class="chip"><a href="./faq">FAQ</a></p>
<p class="chip"><a href="https://{OPPOSITE_URL}.violets-purgatory.dev">{OPPOSITE_BRANCH}</a></p>
</span>
{LANYARD_QUOTE}
</div>
</div>
<noscript>
<p style="font-size: 0.9rem;">Fun fact: This website uses no Javascript! Everything dynamic (E.G. The discord status) is done
<p style="font-size: 0.9rem;">Fun fact: This website uses no Javascript! Everything dynamic (E.G. The
discord status) is done
server-side, so enjoy :D</p>
</noscript>
<p>Check out the source code on <a href="https://codeberg.org/Bingus_Violet/Violets-Purgatory">Codeberg</a></p>
@ -62,4 +68,5 @@
{SEASONAL_EFFECT}
</div>
</body>
</html>