-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.njk
315 lines (285 loc) · 23 KB
/
index.njk
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
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
---
title: GeauxWeisbeck4.dev | Home of Andrew Weisbeck
---
<div class="w-screen flex flex-col items-center justify-center bg-slate-900 h-auto">
<div class="flex pb-20 mt-14">
<div class="flex-1 max-w-5xl ml-20 mr-20 pt-4">
<h1 class="text-6xl font-bold mb-10 text-emerald-500">Hey y'all! I'm Andrew.</h1>
<h2 class="text-3xl font-bold mt-2 mb-6 text-sky-300 max-w-xl">Freelance Full Stack Developer, Creator, & Entrepreneur</h2>
<p class="text-left text-md max-w-xl mb-4 text-slate-50">
I'm currently working as a freelance web developer in Raleigh, NC and am open to any new opportunities. I am proficient in JavaScript, Python, HTML, CSS, and am learning Rust.
</p>
<ul class="flex items-center justify-center pt-4 divide-x-2 divide-sky-300 divide-solid pr-12">
<li><a href="https://tarheeldevelopers.com" target="_blank" class="text-emerald-400 hover:text-orange-500 font-bold no-underline pr-4">Tar Heel Developers</a></li>
<li><a href="https://geauxcodes.hashnode.dev/" target="_blank" class="text-emerald-400 hover:text-orange-500 font-bold no-underline px-4">Geaux.codes Blog</a></li>
<li><a href="https://tealfeed.com/geauxweisbeck4" target="_blank" class="text-emerald-400 hover:text-orange-500 font-bold no-underline px-4">Tealfeed Blog</a></li>
<li><a href="https://geauxweisbeck4.substack.com/" target="_blank" class="text-emerald-400 hover:text-orange-500 font-bold no-underline px-4">MEAN Stack Developer</a></li>
</ul>
<ul class="flex items-center justify-center pt-6 pr-12">
<li><a href="https://deno.land/" class="hover:text-sky-300"><img src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/c_scale,h_32/v1670759249/icons8-deno-48_rmukkg.png" class="bg-slate-100 rounded-md hover:bg-sky-300 mr-4" /></a></li>
<li><a href="https://github.com/geauxweisbeck4" class="hover:text-sky-300"><img src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/c_scale,w_32/v1670761166/icons8-github-48_ckl4vv.png" class="rounded-md hover:bg-sky-300 mr-4" /></a></li>
<li><a href="https://geauxweisbeck4.medium.com/" class="hover:text-sky-300"><img src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/c_scale,w_32/v1670761369/icons8-medium-monogram-48_y3um7o.png" class="rounded-md hover:bg-sky-300 mr-4" /></a></li>
<li><a href="https://fosstodon.org/@GeauxWeisbeck4" class="hover:text-sky-300"><img src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/c_scale,w_32/v1670757884/icons8-mastodon-is-an-online_-self-hosted-social-media_-and-social-networking-service.-48_vmobth.png" class="rounded-md hover:bg-sky-300 mr-4" /></a></li>
<li><a href="https://dribbble.com/GeauxWeisbeck4" class="hover:text-sky-300"><img src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/c_scale,w_32/v1670760394/icons8-dribbble-48_yqiegl.png" class="rounded-md hover:bg-sky-300 mr-4" /></a></li>
<li><a href="https://www.linkedin.com/in/geauxweisbeck4/" class="hover:text-sky-300"><img src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/c_scale,w_32/v1670760394/icons8-linkedin-48_1_a1uefn.png" class="rounded-md hover:bg-sky-300 mr-4" /></a></li>
<li><a href="https://www.twitch.tv/geauxweisbeck4" class="hover:text-sky-300"><img src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/c_scale,w_32/v1670761017/icons8-twitch-48_fesyin.png" class="rounded-md hover:bg-sky-300 mr-4" /></a></li>
<li><a href="https://www.reddit.com/r/GeauxWeisbeck4dev/" class="hover:text-sky-300"><img src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/c_scale,w_32/v1670760394/icons8-reddit-48_1_p5stmk.png" class="rounded-md hover:bg-sky-300 mr-4" /></a></li>
<li><a href="https://www.youtube.com/channel/UC8S2Rk7U83DnGaT3EibIREw" class="hover:text-sky-300"><img src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/c_scale,h_32/v1670760394/icons8-youtube-squared-48_i7kktn.png" class="rounded-md hover:bg-sky-300 mr-4" /></a></li>
<li><a href="https://www.patreon.com/GeauxWeisbeck4dev" class="hover:text-sky-300"><img src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/c_scale,h_32/v1670760853/icons8-patreon-48_itcrdz.png" class="rounded-md hover:bg-sky-300 mr-4" /></a></li>
<li><a href="https://www.buymeacoffee.com/GeauxWeisbeck4" class="hover:text-sky-300"><img src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/c_scale,w_32/v1670760771/icons8-buy-me-a-coffee-help-creators-receive-support-from-their-audience-48_mbvtqt.png" class="rounded-md hover:bg-sky-300 mr-4" /></a></li>
<li><a href="https://ko-fi.com/geauxweisbeck4" class="hover:text-sky-300"><img src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/c_scale,h_32/v1670760771/icons8-ko-fi-48_p353av.png" class="rounded-md hover:bg-sky-300 mr-4" /></a></li>
</ul>
<nav class="mt-8 mb-4">
<a class="inline-flex items-center justify-center border-3 border-pink-500 rounded hover:border-emerald-700 w-60 h-12 mr-4 mt-2 bg-emerald-700 hover:bg-sky-300 text-slate-50 hover:text-slate-900 font-bold px-2 py-2" href="/contact">
Contact me
</a>
<a class="inline-flex items-center justify-center border-3 border-emerald-600 hover:border-pink-500 rounded-md w-60 h-12 bg-pink-500 hover:bg-sky-300 text-slate-50 hover:text-slate-900 font-bold mt-2 px-2 py-2" href="/projects">
My Resume
</a>
</nav>
</div>
<p class="logo mr-20">
<img src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/v1670070676/undraw_programming_re_kg9v_iy6ngb.svg" width="500" height="500" title="@GeauxWeisbeck4" alt="me at my coding desk" class="pt-4" />
</p>
</div>
<!-- Blog Posts/Notes -->
<section class="py-4">
<div class="container px-6 py-10 mx-auto">
<h1 class="text-center text-6xl font-bold text-emerald-600 capitalize lg:text-4xl">Recent Blog Posts</h1>
<h2 class="text-center text-3xl font-bold mt-4 text-sky-300">Top posts from all of my various blogs</h2>
<div class="grid grid-cols-1 gap-8 mt-8 md:mt-16 md:grid-cols-2">
<div class="lg:flex">
<a href="https://medium.com/@geauxweisbeck4/deno-1-28-houston-weve-got-npm-compatibility-3296c254ca4b" target="_blank">
<img class="object-contain w-full bg-slate-50 h-56 rounded-lg lg:w-64 hover:shadow-2xl hover:shadow-sky-300" src="https://miro.medium.com/max/720/1*bedMfRTJcZTPa3cGTD1JIg.webp" alt="Medium post Deno 1.28">
</a>
<div class="flex flex-col justify-between py-6 lg:mx-6">
<a href="https://medium.com/@geauxweisbeck4/deno-1-28-houston-weve-got-npm-compatibility-3296c254ca4b" class="text-xl font-semibold text-emerald-600 hover:underline">
Deno 1.28 "Houston, We've Got NPM Capabilities!"
</a>
<p class="text-md text-white">
A Medium post about Deno 1.28.
</p>
<span class="text-sm text-sky-300">On: 15 November 2022</span>
</div>
</div>
<div class="lg:flex">
<a href="https://medium.com/@geauxweisbeck4/sthankful-for-the-worst-damn-year-of-my-life-72d80205feea" target="_blank">
<img class="object-cover w-full h-56 rounded-lg lg:w-64 hover:shadow-2xl hover:shadow-sky-300" src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/v1667805839/steps_xoyrsa.jpg" alt="Goodbye horrible year">
</a>
<div class="flex flex-col justify-between py-6 lg:mx-6">
<a href="https://medium.com/@geauxweisbeck4/sthankful-for-the-worst-damn-year-of-my-life-72d80205feea" class="text-xl font-semibold text-emerald-600 hover:underline">
Thankful for the Worst Damn Year of My Life
</a>
<p class="text-md text-white">
A Thanksgiving post about being grateful for 2022.
</p>
<span class="text-sm text-sky-300">On: 23 November 2022</span>
</div>
</div>
<div class="lg:flex">
<a href="https://geauxweisbeck4.deno.dev/geauxweisbeck4_dev_version_two" target="_blank">
<img class="object-cover w-full h-56 rounded-lg lg:w-64 border-slate-50 border-1 hover:shadow-2xl hover:shadow-white" src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/v1670739105/geauxweisbeck4version2_zixpq0.png" alt="This Website in a blog post">
</a>
<div class="flex flex-col justify-between py-6 lg:mx-6">
<a href="https://geauxweisbeck4.deno.dev/geauxweisbeck4_dev_version_two" class="text-xl font-semibold text-emerald-600 hover:underline">
GeauxWeisbeck4.dev Version Two
</a>
<p class="text-md text-white">
A post about this website!
</p>
<span class="text-sm text-sky-300">On: 7 December 2022</span>
</div>
</div>
<div class="lg:flex">
<a href="https://geauxweisbeck4.deno.dev/thoughts_on_nebraska_football-matt_rhule" target="_blank">
<img class="object-cover w-full h-56 rounded-lg lg:w-64 hover:shadow-2xl hover:shadow-rose-400" src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/v1670740037/rhule_fpfbfw.jpg" alt="Matt Rhule, Nebraska Head Coach">
</a>
<div class="flex flex-col justify-between py-6 lg:mx-6">
<a href="https://geauxweisbeck4.deno.dev/thoughts_on_nebraska_football-matt_rhule" class="text-xl font-semibold text-emerald-600 hover:underline">
Thoughts on Nebraska Football - Matt Rhule
</a>
<p class="text-md text-white">
Nebraska has another new coach.
</p>
<span class="text-sm text-sky-300">On: 8 December 2022</span>
</div>
</div>
<div class="lg:flex">
<a href="https://andrewweisbeck.netlify.app/blog/2022-04-02-day-15-unc-duke-final-four/" target="_blank">
<img class="object-cover w-full h-56 rounded-lg lg:w-64 hover:shadow-2xl hover:shadow-cyan-400" src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/v1670752723/dukeunc_aybimr.jpg" alt="UNC Duke Final Four">
</a>
<div class="flex flex-col justify-between py-6 lg:mx-6">
<a href="https://andrewweisbeck.netlify.app/blog/2022-04-02-day-15-unc-duke-final-four/" class="text-xl font-semibold text-emerald-500 hover:underline">
Day 15: UNC-Duke Final Four
</a>
<p class="text-md text-white">
This is the biggest game ever.
</p>
<span class="text-sm text-sky-300">On: 02 April 2022</span>
</div>
</div>
<div class="lg:flex">
<a href="https://dev.to/geauxweisbeck4/reviewing-the-air-bnb-reactjsx-style-guide-1-basic-rules-100j" target="_blank">
<img class="object-cover w-full h-56 rounded-lg lg:w-64 border-slate-50 border-1 hover:shadow-2xl hover:shadow-white" src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/v1670070676/undraw_react_re_g3ui_gnucgg.svg" alt="React Styleguide">
</a>
<div class="flex flex-col justify-between py-6 lg:mx-6">
<a href="https://dev.to/geauxweisbeck4/reviewing-the-air-bnb-reactjsx-style-guide-1-basic-rules-100j" class="text-xl font-semibold text-emerald-500 hover:underline">
Air BnB React Style Guide
</a>
<p class="text-md text-white">
The first post in this series.
</p>
<span class="text-sm text-sky-300">On: 29 October 2022</span>
</div>
</div>
</div>
</div>
</section>
</section>
<!-- Services Offered -->
<section class="py-4">
<div class="container mx-auto px-6 py-10">
<h1 class="text-center text-6xl font-bold text-emerald-500 lg:text-4xl">Offering Next Gen Solutions</h1>
<h2 class="text-center text-3xl font-bold mt-4 text-sky-300">Quality full stack development, marketing, and design services</h2>
<div class="mt-8 grid grid-cols-1 gap-8 md:grid-cols-2 xl:mt-12 xl:grid-cols-3 xl:gap-12">
<div>
<img class="h-96 w-full rounded-lg object-cover" src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/v1670640932/static_assets_eayp2b.png" alt="Static Assets" />
<h2 class="mt-4 text-2xl font-semibold capitalize text-emerald-500">Full-Stack Web Development</h2>
<p class="mt-2 text-xl uppercase tracking-wider text-sky-300 dark:text-blue-400">Static Websites, Mobile, Progressive, and Native Apps</p>
<ul class="list-disc mt-4">
<li class="text-lg text-slate-50">I build with Deno by default, but can use any runtime or language you want - i.e. Python, Bun, Node.js, Ruby</li>
<li class="text-lg text-slate-50">React & Next.js, Ember.js, Angular, Svelte, Django & Flask</li>
<li class="text-lg text-slate-50">Netlify, Shopify, and Storyblok CMS Partners.</li>
</ul>
</div>
<div>
<img class="h-96 w-full rounded-lg object-cover" src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/v1670722113/undraw_heatmap_uyye_1_qnmld2.png" alt="Heatmap design services" />
<h2 class="mt-4 text-2xl font-semibold capitalize text-emerald-500">UI/UX Research & Design Services</h2>
<p class="mt-2 text-lg uppercase tracking-wider text-sky-300 dark:text-blue-400">Custom Templates, Components, and Graphics</p>
<ul class="list-disc mt-4">
<li class="text-lg text-slate-50">Shop templates and components - coming soon</li>
<li class="text-lg text-slate-50">Optimize and create graphics, photos, logos and other digital art</li>
<li class="text-lg text-slate-50">Design infographics, cards, and other content related graphic design</li>
</ul>
</div>
<div>
<img class="h-96 w-full rounded-lg object-cover" src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/v1670722577/undraw_Content_team_re_6rlg_cjsbz7.png" alt="content creation" />
<h2 class="mt-4 text-2xl font-semibold capitalize text-emerald-500">Technical Writing/Content Creation</h2>
<p class="mt-2 text-lg uppercase tracking-wider text-sky-300 dark:text-blue-400">Blog posts, technical documentation, and courses/tutorials</p>
<ul class="list-disc mt-4">
<li class="text-lg text-slate-50">Create blog posts following SEO best practices</li>
<li class="text-lg text-slate-50">Documentation that your team and others will find easy to read</li>
<li class="text-lg text-slate-50">Can provide any type of writing and/or content such as ebooks, magazines, or essays</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Featured Projects -->
<div class="py-4">
<div class="container m-auto px-6 md:px-12 xl:px-6">
<div class="mb-12 space-y-2 text-center pb-6">
<h1 class="text-6xl font-bold text-emerald-400 mt-10">Featured Projects</h1>
<h2 class="text-2xl font-bold pt-4 text-sky-300">Check the full showcase on my <a href="/projects" class="text-yellow-400 hover:text-rose-500">project portfolio page</a></h2>
</div>
<div class="grid justify-center md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-12 my-10">
<!-- Card 1 -->
<div class="bg-cyan-900 rounded-lg border shadow-md hover:shadow-lg shadow-sky-300 hover:shadow-sky-200 max-w-xs md:max-w-none overflow-hidden">
<a href="https://huskerjs.dev" target="_blank">
<img class="h-56 lg:h-60 w-full object-cover border-5 border-cyan-900" src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/v1670302205/darkhuskerjs_iiidgq.png" alt="HuskerJS.dev website homepage" />
</a>
<div class="p-3">
<span class="text-sm text-primary">November 19, 2022</span>
<h3 class="font-semibold text-xl leading-6 text-white my-2">
HuskerJS.dev - The College Sports Blogging Platform
</h3>
<p class="paragraph-normal text-white">
Utilizing JavaScript to create fun and engaging college sports experiences for bloggers and fans.
</p>
<a class="mt-3 block text-white" href="/projects/huskerjs-dev">Read More >></a>
</div>
</div>
<!-- Card 2 -->
<div class="bg-cyan-800 rounded-lg border shadow-md hover:shadow-lg shadow-sky-300 hover:shadow-sky-200 max-w-xs md:max-w-none overflow-hidden">
<a href="https://geaux-quotes.netlify.app" target="_blank">
<img class="h-56 lg:h-60 w-full object-cover border-5 border-cyan-900" src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/v1670301982/geauxrandomnotegenerator_ap4azm.png" alt="Geaux Random Quotes Generator" />
</a>
<div class="p-3">
<span class="text-sm text-primary">November 19, 2022</span>
<h3 class="font-semibold text-xl leading-6 text-white my-2">
Geaux's Random Quotes Generator
</h3>
<p class="paragraph-normal text-white">
Created with JavaScript, a custom API, and deployed to Netlify. Uses Vanilla HTML, CSS, and JavaScript with Hero Patterns.
</p>
<a class="mt-3 block text-white" href="/projects/geaux-quotes">Read More >></a>
</div>
</div>
<!-- Card 3 -->
<div class="bg-cyan-800 rounded-lg border shadow-md hover:shadow-lg shadow-sky-300 hover:shadow-sky-200 max-w-xs md:max-w-none overflow-hidden">
<a href="https://geauxrecipes.netlify.app/" target="_blank">
<img class="h-56 lg:h-60 w-full object-cover border-5 border-cyan-900" src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/v1670383263/geaux-recipes_kqwvxr.png" alt="Geaux-Recipes Cookbook App" />
</a>
<div class="p-3">
<span class="text-sm text-primary">November 19, 2022</span>
<h3 class="font-semibold text-xl leading-6 text-white my-2">
Geaux-Recipes Cookbook App
</h3>
<p class="paragraph-normal text-white">
A recipes app, built with 11ty. Lisa and I share our favorite recipes on this application.
</p>
<a class="mt-3 block text-white" href="/projects/geaux-recipes">Read More >></a>
</div>
</div>
<!-- Card 4 -->
<div class="bg-cyan-800 rounded-lg border shadow-md hover:shadow-lg shadow-sky-300 hover:shadow-sky-200 max-w-xs md:max-w-none overflow-hidden">
<a href="https://tarheelwindows.netlify.app/">
<img class="h-56 lg:h-60 w-full object-cover border-5 border-cyan-900" src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/v1670383224/tarheelwindowashin_lsx7yv.png" alt="Tar Heel Window Washing Home Page" />
</a>
<div class="p-3">
<span class="text-sm text-primary">November 19, 2022</span>
<h3 class="font-semibold text-xl leading-6 text-white my-2">
Tar Heel Window Washin'
</h3>
<p class="paragraph-normal text-white">
A local window washing business that Lisa and I started here in Raleigh.
</p>
<a class="mt-3 block text-white" href="/projects/tar-heel-windows">Read More >></a>
</div>
</div>
<!-- Card 5 -->
<div class="bg-cyan-800 rounded-lg border shadow-md hover:shadow-lg shadow-sky-300 hover:shadow-sky-200 max-w-xs md:max-w-none overflow-hidden">
<a href="https://geauxengagingproducts.vercel.app/">
<img class="h-56 lg:h-60 w-full object-cover border-5 border-cyan-900" src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/v1670390628/productengagementsprint_ps22gy.png" alt="Geaux Engaging Products Website" />
</a>
<div class="p-3">
<span class="text-sm text-primary">November 19, 2022</span>
<h3 class="font-semibold text-xl leading-6 text-white my-2">
Geaux Engaging Products
</h3>
<p class="paragraph-normal text-white">
My blog website that follows my experience in the Section 4 Product Engagement Sprint.
</p>
<a class="mt-3 block text-white" href="#">Read More >></a>
</div>
</div>
<!-- Card 6 -->
<div class="bg-cyan-800 rounded-lg border shadow-md hover:shadow-lg shadow-sky-300 hover:shadow-sky-200 max-w-xs md:max-w-none overflow-hidden">
<a href="https://geauxweisbeck4.deno.dev">
<img class="h-56 lg:h-60 w-full object-cover border-5 border-cyan-900" src="https://res.cloudinary.com/tar-heel-dev-studio/image/upload/v1670401591/denoblog_nc3xwt.png" alt="My Deno Blog" />
</a>
<div class="p-3">
<span class="text-sm text-primary">October 14, 2022</span>
<h3 class="font-semibold text-xl leading-6 text-white my-2">
GeauxWeisbeck4.dev Deno Blog
</h3>
<p class="paragraph-normal text-white">
My personal blog for this website was created with the <a href="https://github.com/denoland/deno_blog">Deno Blog</a> package and is rad.
</p>
<a class="mt-3 block text-white" href="/projects/geaux-deno-blog">Read More >></a>
</div>
</div>
</div>
</div>
</div>
</div>