Skip to content

Aggiornamento delle ultime features pubbliche #191

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
LoRy24 merged 6 commits into from
Apr 20, 2026
Merged

Aggiornamento delle ultime features pubbliche #191

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
190a8de
Aggiunte le immagini sull'eco-printing
LoRy24 Apr 20, 2026
bf33956
Risolto piccolo bug nel browser dei FabLab
LoRy24 Apr 20, 2026
9ab4ac4
Risolti issue di code quality
LoRy24 Apr 20, 2026
b8cb858
Merge pull request #189 from LoRy24/81-immagini-ecoprinting
LoRy24 Apr 20, 2026
e3bb6eb
Caricato il video di Federico
LoRy24 Apr 20, 2026
d900b0b
Merge pull request #190 from LoRy24/175-video-federico-frigerio
LoRy24 Apr 20, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added public/app_data/images/ecoprinting1.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/app_data/images/ecoprinting2.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
55 changes: 43 additions & 12 deletions src/app/fablabs/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,42 +43,73 @@ export default function FabLabs() {
</div>
<div id={"fablabs-page-content"} className={"relative z-20 w-full bg-[#0a0a0a] top-118.75 pt-24"}>
<div className={"w-full flex flex-col items-center justify-center px-16"}>
<div className={"w-full flex flex-row items-center mt-16 mb-32 max-w-375"}>
<div className={"w-2/3 flex flex-col justify-center min-h-[30vh] max-[1400px]:w-full max-[1400px]:items-center"}>
<div className="w-full flex flex-row items-center mt-24 mb-48 max-w-375 mx-auto">
{/* TESTO */}
<div className="w-2/3 flex flex-col justify-center min-h-[30vh] max-[1400px]:w-full max-[1400px]:items-center">
<AnimatedContent
distance={100}
direction="vertical"
reverse={false}
duration={0.8}
ease="power3.out"
initialOpacity={0}
animateOpacity
scale={1}
threshold={0.1}
delay={0}
>
<h1 className={"font-black text-[64px] max-[1400px]:text-center"}>Cosa sono i &#34;FabLabs&#34;?</h1>
<h1 className="font-black text-[48px] xl:text-[64px] leading-tight max-[1400px]:text-center">
Cosa sono i &#34;FabLabs&#34;?
</h1>
</AnimatedContent>

<AnimatedContent
distance={100}
direction="vertical"
reverse={false}
duration={0.8}
ease="power3.out"
initialOpacity={0}
animateOpacity
scale={1}
threshold={0.1}
delay={0.25}
>
<p className={"font-normal text-[20px] max-w-187.5 max-[1400px]:text-center"}>
<p className="font-normal text-[18px] xl:text-[20px] max-w-187.5 text-white/80 leading-relaxed mt-6 max-[1400px]:text-center">
L’insieme dei FabLab può essere visto come una rete di laboratori diffusi sul territorio che lavorano insieme, ognuno con una propria specializzazione. Non sono realtà isolate, ma spazi che collaborano in modo coordinato, seguendo un modello di economia circolare e di sviluppo locale sostenibile. Ogni laboratorio contribuisce con competenze diverse, creando un sistema integrato in cui le funzioni si completano a vicenda.
</p>
</AnimatedContent>
</div>
<div className={"w-1/3 flex flex-col justify-center items-end min-h-[30vh] max-[1400px]:hidden"}>
<Image src={"/app_data/images/fablab-image-1.png"} alt={"FabLab"} width={703/1.75}
height={603/1.75} quality={75} loading={"eager"}/>

{/* IMMAGINI */}
<div className="w-1/3 relative flex justify-end min-h-[30vh] max-[1400px]:hidden">
<div className="relative h-105 w-full max-w-120">

{/* IMMAGINE GRANDE */}
<div className="group absolute right-0 top-0 z-20 h-80 w-[85%] overflow-hidden rounded-[28px] border border-white/10 bg-white/5 shadow-2xl transition-all duration-500 hover:-translate-y-3 hover:rotate-[1.5deg]">
<Image
src="/app_data/images/ecoprinting1.png"
alt="FabLab principale"
fill
className="object-cover transition-transform duration-700 group-hover:scale-110"
quality={75}
/>
<div className="absolute inset-0 bg-linear-to-t from-black/50 via-black/10 to-transparent opacity-80 group-hover:opacity-100 transition duration-500" />
<div className="absolute inset-0 ring-0 ring-white/20 group-hover:ring-1 transition duration-500" />
</div>

{/* IMMAGINE PICCOLA */}
<div className="group absolute bottom-0 left-0 z-30 h-55 w-[65%] overflow-hidden rounded-3xl border border-white/10 bg-white/5 shadow-xl transition-all duration-500 hover:-translate-y-2 hover:-rotate-2">
<Image
src="/app_data/images/ecoprinting2.png"
alt="FabLab secondario"
fill
className="object-cover transition-transform duration-700 group-hover:scale-110"
quality={75}
/>
<div className="absolute inset-0 bg-linear-to-t from-black/40 via-black/10 to-transparent opacity-80 group-hover:opacity-100 transition duration-500" />
<div className="absolute inset-0 ring-0 ring-white/20 group-hover:ring-1 transition duration-500" />
</div>

{/* GLOW BACKGROUND (opzionale ma consigliato) */}
<div className="absolute -z-10 right-[10%] top-[10%] h-50 w-50 rounded-full bg-emerald-400/10 blur-3xl" />
<div className="absolute -z-10 left-[5%] bottom-[5%] h-40 w-40 rounded-full bg-cyan-400/10 blur-3xl" />
</div>
</div>
</div>
</div>
Expand Down
21 changes: 16 additions & 5 deletions src/app/gladys/people/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,14 +39,25 @@ export default function GladysPage() {
/>
</div>
</div>
<div id={"page-content"} className={"relative z-20 w-full bg-[#0a0a0a] top-118.75 pt-24"}>
<div className={"flex flex-col items-center justify-center w-full px-16"}>
<div className={"w-full max-w-375 overflow-hidden rounded-2xl border border-[#303030]"}>
<GladysMapWrapper/>
<div id={"page-content"} className={"flex flex-col items-center justify-center relative z-20 w-full bg-[#0a0a0a] top-118.75"}>
<div className={"w-full flex flex-col items-center justify-center px-16 py-24"}>
<div className={"flex flex-col items-center justify-center w-full max-w-375"}>
<video
className="w-full h-192 rounded-2xl mb-16 border border-[#303030]"
controls
preload="metadata"
playsInline
>
<source src="https://s3-node1.insubrina.org/insu-videos/federico.mp4" type="video/mp4"/>
Il tuo browser non supporta il tag video.
</video>
<div className={"w-full max-w-375 overflow-hidden rounded-2xl border border-[#303030]"}>
<GladysMapWrapper/>
</div>
</div>
</div>
<Footer className={"mt-24"}/>
</div>
</div>
);
}
}
2 changes: 1 addition & 1 deletion src/components/ui/fablabs/FabLabsBrowser.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -176,7 +176,7 @@ export default function FabLabsBrowser() {
</div>
</div>
</div>
<div id={"fab-labs-browser-content"} className={"ml-10 h-[75vh] overflow-y-scroll"}>
<div id={"fab-labs-browser-content"} className={"ml-10 h-[75vh] overflow-y-scroll pr-10"}>
<BrowserContent filters={{state: stateFilter, tags: tagsFilter}} defaultItemsPerPage={9} />
</div>
</div>
Expand Down
Loading