-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
123 lines (119 loc) · 5.92 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
---
layout: default
skipFooter: true
---
{% assign home_posts = site.posts | where: 'home', true %}
{% assign recent_post = home_posts.first %}
{% assign recent_post_epoch = recent_post.date | date: '%s' | plus: 0 %}
{% assign four_weeks_ago_epoch = 'now' | date: '%s' | minus: 2419200 %}
{% if recent_post_epoch >= four_weeks_ago_epoch %}
{% assign relevant_post = recent_post %}
{% else %}
{% assign today = 'now' | date: '%j' | plus: 0 %}
{% assign posts_count = home_posts | size %}
{% assign random = today | modulo: posts_count %}
{% assign relevant_post = home_posts[random] %}
{% endif %}
<div class="max-w-2xl">
<h1 class="mt-3 mb-12 text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-sans font-extralight tracking-tight inline-block bg-clip-text bg-gradient-to-tr from-amber-500 from-10% via-rose-500 via-30% to-indigo-500 to-90% ">
<span class="block">
<span class="text-transparent font-extrabold">Software engineer</span> &
</span>
<span class="block">
<span class="text-transparent font-extrabold">Leader</span> &
</span>
<span class="block">
<span class="text-transparent font-extrabold">Author</span> &
</span>
<span class="block">
<span class="text-transparent font-extrabold">Entrepreneur</span>.
</span>
</h1>
<p class="my-6 text-lg text-zinc-600 dark:text-zinc-400">
I'm Jesse, a software engineer and entrepreneur based in Waterloo.
<p class="my-6 text-lg text-zinc-600 dark:text-zinc-400">
I'm fueled by solving impactful and complex problems on a global scale, steering high-performing teams towards extraordinary results.
Join me at
<a class="underline font-semibold transition-colors hover:text-rose-800" href="https://www.shopify.ca/careers/" rel="external" target="_blank">Shopify</a>
to shape the future of commerce.
</p>
<p class="my-6 text-lg text-zinc-600 dark:text-zinc-400">
I wrote
<a
class="underline font-semibold transition-colors hover:text-rose-800"
href="https://www.uncertaintybook.ca/"
rel="external"
target="_blank"
>Embracing Uncertainty</a
>, a field guide to agile packed with strategies for building top-performing teams.
{% if relevant_post %}
I also write time-to-time about engineering and leadership on my blog. Dive into my post,
<a
class="underline font-semibold transition-colors hover:text-rose-800"
href="{{ relevant_post.url | relative_url }}"
>
{{- relevant_post.title -}}
</a>
for a taste.
{% endif %}
</p>
<p class="my-6 text-lg text-zinc-600 dark:text-zinc-400">Now, let's create the extraordinary together.</p>
<div class="my-6 flex gap-6">
<a
class="group -m-1 p-1"
aria-label="Follow on X"
href="https://twitter.com/elsom25"
rel="external"
target="_blank"
>
<svg
viewBox="0 0 24 24"
aria-hidden="true"
class="h-6 w-6 fill-zinc-500 transition group-hover:fill-zinc-600 dark:fill-zinc-400 dark:group-hover:fill-zinc-300"
>
<path
d="M13.3174 10.7749L19.1457 4H17.7646L12.7039 9.88256L8.66193 4H4L10.1122 12.8955L4 20H5.38119L10.7254 13.7878L14.994 20H19.656L13.3171 10.7749H13.3174ZM11.4257 12.9738L10.8064 12.0881L5.87886 5.03974H8.00029L11.9769 10.728L12.5962 11.6137L17.7652 19.0075H15.6438L11.4257 12.9742V12.9738Z">
</path>
</svg>
</a>
<a
class="group -m-1 p-1"
aria-label="Follow on GitHub"
href="https://github.com/elsom25"
rel="external"
target="_blank"
>
<svg
viewBox="0 0 24 24"
aria-hidden="true"
class="h-6 w-6 fill-zinc-500 transition group-hover:fill-zinc-600 dark:fill-zinc-400 dark:group-hover:fill-zinc-300"
>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 2C6.475 2 2 6.588 2 12.253c0 4.537 2.862 8.369 6.838 9.727.5.09.687-.218.687-.487 0-.243-.013-1.05-.013-1.91C7 20.059 6.35 18.957 6.15 18.38c-.113-.295-.6-1.205-1.025-1.448-.35-.192-.85-.667-.013-.68.788-.012 1.35.744 1.538 1.051.9 1.551 2.338 1.116 2.912.846.088-.666.35-1.115.638-1.371-2.225-.256-4.55-1.14-4.55-5.062 0-1.115.387-2.038 1.025-2.756-.1-.256-.45-1.307.1-2.717 0 0 .837-.269 2.75 1.051.8-.23 1.65-.346 2.5-.346.85 0 1.7.115 2.5.346 1.912-1.333 2.75-1.05 2.75-1.05.55 1.409.2 2.46.1 2.716.637.718 1.025 1.628 1.025 2.756 0 3.934-2.337 4.806-4.562 5.062.362.32.675.936.675 1.897 0 1.371-.013 2.473-.013 2.82 0 .268.188.589.688.486a10.039 10.039 0 0 0 4.932-3.74A10.447 10.447 0 0 0 22 12.253C22 6.588 17.525 2 12 2Z">
</path>
</svg>
</a>
<a
class="group -m-1 p-1"
aria-label="Follow on LinkedIn"
href="https://www.linkedin.com/in/jcmcginnis"
rel="external"
target="_blank"
>
<svg
viewBox="0 0 24 24"
aria-hidden="true"
class="h-6 w-6 fill-zinc-500 transition group-hover:fill-zinc-600 dark:fill-zinc-400 dark:group-hover:fill-zinc-300"
>
<path
d="M18.335 18.339H15.67v-4.177c0-.996-.02-2.278-1.39-2.278-1.389 0-1.601 1.084-1.601 2.205v4.25h-2.666V9.75h2.56v1.17h.035c.358-.674 1.228-1.387 2.528-1.387 2.7 0 3.2 1.778 3.2 4.091v4.715zM7.003 8.575a1.546 1.546 0 01-1.548-1.549 1.548 1.548 0 111.547 1.549zm1.336 9.764H5.666V9.75H8.34v8.589zM19.67 3H4.329C3.593 3 3 3.58 3 4.297v15.406C3 20.42 3.594 21 4.328 21h15.338C20.4 21 21 20.42 21 19.703V4.297C21 3.58 20.4 3 19.666 3h.003z">
</path>
</svg>
</a>
<a class="group -m-1 p-1" aria-label="Email Jesse" href="mailto:[email protected]" rel="external" target="_blank">
<svg viewBox="0 0 24 24" aria-hidden="true" class="h-6 w-6 fill-zinc-500 transition group-hover:fill-zinc-600 dark:fill-zinc-400 dark:group-hover:fill-zinc-300">
<path fill-rule="evenodd" d="M6 5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H6Zm.245 2.187a.75.75 0 0 0-.99 1.126l6.25 5.5a.75.75 0 0 0 .99 0l6.25-5.5a.75.75 0 0 0-.99-1.126L12 12.251 6.245 7.187Z"></path>
</svg>
</a>
</div>
</div>