Skip to content
This repository was archived by the owner on May 18, 2025. It is now read-only.

Commit 687cd48

Browse files
committed
Add instagram to website
add alex resume
1 parent 8411ec3 commit 687cd48

File tree

3 files changed

+54
-20
lines changed

3 files changed

+54
-20
lines changed

src/components/Footer.astro

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -67,17 +67,23 @@ import ThemeSwitcher from "./ThemeSwitcher.astro";
6767
GitHub
6868
</a>
6969
<a
70-
href="https://www.youtube.com/@OpenMarchApp"
70+
href="https://www.instagram.com/openmarchapp/"
7171
class="text-body duration-150 ease-out hover:text-accent"
7272
>
73-
YouTube
73+
Instagram
7474
</a>
7575
<a
7676
href="https://www.patreon.com/openmarch"
7777
class="text-body duration-150 ease-out hover:text-accent"
7878
>
7979
Patreon
8080
</a>
81+
<a
82+
href="https://www.youtube.com/@OpenMarchApp"
83+
class="text-body duration-150 ease-out hover:text-accent"
84+
>
85+
YouTube
86+
</a>
8187
</div>
8288
<div class="flex flex-col gap-24">
8389
<h4 class="text-h4">Organization</h4>

src/components/Logos.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,8 +18,8 @@ export function LogoGitHub({
1818
<path
1919
fillRule="evenodd"
2020
clipRule="evenodd"
21-
d="M9 0C4.0275 0 0 4.0275 0 9C0 12.9825 2.57625 16.3463 6.15375 17.5388C6.60375 17.6175 6.7725 17.3475 6.7725 17.1113C6.7725 16.8975 6.76125 16.1888 6.76125 15.435C4.5 15.8513 3.915 14.8837 3.735 14.3775C3.63375 14.1187 3.195 13.32 2.8125 13.1062C2.4975 12.9375 2.0475 12.5212 2.80125 12.51C3.51 12.4987 4.01625 13.1625 4.185 13.4325C4.995 14.7937 6.28875 14.4113 6.80625 14.175C6.885 13.59 7.12125 13.1962 7.38 12.9712C5.3775 12.7462 3.285 11.97 3.285 8.5275C3.285 7.54875 3.63375 6.73875 4.2075 6.10875C4.1175 5.88375 3.8025 4.96125 4.2975 3.72375C4.2975 3.72375 5.05125 3.4875 6.7725 4.64625C7.4925 4.44375 8.2575 4.3425 9.0225 4.3425C9.7875 4.3425 10.5525 4.44375 11.2725 4.64625C12.9938 3.47625 13.7475 3.72375 13.7475 3.72375C14.2425 4.96125 13.9275 5.88375 13.8375 6.10875C14.4113 6.73875 14.76 7.5375 14.76 8.5275C14.76 11.9812 12.6563 12.7462 10.6538 12.9712C10.98 13.2525 11.2613 13.7925 11.2613 14.6363C11.2613 15.84 11.25 16.8075 11.25 17.1113C11.25 17.3475 11.4188 17.6288 11.8688 17.5388C15.4238 16.3463 18 12.9712 18 9C18 4.0275 13.9725 0 9 0Z"
2221
fill="currentColor"
22+
d="M9 0C4.0275 0 0 4.0275 0 9C0 12.9825 2.57625 16.3463 6.15375 17.5388C6.60375 17.6175 6.7725 17.3475 6.7725 17.1113C6.7725 16.8975 6.76125 16.1888 6.76125 15.435C4.5 15.8513 3.915 14.8837 3.735 14.3775C3.63375 14.1187 3.195 13.32 2.8125 13.1062C2.4975 12.9375 2.0475 12.5212 2.80125 12.51C3.51 12.4987 4.01625 13.1625 4.185 13.4325C4.995 14.7937 6.28875 14.4113 6.80625 14.175C6.885 13.59 7.12125 13.1962 7.38 12.9712C5.3775 12.7462 3.285 11.97 3.285 8.5275C3.285 7.54875 3.63375 6.73875 4.2075 6.10875C4.1175 5.88375 3.8025 4.96125 4.2975 3.72375C4.2975 3.72375 5.05125 3.4875 6.7725 4.64625C7.4925 4.44375 8.2575 4.3425 9.0225 4.3425C9.7875 4.3425 10.5525 4.44375 11.2725 4.64625C12.9938 3.47625 13.7475 3.72375 13.7475 3.72375C14.2425 4.96125 13.9275 5.88375 13.8375 6.10875C14.4113 6.73875 14.76 7.5375 14.76 8.5275C14.76 11.9812 12.6563 12.7462 10.6538 12.9712C10.98 13.2525 11.2613 13.7925 11.2613 14.6363C11.2613 15.84 11.25 16.8075 11.25 17.1113C11.25 17.3475 11.4188 17.6288 11.8688 17.5388C15.4238 16.3463 18 12.9712 18 9C18 4.0275 13.9725 0 9 0Z"
2323
/>
2424
</g>
2525
<defs>
@@ -161,6 +161,7 @@ export function LogoInstagram({
161161
<stop offset="1" />
162162
</linearGradient>
163163
<path
164+
fill="currentColor"
164165
id="XMLID_17_"
165166
d="M386.878,0H164.156C73.64,0,0,73.64,0,164.156v222.722
166167
c0,90.516,73.64,164.156,164.156,164.156h222.722c90.516,0,164.156-73.64,164.156-164.156V164.156
@@ -184,6 +185,7 @@ export function LogoInstagram({
184185
<stop offset="1" />
185186
</linearGradient>
186187
<path
188+
fill="currentColor"
187189
id="XMLID_81_"
188190
d="M275.517,133C196.933,133,133,196.933,133,275.516
189191
s63.933,142.517,142.517,142.517S418.034,354.1,418.034,275.516S354.101,133,275.517,133z M275.517,362.6
@@ -205,7 +207,7 @@ export function LogoInstagram({
205207
<stop offset="0.6" />
206208
<stop offset="1" />
207209
</linearGradient>
208-
<circle id="XMLID_83_" cx="418.306" cy="134.072" r="34.149" />
210+
<circle fill="currentColor" id="XMLID_83_" cx="418.306" cy="134.072" r="34.149" />
209211
</g>
210212
</svg>
211213
);

src/pages/about/alexdumo.astro

Lines changed: 42 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,32 @@
11
---
22
import * as Logos from "@/components/Logos";
3+
import { Button } from "@/components/ui/Button";
34
import Layout from "@/layouts/Layout.astro";
45
import { 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

Comments
 (0)