mirkodi.eu/music-page-template.html

111 lines
4.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<!-- Copyright (C) 2021-2022-2023 mirk0dex
<mirkodi.eu>
THIS DOCUMENT IS LICENSED GNU GPL-3.0-or-later. YOU ARE FREE TO COPY,
SHARE, MODIFY, STUDY AND IMPROVE IT AT YOUR WILL. IT COMES WITHOUT ANY
WARRANTY. FOR THE FULL LICENSE TEXT, GO TO
https://gnu.org/licenses/gpl-3.0.html -->
<head>
<meta charset="utf-8">
<meta name="keywords" content="keyword-1,keyword-2">
<title>foo-bar-page-title</title>
<meta name="description" content="Foo-Bar-Baz, replace me">
<link rel="stylesheet" href="music-style.css">
<!-- no normalize.css for desktop pages -->
</head>
<body>
<div class="navbar">
<a href="https://www.mirkodi.eu"><em>main website ~</em></a>
<a href="https://music.mirkodi.eu">music homepage</a>
<a href="musicdownloads.html">songs & downloads</a>
<a href="https://www.mirkodi.eu/donate.html" style="color:
#fabd2f;"><b>donate</b></a>
<img class="logo" src="pix/mirk0dex-no-text-colour-changing.gif" alt="My logo" style="float: right; margin: 5px; width: 30px; vertical-align: middle;">
</div>
<section id="main-section-id">
<h1>main section</h1>
<p>
Brief page description goes here
</p>
</section>
<section id="section-2-id">
<h2>section 2</h2>
<p>
[Original content]
</p>
</section>
<section id="section-3-id">
<h2>section 3</h2>
<p>
Lorem ipsun dolor sit amet...
</p>
</section>
<section id="section-4-id">
<h2>section 4</h2>
</p>
</section>
<section id="section-5-id">
<h2>section 5</h2>
<p>
</p>
</section>
<footer id="footer"
class="footer-coloured">
<a href="https://git.mirkodi.eu/mirk0dex"><img src="pix/git.png"
alt="Git logo"
class="icon"></a>
<a rel="me"
href="https://social.linux.pizza/@Mirk0dex"><img src="pix/mastodon.png"
alt="Mastodon logo" class="icon"></a>
<address>
<a href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;%77%65%62%6D%61%73%74%65%72%40%6D%69%72%6B%6F%64%69%2E%74%65%63%68">
<img src="pix/email.png"
alt="E-mail symbol" class="icon">
</a>
</address>
<a href="https://soundcloud.com/mirk0dex"><img src="pix/soundcloud.png"
alt="SoundCloud
logo"
class="icon"></a>
<a href="https://mirk0dex.bandcamp.com"><img src="pix/account-music.png"
alt="Bandcamp logo"
class="icon"></a>
<p>
<em>Copyright &copy; 2021-2022-2023 <b>mirk0dex</b></em> <br> This
website contains <b>no
JS</b>/<b>cookies</b>/<b>bloat</b>/<b>spyware</b>.<br>
License: <b><a href="https://gnu.org/licenses/gpl-3.0.html">GPL-3.0-or-later</a> </b>unless
otherwise noted.<br> And as always: <em>thanks for visiting!</em>
</p>
<p>
<a href="https://jigsaw.w3.org/css-validator/validator?uri=mirkodi.eu">
<img style="border:0;"
src="https://web.archive.org/web/20220906111837/http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!">
</a>
<a href="totally-not-a-rickroll.html">
<img style="border:0;"
src="pix/hTmL-certified.png" alt="tOtAlLy vAlID htML!!1!">
</a>
</p>
<div style="text-align:center">
<a href="https://www.eff.org/pages/blue-ribbon-campaign">
<img src="https://www.eff.org/files/br.gif" alt="Join the Blue
Ribbon Online
Free Speech
Campaign">
</a>
</div>
</footer>
</body>
</html>