studio-variable/world-game
3
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: studio-variable:0a346040a2ede614836660830863aa8bcbbfe122
Branches Tags
studio-variable:main
..
compare: studio-variable:77080c4928e16ececf9fc015270a4dda3b462cd0
Branches Tags
studio-variable:main

No commits in common. "0a346040a2ede614836660830863aa8bcbbfe122" and "77080c4928e16ececf9fc015270a4dda3b462cd0" have entirely different histories.
0a346040a2 ... 77080c4928

5 changed files with 15 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/fonts/Danzza Light.otf
View file

Binary file not shown.

1
site/blueprints/pages/project.yml
View file

@ -47,7 +47,6 @@ columns:
- strike
- clear
- link
maxlength: 500
help: Description complète du projet
images:

4
src/App.svelte
View file

@ -83,8 +83,8 @@
class:is-animated={isReady && !isResizing}
style="width: {wrapperWidth}; transform: {wrapperTransform}"
>
{#each slides.all as slide, i}
<section class="slide" class:active={i === slides.activeIndex} data-slide={slide.id}>
{#each slides.all as slide}
<section class="slide" data-slide={slide.id}>
{#if slide.loaded}
<svelte:component
this={templates[slide.template] ?? Default}

10
src/styles/fonts.css
View file

@ -20,13 +20,6 @@
font-display: swap;
}
@font-face {
font-family: "Danzza Light";
src: local("Danzza Light"),
url("/assets/fonts/Danzza%20Light.otf") format("opentype");
font-display: swap;
}
@font-face {
font-family: "Danzza Bold";
src: local("Danzza Bold"),
@ -43,8 +36,9 @@
font-family: "Danzza";
}
/* Danzza Light n'existe pas — pointe vers Regular */
.font-face-danzza-light {
font-family: "Danzza Light";
font-family: "Danzza";
}
.font-face-danzza-medium {

40
src/views/Portfolio.svelte
View file

@ -174,7 +174,7 @@
disabled={currentIndex >= projects.length - 1}
onclick={() => { if (currentIndex < projects.length - 1) { currentIndex++; setAnchor(currentIndex) } }}
></button>
<output class="portfolio-counter">{String(currentIndex + 1).padStart(2, '0')}/{String(projects.length).padStart(2, '0')}</output>
<span class="portfolio-counter">{String(currentIndex + 1).padStart(2, '0')}/{String(projects.length).padStart(2, '0')}</span>
</div>
</section>
@ -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) */