[{"data":1,"prerenderedAt":447},["ShallowReactive",2],{"blog-who-why-what-part-3-what":3,"blog-all":139},{"id":4,"title":5,"author":6,"body":7,"cover":117,"date":118,"description":13,"excerpt":119,"extension":120,"meta":121,"navigation":122,"path":123,"seo":124,"slug":125,"stem":126,"tags":127,"__hash__":138},"blog/blog/who-why-what-part-3-what.md","Who, Why, What – Part 3: What","Patryk Smakosz",{"type":8,"value":9,"toc":113},"minimark",[10,14,17,23,26,45,48,53,56,73,76,81,84,101,104,110],[11,12,13],"p",{},"So what do I actually do?",[11,15,16],{},"Over the last decade, I’ve worked across a wide range of creative development and animation projects — from interactive websites to animated banners, from data visualizations to 3D experiments. My work always circles back to one core passion: bringing ideas to life through motion and interactivity.",[11,18,19],{},[20,21,22],"strong",{},"Core Focus: Web Animation & Interactive Experiences",[11,24,25],{},"I specialize in:",[27,28,29,33,36,39,42],"ul",{},[30,31,32],"li",{},"🎨 GSAP-powered animations — scroll storytelling, parallax, smooth timelines, and ScrollTrigger effects",[30,34,35],{},"✒️ SVG animations — vector morphs, line draws, icons, and detailed logo reveals",[30,37,38],{},"🌀 Canvas & Three.js projects — interactive 2D/3D elements and immersive visuals",[30,40,41],{},"📢 Google Ads & HTML5 banners — lightweight, high-performance animations for campaigns",[30,43,44],{},"📜 Scroll-based storytelling — narrative-driven sites where motion guides the user experience",[11,46,47],{},"Tweaking timing, easing, and transitions until everything feels silky smooth is my jam. For me, animations are not just decoration — they’re storytelling tools. As an avid reader, I treat motion the same way I treat a good story: it needs flow, rhythm, and a vibe that pulls you in.",[11,49,50],{},[20,51,52],{},"Beyond Animation: Full-Stack Creative Development",[11,54,55],{},"Animations rarely live on their own — they’re part of bigger projects. Over the years I’ve delivered:",[27,57,58,61,64,67,70],{},[30,59,60],{},"🌍 Web applications & landing pages (Nuxt, Vue, WordPress, headless builds)",[30,62,63],{},"🛒 E-commerce sites (WooCommerce, custom checkout flows, headless carts)",[30,65,66],{},"📐 Responsive design systems (CSS Grid, Flexbox, utility classes)",[30,68,69],{},"🎨 Design conversions (Figma, PSD, XD → pixel-perfect code)",[30,71,72],{},"⚡ AI workflow integration (prompt design, automation pipelines)",[11,74,75],{},"Frameworks and tools I work with daily include: Nuxt.js, Vue.js, GSAP, Three.js, WordPress, SCSS/Sass, JavaScript/ES6+, Tailwind CSS, PHP, and Git. For bigger builds, I’m comfortable with Webpack, Docker, and TypeScript.",[11,77,78],{},[20,79,80],{},"Portfolio Scope",[11,82,83],{},"My projects span industries and formats — some highlights include:",[27,85,86,89,92,95,98],{},[30,87,88],{},"🚀 Interactive agency work with Green Rubino, We Push Buttons, We Are Original People, Barenholt",[30,90,91],{},"📢 Large HTML5 banner suites and Google Ads campaigns",[30,93,94],{},"🎶 Creative media — music videos, animated logos, and glitch art pieces",[30,96,97],{},"📊 Data visualization tools and interactive dashboards",[30,99,100],{},"🛠 Specialized apps — from blockchain experiments to p2p local-first apps",[11,102,103],{},"Whether it’s a simple animated icon or a fully custom-built web platform, the goal is always the same: create something that feels alive, engaging, and meaningful.",[11,105,106,107],{},"This portfolio is just a couple things I stitched together - some serious work awaits - I do have a nice design (not like here where I mostly just went with couple components I wanted to present and the design here was just like minimal - just so it’s clear ",[108,109],"d",{},[11,111,112],{},"But that's a start, and let's see what's next ;)",{"title":114,"searchDepth":115,"depth":115,"links":116},"",2,[],"/og.jpg","2025-09-13",null,"md",{},true,"/blog/who-why-what-part-3-what",{"title":5,"description":13},"who-why-what-part-3-what","blog/who-why-what-part-3-what",[128,129,130,131,132,133,134,135,136,137],"intro","personal","series","animation","web-animation","gsap","svg","threejs","banners","nuxt","NIwQU__35lHdBRGL2LRxCurhkIcE7RdcizywGE6Tysw",[140,290,369],{"id":141,"title":142,"author":6,"body":143,"cover":117,"date":282,"description":147,"excerpt":119,"extension":120,"meta":283,"navigation":122,"path":284,"seo":285,"slug":286,"stem":287,"tags":288,"__hash__":289},"blog/blog/who-why-what-part-1-who.md","Who, Why, What – Part 1: Who",{"type":8,"value":144,"toc":280},[145,148,151,154,168,173,176,179,182,185,248,253,256,269,274,277],[11,146,147],{},"Hi, I’m Patryk.",[11,149,150],{},"I wear many hats — dreamer, reader, writer, stoic, task-executioner, animator, developer, “computers guy,” music guy, graphics guy, drone pilot, occasional archer, and video editor… probably a few more if I think long enough. 😉",[11,152,153],{},"When I’m not building or animating something on the web, you’ll likely find me:",[27,155,156,159,162,165],{},[30,157,158],{},"Walking or cycling in nature with my better half",[30,160,161],{},"Kayaking with friends",[30,163,164],{},"Practicing bushcraft or enjoying the forest",[30,166,167],{},"Hanging out with animals (currently: four sweet chinchillas 🐹🐹🐹🐹)",[11,169,170],{},[20,171,172],{},"Early Days",[11,174,175],{},"I was born in 1990 in the coastal city of Gdynia, Poland, though most of my life I spent in the countryside.",[11,177,178],{},"My story with computers started around age 10–12. They felt like magic, the closest thing humans had to bending reality. Around that time I also fell in love with books — especially fantasy and sci-fi (Ender’s Game, Lord of the Rings, and any story that could transport me elsewhere).",[11,180,181],{},"I followed the “official path” with Computer Science through to college, but eventually found the theory outdated and uninspiring. So I turned to self-learning, trying everything from design and animation to completely non-digital jobs — a way to balance out all those hours in front of screens.",[11,183,184],{},"Here’s a taste of that journey:",[27,186,187,190,193,196,199,202,205,208,211,214,217,220,223,226,229,232,235,238],{},[30,188,189],{},"🏗 Construction work",[30,191,192],{},"🧹 City cleaning services",[30,194,195],{},"🐟 Serving live fish in a mall",[30,197,198],{},"📄 Flyers, shelves, and stock work",[30,200,201],{},"🛡 Mall security",[30,203,204],{},"🍔 McDonald’s",[30,206,207],{},"🎮 Xbox promoter",[30,209,210],{},"🌐 Installing internet at homes",[30,212,213],{},"🎨 Newsletter graphics",[30,215,216],{},"🛒 Online shop admin",[30,218,219],{},"🎬 Video montage for technical courses",[30,221,222],{},"💼 My own company: Tasty Sites",[30,224,225],{},"🌍 Freelancing on UpWork (clients from Seattle to Sydney)",[30,227,228],{},"🤝 Collaborations with agencies like Green Rubino, We Push Buttons, We Are Original People, Barenholt",[30,230,231],{},"🎶 Music & video production",[30,233,234],{},"🎮 Blockchain game project",[30,236,237],{},"🎤 Life Balance Congress & portfolio builds",[30,239,240,241],{},"🌐 ",[242,243,247],"a",{"href":244,"rel":245},"https://patryksmakosz.com/",[246],"nofollow","patryksmakosz.com",[11,249,250],{},[20,251,252],{},"Why “Tasty Sites”?",[11,254,255],{},"My last name, Smakosz, translates roughly to “the Taster.” That’s the origin of Tasty Sites:",[27,257,258,261],{},[30,259,260],{},"Websites → creative, handcrafted digital experiences",[30,262,263,264],{},"Tasty sites of life → adventures, drone clips, and moments I share on my ",[242,265,268],{"href":266,"rel":267},"https://www.youtube.com/channel/UCj7wr_x-BwJ0Yam8uw5lDsw",[246],"YouTube channel",[11,270,271],{},[20,272,273],{},"Beyond the Nerdy Stuff",[11,275,276],{},"Despite the mostly tech CV, I’m a social creature at heart. People, friendships, and connections are what keep me grounded. I love forest walks, riding bikes, gaming nights with friends, and discovering new stories in every form — books, games, films, or conversations.",[11,278,279],{},"And speaking of stories, that leads us to the next part: Why.",{"title":114,"searchDepth":115,"depth":115,"links":281},[],"2025-09-11",{},"/blog/who-why-what-part-1-who",{"title":142,"description":147},"who-why-what-part-1-who","blog/who-why-what-part-1-who",[128,129,130],"kiOLw8Ag8mNIZsYOqfmQ399X-6ARwCs0LwPG_JedMqo",{"id":291,"title":292,"author":6,"body":293,"cover":117,"date":357,"description":297,"excerpt":119,"extension":120,"meta":358,"navigation":122,"path":359,"seo":360,"slug":361,"stem":362,"tags":363,"__hash__":368},"blog/blog/who-why-what-part-2-why.md","Who, Why, What – Part 2: Why",{"type":8,"value":294,"toc":355},[295,298,301,304,307,312,315,318,321,332,335,344,349,352],[11,296,297],{},"Websites exist to share information. Sometimes they tell stories — and stories can shape reality.",[11,299,300],{},"My long-term dream is to learn enough and build enough to reshape how people connect online. I imagine a future where social media evolves into something closer to GitHub for society — a platform where people can propose laws, vote, and engage directly in decisions that affect their lives.",[11,302,303],{},"The vision is simple: get rid of the middleman. Politicians.",[11,305,306],{},"With today’s incompetence and disconnect, I believe it’s time for us, the people, to take matters into our own hands. Instead of wasting millions of hours on mind-numbing social feeds, we could channel that energy into building a better world — together.",[11,308,309],{},[20,310,311],{},"From Concept to Practice",[11,313,314],{},"I’ve been experimenting with this idea. My first proof of concept was a local-first app for tracking push-ups. It didn’t require a traditional server, only a signaling server to let peers handshake. After that, data flowed directly between users.",[11,316,317],{},"That’s the magic of decentralized systems: no central server to shut down. Once momentum builds, no government or corporation can just “switch it off.”",[11,319,320],{},"Nuxt has been my framework of choice for exploring these concepts. Alongside that, I’ve been diving deep into:",[27,322,323,326,329],{},[30,324,325],{},"Local-first architectures",[30,327,328],{},"Blockchain (likely a vital piece for scaling such systems)",[30,330,331],{},"Civic design & governance (understanding how countries and communities actually work)",[11,333,334],{},"This isn’t a short project. It’s a 30+ year plan — something that will evolve and grow with time. And I’m certain I’m not the only one thinking along these lines.",[11,336,337,338,343],{},"Authentication in local-first apps is still tricky, but promising ideas are already emerging (the ",[242,339,342],{"href":340,"rel":341},"https://www.localfirst.fm/",[246],"Local First podcast"," is a great resource).",[11,345,346],{},[20,347,348],{},"Meanwhile…",[11,350,351],{},"While I work toward that long-term vision, I also enjoy the stories that brands, organizations, and individuals want to tell. A clean user experience, a thoughtful design, a well-crafted animation — these are smaller, but still powerful ways to shape how people see the world.",[11,353,354],{},"And with that, we move on to the next part: What.",{"title":114,"searchDepth":115,"depth":115,"links":356},[],"2025-09-12",{},"/blog/who-why-what-part-2-why",{"title":292,"description":297},"who-why-what-part-2-why","blog/who-why-what-part-2-why",[128,129,130,364,365,366,137,367],"local-first","decentralized","direct-democracy","blockchain","YX0HSwx65-AqU2S_xbps0ld_VJtb2a62ll63mVJSwp0",{"id":4,"title":5,"author":6,"body":370,"cover":117,"date":118,"description":13,"excerpt":119,"extension":120,"meta":444,"navigation":122,"path":123,"seo":445,"slug":125,"stem":126,"tags":446,"__hash__":138},{"type":8,"value":371,"toc":442},[372,374,376,380,382,394,396,400,402,414,416,420,422,434,436,440],[11,373,13],{},[11,375,16],{},[11,377,378],{},[20,379,22],{},[11,381,25],{},[27,383,384,386,388,390,392],{},[30,385,32],{},[30,387,35],{},[30,389,38],{},[30,391,41],{},[30,393,44],{},[11,395,47],{},[11,397,398],{},[20,399,52],{},[11,401,55],{},[27,403,404,406,408,410,412],{},[30,405,60],{},[30,407,63],{},[30,409,66],{},[30,411,69],{},[30,413,72],{},[11,415,75],{},[11,417,418],{},[20,419,80],{},[11,421,83],{},[27,423,424,426,428,430,432],{},[30,425,88],{},[30,427,91],{},[30,429,94],{},[30,431,97],{},[30,433,100],{},[11,435,103],{},[11,437,106,438],{},[108,439],{},[11,441,112],{},{"title":114,"searchDepth":115,"depth":115,"links":443},[],{},{"title":5,"description":13},[128,129,130,131,132,133,134,135,136,137],1793041405042]