Repository navigation
Expand file tree
/
Copy pathgallery.html
More file actions
171 lines (166 loc) · 11.1 KB
/
Copy pathgallery.html
File metadata and controls
171 lines (166 loc) · 11.1 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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!doctype html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2MLG3DEK7Q"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-2MLG3DEK7Q');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Gallery | Liam Barkley</title>
<meta name="description" content="Image gallery for Liam Barkley's engineering portfolio.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/styles.css?v=20260801-9">
</head>
<body>
<header class="site-header">
<div class="container header-wrap">
<a class="brand" href="index.html#home">Liam Barkley</a>
<button class="menu-toggle" data-menu-toggle type="button" aria-label="Toggle menu" aria-expanded="false">
<span class="menu-toggle-icon" aria-hidden="true"></span>
</button>
<nav class="nav-links" data-nav-links>
<a href="index.html">Landing</a>
<a href="projects.html">Projects</a>
<a href="gallery.html">Gallery</a>
<a href="resume.html">Resume</a>
<a href="contact.html">Contact</a>
</nav>
</div>
</header>
<main class="project-shell">
<section class="blog-hero">
<div class="container">
<h1 class="blog-title" data-reveal>Gallery</h1>
<p class="project-tagline" data-reveal>
Randomly shuffled stills from various projects of mine.
</p>
</div>
</section>
<section class="section gallery-section">
<div class="container">
<div class="gallery-grid">
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/processed/img-1409.jpg" alt="Gallery photo IMG 1409" width="1600" height="1200" loading="eager" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/processed/img-1431.jpg" alt="Gallery photo IMG 1431" width="1600" height="1200" loading="eager" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/processed/img-1504.jpg" alt="Gallery photo IMG 1504" width="1200" height="1600" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/processed/img-1549.jpg" alt="Gallery photo IMG 1549" width="1200" height="1600" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/processed/img-1553.jpg" alt="Gallery photo IMG 1553" width="1200" height="1600" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/processed/img-2382.jpg" alt="Gallery photo IMG 2382" width="1200" height="1600" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/processed/img-2388-1.jpg" alt="Gallery photo IMG 2388" width="1600" height="1200" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/processed/img-2392-2.jpg" alt="Gallery photo IMG 2392" width="1600" height="1200" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/processed/img-2505.jpg" alt="Gallery photo IMG 2505" width="1600" height="1200" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/processed/img-1386.jpg" alt="Gallery photo IMG 1386" width="1200" height="1600" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/lite-ray-tracer.png" alt="Lite ray tracer rendered scene" width="1352" height="1294" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/eight-bit-breadboard.jpg" alt="Eight bit breadboard computer project" width="1086" height="724" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/liquid-fueled-engine.png" alt="Liquid fueled engine project image" width="1600" height="885" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/injector-cross-section.jpg" alt="CAD cross-section of injector assembly" width="666" height="1024" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/rocket-engine-cross-section.jpg" alt="CAD cross-section of rocket engine nozzle and combustion chamber" width="519" height="1024" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/tvc-hub-assembly.jpg" alt="CAD model of three-arm thrust vector control hub assembly" width="958" height="1024" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/here4-gps-assembly.jpg" alt="CAD render of Here4 GPS module assembly" width="1024" height="623" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/spacecraft-render.jpg" alt="Spacecraft render from below against a starfield" width="1000" height="600" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/data-earth-north-america.jpg" alt="Orbital view of North America in grayscale" width="576" height="1024" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/tv3-hub-render.jpg" alt="Rendered three-arm mechanical hub with servo actuators" width="1024" height="479" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/coastline-from-orbit.jpg" alt="Mountainous coastline viewed from orbit at terminator" width="1024" height="576" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/tvc-gimbal-render.jpg" alt="Two-axis gimbal assembly rendered outdoors" width="1024" height="448" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/great-lakes-trajectory.jpg" alt="Great Lakes trajectory data visualization overlay" width="569" height="1024" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/tv3-hub-perspective.jpg" alt="Perspective render of TV3 hub assembly with carbon fiber shaft" width="479" height="1024" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/engine-interior-cone.jpg" alt="Looking up into a ribbed engine interior with central white cone" width="1024" height="576" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/tv3-hub-closeup.jpg" alt="Close-up render of three-arm TV3 hub with red actuators" width="479" height="1024" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/tv3-hub-top-view.jpg" alt="Top-down render of TV3 hub assembly along central shaft" width="479" height="1024" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/trajectory-mesh-landscape.jpg" alt="Blue trajectory mesh overlay above arid mountain landscape" width="1024" height="337" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/geospatial-trajectory-overlay.jpg" alt="Geospatial visualization with red markers and blue trajectory fan" width="1024" height="470" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/processed/img-0031.jpg" alt="Two electromechanical assemblies on a workbench with red pegboard" width="1600" height="1200" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/processed/img-0044.jpg" alt="Three servo gimbal assemblies lined up on a workbench" width="1600" height="1200" loading="lazy" decoding="async">
</figure>
<figure class="gallery-item" data-reveal>
<img src="assets/images/gallery/processed/img-0058.jpg" alt="Assembled three-arm TV3 hub with wiring outdoors" width="1200" height="1600" loading="lazy" decoding="async">
</figure>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container footer-inner">
<p>
© <span data-year></span> <span data-owner-name>Liam Barkley</span>. Gallery.
</p>
<nav class="footer-socials" aria-label="Social links">
<a data-owner-github-link href="https://github.com/lbarks27" target="_blank" rel="noreferrer">GitHub</a>
<a data-owner-youtube-link href="https://www.youtube.com/@lbarks27" target="_blank" rel="noreferrer">YouTube</a>
<a data-owner-x-link href="https://x.com/lbarks27" target="_blank" rel="noreferrer">X</a>
<a data-owner-instagram-link href="https://www.instagram.com/lbarks27/" target="_blank" rel="noreferrer">Instagram</a>
<a data-owner-email-link href="mailto:barkley.liam.m@gmail.com">Email</a>
</nav>
</div>
</footer>
<script src="assets/js/content-loader.js?v=20260728-17"></script>
<script src="assets/js/main.js?v=20260801-3"></script>
</body>
</html>