|
/notes
|
Notes
|
|
|
/photos
|
Photos
|
|
|
/projects
|
Work
|
|
|
/about
|
About
|
|
|
/projects/personal-website-2025
|
<div class="flex flex-col flex-1 truncate text-ellipsis overflow-ellipsis"> <div class="font-regular leading-6 truncate text-ellipsis overflow-ellipsis"> Personal Website (2025) </div> <div class="text-sm truncate overflow-ellipsis text-ellipsis opacity-50"> Personal • Astro/CSS/JS/React </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="absolute top-1/2 right-2 -translate-y-1/2 size-5 stroke-2 fill-none stroke-current"> <line x1="5" y1="12" x2="19" y2="12" class="translate-x-3 group-hover:translate-x-0 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></line> <polyline points="12 5 19 12 12 19" class="-translate-x-1 group-hover:translate-x-0 transition-transform duration-300 ease-in-out"></polyline> </svg>
|
|
|
/projects/personal-website-2024-2
|
<div class="flex flex-col flex-1 truncate text-ellipsis overflow-ellipsis"> <div class="font-regular leading-6 truncate text-ellipsis overflow-ellipsis"> Personal Website (2024 - part 2) </div> <div class="text-sm truncate overflow-ellipsis text-ellipsis opacity-50"> Personaal • Blot/CSS/JS </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="absolute top-1/2 right-2 -translate-y-1/2 size-5 stroke-2 fill-none stroke-current"> <line x1="5" y1="12" x2="19" y2="12" class="translate-x-3 group-hover:translate-x-0 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></line> <polyline points="12 5 19 12 12 19" class="-translate-x-1 group-hover:translate-x-0 transition-transform duration-300 ease-in-out"></polyline> </svg>
|
|
|
/projects/personal-website-2024
|
<div class="flex flex-col flex-1 truncate text-ellipsis overflow-ellipsis"> <div class="font-regular leading-6 truncate text-ellipsis overflow-ellipsis"> Personal Website (2024 - part 1) </div> <div class="text-sm truncate overflow-ellipsis text-ellipsis opacity-50"> Personal • Blot/CSS/JS </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="absolute top-1/2 right-2 -translate-y-1/2 size-5 stroke-2 fill-none stroke-current"> <line x1="5" y1="12" x2="19" y2="12" class="translate-x-3 group-hover:translate-x-0 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></line> <polyline points="12 5 19 12 12 19" class="-translate-x-1 group-hover:translate-x-0 transition-transform duration-300 ease-in-out"></polyline> </svg>
|
|
|
/projects/personal-website-2023
|
<div class="flex flex-col flex-1 truncate text-ellipsis overflow-ellipsis"> <div class="font-regular leading-6 truncate text-ellipsis overflow-ellipsis"> Personal website (2023) </div> <div class="text-sm truncate overflow-ellipsis text-ellipsis opacity-50"> Personal • Hugo/CSS </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="absolute top-1/2 right-2 -translate-y-1/2 size-5 stroke-2 fill-none stroke-current"> <line x1="5" y1="12" x2="19" y2="12" class="translate-x-3 group-hover:translate-x-0 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></line> <polyline points="12 5 19 12 12 19" class="-translate-x-1 group-hover:translate-x-0 transition-transform duration-300 ease-in-out"></polyline> </svg>
|
|
|
/projects/mymind-icon
|
<div class="flex flex-col flex-1 truncate text-ellipsis overflow-ellipsis"> <div class="font-regular leading-6 truncate text-ellipsis overflow-ellipsis"> Unofficial icon for mymind.com </div> <div class="text-sm truncate overflow-ellipsis text-ellipsis opacity-50"> Concept • Figma </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="absolute top-1/2 right-2 -translate-y-1/2 size-5 stroke-2 fill-none stroke-current"> <line x1="5" y1="12" x2="19" y2="12" class="translate-x-3 group-hover:translate-x-0 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></line> <polyline points="12 5 19 12 12 19" class="-translate-x-1 group-hover:translate-x-0 transition-transform duration-300 ease-in-out"></polyline> </svg>
|
|
|
/projects/writeas-theme
|
<div class="flex flex-col flex-1 truncate text-ellipsis overflow-ellipsis"> <div class="font-regular leading-6 truncate text-ellipsis overflow-ellipsis"> Dark theme for write.as </div> <div class="text-sm truncate overflow-ellipsis text-ellipsis opacity-50"> Personal • CSS </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="absolute top-1/2 right-2 -translate-y-1/2 size-5 stroke-2 fill-none stroke-current"> <line x1="5" y1="12" x2="19" y2="12" class="translate-x-3 group-hover:translate-x-0 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></line> <polyline points="12 5 19 12 12 19" class="-translate-x-1 group-hover:translate-x-0 transition-transform duration-300 ease-in-out"></polyline> </svg>
|
|
|
/projects/cv-cover-letter-figma-2021
|
<div class="flex flex-col flex-1 truncate text-ellipsis overflow-ellipsis"> <div class="font-regular leading-6 truncate text-ellipsis overflow-ellipsis"> CV and Cover letter template </div> <div class="text-sm truncate overflow-ellipsis text-ellipsis opacity-50"> Personal • Figma </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="absolute top-1/2 right-2 -translate-y-1/2 size-5 stroke-2 fill-none stroke-current"> <line x1="5" y1="12" x2="19" y2="12" class="translate-x-3 group-hover:translate-x-0 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></line> <polyline points="12 5 19 12 12 19" class="-translate-x-1 group-hover:translate-x-0 transition-transform duration-300 ease-in-out"></polyline> </svg>
|
|
|
/projects/personal-website-2021
|
<div class="flex flex-col flex-1 truncate text-ellipsis overflow-ellipsis"> <div class="font-regular leading-6 truncate text-ellipsis overflow-ellipsis"> Personal website (2021) </div> <div class="text-sm truncate overflow-ellipsis text-ellipsis opacity-50"> Personal • Webflow </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="absolute top-1/2 right-2 -translate-y-1/2 size-5 stroke-2 fill-none stroke-current"> <line x1="5" y1="12" x2="19" y2="12" class="translate-x-3 group-hover:translate-x-0 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></line> <polyline points="12 5 19 12 12 19" class="-translate-x-1 group-hover:translate-x-0 transition-transform duration-300 ease-in-out"></polyline> </svg>
|
|
|
/projects/personal-website-2020
|
<div class="flex flex-col flex-1 truncate text-ellipsis overflow-ellipsis"> <div class="font-regular leading-6 truncate text-ellipsis overflow-ellipsis"> Personal website (2020) </div> <div class="text-sm truncate overflow-ellipsis text-ellipsis opacity-50"> Personal • Webflow </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="absolute top-1/2 right-2 -translate-y-1/2 size-5 stroke-2 fill-none stroke-current"> <line x1="5" y1="12" x2="19" y2="12" class="translate-x-3 group-hover:translate-x-0 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></line> <polyline points="12 5 19 12 12 19" class="-translate-x-1 group-hover:translate-x-0 transition-transform duration-300 ease-in-out"></polyline> </svg>
|
|
|
/projects/life-organised-notion
|
<div class="flex flex-col flex-1 truncate text-ellipsis overflow-ellipsis"> <div class="font-regular leading-6 truncate text-ellipsis overflow-ellipsis"> Life organised template </div> <div class="text-sm truncate overflow-ellipsis text-ellipsis opacity-50"> Personal • Notion </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="absolute top-1/2 right-2 -translate-y-1/2 size-5 stroke-2 fill-none stroke-current"> <line x1="5" y1="12" x2="19" y2="12" class="translate-x-3 group-hover:translate-x-0 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></line> <polyline points="12 5 19 12 12 19" class="-translate-x-1 group-hover:translate-x-0 transition-transform duration-300 ease-in-out"></polyline> </svg>
|
|
|
/projects/start-page-html-template
|
<div class="flex flex-col flex-1 truncate text-ellipsis overflow-ellipsis"> <div class="font-regular leading-6 truncate text-ellipsis overflow-ellipsis"> Start page template </div> <div class="text-sm truncate overflow-ellipsis text-ellipsis opacity-50"> Personal • HTML/CSS </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="absolute top-1/2 right-2 -translate-y-1/2 size-5 stroke-2 fill-none stroke-current"> <line x1="5" y1="12" x2="19" y2="12" class="translate-x-3 group-hover:translate-x-0 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></line> <polyline points="12 5 19 12 12 19" class="-translate-x-1 group-hover:translate-x-0 transition-transform duration-300 ease-in-out"></polyline> </svg>
|
|
|
/projects/pocket-redesign-proposal
|
<div class="flex flex-col flex-1 truncate text-ellipsis overflow-ellipsis"> <div class="font-regular leading-6 truncate text-ellipsis overflow-ellipsis"> Pocket redesign </div> <div class="text-sm truncate overflow-ellipsis text-ellipsis opacity-50"> Concept • Sketch </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="absolute top-1/2 right-2 -translate-y-1/2 size-5 stroke-2 fill-none stroke-current"> <line x1="5" y1="12" x2="19" y2="12" class="translate-x-3 group-hover:translate-x-0 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></line> <polyline points="12 5 19 12 12 19" class="-translate-x-1 group-hover:translate-x-0 transition-transform duration-300 ease-in-out"></polyline> </svg>
|
|
|
/projects/google-fonts-wallpapers
|
<div class="flex flex-col flex-1 truncate text-ellipsis overflow-ellipsis"> <div class="font-regular leading-6 truncate text-ellipsis overflow-ellipsis"> An ode to Google Fonts </div> <div class="text-sm truncate overflow-ellipsis text-ellipsis opacity-50"> Personal • Sketch </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="absolute top-1/2 right-2 -translate-y-1/2 size-5 stroke-2 fill-none stroke-current"> <line x1="5" y1="12" x2="19" y2="12" class="translate-x-3 group-hover:translate-x-0 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></line> <polyline points="12 5 19 12 12 19" class="-translate-x-1 group-hover:translate-x-0 transition-transform duration-300 ease-in-out"></polyline> </svg>
|
|
|
/projects/olio-terre-etruschi
|
<div class="flex flex-col flex-1 truncate text-ellipsis overflow-ellipsis"> <div class="font-regular leading-6 truncate text-ellipsis overflow-ellipsis"> Branding for Olio Terre degli Etruschi </div> <div class="text-sm truncate overflow-ellipsis text-ellipsis opacity-50"> Freelance • Adobe Illustrator </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="absolute top-1/2 right-2 -translate-y-1/2 size-5 stroke-2 fill-none stroke-current"> <line x1="5" y1="12" x2="19" y2="12" class="translate-x-3 group-hover:translate-x-0 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></line> <polyline points="12 5 19 12 12 19" class="-translate-x-1 group-hover:translate-x-0 transition-transform duration-300 ease-in-out"></polyline> </svg>
|
|
|
/projects/obiettivo-crescita
|
<div class="flex flex-col flex-1 truncate text-ellipsis overflow-ellipsis"> <div class="font-regular leading-6 truncate text-ellipsis overflow-ellipsis"> Magazine layout for Obiettivo Crescita </div> <div class="text-sm truncate overflow-ellipsis text-ellipsis opacity-50"> Freelance • Adobe Photoshop/Indesign </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="absolute top-1/2 right-2 -translate-y-1/2 size-5 stroke-2 fill-none stroke-current"> <line x1="5" y1="12" x2="19" y2="12" class="translate-x-3 group-hover:translate-x-0 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></line> <polyline points="12 5 19 12 12 19" class="-translate-x-1 group-hover:translate-x-0 transition-transform duration-300 ease-in-out"></polyline> </svg>
|
|
|
/assets/FrancescoPuppo-CV-2026-full.pdf
|
Download my CV
|
|
|
/
|
Fran's Realm
|
|
|
/feed.rss
|
RSS
|
|
Webflow