boxmux 0.240.3373

YAML-driven terminal UI framework for rich, interactive CLI applications and dashboards with PTY support
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

<script>
	import { navItems, siteConfig } from '$lib/config';
	import SocialMedia from '../social-media.svelte';
</script>

<footer class="mx-auto mt-auto w-full max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8">
	<div class="flex flex-col items-center gap-4 sm:flex-row sm:justify-between">
		<div>
			<a href="/">
				<img src={siteConfig.logo} alt={siteConfig.title} class="h-6 dark:hidden" />
				<img src={siteConfig.logoDark} alt={siteConfig.title} class="hidden h-6 dark:block" />
			</a>
		</div>

		<ul class="text-center">
			{#each navItems as item}
				<li
					class="relative inline-block pe-8 before:absolute before:end-3 before:top-1/2 before:-translate-y-1/2 before:text-gray-300 before:content-['/'] last:pe-0 last-of-type:before:hidden dark:before:text-neutral-600"
				>
					<a
						class="inline-flex gap-x-2 text-sm text-gray-500 hover:text-gray-800 focus:text-gray-800 focus:outline-none dark:text-neutral-500 dark:hover:text-neutral-200 dark:focus:text-neutral-200"
						href={item.href}
					>
						{item.title}
					</a>
				</li>
			{/each}
		</ul>

		<SocialMedia />
	</div>
	
	<!-- Credits -->
	<div class="mt-6 text-center text-xs text-gray-400 dark:text-neutral-600">
		Documentation site based on 
		<a 
			href="https://github.com/code-gio/svelte-docs-starter" 
			class="hover:text-gray-600 dark:hover:text-neutral-400 underline"
			target="_blank"
			rel="noopener noreferrer"
		>
			Svelte Docs Starter
		</a>
		by code-gio.
	</div>
</footer>