56 lines
993 B
HTML
56 lines
993 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>CSS "Art"</title>
|
|
<style>
|
|
|
|
html {
|
|
height: 100%;
|
|
}
|
|
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
background: linear-gradient(to bottom right, steelblue, #152837);
|
|
}
|
|
|
|
main {
|
|
max-width: 800px;
|
|
margin: 1em auto;
|
|
padding: 2em;
|
|
background: white;
|
|
box-shadow: 3px 3px 6px black;
|
|
}
|
|
|
|
h1 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<h1>CSS Art</h1>
|
|
|
|
<p>The following pages are rendered with pure HTML and CSS.</p>
|
|
|
|
<p><strong>Note:</strong> These are likely disasters as far as accessibility and portability goes. They may not work well with custom browsers settings or even on mobile.</p>
|
|
|
|
<ul>
|
|
<li><a href='./vaporwave/'>Generic Vaporwave</a></li>
|
|
<li>
|
|
<a href='./says/trans/rights/'>Some</a>
|
|
<a href='./says/black/lives/matter/'>things</a>
|
|
I
|
|
want
|
|
to
|
|
say.
|
|
</li>
|
|
</ul>
|
|
</main>
|
|
</body>
|
|
</html>
|