|
1 | 1 | <script lang="ts"> |
2 | 2 | import { LightSwitch } from '@skeletonlabs/skeleton'; |
3 | 3 | import { Icon } from '@steeze-ui/svelte-icon'; |
4 | | - import { Github, Twitter, Youtube } from '@steeze-ui/simple-icons'; |
| 4 | + import { Discord, Github, Twitter, Youtube } from '@steeze-ui/simple-icons'; |
5 | 5 | </script> |
6 | 6 |
|
7 | 7 | <hr /> |
8 | | -<footer class="grid justify-center grid-cols-1 px-8 pt-12 mx-auto gap-2 2xl:gap-10 max-w-7xl"> |
| 8 | +<footer class="grid justify-center grid-cols-1 gap-2 px-8 pt-12 mx-auto 2xl:gap-10 max-w-7xl"> |
9 | 9 | <div class="flex flex-col gap-6 md:gap-10"> |
10 | | - <section class="flex flex-col md:flex-row justify-between gap-8 md:space-y-0 items-center"> |
| 10 | + <section class="flex flex-col items-center justify-between gap-8 md:flex-row md:space-y-0"> |
11 | 11 | <p class="text-xs"> |
12 | 12 | <a class="btn variant-soft" href="https://alexpatterson.dev">Made by Alex Patterson</a> |
13 | 13 | </p> |
14 | | - <p class="text-xs flex gap-2"> |
| 14 | + <p class="flex gap-2 text-xs"> |
15 | 15 | Mode <LightSwitch /> |
16 | 16 | </p> |
17 | 17 | <div class="flex gap-2"> |
| 18 | + <a |
| 19 | + class="btn variant-soft" |
| 20 | + href="https://discord.com/invite/fRJTRjR" |
| 21 | + target="_blank" |
| 22 | + rel="noreferrer" |
| 23 | + > |
| 24 | + <Icon src={Discord} class="w-4" /> |
| 25 | + <span class="hidden ml-2 md:inline-block">Discord</span> |
| 26 | + </a> |
18 | 27 | <a |
19 | 28 | class="btn variant-soft" |
20 | 29 | href="https://github.com/codingcatdev/codingcat.dev" |
21 | 30 | target="_blank" |
22 | 31 | rel="noreferrer" |
23 | 32 | > |
24 | 33 | <Icon src={Github} class="w-4" /> |
25 | | - <span class="hidden md:inline-block ml-2">GitHub</span> |
| 34 | + <span class="hidden ml-2 md:inline-block">GitHub</span> |
26 | 35 | </a> |
27 | 36 | <a |
28 | 37 | class="btn variant-soft" |
|
31 | 40 | rel="noreferrer" |
32 | 41 | > |
33 | 42 | <Icon src={Twitter} class="w-4" /> |
34 | | - <span class="hidden md:inline-block ml-2">Twitter</span> |
| 43 | + <span class="hidden ml-2 md:inline-block">Twitter</span> |
35 | 44 | </a> |
36 | 45 | <a |
37 | 46 | class="btn variant-soft" |
|
40 | 49 | rel="noreferrer" |
41 | 50 | > |
42 | 51 | <Icon src={Youtube} class="w-4" /> |
43 | | - <span class="hidden md:inline-block ml-2">YouTube</span> |
| 52 | + <span class="hidden ml-2 md:inline-block">YouTube</span> |
44 | 53 | </a> |
45 | 54 | </div> |
46 | 55 | </section> |
47 | 56 |
|
48 | 57 | <!-- Links --> |
49 | 58 | <section |
50 | | - class="flex flex-col md:flex-row justify-between items-center md:items-start space-y-5 md:space-y-0 gap-4 md:gap-8 card p-8" |
| 59 | + class="flex flex-col items-center justify-between gap-4 p-8 space-y-5 md:flex-row md:items-start md:space-y-0 md:gap-8 card" |
51 | 60 | > |
52 | | - <div class="hidden md:grid grid-cols-2 gap-8"> |
| 61 | + <div class="hidden grid-cols-2 gap-8 md:grid"> |
53 | 62 | <div class="space-y-6"> |
54 | 63 | <h6>Stuff</h6> |
55 | 64 | <ul class="space-y-3"> |
|
70 | 79 | action="https://buttondown.email/api/emails/embed-subscribe/codingcatdev" |
71 | 80 | method="post" |
72 | 81 | target="popupwindow" |
73 | | - class="embeddable-buttondown-form flex flex-col flex-1 space-y-3" |
| 82 | + class="flex flex-col flex-1 space-y-3 embeddable-buttondown-form" |
74 | 83 | > |
75 | 84 | <label for="email" class="label"><h6>Email</h6></label> |
76 | | - <div class="flex gap-4 md:gap-8 flex-col md:flex-row"> |
| 85 | + <div class="flex flex-col gap-4 md:gap-8 md:flex-row"> |
77 | 86 | < input type= "email" name= "email" placeholder= "[email protected]" class= "text-black input" /> |
78 | 87 | <input type="hidden" value="1" name="embed" /> |
79 | 88 | <button class="btn variant-filled-primary" type="submit">Subscribe</button> |
|
0 commit comments