Katenary/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(design) Redo the webpage

Browse Source 
Trying to make a modern webpage. Tailwind is verbose but helps to do it
faster. I will later make a better CSS.

TODO: make dynamic links to package repository, exe, binaries... and add
a better example
This commit is contained in:
Patrice Ferlet
2025-10-19 09:27:00 +02:00
parent 58d8eb48b5
commit df926940c9
33 changed files with 747 additions and 1735 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
src/partials/footer.html
View File

@@ -1,68 +1,94 @@
<footer class="footer">
<div class="container">
<section>
<footer class="bg-gray-900 text-gray-400 py-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid md:grid-cols-4 gap-8">
<div>
<h2>Contact</h2>
<p>
For any question, suggestion, or if you want to sponsor to the
project, please contact me at: <br/>
<a href="mailto:contact@katenary.io"><i class="icofont-send-mail"></i> contact@katenary.io</a>
</p>
<p>
Issues and contributions are welcome on: <br />
<a href="https://repo.katenary.io/Katenary/katenary"><i class="icofont-users-alt-6"></i> Katenary repository</a>
</p>
<div class="flex items-center">
<img
src="https://repo.katenary.io/Katenary/katenary/raw/branch/master/doc/docs/statics/logo-vertical.svg"
alt="Katenary Logo"
class="h-8"
/>
</div>
<p class="mt-4 text-sm">
Convert Docker Compose to Helm Charts with ease.
</p>
</div>
</section>
<section>
<div>
<h2>Special thanks</h2>
<p>Content creation:</p>
<ul>
<h3 class="text-white font-bold mb-4">Resources</h3>
<ul class="space-y-2">
<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://repo.katenary.io/Katenary/katenary"><i class="icofont-users-alt-6"></i> Katenary repository</a>
to follow, star, and contribute
<a
href="https://repo.katenary.io/katenary/katenary"
target="_blank"
class="hover:text-orange-400 transition"
>Repository</a
>
</li>
<li>
<a
href="https://matrix.to/#/#katenary:matrix.org"
><i class="icofont-speech-comments"></i> Discussion on Matrix.org</a
href="https://repo.katenary.io/Katenary/-/packages"
target="_blank"
class="hover:text-orange-400 transition"
>Packages</a
>
</li>
<li>
<a
href="https://docs.katenary.io"
class="hover:text-orange-400 transition"
>Documentation</a
>
the official Matrix channel for Katenary
</li>
</ul>
</div>
</section>
</div>
<div class="container">
<p>&copy; 2024, 2025 Katenary. Open Source Project under MIT License.</p>
<div>
<h3 class="text-white font-bold mb-4">Community</h3>
<ul class="space-y-2">
<li>
<a
href="https://repo.katenary.io/Katenary/katenary/issues"
target="_blank"
class="hover:text-orange-400 transition"
>Git Issues</a
>
</li>
<li>
<a
href="https://matrix.to/#/#katenary-io:matrix.org"
target="_blank"
class="hover:text-orange-400 transition"
>Matrix Room</a
>
</li>
<li>
<a
href="https://repo.katenary.io/Katenary/katenary"
target="_blank"
class="hover:text-orange-400 transition"
>Contribute</a
>
</li>
</ul>
</div>
<div>
<h3 class="text-white font-bold mb-4">Connect</h3>
<div class="flex space-x-4">
<a
href="https://www.linkedin.com/company/katenary"
target="_blank"
class="hover:text-orange-400 transition"
><i data-feather="linkedin"></i
></a>
<a
href="https://www.youtube.com/@Katenary"
class="hover:text-orange-400 transition"
><i data-feather="youtube"></i
></a>
</div>
</div>
</div>
<div class="border-t border-gray-800 mt-10 pt-6 text-sm text-center">
<p>© 2025 Katenary. All rights reserved.</p>
</div>
</div>
</footer>