56 lines
2.1 KiB
HTML
56 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="Colin Knapp - Story Example">
|
|
<title>Story Example - Colin Knapp</title>
|
|
<link rel="stylesheet" href="../styles.css" integrity="sha256-mjzh8Lh0zDbg3xduiLiH6jR4dfkgwJKGGoF2jAOY/AI=">
|
|
<link rel="stylesheet" href="stories.css" integrity="sha256-O+OMb48leSKvekhMTDUK1y6+WG9x33kA0eDw00wUwkY=">
|
|
<script src="../theme.js" integrity="sha256-+dDNTo7WAOmn2YC875+vn9oH4UkMwlVOGlARp2uq3A4="></script>
|
|
<script src="../includes.js" integrity="sha256-0VPPSi+jVc1DuyZaSYTq+fnpIfv7ft+ZDenYE6pDPqA="></script>
|
|
<script src="../markdown-loader.js" integrity="sha256-qK8mCx0LUZwMtstjbkCOweh/Y+84XwFjcUQSEH4lCws="></script>
|
|
</head>
|
|
<body>
|
|
<!-- Header Include -->
|
|
<div id="header-include"></div>
|
|
|
|
<!-- Main Content -->
|
|
<div class="story-header" id="main-content">
|
|
<h1>Story Title Example</h1>
|
|
<p class="story-meta">Category: Example | Date: 2023-Present</p>
|
|
<hr>
|
|
</div>
|
|
|
|
<div class="story-content">
|
|
<p>This is an example story content paragraph.</p>
|
|
|
|
<h2>Story Section</h2>
|
|
<p>This is a section of the story.</p>
|
|
|
|
<!-- Additional content would go here -->
|
|
</div>
|
|
|
|
<div class="story-footer">
|
|
<div class="story-nav">
|
|
<a href="#" class="story-nav-link prev">Previous Story</a>
|
|
<a href="#" class="story-nav-link next">Next Story</a>
|
|
</div>
|
|
|
|
<div class="related-stories">
|
|
<h3>Related Stories</h3>
|
|
<div class="related-stories-list">
|
|
<div class="story-card">
|
|
<h2>Related Story Title</h2>
|
|
<p class="story-excerpt">Brief description of the related story content.</p>
|
|
<a href="#" class="story-link">Read Story</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer Include -->
|
|
<div id="footer-include"></div>
|
|
</body>
|
|
</html>
|