135 lines
3.6 KiB
HTML
135 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title></title>
|
|
<link rel="preload" crossorigin="anonymous" type="font/woff2" as="font" href="/static/inter.woff2">
|
|
<link rel="preload" crossorigin="anonymous" type="font/woff2" as="font" href="/static/cal-sans.woff2">
|
|
<style>
|
|
:root {
|
|
direction: ltr;
|
|
font-family: Inter,
|
|
'Lucida Sans',
|
|
'Lucida Sans Regular',
|
|
'Lucida Grande',
|
|
'Lucida Sans Unicode',
|
|
Geneva,
|
|
Verdana,
|
|
sans-serif;
|
|
|
|
text-align: justify;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-family: Cal Sans,
|
|
'Gill Sans',
|
|
'Gill Sans MT',
|
|
Calibri,
|
|
'Trebuchet MS',
|
|
sans-serif;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
background-color: #000;
|
|
color: #fff;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
min-width: 100vw;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
main {
|
|
margin: 0 1.5rem;
|
|
max-width: 50rem;
|
|
}
|
|
|
|
header {
|
|
display: flex;
|
|
max-height: 5rem;
|
|
}
|
|
|
|
header picture * {
|
|
max-height: 2.5rem;
|
|
}
|
|
|
|
footer * {
|
|
color: #383838;
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
hr {
|
|
color: #383838;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div>
|
|
<main>
|
|
<header style="display:flex;align-items:center;justify-content:space-between;">
|
|
<h1 style="font-size:2.5rem;">Hello, world.</h1>
|
|
<picture>
|
|
<img src="/static/light-asset.svg" alt="the Capytal Logo" />
|
|
</picture>
|
|
</header>
|
|
<p>
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod,
|
|
quidem minima! Quo veritatis nostrum velit facilis rem expedita
|
|
soluta, officiis ipsum fugit maiores praesentium officia
|
|
repellendus reiciendis ipsa tenetur vero.
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod,
|
|
quidem minima! Quo veritatis nostrum velit facilis rem expedita
|
|
soluta, officiis ipsum fugit maiores praesentium officia
|
|
repellendus reiciendis ipsa tenetur vero.
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod,
|
|
quidem minima! Quo veritatis nostrum velit facilis rem expedita
|
|
soluta, officiis ipsum fugit maiores praesentium officia
|
|
repellendus reiciendis ipsa tenetur vero.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod,
|
|
quidem minima! Quo veritatis nostrum velit facilis rem expedita
|
|
soluta, officiis ipsum fugit maiores praesentium officia
|
|
repellendus reiciendis ipsa tenetur vero.
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod,
|
|
quidem minima! Quo veritatis nostrum velit facilis rem expedita
|
|
soluta, officiis ipsum fugit maiores praesentium officia.
|
|
</p>
|
|
<p style="text-align:end;">
|
|
- <a style="color:#fff;" target="_blank" href="https://guz.one" rel="noopener nofollow noreferrer">
|
|
Gustavo "Guz" L. de Mello
|
|
</a>
|
|
</p>
|
|
<hr>
|
|
<footer>
|
|
<p>
|
|
|
|
Unless otherwise noticed, contents of this website itself are licensed under the
|
|
<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank"
|
|
rel="noopener nofollow noreferrer">
|
|
Creative Commons Attribution-Share Alike 4.0 International ("CC BY-SA 4.0")
|
|
</a>.
|
|
"Capytal", "Capytal Company", "Capytal Code", "Capytal Creators", the Capytal Logo,
|
|
are trademarks of Gustavo L. de Mello. The underlyng source code used to format
|
|
and display that content is, unless otherwise noticed, licensed under the
|
|
<a href="https://www.mozilla.org/en-US/MPL/2.0/" target="_blank" rel="noopener nofollow noreferrer">
|
|
Mozilla Public License 2.0
|
|
</a>.
|
|
</p>
|
|
<p>Copyright © 2024 Gustavo "Guz" L. de Mello.</p>
|
|
</footer>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|