Skip to content

Commit f359967

Browse files
codebyaadicodebyaadi
committed
website: footer completed
1 parent d8f4eb4 commit f359967

File tree

7 files changed

+90
-15
lines changed

7 files changed

+90
-15
lines changed

‎docs/public/favicon.svg

Lines changed: 13 additions & 8 deletions
Loading

‎docs/src/components/Footer.astro

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
---
2+
import Twitter from './ui/Twitter.astro'
3+
import GitHub from './ui/GitHub.astro'
4+
---
5+
6+
<footer>
7+
<div
8+
class="p-6 bg-white mx-auto relative z-10 overflow-hidden border border-b-0 border-gray-200"
9+
>
10+
<div class="flex flex-col items-center gap-4 text-center">
11+
<p class="max-w-md text-sm text-gray-500">
12+
Made by <a href="https://github.com/codebyaadi" class="text-gray-800 font-medium">Aditya.</a>
13+
</p>
14+
<p class="text-sm leading-5 text-gray-400">
15+
© <!-- -->2024<!-- --> Utilstash
16+
</p>
17+
<div class="flex items-center space-x-3">
18+
<Twitter />
19+
<GitHub />
20+
</div>
21+
</div>
22+
</div>
23+
</footer>

‎docs/src/components/Navbar.astro

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
---
22
---
33

4-
<nav class="sticky inset-x-0 z-30 w-full transition-all bg-transparent">
4+
<nav class="sticky inset-x-0 z-30 w-full transition-all bg-primary/10">
55
<div class="max-w-7xl mx-auto lg:px-8 px-6">
66
<div class="relative flex h-14 items-center justify-between">
7-
<a href="/" class="font-semibold text-base flex items-center">
7+
<a href="/utilstash" class="font-semibold text-base flex items-center">
88
<img src="/utilstash/dizzy-face.png" alt="utilstash" srcset="" class="w-6 h-6 mr-1">
99
Utilstash
1010
</a>
11-
<button class="px-4 bg-primary h-10 rounded-full text-base">
11+
<a href="https://github.com/codebyaadi" class="px-4 bg-primary h-10 rounded-full text-base flex justify-center items-center">
1212
Star on GitHub
13-
</button>
13+
</a>
1414
</div>
1515
</div>
1616
</nav>

‎docs/src/components/ui/GitHub.astro

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
---
2+
---
3+
4+
<a
5+
href="https://github.com/codebyaadi"
6+
class="group rounded-full border border-gray-200 p-2 transition-colors hover:bg-gray-100"
7+
>
8+
<span class="sr-only">Twitter</span>
9+
<svg
10+
xmlns="http://www.w3.org/2000/svg"
11+
width="24"
12+
height="24"
13+
viewBox="0 0 24 24"
14+
fill="none"
15+
stroke="currentColor"
16+
stroke-width="2"
17+
stroke-linecap="round"
18+
stroke-linejoin="round"
19+
class="lucide lucide-github h-4 w-4 text-gray-600 transition-colors group-hover:text-black"
20+
><path
21+
d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"
22+
></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg
23+
>
24+
</a>

‎docs/src/components/ui/Twitter.astro

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
---
2+
---
3+
<a href="https://x.com/codebyaadi" class="group rounded-full border border-gray-200 p-2 transition-colors hover:bg-gray-100">
4+
<span class="sr-only">Twitter</span>
5+
<svg
6+
xmlns="http://www.w3.org/2000/svg"
7+
width="24"
8+
height="24"
9+
viewBox="0 0 24 24"
10+
fill="none"
11+
stroke="currentColor"
12+
stroke-width="2"
13+
stroke-linecap="round"
14+
stroke-linejoin="round"
15+
class="lucide lucide-twitter h-4 w-4 text-gray-600 transition-colors group-hover:text-black"
16+
><path
17+
d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"
18+
></path></svg
19+
>
20+
</a>
21+

‎docs/src/layouts/Layout.astro

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
---
22
import Navbar from '../components/Navbar.astro';
3+
import Footer from '../components/Footer.astro';
34
interface Props {
45
title: string;
56
}
@@ -13,7 +14,7 @@ const { title } = Astro.props;
1314
<meta charset="UTF-8" />
1415
<meta name="description" content="Astro description" />
1516
<meta name="viewport" content="width=device-width" />
16-
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
17+
<link rel="icon" type="image/svg+xml" href="/utilstash/favicon.svg" />
1718
<!-- GOOGLE FONTS -->
1819
<link rel="preconnect" href="https://fonts.googleapis.com">
1920
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -25,6 +26,7 @@ const { title } = Astro.props;
2526
<body>
2627
<Navbar />
2728
<slot />
29+
<Footer />
2830
</body>
2931
</html>
3032
<style is:global>

‎docs/src/pages/index.astro

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ import Right from '../components/ui/Right.astro'
44
import Copy from '../components/ui/Copy.astro'
55
---
66

7-
<Layout title="Welcome to Astro.">
8-
<main class="">
7+
<Layout title="Utilstash - A collection of utility functions for everyday tasks.">
8+
<main class="bg-primary/10">
99
<div class="relative overflow-hidden">
1010
<div
1111
class="mx-auto max-w-7xl pb-24 pt-10 sm:grid lg:grid-cols-2 sm:pb-32 lg:gap-x-8 lg:px-8 lg:pt-24 lg:pb-52"

0 commit comments

Comments
 (0)