mirror of
https://github.com/Mintplex-Labs/helm-charts.git
synced 2026-07-01 16:42:09 -04:00
Sam Culley
635 lines
17 KiB
HTML
635 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Mintplex Labs Helm Charts</title>
|
|
<meta
|
|
name="description"
|
|
content="Official Helm Charts repository for Mintplex Labs - Deploy applications on Kubernetes with ease"
|
|
/>
|
|
<meta
|
|
name="keywords"
|
|
content="helm, charts, kubernetes, k8s, mintplex-labs, anything-llm, deployment"
|
|
/>
|
|
|
|
<!-- Favicon -->
|
|
<link
|
|
rel="icon"
|
|
href="https://helm.sh/img/favicon-196x196.png"
|
|
type="image/png"
|
|
/>
|
|
|
|
<!-- Fonts -->
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
|
|
<!-- Font Awesome for icons -->
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
|
/>
|
|
|
|
<style>
|
|
:root {
|
|
--primary-color: #0f1419;
|
|
--secondary-color: #326ce5;
|
|
--accent-color: #4fc3f7;
|
|
--text-primary: #333;
|
|
--text-secondary: #666;
|
|
--background: #ffffff;
|
|
--card-background: #f8f9fa;
|
|
--border-color: #e1e5e9;
|
|
--success-color: #28a745;
|
|
--warning-color: #ffc107;
|
|
--border-radius: 8px;
|
|
--shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
|
sans-serif;
|
|
line-height: 1.6;
|
|
color: var(--text-primary);
|
|
background-color: var(--background);
|
|
}
|
|
|
|
.container {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
/* Header */
|
|
header {
|
|
background: linear-gradient(
|
|
135deg,
|
|
var(--primary-color) 0%,
|
|
var(--secondary-color) 100%
|
|
);
|
|
color: white;
|
|
padding: 2rem 0;
|
|
text-align: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
header::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="20" fill="url(%23grid)"/></svg>');
|
|
opacity: 0.1;
|
|
}
|
|
|
|
.hero {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.hero h1 {
|
|
font-size: 3.5rem;
|
|
font-weight: 700;
|
|
margin-bottom: 1rem;
|
|
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.hero p {
|
|
font-size: 1.3rem;
|
|
margin-bottom: 2rem;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.helm-logo {
|
|
font-size: 4rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
/* Main content */
|
|
main {
|
|
padding: 4rem 0;
|
|
}
|
|
|
|
.section {
|
|
margin-bottom: 4rem;
|
|
}
|
|
|
|
.section-title {
|
|
font-size: 2.5rem;
|
|
font-weight: 600;
|
|
margin-bottom: 1rem;
|
|
color: var(--primary-color);
|
|
text-align: center;
|
|
}
|
|
|
|
.section-subtitle {
|
|
font-size: 1.2rem;
|
|
color: var(--text-secondary);
|
|
text-align: center;
|
|
margin-bottom: 3rem;
|
|
}
|
|
|
|
/* Quick Start */
|
|
.quick-start {
|
|
background: var(--card-background);
|
|
padding: 2rem;
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--shadow);
|
|
margin-bottom: 3rem;
|
|
}
|
|
|
|
.quick-start h3 {
|
|
color: var(--secondary-color);
|
|
margin-bottom: 1.5rem;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.code-block {
|
|
background: var(--primary-color);
|
|
color: #f8f8f2;
|
|
padding: 1.5rem;
|
|
border-radius: var(--border-radius);
|
|
margin: 1rem 0;
|
|
position: relative;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.code-block pre {
|
|
margin: 0;
|
|
font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.copy-button {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px;
|
|
background: var(--accent-color);
|
|
color: white;
|
|
border: none;
|
|
padding: 0.5rem;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-size: 0.8rem;
|
|
opacity: 0.8;
|
|
transition: opacity 0.3s;
|
|
}
|
|
|
|
.copy-button:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* Charts Grid */
|
|
.charts-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
gap: 2rem;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.chart-card {
|
|
background: var(--card-background);
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--border-radius);
|
|
padding: 2rem;
|
|
transition: transform 0.3s, box-shadow 0.3s;
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
|
|
.chart-card:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: var(--shadow);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.chart-icon {
|
|
font-size: 3rem;
|
|
color: var(--secondary-color);
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.chart-title {
|
|
font-size: 1.5rem;
|
|
font-weight: 600;
|
|
margin-bottom: 0.5rem;
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
.chart-description {
|
|
color: var(--text-secondary);
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.chart-meta {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-size: 0.9rem;
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.status-badge {
|
|
padding: 0.25rem 0.75rem;
|
|
border-radius: 20px;
|
|
font-size: 0.8rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.status-stable {
|
|
background: rgba(40, 167, 69, 0.1);
|
|
color: var(--success-color);
|
|
}
|
|
|
|
.status-beta {
|
|
background: rgba(255, 193, 7, 0.1);
|
|
color: var(--warning-color);
|
|
}
|
|
|
|
/* Features */
|
|
.features-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
gap: 2rem;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.feature-card {
|
|
text-align: center;
|
|
padding: 2rem 1rem;
|
|
}
|
|
|
|
.feature-icon {
|
|
font-size: 3rem;
|
|
color: var(--secondary-color);
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.feature-title {
|
|
font-size: 1.3rem;
|
|
font-weight: 600;
|
|
margin-bottom: 1rem;
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
/* Footer */
|
|
footer {
|
|
background: var(--primary-color);
|
|
color: white;
|
|
padding: 3rem 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.footer-content {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
gap: 2rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.footer-section h4 {
|
|
margin-bottom: 1rem;
|
|
color: var(--accent-color);
|
|
}
|
|
|
|
.footer-section ul {
|
|
list-style: none;
|
|
}
|
|
|
|
.footer-section ul li {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.footer-section a {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
text-decoration: none;
|
|
transition: color 0.3s;
|
|
}
|
|
|
|
.footer-section a:hover {
|
|
color: var(--accent-color);
|
|
}
|
|
|
|
.footer-bottom {
|
|
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
padding-top: 2rem;
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
/* Responsive */
|
|
@media (max-width: 768px) {
|
|
.hero h1 {
|
|
font-size: 2.5rem;
|
|
}
|
|
|
|
.hero p {
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.section-title {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.charts-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
|
|
/* Animations */
|
|
@keyframes fadeInUp {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(30px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.fade-in-up {
|
|
animation: fadeInUp 0.6s ease-out;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="container">
|
|
<div class="hero fade-in-up">
|
|
<div class="helm-logo">⎈</div>
|
|
<h1>Mintplex Labs Helm Charts</h1>
|
|
<p>
|
|
Official Helm Charts Repository - Deploy applications on Kubernetes
|
|
with ease
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="container">
|
|
<!-- Quick Start Section -->
|
|
<section class="section">
|
|
<h2 class="section-title">Quick Start</h2>
|
|
<p class="section-subtitle">
|
|
Get started with Mintplex Labs Helm Charts in minutes
|
|
</p>
|
|
|
|
<div class="quick-start fade-in-up">
|
|
<h3><i class="fas fa-rocket"></i> Add the Repository</h3>
|
|
<div class="code-block">
|
|
<button class="copy-button" onclick="copyToClipboard('add-repo')">
|
|
<i class="fas fa-copy"></i> Copy
|
|
</button>
|
|
<pre id="add-repo">
|
|
helm repo add mintplex-labs https://mintplex-labs.github.io/helm-charts</pre
|
|
>
|
|
</div>
|
|
|
|
<h3><i class="fas fa-sync-alt"></i> Update Repository</h3>
|
|
<div class="code-block">
|
|
<button
|
|
class="copy-button"
|
|
onclick="copyToClipboard('update-repo')"
|
|
>
|
|
<i class="fas fa-copy"></i> Copy
|
|
</button>
|
|
<pre id="update-repo">helm repo update</pre>
|
|
</div>
|
|
|
|
<h3><i class="fas fa-search"></i> Search Charts</h3>
|
|
<div class="code-block">
|
|
<button
|
|
class="copy-button"
|
|
onclick="copyToClipboard('search-charts')"
|
|
>
|
|
<i class="fas fa-copy"></i> Copy
|
|
</button>
|
|
<pre id="search-charts">helm search repo mintplex-labs</pre>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features Section -->
|
|
<section class="section">
|
|
<h2 class="section-title">Why Choose Our Charts?</h2>
|
|
<p class="section-subtitle">
|
|
Built with best practices and production experience
|
|
</p>
|
|
|
|
<div class="features-grid">
|
|
<div class="feature-card fade-in-up">
|
|
<div class="feature-icon">
|
|
<i class="fas fa-shield-alt"></i>
|
|
</div>
|
|
<h3 class="feature-title">Production Ready</h3>
|
|
<p>
|
|
Battle-tested charts with security best practices and
|
|
comprehensive configuration options
|
|
</p>
|
|
</div>
|
|
|
|
<div class="feature-card fade-in-up" style="animation-delay: 0.2s">
|
|
<div class="feature-icon">
|
|
<i class="fas fa-cogs"></i>
|
|
</div>
|
|
<h3 class="feature-title">Highly Configurable</h3>
|
|
<p>
|
|
Extensive customization options to fit your specific deployment
|
|
requirements
|
|
</p>
|
|
</div>
|
|
|
|
<div class="feature-card fade-in-up" style="animation-delay: 0.4s">
|
|
<div class="feature-icon">
|
|
<i class="fas fa-book"></i>
|
|
</div>
|
|
<h3 class="feature-title">Well Documented</h3>
|
|
<p>
|
|
Comprehensive documentation with examples and troubleshooting
|
|
guides
|
|
</p>
|
|
</div>
|
|
|
|
<div class="feature-card fade-in-up" style="animation-delay: 0.6s">
|
|
<div class="feature-icon">
|
|
<i class="fas fa-heart"></i>
|
|
</div>
|
|
<h3 class="feature-title">Community Driven</h3>
|
|
<p>
|
|
Open source with active community support and regular updates
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<div class="footer-content">
|
|
<div class="footer-section">
|
|
<h4>Resources</h4>
|
|
<ul>
|
|
<li>
|
|
<a
|
|
href="https://github.com/mintplex-labs/helm-charts"
|
|
target="_blank"
|
|
>
|
|
<i class="fab fa-github"></i> Source Code
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="https://github.com/mintplex-labs/helm-charts/issues"
|
|
target="_blank"
|
|
>
|
|
<i class="fas fa-bug"></i> Report Issues
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="https://github.com/mintplex-labs/helm-charts/discussions"
|
|
target="_blank"
|
|
>
|
|
<i class="fas fa-comments"></i> Discussions
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h4>Documentation</h4>
|
|
<ul>
|
|
<li>
|
|
<a href="https://helm.sh/docs/" target="_blank">
|
|
<i class="fas fa-book"></i> Helm Documentation
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://kubernetes.io/docs/" target="_blank">
|
|
<i class="fas fa-dharmachakra"></i> Kubernetes Docs
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="https://github.com/mintplex-labs/helm-charts/blob/main/README.md"
|
|
target="_blank"
|
|
>
|
|
<i class="fas fa-readme"></i> Getting Started
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h4>Community</h4>
|
|
<ul>
|
|
<li>
|
|
<a href="https://mintplexlabs.com/" target="_blank">
|
|
<i class="fas fa-globe"></i> Mintplex Labs Website
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="mailto:team@mintplexlabs.com">
|
|
<i class="fas fa-envelope"></i> Contact Us
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-bottom">
|
|
<p>© 2025 Mintplex Labs. Licensed under the MIT License.</p>
|
|
<p>
|
|
Made with
|
|
<i class="fas fa-heart" style="color: var(--accent-color)"></i> for
|
|
the Kubernetes community
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
// Copy to clipboard functionality
|
|
function copyToClipboard(elementId) {
|
|
const element = document.getElementById(elementId);
|
|
const text = element.textContent;
|
|
|
|
navigator.clipboard
|
|
.writeText(text)
|
|
.then(() => {
|
|
// Show feedback
|
|
const button = element.parentElement.querySelector(".copy-button");
|
|
const originalText = button.innerHTML;
|
|
button.innerHTML = '<i class="fas fa-check"></i> Copied!';
|
|
button.style.background = "var(--success-color)";
|
|
|
|
setTimeout(() => {
|
|
button.innerHTML = originalText;
|
|
button.style.background = "var(--accent-color)";
|
|
}, 2000);
|
|
})
|
|
.catch((err) => {
|
|
console.error("Failed to copy text: ", err);
|
|
// Fallback for older browsers
|
|
const textArea = document.createElement("textarea");
|
|
textArea.value = text;
|
|
document.body.appendChild(textArea);
|
|
textArea.select();
|
|
document.execCommand("copy");
|
|
document.body.removeChild(textArea);
|
|
});
|
|
}
|
|
|
|
// Add smooth scrolling for anchor links
|
|
document.querySelectorAll('a[href^="#"]').forEach((anchor) => {
|
|
anchor.addEventListener("click", function (e) {
|
|
e.preventDefault();
|
|
const target = document.querySelector(this.getAttribute("href"));
|
|
if (target) {
|
|
target.scrollIntoView({
|
|
behavior: "smooth",
|
|
block: "start",
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
// Add animation on scroll
|
|
const observerOptions = {
|
|
threshold: 0.1,
|
|
rootMargin: "0px 0px -50px 0px",
|
|
};
|
|
|
|
const observer = new IntersectionObserver((entries) => {
|
|
entries.forEach((entry) => {
|
|
if (entry.isIntersecting) {
|
|
entry.target.style.opacity = "1";
|
|
entry.target.style.transform = "translateY(0)";
|
|
}
|
|
});
|
|
}, observerOptions);
|
|
|
|
// Observe all fade-in-up elements
|
|
document.querySelectorAll(".fade-in-up").forEach((el) => {
|
|
el.style.opacity = "0";
|
|
el.style.transform = "translateY(30px)";
|
|
el.style.transition = "opacity 0.6s ease-out, transform 0.6s ease-out";
|
|
observer.observe(el);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|