my personal site
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <meta name="color-scheme" content="light dark">
7 <meta name="theme-color" content="#f8fafc" media="(prefers-color-scheme: light)">
8 <meta name="theme-color" content="#0f172a" media="(prefers-color-scheme: dark)">
9 <link rel="preload" href="fonts/mozilla-text-400.woff2" as="font" type="font/woff2" crossorigin>
10 <link rel="preload" href="fonts/mozilla-text-500.woff2" as="font" type="font/woff2" crossorigin>
11 <link rel="preload" href="fonts/mozilla-text-600.woff2" as="font" type="font/woff2" crossorigin>
12 <link rel="stylesheet" href="style.css">
13 <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
14 <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
15 <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
16 <link rel="manifest" href="/favicon/site.webmanifest">
17 <title>Jack Hannon</title>
18 <meta name="description" content="Marketing specialist and Virginia Tech graduate">
19 <meta name="author" content="Jack Hannon">
20 <link rel="canonical" href="https://jackhannon.me/">
21 <meta property="og:type" content="profile">
22 <meta property="og:site_name" content="Jack Hannon">
23 <meta property="og:locale" content="en_US">
24 <meta property="og:title" content="Jack Hannon">
25 <meta property="og:description" content="Marketing specialist and Virginia Tech graduate">
26 <meta property="og:url" content="https://jackhannon.me/">
27 <meta property="profile:first_name" content="Jack">
28 <meta property="profile:last_name" content="Hannon">
29 <meta property="profile:username" content="jackphannon">
30 <meta name="twitter:card" content="summary">
31 <meta name="twitter:title" content="Jack Hannon">
32 <meta name="twitter:description" content="Marketing specialist and Virginia Tech graduate">
33 <script type="application/ld+json">
34 {
35 "@context": "https://schema.org",
36 "@type": "Person",
37 "@id": "https://jackhannon.me/#person",
38 "name": "Jack Hannon",
39 "givenName": "Jack",
40 "familyName": "Hannon",
41 "alternateName": "jackphannon",
42 "sameAs": [
43 "https://www.linkedin.com/in/jackphannon/",
44 "https://github.com/Hann8n",
45 "https://bsky.app/profile/jack.orbyt.video"
46 ],
47 "url": "https://jackhannon.me",
48 "alumniOf": {
49 "@type": "CollegeOrUniversity",
50 "name": "Virginia Tech"
51 }
52 }
53 </script>
54</head>
55<body>
56 <main itemscope itemtype="https://schema.org/Person">
57 <article class="profile">
58 <header class="profile-header">
59 <img
60 class="avatar"
61 alt="Jack Hannon"
62 fetchpriority="high"
63 itemprop="image"
64 src="headshot.jpg"
65 width="76"
66 height="76"
67 >
68 <div class="profile-info">
69 <h1 itemprop="name" class="name">Jack Hannon <span class="pronouns">(he/him)</span></h1>
70 <p class="subtitle">Marketing at <a href="https://vicino.ai" rel="noopener noreferrer external" target="_blank">Vicino</a></p>
71 </div>
72 </header>
73 <ul class="social-links">
74 <li>
75 <a class="social-link" href="https://www.linkedin.com/in/jackphannon/" rel="noopener noreferrer external" target="_blank">
76 <svg class="icon" viewBox="0 0 448 512" aria-hidden="true">
77 <path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/>
78 </svg>
79 <span>jackphannon</span>
80 </a>
81 </li>
82 <li>
83 <a class="social-link" href="https://github.com/Hann8n" rel="noopener noreferrer external" target="_blank">
84 <svg class="icon" viewBox="0 0 496 512" aria-hidden="true">
85 <path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/>
86 </svg>
87 <span>Hann8n</span>
88 </a>
89 </li>
90 <li>
91 <a class="social-link" href="https://www.instagram.com/yakyakjack_" rel="noopener noreferrer external" target="_blank">
92 <svg class="icon" viewBox="-0.5 -0.5 25 25" aria-hidden="true">
93 <path d="M7.03.084c-1.277.06-2.149.264-2.91.563a5.9 5.9 0 0 0-2.124 1.388a5.9 5.9 0 0 0-1.38 2.127C.321 4.926.12 5.8.064 7.076s-.069 1.688-.063 4.947s.021 3.667.083 4.947c.061 1.277.264 2.149.563 2.911c.308.789.72 1.457 1.388 2.123a5.9 5.9 0 0 0 2.129 1.38c.763.295 1.636.496 2.913.552c1.278.056 1.689.069 4.947.063s3.668-.021 4.947-.082c1.28-.06 2.147-.265 2.91-.563a5.9 5.9 0 0 0 2.123-1.388a5.9 5.9 0 0 0 1.38-2.129c.295-.763.496-1.636.551-2.912c.056-1.28.07-1.69.063-4.948c-.006-3.258-.02-3.667-.081-4.947c-.06-1.28-.264-2.148-.564-2.911a5.9 5.9 0 0 0-1.387-2.123a5.9 5.9 0 0 0-2.128-1.38c-.764-.294-1.636-.496-2.914-.55C15.647.009 15.236-.006 11.977 0S8.31.021 7.03.084m.14 21.693c-1.17-.05-1.805-.245-2.228-.408a3.7 3.7 0 0 1-1.382-.895a3.7 3.7 0 0 1-.9-1.378c-.165-.423-.363-1.058-.417-2.228c-.06-1.264-.072-1.644-.08-4.848c-.006-3.204.006-3.583.061-4.848c.05-1.169.246-1.805.408-2.228c.216-.561.477-.96.895-1.382a3.7 3.7 0 0 1 1.379-.9c.423-.165 1.057-.361 2.227-.417c1.265-.06 1.644-.072 4.848-.08c3.203-.006 3.583.006 4.85.062c1.168.05 1.804.244 2.227.408c.56.216.96.475 1.382.895s.681.817.9 1.378c.165.422.362 1.056.417 2.227c.06 1.265.074 1.645.08 4.848c.005 3.203-.006 3.583-.061 4.848c-.051 1.17-.245 1.805-.408 2.23c-.216.56-.477.96-.896 1.38a3.7 3.7 0 0 1-1.378.9c-.422.165-1.058.362-2.226.418c-1.266.06-1.645.072-4.85.079s-3.582-.006-4.848-.06m9.783-16.192a1.44 1.44 0 1 0 1.437-1.442a1.44 1.44 0 0 0-1.437 1.442M5.839 12.012a6.161 6.161 0 1 0 12.323-.024a6.162 6.162 0 0 0-12.323.024M8 12.008A4 4 0 1 1 12.008 16A4 4 0 0 1 8 12.008"/>
94 </svg>
95 <span>yakyakjack_</span>
96 </a>
97 </li>
98 <li>
99 <a class="social-link" href="https://bsky.app/profile/jack.orbyt.video" rel="noopener noreferrer external" target="_blank">
100 <svg class="icon" viewBox="0 0 512 512" aria-hidden="true">
101 <path d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"/>
102 </svg>
103 <span>jack.orbyt.video</span>
104 </a>
105 </li>
106 <li>
107 <a class="social-link" href="https://getorbyt.com" rel="noopener noreferrer external" target="_blank">
108 <img src="images/orbyt-logo.svg" alt="" class="icon orbyt-icon" aria-hidden="true">
109 <span>orbyt</span>
110 </a>
111 </li>
112 <li>
113 <a class="social-link" href="mailto:hello@jackhannon.net">
114 <svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
115 <path fill="currentColor" d="M1.5 8.6691V17.25C1.5 18.9069 2.84315 20.25 4.5 20.25H19.5C21.1569 20.25 22.5 18.9069 22.5 17.25V8.6691L13.5723 14.1631C12.6081 14.7564 11.3919 14.7564 10.4277 14.1631L1.5 8.6691Z"/>
116 <path fill="currentColor" d="M22.5 6.90783V6.75C22.5 5.09315 21.1569 3.75 19.5 3.75H4.5C2.84315 3.75 1.5 5.09315 1.5 6.75V6.90783L11.2139 12.8856C11.696 13.1823 12.304 13.1823 12.7861 12.8856L22.5 6.90783Z"/>
117 </svg>
118 <span>Email</span>
119 </a>
120 </li>
121 <li>
122 <a class="social-link" href="Jack_Hannon__Resume_Web.pdf" rel="noopener noreferrer" target="_blank">
123 <svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
124 <path fill="currentColor" fill-rule="evenodd" d="M4.172 3.172C3 4.343 3 6.229 3 10v4c0 3.771 0 5.657 1.172 6.828S7.229 22 11 22h2c3.771 0 5.657 0 6.828-1.172S21 17.771 21 14v-4c0-3.771 0-5.657-1.172-6.828S16.771 2 13 2h-2C7.229 2 5.343 2 4.172 3.172M7.25 8A.75.75 0 0 1 8 7.25h8a.75.75 0 0 1 0 1.5H8A.75.75 0 0 1 7.25 8m0 4a.75.75 0 0 1 .75-.75h8a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75M8 15.25a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5z" clip-rule="evenodd"/>
125 </svg>
126 <span>Resume</span>
127 </a>
128 </li>
129 </ul>
130 </article>
131 </main>
132</body>
133</html>