95 lines
4.7 KiB
HTML
95 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<title>Test Site</title>
|
|
|
|
<link rel=stylesheet href=http://localhost:1313/css/system.css>
|
|
|
|
</head>
|
|
<body>
|
|
<main>
|
|
|
|
<header>
|
|
<h1>Lorem Ipsum</h1>
|
|
|
|
</header>
|
|
<h2 id="nulla-at-volutpat">Nulla at Volutpat</h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
|
incididunt ut labore et dolore magna aliqua. Ut venenatis tellus in metus
|
|
vulputate eu scelerisque felis imperdiet. Consequat semper viverra nam libero
|
|
justo. Sit amet massa vitae tortor condimentum lacinia quis vel. Massa massa
|
|
ultricies mi quis hendrerit dolor magna eget. Est sit amet facilisis magna etiam
|
|
tempor orci eu lobortis. Cursus turpis massa tincidunt dui ut ornare. Elit
|
|
pellentesque habitant morbi tristique senectus. Morbi blandit cursus risus at
|
|
ultrices mi tempus imperdiet nulla. Odio pellentesque diam volutpat commodo sed
|
|
egestas egestas fringilla phasellus. Cursus vitae congue mauris rhoncus.</p>
|
|
<p>Cras tincidunt lobortis feugiat vivamus at augue eget arcu dictum. Fermentum et
|
|
sollicitudin ac orci phasellus egestas tellus rutrum tellus. Fermentum leo vel
|
|
orci porta non pulvinar neque laoreet. Proin libero nunc consequat interdum
|
|
varius sit amet mattis vulputate. Semper viverra nam libero justo laoreet sit.
|
|
Consequat id porta nibh venenatis cras sed felis. Ultrices eros in cursus turpis
|
|
massa. Dictum non consectetur a erat. Cras sed felis eget velit. Quam adipiscing
|
|
vitae proin sagittis nisl rhoncus mattis rhoncus. Amet justo donec enim diam
|
|
vulputate ut pharetra sit amet. Velit sed ullamcorper morbi tincidunt ornare
|
|
massa. Posuere sollicitudin aliquam ultrices sagittis. Tortor id aliquet lectus
|
|
proin nibh nisl condimentum. Enim lobortis scelerisque fermentum dui faucibus
|
|
in. Diam in arcu cursus euismod quis viverra. Tellus in metus vulputate eu.
|
|
Nullam ac tortor vitae purus faucibus ornare. Justo laoreet sit amet cursus sit
|
|
amet dictum sit.</p>
|
|
<h2 id="nibh-mauris-cursus-mattis-molestie">Nibh Mauris Cursus Mattis Molestie</h2>
|
|
<p>Lacus vestibulum sed arcu non odio euismod lacinia at. Tempus egestas sed sed
|
|
risus pretium. Pharetra massa massa ultricies mi quis hendrerit dolor magna
|
|
eget. Et malesuada fames ac turpis egestas integer eget. Feugiat pretium nibh
|
|
ipsum consequat nisl vel pretium lectus quam. Cras ornare arcu dui vivamus arcu.
|
|
Amet venenatis urna cursus eget nunc scelerisque viverra mauris. Diam phasellus
|
|
vestibulum lorem sed risus ultricies tristique nulla aliquet. Enim ut sem
|
|
viverra aliquet eget sit. Mi sit amet mauris commodo. Amet facilisis magna etiam
|
|
tempor orci eu. In hac habitasse platea dictumst vestibulum. Sapien et ligula
|
|
ullamcorper malesuada proin libero. Quis blandit turpis cursus in hac habitasse.
|
|
In ante metus dictum at tempor commodo ullamcorper.</p>
|
|
<p>Id nibh tortor id aliquet lectus proin. Fringilla est ullamcorper eget nulla
|
|
facilisi. Curabitur vitae nunc sed velit dignissim sodales. Magna fringilla urna
|
|
porttitor rhoncus dolor purus non enim. Odio ut sem nulla pharetra diam sit
|
|
amet. Amet facilisis magna etiam tempor orci eu lobortis elementum nibh. Quis
|
|
ipsum suspendisse ultrices gravida dictum fusce. Dictum fusce ut placerat orci
|
|
nulla pellentesque. Sodales neque sodales ut etiam sit amet nisl purus in. Augue
|
|
interdum velit euismod in pellentesque massa placerat duis ultricies.</p>
|
|
<p>Sit amet commodo nulla facilisi nullam vehicula. Laoreet suspendisse interdum
|
|
consectetur libero. Libero id faucibus nisl tincidunt eget. Consectetur a erat
|
|
nam at lectus urna duis. Et netus et malesuada fames ac turpis egestas maecenas.
|
|
Id donec ultrices tincidunt arcu. Urna duis convallis convallis tellus id
|
|
interdum velit laoreet. Ut etiam sit amet nisl purus in mollis. Tempor commodo
|
|
ullamcorper a lacus vestibulum sed arcu non odio. Risus quis varius quam quisque
|
|
id diam. Malesuada proin libero nunc consequat interdum varius sit. Vitae
|
|
ultricies leo integer malesuada nunc vel risus commodo viverra. Vitae suscipit
|
|
tellus mauris a diam maecenas. Duis convallis convallis tellus id interdum velit
|
|
laoreet id. Hac habitasse platea dictumst vestibulum rhoncus. Ac orci phasellus
|
|
egestas tellus.</p>
|
|
|
|
|
|
</main>
|
|
</body>
|
|
<style>
|
|
main {
|
|
h1 {
|
|
font-size: var(--font-size-xxl);
|
|
margin: 0;
|
|
margin-block: var(--spacing-l);
|
|
}
|
|
|
|
h2 {
|
|
font-size: var(--font-size-xl);
|
|
margin: 0;
|
|
margin-block: var(--spacing-l);
|
|
}
|
|
h2:has(+ p) { margin-block-end: var(--spacing-s); }
|
|
|
|
p {
|
|
margin: 0;
|
|
margin-block-end: var(--spacing-l);
|
|
}
|
|
}
|
|
</style>
|
|
</html>
|