Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
161 changes: 161 additions & 0 deletions about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,161 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HelmHub.IO</title>
<link rel="icon" type="image/x-icon" href="/website-frontend/assets/logo/helm-white-fav.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer">
<link rel="stylesheet" href="style.css">

<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> -->
</head>
<body>
<nav>
<div class="container">
<div class="nav-container">
<div class="nav-left">
<img src="/website-frontend/assets/logo/helm-white.png" alt="" class="logo">
<a href="/website-frontend/index.html" class="logo">HelmHub.IO</a>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We do not need the /website-frontend/ again since the base URL has changed @1MAGNOVA

<a href="/website-frontend/about.html" class="nav-link">About</a>
<a href="https://helmhub-io.github.io/charts" >Charts</a>
<a href="/website-frontend/docs.html" class="nav-link">Docs</a>
<a href="/website-frontend/Team.html" class="nav-link">Contributors</a>
<a href="/website-frontend/blog.html" class="nav-link">Blog</a>
</div>
<div class="nav-right">
<button class="theme-toggle" onclick="toggleTheme()">
<i class="fas fa-toggle-on"></i>
</button>
<a href="https://github.com/helmhub/helmhub" class="github-link">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

<i class="fa-brands fa-github"></i>
</a>
<div class="search-container">
<input type="text" placeholder="Search charts..." class="search-input">
<button class="search-btn">🔍</button>
</div>
</div>
<button class="hamburger" onclick="toggleMenu()">☰</button>
<ul class="nav-links" id="navLinks">
<li><a href="/website-frontend/index.html">Home</a></li>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We do not need the /website-frontend/ again since the base URL has changed @1MAGNOVA

<li><a href="/website-frontend/about.html" >About</a></li>
<li><a href="https://helmhub-io.github.io/charts" >Charts</a></li>
<li><a href="/website-frontend/docs.html" >Docs</a></li>
<li><a href="/website-frontend/Team.html" >Contributors</a></li>
<li><a href="/website-frontend/blog.html" >Blog</a></li>
</ul>
</div>
</div>
</nav>
<header>
<div class="container">
<h1>What's Helmhub-IO?</h1>
<p class="subtitle">Here's what you need to know about the helmhub-io</p>


</div>
</header>

<section class="about-hero">
<div class="container">
<div class="about-hero-wrap">
<div class="abh-left">
<h2>First, What's Helmhub?</h2>
<p>In DevOps and Site Reliability Engineering (SRE) practices, Helm charts are a packaging format used to define, install,
and manage complex Kubernetes applications consistently and reliably. Often described as the "package manager"
for Kubernetes (similar to apt or yum in Linux),
Helm streamlines the deployment and lifecycle management of applications within a Kubernetes cluster.
</p>
<em>So, simply put, this is where you can get all your helm charts</em>
</div>
<div class="abh-right">
<img src="/website-frontend/assets/logo/Helm.svg" alt="helm logo">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We do not need the /website-frontend/ again since the base URL has changed @1MAGNOVA

</div>
</div>
</section>




<footer>
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h4>Docs</h4>
<ul>
<li><a href="#">Getting Started</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Community</h4>
<ul>Helmhub Community
<li><a href="https://stackoverflow.com/users/31808849/helmhubio"><i class="fa-brands fa-stack-overflow"></i> Stack-overflow</i></a></li>
<li><a href="https://x.com/helmhubio"><i class="fa fa-twitter"></i> X(Formely Twitter)</i> </a></li>
<li><a href="https://www.linkedin.com/company/helmhub-io"><i class="fa fa-linkedin-square" aria-hidden="true"> Linkedin</i></a></li>
<li><a href="https://keybase.io/team/helmhub"><i class="fa-brands fa-keybase"></i> Keybase </a></li>
<li><a href="mailto:helmhubio@gmail.com"><i class="fa-solid fa-envelope"></i> Mail us </i></a></li>
<li><a href="https://helmhubio.github.io "><i class="fa fa-globe" aria-hidden="true"> Our Website</i></a></li>
</ul>
</div>
<div class="footer-section">
<h4>More</h4>
<ul>
<li><a href="#">Blog <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
<li><a href="https://github.com/helmhub-io">GitHub <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>With Love From Naija...🇳🇬 </p>
<p>Copyright © 2025 Helmhub</p>
</div>
</div>
</footer>
<script>
function copyToClipboard(elementId) {
const element = document.getElementById(elementId);
const text = element.textContent;
navigator.clipboard.writeText(text).then(function() {

const button = element.nextElementSibling;
const originalText = button.textContent;
button.textContent = 'Copied!';
setTimeout(() => {
button.textContent = originalText;
}, 2000);
});
}

function toggleMenu() {
document.getElementById('navLinks').classList.toggle('active');
}

function toggleTheme() {
const html = document.documentElement;
const themeIcon = document.getElementById('theme-icon');

if (html.getAttribute('data-theme') === 'dark') {
html.removeAttribute('data-theme');
themeIcon.className = 'fa fa-moon-o';
localStorage.setItem('theme', 'light');
} else {
html.setAttribute('data-theme', 'dark');
themeIcon.className = 'fa fa-sun-o';
localStorage.setItem('theme', 'dark');
}
}


document.addEventListener('DOMContentLoaded', function() {
const savedTheme = localStorage.getItem('theme');
const themeIcon = document.getElementById('theme-icon');

if (savedTheme === 'dark') {
document.documentElement.setAttribute('data-theme', 'dark');
themeIcon.className = 'fa fa-sun-o';
}
});
</script>
</body>
</html>
1 change: 1 addition & 0 deletions assets/logo/Helm.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
24 changes: 12 additions & 12 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,12 +17,12 @@
<div class="nav-container">
<div class="nav-left">
<img src="/website-frontend/assets/logo/helm-white.png" alt="" class="logo">
<a href="#" class="logo">HelmHub.IO</a>
<a href="#" class="nav-link">About</a>
<a href="#" class="nav-link">Charts</a>
<a href="#" class="nav-link">Docs</a>
<a href="#" class="nav-link">Team</a>
<a href="#" class="nav-link">Blog</a>
<a href="/website-frontend/index.html" class="logo">HelmHub.IO</a>
<a href="/website-frontend/about.html" class="nav-link">About</a>
<a href="https://helmhub-io.github.io/charts" >Charts</a>
<a href="/website-frontend/docs.html" class="nav-link">Docs</a>
<a href="/website-frontend/Team.html" class="nav-link">Contributors</a>
<a href="/website-frontend/blog.html" class="nav-link">Blog</a>
</div>
<div class="nav-right">
<button class="theme-toggle" onclick="toggleTheme()">
Expand All @@ -38,12 +38,12 @@
</div>
<button class="hamburger" onclick="toggleMenu()">☰</button>
<ul class="nav-links" id="navLinks">
<li><a href="#home">Home</a></li>
<li><a href="#" >About</a></li>
<li><a href="#" >Charts</a></li>
<li><a href="#" >Docs</a></li>
<li><a href="#" >Team</a></li>
<li><a href="#" >Blog</a></li>
<li><a href="/website-frontend/index.html">Home</a></li>
<li><a href="/website-frontend/about.html" >About</a></li>
<li><a href="https://helmhub-io.github.io/charts" >Charts</a></li>
<li><a href="/website-frontend/docs.html" >Docs</a></li>
<li><a href="/website-frontend/Team.html" >Contributors</a></li>
<li><a href="/website-frontend/blog.html" >Blog</a></li>
</ul>
</div>
</div>
Expand Down
12 changes: 12 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
Expand Up @@ -68,6 +68,18 @@ img.logo{ width: 4rem; height:4rem; }
.btn { display: inline-block; background: #1e3a8a; color: white; padding: 12px 30px; text-decoration: none; border-radius: 5px; font-weight: 500; transition: background 0.3s; }
.btn:hover { background: #1e40af; }


/* about page*/
.about-hero { padding: 4rem 0; text-align: center;}
.about-hero h2 { font-size: 2.5rem; margin-bottom: 1rem; color: var(--nav-bg); }
.about-hero h3{ margin-bottom: 1.3rem; color: #1e40af;}
.about-hero p { font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 2rem; }
.about-hero-wrap > .abh-left , .abh-right{ height: auto; width: 50vw; justify-content: space-evenly;}
.about-hero-wrap .abh-left{margin-top: 3rem;}
.about-hero-wrap .abh-right> img{width: 80%; height:80% ;margin-top: 1.5rem; }
.about-hero-wrap{ display: flex; gap:2rem; justify-content: center;}
.about-hero-wrap .abh-left em{font-size: 1.5rem; margin-bottom: 1rem; color: var(--nav-bg); }

/* Features Section */
.features { padding: 4rem 0; }
.features h2 { text-align: center; margin-bottom: 3rem; font-size: 2rem; color: var(--text-primary); }
Expand Down