49 lines
2.3 KiB
HTML
49 lines
2.3 KiB
HTML
<html lang="en-AU">
|
|
<head>
|
|
<title>astolfo.org</title>
|
|
<meta charset="utf-8">
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="/bundle.css">
|
|
<link rel="icon" type="image/x-icon" href="/img/favicon.ico">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="content">
|
|
<header style="background-color: var(--background); display: flex; flex-direction: column; margin-right: 13px;">
|
|
<a style="color: inherit; text-decoration: inherit; height: fit-content;" href="/">
|
|
<div style="background-color: var(--accent); width: 100%; margin: none; border-radius: var(--rounding);">
|
|
<h1 style="color: black;">astolfo.org</h1>
|
|
<svg style="background-color: var(--background);" viewBox="0 0 370 370" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-651,-550)"><g transform="matrix(-1,-0,0,-1,1672,1470)"><path d="M651,919.999C686.037,849.927 757.656,805.663 836,805.663C914.344,805.663 985.963,849.927 1021,919.999C1021,920 1021,920 1021,920L651,920C651,920 651,920 651,919.999Z" style="fill:var(--accent)"/></g></g></svg>
|
|
</div>
|
|
</a>
|
|
|
|
<img src="img/astolfos/nav.webp" style="object-fit: scale-down; height: auto; max-width: 8.6em; margin-top: auto;">
|
|
|
|
<nav>
|
|
<a href="/blog" style="background-image: url(img/astolfos/nav-blog.webp)"><p>blog</p></a>
|
|
<a href="/store" style="background-image: url(img/astolfos/nav-store.webp)"><p>store</p></a>
|
|
<a href="/about" style="background-image: url(img/astolfos/nav-about.webp); border-bottom-left-radius: var(--rounding); border-bottom-right-radius: var(--rounding);"><p>about</p></a>
|
|
</nav>
|
|
</header>
|
|
|
|
<div id="bg-overlay">
|
|
<h1>header 1</h1>
|
|
<h2>header 2</h2>
|
|
<h3>header 3</h3>
|
|
<h4>header 4</h4>
|
|
<h5>header 5</h5>
|
|
<p>
|
|
normal text
|
|
<b>bold text</b>
|
|
<i>italics text</i>
|
|
<a href="https://ooo.eeeee.ooo">anchor tag</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="height: 10vw;"></div>
|
|
<h1>mrow</h1>
|
|
<h1>mrow</h1>
|
|
</body>
|
|
</html>
|