chore(katenary): Use the new organization repository
This commit is contained in:
41
src/partials/features.html
Normal file
41
src/partials/features.html
Normal file
@@ -0,0 +1,41 @@
|
||||
<section class="features" id="features">
|
||||
<div class="container">
|
||||
<h2>Why Katenary?</h2>
|
||||
<p>
|
||||
Simplify your deployment workflow by converting Compose files into
|
||||
production-ready Helm Charts with ease.
|
||||
</p>
|
||||
<div class="feature-grid from-left">
|
||||
<div class="feature-item">
|
||||
<h3>Automated Conversion</h3>
|
||||
<p>
|
||||
Generate complete Helm Charts from your Compose files effortlessly.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<h3>Flexible Configuration</h3>
|
||||
<p>Customize deployments with `values.yaml` and environment labels.</p>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<h3>Dependency Management</h3>
|
||||
<p>
|
||||
Ensure proper service startup sequences using `depends_on` support.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<h3>Open Source</h3>
|
||||
<p>Free, opensource, under the <strong>MIT license!</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="video from-right">
|
||||
<iframe
|
||||
src="https://www.youtube.com/embed/RrX5jNxS9IA?si=i0kRVFXOwT3ZqZdB"
|
||||
title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
53
src/partials/footer.html
Normal file
53
src/partials/footer.html
Normal file
@@ -0,0 +1,53 @@
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<section>
|
||||
<div>
|
||||
<h2>Special thanks</h2>
|
||||
<p>Content creation:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://blender.org">Blender</a> that helps a lot to create
|
||||
videos and animations
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://highlightjs.org">Highlight.js</a> for the code
|
||||
syntax highlighting
|
||||
</li>
|
||||
</ul>
|
||||
<p>For graphical elements</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://inkscape.org">Inkscape</a> for the icons and images
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://gimp.org">The Gimp</a> for many others image
|
||||
manipulation
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div>
|
||||
<h2>Links</h2>
|
||||
<p>For this website:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://github.com/Katenary/katenary">Katenary on GitHub</a>
|
||||
to follow, star, and contribute
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://matrix.to/#/!JuGCanxvQEESclXmfX:matrix.org?via=matrix.org"
|
||||
>Discussion on Matrix.org</a
|
||||
>
|
||||
the official Matrix channel for Katenary
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container">
|
||||
<p>© 2024, 2025 Katenary. Open Source Project under MIT License.</p>
|
||||
</div>
|
||||
</footer>
|
||||
12
src/partials/get-started.html
Normal file
12
src/partials/get-started.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<section class="get-started" id="get-started">
|
||||
<div class="container">
|
||||
<h2>Get Started</h2>
|
||||
<p>Download Katenary’s binary and start using it today.</p>
|
||||
<pre><code>sh <(curl -sSL https://raw.githubusercontent.com/Katenary/katenary/master/install.sh)</code></pre>
|
||||
<p>
|
||||
<a href="https://github.com/Katenary/katenary" class="btn-primary"
|
||||
>Go to GitHub</a
|
||||
>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
12
src/partials/header.html
Normal file
12
src/partials/header.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<h1>Katenary</h1>
|
||||
<p>Effortless Helm Chart Conversion for Kubernetes Deployments</p>
|
||||
<a
|
||||
href="#features"
|
||||
class="down-arrow large-icon down"
|
||||
title="Scroll down to learn more"
|
||||
><i class="fa fa-arrow-down"></i
|
||||
></a>
|
||||
</div>
|
||||
</header>
|
||||
45
src/partials/how-it-works.html
Normal file
45
src/partials/how-it-works.html
Normal file
@@ -0,0 +1,45 @@
|
||||
<section class="how-it-works" id="how-it-works">
|
||||
<div class="container">
|
||||
<h2>How It Works</h2>
|
||||
<p>
|
||||
Katenary simply read your <code>compose.yaml</code> file (or
|
||||
<code>docker-compose.yaml</code>) and use
|
||||
<strong>official libraries</strong> to read it and generate Kubernetes
|
||||
resources as YAML.
|
||||
</p>
|
||||
<p>
|
||||
Then, it adds templating conditions, values file, define a
|
||||
<code>Chart.yaml</code> file, adapt dependencies if needed, and many
|
||||
others things.
|
||||
</p>
|
||||
<p>
|
||||
<strong>Using configuration files to be mounted?</strong> No problem,
|
||||
Katenary will create <code>ConfigMaps</code> if you declared that thes
|
||||
directories or files are statics.
|
||||
<br />
|
||||
<small
|
||||
>(Do not do this for sources of your project, use it for simple
|
||||
configuration files)</small
|
||||
>
|
||||
</p>
|
||||
<p>
|
||||
The result is a complete "Helm Chart" that can be installed, configured,
|
||||
packaged and shared.
|
||||
</p>
|
||||
<div class="image-placeholder">
|
||||
<img
|
||||
src="https://github.com/Katenary/katenary/raw/refs/heads/develop/doc/docs/statics/workflow.svg"
|
||||
alt="Katenary Workflow"
|
||||
/>
|
||||
</div>
|
||||
<p>
|
||||
Almost everything can be overriden as Ingresses, Dependencies, values,
|
||||
environment variables, secrets...
|
||||
</p>
|
||||
<ol>
|
||||
<li>Add optional labels to your Compose files.</li>
|
||||
<li>Run <code>katenary convert</code> from the command line.</li>
|
||||
<li>Deploy the generated Helm Chart in Kubernetes.</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
92
src/partials/how-to-use.html
Normal file
92
src/partials/how-to-use.html
Normal file
@@ -0,0 +1,92 @@
|
||||
<section class="how-to-use" id="how-to-use">
|
||||
<div class="container">
|
||||
<h2>How to use?</h2>
|
||||
<p>
|
||||
Install the binary, and use <code>katenar convert</code> command line
|
||||
inside your project directory
|
||||
</p>
|
||||
<p>
|
||||
You can adapt your compose YAML file with labels, or add a
|
||||
<code>compose.katenary.yaml</code> file to override your project.
|
||||
</p>
|
||||
<p>
|
||||
You may also use a specific <code>katenary.yaml</code> file that accepts
|
||||
the directives without using labels.
|
||||
</p>
|
||||
<section class="alternate">
|
||||
<div class="container example">
|
||||
<div class="from-left">
|
||||
<h3>Only add labels! (if needed!)</h3>
|
||||
<p>
|
||||
You can adapt, configure, or change the conversion behaviour addind
|
||||
labels.
|
||||
</p>
|
||||
<p>
|
||||
It
|
||||
<strong
|
||||
>doesn't change the <code>docker compose</code> or
|
||||
<code>podman compose</code></strong
|
||||
>
|
||||
behaviour. It is only used while using
|
||||
<code>katenary compose</code> command line
|
||||
</p>
|
||||
<p>
|
||||
There are
|
||||
<a
|
||||
href="https://katenary.readthedocs.io/en/latest/labels/"
|
||||
target="_blank"
|
||||
>plenty of labels</a
|
||||
>
|
||||
to help you to customize and adapt the resulting Helm Chart.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<pre class="from-right"><code class="language-yaml">
|
||||
# your "docker-compose.yml", or "compose.yaml"
|
||||
services:
|
||||
web:
|
||||
image: docker.io/nginx:latest
|
||||
ports:
|
||||
- "80:80"
|
||||
labels:
|
||||
# generate an ingress resource in the Helm Chart
|
||||
katenary.io/ingress: |-
|
||||
hostname: example.com
|
||||
port: 80
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="alternate">
|
||||
<div class="container example">
|
||||
<div class="from-right">
|
||||
<h3>Ease the deployment</h3>
|
||||
<p>
|
||||
Kubernetes somtimes lacks of automation. Katenary helps you to add
|
||||
what is needed, like having a
|
||||
<code>depends_on</code> feature.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<pre class="from-left"><code class="language-yaml">
|
||||
# your "docker-compose.yml", or "compose.yaml"
|
||||
services:
|
||||
db:
|
||||
image: docker.io/postgres:latest
|
||||
# ...
|
||||
labels:
|
||||
katenary.v3/ports: |-
|
||||
- 5432
|
||||
|
||||
web:
|
||||
image: php:fpm
|
||||
# ...
|
||||
depends_on:
|
||||
- db
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
24
src/partials/navbar.html
Normal file
24
src/partials/navbar.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<button class="btn-primary" id="menu-toggle">
|
||||
<i class="fas fa-bars"></i>
|
||||
</button>
|
||||
<div class="navbar">
|
||||
<div class="container">
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-house"></i> Katenary</a>
|
||||
</li>
|
||||
<li><a href="#features">Why Katenary?</a></li>
|
||||
<li><a href="#how-it-works">How It Works</a></li>
|
||||
<li><a href="#how-to-use">How to use</a></li>
|
||||
<li><a href="#tutorials">Tutorials</a></li>
|
||||
<li><a href="#get-started">Get Started</a></li>
|
||||
<li>
|
||||
<a href="https://github.com/Katenary/katenary" target="_blank"
|
||||
><i class="fab fa-github"></i> Katenary on GitHub</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
22
src/partials/tutorials.html
Normal file
22
src/partials/tutorials.html
Normal file
@@ -0,0 +1,22 @@
|
||||
<section class="tutorials" id="tutorials">
|
||||
<div class="container">
|
||||
<h2>Watch the Tutorials</h2>
|
||||
<p>
|
||||
<a
|
||||
href="https://www.youtube.com/watch?v=kvVN8gPxqOA&list=PLrq-nCZV_rv6GRBFlA7WxUz2h3DM5teCi"
|
||||
target="_blank"
|
||||
>A playlist</a
|
||||
>
|
||||
is progressivelly filled to help the Katenary adoption. Take a look and
|
||||
learn how it is simple.
|
||||
</p>
|
||||
<iframe
|
||||
src="https://www.youtube.com/embed/kvVN8gPxqOA?si=tsPoMPh4PbKFutTx"
|
||||
title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user