asw-v01: archive deferred content (packs, site, lab, legacy examples)
- 2.1: packs/ -> archive/packs/ - 2.2: site/ -> archive/site/ - 2.3: src/lab/ -> archive/lab/ - 2.4: examples/ -> archive/examples-legacy/ (SSI-based)
This commit is contained in:
exe.dev user
parent
416fe2f180
commit
e47a9f4401
173 changed files with 11 additions and 5 deletions
28
archive/lab/boilerplate/dialog.html
Normal file
28
archive/lab/boilerplate/dialog.html
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Dialog Examples | Trentuna</title>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h1>Dialog Components</h1>
|
||||
|
||||
<button type="button" onclick="document.getElementById('modal').showModal()">Open Modal</button>
|
||||
|
||||
<dialog id="modal">
|
||||
<form method="dialog">
|
||||
<header>
|
||||
<h2>Modal Title</h2>
|
||||
</header>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<footer>
|
||||
<button type="button" onclick="this.closest('dialog').close()">Cancel</button>
|
||||
<button type="submit">Confirm</button>
|
||||
</footer>
|
||||
</form>
|
||||
</dialog>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
64
archive/lab/boilerplate/faq.html
Normal file
64
archive/lab/boilerplate/faq.html
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Frequently Asked Questions | Trentuna</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav aria-label="Main navigation">
|
||||
<!-- Navigation links here -->
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<header>
|
||||
<h1>Frequently Asked Questions</h1>
|
||||
<p>Common questions about our services.</p>
|
||||
</header>
|
||||
|
||||
<section aria-labelledby="faq-heading">
|
||||
<h2 id="faq-heading">General Questions</h2>
|
||||
|
||||
<details>
|
||||
<summary>What is Trentuna?</summary>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary>How do I get started?</summary>
|
||||
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary>Is there a free tier available?</summary>
|
||||
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</details>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="billing-heading">
|
||||
<h2 id="billing-heading">Billing & Plans</h2>
|
||||
|
||||
<details>
|
||||
<summary>What payment methods do you accept?</summary>
|
||||
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary>Can I cancel anytime?</summary>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
|
||||
</details>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Still Have Questions?</h2>
|
||||
<p>Contact us at <a href="mailto:support@trentuna.exe.xyz">support@trentuna.exe.xyz</a></p>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2026 Trentuna. All rights reserved.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
28
archive/lab/boilerplate/index.html
Normal file
28
archive/lab/boilerplate/index.html
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--#include virtual="/_include/head.html" -->
|
||||
<title>Boilerplate — ASW Lab</title>
|
||||
</head>
|
||||
<body>
|
||||
<!--#include virtual="/_include/nav.html" -->
|
||||
<main>
|
||||
<header>
|
||||
<h1>Boilerplate Templates</h1>
|
||||
<p data-text="lead">Starting points. Copy, adapt, deploy.</p>
|
||||
</header>
|
||||
<ul>
|
||||
<li><a href="dialog.html">dialog.html</a> — <span data-text="dim">modal dialog template</span></li>
|
||||
<li><a href="faq.html">faq.html</a> — <span data-text="dim">FAQ accordion layout</span></li>
|
||||
<li><a href="kitchen-sink.html">kitchen-sink.html</a> — <span data-text="dim">all-components boilerplate</span></li>
|
||||
<li><a href="post.html">post.html</a> — <span data-text="dim">blog/journal post layout</span></li>
|
||||
<li><a href="pricing.html">pricing.html</a> — <span data-text="dim">pricing table layout</span></li>
|
||||
<li><a href="profile.html">profile.html</a> — <span data-text="dim">agent/user profile page</span></li>
|
||||
<li><a href="section.html">section.html</a> — <span data-text="dim">section/landing template</span></li>
|
||||
<li><a href="timeline.html">timeline.html</a> — <span data-text="dim">chronological timeline layout</span></li>
|
||||
</ul>
|
||||
<p><a href="/lab/" data-text="dim">← Lab</a></p>
|
||||
</main>
|
||||
<!--#include virtual="/_include/footer.html" -->
|
||||
</body>
|
||||
</html>
|
||||
87
archive/lab/boilerplate/kitchen-sink.html
Normal file
87
archive/lab/boilerplate/kitchen-sink.html
Normal file
|
|
@ -0,0 +1,87 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Kitchen Sink | Trentuna</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Kitchen Sink</h1>
|
||||
<p>A comprehensive test of all HTML elements.</p>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<article>
|
||||
<h2>Typography & Lists</h2>
|
||||
<p>This is a paragraph with <strong>bold</strong>, <em>italic</em>, <mark>highlighted</mark>, and <code>inline code</code>.</p>
|
||||
<ul>
|
||||
<li>Unordered list item</li>
|
||||
<li>Another item</li>
|
||||
</ul>
|
||||
<ol>
|
||||
<li>Ordered list item</li>
|
||||
<li>Second item</li>
|
||||
</ol>
|
||||
|
||||
<h2>Media</h2>
|
||||
<figure>
|
||||
<img src="placeholder.jpg" alt="Placeholder image">
|
||||
<figcaption>Figure caption</figcaption>
|
||||
</figure>
|
||||
<video controls width="100%">
|
||||
<source src="movie.mp4" type="video/mp4">
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
|
||||
<h2>Tables</h2>
|
||||
<table>
|
||||
<caption>Data Table Caption</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Header 1</th>
|
||||
<th>Header 2</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Row 1, Cell 1</td>
|
||||
<td>Row 1, Cell 2</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h2>Forms</h2>
|
||||
<form action="/submit" method="post">
|
||||
<fieldset>
|
||||
<legend>Contact Details</legend>
|
||||
<label for="name">Name:</label>
|
||||
<input type="text" id="name" name="name"><br><br>
|
||||
|
||||
<label for="email">Email:</label>
|
||||
<input type="email" id="email" name="email"><br><br>
|
||||
|
||||
<label for="message">Message:</label><br>
|
||||
<textarea id="message" name="message" rows="4"></textarea><br><br>
|
||||
|
||||
<label>
|
||||
<input type="checkbox" name="subscribe"> Subscribe to newsletter
|
||||
</label>
|
||||
<br><br>
|
||||
<button type="submit">Submit</button>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
<h2>Interactive Elements</h2>
|
||||
<details>
|
||||
<summary>Click to expand details</summary>
|
||||
<p>This is the hidden content revealed by the details element.</p>
|
||||
</details>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2026 Trentuna. All rights reserved.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
60
archive/lab/boilerplate/post.html
Normal file
60
archive/lab/boilerplate/post.html
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Post Title | Trentuna</title>
|
||||
<meta name="description" content="A brief description of the post content for SEO.">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav aria-label="Main navigation">
|
||||
<!-- Navigation links here -->
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<article>
|
||||
<header>
|
||||
<h1>The Post Title Goes Here</h1>
|
||||
<p class="meta">
|
||||
Published on <time datetime="2026-04-02">April 2, 2026</time>
|
||||
by <span class="author">Author Name</span>
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<figure>
|
||||
<img src="placeholder.jpg" alt="Description of the featured image">
|
||||
<figcaption>Caption describing the image context.</figcaption>
|
||||
</figure>
|
||||
|
||||
<section>
|
||||
<h2>Introduction</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Main Content Area</h2>
|
||||
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<blockquote>
|
||||
"This is a blockquote for emphasis or a pull quote."
|
||||
<footer>— Source Name</footer>
|
||||
</blockquote>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
<aside>
|
||||
<h3>Related Posts</h3>
|
||||
<ul>
|
||||
<li><a href="#">Another interesting read</a></li>
|
||||
<li><a href="#">More on this topic</a></li>
|
||||
</ul>
|
||||
</aside>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2026 Trentuna. All rights reserved.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
70
archive/lab/boilerplate/pricing.html
Normal file
70
archive/lab/boilerplate/pricing.html
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Pricing | Trentuna</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav aria-label="Main navigation">
|
||||
<!-- Navigation links here -->
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<header>
|
||||
<h1>Choose Your Plan</h1>
|
||||
<p>Simple, transparent pricing for everyone.</p>
|
||||
</header>
|
||||
|
||||
<section aria-label="Pricing plans">
|
||||
<article class="plan">
|
||||
<h2>Free</h2>
|
||||
<p class="price">$0<span>/month</span></p>
|
||||
<ul>
|
||||
<li>✓ Basic features</li>
|
||||
<li>✓ Community support</li>
|
||||
<li>✗ Advanced analytics</li>
|
||||
<li>✗ Priority support</li>
|
||||
</ul>
|
||||
<button type="button">Get Started</button>
|
||||
</article>
|
||||
|
||||
<article class="plan featured">
|
||||
<span class="badge">Most Popular</span>
|
||||
<h2>Pro</h2>
|
||||
<p class="price">$12.99<span>/month</span></p>
|
||||
<ul>
|
||||
<li>✓ All Free features</li>
|
||||
<li>✓ Advanced analytics</li>
|
||||
<li>✓ Priority support</li>
|
||||
<li>✓ Custom integrations</li>
|
||||
</ul>
|
||||
<button type="button">Start Free Trial</button>
|
||||
</article>
|
||||
|
||||
<article class="plan">
|
||||
<h2>Enterprise</h2>
|
||||
<p class="price">Custom</p>
|
||||
<ul>
|
||||
<li>✓ All Pro features</li>
|
||||
<li>✓ Dedicated account manager</li>
|
||||
<li>✓ SLA guarantee</li>
|
||||
<li>✓ Custom contracts</li>
|
||||
</ul>
|
||||
<button type="button">Contact Sales</button>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Need Help Choosing?</h2>
|
||||
<p>Compare all features in our <a href="#">feature comparison table</a>.</p>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2026 Trentuna. All rights reserved.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
61
archive/lab/boilerplate/profile.html
Normal file
61
archive/lab/boilerplate/profile.html
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Profile | Trentuna</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav aria-label="Main navigation">
|
||||
<!-- Navigation links here -->
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<article class="profile">
|
||||
<header>
|
||||
<figure>
|
||||
<img src="avatar.jpg" alt="Profile photo of Person Name" width="200" height="200">
|
||||
</figure>
|
||||
<h1>Person Name</h1>
|
||||
<p class="title">Role / Title</p>
|
||||
<p class="bio">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</header>
|
||||
|
||||
<section aria-labelledby="skills-heading">
|
||||
<h2 id="skills-heading">Skills</h2>
|
||||
<ul class="skills-list">
|
||||
<li>HTML & CSS</li>
|
||||
<li>JavaScript</li>
|
||||
<li>Python</li>
|
||||
<li>Design Systems</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="experience-heading">
|
||||
<h2 id="experience-heading">Experience</h2>
|
||||
<dl>
|
||||
<dt>Senior Developer @ Company (2023-Present)</dt>
|
||||
<dd>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</dd>
|
||||
|
||||
<dt>Developer @ Previous Co (2020-2023)</dt>
|
||||
<dd>Duis aute irure dolor in reprehenderit in voluptate velit esse.</dd>
|
||||
</dl>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="contact-heading">
|
||||
<h2 id="contact-heading">Contact</h2>
|
||||
<address>
|
||||
<p>Email: <a href="mailto:person@example.com">person@example.com</a></p>
|
||||
<p>Twitter: <a href="https://twitter.com/username">@username</a></p>
|
||||
</address>
|
||||
</section>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2026 Trentuna. All rights reserved.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
56
archive/lab/boilerplate/section.html
Normal file
56
archive/lab/boilerplate/section.html
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Section Name | Trentuna</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav aria-label="Main navigation">
|
||||
<!-- Navigation links here -->
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<header>
|
||||
<h1>Section Title</h1>
|
||||
<p>A brief introduction to this collection of content.</p>
|
||||
</header>
|
||||
|
||||
<section aria-labelledby="posts-heading">
|
||||
<h2 id="posts-heading">Latest Entries</h2>
|
||||
|
||||
<article>
|
||||
<h3><a href="#">Post One Title</a></h3>
|
||||
<p>Short excerpt of the first post... Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<a href="#" aria-label="Read more about Post One">Read more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h3><a href="#">Post Two Title</a></h3>
|
||||
<p>Short excerpt of the second post... Ut enim ad minim veniam, quis nostrud exercitation.</p>
|
||||
<a href="#" aria-label="Read more about Post Two">Read more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h3><a href="#">Post Three Title</a></h3>
|
||||
<p>Short excerpt of the third post... Duis aute irure dolor in reprehenderit in voluptate.</p>
|
||||
<a href="#" aria-label="Read more about Post Three">Read more</a>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<nav aria-label="Pagination">
|
||||
<ul>
|
||||
<li><a href="#" aria-current="page">1</a></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">Next »</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2026 Trentuna. All rights reserved.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
63
archive/lab/boilerplate/timeline.html
Normal file
63
archive/lab/boilerplate/timeline.html
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Timeline | Trentuna</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav aria-label="Main navigation">
|
||||
<!-- Navigation links here -->
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<header>
|
||||
<h1>Our Journey</h1>
|
||||
<p>Key milestones and moments along the way.</p>
|
||||
</header>
|
||||
|
||||
<section aria-label="Timeline">
|
||||
<ol class="timeline">
|
||||
<li>
|
||||
<time datetime="2024-01-15">January 15, 2024</time>
|
||||
<article>
|
||||
<h2>Project Inception</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<span class="tag">Planning</span>
|
||||
</article>
|
||||
</li>
|
||||
<li>
|
||||
<time datetime="2024-06-20">June 20, 2024</time>
|
||||
<article>
|
||||
<h2>First Prototype Released</h2>
|
||||
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
||||
<span class="tag">Development</span>
|
||||
</article>
|
||||
</li>
|
||||
<li>
|
||||
<time datetime="2025-03-10">March 10, 2025</time>
|
||||
<article>
|
||||
<h2>Public Launch</h2>
|
||||
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
<span class="tag">Launch</span>
|
||||
</article>
|
||||
</li>
|
||||
<li>
|
||||
<time datetime="2026-04-02">April 2, 2026</time>
|
||||
<article>
|
||||
<h2>Current Version</h2>
|
||||
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<span class="tag active">Active</span>
|
||||
</article>
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2026 Trentuna. All rights reserved.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue