-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
98 lines (92 loc) · 5.72 KB
/
Copy pathindex.html
File metadata and controls
98 lines (92 loc) · 5.72 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Wesley Johnson</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="google-site-verification" content="xPVl3EB6xZ87Jtwge4B77spaXIOvXlMvtnvaZSI65QM" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.0.4/tailwind.min.css" integrity="sha512-paVHVRRhdoOu1nOXKnqDC1Vka0nh7FAmU3nsM4n2FKxOQTeF6crMdMfkVvEsuaOXZ6oEAVL5+wLbQcule/Xdag==" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css" integrity="sha512-5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwxUIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1P5z/iB4nMfSQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head>
<body class="flex justify-center items-start bg-blue-500">
<div class="bg-gray-200 shadow-2xl w-11/12 md:w-6/12 lg:w-5/12 mt-20 border border-gray-400 p-2">
<div class="text-gray-700 text-6xl flex justify-start items-center border-b">
<img class="w-28 rounded" src="/static/img/avatar.jpg" alt="Facebook Profile Picture">
<div class="flex flex-col justify-center items-start">
<div class="flex justify-center items-center">
<a href="https://bsky.app/profile/johnsonwesleyt.bsky.social" title="BlueSky Profile" rel="me">
<i class="fa-brands fa-square-bluesky mx-1"></i>
</a>
<a href="http://www.twitter.com/wesleyjohnson" title="X Profile" rel="me">
<i class="fa-brands fa-square-x-twitter mx-1"></i>
</a>
<a href="http://www.linkedin.com/in/wesleytjohnson" title="LinkedIN Profile" rel="me">
<i class="fa-brands fa-linkedin mx-1"></i>
</a>
<a href="http://stackoverflow.com/users/187538/wesleyjohnson" title="Stack Overflow Profile" rel="me">
<i class="fa-brands fa-stack-overflow mx-1"></i>
</a>
</div>
<div class="flex justify-center items-center">
<a href="http://www.facebook.com/wesleyjohnson" title="Facebook Profile" rel="me">
<i class="fa-brands fa-square-facebook mx-1"></i>
</a>
<a href="http://github.com/WesleyJohnson" title="Github Profile" rel="me">
<i class="fa-brands fa-square-github mx-1"></i>
</a>
<a href="http://news.ycombinator.com/user?id=WesleyJohnson" title="HackerNews Profile" rel="me">
<i class="fa-brands fa-y-combinator mx-1"></i>
</a>
</div>
</div>
</div>
<hr class="border-dashed border-b-1 border-blue-400 my-4 p-0">
<div class="px-2">
<p class="font-mono font-bold text-lg">
Hi, I'm Wes.
</p>
<p class="mt-4">
My pronouns are he/him/his. I'm a husband, a father. I love to sing, watch movies & stand-up,
tinker around the house, and snuggle with my kids.
</p>
<p class="mt-4 font-mono font-bold text-lg">
I also make things for the web.
</p>
<p class="mt-4 font-mono text-sm">
I've been at it for a while <em class="text-white-500">(did you see the gray beard?)</em>,
and I'm pretty decent. I don't like terms like
<span class="font-bold">rock <i class="fa fa-star text-yellow-500"></i></span> or
<span class="font-bold"><insert framework> ninja</span>, but I've done some
things.
</p>
<p class="mt-4 font-mono text-sm">
I <i class="fa fa-heart text-red-500"></i> programming.
Seriously, I <i class="fa fa-heart text-red-500"></i> <i class="fa fa-heart text-red-500"></i> it.
I try to keep my skills fairly current. I speak these things...
</p>
<ul class="mt-4 font-mono text-sm font-bold">
<li>Python (Django, DRF)</li>
<li>JavaScript (React, jQuery, Vanilla)</li>
<li>SQL (MySQL, SQL Server, Access)</li>
<li>PHP</li>
<li>C# (ASP.NET)</li>
<li>Clojure, ClojureScript</li>
<li>HTML, CSS</li>
<li>DevOps</li>
</ul>
<p class="mt-4 font-mono text-sm">
I'm not actively looking for work, but I am always looking to talk shop. Hit me up on
<a href="https://bsky.app/profile/johnsonwesleyt.bsky.social" class="font-bold text-blue-600">bluesky</a> if you want to chat.
</p>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-11263278-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>