Bootstrapped the site from scratch following a data loss event. Set up a simple HTML/CSS page served from nginx. Added a navbar with the index page anchored in the top-left, a blog page link, and a link to the Forgejo instance. Added contact info and a genealogy blurb to the index page. Added an example resume page linked from the navbar.
37 lines
1.3 KiB
HTML
37 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>WWW - Personal Website</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<!--#include virtual="/includes/navbar.html" -->
|
|
|
|
<main class="container">
|
|
<section class="hero">
|
|
<h1>Welcome</h1>
|
|
<p>This is my personal website and blog.</p>
|
|
</section>
|
|
|
|
<section class="content-section">
|
|
<h2>About & Contact</h2>
|
|
<div class="contact-info">
|
|
<p><strong>Email:</strong> example@example.com</p>
|
|
<p>Feel free to reach out via email for any inquiries.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="content-section">
|
|
<h2>Genealogy</h2>
|
|
<div class="genealogy-blurb">
|
|
<p>I am interested in family history and genealogy. This website serves as a personal space to share stories, chronicles, and musings about life's journey, adventures, and family heritage.</p>
|
|
<p>The Copper Chronicle contains stories and memories from various trips and experiences. More to come as this site develops.</p>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!--#include virtual="/includes/footer.html" -->
|
|
</body>
|
|
</html>
|