-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.njk
70 lines (60 loc) · 4.07 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
---
pagination:
data: collections.blog
size: 2
alias: blogs
reverse: true
---
<!DOCTYPE html>
<html>
{% include 'header.njk' %}
<body class="h-screen flex flex-col justify-between bg-sky-50">
<section class="mx-auto flex flex-col">
<section class="bg-gradient-to-r from-cyan-600 to-blue-700">
<div class="mx-auto flex flex-row items-end h-full w-11/12 lg:w-10/12 xl:w-8/12">
<img
src="/assets/img/self-2.jpeg"
class="mr-8 profile-pic relative top-8 border-solid border-4 border-white h-32 w-32"/>
<div class="text-white mb-2 sm:mb-4 md:mb-4 lg:mb-4 xl:mb-4">
<h1 class="text-3xl font-bold mb-1 md:text-4xl">Jordan Vidrine</h1>
<span class="text-lg font-light">Leader | Designer | Developer</span>
</div>
</div>
</section>
<section class="mx-auto flex flex-col items-center mt-12 w-11/12 h-full lg:mt-20 lg:w-8/12 xl:w-8/12 xl:mb-20 xl:flex-row">
<div class="text-3xl text-left text-blue-700 mb-4 font-serif lg:w-1/8 lg:mr-8 x-sm:text-2xl">
<p class="mb-4 lg:mb-4">Hey there 👋 , I’m a <span class="highlight relative highlight-sm">self-taught developer</span> from the Cajun Prairies in rural Louisiana with a background in Industrial Design & People Management. I made the leap into software development in 2019 and havent looked back since!</p>
<p class="mb-4 lg:mb-6">When not at my computer, I am usually spending time with my family, reading<super>*</super>, gaming<super>**</super>, or creating <a class="my-link" href="https://www.skiesspeak.com/"> ambient, electronic, and <i>sometimes</i> house music.</a></p>
<p class="text-sm mb-2 lg:mb-2"><super>*</super>Just finished <i>'Children of Memory'</i> by Adrian Tchaikovsky and looking for something new.</p>
<p class="text-sm mb-12 md:mb-2 lg:mb-2"><super>**</super><i>I've recently been enjoying playing the Analogue Pocket 2, a recreation of a childhood favorite of mine -- the Gameboy.</i></p>
</div>
<div class="grow mb-10 font-mono">
<div class="border-dashed border-2 border-indigo-600 relative flex flex-col text-left items-base py-3 px-4 mx-auto w-full rounded-md mb-8lg:text-md lg:text-left">
<div class="mb-8">
<p class="mb-2"><span class="font-semibold text-lg">Design Team Manager </span>at <a class="my-link" href="https://www.discourse.org/">Discourse</a> <img class="w-4 h-4 inline relative bottom-1" src="/assets/img/discourse.png"/></p>
<p class="mb-1">
I’m a <span class="highlight relative highlight-sm"><i><b>focused leader</b></i></span> who values camaraderie and accomplishing well defined goals. Staying aligned with company values by keeping our work out in the open, communicating often with my managers, and building rapport with my teammates.
</p>
<span class="text-xs text-gray-600">March 2022 - Present</span>
</div>
<div>
<p class="mb-2"><span class="font-semibold text-lg">Designer </span>at <a class="my-link" href="https://www.discourse.org/">Discourse</a> <img class="w-4 h-4 inline relative bottom-1" src="/assets/img/discourse.png"/></p>
<p class="mb-1">
As a <span class="highlight relative highlight-sm"><i><b>generalist</b></i></span>, my work ranged from improving the UX & UI of Discourse, website updates, implementing designs on the front-end, & working with Enterprise customers to implement themes & Ember Components for their Discourse communities.
</p>
<span class="text-xs text-gray-600">Feb 2020 - March 2022</span>
</div>
<div class="mt-4">
<a class="font-semibold my-link" href="https://github.com/jordanvidrine">Github</a> |
<a class="font-semibold my-link" href="https://www.linkedin.com/in/jordan-b-vidrine/">LinkedIn</a>
</div>
</div>
</div>
</section>
</section>
{# {% include 'projects.njk' %} #}
{# ---- Latest Coding Journal Entries ---- #}
{# {% include 'recent-entries.njk' %} #}
{# <---- blogs is being passed in here #}
</body>
</html>