-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
212 lines (205 loc) · 8.43 KB
/
index.html
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta description="Will Taylor is an indie app developer with many apps available on the Apple App Store."/>
<link rel="stylesheet" rel="preload" href="build/tailwind.css" />
<title>Will Taylor</title>
</head>
<body>
<div
class="min-h-screen min-w-screen bg-gradient-to-tr from-blue-600 to-blue-200 dark:bg-blue-900"
>
<div class="p-8 flex justify-center">
<div class="max-w-screen-xl">
<div class="text-center xl:text-left">
<h2 class="text-black text-5xl">Will Taylor</h2>
<p class="py-4">
Hi, I'm Will! 👋 I'm an indie developer, SwiftUI enthusiast, taco
lover, cyclist, Nintendo fan, and husband. During the day, I'm
writing incredible software with
<a
href="https://www.cardflight.com"
class="underline hover:text-gray-100"
target="_blank"
rel="noopener noreferrer"
>CardFlight</a
>
to change the way small businesses handle payments. By night I
hack away on side projects, exploring the nooks and crannies of
the iOS SDKs. 👨💻
</p>
<h2 class="text-black text-3xl pb-4 pt-8">Apps</h2>
</div>
<!-- Apps -->
<div class="grid grid-cols-1 xl:grid-cols-2 gap-8 pb-8">
<!-- BP Bot Card -->
<div
class="max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden md:max-w-2xl"
>
<div class="xl:flex">
<div class="pl-4 pt-4 xl:flex-shrink-0">
<img
class="h-48 object-cover md:w-48"
src="./images/bpBotIcon.png"
alt="BP Bot Icon"
/>
</div>
<div class="pt-8 pl-8 pr-8 pb-4">
<div
class="uppercase tracking-wide text-sm text-blue-800 font-semibold"
>
BP Bot
</div>
<p
href="#"
class="block mt-1 text-lg leading-tight font-medium text-black"
>
BP Recording Without the Hassle
</p>
<p class="mt-2 text-gray-600">
BP Bot makes keeping track of your blood pressure a snap.
Uncover patterns and correlations in your blood pressure
that only a robot could find!
</p>
<div class="pt-1 text-left text-gray-600 pb-1 md:pb-0">
<a href="https://apps.apple.com/us/app/bp-bot/id1538049879" class="text-blue-600 hover:underline" target="_blank" rel="noopener noreferrer">Download</a>
</div>
</div>
</div>
</div>
<!-- IPA Scribe Card -->
<div
class="max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden md:max-w-2xl"
>
<div class="xl:flex">
<div class="pl-4 pt-4 xl:flex-shrink-0">
<img
class="h-48 object-cover md:w-48"
src="./images/ipaScribe.png"
alt="IPA Scribe Icon"
/>
</div>
<div class="pt-8 pl-8 pr-8 pb-4">
<a
href="https://apps.apple.com/us/app/ipa-scribe/id1518487858"
class="uppercase tracking-wide text-sm text-blue-800 font-semibold hover:underline"
target="_blank"
rel="noopener noreferrer"
>
IPA Scribe
</a>
<p
class="block mt-1 text-lg leading-tight font-medium text-black"
>
IPA Transcriptions, Simplified
</p>
<p class="mt-2 text-gray-600">
Instantly transcribe your speech to IPA characters! IPA
Scribe provides linguistic professionals with quick
references to standard pronunciations of words to aid in
their daily jobs.
</p>
<div class="py-1 text-right md:pb-0">
<a
href="https://apps.apple.com/us/app/ipa-scribe/id1518487858"
class="text-blue-600 hover:underline"
target="_blank"
rel="noopener noreferrer"
>Download</a
>
</div>
</div>
</div>
</div>
<!-- Symbol-It Card -->
<div
class="max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden md:max-w-2xl"
>
<div class="xl:flex">
<div class="pl-4 pt-4 xl:flex-shrink-0">
<img
class="h-48 object-cover md:w-48"
src="./images/symbolItIcon.png"
alt="Symbol-It Icon"
/>
</div>
<div class="pt-8 pl-8 pr-8 pb-4">
<a
href="https://apps.apple.com/us/app/symbol-it/id1441561034"
class="uppercase tracking-wide text-sm text-blue-800 font-semibold hover:underline"
target="_blank"
rel="noopener noreferrer"
>
Symbol-It
</a>
<p
class="block mt-1 text-lg leading-tight font-medium text-black"
>
Making Language Visible
</p>
<p class="mt-2 text-gray-600">
Instantly translate your speech to AAC (augmentative &
alternative communication) picture symbols to easily
communicate with non-verbal speakers in their symbol system.
</p>
<div class="py-1 text-right md:pb-0">
<a
href="https://apps.apple.com/us/app/symbol-it/id1441561034"
class="text-blue-600 hover:underline"
target="_blank"
rel="noopener noreferrer"
>Download</a
>
</div>
</div>
</div>
</div>
</div>
<!-- Contact -->
<div class="text-center xl:text-left">
<h2 class="text-black text-3xl pt-4">Contact</h2>
<p class="py-4">
Feel free to reach out and say hello! Whether you need an app
built or just want to chat about iOS dev, my inbox and DMs are
always open.
</p>
</div>
<div class="flex justify-center">
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 md:max-w-lg">
<a
href="https://twitter.com/Fire_At_Will_"
class="text-center text-black hover:underline hover:text-white"
target="_blank"
rel="noopener noreferrer"
>
<i class="fab fa-twitter fa-lg"></i>
Twitter
</a>
<a
href="https://github.com/fire-at-will"
class="text-center text-black hover:underline hover:text-white"
target="_blank"
rel="noopener noreferrer"
>
<i class="fab fa-github fa-lg"></i>
GitHub
</a>
<a
href="mailto:[email protected]?subject=Hi%20There%20👋"
class="text-center text-black hover:underline hover:text-white"
target="_blank"
rel="noopener noreferrer"
>
<i class="far fa-envelope fa-lg"></i>
Email
</a>
</div>
</div>
</div>
</div>
</div>
<link rel="stylesheet" rel="preload" href="build/fontawesome.min.css" />
</body>
</html>