this repo has no description
www.baileykane.co/
Add social links. Minor styling tweaks
+26
-8
+26
-8
pages/index.js
+26
-8
pages/index.js
···
1
1
import HomeSectionItem from "../components/HomeSectionItem";
2
2
import BaseLayout from "../components/BaseLayout";
3
3
import SectionList from "../components/SectionList";
4
+
import SocialLink from "../components/SocialLink";
4
5
import { importCSVDataAsJson } from "../lib/sheetsConnector";
5
6
import Link from "next/link";
6
7
···
10
11
<div className="max-w-5xl mx-auto w-full grid grid-cols-1 sm:grid-cols-2 gap-6">
11
12
<div>
12
13
<h1 className="mb-2">Hello hello, this is Bailey speaking.</h1>
13
-
<div className="prose prose-stone dark:prose-invert prose-a:no-underline">
14
+
<div className="prose prose-stone dark:prose-invert prose-a:no-underline leading-relaxed">
14
15
<p>
15
16
I help small business owners{" "}
16
17
<b>solve problems with technology,</b> so they can{" "}
17
18
<b>reclaim their time</b> and{" "}
18
19
<b>focus on the things that matter</b>. Contact me at{" "}
19
-
<a href="mailto:bailey.orion.kane@gmail.com" target="_blank">
20
+
<a
21
+
className=""
22
+
href="mailto:bailey.orion.kane@gmail.com"
23
+
target="_blank"
24
+
>
20
25
<code className="underline">bailey.orion.kane@gmail.com</code>
21
26
</a>
22
27
.
23
28
</p>
24
29
<p>Some things I do:</p>
25
-
<ul className="list-disc list-inside">
30
+
<ul className="list-disc">
26
31
<li>
27
32
<b>Build websites</b> for marketing, portfolios, or other
28
33
information
···
48
53
<p>
49
54
I enjoy working with <b>small business owners and individuals</b>.
50
55
Even more fun if they work in{" "}
51
-
<span className="underline decoration-green-700 dark:decoration-green-400">
56
+
<span className="underline decoration-green-700 dark:decoration-green-400 underline-offset-2">
52
57
climate
53
58
</span>
54
59
,{" "}
55
-
<span className="underline decoration-purple-700 dark:decoration-purple-400">
60
+
<span className="underline decoration-purple-700 dark:decoration-purple-400 underline-offset-2">
56
61
arts
57
62
</span>
58
63
,{" "}
59
-
<span className="underline decoration-orange-600 dark:decoration-orange-400">
64
+
<span className="underline decoration-orange-600 dark:decoration-orange-400 underline-offset-2">
60
65
music
61
66
</span>
62
67
, or{" "}
63
-
<span className="underline decoration-blue-700 dark:decoration-blue-400">
68
+
<span className="underline decoration-blue-700 dark:decoration-blue-400 underline-offset-2">
64
69
education
65
70
</span>
66
71
.
···
71
76
</p>
72
77
<p>Talk to you soon 👋</p>
73
78
</div>
79
+
<div className="pt-4 mt-4 border-t border-t-stone-400 dark:border-t-stone-500">
80
+
<div className="w-fit flex gap-2 items-center">
81
+
<SocialLink href="https://www.linkedin.com/in/baileykane/">
82
+
LinkedIn{" "}
83
+
</SocialLink>
84
+
<SocialLink
85
+
href="https://bsky.app/profile/baileykane.co"
86
+
icon="/img/bluesky_favicon.png"
87
+
>
88
+
Bluesky
89
+
</SocialLink>
90
+
</div>
91
+
</div>
74
92
</div>
75
93
<div className="py-6 px-2 sm:px-4 rounded-lg bg-stone-100 dark:bg-stone-800 w-full flex flex-col relative z-10">
76
-
<h3 className="text-stone-600 dark:text-stone-400 mb-2 border-b border-b-stone-400 dark:border-b-stone-500">
94
+
<h3 className="text-stone-600 dark:text-stone-300 mb-2 border-b border-b-stone-400 dark:border-b-stone-500">
77
95
Please, take a gander
78
96
</h3>
79
97
<div className="h-full w-full items-center space-y-4">