@@ -13,12 +13,16 @@ import Container from "./Container.astro";
1313 <div class =" grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8" >
1414 { /* Brand Column */ }
1515 <div class =" lg:col-span-1 space-y-4" >
16- <a href =" /" class =" flex items-center gap-2 font-bold text-lg text-[--text]" >
16+ <a
17+ href =" /"
18+ class =" flex items-center gap-2 font-bold text-lg text-[--text]"
19+ >
1720 <span class =" text-2xl" >🐱</span >
1821 CodingCat<span class =" text-primary" >.dev</span >
1922 </a >
2023 <p class =" text-sm text-[--text-secondary]" >
21- Purrfect Web Development Tutorials — blog posts, podcasts, courses, and videos.
24+ Purrfect Web Development Tutorials — blog posts, podcasts, courses,
25+ and videos.
2226 </p >
2327 { /* Compact newsletter */ }
2428 <form class =" flex gap-2" >
@@ -40,31 +44,95 @@ import Container from "./Container.astro";
4044 <div >
4145 <h4 class =" font-semibold text-sm text-[--text] mb-3" >Content</h4 >
4246 <ul class =" space-y-2" >
43- <li ><a href =" /blog" class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors" >Blog</a ></li >
44- <li ><a href =" /podcasts" class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors" >Podcast</a ></li >
45- <li ><a href =" /authors" class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors" >Authors</a ></li >
46- <li ><a href =" /guests" class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors" >Guests</a ></li >
47+ <li >
48+ <a
49+ href =" /blog"
50+ class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors"
51+ >Blog</a >
52+ </li >
53+ <li >
54+ <a
55+ href =" /podcasts"
56+ class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors"
57+ >Podcast</a >
58+ </li >
59+ <li >
60+ <a
61+ href =" /courses"
62+ class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors"
63+ >Courses</a >
64+ </li >
65+ <li >
66+ <a
67+ href =" /authors"
68+ class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors"
69+ >Authors</a >
70+ </li >
71+ <li >
72+ <a
73+ href =" /guests"
74+ class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors"
75+ >Guests</a >
76+ </li >
4777 </ul >
4878 </div >
4979
5080 { /* Connect Links */ }
5181 <div >
5282 <h4 class =" font-semibold text-sm text-[--text] mb-3" >Connect</h4 >
5383 <ul class =" space-y-2" >
54- <li ><a href =" https://youtube.com/@codingcatdev" class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors" target =" _blank" rel =" noopener" >YouTube</a ></li >
55- <li ><a href =" https://twitter.com/codingcatdev" class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors" target =" _blank" rel =" noopener" >Twitter / X</a ></li >
56- <li ><a href =" https://github.com/codingcatdev" class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors" target =" _blank" rel =" noopener" >GitHub</a ></li >
57- <li ><a href =" /rss.xml" class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors" >RSS Feed</a ></li >
84+ <li >
85+ <a
86+ href =" https://youtube.com/@codingcatdev"
87+ class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors"
88+ target =" _blank"
89+ rel =" noopener" >YouTube</a >
90+ </li >
91+ <li >
92+ <a
93+ href =" https://twitter.com/codingcatdev"
94+ class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors"
95+ target =" _blank"
96+ rel =" noopener" >Twitter / X</a >
97+ </li >
98+ <li >
99+ <a
100+ href =" https://github.com/codingcatdev"
101+ class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors"
102+ target =" _blank"
103+ rel =" noopener" >GitHub</a >
104+ </li >
105+ <li >
106+ <a
107+ href =" /rss.xml"
108+ class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors"
109+ >RSS Feed</a >
110+ </li >
58111 </ul >
59112 </div >
60113
61114 { /* Legal Links */ }
62115 <div >
63116 <h4 class =" font-semibold text-sm text-[--text] mb-3" >Legal</h4 >
64117 <ul class =" space-y-2" >
65- <li ><a href =" /privacy" class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors" >Privacy Policy</a ></li >
66- <li ><a href =" /terms" class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors" >Terms of Service</a ></li >
67- <li ><a href =" /sponsors" class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors" >Sponsors</a ></li >
118+ <li >
119+ <a
120+ href =" /privacy"
121+ class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors"
122+ >Privacy Policy</a >
123+ </li >
124+ <li >
125+ <a
126+ href =" /terms"
127+ class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors"
128+ >Terms of Service</a >
129+ </li >
130+ <li >
131+ <a
132+ href =" /sponsors"
133+ class =" text-sm text-[--text-secondary] hover:text-[--text] transition-colors"
134+ >Sponsors</a >
135+ </li >
68136 </ul >
69137 </div >
70138 </div >
0 commit comments