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