chore(refacto) Tailwind sucks

Too many things in "class". I prefer making a clean CSS and be able to
change the style later.
This commit is contained in:
2025-10-20 13:50:15 +02:00
parent e3aa2f08db
commit 11914c6baa
21 changed files with 823 additions and 551 deletions

View File

@@ -0,0 +1,18 @@
<section id="cta">
<div>
<h2>Ready to Simplify Your Kubernetes Deployments?</h2>
<p>
Start converting your Docker Compose files to Helm Charts today with
Katenary.
</p>
<div>
<a
class="button"
href="https://repo.katenary.io/katenary/katenary"
target="_blank"
>
Get Katenary Now
</a>
</div>
</div>
</section>

View File

@@ -0,0 +1,16 @@
<section id="demo">
<div>
<div>
<h2><i data-feather="eye"></i> See Katenary in Action</h2>
<p>Watch how easily you can convert Docker Compose to Helm Charts</p>
</div>
<div class="video-player">
<iframe
src="https://www.youtube.com/embed/RrX5jNxS9IA"
title="YouTube video player"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;"
allowfullscreen
></iframe>
</div>
</div>
</section>

View File

@@ -0,0 +1,39 @@
<section id="features">
<div>
<h2><i data-feather="key"></i> Why Choose Katenary</h2>
<p>Powerful features to simplify your Kubernetes deployment workflow</p>
</div>
<div class="diapo">
<div>
<div class="picto orange">
<i data-feather="repeat"></i>
</div>
<h3>Automated Conversion</h3>
<p>
Transform your Docker Compose files into fully functional Helm Charts
with a single command.
</p>
</div>
<div>
<div class="picto blue">
<i data-feather="git-pull-request"></i>
</div>
<h3>Open Source & Free</h3>
<p>
Built with Go, Katenary is 100% open source and free to use forever.
Contribute and customize to your needs.
</p>
<p>Licensed under MIT</p>
</div>
<div>
<div class="picto orange">
<i data-feather="package"></i>
</div>
<h3>Easy Installation</h3>
<p>
Available as native packages for Debian, RPM, Arch, Windows, and as a
container image.
</p>
</div>
</div>
</section>

View File

@@ -0,0 +1,16 @@
<div id="hero">
<div id="vanta-bg" style="min-height: 100vh"></div>
<div id="hero-content">
<div>
<h1>
<span class="gradient-text">From Docker Compose</span>
<span>to Helm Charts</span>
</h1>
<p>
Automatically convert your docker-compose.yaml files into complete Helm
Charts ready for Kubernetes.
</p>
<a class="button" href="#installation"> Get Started </a>
</div>
</div>
</div>

View File

@@ -0,0 +1,81 @@
<section id="installation">
<div>
<h2><i data-feather="package"></i> Install Katenary</h2>
<p>Multiple installation options to fit your environment</p>
</div>
<div class="diapo">
<!-- Package Repositories -->
<div>
<div class="picto orange">
<i data-feather="package"></i>
</div>
<h3>Package Repositories</h3>
<p>
Install using your system's package manager. Packages available for
RPM-based (Fedora, RHEL, Alma, Rocky), Debian-based (Ubuntu), and Arch
Linux.
</p>
<div class="action">
<a
class="button"
href="https://repo.katenary.io/Katenary/-/packages"
target="_blank"
>
View Packages
<i data-feather="arrow-right"></i>
</a>
</div>
</div>
<!-- macOS Download -->
<div>
<div class="picto grey">
<i data-feather="command"></i>
</div>
<h3>macOS Binary</h3>
<p>Download the macOS executable</p>
<div class="action">
<a
class="button"
href="https://repo.katenary.io/api/packages/Katenary/generic/katenary/3.0.0/katenary-darwin-amd64"
>
Download Binary
<i data-feather="download"></i>
</a>
</div>
</div>
<!-- Windows Installer -->
<div>
<div class="picto green">
<i data-feather="hexagon"></i>
</div>
<h3>Windows Setup</h3>
<p>Download and run the Windows installer</p>
<div class="action">
<a
class="button"
href="https://repo.katenary.io/api/packages/Katenary/generic/katenary/3.0.0/katenary-windows-setup.exe"
>
Download EXE <i data-feather="download"></i>
</a>
</div>
</div>
<!-- Container Image -->
<div>
<div class="picto blue">
<i data-feather="package"></i>
</div>
<h3>Container Image</h3>
<p>Run Katenary in a container</p>
<div class="action">
<a
class="button"
href="https://repo.katenary.io/Katenary/-/packages/container/katenary/latest"
target="_blank"
>
Pull Image <i data-feather="arrow-right"></i>
</a>
</div>
</div>
</div>
</section>

View File

@@ -0,0 +1,17 @@
<section>
<div>
<h2><i data-feather="terminal"></i> Terminal</h2>
<p>
It's simple. One command to convert your project to an Helm Chart and
you're ready.
</p>
</div>
<div>
<pre>
<code><span ># Convert your compose file to Helm Chart</span>
katenary convert
<span># Install the generated chart to your cluster</span>
helm install my-app ./chart</code></pre>
</div>
</section>

View File

@@ -0,0 +1,42 @@
<section id="tutorials">
<div>
<h2><i data-feather="video"></i> Video Tutorials</h2>
<p>Learn how to use Katenary with these step-by-step guides</p>
</div>
<div class="diapo">
<!-- Tutorial 1 -->
<div>
<div class="video-player">
<iframe
src="https://www.youtube.com/embed/kvVN8gPxqOA"
title="YouTube video player"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;"
allowfullscreen
></iframe>
</div>
<div>
<h3>Getting Started with Katenary</h3>
<p>
Learn the basics of converting Docker Compose files to Helm Charts
</p>
</div>
</div>
<!-- Tutorial 2 -->
<div>
<div class="video-player">
<iframe
src="https://www.youtube.com/embed/QtFOO1LnSVg"
title="YouTube video player"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;"
allowfullscreen
></iframe>
</div>
<div>
<h3>Advanced Katenary Features</h3>
<p>Explore advanced configuration options and customization</p>
</div>
</div>
</div>
</section>