-
-
Notifications
You must be signed in to change notification settings - Fork 42
/
Copy pathFooter.astro
100 lines (97 loc) · 5.65 KB
/
Footer.astro
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
---
import GithubIcon from '../icons/github.svg?raw';
import BMCIcon from '../icons/bmc.svg?raw';
import FAQs from './FAQs.astro';
const year = new Date().getFullYear();
interface Props {
small?: boolean;
}
const { small } = Astro.props;
---
{small && (
<footer class="h-7 bg-page-background text-secondary-foreground z-999 text-xs tracking-wider hidden md:block">
<div class={`flex items-center justify-center ${small ? "mt-2" : "my-5"}`}>
<a href="/docs/en" target="_blank" class="hover:text-active-foreground transition-colors">Documentation</a>
<span class="px-2">·</span>
<a href="https://www.debjitbiswas.com/tags/sim8085/" target="_blank" class="hover:text-active-foreground transition-colors">Blog</a>
<span class="px-2">·</span>
<!-- <FAQs /> -->
<a href="/changelog" target="_blank" class="hover:text-active-foreground transition-colors">Changelog</a>
<span class="px-2">·</span>
<a href="https://github.com/debjitbis08/sim8085" target="_blank" class="hover:text-active-foreground transition-colors">GitHub</a>
<span class="px-2">·</span>
<a href="https://github.com/debjitbis08/sim8085/discussions/categories/ideas" target="_blank" class="hover:text-active-foreground transition-colors">Submit an Idea</a>
<span class="px-2">·</span>
<a href="https://github.com/debjitbis08/sim8085/discussions/categories/q-a" target="_blank" class="hover:text-active-foreground transition-colors">Discussions</a>
<span class="px-2">·</span>
<p>© Copyright {year} — <a href="https://www.debjitbiswas.com" target="_blank" class="hover:text-active-foreground transition-colors">Debjit Biswas</a></p>
</div>
</footer>
)}
{!small && (
<footer class="py-5 px-4 bg-gray-100 dark:bg-gray-900 text-gray-500 z-999 border-t dark:border-t-gray-800 text-xs md:text-sm">
<div class="max-w-4xl mx-auto">
<div class="flex flex-wrap items-start justify-between md:justify-start">
<div class="flex flex-row md:flex-col items-center md:items-start md:gap-8 w-full md:w-[50%] md:h-full">
<a href="/" class="flex-grow flex items-center gap-2">
<img src="/favicon-dark.svg" alt="Sim8085" class="w-6 h-6 hidden dark:inline">
<img src="/favicon.svg" alt="Sim8085" class="w-6 h-6 dark:hidden">
<span class="flex gap-2 text-gray-800 dark:text-gray-200">
<span>Sim8085</span>
<span class="hidden md:inline">—</span>
<span class="hidden md:inline">👨💻</span>
<span class="hidden md:inline">❤</span>
<span class="hidden md:inline">📘</span>
</span>
</a>
<div class="flex gap-2 text-inactive-foreground">
<a href="https://github.com/debjitbis08/sim8085" target="_blank" class="hover:text-active-foreground transition-colors">
<Fragment set:html={GithubIcon} />
</a>
<a href="https://buymeacoffee.com/sim8085" target="_blank" class="hover:text-active-foreground transition-colors">
<Fragment set:html={BMCIcon} />
</a>
</div>
</div>
<div class="min-w-[50%] md:min-w-[200px] mt-8 md:mt-0">
<h3 class="text-active-foreground mb-3">Product</h3>
<ul class="flex flex-col gap-2 text-inactive-foreground">
<li>
<a href="/docs/en" target="_blank" class="hover:text-active-foreground transition-colors">Documentation</a>
</li>
<li>
<a href="/changelog" target="_blank" class="hover:text-active-foreground transition-colors">Changelog</a>
</li>
<li>
<a href="https://www.debjitbiswas.com/tags/sim8085/" target="_blank" class="hover:text-active-foreground transition-colors">Blog</a>
</li>
</ul>
</div>
<div class="min-w-[50%] md:min-w-[200px] mt-8 md:mt-0">
<h3 class="text-active-foreground mb-3">Community</h3>
<ul class="flex flex-col gap-2 text-inactive-foreground">
<li>
<a
href="https://github.com/debjitbis08/sim8085/discussions/categories/q-a"
target="_blank"
class="hover:text-active-foreground transition-colors"
>Discussions</a>
</li>
<li>
<a
href="https://github.com/debjitbis08/sim8085/discussions/categories/ideas"
target="_blank"
class="hover:text-active-foreground transition-colors"
>Submit an Idea</a>
</li>
</ul>
</div>
</div>
<div class="flex items-center gap-3 mt-6 text-inactive-foreground">
<a href="/tos" target="_blank" class="hover:text-active-foreground transition-colors">Terms & Conditions</a>
<a href="/privacy-policy" target="_blank" class="hover:text-active-foreground transition-colors">Privacy Policy</a>
</div>
<p class="mt-4"><span class="text-base align-middle">©</span> Copyright {year} — <a href="https://www.debjitbiswas.com" target="_blank" class="text-inactive-foreground hover:text-active-foreground transition-colors">Debjit Biswas</a></p>
</div>
</footer>
)}