[{"data":1,"prerenderedAt":469},["ShallowReactive",2],{"blog-who-why-what-part-1-who":3,"blog-all":168},{"id":4,"title":5,"author":6,"body":7,"cover":153,"date":154,"description":13,"excerpt":155,"extension":156,"meta":157,"navigation":158,"path":159,"seo":160,"slug":161,"stem":162,"tags":163,"__hash__":167},"blog/blog/who-why-what-part-1-who.md","Who, Why, What – Part 1: Who","Patryk Smakosz",{"type":8,"value":9,"toc":149},"minimark",[10,14,17,20,36,42,45,48,51,54,117,122,125,138,143,146],[11,12,13],"p",{},"Hi, I’m Patryk.",[11,15,16],{},"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,18,19],{},"When I’m not building or animating something on the web, you’ll likely find me:",[21,22,23,27,30,33],"ul",{},[24,25,26],"li",{},"Walking or cycling in nature with my better half",[24,28,29],{},"Kayaking with friends",[24,31,32],{},"Practicing bushcraft or enjoying the forest",[24,34,35],{},"Hanging out with animals (currently: four sweet chinchillas 🐹🐹🐹🐹)",[11,37,38],{},[39,40,41],"strong",{},"Early Days",[11,43,44],{},"I was born in 1990 in the coastal city of Gdynia, Poland, though most of my life I spent in the countryside.",[11,46,47],{},"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,49,50],{},"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,52,53],{},"Here’s a taste of that journey:",[21,55,56,59,62,65,68,71,74,77,80,83,86,89,92,95,98,101,104,107],{},[24,57,58],{},"🏗 Construction work",[24,60,61],{},"🧹 City cleaning services",[24,63,64],{},"🐟 Serving live fish in a mall",[24,66,67],{},"📄 Flyers, shelves, and stock work",[24,69,70],{},"🛡 Mall security",[24,72,73],{},"🍔 McDonald’s",[24,75,76],{},"🎮 Xbox promoter",[24,78,79],{},"🌐 Installing internet at homes",[24,81,82],{},"🎨 Newsletter graphics",[24,84,85],{},"🛒 Online shop admin",[24,87,88],{},"🎬 Video montage for technical courses",[24,90,91],{},"💼 My own company: Tasty Sites",[24,93,94],{},"🌍 Freelancing on UpWork (clients from Seattle to Sydney)",[24,96,97],{},"🤝 Collaborations with agencies like Green Rubino, We Push Buttons, We Are Original People, Barenholt",[24,99,100],{},"🎶 Music & video production",[24,102,103],{},"🎮 Blockchain game project",[24,105,106],{},"🎤 Life Balance Congress & portfolio builds",[24,108,109,110],{},"🌐 ",[111,112,116],"a",{"href":113,"rel":114},"https://patryksmakosz.com/",[115],"nofollow","patryksmakosz.com",[11,118,119],{},[39,120,121],{},"Why “Tasty Sites”?",[11,123,124],{},"My last name, Smakosz, translates roughly to “the Taster.” That’s the origin of Tasty Sites:",[21,126,127,130],{},[24,128,129],{},"Websites → creative, handcrafted digital experiences",[24,131,132,133],{},"Tasty sites of life → adventures, drone clips, and moments I share on my ",[111,134,137],{"href":135,"rel":136},"https://www.youtube.com/channel/UCj7wr_x-BwJ0Yam8uw5lDsw",[115],"YouTube channel",[11,139,140],{},[39,141,142],{},"Beyond the Nerdy Stuff",[11,144,145],{},"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,147,148],{},"And speaking of stories, that leads us to the next part: Why.",{"title":150,"searchDepth":151,"depth":151,"links":152},"",2,[],"/og.jpg","2025-09-11",null,"md",{},true,"/blog/who-why-what-part-1-who",{"title":5,"description":13},"who-why-what-part-1-who","blog/who-why-what-part-1-who",[164,165,166],"intro","personal","series","kiOLw8Ag8mNIZsYOqfmQ399X-6ARwCs0LwPG_JedMqo",[169,269,349],{"id":4,"title":5,"author":6,"body":170,"cover":153,"date":154,"description":13,"excerpt":155,"extension":156,"meta":266,"navigation":158,"path":159,"seo":267,"slug":161,"stem":162,"tags":268,"__hash__":167},{"type":8,"value":171,"toc":264},[172,174,176,178,188,192,194,196,198,200,241,245,247,256,260,262],[11,173,13],{},[11,175,16],{},[11,177,19],{},[21,179,180,182,184,186],{},[24,181,26],{},[24,183,29],{},[24,185,32],{},[24,187,35],{},[11,189,190],{},[39,191,41],{},[11,193,44],{},[11,195,47],{},[11,197,50],{},[11,199,53],{},[21,201,202,204,206,208,210,212,214,216,218,220,222,224,226,228,230,232,234,236],{},[24,203,58],{},[24,205,61],{},[24,207,64],{},[24,209,67],{},[24,211,70],{},[24,213,73],{},[24,215,76],{},[24,217,79],{},[24,219,82],{},[24,221,85],{},[24,223,88],{},[24,225,91],{},[24,227,94],{},[24,229,97],{},[24,231,100],{},[24,233,103],{},[24,235,106],{},[24,237,109,238],{},[111,239,116],{"href":113,"rel":240},[115],[11,242,243],{},[39,244,121],{},[11,246,124],{},[21,248,249,251],{},[24,250,129],{},[24,252,132,253],{},[111,254,137],{"href":135,"rel":255},[115],[11,257,258],{},[39,259,142],{},[11,261,145],{},[11,263,148],{},{"title":150,"searchDepth":151,"depth":151,"links":265},[],{},{"title":5,"description":13},[164,165,166],{"id":270,"title":271,"author":6,"body":272,"cover":153,"date":336,"description":276,"excerpt":155,"extension":156,"meta":337,"navigation":158,"path":338,"seo":339,"slug":340,"stem":341,"tags":342,"__hash__":348},"blog/blog/who-why-what-part-2-why.md","Who, Why, What – Part 2: Why",{"type":8,"value":273,"toc":334},[274,277,280,283,286,291,294,297,300,311,314,323,328,331],[11,275,276],{},"Websites exist to share information. Sometimes they tell stories — and stories can shape reality.",[11,278,279],{},"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,281,282],{},"The vision is simple: get rid of the middleman. Politicians.",[11,284,285],{},"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,287,288],{},[39,289,290],{},"From Concept to Practice",[11,292,293],{},"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,295,296],{},"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,298,299],{},"Nuxt has been my framework of choice for exploring these concepts. Alongside that, I’ve been diving deep into:",[21,301,302,305,308],{},[24,303,304],{},"Local-first architectures",[24,306,307],{},"Blockchain (likely a vital piece for scaling such systems)",[24,309,310],{},"Civic design & governance (understanding how countries and communities actually work)",[11,312,313],{},"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,315,316,317,322],{},"Authentication in local-first apps is still tricky, but promising ideas are already emerging (the ",[111,318,321],{"href":319,"rel":320},"https://www.localfirst.fm/",[115],"Local First podcast"," is a great resource).",[11,324,325],{},[39,326,327],{},"Meanwhile…",[11,329,330],{},"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,332,333],{},"And with that, we move on to the next part: What.",{"title":150,"searchDepth":151,"depth":151,"links":335},[],"2025-09-12",{},"/blog/who-why-what-part-2-why",{"title":271,"description":276},"who-why-what-part-2-why","blog/who-why-what-part-2-why",[164,165,166,343,344,345,346,347],"local-first","decentralized","direct-democracy","nuxt","blockchain","YX0HSwx65-AqU2S_xbps0ld_VJtb2a62ll63mVJSwp0",{"id":350,"title":351,"author":6,"body":352,"cover":153,"date":455,"description":356,"excerpt":155,"extension":156,"meta":456,"navigation":158,"path":457,"seo":458,"slug":459,"stem":460,"tags":461,"__hash__":468},"blog/blog/who-why-what-part-3-what.md","Who, Why, What – Part 3: What",{"type":8,"value":353,"toc":453},[354,357,360,365,368,385,388,393,396,413,416,421,424,441,444,450],[11,355,356],{},"So what do I actually do?",[11,358,359],{},"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,361,362],{},[39,363,364],{},"Core Focus: Web Animation & Interactive Experiences",[11,366,367],{},"I specialize in:",[21,369,370,373,376,379,382],{},[24,371,372],{},"🎨 GSAP-powered animations — scroll storytelling, parallax, smooth timelines, and ScrollTrigger effects",[24,374,375],{},"✒️ SVG animations — vector morphs, line draws, icons, and detailed logo reveals",[24,377,378],{},"🌀 Canvas & Three.js projects — interactive 2D/3D elements and immersive visuals",[24,380,381],{},"📢 Google Ads & HTML5 banners — lightweight, high-performance animations for campaigns",[24,383,384],{},"📜 Scroll-based storytelling — narrative-driven sites where motion guides the user experience",[11,386,387],{},"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,389,390],{},[39,391,392],{},"Beyond Animation: Full-Stack Creative Development",[11,394,395],{},"Animations rarely live on their own — they’re part of bigger projects. Over the years I’ve delivered:",[21,397,398,401,404,407,410],{},[24,399,400],{},"🌍 Web applications & landing pages (Nuxt, Vue, WordPress, headless builds)",[24,402,403],{},"🛒 E-commerce sites (WooCommerce, custom checkout flows, headless carts)",[24,405,406],{},"📐 Responsive design systems (CSS Grid, Flexbox, utility classes)",[24,408,409],{},"🎨 Design conversions (Figma, PSD, XD → pixel-perfect code)",[24,411,412],{},"⚡ AI workflow integration (prompt design, automation pipelines)",[11,414,415],{},"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,417,418],{},[39,419,420],{},"Portfolio Scope",[11,422,423],{},"My projects span industries and formats — some highlights include:",[21,425,426,429,432,435,438],{},[24,427,428],{},"🚀 Interactive agency work with Green Rubino, We Push Buttons, We Are Original People, Barenholt",[24,430,431],{},"📢 Large HTML5 banner suites and Google Ads campaigns",[24,433,434],{},"🎶 Creative media — music videos, animated logos, and glitch art pieces",[24,436,437],{},"📊 Data visualization tools and interactive dashboards",[24,439,440],{},"🛠 Specialized apps — from blockchain experiments to p2p local-first apps",[11,442,443],{},"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,445,446,447],{},"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 ",[448,449],"d",{},[11,451,452],{},"But that's a start, and let's see what's next ;)",{"title":150,"searchDepth":151,"depth":151,"links":454},[],"2025-09-13",{},"/blog/who-why-what-part-3-what",{"title":351,"description":356},"who-why-what-part-3-what","blog/who-why-what-part-3-what",[164,165,166,462,463,464,465,466,467,346],"animation","web-animation","gsap","svg","threejs","banners","NIwQU__35lHdBRGL2LRxCurhkIcE7RdcizywGE6Tysw",1793041404988]