[{"data":1,"prerenderedAt":112},["ShallowReactive",2],{"mdc-7k4cg-key":3,"mdc--1byxis-key":16,"mdc--gzo2x6-key":25,"mdc--1jlr5-key":34,"mdc-brmbwv-key":43},{"data":4,"body":5},{},{"type":6,"children":7},"root",[8],{"type":9,"tag":10,"props":11,"children":12},"element","p",{},[13],{"type":14,"value":15},"text","2024",{"data":17,"body":18},{},{"type":6,"children":19},[20],{"type":9,"tag":10,"props":21,"children":22},{},[23],{"type":14,"value":24},"Franc Studio",{"data":26,"body":27},{},{"type":6,"children":28},[29],{"type":9,"tag":10,"props":30,"children":31},{},[32],{"type":14,"value":33},"Arleny and Franc",{"data":35,"body":36},{},{"type":6,"children":37},[38],{"type":9,"tag":10,"props":39,"children":40},{},[41],{"type":14,"value":42},"Vue 3, Vite and Firebase",{"data":44,"body":45},{},{"type":6,"children":46},[47,52,60,67,72,78,83,101,107],{"type":9,"tag":10,"props":48,"children":49},{},[50],{"type":14,"value":51},"The website brings Franc Studio's projects together in a visual portfolio. Navigation leads to the work, information about the studio and contact details.",{"type":9,"tag":53,"props":54,"children":59},"media",{"alt":55,"effect":56,"src":57,"poster":58},"A walkthrough of the 2024 Franc Studio website","reveal","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fvc_h264,q_auto:eco,w_1080\u002Fv1793622814\u002Ffranc-studio24-0_qizkag.mp4","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fso_2,w_1080,q_auto\u002Fv1793622814\u002Ffranc-studio24-0_qizkag.webp",[],{"type":9,"tag":61,"props":62,"children":64},"h2",{"id":63},"what-it-is",[65],{"type":14,"value":66},"What it is",{"type":9,"tag":10,"props":68,"children":69},{},[70],{"type":14,"value":71},"The home page introduces the studio and leads into a selection of projects. Each project has a page with images or videos, the client and a short description of the commission.",{"type":9,"tag":61,"props":73,"children":75},{"id":74},"projects",[76],{"type":14,"value":77},"Projects",{"type":9,"tag":10,"props":79,"children":80},{},[81],{"type":14,"value":82},"The listing allows visitors to move from a selection of work to the detail of each project. The site keeps a restrained visual tone so that the project images and videos are the protagonists.",{"type":9,"tag":84,"props":85,"children":88},"grid",{"cols":86,"gap":87},2,"md",[89,96],{"type":9,"tag":53,"props":90,"children":95},{"alt":91,"effect":92,"src":93,"fit":94},"Project listing on the site","bend","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fimage\u002Fupload\u002Fc_fill,g_north,w_1200,h_800,q_auto\u002Ffranc-studio24-1_vdtzpa.webp","contain",[],{"type":9,"tag":53,"props":97,"children":100},{"alt":98,"effect":92,"src":99,"fit":94},"Franc Studio home page","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fimage\u002Fupload\u002Fc_fill,g_north,w_1200,h_800,q_auto\u002Ffranc-studio24-0_qnioao.webp",[],{"type":9,"tag":61,"props":102,"children":104},{"id":103},"my-part",[105],{"type":14,"value":106},"My part",{"type":9,"tag":10,"props":108,"children":109},{},[110],{"type":14,"value":111},"I developed the website with Arleny and Franc, using Vue 3, Vite and Firebase.",1794317809960]