inherentlee/andie
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bunch of styling and filelr content as well as nav generation

Browse Source
This commit is contained in:
Lee Cattarin
2026-02-03 10:44:52 -08:00
parent 16479476a8
commit 23ebc8ae7f
6 changed files with 355 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
index.html
View File

@ -16,64 +16,72 @@
<!-- <meta property="og:image" content="/assets/img/logo.jpg" />
<meta property="og:image:alt" content="block print in black and orange of a rufous hummingbird in flight with tail flared. the hummingbird holds a banner that reads 'become ungovernable.'" /> -->
<!-- JS -->
<script src="/assets/scripts/nav.js" defer></script>
<!-- CSS -->
<link rel="stylesheet" href="/assets/styles/main.css">
<link rel="stylesheet" href="/assets/styles/nav.css">
</head>
<body>
<header>
<nav>
<h2>
<a href="/" title="home page">Andie Lastname</a>
</h2>
<ul>
<li>
<a href="/1" title="dummy link 1">one</a>
</li>
<li>
<a href="/2" title="dummy link 2">two</a>
</li>
<li>
<a href="/3" title="dummy link 3">three</a>
</li>
</ul>
</nav>
<nav id="top-nav"><!-- auto-generated by nav.js --></nav>
</header>
<main id="main">
<h1>header level 1</h1>
<img class="float-left" src="/assets/img/filler0.jpg">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Fusce libero neque, sollicitudin id scelerisque in, congue ut leo.
Morbi vehicula sem quis mauris lobortis tempor quis ac eros.
Nam in elit eu quam pulvinar cursus id ut magna.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Pellentesque convallis nec erat blandit eleifend.
Nam tincidunt, quam a mollis tincidunt, urna urna malesuada massa, id faucibus arcu lectus sit amet nulla.
In convallis enim vel luctus lobortis.
Praesent et tincidunt dolor.
</p>
<div class="two-col">
<img src="/assets/img/filler0.jpg">
<div>
<p>
Lorem <a href="/ipsum">ipsum</a> dolor sit amet, consectetur adipiscing elit.
Fusce libero neque, sollicitudin id scelerisque in, congue ut leo.
Morbi vehicula sem quis mauris lobortis tempor quis ac eros.
Nam in elit eu quam pulvinar cursus id ut magna.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Pellentesque convallis nec erat blandit eleifend.
Nam tincidunt, quam a <a href="/mollis">mollis</a> tincidunt, urna urna malesuada massa, id faucibus arcu lectus sit amet nulla.
In convallis enim vel luctus lobortis.
Praesent et tincidunt dolor.
</p>
<ul>
<li>Duis in dui ut tortor ultricies pretium</li>
<li>Aliquam feugiat bibendum tellus vel bibendum</li>
<li>Donec eget mi sit amet lectus ultrices vulputate</li>
<li>Fusce sodales arcu non diam porttitor interdum</li>
<li>Vestibulum sit amet suscipit ex</li>
<li>Cras consequat metus justo, tempus ullamcorper nibh tempor sit amet</li>
<li>Duis in urna neque</li>
<li>Cras tempus malesuada orci</li>
<li>Pellentesque diam magna, mattis non auctor eget, finibus non neque</li>
</ul>
</div>
</div>
<h2>header level 2</h2>
<img class="float-right" src="/assets/img/filler1.jpg">
<p>Vestibulum dignissim tortor et tellus rutrum, quis dignissim orci rhoncus.
Vestibulum eget justo in ante feugiat varius.
Donec efficitur nulla non mollis facilisis.
Duis vitae feugiat tortor.
Morbi ac tempor leo.
Nunc pharetra est et dui malesuada, nec auctor nisi pulvinar.
In hac habitasse platea dictumst.
Donec magna velit, consequat non dignissim at, commodo a enim.
Duis accumsan nunc at tellus vulputate consequat.
Nam nec lectus eget nisi venenatis condimentum sed ac massa.
Interdum et malesuada fames ac ante ipsum primis in faucibus.
Integer sem tortor, blandit non tellus ut, elementum cursus libero.
Duis fringilla aliquet justo eu interdum.
Aenean fermentum leo dignissim leo pulvinar, eu ornare mauris porttitor.
Vestibulum vitae euismod metus, non varius quam.
</p>
<div class="two-col">
<p>
Vestibulum dignissim tortor et tellus rutrum, quis dignissim orci rhoncus.
Vestibulum eget justo in ante feugiat varius.
Donec efficitur nulla non mollis facilisis.
Duis vitae feugiat tortor.
Morbi ac tempor leo.
Nunc pharetra est et dui malesuada, nec <a href="/auctor">auctor</a> nisi pulvinar.
In hac habitasse platea dictumst.
Donec magna velit, consequat non dignissim at, commodo a enim.
Duis accumsan nunc at tellus vulputate consequat.
Nam nec lectus eget nisi venenatis condimentum sed ac massa.
Interdum et malesuada fames ac ante ipsum primis in faucibus.
Integer sem tortor, blandit non tellus ut, elementum cursus libero.
Duis fringilla aliquet justo eu interdum.
Aenean fermentum leo dignissim leo pulvinar, eu ornare mauris porttitor.
Vestibulum vitae euismod metus, non varius quam.
</p>
<img src="/assets/img/filler1.jpg">
</div>
<h3>header level 3</h3>
<p>Vestibulum quis rhoncus risus, sit amet volutpat velit.
<p>
Vestibulum quis rhoncus risus, sit amet volutpat velit.
Cras finibus, leo vitae feugiat faucibus, sem nulla hendrerit est, elementum aliquam ligula tellus eu risus.
Cras tincidunt mauris ut purus vulputate aliquam ac sit amet lectus.
Donec maximus pretium ligula, in ultricies enim rutrum sed.
@ -90,5 +98,6 @@
Proin vitae erat a nisi lobortis gravida ac vel est.
</p>
</main>
<footer id="footer"><!-- auto-generated by nav.js --></footer>
</body>
</html>