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:
18
src/partials/content/cta.html
Normal file
18
src/partials/content/cta.html
Normal 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>
|
||||
16
src/partials/content/demo.html
Normal file
16
src/partials/content/demo.html
Normal 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>
|
||||
39
src/partials/content/features.html
Normal file
39
src/partials/content/features.html
Normal 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>
|
||||
16
src/partials/content/hero.html
Normal file
16
src/partials/content/hero.html
Normal 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>
|
||||
81
src/partials/content/install.html
Normal file
81
src/partials/content/install.html
Normal 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>
|
||||
17
src/partials/content/quickstart.html
Normal file
17
src/partials/content/quickstart.html
Normal 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>
|
||||
42
src/partials/content/tuto.html
Normal file
42
src/partials/content/tuto.html
Normal 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>
|
||||
Reference in New Issue
Block a user