diff --git a/assets/fonts/Danzza Light.otf b/assets/fonts/Danzza Light.otf deleted file mode 100644 index 7f14f9c..0000000 Binary files a/assets/fonts/Danzza Light.otf and /dev/null differ diff --git a/site/blueprints/pages/project.yml b/site/blueprints/pages/project.yml index fb4f2a9..9bc0781 100644 --- a/site/blueprints/pages/project.yml +++ b/site/blueprints/pages/project.yml @@ -47,7 +47,6 @@ columns: - strike - clear - link - maxlength: 500 help: Description complète du projet images: diff --git a/src/App.svelte b/src/App.svelte index daa35b0..7118944 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -83,8 +83,8 @@ class:is-animated={isReady && !isResizing} style="width: {wrapperWidth}; transform: {wrapperTransform}" > - {#each slides.all as slide, i} -
+ {#each slides.all as slide} +
{#if slide.loaded} = projects.length - 1} onclick={() => { if (currentIndex < projects.length - 1) { currentIndex++; setAnchor(currentIndex) } }} > - {String(currentIndex + 1).padStart(2, '0')}/{String(projects.length).padStart(2, '0')} + {String(currentIndex + 1).padStart(2, '0')}/{String(projects.length).padStart(2, '0')}
@@ -270,7 +270,7 @@ .portfolio-nav { grid-area: 4/17 / span 14 / span 4; - margin-right: 7vw; + padding-right: 8rem; z-index: var(--z-content); display: flex; flex-direction: column; @@ -350,13 +350,12 @@ } .portfolio-arrow--up { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAARCAYAAAAL4VbbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACxSURBVChT7dExDgFBFMbxF4RKolC5ABGRuIIjqJQu4ATiDE6hcQKNhsJGi4YLqBQ6jfF/k53Js8YNfMkvb9/Mm8lmV5xzRTVsMDZrXkm+U8EQA9/ZFE7PYHND3Lc3T9DC1nciVxyg611dCKfq0EyhvWaE8LyAv3mFB/pYogFNO689dPDS4Qt2OOKOKjShnrHGPryG1YRmjo+91Kf7mf+wTWq4nNfwJ2NSw09kOPkuRuQNVDyfOxATXhEAAAAASUVORK5CYII="); - transform: rotate(180deg); + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M2 8L6 4L10 8'/%3E%3C/svg%3E"); margin-right: 2px; } .portfolio-arrow--down { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAARCAYAAAAL4VbbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACxSURBVChT7dExDgFBFMbxF4RKolC5ABGRuIIjqJQu4ATiDE6hcQKNhsJGi4YLqBQ6jfF/k53Js8YNfMkvb9/Mm8lmV5xzRTVsMDZrXkm+U8EQA9/ZFE7PYHND3Lc3T9DC1nciVxyg611dCKfq0EyhvWaE8LyAv3mFB/pYogFNO689dPDS4Qt2OOKOKjShnrHGPryG1YRmjo+91Kf7mf+wTWq4nNfwJ2NSw09kOPkuRuQNVDyfOxATXhEAAAAASUVORK5CYII="); + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M2 4L6 8L10 4'/%3E%3C/svg%3E"); margin-right: 5px; } @@ -369,23 +368,20 @@ .portfolio { background: transparent; - width: 100vw; - height: auto; - overflow: hidden; } /* Gallery over background, under content */ - .portfolio-gallery.mobile-only { + .portfolio-gallery { position: fixed; + transform: translateX(-10vw); + width: 120vw; opacity: 0.8; z-index: 1; - transform: translateX(0vw); - width: 100vw; } .content-background { position: fixed; - bottom: 0; + top: -7rem; width: 100vw; height: auto; z-index: 5; @@ -403,9 +399,8 @@ /* Text — over mockup, centered */ .portfolio-text { - grid-area: 8/4/span 8/span 14; + grid-area: 9/3 / span 7 / span 16; z-index: var(--z-content); - gap: .5rem; text-align: center; } @@ -419,10 +414,7 @@ } .portfolio-description { - font-family: "Danzza Light", sans-serif; font-size: var(--font-size-paragraph-mobile); - font-weight: 600; - line-height: 1.34; } /* Hide keywords on mobile */ @@ -430,11 +422,6 @@ display: none; } - .portfolio-links { - margin-top: .5rem; - justify-content: center; - } - /* Nav thumbnails — horizontal, compact */ .portfolio-nav { grid-area: 17/4 / span 1 / span 14; @@ -444,7 +431,6 @@ height: 75px; align-items: center; overflow: hidden; - margin-right: 0; } .portfolio-nav-item:not(:last-child) { @@ -465,8 +451,8 @@ } .portfolio-nav-item img { - width: 3.75rem; - height: 3.75rem; + width: 45px; + height: 50px; } .portfolio-nav-number { @@ -478,10 +464,6 @@ grid-area: 18/15 / span 1 / span 3; font-size: var(--font-size-caption-mobile, 11px); } - - .portfolio-counter { - font-size: 0.8125rem; - } } /* Tablet (701px–912px) */