Skip to content

Commit f6689f6

Browse files
devtotidevtoti
committed
Merge branch 'main' into design
2 parents 1a4007d + 2ffd0df commit f6689f6

17 files changed

Lines changed: 607 additions & 192 deletions

‎src/lib/components/Button.svelte‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,9 @@
4444
{/if}
4545

4646
<style>
47+
.arc-button-primary {
48+
padding: 0.5rem 0;
49+
}
4750
.button-wrapper {
4851
width: 100%;
4952
}

‎src/lib/components/ExperienceCard.svelte‎

Lines changed: 53 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -84,17 +84,26 @@
8484
{#each designRoles as role, ix}
8585
<button
8686
class="experience-list-item left"
87-
onclick={() => (role.active = !role.active)}
87+
onclick={() => null}
8888
class:active={role.active}
8989
aria-label="Open my design experience card with my career path"
9090
>
91-
<h4 class="arc-h5">{role.company}</h4>
91+
<span>
92+
<a
93+
href={role.url}
94+
class="role-url arc-h5"
95+
target="_blank"
96+
rel="noopener noreferrer"
97+
aria-label={`Visit ${role.company}'s website (opens in new tab)`}
98+
>{role.company}</a
99+
>
100+
</span>
92101
<p class="arc-txt-li">{role.date}</p>
93102
<div class="col-wrapper">
94103
<WallsThickCol />
95104
</div>
96105
</button>
97-
{#if role.active}
106+
<!-- {#if role.active}
98107
<button
99108
class="arc-txt-li role-overview"
100109
onclick={() => (role.active = !role.active)}
@@ -138,25 +147,32 @@
138147
{/if}
139148
</div>
140149
</button>
141-
{/if}
150+
{/if} -->
142151
{/each}
143152
{:else}
144153
{#each frontendRoles as role, ix}
145154
<button
146155
class="experience-list-item"
147-
onclick={() => (role.active = !role.active)}
156+
onclick={() => null}
148157
class:active={role.active}
149158
aria-label="Open my frontend developer experience card with my career path"
150159
>
151160
<span>
152-
<h4 class="arc-h5">{role.company}</h4>
161+
<a
162+
href={role.url}
163+
class="role-url arc-h5"
164+
target="_blank"
165+
rel="noopener noreferrer"
166+
aria-label={`Visit ${role.company}'s website (opens in new tab)`}
167+
>{role.company}</a
168+
>
153169
</span>
154170
<p class="arc-txt-li">{role.date}</p>
155171
<div class="col-wrapper">
156172
<WallsThickCol />
157173
</div>
158174
</button>
159-
{#if role.active}
175+
<!-- {#if role.active}
160176
<button
161177
class="arc-txt-li role-overview"
162178
onclick={() => (role.active = !role.active)}
@@ -200,7 +216,7 @@
200216
{/if}
201217
</div>
202218
</button>
203-
{/if}
219+
{/if} -->
204220
{/each}
205221
{/if}
206222
</div>
@@ -250,7 +266,7 @@
250266
gap: 0.2rem;
251267
padding: 0.5rem;
252268
padding-top: 1rem;
253-
background-image: radial-gradient(var(--icon-tertiary) 1px, transparent 0);
269+
background-image: radial-gradient(var(--gray-alpha-10) 1px, transparent 0);
254270
background-size: 10px 10px;
255271
background-position: -5px -5px;
256272
p {
@@ -262,17 +278,6 @@
262278
align-items: flex-start !important;
263279
width: 100%;
264280
}
265-
.link-wrapper {
266-
padding-top: 0.5rem;
267-
display: flex;
268-
flex-direction: row;
269-
gap: 0.5rem;
270-
align-items: center;
271-
justify-content: flex-end;
272-
a:hover {
273-
background-color: var(--bg-tertiary);
274-
}
275-
}
276281
.close-button {
277282
all: unset;
278283
cursor: pointer;
@@ -357,16 +362,20 @@
357362
padding: 0.25rem 0.5rem;
358363
span {
359364
width: 100%;
365+
height: 100%;
360366
display: flex;
361367
align-items: center;
362368
justify-content: space-between;
363369
}
364-
h4 {
365-
justify-self: flex-start;
370+
span:hover {
371+
background-color: var(--bg-light-hover);
372+
}
373+
a {
374+
display: block;
366375
font-weight: 600;
367376
padding-left: 0.5rem;
368-
width: fit-content;
369377
color: var(--text-primary);
378+
width: 100%;
370379
}
371380
&.active {
372381
background-color: var(--bg-light-hover);
@@ -383,8 +392,8 @@
383392
}
384393
}
385394
.experience-list-item:hover {
386-
background-color: var(--bg-light-hover);
387-
cursor: pointer;
395+
/* background-color: var(--bg-light-hover); */
396+
/* cursor: pointer; */
388397
p {
389398
color: var(--text-primary);
390399
}
@@ -428,10 +437,19 @@
428437
}
429438
.experience-list-item {
430439
grid-template-columns: 1rem 1fr 1.2fr;
431-
h4 {
432-
order: -2;
433-
padding-left: auto;
440+
span {
434441
width: 100%;
442+
display: flex;
443+
align-items: flex-end;
444+
justify-content: space-between;
445+
height: 100%;
446+
}
447+
a {
448+
order: -2;
449+
justify-self: end;
450+
margin-left: auto;
451+
text-align: right;
452+
padding-right: 0.5rem;
435453
}
436454
p {
437455
order: -3;
@@ -440,6 +458,13 @@
440458
order: -4;
441459
}
442460
}
461+
/* .link-wrapper {
462+
justify-content: flex-end;
463+
.experience-card-icon {
464+
justify-content: flex-end;
465+
text-align: right;
466+
}
467+
} */
443468
.icons {
444469
flex-direction: row-reverse;
445470
}

‎src/lib/components/Footer.svelte‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -172,7 +172,7 @@
172172
<h6 class="arc-h6">
173173
<Text section="footer-legend" text="last-update" />
174174
</h6>
175-
<p class="arc-body-3">2025-06-22</p>
175+
<p class="arc-body-3">2025-10-15</p>
176176
</article>
177177
<article class="plan-info collab">
178178
<h6 class="arc-h6">
@@ -185,7 +185,7 @@
185185
<p class="arc-body-3">Antonio Ruiz</p>
186186
</article>
187187
<article class="plan-info v">
188-
<h4 class="arc-h3">V1.0</h4>
188+
<h4 class="arc-h3">V1.1.0</h4>
189189
</article>
190190
<article class="plan-info id" id="clave">
191191
<h5 class="arc-h0">A1</h5>

‎src/lib/components/GenericBanner.svelte‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
<article style={`--offset: ${offset}px`} class="mid-banner stripped-divider">
88
<article class="floating-container">
9-
<h2 class="arc-h0 color-invert">
9+
<h2 class="arc-h1 color-invert">
1010
<Text section="contact-banner" text="title" />
1111
</h2>
1212
<p class="arc-body-0 color-invert">
@@ -20,7 +20,7 @@
2020

2121
<style>
2222
.button-container {
23-
width: clamp(120px, 10vw, 25rem);
23+
width: clamp(190px, 10vw, 25rem);
2424
}
2525
.mid-banner {
2626
position: relative;

‎src/lib/components/HeroContent.svelte‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
>
3535
<article class="hero-text section-content">
3636
<div class="title">
37-
<h1 class="text-title barlow-extrabold arc-h1" class:isHome>
37+
<h1 class="text-title barlow-extrabold arc-h2" class:isHome>
3838
<Text section={currentPage} text="heading" />
3939
</h1>
4040
<h2 class="text-caption caption arc-h4">
@@ -100,10 +100,10 @@
100100
flex-direction: column;
101101
align-items: center;
102102
justify-content: flex-end;
103-
.isHome {
104-
font-size: clamp(2.5rem, 4vw, 4rem) !important;
103+
/* .isHome {
104+
font-size: clamp(1.25rem, 4vw, 2.5rem) !important;
105105
padding-bottom: 0;
106-
}
106+
} */
107107
}
108108
.text-caption {
109109
color: var(--text-dark);

‎src/lib/components/Navbar.svelte‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@
6666
<article class="nav-container">
6767
<ul class="nav-links desktop-only">
6868
<li>
69-
<a href="/" class:active={currentPath === "/"}>Blueprint</a>
69+
<a href="/" class:active={currentPath === "/"}>Home</a>
7070
</li>
7171
<li>
7272
<a href="/dev" class:active={currentPath === "/dev"}>Dev</a>
@@ -80,9 +80,9 @@
8080
<li>
8181
<a href="/contact" class:active={currentPath === "/contact"}>Contact</a>
8282
</li>
83-
<li>
83+
<!-- <li>
8484
<a href="/about" class:active={currentPath === "/about"}>About</a>
85-
</li>
85+
</li> -->
8686
</ul>
8787
<div class="settings-container desktop-only">
8888
<button
@@ -353,11 +353,11 @@
353353
<Text section="navigation" text="contact" />
354354
</a>
355355
</li>
356-
<li role="menuitem">
356+
<!-- <li role="menuitem">
357357
<a href="/about" class="arc-h4" onclick={() => (isNavOpen = false)}>
358358
<Text section="navigation" text="about" />
359359
</a>
360-
</li>
360+
</li> -->
361361
</ul>
362362
<DividerTrapezoid
363363
width={WINDOW.width}

0 commit comments

Comments
 (0)