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