Skip to content

Commit d48e462

Browse files
UkemeSkywalkerUkemeSkywalker
authored
Merge pull request #7 from helmhub-io/hellm-hub-mag
Hellm hub mag all links and pages working now
2 parents beb0770 + 7afc01b commit d48e462

File tree

9 files changed

+620
-23
lines changed

9 files changed

+620
-23
lines changed

‎.vscode/settings.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"liveServer.settings.port": 5501
3+
}

‎Team.html‎

Whitespace-only changes.

‎about.html‎

Lines changed: 161 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,161 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>HelmHub.IO</title>
7+
<link rel="icon" type="image/x-icon" href="/assets/logo/helm-white-fav.png">
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer">
9+
<link rel="stylesheet" href="style.css">
10+
11+
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> -->
13+
</head>
14+
<body>
15+
<nav>
16+
<div class="container">
17+
<div class="nav-container">
18+
<div class="nav-left">
19+
<img src="/assets/logo/helm-white.png" alt="" class="logo">
20+
<a href="/index.html" class="logo">HelmHub.IO</a>
21+
<a href="/about.html" class="nav-link">About</a>
22+
<a href="https://helmhub-io.github.io/charts" class="nav-link">Charts</a>
23+
<a href="/docs.html" class="nav-link">Docs</a>
24+
<a href="/team.html" class="nav-link">Contributors</a>
25+
<a href="/blog.html" class="nav-link">Blog</a>
26+
</div>
27+
<div class="nav-right">
28+
<button class="theme-toggle" onclick="toggleTheme()">
29+
<i class="fas fa-toggle-on"></i>
30+
</button>
31+
<a href="https://github.com/helmhub/helmhub" class="github-link">
32+
<i class="fa-brands fa-github"></i>
33+
</a>
34+
<div class="search-container">
35+
<input type="text" placeholder="Search charts..." class="search-input">
36+
<button class="search-btn">🔍</button>
37+
</div>
38+
</div>
39+
<button class="hamburger" onclick="toggleMenu()">☰</button>
40+
<ul class="nav-links" id="navLinks">
41+
<li><a href="/index.html">Home</a></li>
42+
<li><a href="/about.html" >About</a></li>
43+
<li><a href="https://helmhub-io.github.io/charts" >Charts</a></li>
44+
<li><a href="/docs.html" >Docs</a></li>
45+
<li><a href="/team.html" >Contributors</a></li>
46+
<li><a href="/blog.html" >Blog</a></li>
47+
</ul>
48+
</div>
49+
</div>
50+
</nav>
51+
<header>
52+
<div class="container">
53+
<h1>What's Helmhub-IO?</h1>
54+
<p class="subtitle">Here's what you need to know about the helmhub-io</p>
55+
56+
57+
</div>
58+
</header>
59+
60+
<section class="about-hero">
61+
<div class="container">
62+
<div class="about-hero-wrap">
63+
<div class="abh-left">
64+
<h2>First, What's Helmhub?</h2>
65+
<p>In DevOps and Site Reliability Engineering (SRE) practices, Helm charts are a packaging format used to define, install,
66+
and manage complex Kubernetes applications consistently and reliably. Often described as the "package manager"
67+
for Kubernetes (similar to apt or yum in Linux),
68+
Helm streamlines the deployment and lifecycle management of applications within a Kubernetes cluster.
69+
</p>
70+
<em>So, simply put, this is where you can get all your helm charts</em>
71+
</div>
72+
<div class="abh-right">
73+
<img src="/assets/logo/Helm.svg" alt="helm logo">
74+
</div>
75+
</div>
76+
</section>
77+
78+
79+
80+
81+
<footer>
82+
<div class="container">
83+
<div class="footer-content">
84+
<div class="footer-section">
85+
<h4>Docs</h4>
86+
<ul>
87+
<li><a href="#">Getting Started</a></li>
88+
</ul>
89+
</div>
90+
<div class="footer-section">
91+
<h4>Community</h4>
92+
<ul>Helmhub Community
93+
<li><a href="https://stackoverflow.com/users/31808849/helmhubio"><i class="fa-brands fa-stack-overflow"></i> Stack-overflow</i></a></li>
94+
<li><a href="https://x.com/helmhubio"><i class="fa fa-twitter"></i> X(Formely Twitter)</i> </a></li>
95+
<li><a href="https://www.linkedin.com/company/helmhub-io"><i class="fa fa-linkedin-square" aria-hidden="true"> Linkedin</i></a></li>
96+
<li><a href="https://keybase.io/team/helmhub"><i class="fa-brands fa-keybase"></i> Keybase </a></li>
97+
<li><a href="mailto:[email protected]"><i class="fa-solid fa-envelope"></i> Mail us </i></a></li>
98+
<li><a href="https://helmhubio.github.io "><i class="fa fa-globe" aria-hidden="true"> Our Website</i></a></li>
99+
</ul>
100+
</div>
101+
<div class="footer-section">
102+
<h4>More</h4>
103+
<ul>
104+
<li><a href="#">Blog <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
105+
<li><a href="https://github.com/helmhub-io">GitHub <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
106+
</ul>
107+
</div>
108+
</div>
109+
<div class="footer-bottom">
110+
<p>With Love From Naija...🇳🇬 </p>
111+
<p>Copyright © 2025 Helmhub</p>
112+
</div>
113+
</div>
114+
</footer>
115+
<script>
116+
function copyToClipboard(elementId) {
117+
const element = document.getElementById(elementId);
118+
const text = element.textContent;
119+
navigator.clipboard.writeText(text).then(function() {
120+
121+
const button = element.nextElementSibling;
122+
const originalText = button.textContent;
123+
button.textContent = 'Copied!';
124+
setTimeout(() => {
125+
button.textContent = originalText;
126+
}, 2000);
127+
});
128+
}
129+
130+
function toggleMenu() {
131+
document.getElementById('navLinks').classList.toggle('active');
132+
}
133+
134+
function toggleTheme() {
135+
const html = document.documentElement;
136+
const themeIcon = document.getElementById('theme-icon');
137+
138+
if (html.getAttribute('data-theme') === 'dark') {
139+
html.removeAttribute('data-theme');
140+
themeIcon.className = 'fa fa-moon-o';
141+
localStorage.setItem('theme', 'light');
142+
} else {
143+
html.setAttribute('data-theme', 'dark');
144+
themeIcon.className = 'fa fa-sun-o';
145+
localStorage.setItem('theme', 'dark');
146+
}
147+
}
148+
149+
150+
document.addEventListener('DOMContentLoaded', function() {
151+
const savedTheme = localStorage.getItem('theme');
152+
const themeIcon = document.getElementById('theme-icon');
153+
154+
if (savedTheme === 'dark') {
155+
document.documentElement.setAttribute('data-theme', 'dark');
156+
themeIcon.className = 'fa fa-sun-o';
157+
}
158+
});
159+
</script>
160+
</body>
161+
</html>

‎assets/logo/Helm.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎blog.html‎

Lines changed: 140 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,140 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>HelmHub.IO</title>
7+
<link rel="icon" type="image/x-icon" href="/assets/logo/helm-white-fav.png">
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer">
9+
<link rel="stylesheet" href="style.css">
10+
11+
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> -->
13+
</head>
14+
<body>
15+
<nav>
16+
<div class="container">
17+
<div class="nav-container">
18+
<div class="nav-left">
19+
<img src="/assets/logo/helm-white.png" alt="" class="logo">
20+
<a href="/index.html" class="logo">HelmHub.IO</a>
21+
<a href="/about.html" class="nav-link">About</a>
22+
<a href="https://helmhub-io.github.io/charts" class="nav-link">Charts</a>
23+
<a href="/docs.html" class="nav-link">Docs</a>
24+
<a href="/team.html" class="nav-link">Contributors</a>
25+
<a href="/blog.html" class="nav-link">Blog</a>
26+
</div>
27+
<div class="nav-right">
28+
<button class="theme-toggle" onclick="toggleTheme()">
29+
<i class="fas fa-toggle-on"></i>
30+
</button>
31+
<a href="https://github.com/helmhub/helmhub" class="github-link">
32+
<i class="fa-brands fa-github"></i>
33+
</a>
34+
<div class="search-container">
35+
<input type="text" placeholder="Search charts..." class="search-input">
36+
<button class="search-btn">🔍</button>
37+
</div>
38+
</div>
39+
<button class="hamburger" onclick="toggleMenu()">☰</button>
40+
<ul class="nav-links" id="navLinks">
41+
<li><a href="/index.html">Home</a></li>
42+
<li><a href="/about.html" >About</a></li>
43+
<li><a href="https://helmhub-io.github.io/charts" >Charts</a></li>
44+
<li><a href="/docs.html" >Docs</a></li>
45+
<li><a href="/team.html" >Contributors</a></li>
46+
<li><a href="/blog.html" >Blog</a></li>
47+
</ul>
48+
</div>
49+
</div>
50+
</nav>
51+
<header>
52+
<div class="container">
53+
<h1>HelmHub Blog</h1>
54+
<p class="subtitle"> Blog on projects</p>
55+
56+
57+
</div>
58+
</header>
59+
60+
<footer>
61+
<div class="container">
62+
<div class="footer-content">
63+
<div class="footer-section">
64+
<h4>Docs</h4>
65+
<ul>
66+
<li><a href="#">Getting Started</a></li>
67+
</ul>
68+
</div>
69+
<div class="footer-section">
70+
<h4>Community</h4>
71+
<ul>Helmhub Community
72+
<li><a href="https://stackoverflow.com/users/31808849/helmhubio"><i class="fa-brands fa-stack-overflow"></i> Stack-overflow</i></a></li>
73+
<li><a href="https://x.com/helmhubio"><i class="fa fa-twitter"></i> X(Formely Twitter)</i> </a></li>
74+
<li><a href="https://www.linkedin.com/company/helmhub-io"><i class="fa fa-linkedin-square" aria-hidden="true"> Linkedin</i></a></li>
75+
<li><a href="https://keybase.io/team/helmhub"><i class="fa-brands fa-keybase"></i> Keybase </a></li>
76+
<li><a href="mailto:[email protected]"><i class="fa-solid fa-envelope"></i> Mail us </i></a></li>
77+
<li><a href="https://helmhubio.github.io "><i class="fa fa-globe" aria-hidden="true"> Our Website</i></a></li>
78+
</ul>
79+
</div>
80+
<div class="footer-section">
81+
<h4>More</h4>
82+
<ul>
83+
<li><a href="#">Blog <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
84+
<li><a href="https://github.com/helmhub-io">GitHub <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
85+
</ul>
86+
</div>
87+
</div>
88+
<div class="footer-bottom">
89+
<p>With Love From Naija...🇳🇬 </p>
90+
<p>Copyright © 2025 Helmhub</p>
91+
</div>
92+
</div>
93+
</footer>
94+
<script>
95+
function copyToClipboard(elementId) {
96+
const element = document.getElementById(elementId);
97+
const text = element.textContent;
98+
navigator.clipboard.writeText(text).then(function() {
99+
100+
const button = element.nextElementSibling;
101+
const originalText = button.textContent;
102+
button.textContent = 'Copied!';
103+
setTimeout(() => {
104+
button.textContent = originalText;
105+
}, 2000);
106+
});
107+
}
108+
109+
function toggleMenu() {
110+
document.getElementById('navLinks').classList.toggle('active');
111+
}
112+
113+
function toggleTheme() {
114+
const html = document.documentElement;
115+
const themeIcon = document.getElementById('theme-icon');
116+
117+
if (html.getAttribute('data-theme') === 'dark') {
118+
html.removeAttribute('data-theme');
119+
themeIcon.className = 'fa fa-moon-o';
120+
localStorage.setItem('theme', 'light');
121+
} else {
122+
html.setAttribute('data-theme', 'dark');
123+
themeIcon.className = 'fa fa-sun-o';
124+
localStorage.setItem('theme', 'dark');
125+
}
126+
}
127+
128+
129+
document.addEventListener('DOMContentLoaded', function() {
130+
const savedTheme = localStorage.getItem('theme');
131+
const themeIcon = document.getElementById('theme-icon');
132+
133+
if (savedTheme === 'dark') {
134+
document.documentElement.setAttribute('data-theme', 'dark');
135+
themeIcon.className = 'fa fa-sun-o';
136+
}
137+
});
138+
</script>
139+
</body>
140+
</html>

0 commit comments

Comments
 (0)