Skip to content

Commit 61cdfe2

Browse files
author
GitHub Actions
committed
Deploy a-gavin/a-gavin.github.io to a-gavin/a-gavin.github.io:gh-pages
0 parents  commit 61cdfe2

File tree

43 files changed

+5383
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+5383
-0
lines changed

‎404.html‎

Lines changed: 158 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,158 @@
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:&#x2F;&#x2F;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:&#x2F;&#x2F;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:&#x2F;&#x2F;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:&#x2F;&#x2F;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:&#x2F;&#x2F;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+
129+
<h1 class="relative flex items-center justify-center text-2xl font-semibold">
130+
404: Page not found
131+
</h1>
132+
133+
</main>
134+
135+
<footer class="w-full pt-6">
136+
<div class="bottom-4 mx-auto max-w-3xl p-4">
137+
<ul class="flex items-center justify-center text-lg">
138+
<li>
139+
<a class="primary-link block px-3 py-0 text-center" href="./index.html">Email</a>
140+
</li>
141+
<li>
142+
<a class="primary-link l block px-3 py-0 text-center" href="https://codeberg.org/a-gavin"
143+
>Git</a
144+
>
145+
</li>
146+
<li>
147+
<a
148+
class="primary-link block px-3 py-0 text-center"
149+
href="https://www.linkedin.com/in/alex-gavin/"
150+
>LinkedIn</a
151+
>
152+
</li>
153+
</ul>
154+
</div>
155+
</footer>
156+
157+
</body>
158+
</html>

‎app.css‎

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
@tailwind base;
2+
@tailwind components;
3+
@tailwind utilities;
4+
5+
@layer base {
6+
html,
7+
body {
8+
@apply h-full;
9+
}
10+
11+
html {
12+
--bg: transparent;
13+
--bg-dark: transparent;
14+
--header: transparent;
15+
--header-dark: transparent;
16+
}
17+
18+
body {
19+
-webkit-tap-highlight-color: transparent;
20+
background: var(--bg);
21+
}
22+
23+
.dark body {
24+
background: var(--bg-dark);
25+
}
26+
27+
*,
28+
::before,
29+
::after {
30+
/* Auto direction for text */
31+
unicode-bidi: plaintext;
32+
}
33+
}
34+
35+
@layer utilities {
36+
/*
37+
Disable CSS transitions. Apply to the html tag as a class
38+
https://stackoverflow.com/questions/11131875/what-is-the-cleanest-way-to-disable-css-transition-effects-temporarily
39+
*/
40+
.not-ready * {
41+
@apply !transition-none;
42+
}
43+
44+
.btn-menu::before,
45+
.btn-menu::after {
46+
@apply block h-[2px] w-5 bg-black duration-200 content-[''] dark:invert;
47+
}
48+
49+
.open {
50+
@apply overflow-hidden;
51+
}
52+
53+
.open .btn-menu::before {
54+
@apply w-6 translate-y-[5.5px] rotate-45;
55+
}
56+
57+
.open .btn-menu::after {
58+
@apply w-6 -translate-y-[5.5px] -rotate-45;
59+
}
60+
61+
article {
62+
@apply text-lg;
63+
}
64+
65+
.header {
66+
background-color: var(--header);
67+
}
68+
69+
.dark .header {
70+
background: var(--header-dark);
71+
}
72+
73+
.blur-header {
74+
@apply bg-black/10 backdrop-blur
75+
}
76+
77+
.block-bg {
78+
@apply bg-black/[3%]
79+
}
80+
81+
.block-hover {
82+
@apply hover:bg-black/[5%]
83+
}
84+
85+
.block-hover-mask {
86+
@apply hover:bg-black/[2%]
87+
}
88+
89+
.primary-link {
90+
@apply bg-transparent border-none hover:underline hover:decoration-4 hover:decoration-[#BECA9A]
91+
}
92+
93+
.secondary-link {
94+
@apply bg-transparent border-none hover:underline hover:decoration-2 hover:decoration-[#BECA9A]
95+
}
96+
}

‎blog/2023-10-wifi-packet-capture/80211_lan_topology.png‎

86.3 KB
Loading

‎blog/2023-10-wifi-packet-capture/80211_wireshark_cheatsheet.pdf‎

138 KB
Binary file not shown.

‎blog/2023-10-wifi-packet-capture/wireshark_4way_handshake.png‎

73.1 KB
Loading

‎blog/2023-10-wifi-packet-capture/wireshark_pcap_in_progress.png‎

326 KB
Loading

‎blog/2023-10-wifi-packet-capture/wireshark_selecting_interface.png‎

99.7 KB
Loading

‎blog/2025-04-wpa3-compatibility-mode/ap_beacon_wpa2.png‎

78.9 KB
Loading

‎blog/2025-04-wpa3-compatibility-mode/ap_beacon_wpa3.png‎

118 KB
Loading

‎blog/2025-04-wpa3-compatibility-mode/ap_beacon_wpa3_transition.png‎

125 KB
Loading

0 commit comments

Comments
 (0)