Skip to content

Commit 95b2dd9

Browse files
PrivatePuffinPrivatePuffin
committed
some fixups
1 parent 34a5fcf commit 95b2dd9

File tree

8 files changed

+173
-1613
lines changed

8 files changed

+173
-1613
lines changed

‎astro.config.mjs‎

Lines changed: 21 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -119,9 +119,27 @@ export default defineConfig({
119119
//}),
120120
],
121121
sidebar: [
122-
{ label: "TrueTech", autogenerate: { directory: "truetech" } },
123-
{ label: "GamingForge", autogenerate: { directory: "gamingforge" } },
124-
{ label: "LifeForge", autogenerate: { directory: "lifeforge" } },
122+
{
123+
label: "truetech",
124+
collapsed: true,
125+
autogenerate: {
126+
directory: "truetech",
127+
},
128+
},
129+
{
130+
label: "gamingforge",
131+
collapsed: true,
132+
autogenerate: {
133+
directory: "gamingforge",
134+
},
135+
},
136+
{
137+
label: "lifeforge",
138+
collapsed: true,
139+
autogenerate: {
140+
directory: "lifeforge",
141+
},
142+
},
125143
],
126144
}),
127145
sitemap(),

‎src/components/CustomSidebar.astro‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,6 @@ import SidebarSublist from '@astrojs/starlight/components/SidebarSublist.astro';
66
import MobileMenuFooter from '@astrojs/starlight/components/MobileMenuFooter.astro';
77
88
const { sidebar } = Astro.locals.starlightRoute;
9-
console.log('Astro.locals.starlightRoute.sidebar:');
10-
console.dir(sidebar, { depth: null, colors: true });
119
1210
const currentPath = Astro.url.pathname;
1311

‎src/components/Navigation.astro‎

Lines changed: 30 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
import { Icon } from "@astrojs/starlight/components";
3-
import "../tailwind.css"
3+
import "../tailwind.css";
44
55
type IconName = "rss" | "star" | "open-book" | "rocket";
66
@@ -17,26 +17,38 @@ const links: Array<Link> = [
1717
{ name: "GamingForge", href: "/gamingforge", icon: "rocket" },
1818
{ name: "LifeForge", href: "/lifeforge", icon: "open-book" },
1919
];
20+
21+
const { pathname } = Astro.url;
2022
---
2123

2224
<div class="flex flex-row gap-5 ml-8 items-center justify-center">
2325
{
24-
links.map((link) => (
25-
<a
26-
class="link-no-deco hover:scale-110 flex flex-row items-center gap-1 hover:border-b-4 border-tc-primary transition-all"
27-
href={link.href}
28-
data-astro-prefetch="load"
29-
>
30-
<p class="font-bold text-lg max-lg:text-xs max-md:text-xs">
31-
{link.name}
32-
</p>
33-
{link.icon && (
34-
<Icon
35-
class="w-5 h-5 max-md:hidden max-lg:hidden text-[var(--sl-color-gray-2)]"
36-
name={link.icon}
37-
/>
38-
)}
39-
</a>
40-
))
26+
links.map((link) => {
27+
// Remove trailing slashes for reliable matching
28+
const normalizedHref = link.href.replace(/\/$/, "");
29+
const normalizedPath = pathname.replace(/\/$/, "");
30+
31+
// Active if the current URL starts with the link’s base path
32+
const isActive = normalizedPath.startsWith(normalizedHref);
33+
34+
return (
35+
<a
36+
class={`link-no-deco flex flex-row items-center gap-1 border-tc-primary transition-all
37+
${isActive ? "scale-110 border-b-4" : "hover:scale-110 hover:border-b-4"}`}
38+
href={link.href}
39+
data-astro-prefetch="load"
40+
>
41+
<p class="font-bold text-lg max-lg:text-xs max-md:text-xs">
42+
{link.name}
43+
</p>
44+
{link.icon && (
45+
<Icon
46+
class="w-5 h-5 max-md:hidden max-lg:hidden text-[var(--sl-color-gray-2)]"
47+
name={link.icon}
48+
/>
49+
)}
50+
</a>
51+
);
52+
})
4153
}
4254
</div>

‎src/content/docs/truetech/truecharts/index.mdx‎

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
---
2+
title: TrueCharts
3+
tableOfContents: false
4+
sidebar:
5+
order: 1
6+
---
7+
import CardGrid from "../../../../components/CardGrid.astro";
8+
import { Card } from "@astrojs/starlight/components";
9+
import { Icon } from "@astrojs/starlight/components";
10+
11+
12+
<div class="text-center">
13+
<div
14+
class="text-4xl max-md:text-2xl max-sm:text-xl font-extrabold border-b-4 border-tc-primary inline-block mb-10"
15+
>
16+
About TrueCharts
17+
</div>
18+
</div>
19+
<CardGrid stagger>
20+
<Card title="Easy To Deploy" icon="pencil">
21+
With TrueCharts, users can quickly and easily deploy a wide range of
22+
applications and services on their single or multi-node kubernetes
23+
cluster. Here are some potential list items to further describe the
24+
features and benefits of TrueCharts
25+
<ul class="mt-10">
26+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
27+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
28+
<p>Neatly organized catalog</p>
29+
</li>
30+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
31+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
32+
<p>Rapid deployment</p>
33+
</li>
34+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
35+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
36+
<p>Customization options</p>
37+
</li>
38+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
39+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
40+
<p>Active development</p>
41+
</li>
42+
</ul>
43+
</Card>
44+
<Card title="Consistent Ecosystem" icon="add-document">
45+
All apps are built on the same foundation and share a common deployment
46+
experience, which can provide several benefits, such as streamlined
47+
management and easier troubleshooting. Here are some potential features
48+
and benefits of the consistent ecosystem offered by TrueCharts
49+
<ul class="mt-10">
50+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
51+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
52+
<p>Shared base image</p>
53+
</li>
54+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
55+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
56+
<p>Standardized deployment process</p>
57+
</li>
58+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
59+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
60+
<p>Centralized management</p>
61+
</li>
62+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
63+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
64+
<p>Compatibility and reliability</p>
65+
</li>
66+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
67+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
68+
<p>Customizability</p>
69+
</li>
70+
</ul>
71+
</Card>
72+
<Card title="Stability" icon="setting">
73+
TrueCharts places a high priority on stability, with the goal of ensuring
74+
that deployed apps remain running reliably and consistently over time.
75+
This focus on stability can be critical for enterprise and production
76+
environments, where downtime can result in lost productivity, revenue, and
77+
customer satisfaction. Here are some potential features and benefits of
78+
the stability focus of TrueCharts
79+
<ul class="mt-10">
80+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
81+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
82+
<p>Thorough testing</p>
83+
</li>
84+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
85+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
86+
<p>Version control</p>
87+
</li>
88+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
89+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
90+
<p>Continuous monitoring</p>
91+
</li>
92+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
93+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
94+
<p>Security updates</p>
95+
</li>
96+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
97+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
98+
<p>Community support</p>
99+
</li>
100+
</ul>
101+
</Card>
102+
<Card title="Multi-Platform" icon="open-book">
103+
TrueCharts supports many different ways of deploying our Helm Charts,
104+
providing a consistent and standardized experience for all platforms.
105+
<ul class="mt-10">
106+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
107+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
108+
<p>Helm</p>
109+
</li>
110+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
111+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
112+
<p>FluxCD</p>
113+
</li>
114+
<li class="flex flex-row items-center gap-0 space-y-0 hover:scale-110 duration-1000 group">
115+
<Icon name="approve-check-circle" class="mr-2 group-hover:animate-ping" />
116+
<p>ClusterTool</p>
117+
</li>
118+
</ul>
119+
</Card>
120+
</CardGrid>
121+

0 commit comments

Comments
 (0)