cyrneko/pages
cyrneko/pages
0
1
Fork 0
mirror of https://codeberg.org/cyrneko/pages.git synced 2025-05-04 18:13:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

semantic section elements

Browse source
This commit is contained in:
cyrneko 2025-03-30 19:01:59 +02:00
parent 4bbcafd57b
commit 049c8c6a56
No known key found for this signature in database
GPG key ID: 801B4BD878A984A4
1 changed files with 14 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

14
index.html
View file

@ -32,6 +32,7 @@
<body>
<div class="wrapper">
<section>
<div class="card">
<h1>Hello, traveller!</h1>
<p>Welcome to my corner of the interwebs</p>
@ -43,6 +44,8 @@
<a href="https://starlightnet.work" target="_blank">The Starlight Network</a>
</p>
</div>
</section>
<section>
<div class="card">
<h2>Contacts!</h2>
<p>If ya ever wanna reach me, this is how</p>
@ -63,6 +66,8 @@
</li>
</ul>
</div>
</section>
<section>
<div class="card">
<h2>Stuff I do</h2>
<ul>
@ -72,6 +77,8 @@
<li><a href="https://paper.wf/alexia" target="_blank">Blogposts!</a></li>
</ul>
</div>
</section>
<section>
<div class="card">
<h2>Supporting me</h2>
<p>If you ever wanna support me, I am on <a href="https://ko-fi.com/cyrneko" target="_blank">Ko-Fi</a>, <a
@ -85,6 +92,8 @@
</p>
</details>
</div>
</section>
<section>
<div class="card">
<h2>Silly buttons :3</h2>
<!-- a mess of buttons...who dropped them? -->
@ -107,6 +116,8 @@
</p>
</details>
</div>
</section>
<section>
<div class="card">
<p>
<img src="/assets/neocat_floof.png" alt="Neocat" height="32" width="32" style="vertical-align: bottom;"> ←
@ -118,6 +129,8 @@
href="https://tasiaiso.vulpecula.zone">My favourite foxie &lt;3 </a>
</p>
</div>
</section>
<section>
<div class="card">
<p>This website makes use of CSS variables and <code>hsl()</code> to achieve easily interchangeable colors!</p>
<p>Sometimes I swap 'em out, you can see the current color below!</p>
@ -127,6 +140,7 @@
</noscript>
<p>Current Hue: <span id="currentHue"></span></p>
</div>
</section>
</div>
</body>