1<!doctype html> 2<html class="not-ready lg:text-base" lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <!-- 'shrint-to-fit=no' is a post-Safari 9.0 workaround 7 https://stackoverflow.com/questions/33767533/what-does-the-shrink-to-fit-viewport-meta-attribute-do 8 --> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" /> 10 11 <title>Alex Gavin</title> 12 <link rel="icon" type="image/x-icon" href="https://a-gavin.github.io/favicon.ico" /> 13 14 <!-- Author/description --> 15 <meta name="author" content="Alex Gavin" /> 16 <meta name="description" content="Portfolio website" /> 17 18 <!-- CSS & JS --> 19 <link rel="preload stylesheet" href="https://a-gavin.github.io/main.css" /> 20 <link 21 href="https://pvinis.github.io/iosevka-webfont/3.4.1/iosevka.css" 22 rel="stylesheet preload" 23 as="font" 24 /> 25</head> 26 27 28 <body> 29 <!-- Header --> 30<header class="sticky top-0 z-40 min-h-[3.5rem] w-full"> 31 <div class="top-4 mx-auto flex w-full max-w-4xl justify-between bg-white p-4"> 32 <!-- Left top menu --> 33 <div class="flex justify-between"> 34 <a class="text-xl" href="https://a-gavin.github.io">Alex Gavin</a> 35 </div> 36 37 <!-- Right desktop menu --> 38 <div class="hidden w-auto items-center sm:flex"> 39 <div class="flex space-x-6"> 40 <a 41 class="primary-link block text-center text-xl" 42 href="https://a-gavin.github.io" 43 aria-current="page" 44 >About</a 45 > 46 <a 47 class="primary-link block text-center text-xl" 48 href="https://alw32c9tw.s3.us-west-2.amazonaws.com/AlexGavinResume.pdf" 49 >CV</a 50 > 51 <a class="primary-link block text-center text-xl" href="https://a-gavin.github.io/blog">Blog</a> 52 </div> 53 </div> 54 <!-- Right mobile menu button --> 55 <div class="fixed right-0 top-0 flex items-center p-5 sm:hidden"> 56 <button 57 type="button" 58 class="group peer relative z-10 inline-flex items-center justify-center rounded-md text-gray-600 active:text-gray-300 peer-focus:block" 59 > 60 <!-- Icon when menu is closed. 61 Menu open: "hidden", Menu closed: "block" --> 62 <svg 63 class="block size-6 group-focus:hidden" 64 fill="none"
65 viewBox="0 0 24 24" 66 stroke-width="1.5" 67 stroke="currentColor" 68 aria-hidden="true" 69 data-slot="icon" 70 > 71 <path 72 stroke-linecap="round" 73 stroke-linejoin="round" 74 d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" 75 /> 76 </svg> 77 <!-- Icon when menu is open. 78 Menu open: "block", Menu closed: "hidden" --> 79 <svg 80 class="hidden size-6 group-focus:block" 81 fill="none" 82 viewBox="0 0 24 24" 83 stroke-width="1.5" 84 stroke="currentColor" 85 aria-hidden="true" 86 data-slot="icon" 87 > 88 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /> 89 </svg> 90 </button> 91 92 <!-- Right mobile menu --> 93 <div 94 class="active-within:block peer hidden focus-within:block focus:block active:block peer-focus:block" 95 > 96 <div 97 class="fixed right-0 top-0 flex flex-row space-x-4 bg-white p-4 text-left ring-1 ring-gray-500" 98 > 99 <div class="menu flex flex-col space-y-1"> 100 <ul> 101 <li> 102 <a class="primary-link inline-flex text-xl" href="https://a-gavin.github.io">About</a> 103 </li> 104 <li> 105 <a 106 class="primary-link inline-flex text-xl" 107 href="https://alw32c9tw.s3.us-west-2.amazonaws.com/AlexGavinResume.pdf" 108 >CV</a 109 > 110 </li> 111 <li> 112 <a class="primary-link inline-flex text-xl" href="https://a-gavin.github.io/blog" 113 >Blog</a 114 > 115 </li> 116 </ul> 117 </div> 118 <div class="width-6 block p-4"></div> 119 </div> 120 </div> 121 </div> 122 </div> 123</header> 124 125 126 <!-- Maximum width and padding should match that in header --> 127 <main class="prose prose-neutral relative mx-auto max-w-3xl p-4"> 128 <div class="flex flex-col items-center sm:flex-row sm:space-x-16"> 129 <div class="w-2/3 flex-none sm:w-1/4"> 130 <img 131 class="h-auto max-w-full rounded-md" 132 src="https://a-gavin.github.io/images/avatar.jpg" 133 alt="Profile picture" 134 /> 135 </div> 136 <div class="flex flex-col space-y-4"> 137 <div class="mb-1"> 138 <div class="mb-1 text-xl font-semibold">Current Position</div> 139 <div class="text-opacity-80"> 140 Software Engineer, Candela Technologies 141 </div> 142 </div> 143 <div class="mb-1"> 144 <div class="mb-1 text-xl font-semibold">Professional Interests</div> 145 <ul class="my-0"> 146 <!-- TODO: Defaults --> 147 148 <li class="text-opacity-80">Computer Networks and Wireless Systems</li> 149 150 <li class="text-opacity-80">Systems Software Development</li> 151 152 </ul> 153 </div> 154 <div class="mb-1"> 155 <div class="mb-1 text-xl font-semibold">About Me</div> 156 <!-- TODO: Defaults --> 157 158 <div class="mb-1.5 text-wrap text-opacity-80">Hi there, I'm Alex [he/they]. I love working with computers and am passionate about open source!</div> 159 160 <div class="mb-1.5 text-wrap text-opacity-80">I currently work at the intersection of computer networking and software engineering, contributing to and supporting a Linux-based wireless and network testing platform.</div> 161 162 </div> 163 </div> 164</div> 165 166 </main> 167 168 <footer class="w-full pt-6"> 169 <div class="bottom-4 mx-auto max-w-3xl p-4"> 170 <ul class="flex items-center justify-center text-lg"> 171 <li> 172 <a class="primary-link block px-3 py-0 text-center" href="./index.html">Email</a> 173 </li> 174 <li> 175 <a class="primary-link l block px-3 py-0 text-center" href="https://codeberg.org/a-gavin" 176 >Git</a 177 > 178 </li> 179 <li> 180 <a 181 class="primary-link block px-3 py-0 text-center" 182 href="https://www.linkedin.com/in/alex-gavin/" 183 >LinkedIn</a 184 > 185 </li> 186 </ul> 187 </div> 188</footer> 189 190 </body> 191</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.