biosiasandClaude Sonnet 5
3c510ba92e
index.html and its site-shell CSS (reset.css, header.css, layout.css) now live under demo/, separate from the library's own css/, js/, strings/, templates/, and articles/ at the repo root. Root css/ now holds only css/components/ — the styles any embedding page actually needs. Fixed demo/index.html's own relative paths to the component CSS and router.js (one level up now); its own site-shell CSS links needed no change since they moved along with it. No BASE_URL/MARKED_URL changes in js/config.js — those resolve from the script's own location via import.meta.url, independent of wherever the HTML page that loaded it lives. Updated README.md throughout: project structure diagram, Translations' index.html mentions, the Embedding section's site-level CSS example paths, the nginx config's SPA location block (now /demo/ instead of root), and Running locally's preview instructions. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01AXSVPS3UmmASiiprPfcnUd
49 lines
1.9 KiB
HTML
49 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1">
|
|
<title>Example Blog</title>
|
|
<link rel="stylesheet" href="css/reset.css">
|
|
<link rel="stylesheet" href="css/header.css">
|
|
<link rel="stylesheet" href="css/layout.css">
|
|
<link rel="stylesheet" href="../css/components/card.css">
|
|
<link rel="stylesheet" href="../css/components/article.css">
|
|
<link rel="stylesheet" href="../css/components/content.css">
|
|
<link rel="stylesheet" href="../css/components/pagination.css">
|
|
<link rel="stylesheet" href="../css/components/toc.css">
|
|
<link rel="stylesheet" href="../css/components/author-profile.css">
|
|
</head>
|
|
<body class="blog-page">
|
|
<header>
|
|
<!-- Site title always links back to the article list -->
|
|
<a href="#" id="site-title">Example Blog</a>
|
|
|
|
<!-- Search form — submits to #search/query via router.js -->
|
|
<form id="search-form" role="search">
|
|
<input type="search" id="search-input" placeholder="Search articles…" autocomplete="off" aria-label="Search articles">
|
|
<button type="submit">Search</button>
|
|
</form>
|
|
</header>
|
|
|
|
<main class="blog-shell">
|
|
<section class="blog-content" aria-label="Articles">
|
|
<!-- Article list: shown when no hash is present -->
|
|
<div id="list-view"></div>
|
|
|
|
<!-- Article view: shown when a slug hash is present -->
|
|
<div id="article-view" hidden></div>
|
|
</section>
|
|
|
|
<aside class="blog-sidebar" aria-label="Blog filters">
|
|
<section class="filter-section">
|
|
<h2>Tags</h2>
|
|
<nav id="tag-filters" aria-label="Filter by tag"></nav>
|
|
</section>
|
|
</aside>
|
|
</main>
|
|
|
|
<script type="module" src="../js/router.js"></script>
|
|
</body>
|
|
</html>
|