11---
22import * as Logos from " @/components/Logos" ;
3+ import { Button } from " @/components/ui/Button" ;
34import Layout from " @/layouts/Layout.astro" ;
45import { Image } from " astro:assets" ;
56---
67
78<Layout title =" Alex Dumouchelle - Founder & Lead Developer" >
89 <div class =" flex flex-col gap-64 p-64 max-[750px]:p-24" >
910 <section
10- id =" download "
11+ id =" alex-about "
1112 class =" relative flex h-fit w-full min-w-0 flex-col items-center gap-32"
1213 >
13- <div class =" grid grid-cols-6 max-[1200px]:grid-cols-1" >
14+ <div
15+ class =" grid grid-cols-6 gap-64 max-[1200px]:grid-cols-1 max-[1200px]:gap-16"
16+ >
1417 <div
15- class =" col-span-4 flex h-[50vh] min-h-0 w-full flex-col items-start justify-center px-64 max-[1200px]:col-span-1 max-[1200px]:p-32 max-[700px]:h-[35vh] max-[700px]:p-8"
18+ class =" col-span-4 flex h-[500px] min-h-0 w-full flex-col items-start justify-center rounded-6 px-64 max-[1200px]:col-span-1 max-[1200px]:p-32 max-[700px]:h-[35vh] max-[700px]:p-8"
19+ style ={ {
20+ // boxShadow: "0px 0px 30px 1px rgba(var(--accent), 0.5)",
21+ }}
1622 >
1723 <h1
1824 class =" text-left text-[96px] max-[700px]:text-h1 max-[400px]:text-[32px]"
1925 >
2026 Alex Dumouchelle
2127 </h1 >
2228 <p
23- class =" max-[500px ]:text-p text-left text-[36px] max-[700px]:text-[24px] max-[400px]:text-[20px]"
29+ class =" max-[1000px ]:text-p text-left text-[36px] max-[700px]:text-[24px] max-[400px]:text-[20px]"
2430 >
2531 Founder and lead developer of OpenMarch
2632 </p >
@@ -43,6 +49,9 @@ import { Image } from "astro:assets";
4349 >
4450 <Logos .LogoYouTube width =" 34" height =" 34" />
4551 </a >
52+ <a href =" https://www.instagram.com/alex.dumo/" >
53+ <Logos .LogoInstagram width =" 30" height =" 34" />
54+ </a >
4655 </div >
4756 </div >
4857 </div >
@@ -51,7 +60,7 @@ import { Image } from "astro:assets";
5160 format =" webp"
5261 src ={ " /alexdumo/tenor-grad.jpg" }
5362 alt ={ " Alex Dumouchelle photo" }
54- class =" col-span-2 mt-32 aspect-square w-full rounded-6 border border-stroke object-cover max-[1000px]:col-span-1"
63+ class =" col-span-2 aspect-square h-[500px] w-full rounded-6 border border-stroke object-cover max-[1000px]:col-span-1"
5564 width ={ 200 }
5665 height ={ 400 }
5766 />
@@ -80,28 +89,45 @@ import { Image } from "astro:assets";
8089 senior software analyst specializing in machine learning
8190 and computer vision.
8291 </p >
92+
93+ <div class =" flex flex-wrap justify-center gap-24" >
94+ <a
95+ href =`https://github.com/AlexDumo/public-resume/releases/latest/download/Alexander_Dumouchelle_Software_Resume_Public.pdf`
96+ >
97+ <Button variant =" primary" >
98+ Alex's Software Resume
99+ </Button >
100+ </a >
101+ <a
102+ href =`https://github.com/AlexDumo/public-resume/releases/latest/download/Alexander_Dumouchelle_Music_Resume_Public.pdf`
103+ >
104+ <Button variant =" primary" >
105+ Alex's Music Resume
106+ </Button >
107+ </a >
108+ </div >
83109 </div >
84110 <div
85111 class =" my-16 grid grid-cols-6 gap-32 max-[1000px]:grid-cols-1"
86112 >
87113 <Image
88114 src ={ " /alexdumo/cadet-grad.jpg" }
89115 alt ={ " Alex Dumouchelle photo" }
90- class =" col-span-4 row-span-2 h-full w-full rounded-6 border border-stroke object-cover max-[500px ]:col-span-1"
116+ class =" col-span-4 row-span-2 h-full w-full rounded-6 border border-stroke object-cover max-[1000px ]:col-span-1"
91117 width ={ 200 }
92118 height ={ 400 }
93119 />
94120 <Image
95121 src ={ " /alexdumo/surf.jpg" }
96122 alt ={ " Alex Dumouchelle photo" }
97- class =" col-span-2 w-full rounded-6 border border-stroke object-cover max-[500px ]:col-span-1"
123+ class =" col-span-2 w-full rounded-6 border border-stroke object-cover max-[1000px ]:col-span-1"
98124 width ={ 200 }
99125 height ={ 400 }
100126 />
101127 <Image
102128 src ={ " /alexdumo/jmu-bb.jpeg" }
103129 alt ={ " Alex Dumouchelle photo" }
104- class =" col-span-2 w-full rounded-6 border border-stroke object-cover max-[500px ]:col-span-1"
130+ class =" col-span-2 w-full rounded-6 border border-stroke object-cover max-[1000px ]:col-span-1"
105131 width ={ 200 }
106132 height ={ 400 }
107133 />
@@ -145,56 +171,56 @@ import { Image } from "astro:assets";
145171 <Image
146172 src ={ " /alexdumo/march.jpg" }
147173 alt ={ " Alex Dumouchelle photo" }
148- class =" col-span-2 h-full w-full rounded-6 border border-stroke object-cover max-[500px ]:col-span-1"
174+ class =" col-span-2 h-full w-full rounded-6 border border-stroke object-cover max-[1000px ]:col-span-1"
149175 width ={ 200 }
150176 height ={ 400 }
151177 />
152178 <Image
153179 src ={ " /alexdumo/ron.jpg" }
154180 alt ={ " Alex Dumouchelle photo" }
155- class =" col-span-2 h-full w-full rounded-6 border border-stroke object-cover max-[500px ]:col-span-1"
181+ class =" col-span-2 h-full w-full rounded-6 border border-stroke object-cover max-[1000px ]:col-span-1"
156182 width ={ 200 }
157183 height ={ 400 }
158184 />
159185 <Image
160186 src ={ " /alexdumo/2022-retreat.jpg" }
161187 alt ={ " Alex Dumouchelle photo" }
162- class =" col-span-2 row-span-2 h-full w-full rounded-6 border border-stroke object-cover max-[500px ]:col-span-1"
188+ class =" col-span-2 row-span-2 h-full w-full rounded-6 border border-stroke object-cover max-[1000px ]:col-span-1"
163189 width ={ 200 }
164190 height ={ 400 }
165191 />
166192 <Image
167193 src ={ " /alexdumo/jmu-mrd.jpg" }
168194 alt ={ " Alex Dumouchelle photo" }
169- class =" col-span-4 row-span-2 h-full w-full rounded-6 border border-stroke object-cover max-[500px ]:col-span-1"
195+ class =" col-span-4 row-span-2 h-full w-full rounded-6 border border-stroke object-cover max-[1000px ]:col-span-1"
170196 width ={ 200 }
171197 height ={ 400 }
172198 />
173199 <Image
174200 src ={ " /alexdumo/gas.jpg" }
175201 alt ={ " Alex Dumouchelle photo" }
176- class =" col-span-2 h-full w-full rounded-6 border border-stroke object-cover max-[500px ]:col-span-1"
202+ class =" col-span-2 h-full w-full rounded-6 border border-stroke object-cover max-[1000px ]:col-span-1"
177203 width ={ 200 }
178204 height ={ 400 }
179205 />
180206 <Image
181207 src ={ " /alexdumo/cadet-2021.jpg" }
182208 alt ={ " Alex Dumouchelle photo" }
183- class =" col-span-3 h-full w-full rounded-6 border border-stroke object-cover max-[500px ]:col-span-1"
209+ class =" col-span-3 h-full w-full rounded-6 border border-stroke object-cover max-[1000px ]:col-span-1"
184210 width ={ 200 }
185211 height ={ 400 }
186212 />
187213 <Image
188214 src ={ " /alexdumo/lhs.jpg" }
189215 alt ={ " Alex Dumouchelle photo" }
190- class =" col-span-3 h-full w-full rounded-6 border border-stroke object-cover max-[500px ]:col-span-1"
216+ class =" col-span-3 h-full w-full rounded-6 border border-stroke object-cover max-[1000px ]:col-span-1"
191217 width ={ 200 }
192218 height ={ 400 }
193219 />
194220 </div >
195221 </div >
196222 <div
197- class =" absolute left-1/2 top-0 -z-50 h-[18vw ] w-[22vw ] -translate-x-1/2 rounded-full bg-accent opacity-40 blur-[512px ]"
223+ class =" absolute left-1/2 top-0 -z-50 h-[22vw ] w-[90vw ] -translate-x-1/2 rounded-full bg-accent opacity-20 blur-[2000px ]"
198224 >
199225 </div >
200226 </section >
0 commit comments