mirror of
https://github.com/alexandrev/xslt-lab.git
synced 2026-09-20 12:33:14 +00:00
+1
This commit is contained in:
@@ -3,8 +3,8 @@
|
||||
This repository hosts the Helm chart for the XSLT playground and now includes a Hugo-powered site for docs and updates.
|
||||
|
||||
## Layout
|
||||
- `charts/` – Helm repository index and supporting assets (served as-is via GitHub Pages with `.nojekyll`).
|
||||
- `xslt-playground-0.1.2.tgz` – packaged Helm chart referenced from `charts/index.yaml`.
|
||||
- `index.yaml` – Helm repository index (served as-is via GitHub Pages with `.nojekyll`).
|
||||
- `xslt-playground-0.1.2.tgz` – packaged Helm chart referenced from `index.yaml`.
|
||||
- `site/` – Hugo source (content, layouts, CSS). Publishes to `docs/`.
|
||||
- `docs/` – will contain generated static files after running Hugo; commit this folder if you want GitHub Pages to serve the site.
|
||||
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
|
||||
@@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>About | XSLT Lab</title>
|
||||
<meta name="description" content="Why this repo exists and what you can do with it.">
|
||||
<link rel="stylesheet" href="https://alexandrev.github.io/xslt-lab/css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header">
|
||||
<div class="container header-grid">
|
||||
<div>
|
||||
<a class="brand" href="https://alexandrev.github.io/xslt-lab/">XSLT Lab</a>
|
||||
<p class="tagline">Helm and XSLT playground with a lightweight docs site.</p>
|
||||
</div>
|
||||
<nav>
|
||||
<ul class="nav">
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/">Home</a></li>
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/posts/">Posts</a></li>
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/about/">About</a></li>
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/index.yaml">Charts</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main class="container">
|
||||
<section class="page-header">
|
||||
<p class="eyebrow">About</p>
|
||||
<h1>About</h1>
|
||||
<p class="lead">Why this repo exists and what you can do with it.</p>
|
||||
</section>
|
||||
|
||||
<article class="post">
|
||||
<div class="content">
|
||||
<p>The XSLT Lab repo hosts the Helm chart index and packaged chart so you can install the playground quickly. A minimal Hugo site now lives alongside the chart to collect documentation, changelogs, and useful links without interfering with the chart repository structure.</p>
|
||||
<p>Use it to share how-tos, release notes, or background on how the playground is deployed. All content is Markdown, so you can edit it directly and rebuild the <code>docs/</code> output when you are ready to publish.</p>
|
||||
</div>
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="container footer-grid">
|
||||
<p>Built with Hugo · 2025-02-28</p>
|
||||
<p class="muted">Repo: <a href="https://github.com/alexandrev/xslt-lab">alexandrev/xslt-lab</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,227 @@
|
||||
:root {
|
||||
--bg: #0b1021;
|
||||
--panel: #0f172a;
|
||||
--accent: #32d5ff;
|
||||
--accent-2: #ff7e67;
|
||||
--text: #e6edf3;
|
||||
--muted: #9fb2c8;
|
||||
--border: #1f2a3d;
|
||||
--shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
|
||||
font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||||
}
|
||||
|
||||
* { box-sizing: border-box; }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
background: radial-gradient(circle at 20% 20%, #11223f, #0b1021 45%), radial-gradient(circle at 80% 0%, #182743, #0b1021 40%), var(--bg);
|
||||
color: var(--text);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
a { color: var(--accent); text-decoration: none; }
|
||||
a:hover { color: var(--accent-2); }
|
||||
|
||||
.container {
|
||||
width: min(1100px, 90%);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.site-header {
|
||||
border-bottom: 1px solid var(--border);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
backdrop-filter: blur(8px);
|
||||
background: rgba(11, 16, 33, 0.9);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.header-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
align-items: center;
|
||||
padding: 18px 0;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.brand {
|
||||
font-weight: 800;
|
||||
letter-spacing: -0.02em;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tagline {
|
||||
margin: 4px 0 0;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.nav {
|
||||
display: flex;
|
||||
gap: 14px;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.nav a {
|
||||
padding: 8px 12px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.nav a:hover {
|
||||
border-color: var(--border);
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
|
||||
.hero {
|
||||
padding: 70px 0 50px;
|
||||
}
|
||||
|
||||
.eyebrow {
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.2em;
|
||||
font-size: 12px;
|
||||
color: var(--muted);
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
margin: 10px 0;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.lead {
|
||||
font-size: 18px;
|
||||
color: #d7e4f4;
|
||||
max-width: 780px;
|
||||
}
|
||||
|
||||
.cta-row {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
margin-top: 24px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 12px 18px;
|
||||
border-radius: 12px;
|
||||
background: linear-gradient(120deg, var(--accent), var(--accent-2));
|
||||
color: #0b1021;
|
||||
font-weight: 700;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
.button.ghost {
|
||||
background: transparent;
|
||||
color: var(--text);
|
||||
border: 1px solid var(--border);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
||||
gap: 24px;
|
||||
padding: 10px 0 50px;
|
||||
}
|
||||
|
||||
.card {
|
||||
background: linear-gradient(145deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 16px;
|
||||
padding: 18px 18px 22px;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
.checks {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 14px 0 0;
|
||||
}
|
||||
|
||||
.checks li::before {
|
||||
content: "✓";
|
||||
color: var(--accent);
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.post-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.post-list li {
|
||||
margin-bottom: 12px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.post-list.spaced li {
|
||||
padding: 14px 0;
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.muted {
|
||||
color: var(--muted);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.page-header {
|
||||
padding: 40px 0 10px;
|
||||
}
|
||||
|
||||
.post {
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
.post .content {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.post .content p {
|
||||
margin: 14px 0;
|
||||
}
|
||||
|
||||
.post .content code {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
padding: 2px 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.back-link {
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
border-top: 1px solid var(--border);
|
||||
padding: 20px 0;
|
||||
margin-top: 40px;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.footer-grid {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
font-size: 14px;
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
padding: 2px 5px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
.header-grid { grid-template-columns: 1fr; }
|
||||
.nav { flex-wrap: wrap; }
|
||||
.post-list li { flex-direction: column; align-items: flex-start; }
|
||||
}
|
||||
@@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>XSLT Lab</title>
|
||||
<meta name="description" content="A Hugo-powered landing page that sits alongside the Helm chart repo.">
|
||||
<link rel="stylesheet" href="https://alexandrev.github.io/xslt-lab/css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header">
|
||||
<div class="container header-grid">
|
||||
<div>
|
||||
<a class="brand" href="https://alexandrev.github.io/xslt-lab/">XSLT Lab</a>
|
||||
<p class="tagline">Helm and XSLT playground with a lightweight docs site.</p>
|
||||
</div>
|
||||
<nav>
|
||||
<ul class="nav">
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/">Home</a></li>
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/posts/">Posts</a></li>
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/about/">About</a></li>
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/index.yaml">Charts</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main class="container">
|
||||
<section class="hero">
|
||||
<p class="eyebrow">Static Site + Helm Repo</p>
|
||||
<h1>XSLT Lab</h1>
|
||||
<p class="lead">A Hugo-powered landing page that sits alongside the Helm chart repo.</p>
|
||||
<div class="cta-row">
|
||||
<a class="button" href="https://alexandrev.github.io/xslt-lab/posts/">Read updates</a>
|
||||
<a class="button ghost" href="https://alexandrev.github.io/xslt-lab/index.yaml">Helm repo index</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="grid">
|
||||
<article class="card">
|
||||
<p class="eyebrow">How this fits</p>
|
||||
<h2>Side-by-side with your chart</h2>
|
||||
<p>The Hugo source lives in <code>site/</code> and publishes to <code>docs/</code>, keeping the existing chart index and packages intact.</p>
|
||||
<ul class="checks">
|
||||
<li>Markdown content</li>
|
||||
<li>No external theme dependency</li>
|
||||
<li>Ready for GitHub Pages</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="card">
|
||||
<p class="eyebrow">Latest posts</p>
|
||||
<h2>Recent updates</h2>
|
||||
<ul class="post-list">
|
||||
<li>
|
||||
<a href="https://alexandrev.github.io/xslt-lab/posts/welcome-to-xslt-lab/">Welcome to the XSLT Lab site</a>
|
||||
<span class="muted">28 Feb 2025</span>
|
||||
</li>
|
||||
</ul>
|
||||
</article>
|
||||
</section>
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="container footer-grid">
|
||||
<p>Built with Hugo · 2025-02-28</p>
|
||||
<p class="muted">Repo: <a href="https://github.com/alexandrev/xslt-lab">alexandrev/xslt-lab</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Posts | XSLT Lab</title>
|
||||
<meta name="description" content="">
|
||||
<link rel="stylesheet" href="https://alexandrev.github.io/xslt-lab/css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header">
|
||||
<div class="container header-grid">
|
||||
<div>
|
||||
<a class="brand" href="https://alexandrev.github.io/xslt-lab/">XSLT Lab</a>
|
||||
<p class="tagline">Helm and XSLT playground with a lightweight docs site.</p>
|
||||
</div>
|
||||
<nav>
|
||||
<ul class="nav">
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/">Home</a></li>
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/posts/">Posts</a></li>
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/about/">About</a></li>
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/index.yaml">Charts</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main class="container">
|
||||
<section class="page-header">
|
||||
<p class="eyebrow">Posts</p>
|
||||
<h1>Posts</h1>
|
||||
</section>
|
||||
|
||||
<ul class="post-list spaced">
|
||||
<li>
|
||||
<a href="https://alexandrev.github.io/xslt-lab/posts/welcome-to-xslt-lab/">Welcome to the XSLT Lab site</a>
|
||||
<span class="muted">28 Feb 2025</span>
|
||||
<p class="muted">A short walkthrough of what this Hugo site gives you.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="container footer-grid">
|
||||
<p>Built with Hugo · 2025-02-28</p>
|
||||
<p class="muted">Repo: <a href="https://github.com/alexandrev/xslt-lab">alexandrev/xslt-lab</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,53 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Welcome to the XSLT Lab site | XSLT Lab</title>
|
||||
<meta name="description" content="A short walkthrough of what this Hugo site gives you.">
|
||||
<link rel="stylesheet" href="https://alexandrev.github.io/xslt-lab/css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header">
|
||||
<div class="container header-grid">
|
||||
<div>
|
||||
<a class="brand" href="https://alexandrev.github.io/xslt-lab/">XSLT Lab</a>
|
||||
<p class="tagline">Helm and XSLT playground with a lightweight docs site.</p>
|
||||
</div>
|
||||
<nav>
|
||||
<ul class="nav">
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/">Home</a></li>
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/posts/">Posts</a></li>
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/about/">About</a></li>
|
||||
<li><a href="https://alexandrev.github.io/xslt-lab/index.yaml">Charts</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main class="container">
|
||||
<article class="post">
|
||||
<p class="eyebrow">Posts</p>
|
||||
<h1>Welcome to the XSLT Lab site</h1>
|
||||
<p class="muted">28 Feb 2025</p>
|
||||
<p class="lead">A short walkthrough of what this Hugo site gives you.</p>
|
||||
<div class="content">
|
||||
<p>This repo now contains a Hugo site so you can publish notes, guides, and announcements next to the Helm chart.</p>
|
||||
<p>What you get:</p>
|
||||
<ul>
|
||||
<li>A landing page that links to the chart index.</li>
|
||||
<li>A posts section for updates and long-form guides.</li>
|
||||
<li>A configurable menu and simple styling that lives entirely in this repo.</li>
|
||||
</ul>
|
||||
<p>Run <code>hugo --source site --minify</code> to generate the static site into <code>docs/</code>, commit the output, and point GitHub Pages at the <code>docs</code> folder to go live.</p>
|
||||
</div>
|
||||
<p class="muted back-link"><a href="https://alexandrev.github.io/xslt-lab/posts/">← Back to Posts</a></p>
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="container footer-grid">
|
||||
<p>Built with Hugo · 2025-02-28</p>
|
||||
<p class="muted">Repo: <a href="https://github.com/alexandrev/xslt-lab">alexandrev/xslt-lab</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
+1
-1
@@ -27,5 +27,5 @@ lead = "Articles, release notes, and pointers to the Helm repo all live here. Bu
|
||||
|
||||
[[menu.main]]
|
||||
name = "Charts"
|
||||
url = "https://alexandrev.github.io/xslt-lab/charts/index.yaml"
|
||||
url = "https://alexandrev.github.io/xslt-lab/index.yaml"
|
||||
weight = 4
|
||||
|
||||
Reference in New Issue
Block a user