[{"data":1,"prerenderedAt":16902},["ShallowReactive",2],{"tt7hABjAyE":3,"LEEAo0nFNA":76,"A4IMVv1cIG":9789},[4],{"id":5,"Name":6,"created_at":7,"updated_at":8,"slug":9,"blogs":10,"projects":11},32,"AI agents","2026-05-12T15:25:43.879Z","2026-05-12T15:25:43.919Z","ai-agents",[],[12],{"id":13,"Title":14,"Summary":15,"created_at":16,"updated_at":17,"ShortDescription":18,"Order":19,"slug":20,"Content":21,"Feature":26},9,"Orbit: AI grant scraping for Grants Online","How Pixelhop built Orbit for Grants Online: a continuous AI grant scraping pipeline that turned a year of manual review into minutes per grant.","2026-05-12T14:50:53.433Z","2026-05-12T16:21:10.404Z","An AI grant scraping pipeline that turned a year of manual review into minutes per grant.",-2,"orbit:-ai-grant-scraping-for-grants-online",[22],{"__component":23,"id":24,"Text":25},"text.text",440,":::stats\n~4 mins | per grant scrape, run in parallel\n93% | of updates auto-applied without human touch\n4 weeks | from kickoff to production MVP\n:::\n\nGrants Online runs a UK grants directory used by businesses, charities, schools, and councils to find funding they can actually apply for. Around 3,000 grants. A small team. A single source of truth that has to stay accurate while the funding landscape changes underneath it.\n\nThe job of keeping it accurate, before Orbit, was a year long. One pass across the catalogue. Funding amounts changing, deadlines moving, eligibility tightening, whole grants closing. By the time the team finished the loop, the start of the loop was already out of date. New grants piled up faster than old ones could be checked.\n\nAndreas Lichters, the founder, came to us with the idea. He didn't want an AI that *replaced* his team. He wanted one that did the grunt work so his team could spend their time on judgement calls. Our job, as an [AI product studio](https://pixelhop.io/services/ai-product-development), was to make that real. And to make it cheap enough to actually run.\n\n## How do you trust an AI to update a live grants database?\n\nNot by having a human approve every change. That defeats the point.\n\nThis was the design decision everything else hangs off. If every AI update needed a human eye, we'd just be shifting the bottleneck from \"review the whole catalogue once a year\" to \"review every AI suggestion, forever\". No time saved. The brief was different. The system needed to publish routine changes on its own, and only pull a human in when something looked unusual.\n\nSo Orbit has two layers. The first is **Orbit Admin**, a working surface where staff can see every proposed change as a field-by-field diff: current value on the left, proposed value on the right, accept, reject, or edit toggles per field. The second is **the Gatekeeper**, a separate AI agent whose only job is to look at each proposed change, compare it to the existing record, and decide whether a human needs to see it.\n\n![The Gatekeeper risk panel for a single scrape run, showing a 60/100 risk score, a manual-review decision, and a list of reasons including 'title identity change' and 'primary link host changed'.](https://res.cloudinary.com/djyjvrw5u/image/upload/v1778601473/Gatekeeper_from_Pixelhop_7367970169.png)\n*The Gatekeeper risk-scores every scrape and decides whether a human needs to look. The reasons it flags are the ones a human would have flagged.*\n\nThe Gatekeeper scores every run from 0 to 100 against signals like \"the title identity has shifted\", \"the primary link host has changed\", \"the location scope has changed dramatically\". Low-risk changes (a tightened deadline, a refreshed paragraph) auto-publish without anyone in the loop. High-risk changes (a fundamentally different grant under the same URL) get blocked and routed to the review queue. The team sees only the cases that genuinely need their judgement.\n\n![Orbit Admin's Proposed Changes view, showing the current value of a grant on the left and the AI's proposed new value on the right, with an accept-or-reject toggle on each field.](https://res.cloudinary.com/djyjvrw5u/image/upload/v1778601416/Proposed_Changes_for_Pixelhop_39e3ec00b6.png)\n*When the Gatekeeper does flag a change for review, this is what staff see. Field-by-field, accept or reject.*\n\nWe started cautious. Early in the project the Gatekeeper was strict and most changes flowed through the review queue. We watched what got flagged, watched what the team accepted, watched the false-positives pile up. As confidence in the agents grew, we relaxed the thresholds. Now 93% of updates publish without a human touch, and the queue holds only the genuinely ambiguous cases.\n\nThe principle, named: **earned autonomy.** Not every AI update needs a human signing it off. But the AI has to earn the trust to publish on its own, and the system needs a way to recognise when it should slow down and ask. That's what the Gatekeeper is for. We'll apply this pattern again.\n\n## How do you scrape thousands of different grant sites without breaking the bank?\n\nEvery grant funder builds their site differently. WordPress, custom CMSes, PDFs, hand-rolled HTML from 2007. There is no shared schema, no shared layout, no shared anything. A traditional scraper would need a custom rule per source and a developer on call when each one changed.\n\nSo we did the opposite. Three specialised AI agents, each doing one thing well: one scrapes the page, one categorises the grant, one judges whether the result needs human review. They're orchestrated through [Mastra](https://mastra.ai), a TypeScript agent framework, and they share state through a dedicated [Payload CMS](https://payloadcms.com) instance that acts as the AI's working scratchpad. Scraping itself runs on [Firecrawl](https://firecrawl.dev), which handles the awkward parts (JavaScript-rendered pages, anti-bot protection) so the agents don't have to.\n\n![The Mastra Studio workflow editor, showing the eight-step grant workflow with scraping, categorisation, region selection, and gatekeeper branches all visualised as a node graph.](https://res.cloudinary.com/djyjvrw5u/image/upload/v1778601086/Pixelhop_Workflow_1_31a4a25461.png)\n*The full grant workflow in Mastra Studio. Scrape, categorise, review, save: each box a specialised agent doing one job.*\n\nThe cost discipline was the harder problem. LLM calls aren't free, and a system that scrapes 3,000 grants on a rolling schedule could very easily run a bill that makes the whole thing pointless. The rule we held to: use AI only where it actually earns its keep. Page fetching, link-following, validation, deduplication, database writes: all conventional code. The expensive bits (language understanding, classification, judgement) only run where the page genuinely needs them.\n\nThe result is a scrape that completes in around four minutes per grant, runs many in parallel, and produces a structured draft ready for review. The whole pipeline ships into a Nuxt admin dashboard hosted on [Railway](https://railway.com), with search powered by [Meilisearch](https://meilisearch.com) (text, facets, and vector search in one). Not a workflow you wire up on a Friday afternoon. A pipeline that has to keep running on its own.\n\n## How do users actually find the grants?\n\nGrants Online were already running an AI chatbot on their site, built on [Chat Thing](https://chatthing.ai), Pixelhop's own AI agent product. So we didn't need to invent a new chat surface. We connected the new pipeline straight into the one they already had.\n\nMeet **Max**, \"Your Virtual Funding Advisor\". Max sits embedded in the main Grants Online site. A user types in who they are and what they need (\"we're a primary school in Cardiff, what grants are available to set up a breakfast club?\"). Max asks clarifying questions, runs targeted searches against the Orbit search API, and returns a ranked, sharable shortlist of grants the user can save and revisit.\n\n![The Max chatbot embedded on grantsonline.org.uk, asking a user clarifying questions about their biodiversity project before searching for grants.](https://res.cloudinary.com/djyjvrw5u/image/upload/v1778601186/Pixelhop_Grants_Agent_32f1a16c74.png)\n*Max asks the clarifying questions a researcher would ask, then searches Orbit's database and returns a ranked shortlist.*\n\nFeedback from real users since Max went live has been strong. It's the visible end of the pipeline, but it's only as good as the data underneath. The point of Orbit is that the data underneath is now actually fresh.\n\n## Results\n\nA year of manual review compressed into a continuous, automated pipeline. The team still owns the judgement calls. The grunt work runs in the background.\n\n- **~4 minutes per grant scrape**, with many running in parallel. The catalogue refresh that used to take a year now runs on a rolling cadence. New grants get picked up days after they appear, not months later.\n- **93% of AI updates auto-publish** without a human touch. We started with the Gatekeeper strict, then relaxed thresholds as the agents earned trust. The review queue is now bounded to the genuinely ambiguous cases, which is the actual measure of success.\n- **4 weeks from kickoff to production MVP**, scoped to the Grants for Schools subset. The system now manages the full Grants Online catalogue, around 3,000 grants and growing.\n\n![The Orbit Admin dashboard, showing 2,877 total grants, 1,862 active, a 93% workflow success rate, and a chart of recent workflow run activity.](https://res.cloudinary.com/djyjvrw5u/image/upload/v1778601706/Pixelhop_Dashboard_1_595e084531.png)\n*The dashboard the Grants Online team checks every morning. Total grants, review queue, weekly activity, all in one view.*\n\n## What's next\n\nMax is live on [grantsonline.org.uk](https://www.grantsonline.org.uk) and earning strong feedback from real users. We're tuning the agent's prompting and search behaviour as usage data comes in.\n\nIf you're thinking about how to weave AI into a content pipeline you actually trust, take a look at [our AI agent development practice](/services/ai-agents) or [the rest of our work](/our-work).\n",{"id":27,"name":28,"alternativeText":29,"caption":29,"width":30,"height":31,"formats":32,"hash":69,"ext":34,"mime":37,"size":70,"url":71,"previewUrl":39,"provider":72,"provider_metadata":73,"created_at":74,"updated_at":75},407,"Pixelhop Website Assets (1).png","",3444,2212,{"large":33,"small":45,"medium":53,"thumbnail":61},{"ext":34,"url":35,"hash":36,"mime":37,"name":38,"path":39,"size":40,"width":41,"height":42,"provider_metadata":43},".png","https://res.cloudinary.com/djyjvrw5u/image/upload/v1778597224/large_Pixelhop_Website_Assets_1_cc8e7b9cec.png","large_Pixelhop_Website_Assets_1_cc8e7b9cec","image/png","large_Pixelhop Website Assets (1).png",null,280.35,1000,642,{"public_id":36,"resource_type":44},"image",{"ext":34,"url":46,"hash":47,"mime":37,"name":48,"path":39,"size":49,"width":50,"height":51,"provider_metadata":52},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1778597226/small_Pixelhop_Website_Assets_1_cc8e7b9cec.png","small_Pixelhop_Website_Assets_1_cc8e7b9cec","small_Pixelhop Website Assets (1).png",95.39,500,321,{"public_id":47,"resource_type":44},{"ext":34,"url":54,"hash":55,"mime":37,"name":56,"path":39,"size":57,"width":58,"height":59,"provider_metadata":60},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1778597225/medium_Pixelhop_Website_Assets_1_cc8e7b9cec.png","medium_Pixelhop_Website_Assets_1_cc8e7b9cec","medium_Pixelhop Website Assets (1).png",181.54,750,482,{"public_id":55,"resource_type":44},{"ext":34,"url":62,"hash":63,"mime":37,"name":64,"path":39,"size":65,"width":66,"height":67,"provider_metadata":68},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1778597221/thumbnail_Pixelhop_Website_Assets_1_cc8e7b9cec.png","thumbnail_Pixelhop_Website_Assets_1_cc8e7b9cec","thumbnail_Pixelhop Website Assets (1).png",32.32,243,156,{"public_id":63,"resource_type":44},"Pixelhop_Website_Assets_1_cc8e7b9cec",1673.84,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1778597219/Pixelhop_Website_Assets_1_cc8e7b9cec.png","cloudinary",{"public_id":69,"resource_type":44},"2026-05-12T14:47:06.704Z","2026-05-12T14:47:06.719Z",[77,332,568,1306,1530,1759,2179,2341,2400,2482,3011,3500,3695,3751,3801,3852,3921,3991,4041,4151,4760,5088,5312,5998,6219,6386,6517,6846,7013,7430,7578,7633,7861,7937,8140,8340,8560,8916,9136,9334,9386,9522],{"id":78,"Title":79,"user":80,"Summary":132,"created_at":133,"updated_at":134,"slug":135,"published_at":136,"release_date":137,"Layout":138,"Content":139,"Feature":287,"tags":325},23,"My experience of being in my first dev job as a self-taught developer",{"id":81,"username":82,"email":83,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":88,"updated_at":89,"project":39,"Picture":90},4,"Talie","t.bowesdeangeli@gmail.com","local",true,false,1,"2021-07-21T13:38:14.818Z","2021-07-21T13:58:20.712Z",{"id":91,"name":92,"alternativeText":29,"caption":29,"width":93,"height":94,"formats":95,"hash":126,"ext":97,"mime":100,"size":127,"url":128,"previewUrl":39,"provider":72,"provider_metadata":129,"created_at":130,"updated_at":131},79,"WhatsApp Image 2021-07-19 at 16.21.04.jpeg",1087,988,{"large":96,"small":105,"medium":112,"thumbnail":119},{"ext":97,"url":98,"hash":99,"mime":100,"name":101,"path":39,"size":102,"width":41,"height":103,"provider_metadata":104},".jpeg","https://res.cloudinary.com/djyjvrw5u/image/upload/v1626875774/large_Whats_App_Image_2021_07_19_at_16_21_04_17c14a8693.jpg","large_Whats_App_Image_2021_07_19_at_16_21_04_17c14a8693","image/jpeg","large_WhatsApp Image 2021-07-19 at 16.21.04.jpeg",111.58,909,{"public_id":99,"resource_type":44},{"ext":97,"url":106,"hash":107,"mime":100,"name":108,"path":39,"size":109,"width":50,"height":110,"provider_metadata":111},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1626875776/small_Whats_App_Image_2021_07_19_at_16_21_04_17c14a8693.jpg","small_Whats_App_Image_2021_07_19_at_16_21_04_17c14a8693","small_WhatsApp Image 2021-07-19 at 16.21.04.jpeg",29.58,454,{"public_id":107,"resource_type":44},{"ext":97,"url":113,"hash":114,"mime":100,"name":115,"path":39,"size":116,"width":58,"height":117,"provider_metadata":118},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1626875775/medium_Whats_App_Image_2021_07_19_at_16_21_04_17c14a8693.jpg","medium_Whats_App_Image_2021_07_19_at_16_21_04_17c14a8693","medium_WhatsApp Image 2021-07-19 at 16.21.04.jpeg",64.97,682,{"public_id":114,"resource_type":44},{"ext":97,"url":120,"hash":121,"mime":100,"name":122,"path":39,"size":123,"width":124,"height":67,"provider_metadata":125},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1626875773/thumbnail_Whats_App_Image_2021_07_19_at_16_21_04_17c14a8693.jpg","thumbnail_Whats_App_Image_2021_07_19_at_16_21_04_17c14a8693","thumbnail_WhatsApp Image 2021-07-19 at 16.21.04.jpeg",5.64,172,{"public_id":121,"resource_type":44},"Whats_App_Image_2021_07_19_at_16_21_04_17c14a8693",130.26,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1626875772/Whats_App_Image_2021_07_19_at_16_21_04_17c14a8693.jpg",{"public_id":126,"resource_type":44},"2021-07-21T13:56:16.839Z","2021-07-21T13:56:16.851Z","This blog talks about my experience and advice on what I consider the main challenges in your first dev job. \n\nThis is part two of a three-part blog series where I am talking about the main points of being a dev from my perspective of a self-taught web developer.","2021-12-20T17:14:40.645Z","2026-04-28T11:05:57.690Z","my-experience-of-being-in-my-first-dev-job-as-a-self-taught-developer","2022-01-31T12:49:10.575Z","2022-01-31","full_width_background",[140,185,188,231,234,265,268],{"__component":141,"id":142,"Size":143,"caption":144,"Image":145},"image.image",82,"Medium","A picture I share on instagram from my first day as a developer",[146],{"id":147,"name":148,"alternativeText":29,"caption":29,"width":149,"height":150,"formats":151,"hash":179,"ext":97,"mime":100,"size":180,"url":181,"previewUrl":39,"provider":72,"provider_metadata":182,"created_at":183,"updated_at":184},139,"Screenshot 2021-12-09 at 17.40.44.jpeg",1737,1740,{"large":152,"small":159,"medium":166,"thumbnail":173},{"ext":97,"url":153,"hash":154,"mime":100,"name":155,"path":39,"size":156,"width":157,"height":41,"provider_metadata":158},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020193/large_Screenshot_2021_12_09_at_17_40_44_016971bcd4.jpg","large_Screenshot_2021_12_09_at_17_40_44_016971bcd4","large_Screenshot 2021-12-09 at 17.40.44.jpeg",84.05,998,{"public_id":154,"resource_type":44},{"ext":97,"url":160,"hash":161,"mime":100,"name":162,"path":39,"size":163,"width":164,"height":50,"provider_metadata":165},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020194/small_Screenshot_2021_12_09_at_17_40_44_016971bcd4.jpg","small_Screenshot_2021_12_09_at_17_40_44_016971bcd4","small_Screenshot 2021-12-09 at 17.40.44.jpeg",31.12,499,{"public_id":161,"resource_type":44},{"ext":97,"url":167,"hash":168,"mime":100,"name":169,"path":39,"size":170,"width":171,"height":58,"provider_metadata":172},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020194/medium_Screenshot_2021_12_09_at_17_40_44_016971bcd4.jpg","medium_Screenshot_2021_12_09_at_17_40_44_016971bcd4","medium_Screenshot 2021-12-09 at 17.40.44.jpeg",55.21,749,{"public_id":168,"resource_type":44},{"ext":97,"url":174,"hash":175,"mime":100,"name":176,"path":39,"size":177,"width":67,"height":67,"provider_metadata":178},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020192/thumbnail_Screenshot_2021_12_09_at_17_40_44_016971bcd4.jpg","thumbnail_Screenshot_2021_12_09_at_17_40_44_016971bcd4","thumbnail_Screenshot 2021-12-09 at 17.40.44.jpeg",5.19,{"public_id":175,"resource_type":44},"Screenshot_2021_12_09_at_17_40_44_016971bcd4",189.38,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020191/Screenshot_2021_12_09_at_17_40_44_016971bcd4.jpg",{"public_id":179,"resource_type":44},"2021-12-20T17:09:55.071Z","2021-12-20T17:09:55.125Z",{"__component":23,"id":186,"Text":187},238,"My first job was working for a company that built browser-based software for the shipping industry. I started as a frontend only dev but ended up becoming full stacked. I was fortunate to have some lovely colleges that mentored me a lot in the first few months.\n\nFrom my experience, the first two months were just about learning the ropes. How to use git properly, get used to the code base, and interacting with other devs. It may be a different story working for an agency, where you would probably be expected to build things quicker and have less opportunity to learn new skills in your own time.\n\nAt this point, you will want to get used to your working environment by learning the do and don’ts of working in this industry, learning about your company and learning the process of doing your job.\n\n### Sum up\n\n- The first two months is just about learning the basics.\n- No one will expect you to do an amazing job straight away.\n- Don’t worry about trying to impress at this point.\n\n## Imposter syndrome",{"__component":141,"id":189,"Size":143,"caption":190,"Image":191},83,"It’s a black sheep, get it?",[192],{"id":193,"name":194,"alternativeText":29,"caption":29,"width":195,"height":196,"formats":197,"hash":225,"ext":97,"mime":100,"size":226,"url":227,"previewUrl":39,"provider":72,"provider_metadata":228,"created_at":229,"updated_at":230},140,"pexels-erik-mclean-6194220.jpeg",1280,853,{"large":198,"small":205,"medium":212,"thumbnail":218},{"ext":97,"url":199,"hash":200,"mime":100,"name":201,"path":39,"size":202,"width":41,"height":203,"provider_metadata":204},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020193/large_pexels_erik_mclean_6194220_b1d0055849.jpg","large_pexels_erik_mclean_6194220_b1d0055849","large_pexels-erik-mclean-6194220.jpeg",80.03,666,{"public_id":200,"resource_type":44},{"ext":97,"url":206,"hash":207,"mime":100,"name":208,"path":39,"size":209,"width":50,"height":210,"provider_metadata":211},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020195/small_pexels_erik_mclean_6194220_b1d0055849.jpg","small_pexels_erik_mclean_6194220_b1d0055849","small_pexels-erik-mclean-6194220.jpeg",23.24,333,{"public_id":207,"resource_type":44},{"ext":97,"url":213,"hash":214,"mime":100,"name":215,"path":39,"size":216,"width":58,"height":50,"provider_metadata":217},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020194/medium_pexels_erik_mclean_6194220_b1d0055849.jpg","medium_pexels_erik_mclean_6194220_b1d0055849","medium_pexels-erik-mclean-6194220.jpeg",49.33,{"public_id":214,"resource_type":44},{"ext":97,"url":219,"hash":220,"mime":100,"name":221,"path":39,"size":222,"width":223,"height":67,"provider_metadata":224},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020192/thumbnail_pexels_erik_mclean_6194220_b1d0055849.jpg","thumbnail_pexels_erik_mclean_6194220_b1d0055849","thumbnail_pexels-erik-mclean-6194220.jpeg",6.22,234,{"public_id":220,"resource_type":44},"pexels_erik_mclean_6194220_b1d0055849",121.96,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020191/pexels_erik_mclean_6194220_b1d0055849.jpg",{"public_id":225,"resource_type":44},"2021-12-20T17:09:55.901Z","2021-12-20T17:09:55.955Z",{"__component":23,"id":232,"Text":233},239,"Imposter syndrome is the feeling of self-doubt, and somehow you don’t deserve or belong in the position you find yourself in.\n\nI read about imposter syndrome before I even started as a developer. Being a self-taught dev who has never attended higher education gave me imposter syndrome as soon as I started.\n\nGetting used to working with other people was the main thing. Before I got my first job, the only time somebody else read my code was when I was showing it off in personal projects or code challenges. Now everything I wrote was getting reviewed. This would make me very nervous every time I would commit my work.\n\nThe best way to get over this, I believe, is to remember no one is perfect, and everyone you are working with are in the same boat as you. Talk to your colleagues and be honest about what you do and don’t know. For sure, they will understand because they have been in the same position, whether it was at uni or their first dev job. However, you must overcome this feeling to help with your personal development, for reasons I will talk about in the next section.\n\n### Sum up\n\n- Be honest about your skill level.\n- Everyone is in the same boat.\n- Your colleges have been in your situation before.\n- Don’t let imposter syndrome hinder you from reaching your goals.\n\n## Personal development is key",{"__component":141,"id":235,"Size":39,"caption":236,"Image":237},84,"Replace \"dangerous person\" with most \"best-tist developer\"",[238],{"id":239,"name":240,"alternativeText":29,"caption":29,"width":241,"height":242,"formats":243,"hash":259,"ext":97,"mime":100,"size":260,"url":261,"previewUrl":39,"provider":72,"provider_metadata":262,"created_at":263,"updated_at":264},138,"5x9xue 2.jpeg",620,374,{"small":244,"thumbnail":251},{"ext":97,"url":245,"hash":246,"mime":100,"name":247,"path":39,"size":248,"width":50,"height":249,"provider_metadata":250},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020192/small_5x9xue_2_ee700b8d14.jpg","small_5x9xue_2_ee700b8d14","small_5x9xue 2.jpeg",14.56,302,{"public_id":246,"resource_type":44},{"ext":97,"url":252,"hash":253,"mime":100,"name":254,"path":39,"size":255,"width":256,"height":257,"provider_metadata":258},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020192/thumbnail_5x9xue_2_ee700b8d14.jpg","thumbnail_5x9xue_2_ee700b8d14","thumbnail_5x9xue 2.jpeg",4.93,245,148,{"public_id":253,"resource_type":44},"5x9xue_2_ee700b8d14",20.54,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020191/5x9xue_2_ee700b8d14.jpg",{"public_id":259,"resource_type":44},"2021-12-20T17:09:53.187Z","2021-12-20T17:09:53.264Z",{"__component":23,"id":266,"Text":267},240,"In my opinion, the main focus in your first job should be your personal development as a developer. You are essentially going from a junior or intern skill level to a mid-weight level because when you get to that point, you will have so many more options in your career (This I will talk about in part three).\n\nThe best way to do this is by learning from your peers. This is why it is essential, to be honest about your skill level and overcome that imposter syndrome I mentioned in the last section. If you don't know something, say it to your colleagues or ask for help directly. There will always be someone willing to show you or help you.\n\nAnother thing you can do; when another more senior dev is reviewing your pull request, ask them to be as brutal as possible, don't let anything slide. This might be frustrating at first, but it will help you become a better developer. And people respect someone willing to learn from them.\n\n### Sum up\n\n- Your focus should be personal development.\n- Always ask for help and ask colleges to be brutal on pull requests.\n- People respect someone willing to learn and not overly cocky and proud.\n\n## Conclusion\n\nI hope you have enjoyed this blog. Please check out the other two blogs in this three-part series. Much of what I said is from my personal experience, and I know it is just my opinion. My goal here is to give some advice and hopefully help someone going through what I went through.",{"__component":269,"id":270,"title":271,"blog_series":39,"post_link":272},"series-post.series-posts",3,"Posts in this series",[273,278,282],{"id":274,"title":275,"slug":276,"description":277,"blog_series":39},7,"From a self-taught developer to first web dev job","from-a-self-taught-developer-to-first-web-dev-job","Teaching yourself to code, to getting your first job.",{"id":279,"title":280,"slug":135,"description":281,"blog_series":39},8,"My advice and experience being in your first dev job","My experience and advice on what I consider the main challenges in your first dev job.",{"id":283,"title":284,"slug":285,"description":286,"blog_series":39},60,"Finding the job you want","finding-the-job-you-want","This part discusses progressing in your career and finding the job you \"actually\" want.",{"id":288,"name":289,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":292,"hash":320,"ext":34,"mime":37,"size":321,"url":322,"previewUrl":39,"provider":72,"provider_metadata":323,"created_at":324,"updated_at":324},385,"nano-final.png",2400,1200,{"large":293,"small":299,"medium":306,"thumbnail":313},{"ext":34,"url":294,"hash":295,"mime":37,"name":296,"path":39,"size":297,"width":41,"height":50,"provider_metadata":298},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777374354/large_nano_final_0521a6c55f.png","large_nano_final_0521a6c55f","large_nano-final.png",1288.88,{"public_id":295,"resource_type":44},{"ext":34,"url":300,"hash":301,"mime":37,"name":302,"path":39,"size":303,"width":50,"height":304,"provider_metadata":305},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777374356/small_nano_final_0521a6c55f.png","small_nano_final_0521a6c55f","small_nano-final.png",336.2,250,{"public_id":301,"resource_type":44},{"ext":34,"url":307,"hash":308,"mime":37,"name":309,"path":39,"size":310,"width":58,"height":311,"provider_metadata":312},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777374355/medium_nano_final_0521a6c55f.png","medium_nano_final_0521a6c55f","medium_nano-final.png",737.12,375,{"public_id":308,"resource_type":44},{"ext":34,"url":314,"hash":315,"mime":37,"name":316,"path":39,"size":317,"width":256,"height":318,"provider_metadata":319},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777374353/thumbnail_nano_final_0521a6c55f.png","thumbnail_nano_final_0521a6c55f","thumbnail_nano-final.png",86.59,123,{"public_id":315,"resource_type":44},"nano_final_0521a6c55f",7342.79,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777374351/nano_final_0521a6c55f.png",{"public_id":320,"resource_type":44},"2026-04-28T11:05:57.191Z",[326],{"id":327,"Name":328,"created_at":329,"updated_at":330,"slug":331},17,"Hop Tips","2021-04-30T21:26:30.451Z","2021-04-30T21:26:30.472Z","hop-tips",{"id":333,"Title":334,"user":335,"Summary":375,"created_at":376,"updated_at":377,"slug":378,"published_at":379,"release_date":380,"Layout":381,"Content":382,"Feature":520,"tags":551},22,"Building a JAMstack shop with Strapi 4, Nuxt 3, Snipcart - part 2",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":341},2,"Gemma","hello@gemma.dev","2020-04-27T19:07:12.397Z","2020-05-02T17:17:51.303Z",{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":346,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":373,"created_at":374,"updated_at":374},25,"gemma",941,1221,{"large":347,"small":353,"medium":358,"thumbnail":364},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":352},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588439863/large_gemma_1ada805fa8.jpg","large_gemma_1ada805fa8",132.46,771,{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":357},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588439864/small_gemma_1ada805fa8.jpg","small_gemma_1ada805fa8",40.17,{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":363},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588439864/medium_gemma_1ada805fa8.jpg","medium_gemma_1ada805fa8",82.65,578,{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":369},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588439862/thumbnail_gemma_1ada805fa8.jpg","thumbnail_gemma_1ada805fa8",5.55,120,{"public_id":366,"resource_type":44},"gemma_1ada805fa8",175.68,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588439861/gemma_1ada805fa8.jpg",{"public_id":370,"resource_type":44},"2020-05-02T17:17:45.098Z","This is part two in our series on how to create a JAMStack e-commerce site with Nuxt 3, Strapi 4 and Snipcart. We will build out the site’s structure, layout and any components we need in the process.","2021-12-18T15:12:31.957Z","2026-04-28T11:10:13.502Z","building-a-jamstack-shop-with-strapi-4-nuxt-3-snipcart-part-2","2022-01-12T15:24:47.172Z","2021-12-18","companion_on_grid",[383,386,408,411,416,419,423,426,429,432,435,438,441,444,447,450,453,456,459,462,465,468,471,474,477,480,483,486,489,492,495,498,501,503,506,509,511,514,517],{"__component":23,"id":384,"Text":385},266,"Well, fancy seeing you here, either you've accidentally stumbled across this Wahay, it looks like you've made it to the second blog post of the series, well I never, thank you ever so much for joining again. Alternatively you might have accidentally stumbled here, if that's the case and you're intrigued by what you've seen then you can skip back to the previous blog post and start building your very own candle shop 😉.\n",{"__component":269,"id":387,"title":271,"blog_series":39,"post_link":388},37,[389,394,398,403],{"id":390,"title":391,"slug":392,"description":393,"blog_series":39},46,"Episode 1","building-a-jamstack-shop-with-strapi-4-nuxt-3-snipcart-part-1","Project setup.",{"id":395,"title":396,"slug":378,"description":397,"blog_series":39},47,"Episode 2","We build out the Nuxt 3 sites structure, layout and some of the core components that we’re going to need.",{"id":399,"title":400,"slug":401,"description":402,"blog_series":39},48,"Episode 3","building-a-jamstack-shop-with-strapi-4-nuxt-3-snipcart-part-3","We will pull through the products from Strapi and style them.",{"id":404,"title":405,"slug":406,"description":407,"blog_series":39},49,"Episode 4","building-a-jamstack-shop-with-strapi-4-nuxt-3-snipcart-part-4","Integrate Snipcart.",{"__component":23,"id":409,"Text":410},219,"In the last blog post we set up Strapi 4- we created a collection type and added in some products, made them public so we can get them from the Nuxt 3 frontend.\n\nWe will build out the site's structure, layout, and some of the components needed during this blog post. Then, in the next blog post, we will pull through the products, create components for them, and build out more of the site.\n\nYou can watch the video or follow along below.\n\n\u003Cdiv style=\"position: relative; width: 100%; padding-bottom: 56.25%;\">\n\n\u003Ciframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\" loading=\"lazy\" src=\"https://www.youtube-nocookie.com/embed/NWE88OuMViY\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen>\u003C/iframe>\n\n\u003C/div>\n\nHere's a reminder of the code if you would like to dive straight into it, we have created example repositories for both the Nuxt and Strapi parts:\n\n- Nuxt 3 👉 \u003Ca href=\"https://github.com/pixelhop/pick-a-sick-wick-frontend\">https://github.com/pixelhop/pick-a-sick-wick-frontend\u003C/a>\n- Strapi 4 👉 \u003Ca href=\"https://github.com/pixelhop/pick-a-sick-wick-backend\">https://github.com/pixelhop/pick-a-sick-wick-backend\u003C/a>\n\n### Nuxt 3 Setup\n\nTo get started today we're going to add in an `.env` file we're doing this so that we can easily change the API URL in one place, then when we deploy it we can easily change it to the production endpoint.",{"__component":412,"id":413,"Code":414,"Type":415,"location":39,"language":39},"code.code",104,"API_URL=http://localhost:1337/","bash",{"__component":23,"id":417,"Text":418},220,"### Adding in environment variables in Nuxt 3\n\nAlso we need to update the `nuxt.config.ts`. Any environment variable we want to use in our frontend Vue code you have to tell Nuxt to expose. You do this by adding it to the `publicRuntimeConfig` object, like below:",{"__component":412,"id":420,"Code":421,"Type":422,"location":39,"language":39},105,"import { defineNuxtConfig } from 'nuxt3'\n\nexport default defineNuxtConfig({\n // Add entry css file\n css: ['tailwindcss/tailwind.css'],\n build: {\n postcss: {\n // add Postcss options\n postcssOptions: require('./postcss.config.js'),\n },\n },\n meta: {\n link: [\n { rel: 'preconnect', href: 'https://fonts.googleapis.com' },\n { rel: 'preconnect', href: 'https://fonts.gstatic.com' },\n { href: 'https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap', rel: 'stylesheet' },\n { rel: 'preconnect', href: \"https://app.snipcart.com\" },\n { rel: 'preconnect', href: \"https://cdn.snipcart.com\" },\n { rel: 'stylesheet', href: \"https://cdn.snipcart.com/themes/v3.2.1/default/snipcart.css\" },\n\n ],\n script: [\n { src: 'https://cdn.snipcart.com/themes/v3.2.1/default/snipcart.js', async: true }\n ],\n },\n\n publicRuntimeConfig: {\n API_URL: process.env.API_URL\n },\n})","javascript",{"__component":23,"id":424,"Text":425},221,"Later on, you can access these variables in your components by using the `useRuntimeConfig` composable.\n\nNow restart and check everything is still working.\n\nHere's a reminder of what the design looks like, we'll be building this out to match it:\n\n![Screenshot 2021-12-18 at 14.05.32.png](https://res.cloudinary.com/djyjvrw5u/image/upload/v1639836357/Screenshot_2021_12_18_at_14_05_32_a5e6f30971.png)\n\nAlso here is a[ link to the Figma file](https://www.figma.com/file/mys8jJI7kb1gVhR43FqBWp/Pick-a-sick-wick?node-id=0%3A1).\n\n### Creating our main layout\n\nSo open up the terminal and get the frontend and backend running. \n\nNext let's start working through the designs and building out each section, first we'll build out the layout and within this, there will be the header, main and footer sections. \n\nCreate a directory called `layouts` with a file called `default.vue` in it, this will be your default layout template. If you're familiar with Nuxt 2 then this won't look much different. The content from the `index.vue` page will come out in the slot here. Here we're just setting the default fonts and background colours with the Tailwind theme classes.\n\nThe `-webkit-font-smoothing` changes the rendering of the font to make it match the design\n",{"__component":412,"id":427,"Code":428,"Type":422,"location":39,"language":39},106,"\u003Ctemplate>\n \u003Cdiv class=\"relative font-body\">\n \u003Cdiv class=\"pt-24 bg-brand-beige-300\">\n \u003Cslot />\n \u003C/div>\n \u003C/div>\n\u003C/template>\n\n\n\n\u003Cstyle scoped>\nbody {\n -webkit-font-smoothing: antialiased;\n}\n\u003C/style>",{"__component":23,"id":430,"Text":431},222,"Next we are going to build out the header component, which will be made up from a number of child components. There's a few elements that will look something like this:\n\n- Header\n - Logo icon\n - Desktop Menu\n - Cart Price\n - Cart icon\n - Mobile menu\n\nLet's create a component for our logo, first create a directory in the root called `components`, then a file called `logo.vue` :",{"__component":412,"id":433,"Code":434,"Type":422,"location":39,"language":39},107,"\u003Ctemplate>\n \u003Csvg viewBox=\"0 0 228 72\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n \u003Cpath\n class=\"lg:block\"\n d=\"M90.916 22.418V28.856C90.916 29.8427 91.0147 30.5703 91.212 31.039C91.434 31.483 91.804 31.779 92.322 31.927C92.8647 32.075 93.7157 32.1613 94.875 32.186V33C91.841 32.926 89.584 32.889 88.104 32.889C86.8707 32.889 85.3167 32.9137 83.442 32.963L82.258 33V32.26C83.072 32.2107 83.664 32.112 84.034 31.964C84.4287 31.816 84.6877 31.5323 84.811 31.113C84.959 30.6937 85.033 30.0153 85.033 29.078V10.726C85.033 9.78866 84.959 9.11033 84.811 8.691C84.6877 8.27167 84.4287 7.988 84.034 7.84C83.664 7.692 83.072 7.59333 82.258 7.544V6.804C83.516 6.878 85.3907 6.915 87.882 6.915L91.989 6.878C92.4823 6.85333 93.0497 6.841 93.691 6.841C97.021 6.841 99.5617 7.507 101.313 8.839C103.064 10.1463 103.94 11.91 103.94 14.13C103.94 15.4867 103.595 16.794 102.904 18.052C102.213 19.2853 101.042 20.3213 99.389 21.16C97.761 21.9987 95.5903 22.418 92.877 22.418H90.916ZM93.21 7.544C92.544 7.544 92.0507 7.63033 91.73 7.803C91.434 7.97567 91.2243 8.284 91.101 8.728C90.9777 9.172 90.916 9.838 90.916 10.726V21.678H92.507C94.505 21.678 95.8863 21.0367 96.651 19.754C97.4157 18.4713 97.798 16.7323 97.798 14.537C97.798 12.1443 97.4403 10.3807 96.725 9.246C96.0343 8.11133 94.8627 7.544 93.21 7.544ZM107.811 4.325C108.847 4.325 109.661 4.584 110.253 5.102C110.87 5.59533 111.178 6.286 111.178 7.174C111.178 8.062 110.87 8.765 110.253 9.283C109.661 9.77633 108.847 10.023 107.811 10.023C106.775 10.023 105.949 9.77633 105.332 9.283C104.74 8.765 104.444 8.062 104.444 7.174C104.444 6.286 104.74 5.59533 105.332 5.102C105.949 4.584 106.775 4.325 107.811 4.325ZM110.697 29.559C110.697 30.5703 110.87 31.2733 111.215 31.668C111.585 32.038 112.202 32.223 113.065 32.223V33C110.598 32.9013 108.958 32.852 108.144 32.852C107.379 32.852 105.665 32.9013 103.001 33V32.223C103.889 32.223 104.506 32.038 104.851 31.668C105.196 31.2733 105.369 30.5703 105.369 29.559V17.904C105.369 16.7693 105.196 15.943 104.851 15.425C104.506 14.907 103.889 14.648 103.001 14.648V13.871C103.79 13.945 104.555 13.982 105.295 13.982C107.49 13.982 109.291 13.8093 110.697 13.464V29.559ZM121.702 13.353C122.615 13.353 123.478 13.4517 124.292 13.649C125.106 13.8463 125.784 14.1177 126.327 14.463C126.968 14.8577 127.462 15.3633 127.807 15.98C128.177 16.572 128.362 17.2257 128.362 17.941C128.362 18.8043 128.091 19.5197 127.548 20.087C127.005 20.6297 126.302 20.901 125.439 20.901C124.576 20.901 123.885 20.6543 123.367 20.161C122.849 19.6677 122.59 19.0017 122.59 18.163C122.59 17.423 122.824 16.7817 123.293 16.239C123.762 15.6963 124.341 15.3263 125.032 15.129C124.835 14.8577 124.526 14.648 124.107 14.5C123.712 14.3273 123.281 14.241 122.812 14.241C121.332 14.241 120.173 15.055 119.334 16.683C118.52 18.2863 118.113 20.3953 118.113 23.01C118.113 25.6493 118.582 27.5487 119.519 28.708C120.456 29.8673 121.628 30.447 123.034 30.447C123.873 30.447 124.711 30.225 125.55 29.781C126.413 29.337 127.19 28.56 127.881 27.45L128.51 27.672C128.017 29.2753 127.153 30.6567 125.92 31.816C124.687 32.9507 123.096 33.518 121.147 33.518C118.606 33.518 116.534 32.6793 114.931 31.002C113.328 29.3247 112.526 26.8333 112.526 23.528C112.526 21.3573 112.921 19.5073 113.71 17.978C114.499 16.4487 115.585 15.3017 116.966 14.537C118.347 13.7477 119.926 13.353 121.702 13.353ZM146.643 30.299C147.038 30.891 147.359 31.335 147.605 31.631C147.852 31.9023 148.173 32.0997 148.567 32.223V33C146.594 32.9013 145.299 32.852 144.682 32.852C143.868 32.852 142.277 32.9013 139.909 33V32.223C140.255 32.223 140.526 32.1613 140.723 32.038C140.921 31.9147 141.019 31.742 141.019 31.52C141.019 31.3967 140.958 31.2117 140.834 30.965L137.171 24.342C136.925 23.9227 136.666 23.639 136.394 23.491C136.123 23.343 135.778 23.2443 135.358 23.195V29.559C135.358 30.5703 135.519 31.2733 135.839 31.668C136.16 32.038 136.74 32.223 137.578 32.223V33C135.112 32.9013 133.508 32.852 132.768 32.852C131.93 32.852 130.228 32.9013 127.662 33V32.223C128.526 32.223 129.13 32.038 129.475 31.668C129.845 31.2733 130.03 30.5703 130.03 29.559V8.469C130.03 7.33433 129.845 6.508 129.475 5.99C129.13 5.472 128.526 5.213 127.662 5.213V4.436C128.452 4.51 129.216 4.547 129.956 4.547C132.102 4.547 133.903 4.37433 135.358 4.029V22.492C135.852 22.4427 136.271 22.344 136.616 22.196C136.986 22.048 137.307 21.826 137.578 21.53L140.39 18.792C141.204 17.978 141.611 17.2257 141.611 16.535C141.611 15.9677 141.352 15.5237 140.834 15.203C140.316 14.8577 139.626 14.6603 138.762 14.611V13.871C140.119 13.945 141.562 13.982 143.091 13.982C145.139 13.982 146.582 13.945 147.42 13.871V14.611C145.965 14.9317 144.423 15.8813 142.795 17.46L140.427 19.902L146.643 30.299ZM157.65 33.259C156.071 33.259 154.887 32.852 154.098 32.038C153.333 31.224 152.951 30.151 152.951 28.819C152.951 27.709 153.235 26.7963 153.802 26.081C154.394 25.341 155.097 24.7737 155.911 24.379C156.75 23.9843 157.81 23.565 159.093 23.121C160.45 22.6523 161.436 22.233 162.053 21.863C162.694 21.4683 163.015 20.938 163.015 20.272V17.386C163.015 16.35 162.768 15.5483 162.275 14.981C161.806 14.389 161.066 14.093 160.055 14.093C158.871 14.093 157.971 14.389 157.354 14.981C158.045 15.2277 158.575 15.5977 158.945 16.091C159.34 16.5843 159.537 17.164 159.537 17.83C159.537 18.6687 159.253 19.3347 158.686 19.828C158.119 20.3213 157.428 20.568 156.614 20.568C155.751 20.568 155.085 20.2967 154.616 19.754C154.147 19.2113 153.913 18.533 153.913 17.719C153.913 17.0283 154.073 16.4487 154.394 15.98C154.739 15.4867 155.257 15.0303 155.948 14.611C156.614 14.2163 157.428 13.908 158.39 13.686C159.377 13.464 160.45 13.353 161.609 13.353C162.818 13.353 163.866 13.4763 164.754 13.723C165.642 13.9697 166.382 14.389 166.974 14.981C167.517 15.5237 167.874 16.1897 168.047 16.979C168.244 17.7683 168.343 18.8413 168.343 20.198V30.262C168.343 30.854 168.392 31.2733 168.491 31.52C168.614 31.7667 168.836 31.89 169.157 31.89C169.527 31.89 169.971 31.6803 170.489 31.261L170.859 31.89C169.749 32.8027 168.392 33.259 166.789 33.259C165.432 33.259 164.483 32.9877 163.94 32.445C163.397 31.9023 163.114 31.1747 163.089 30.262C161.856 32.26 160.043 33.259 157.65 33.259ZM160.499 30.891C161.461 30.891 162.3 30.3853 163.015 29.374V21.789C162.719 22.2823 162.09 22.825 161.128 23.417C160.166 24.0337 159.438 24.6503 158.945 25.267C158.452 25.8837 158.205 26.7717 158.205 27.931C158.205 28.9423 158.415 29.6947 158.834 30.188C159.253 30.6567 159.808 30.891 160.499 30.891ZM91.508 40.323C92.7907 40.323 93.8143 40.4463 94.579 40.693C95.3437 40.9397 96.1207 41.2973 96.91 41.766C97.1813 41.914 97.4157 42.0373 97.613 42.136C97.835 42.2347 98.02 42.284 98.168 42.284C98.39 42.284 98.5627 42.1607 98.686 41.914C98.8093 41.6427 98.908 41.2233 98.982 40.656H99.833C99.7097 42.3087 99.648 45.1207 99.648 49.092H98.797C98.6983 47.76 98.39 46.4897 97.872 45.281C97.3787 44.0723 96.6633 43.098 95.726 42.358C94.8133 41.5933 93.7403 41.211 92.507 41.211C91.2983 41.211 90.3117 41.5563 89.547 42.247C88.807 42.913 88.437 43.8257 88.437 44.985C88.437 45.8483 88.622 46.6007 88.992 47.242C89.362 47.8833 89.88 48.4753 90.546 49.018C91.212 49.536 92.2357 50.2513 93.617 51.164L94.801 51.978C96.2563 52.94 97.4033 53.7787 98.242 54.494C99.0807 55.2093 99.759 56.048 100.277 57.01C100.82 57.9473 101.091 59.045 101.091 60.303C101.091 61.8817 100.684 63.2137 99.87 64.299C99.056 65.3597 97.946 66.1613 96.54 66.704C95.1587 67.2467 93.617 67.518 91.915 67.518C90.5337 67.518 89.3867 67.3947 88.474 67.148C87.5613 66.9013 86.7227 66.5683 85.958 66.149C85.4153 65.8037 84.996 65.631 84.7 65.631C84.478 65.631 84.3053 65.7667 84.182 66.038C84.0587 66.2847 83.96 66.6917 83.886 67.259H83.035C83.1337 65.705 83.183 62.375 83.183 57.269H84.034C84.2067 60.0317 84.8233 62.2763 85.884 64.003C86.9447 65.705 88.5727 66.556 90.768 66.556C92.1 66.556 93.1977 66.1983 94.061 65.483C94.9243 64.7677 95.356 63.744 95.356 62.412C95.356 61.0307 94.912 59.8467 94.024 58.86C93.136 57.8733 91.73 56.7633 89.806 55.53C88.326 54.568 87.142 53.7293 86.254 53.014C85.366 52.2987 84.6383 51.46 84.071 50.498C83.5037 49.5113 83.22 48.3767 83.22 47.094C83.22 45.614 83.59 44.3683 84.33 43.357C85.0947 42.321 86.106 41.5563 87.364 41.063C88.622 40.5697 90.0033 40.323 91.508 40.323ZM105.715 38.325C106.751 38.325 107.565 38.584 108.157 39.102C108.774 39.5953 109.082 40.286 109.082 41.174C109.082 42.062 108.774 42.765 108.157 43.283C107.565 43.7763 106.751 44.023 105.715 44.023C104.679 44.023 103.853 43.7763 103.236 43.283C102.644 42.765 102.348 42.062 102.348 41.174C102.348 40.286 102.644 39.5953 103.236 39.102C103.853 38.584 104.679 38.325 105.715 38.325ZM108.601 63.559C108.601 64.5703 108.774 65.2733 109.119 65.668C109.489 66.038 110.106 66.223 110.969 66.223V67C108.503 66.9013 106.862 66.852 106.048 66.852C105.284 66.852 103.569 66.9013 100.905 67V66.223C101.793 66.223 102.41 66.038 102.755 65.668C103.101 65.2733 103.273 64.5703 103.273 63.559V51.904C103.273 50.7693 103.101 49.943 102.755 49.425C102.41 48.907 101.793 48.648 100.905 48.648V47.871C101.695 47.945 102.459 47.982 103.199 47.982C105.395 47.982 107.195 47.8093 108.601 47.464V63.559ZM119.606 47.353C120.519 47.353 121.382 47.4517 122.196 47.649C123.01 47.8463 123.689 48.1177 124.231 48.463C124.873 48.8577 125.366 49.3633 125.711 49.98C126.081 50.572 126.266 51.2257 126.266 51.941C126.266 52.8043 125.995 53.5197 125.452 54.087C124.91 54.6297 124.207 54.901 123.343 54.901C122.48 54.901 121.789 54.6543 121.271 54.161C120.753 53.6677 120.494 53.0017 120.494 52.163C120.494 51.423 120.729 50.7817 121.197 50.239C121.666 49.6963 122.246 49.3263 122.936 49.129C122.739 48.8577 122.431 48.648 122.011 48.5C121.617 48.3273 121.185 48.241 120.716 48.241C119.236 48.241 118.077 49.055 117.238 50.683C116.424 52.2863 116.017 54.3953 116.017 57.01C116.017 59.6493 116.486 61.5487 117.423 62.708C118.361 63.8673 119.532 64.447 120.938 64.447C121.777 64.447 122.616 64.225 123.454 63.781C124.318 63.337 125.095 62.56 125.785 61.45L126.414 61.672C125.921 63.2753 125.058 64.6567 123.824 65.816C122.591 66.9507 121 67.518 119.051 67.518C116.511 67.518 114.439 66.6793 112.835 65.002C111.232 63.3247 110.43 60.8333 110.43 57.528C110.43 55.3573 110.825 53.5073 111.614 51.978C112.404 50.4487 113.489 49.3017 114.87 48.537C116.252 47.7477 117.83 47.353 119.606 47.353ZM144.548 64.299C144.942 64.891 145.263 65.335 145.51 65.631C145.756 65.9023 146.077 66.0997 146.472 66.223V67C144.498 66.9013 143.203 66.852 142.587 66.852C141.773 66.852 140.182 66.9013 137.814 67V66.223C138.159 66.223 138.43 66.1613 138.628 66.038C138.825 65.9147 138.924 65.742 138.924 65.52C138.924 65.3967 138.862 65.2117 138.739 64.965L135.076 58.342C134.829 57.9227 134.57 57.639 134.299 57.491C134.027 57.343 133.682 57.2443 133.263 57.195V63.559C133.263 64.5703 133.423 65.2733 133.744 65.668C134.064 66.038 134.644 66.223 135.483 66.223V67C133.016 66.9013 131.413 66.852 130.673 66.852C129.834 66.852 128.132 66.9013 125.567 67V66.223C126.43 66.223 127.034 66.038 127.38 65.668C127.75 65.2733 127.935 64.5703 127.935 63.559V42.469C127.935 41.3343 127.75 40.508 127.38 39.99C127.034 39.472 126.43 39.213 125.567 39.213V38.436C126.356 38.51 127.121 38.547 127.861 38.547C130.007 38.547 131.807 38.3743 133.263 38.029V56.492C133.756 56.4427 134.175 56.344 134.521 56.196C134.891 56.048 135.211 55.826 135.483 55.53L138.295 52.792C139.109 51.978 139.516 51.2257 139.516 50.535C139.516 49.9677 139.257 49.5237 138.739 49.203C138.221 48.8577 137.53 48.6603 136.667 48.611V47.871C138.023 47.945 139.466 47.982 140.996 47.982C143.043 47.982 144.486 47.945 145.325 47.871V48.611C143.869 48.9317 142.328 49.8813 140.7 51.46L138.332 53.902L144.548 64.299ZM181.598 40.915C182.758 40.915 183.707 40.878 184.447 40.804V41.544C183.831 41.7907 183.226 42.2717 182.634 42.987C182.067 43.6777 181.586 44.6643 181.191 45.947L174.679 67.074C174.408 67.0493 173.976 67.037 173.384 67.037C172.792 67.037 172.361 67.0493 172.089 67.074L166.65 50.572L161.174 67.074C160.903 67.0493 160.471 67.037 159.879 67.037C159.287 67.037 158.856 67.0493 158.584 67.074L150.296 43.912C150 43.098 149.643 42.506 149.223 42.136C148.804 41.766 148.385 41.5687 147.965 41.544V40.804C149.445 40.878 151.283 40.915 153.478 40.915C155.55 40.915 157.067 40.878 158.029 40.804V41.544C157.166 41.6673 156.734 42.1483 156.734 42.987C156.734 43.3817 156.845 43.9367 157.067 44.652L162.469 60.303L166.206 49.277L164.319 43.542C164.073 42.8267 163.777 42.3333 163.431 42.062C163.111 41.766 162.728 41.5933 162.284 41.544V40.804C163.666 40.878 165.429 40.915 167.575 40.915C169.993 40.915 171.769 40.878 172.903 40.804V41.544C172.015 41.5687 171.374 41.6797 170.979 41.877C170.585 42.0497 170.387 42.395 170.387 42.913C170.387 43.357 170.511 43.9367 170.757 44.652L175.826 60.118L179.341 48.944C179.909 47.094 180.192 45.6633 180.192 44.652C180.192 43.5913 179.921 42.8267 179.378 42.358C178.86 41.8647 178.071 41.5933 177.01 41.544V40.804C178.688 40.878 180.217 40.915 181.598 40.915ZM186.277 38.325C187.313 38.325 188.127 38.584 188.719 39.102C189.336 39.5953 189.644 40.286 189.644 41.174C189.644 42.062 189.336 42.765 188.719 43.283C188.127 43.7763 187.313 44.023 186.277 44.023C185.241 44.023 184.415 43.7763 183.798 43.283C183.206 42.765 182.91 42.062 182.91 41.174C182.91 40.286 183.206 39.5953 183.798 39.102C184.415 38.584 185.241 38.325 186.277 38.325ZM189.163 63.559C189.163 64.5703 189.336 65.2733 189.681 65.668C190.051 66.038 190.668 66.223 191.531 66.223V67C189.064 66.9013 187.424 66.852 186.61 66.852C185.845 66.852 184.131 66.9013 181.467 67V66.223C182.355 66.223 182.972 66.038 183.317 65.668C183.662 65.2733 183.835 64.5703 183.835 63.559V51.904C183.835 50.7693 183.662 49.943 183.317 49.425C182.972 48.907 182.355 48.648 181.467 48.648V47.871C182.256 47.945 183.021 47.982 183.761 47.982C185.956 47.982 187.757 47.8093 189.163 47.464V63.559ZM200.168 47.353C201.081 47.353 201.944 47.4517 202.758 47.649C203.572 47.8463 204.25 48.1177 204.793 48.463C205.434 48.8577 205.928 49.3633 206.273 49.98C206.643 50.572 206.828 51.2257 206.828 51.941C206.828 52.8043 206.557 53.5197 206.014 54.087C205.471 54.6297 204.768 54.901 203.905 54.901C203.042 54.901 202.351 54.6543 201.833 54.161C201.315 53.6677 201.056 53.0017 201.056 52.163C201.056 51.423 201.29 50.7817 201.759 50.239C202.228 49.6963 202.807 49.3263 203.498 49.129C203.301 48.8577 202.992 48.648 202.573 48.5C202.178 48.3273 201.747 48.241 201.278 48.241C199.798 48.241 198.639 49.055 197.8 50.683C196.986 52.2863 196.579 54.3953 196.579 57.01C196.579 59.6493 197.048 61.5487 197.985 62.708C198.922 63.8673 200.094 64.447 201.5 64.447C202.339 64.447 203.177 64.225 204.016 63.781C204.879 63.337 205.656 62.56 206.347 61.45L206.976 61.672C206.483 63.2753 205.619 64.6567 204.386 65.816C203.153 66.9507 201.562 67.518 199.613 67.518C197.072 67.518 195 66.6793 193.397 65.002C191.794 63.3247 190.992 60.8333 190.992 57.528C190.992 55.3573 191.387 53.5073 192.176 51.978C192.965 50.4487 194.051 49.3017 195.432 48.537C196.813 47.7477 198.392 47.353 200.168 47.353ZM225.11 64.299C225.504 64.891 225.825 65.335 226.072 65.631C226.318 65.9023 226.639 66.0997 227.034 66.223V67C225.06 66.9013 223.765 66.852 223.149 66.852C222.335 66.852 220.744 66.9013 218.376 67V66.223C218.721 66.223 218.992 66.1613 219.19 66.038C219.387 65.9147 219.486 65.742 219.486 65.52C219.486 65.3967 219.424 65.2117 219.301 64.965L215.638 58.342C215.391 57.9227 215.132 57.639 214.861 57.491C214.589 57.343 214.244 57.2443 213.825 57.195V63.559C213.825 64.5703 213.985 65.2733 214.306 65.668C214.626 66.038 215.206 66.223 216.045 66.223V67C213.578 66.9013 211.975 66.852 211.235 66.852C210.396 66.852 208.694 66.9013 206.129 67V66.223C206.992 66.223 207.596 66.038 207.942 65.668C208.312 65.2733 208.497 64.5703 208.497 63.559V42.469C208.497 41.3343 208.312 40.508 207.942 39.99C207.596 39.472 206.992 39.213 206.129 39.213V38.436C206.918 38.51 207.683 38.547 208.423 38.547C210.569 38.547 212.369 38.3743 213.825 38.029V56.492C214.318 56.4427 214.737 56.344 215.083 56.196C215.453 56.048 215.773 55.826 216.045 55.53L218.857 52.792C219.671 51.978 220.078 51.2257 220.078 50.535C220.078 49.9677 219.819 49.5237 219.301 49.203C218.783 48.8577 218.092 48.6603 217.229 48.611V47.871C218.585 47.945 220.028 47.982 221.558 47.982C223.605 47.982 225.048 47.945 225.887 47.871V48.611C224.431 48.9317 222.89 49.8813 221.262 51.46L218.894 53.902L225.11 64.299Z\"\n fill=\"#4E3924\"\n />\n \u003Crect width=\"72\" height=\"72\" fill=\"#4E3924\" />\n \u003Cg clip-path=\"url(#clip0_31:2)\">\n \u003Cpath\n d=\"M40.3291 22.9534C40.3291 21.4143 41.1266 20.3617 42.3148 18.9661C42.6176 18.6228 43.0533 18.4261 43.511 18.4261C43.9688 18.4261 44.4045 18.6228 44.7072 18.9661C45.9034 20.3457 46.7009 21.4064 46.6929 22.9534C47.2213 22.1131 47.498 21.139 47.4904 20.1463C47.4904 18.4398 45.4489 15.7284 43.503 13.7666C41.5572 15.7682 39.5157 18.4796 39.5157 20.1463C39.5129 21.1406 39.7952 22.1148 40.3291 22.9534Z\"\n fill=\"#EAE5E0\"\n />\n \u003Cpath\n d=\"M25.9747 55.9367C31.8999 55.9367 35.5443 54.0786 35.5443 52.7468V51.9493C35.0598 50.426 34.7913 48.8422 34.7469 47.2443C34.733 46.6608 35.0388 46.1164 35.5443 45.8248V28.0253C35.5443 26.9806 33.2636 25.6329 29.4278 25.0746C28.6843 25.7489 27.7623 26.1946 26.7722 26.3586V28.0253C26.7722 28.4657 26.4151 28.8227 25.9747 28.8227C25.5343 28.8227 25.1772 28.4657 25.1772 28.0253V26.3586C24.1871 26.1946 23.2651 25.7489 22.5217 25.0746C18.6859 25.6329 16.4051 26.9806 16.4051 28.0253V52.7468C16.4051 54.0786 20.0495 55.9367 25.9747 55.9367ZM23.5823 43.1772C23.5823 44.4985 22.5112 45.5696 21.1899 45.5696C19.8686 45.5696 18.7975 44.4985 18.7975 43.1772V39.9873C18.7975 39.5469 19.1545 39.1898 19.595 39.1898C20.0354 39.1898 20.3924 39.5469 20.3924 39.9873V43.1772C20.3924 43.6176 20.7495 43.9746 21.1899 43.9746C21.6303 43.9746 21.9874 43.6176 21.9874 43.1772V41.5822C21.9874 41.1418 22.3444 40.7848 22.7848 40.7848C23.2253 40.7848 23.5823 41.1418 23.5823 41.5822V43.1772ZM31.557 49.5569C31.557 50.8782 30.4859 51.9493 29.1646 51.9493C27.8433 51.9493 26.7722 50.8782 26.7722 49.5569V46.3671C26.7722 45.9266 27.1292 45.5696 27.5697 45.5696C28.0101 45.5696 28.3671 45.9266 28.3671 46.3671V49.5569C28.3671 49.9974 28.7242 50.3544 29.1646 50.3544C29.605 50.3544 29.9621 49.9974 29.9621 49.5569V47.962C29.9621 47.5216 30.3191 47.1645 30.7595 47.1645C31.2 47.1645 31.557 47.5216 31.557 47.962V49.5569ZM33.1519 39.9873C33.1519 41.3086 32.0808 42.3797 30.7595 42.3797C29.4382 42.3797 28.3671 41.3086 28.3671 39.9873V38.3924C28.3671 37.9519 28.7242 37.5949 29.1646 37.5949C29.605 37.5949 29.9621 37.9519 29.9621 38.3924V39.9873C29.9621 40.4277 30.3191 40.7848 30.7595 40.7848C31.2 40.7848 31.557 40.4277 31.557 39.9873V36.7974C31.557 36.357 31.914 36 32.3545 36C32.7949 36 33.1519 36.357 33.1519 36.7974V39.9873ZM18.0479 30.625C18.1214 30.4258 18.2713 30.2641 18.4644 30.1758C18.6575 30.0875 18.8778 30.0798 19.0766 30.1545C23.5664 31.5699 28.383 31.5699 32.8728 30.1545C33.0716 30.0798 33.2919 30.0875 33.4851 30.1758C33.6782 30.2641 33.8281 30.4258 33.9016 30.625C33.9763 30.8238 33.9686 31.0442 33.8803 31.2373C33.792 31.4304 33.6303 31.5803 33.431 31.6538C28.5793 33.193 23.3701 33.193 18.5184 31.6538C18.3192 31.5803 18.1575 31.4304 18.0692 31.2373C17.9808 31.0442 17.9732 30.8238 18.0479 30.625Z\"\n fill=\"#EAE5E0\"\n />\n \u003Cpath\n d=\"M43.519 20.0506C43.1017 20.5381 42.7129 21.0493 42.3547 21.5817C41.7616 22.3778 41.7846 23.4748 42.4105 24.2453C43.9177 25.9359 46.031 23.5674 44.6992 21.5817C44.337 21.048 43.9429 20.5367 43.519 20.0506Z\"\n fill=\"#EAE5E0\"\n />\n \u003Cpath\n d=\"M29.962 20.1463C29.962 18.4398 27.9205 15.7284 25.9747 13.7666C24.0289 15.7682 21.9873 18.4796 21.9873 20.1463C21.9797 21.139 22.2565 22.1131 22.7848 22.9534C22.7848 21.3585 23.5823 20.3457 24.7705 18.9661C25.0733 18.6228 25.509 18.4261 25.9667 18.4261C26.4244 18.4261 26.8601 18.6228 27.1629 18.9661C28.2953 20.2819 29.1566 21.3585 29.1486 22.9534C29.6825 22.1148 29.9648 21.1406 29.962 20.1463Z\"\n fill=\"#EAE5E0\"\n />\n \u003Cpath\n d=\"M25.9746 20.0506C25.5604 20.5406 25.1718 21.0517 24.8103 21.5817C24.2173 22.3778 24.2403 23.4748 24.8662 24.2453C26.3574 25.9279 28.4946 23.5834 27.1549 21.5817C26.7959 21.0457 26.4016 20.5342 25.9746 20.0506Z\"\n fill=\"#EAE5E0\"\n />\n \u003Cpath\n d=\"M49.508 58.3291C51.1907 58.2893 55.3853 57.9224 58.017 55.3705C60.6486 52.8186 61.0155 48.7595 61.0633 47.1646C59.3807 47.2124 55.186 47.5793 52.5543 50.1312C49.9227 52.6831 49.5479 56.7342 49.508 58.3291ZM53.4953 55.1393C56.0153 54.3019 57.4827 52.8984 58.1845 50.0275C58.2557 49.7511 58.4689 49.5338 58.7439 49.4573C59.0188 49.3808 59.3137 49.4568 59.5174 49.6566C59.7212 49.8565 59.8028 50.1499 59.7315 50.4262C58.8464 53.8474 56.9962 55.6736 53.9977 56.6545C53.5794 56.7907 53.1297 56.5623 52.9929 56.1441C52.8529 55.737 53.0611 55.2923 53.4634 55.1393H53.4953Z\"\n fill=\"#EAE5E0\"\n />\n \u003Cpath\n d=\"M51.063 46.8855C50.8778 47.1034 50.5904 47.206 50.3091 47.1546C50.0277 47.1032 49.7951 46.9056 49.699 46.6363C49.6028 46.3669 49.6577 46.0667 49.8429 45.8488C50.2746 45.3554 50.7496 44.9017 51.2624 44.4931C50.5518 43.1585 49.6844 41.9137 48.6786 40.7849C47.7013 41.9374 46.8461 43.1881 46.1267 44.517C46.6231 44.9215 47.0846 45.367 47.5063 45.8488C47.7926 46.1835 47.7533 46.6869 47.4186 46.9732C47.0838 47.2595 46.5804 47.2202 46.2941 46.8855C44.8573 45.3481 43.0904 44.1565 41.1265 43.4005C40.8149 44.2809 40.5749 45.185 40.4088 46.104C44.9065 47.2124 47.4664 49.6686 48.7344 53.6002C50.0024 49.6607 52.5543 47.2204 57.0041 46.1199C56.8402 45.1926 56.6001 44.2804 56.2864 43.3926C54.3035 44.1469 52.5176 45.3412 51.063 46.8855Z\"\n fill=\"#EAE5E0\"\n />\n \u003Cpath\n d=\"M44.8507 50.1312C42.7215 48.0657 39.101 47.1646 36.3417 47.1646C36.3896 48.7595 36.7724 52.8186 39.3881 55.3546C42.0038 57.8905 46.2144 58.2813 47.8971 58.3291C47.8572 56.7342 47.5063 52.6671 44.8507 50.1312Z\"\n fill=\"#EAE5E0\"\n />\n \u003Cpath\n d=\"M37.1393 28.0253V30.33C41.4877 31.567 46.1029 31.506 50.4171 30.1545C50.6159 30.0798 50.8363 30.0875 51.0294 30.1758C51.2225 30.2641 51.3724 30.4258 51.4459 30.625C51.5206 30.8238 51.5129 31.0442 51.4246 31.2373C51.3363 31.4304 51.1746 31.5803 50.9754 31.6538C46.4895 33.0761 41.6928 33.2005 37.1393 32.0126V45.6095C37.6258 45.6095 38.192 45.6972 38.814 45.7929C38.9989 44.7944 39.2656 43.8129 39.6114 42.8582C39.7578 42.4499 40.0642 42.1189 40.4599 41.9414C40.8556 41.7639 41.3065 41.7551 41.7088 41.9172C42.7975 42.352 43.8439 42.8859 44.8349 43.5121C45.5826 42.1521 46.4785 40.879 47.5064 39.7162C47.8002 39.3804 48.2246 39.1878 48.6707 39.1878C49.1168 39.1878 49.5412 39.3804 49.835 39.7162C50.8741 40.8813 51.7783 42.16 52.5304 43.5281L53.0887 43.1772V28.0253C53.0887 26.9806 50.8079 25.6329 46.9721 25.0746C46.2286 25.7489 45.3067 26.1946 44.3165 26.3586V28.0253C44.3165 28.4657 43.9595 28.8227 43.519 28.8227C43.0786 28.8227 42.7216 28.4657 42.7216 28.0253V26.3586C41.7314 26.1946 40.8095 25.7489 40.066 25.0746C38.746 25.2385 37.4518 25.568 36.2142 26.0555C36.7771 26.5594 37.1111 27.2704 37.1393 28.0253Z\"\n fill=\"#EAE5E0\"\n />\n \u003C/g>\n \u003Cdefs>\n \u003CclipPath id=\"clip0_31:2\">\n \u003Crect width=\"44.6582\" height=\"44.6582\" fill=\"white\" transform=\"translate(16.4051 13.6709)\" />\n \u003C/clipPath>\n \u003C/defs>\n \u003C/svg>\n\u003C/template>",{"__component":23,"id":436,"Text":437},223,"Now let’s build out the desktop navigation, they aren't going to link yet because that will break the site. Create a file called `NavBar.vue` in the `components` directory.",{"__component":412,"id":439,"Code":440,"Type":422,"location":39,"language":39},108,"\u003Ctemplate>\n \u003Cnav>\n \u003Cul class=\"flex flex-col items-center justify-center gap-6 text-center md:flex-row\">\n \u003Cli\n class=\"text-xl font-bold tracking-tighter transition-colors text-brand-grey-800 font-heading hover:text-brand-orange\"\n >\n \u003Cnuxt-link to=\"/\">Home\u003C/nuxt-link>\n \u003C/li>\n \u003Cli\n class=\"text-xl font-bold tracking-tighter transition-colors text-brand-grey-800 font-heading hover:text-brand-orange\"\n >\n \u003Cnuxt-link to=\"/\">Shop\u003C/nuxt-link>\n \u003C/li>\n \u003Cli\n class=\"text-xl font-bold tracking-tighter transition-colors text-brand-grey-800 font-heading hover:text-brand-orange\"\n >\n \u003Cnuxt-link to=\"/\">Contact\u003C/nuxt-link>\n \u003C/li>\n \u003C/ul>\n \u003C/nav>\n\u003C/template>\n\n\u003Cstyle scoped>\n.router-link-active {\n @apply text-brand-orange;\n}\n\u003C/style>",{"__component":23,"id":442,"Text":443},224,"We now need to create the `CartInfo.vue` component , in the next post we will be adding in the cart total but for now we're just going to have the icon in there.",{"__component":412,"id":445,"Code":446,"Type":422,"location":39,"language":39},109,"\u003Ctemplate>\n \u003Cbutton class=\"flex items-center\">\n \u003CIconsCart class=\"w-6\" />\n \u003C/button>\n\u003C/template>\n",{"__component":23,"id":448,"Text":449},225,"Next up we will build our main header component that will be made up of the child components we just created.",{"__component":412,"id":451,"Code":452,"Type":422,"location":39,"language":39},110,"\u003Ctemplate>\n \u003Cheader>\n test\n \u003C/header>\n\u003C/template>\n\n",{"__component":23,"id":454,"Text":455},226,"Now we can pull this into our `default.vue` layout, and just test we are pulling in the header correctly, it will look something like this:",{"__component":412,"id":457,"Code":458,"Type":422,"location":39,"language":39},111,"\u003Ctemplate>\n \u003Cdiv class=\"relative font-body\">\n \u003CHeaderSection />\n \u003Csection class=\"pt-24 bg-brand-beige-300\">\n \u003Cslot />\n \u003C/section>\n \u003C/div>\n\u003C/template>\n\n\n\n\u003Cstyle scoped>\nbody {\n -webkit-font-smoothing: antialiased;\n}\n\u003C/style>",{"__component":23,"id":460,"Text":461},227,"In the `HeaderSection.vue` we can now import the components that we built earlier. The way that I would usually do this is by adding in 1 by 1 at a time and just go check the frontend to check everything is okay. But for ease I've just added them all in straight away:",{"__component":412,"id":463,"Code":464,"Type":422,"location":39,"language":39},112,"\u003Ctemplate>\n \u003Cheader class=\"fixed z-50 w-full py-2\">\n \u003Cdiv class=\"grid items-center w-full grid-cols-12 px-4 mx-auto\">\n \u003Cdiv class=\"col-span-3\">\n \u003Cnuxt-link to=\"/\">\n \u003CLogo class=\"h-20 py-2\" />\n \u003C/nuxt-link>\n \u003C/div>\n \u003Cdiv class=\"col-span-6\">\n \u003CNavBar class=\"md:block\" />\n \u003C/div>\n \u003Cdiv class=\"flex items-center justify-end col-span-3\">\n \u003CCartInfo />\n \u003C/div>\n \u003C/div>\n \u003C/header>\n\u003C/template>\n",{"__component":23,"id":466,"Text":467},228,"### Nuxt 3 auto import components\n\nYou'll see here you don't need to import components and declare them like you used to. Nuxt 3 auto imports components for you. Which makes components quicker to write, less crowded and easier to read. If you have your component inside a nested directory like this :\n\n![Screenshot 2021-12-18 at 14.59.48.png](https://res.cloudinary.com/djyjvrw5u/image/upload/v1639839740/Screenshot_2021_12_18_at_14_59_48_845acaba3d.png)\n\nThen the name of the component inside your template will be named like this `\u003CIconsCart />.`\n\nLet's go and check everything looks as it should:\n\n![Screenshot 2021-12-18 at 15.02.43.png](https://res.cloudinary.com/djyjvrw5u/image/upload/v1639839783/Screenshot_2021_12_18_at_15_02_43_c101ef6945.png)\n\nBefore we move on we're going to add in the mobile menu. Add in a new file into the components directory called `MobileMenu.vue`\n",{"__component":412,"id":469,"Code":470,"Type":422,"location":39,"language":39},113,"\u003Ctemplate>\n \u003Cnav class=\"fixed inset-0 z-50 flex items-center justify-center bg-brand-beige-300\">\n \u003Cbutton\n class=\"absolute p-1 right-4 top-8 text-brand-grey-800\"\n title=\"Close\"\n @click=\"$emit('close')\"\n >\n \u003Csvg\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"w-6 h-6\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n \u003Cpath\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M6 18L18 6M6 6l12 12\"\n />\n \u003C/svg>\n \u003C/button>\n \u003CNavBar />\n \u003C/nav>\n\u003C/template>\n\n\u003Cscript setup>\nconst route = useRoute();\nconst emit = defineEmits(['close'])\n\nwatch(route, () => {\n emit('close');\n});\n\u003C/script>\n\n\u003Cstyle>\n\u003C/style>",{"__component":23,"id":472,"Text":473},229,"### Using the Vue 3 composition API\n\n`useRoute` allows us to get the current route and the `defineEmits` basically tells the component that it can emit an event called close, then we use the watch API to emit the close event whenever the route changes. The mobile menu will close when you change routes.\n\nNext, we are going to update our `HeaderSection.vue` to pull in the `MobileMenu.vue`, add some transitions to it and hide the desktop menu. So open up your `HeaderSection.vue` and your code should now look like this:",{"__component":412,"id":475,"Code":476,"Type":422,"location":39,"language":39},114,"\u003Ctemplate>\n \u003Cheader class=\"fixed z-50 w-full py-2\">\n \u003Cdiv class=\"grid items-center w-full grid-cols-12 px-4 mx-auto\">\n \u003Cdiv class=\"col-span-3\">\n \u003Cnuxt-link to=\"/\">\n \u003CLogo class=\"h-20 py-2\" />\n \u003C/nuxt-link>\n \u003C/div>\n \u003Cdiv class=\"col-span-6\">\n \u003CNavBar class=\"hidden md:block\" />\n \u003C/div>\n \u003Cdiv class=\"flex items-center justify-end col-span-3\">\n \u003CCartInfo />\n\n \u003Cbutton title=\"Menu\" class=\"p-1 ml-4\" @click=\"mobileMenuOpen = true\">\n \u003Csvg\n class=\"w-6 h-6 md:hidden text-brand-grey-800\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n \u003Cpath\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M4 6h16M4 12h16M4 18h16\"\n />\n \u003C/svg>\n \u003C/button>\n \u003C/div>\n \u003C/div>\n \u003Ctransition name=\"menu\">\n \u003CMobileMenu v-if=\"mobileMenuOpen\" @close=\"mobileMenuOpen = false\" />\n \u003C/transition>\n \u003C/header>\n\u003C/template>\n\n\u003Cscript setup>\nconst mobileMenuOpen = ref(false);\n\u003C/script>\n\n\u003Cstyle scoped>\nheader {\n background: rgba(227, 217, 205, 0.8);\n}\n\n.menu-enter-active,\n.menu-leave-active {\n transition: opacity 0.5s ease;\n}\n\n.menu-enter-from,\n.menu-leave-to {\n opacity: 0;\n}\n\u003C/style>",{"__component":23,"id":478,"Text":479},230,"Now let's just go and tidy up the `app.vue` , add in the background colour and add a meta title.",{"__component":412,"id":481,"Code":482,"Type":422,"location":39,"language":39},115,"\u003Ctemplate>\n \u003CTitle>Pick a Sick Wick - Candle Shop\u003C/Title>\n \u003CNuxtPage />\n\u003C/template>\n\n\u003Cstyle>\nbody {\n @apply text-brand-grey bg-brand-beige-300;\n}\n\n\u003C/style>",{"__component":23,"id":484,"Text":485},231,"### Nuxt 3 Meta components\n\nIt's now really easy to add in a meta title and other meta elements in Nuxt 3, thye have made a number of conponents that oyu can use in other components and it will add to your pages meta. In this case we're just using the title component to add a title to our site. \n\nWooo we're in a good place to start building out the rest of the site. Lets start adding a few components that are useful in any site.\n\n### Creating a heading component\n\nAdding a heading component like this means you all your headings will match your design system perfectly. So lets go ahead and create our `heading.vue` inside the `components` directory.",{"__component":412,"id":487,"Code":488,"Type":422,"location":39,"language":39},116,"\u003Ctemplate>\n \u003Ccomponent :is=\"tag\" v-bind=\"$attrs\" :class=\"classes\">\n \u003Cslot />\n \u003C/component>\n\u003C/template>\n\n\u003Cscript setup>\nimport { computed } from 'vue';\n\n\nconst props = defineProps({\n tag: String,\n fontStyle: {\n type: String,\n required: false,\n default: 'h1',\n validator: (value) => ['h1', 'h2', 'h3', 'h4'].includes(value),\n },\n color: {\n type: String,\n required: false,\n default: 'text-brand-brown-500',\n }\n});\n\nconst classes = computed(() => {\n const styleClasses = {\n h1: 'pb-2 text-5xl font-bold tracking-tighter font-heading leading-none',\n h2: 'pb-2 text-4xl font-bold tracking-tighter font-heading leading-none',\n h3: 'text-xl leading-none font-extralight',\n h4: 'pb-2 text-3xl font-bold tracking-tighter font-heading leading-none',\n }\n return ` ${styleClasses[props.fontStyle]} ${props.color}`;\n});\n\u003C/script>",{"__component":23,"id":490,"Text":491},232,"This is handy for keeping all heading styles consistent, and means you only have to change them in 1 place rather than multiple. \n\nIf you're using the `\u003Cscript setup>` you create your props by using the `defineProps` function. \n\n### Container component\n\nWe normally create a `Container` component in any site. It helps us consistently size, horizontally centre and add padding to its children. Lets add that into the components directory and should look like this:",{"__component":412,"id":493,"Code":494,"Type":422,"location":39,"language":39},117,"\u003Ctemplate>\n \u003Cdiv class=\"container px-4 mx-auto\">\n \u003Cslot />\n \u003C/div>\n\u003C/template>",{"__component":23,"id":496,"Text":497},233,"### Button component\n\nEvery project needs a button component, so let's go ahead and add that with it's two different styles. We pass in a theme prop that then is used to choose the set of classes that should be applied using a computed property. Here we will have multiple classes that apply to each of the button themes.",{"__component":412,"id":499,"Code":500,"Type":422,"location":39,"language":39},118,"\u003Ctemplate>\n \u003Cbutton v-bind=\"$attrs\" :class=\"classes\">\n \u003Cslot />\n \u003C/button>\n\u003C/template>\n\n\u003Cscript setup>\nimport { computed } from 'vue';\n\nconst props = defineProps({\n theme: {\n type: String,\n required: false,\n default: 'primary',\n validator: (value) => ['primary', 'secondary'].includes(value),\n },\n});\n\nconst classes = computed(() => {\n const themeClasses = {\n 'primary': 'px-6 py-4 text-2xl font-bold text-white shadow-xl bg-brand-orange font-heading rounded-none',\n 'secondary': 'px-6 py-4 text-2xl font-bold text-brand-orange border border-3 border-brand-orange font-heading rounded-none',\n }\n return themeClasses[props.theme];\n});\n\n\u003C/script>",{"__component":23,"id":223,"Text":502},"Right! Time to build out the footer, create a file in your components directory called footer.vue that will look something like this:",{"__component":412,"id":504,"Code":505,"Type":422,"location":39,"language":39},119,"\u003Ctemplate>\n \u003Cfooter class=\"py-12 text-white bg-brand-grey-800\">\n \u003CContainer class=\"grid grid-cols-12 gap-6\">\n \u003Cdiv class=\"col-span-12 md:col-span-6\">\n \u003Cimg :src=\"LogoWhite\" class=\"w-32\" alt=\"Pick a Sick Wick\" />\n \u003Cp\n class=\"py-4 md:w-4/5\"\n >Pick a Sick Wick is a JAMStack demo site built with Nuxt 3, Strapi 4 and Snipcart. If you are interested in how it was built, find out more here: JAMStack E-commerce with Nuxt 3, Strapi 4, and Snipcart.\u003C/p>\n \u003C/div>\n \u003Cdiv class=\"col-span-12 md:col-span-3\">\n \u003CHeading tag=\"h4\" font-style=\"h4\" color=\"text-white\">Menu\u003C/Heading>\n \u003Cul>\n \u003Cli class=\"underline list-disc list-inside\">\n \u003Cnuxt-link to=\"/\">Home\u003C/nuxt-link>\n \u003C/li>\n \u003Cli class=\"underline list-disc list-inside\">\n \u003Cnuxt-link to=\"/\">About\u003C/nuxt-link>\n \u003C/li>\n \u003Cli class=\"underline list-disc list-inside\">\n \u003Cnuxt-link to=\"/shop\">Shop\u003C/nuxt-link>\n \u003C/li>\n \u003Cli class=\"underline list-disc list-inside\">\n \u003Cnuxt-link to=\"/contact\">Contact\u003C/nuxt-link>\n \u003C/li>\n \u003C/ul>\n \u003C/div>\n \u003Cdiv class=\"col-span-12 md:col-span-3\">\n \u003CHeading tag=\"h4\" font-style=\"h4\" color=\"text-white\">Contact\u003C/Heading>\n \u003Cp>The Wick Factory,\u003C/p>\n \u003Cp>Flame Lane,\u003C/p>\n \u003Cp>Waxiton,\u003C/p>\n \u003Cp>BN1 5TB\u003C/p>\n \u003Cp>United Kingdom\u003C/p>\n \u003C/div>\n \u003C/Container>\n \u003C/footer>\n\u003C/template>\n\n\u003Cscript setup>\n// We have to import images like this because Nuxt build doesn't incude them otherwsie\nimport LogoWhite from 'assets/images/logo-white.svg';\n\u003C/script>",{"__component":23,"id":507,"Text":508},235,"Lets import them into the layout and check they're working, your `default.vue` should look something like this",{"__component":412,"id":368,"Code":510,"Type":422,"location":39,"language":39},"\u003Ctemplate>\n \u003Cdiv class=\"relative font-body\">\n \u003CHeaderSection />\n \u003Csection class=\"pt-12 bg-brand-beige-300\">\n \u003Cslot />\n \u003C/section>\n \u003CFooterSection />\n \u003C/div>\n\u003C/template>\n\n\u003Cstyle scoped>\nbody {\n -webkit-font-smoothing: antialiased;\n}\nheader {\n background: rgba(0, 0, 0, 0.1);\n}\n\u003C/style>",{"__component":23,"id":512,"Text":513},236,"Then your frontend should look like this:\n\n![Screenshot 2021-12-18 at 15.11.13.png](https://res.cloudinary.com/djyjvrw5u/image/upload/v1639842861/Screenshot_2021_12_18_at_15_11_13_376e18d126.png)\n\nLet's go update the juicy parts of the site, the main content. First we're going\n\nAdd a couple of new directories `assets/images` into the route of the director. Inside this we need to add in our main image that's going to sit at the top of the homepage.\n\n![header-bg.jpeg](https://res.cloudinary.com/djyjvrw5u/image/upload/v1639843001/header_bg_a7ae5ec534.jpg)\n\nNext update the `index.vue`\n",{"__component":412,"id":515,"Code":516,"Type":422,"location":39,"language":39},121,"\u003Ctemplate>\n \u003Cdiv>\n \u003Csection class=\"relative mb-20 -mt-24 border-b-4 md:mb-10 header border-brand-beige\">\n \u003Cdiv class=\"absolute inset-0 z-0 overflow-hidden\">\n \u003Cimg :src=\"HeaderBg\" class=\"object-cover w-full h-full\" alt=\"Pick a sick wick\" />\n \u003C/div>\n \u003Cdiv class=\"relative z-20 h-full header-content\">\n \u003Cdiv class=\"absolute flex flex-col justify-center p-8 mx-auto hero-box\">\n \u003Cdiv class=\"relative px-6 py-8 bg-white rounded-lg drop-shadow-2xl\">\n \u003CHeading tag=\"h3\" font-style=\"h3\">Smelly candles\u003C/Heading>\n \u003CHeading tag=\"h2\" font-style=\"h2\">Only the sickest wicks\u003C/Heading>\n \u003Cp class=\"pb-4 pr-4 text-brand-gray font-body\">\n If you’re like us and can’t get enough of burning\n things in your own home, pick a sick wick and\n \u003Cspan\n class=\"font-bold\"\n >feed your burning habbit safely with added benifit of smelling delicious.\u003C/span>\n \u003C/p>\n \u003CBtn class=\"absolute md:-right-3 md:-bottom-3\">Shop Now\u003C/Btn>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/section>\n \u003Csection class=\"mb-28\">\n \u003CContainer>\n \u003Cdiv class=\"w-full mx-auto mb-12 text-center md:w-2/3 lg:w-1/3\">\n \u003CHeading tag=\"h2\" font-style=\"h3\">Our Candles\u003C/Heading>\n \u003CHeading tag=\"h3\" font-style=\"h2\" class=\"mb-2\">Show me the sick wicks\u003C/Heading>\n \u003Cp>All our candles our hand made and 100% verified to satisfy any pyromaniac’s itch to burn things in a safe way.\u003C/p>\n \u003C/div>\n \u003Cdiv class=\"flex justify-center mt-10\">\n \u003CBtn theme=\"secondary\">View all the sick wicks\u003C/Btn>\n \u003C/div>\n \u003C/Container>\n \u003C/section>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup>\n//We we're having issues with Nuxt importing images into this template but this work around fixes things\nimport HeaderBg from 'assets/images/header-bg.jpg';\n\n\n\u003C/script>\n\n\u003Cstyle scoped>\n.header {\n height: 600px;\n\n}\n\n@screen md {\n .hero-box {\n left: 10%;\n top: 175px;\n width: 485px;\n }\n}\n@screen md {\n .header {\n height: 700px;\n }\n}\n\n@screen md {\n .home-head-image {\n top: -110px;\n height: 770px;\n width: 100%;\n }\n}\n\n.hero-box {\n bottom: -50px;\n left: 0px;\n width: 100%;\n}\n\n@screen md {\n .hero-box {\n left: 10%;\n top: 100px;\n width: 485px;\n }\n}\n\u003C/style>",{"__component":23,"id":518,"Text":519},237,"Okay great, you should now have something that looks like this now \n\n![Screenshot 2021-12-18 at 15.20.19.png](https://res.cloudinary.com/djyjvrw5u/image/upload/v1639842863/Screenshot_2021_12_18_at_15_20_19_0e262ce7c3.png)\n\n\nYayyy! One step closer to getting that shop of yours set up. That's the end of this tutorial, we hope it's been helpful and you've got a lot from it, if you have any questions feel free to get in touch and ask any more questions via our [website](https://www.pixelhop.io/contact/) or [Twitter](https://twitter.com/pixelhopio). Thanks for taking the time to read it. The next one is going to be about getting the products in from Strapi and it will be out very shortly. You can also subscribe to our newsletter on the right hand side of the page.\n\nThanks again! 👋 😘",{"id":521,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":525,"hash":546,"ext":34,"mime":37,"size":547,"url":548,"previewUrl":39,"provider":72,"provider_metadata":549,"created_at":550,"updated_at":550},387,"flux-final.png",900,675,{"small":526,"medium":532,"thumbnail":539},{"ext":34,"url":527,"hash":528,"mime":37,"name":529,"path":39,"size":530,"width":50,"height":311,"provider_metadata":531},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777374611/small_flux_final_a9e95b66bf.png","small_flux_final_a9e95b66bf","small_flux-final.png",377.61,{"public_id":528,"resource_type":44},{"ext":34,"url":533,"hash":534,"mime":37,"name":535,"path":39,"size":536,"width":58,"height":537,"provider_metadata":538},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777374610/medium_flux_final_a9e95b66bf.png","medium_flux_final_a9e95b66bf","medium_flux-final.png",855.61,563,{"public_id":534,"resource_type":44},{"ext":34,"url":540,"hash":541,"mime":37,"name":542,"path":39,"size":543,"width":544,"height":67,"provider_metadata":545},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777374609/thumbnail_flux_final_a9e95b66bf.png","thumbnail_flux_final_a9e95b66bf","thumbnail_flux-final.png",64.47,208,{"public_id":541,"resource_type":44},"flux_final_a9e95b66bf",997.46,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777374608/flux_final_a9e95b66bf.png",{"public_id":546,"resource_type":44},"2026-04-28T11:10:12.216Z",[552,557,563],{"id":78,"Name":553,"created_at":554,"updated_at":555,"slug":556},"Snipcart","2021-11-30T17:11:29.987Z","2021-11-30T17:11:30.012Z","snipcart",{"id":558,"Name":559,"created_at":560,"updated_at":561,"slug":562},18,"Nuxt","2021-05-14T18:15:21.431Z","2021-05-14T18:15:21.448Z","nuxt",{"id":270,"Name":564,"created_at":565,"updated_at":566,"slug":567},"Strapi","2020-04-27T18:46:12.512Z","2021-04-24T16:16:45.766Z","strapi",{"id":569,"Title":570,"user":571,"Summary":583,"created_at":584,"updated_at":585,"slug":392,"published_at":586,"release_date":587,"Layout":381,"Content":588,"Feature":1279,"tags":1302},19,"Building a JAMstack shop with Strapi 4, Nuxt 3, Snipcart - part 1",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":572},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":573,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":582,"created_at":374,"updated_at":374},{"large":574,"small":576,"medium":578,"thumbnail":580},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":575},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":577},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":579},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":581},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"This series of articles will show you how to build a JAMStack e-commerce shop using the latest tech; Nuxt 3 for the front-end, Strapi 4 for the CMS backend, and Snipcart to power the e-commerce. ","2021-11-24T08:33:06.561Z","2026-04-28T11:19:10.302Z","2021-11-30T16:24:07.509Z","2021-11-24",[589,591,594,597,600,603,606,649,652,693,696,739,742,785,788,830,833,875,878,920,923,965,968,1007,1010,1049,1051,1091,1094,1097,1100,1103,1106,1109,1112,1115,1118,1121,1124,1127,1130,1134,1137,1140,1143,1183,1186,1190,1193,1204,1207,1210,1213,1216,1219,1221,1224,1265,1268],{"__component":23,"id":544,"Text":590},"Here's a link to the shop that we've built, if you follow this series of blog posts this is what you'll also end up with [Pick a Sick Wick](https://pick-a-sick-wick.pixelhop.io/).\n\nWe've done our own designs for this little demo and they can be found [here](https://www.figma.com/file/mys8jJI7kb1gVhR43FqBWp/Pick-a-sick-wick?node-id=0%3A1), so as we take you through how to build this out, I will follow a design that we've done for this series.\n\nWatch the video or follow along below.\n\n\n\u003Cdiv style=\"position: relative; width: 100%; padding-bottom: 56.25%;\">\n\u003Ciframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\" loading=\"lazy\" src=\"https://www.youtube.com/embed/AZZ6M1YXWlk?si=sJIdDXzrSiW_BGdI\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen>\u003C/iframe>\n\u003C/div>\n\nIf you are the kind of person that likes to dive straight into code, we have created example repositories for both the Nuxt and Strapi parts:\n* Strapi 4 👉 \u003Ca href=\"https://github.com/pixelhop/pick-a-sick-wick-frontend\">https://github.com/pixelhop/pick-a-sick-wick-frontend\u003C/a>\n* Nuxt 3 👉 \u003Ca href=\"https://github.com/pixelhop/pick-a-sick-wick-backend/\">https://github.com/pixelhop/pick-a-sick-wick-backend/\u003C/a>\n\nI can't tell you how excited we've been, waiting in anticipation for Nuxt 3 and Strapi 4 to come out, and now they're here, and we're ready to get our hands dirty and start using them straight away. I've always wanted to build an online candle shop, so I thought now's the time, and I can show you how to do it too, so let us go and Pick a Sick Wick.\n\n## Project setup with Strapi and Nuxt\n\nIf you're the sort of person that likes to get straight into the code, then look no further; you can find the repos:\n\n- The front-end is using Nuxt 3, and the repo is here\n- The backend is using Strapi, and the repo can be found here\n\nFeel free to pull it down and dig in.\n\nHere's a step by step guide on how to build your own shop, so let's stop waffling and let's get building.\n\nJust to give you a little heads up, our folder structure is going to look something like this:\n\n![Screenshot 2021-11-26 at 15.47.02.png](https://res.cloudinary.com/djyjvrw5u/image/upload/v1638288755/Screenshot_2021_11_26_at_15_47_02_a5e7cfd9f8.png)\n",{"__component":23,"id":592,"Text":593},179,"Let's just create our folder and go into it, open up your terminal and run:",{"__component":412,"id":595,"Code":596,"Type":415,"location":39,"language":39},89,"take pick-a-wick",{"__component":23,"id":598,"Text":599},180,"## Strapi 4\n\nNow we're going to get Strapi 4 setup to create the data ready to be pulled through the Nuxt 3 front-end.",{"__component":412,"id":601,"Code":602,"Type":415,"location":39,"language":39},90,"npx create-strapi-app@beta backend --quickstart",{"__component":23,"id":604,"Text":605},181,"Let the terminal do the hard work for you, sit back have a sip of coffee and a biscuit. Once it's finished, a new tab will open in your browser here: http://localhost:1337/admin. You now just need to create your account.",{"__component":141,"id":607,"Size":608,"caption":39,"Image":609},63,"Small",[610],{"id":481,"name":611,"alternativeText":29,"caption":29,"width":612,"height":613,"formats":614,"hash":643,"ext":34,"mime":37,"size":644,"url":645,"previewUrl":39,"provider":72,"provider_metadata":646,"created_at":647,"updated_at":648},"1.png",1170,1796,{"large":615,"small":622,"medium":629,"thumbnail":636},{"ext":34,"url":616,"hash":617,"mime":37,"name":618,"path":39,"size":619,"width":620,"height":41,"provider_metadata":621},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741767/large_1_373dc07ff7.png","large_1_373dc07ff7","large_1.png",89.21,651,{"public_id":617,"resource_type":44},{"ext":34,"url":623,"hash":624,"mime":37,"name":625,"path":39,"size":626,"width":627,"height":50,"provider_metadata":628},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741770/small_1_373dc07ff7.png","small_1_373dc07ff7","small_1.png",33.1,326,{"public_id":624,"resource_type":44},{"ext":34,"url":630,"hash":631,"mime":37,"name":632,"path":39,"size":633,"width":634,"height":58,"provider_metadata":635},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741768/medium_1_373dc07ff7.png","medium_1_373dc07ff7","medium_1.png",58.05,489,{"public_id":631,"resource_type":44},{"ext":34,"url":637,"hash":638,"mime":37,"name":639,"path":39,"size":640,"width":641,"height":67,"provider_metadata":642},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741762/thumbnail_1_373dc07ff7.png","thumbnail_1_373dc07ff7","thumbnail_1.png",6.29,102,{"public_id":638,"resource_type":44},"1_373dc07ff7",95.09,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741760/1_373dc07ff7.png",{"public_id":643,"resource_type":44},"2021-11-24T08:16:11.216Z","2021-11-24T08:16:11.225Z",{"__component":23,"id":650,"Text":651},182,"Tada! How easy was that?! Here's your Strapi Dashboard; if you're used to using Strapi 3, you'll see some differences here; if you ask me (and I know you're not, but here's my opinion anyway 🙈), I think it looks a lot cleaner, lighter and nicer.",{"__component":141,"id":653,"Size":39,"caption":39,"Image":654},64,[655],{"id":318,"name":656,"alternativeText":29,"caption":29,"width":657,"height":658,"formats":659,"hash":687,"ext":34,"mime":37,"size":688,"url":689,"previewUrl":39,"provider":72,"provider_metadata":690,"created_at":691,"updated_at":692},"welcome.png",2664,1848,{"large":660,"small":667,"medium":674,"thumbnail":681},{"ext":34,"url":661,"hash":662,"mime":37,"name":663,"path":39,"size":664,"width":41,"height":665,"provider_metadata":666},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637742405/large_welcome_5bfbc36a34.png","large_welcome_5bfbc36a34","large_welcome.png",120.68,694,{"public_id":662,"resource_type":44},{"ext":34,"url":668,"hash":669,"mime":37,"name":670,"path":39,"size":671,"width":50,"height":672,"provider_metadata":673},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637742407/small_welcome_5bfbc36a34.png","small_welcome_5bfbc36a34","small_welcome.png",43.91,347,{"public_id":669,"resource_type":44},{"ext":34,"url":675,"hash":676,"mime":37,"name":677,"path":39,"size":678,"width":58,"height":679,"provider_metadata":680},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637742406/medium_welcome_5bfbc36a34.png","medium_welcome_5bfbc36a34","medium_welcome.png",79.74,520,{"public_id":676,"resource_type":44},{"ext":34,"url":682,"hash":683,"mime":37,"name":684,"path":39,"size":685,"width":448,"height":67,"provider_metadata":686},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637742403/thumbnail_welcome_5bfbc36a34.png","thumbnail_welcome_5bfbc36a34","thumbnail_welcome.png",13.55,{"public_id":683,"resource_type":44},"welcome_5bfbc36a34",274.41,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637742402/welcome_5bfbc36a34.png",{"public_id":687,"resource_type":44},"2021-11-24T08:26:47.840Z","2021-11-24T08:26:47.857Z",{"__component":23,"id":694,"Text":695},183,"Let's jump in and start creating the architecture of the products by creating a collection type.",{"__component":141,"id":697,"Size":39,"caption":39,"Image":698},65,[699],{"id":700,"name":701,"alternativeText":29,"caption":29,"width":702,"height":703,"formats":704,"hash":733,"ext":34,"mime":37,"size":734,"url":735,"previewUrl":39,"provider":72,"provider_metadata":736,"created_at":737,"updated_at":738},122,"2.png",2660,1396,{"large":705,"small":712,"medium":719,"thumbnail":726},{"ext":34,"url":706,"hash":707,"mime":37,"name":708,"path":39,"size":709,"width":41,"height":710,"provider_metadata":711},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741770/large_2_62fdf4a8e3.png","large_2_62fdf4a8e3","large_2.png",78.72,525,{"public_id":707,"resource_type":44},{"ext":34,"url":713,"hash":714,"mime":37,"name":715,"path":39,"size":716,"width":50,"height":717,"provider_metadata":718},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741772/small_2_62fdf4a8e3.png","small_2_62fdf4a8e3","small_2.png",28.9,262,{"public_id":714,"resource_type":44},{"ext":34,"url":720,"hash":721,"mime":37,"name":722,"path":39,"size":723,"width":58,"height":724,"provider_metadata":725},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741771/medium_2_62fdf4a8e3.png","medium_2_62fdf4a8e3","medium_2.png",52.18,394,{"public_id":721,"resource_type":44},{"ext":34,"url":727,"hash":728,"mime":37,"name":729,"path":39,"size":730,"width":256,"height":731,"provider_metadata":732},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741765/thumbnail_2_62fdf4a8e3.png","thumbnail_2_62fdf4a8e3","thumbnail_2.png",10.6,128,{"public_id":728,"resource_type":44},"2_62fdf4a8e3",165.58,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741761/2_62fdf4a8e3.png",{"public_id":733,"resource_type":44},"2021-11-24T08:16:13.089Z","2021-11-24T08:16:13.096Z",{"__component":23,"id":740,"Text":741},184,"Create the collection type like so:",{"__component":141,"id":743,"Size":39,"caption":39,"Image":744},66,[745],{"id":463,"name":746,"alternativeText":29,"caption":747,"width":748,"height":749,"formats":750,"hash":779,"ext":34,"mime":37,"size":780,"url":781,"previewUrl":39,"provider":72,"provider_metadata":782,"created_at":783,"updated_at":784},"3.png","Note: I should have probably called this 'Products'.",1714,928,{"large":751,"small":758,"medium":765,"thumbnail":772},{"ext":34,"url":752,"hash":753,"mime":37,"name":754,"path":39,"size":755,"width":41,"height":756,"provider_metadata":757},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741765/large_3_d2e5614baf.png","large_3_d2e5614baf","large_3.png",65.51,541,{"public_id":753,"resource_type":44},{"ext":34,"url":759,"hash":760,"mime":37,"name":761,"path":39,"size":762,"width":50,"height":763,"provider_metadata":764},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741768/small_3_d2e5614baf.png","small_3_d2e5614baf","small_3.png",24.65,271,{"public_id":760,"resource_type":44},{"ext":34,"url":766,"hash":767,"mime":37,"name":768,"path":39,"size":769,"width":58,"height":770,"provider_metadata":771},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741767/medium_3_d2e5614baf.png","medium_3_d2e5614baf","medium_3.png",43.05,406,{"public_id":767,"resource_type":44},{"ext":34,"url":773,"hash":774,"mime":37,"name":775,"path":39,"size":776,"width":256,"height":777,"provider_metadata":778},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741761/thumbnail_3_d2e5614baf.png","thumbnail_3_d2e5614baf","thumbnail_3.png",9.16,133,{"public_id":774,"resource_type":44},"3_d2e5614baf",69.28,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741759/3_d2e5614baf.png",{"public_id":779,"resource_type":44},"2021-11-24T08:16:10.456Z","2021-11-24T08:28:47.858Z",{"__component":23,"id":786,"Text":787},185,"Then add in the fields you require; for now, we'll add in these fields :\n\n- **Title** - Text field\n- **Description** **-** Text field\n- **Image -** Media field\n- **Prices -** Number field\n ",{"__component":141,"id":789,"Size":39,"caption":39,"Image":790},67,[791],{"id":487,"name":792,"alternativeText":29,"caption":29,"width":793,"height":794,"formats":795,"hash":824,"ext":34,"mime":37,"size":825,"url":826,"previewUrl":39,"provider":72,"provider_metadata":827,"created_at":828,"updated_at":829},"4.png",1694,1384,{"large":796,"small":803,"medium":810,"thumbnail":817},{"ext":34,"url":797,"hash":798,"mime":37,"name":799,"path":39,"size":800,"width":41,"height":801,"provider_metadata":802},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741767/large_4_59952287c4.png","large_4_59952287c4","large_4.png",132.93,817,{"public_id":798,"resource_type":44},{"ext":34,"url":804,"hash":805,"mime":37,"name":806,"path":39,"size":807,"width":50,"height":808,"provider_metadata":809},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741770/small_4_59952287c4.png","small_4_59952287c4","small_4.png",51.61,409,{"public_id":805,"resource_type":44},{"ext":34,"url":811,"hash":812,"mime":37,"name":813,"path":39,"size":814,"width":58,"height":815,"provider_metadata":816},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741768/medium_4_59952287c4.png","medium_4_59952287c4","medium_4.png",89.28,613,{"public_id":812,"resource_type":44},{"ext":34,"url":818,"hash":819,"mime":37,"name":820,"path":39,"size":821,"width":822,"height":67,"provider_metadata":823},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741762/thumbnail_4_59952287c4.png","thumbnail_4_59952287c4","thumbnail_4.png",12.3,191,{"public_id":819,"resource_type":44},"4_59952287c4",125.68,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741760/4_59952287c4.png",{"public_id":824,"resource_type":44},"2021-11-24T08:16:11.311Z","2021-11-24T08:16:11.320Z",{"__component":23,"id":831,"Text":832},186,"Now that you've added in your fields, make sure you save the collection. Your fields should look something like this:",{"__component":141,"id":834,"Size":39,"caption":39,"Image":835},68,[836],{"id":493,"name":837,"alternativeText":29,"caption":29,"width":838,"height":839,"formats":840,"hash":869,"ext":34,"mime":37,"size":870,"url":871,"previewUrl":39,"provider":72,"provider_metadata":872,"created_at":873,"updated_at":874},"5.png",2228,1230,{"large":841,"small":848,"medium":855,"thumbnail":862},{"ext":34,"url":842,"hash":843,"mime":37,"name":844,"path":39,"size":845,"width":41,"height":846,"provider_metadata":847},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741767/large_5_a2379ff15d.png","large_5_a2379ff15d","large_5.png",54.02,552,{"public_id":843,"resource_type":44},{"ext":34,"url":849,"hash":850,"mime":37,"name":851,"path":39,"size":852,"width":50,"height":853,"provider_metadata":854},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741770/small_5_a2379ff15d.png","small_5_a2379ff15d","small_5.png",20.8,276,{"public_id":850,"resource_type":44},{"ext":34,"url":856,"hash":857,"mime":37,"name":858,"path":39,"size":859,"width":58,"height":860,"provider_metadata":861},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741768/medium_5_a2379ff15d.png","medium_5_a2379ff15d","medium_5.png",36.69,414,{"public_id":857,"resource_type":44},{"ext":34,"url":863,"hash":864,"mime":37,"name":865,"path":39,"size":866,"width":256,"height":867,"provider_metadata":868},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741762/thumbnail_5_a2379ff15d.png","thumbnail_5_a2379ff15d","thumbnail_5.png",7.74,135,{"public_id":864,"resource_type":44},"5_a2379ff15d",87.83,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741760/5_a2379ff15d.png",{"public_id":869,"resource_type":44},"2021-11-24T08:16:11.364Z","2021-11-24T08:16:11.373Z",{"__component":23,"id":876,"Text":877},187,"Click the button in the top left and go to `Content Manager` > `Products` and, let's add in some new entries; for me, I'm going to be adding in some candles.",{"__component":141,"id":879,"Size":39,"caption":39,"Image":880},69,[881],{"id":515,"name":882,"alternativeText":29,"caption":29,"width":883,"height":884,"formats":885,"hash":914,"ext":34,"mime":37,"size":915,"url":916,"previewUrl":39,"provider":72,"provider_metadata":917,"created_at":918,"updated_at":919},"6.png",3176,1992,{"large":886,"small":893,"medium":900,"thumbnail":907},{"ext":34,"url":887,"hash":888,"mime":37,"name":889,"path":39,"size":890,"width":41,"height":891,"provider_metadata":892},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741770/large_6_c4801b4155.png","large_6_c4801b4155","large_6.png",61.67,627,{"public_id":888,"resource_type":44},{"ext":34,"url":894,"hash":895,"mime":37,"name":896,"path":39,"size":897,"width":50,"height":898,"provider_metadata":899},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741772/small_6_c4801b4155.png","small_6_c4801b4155","small_6.png",22.97,314,{"public_id":895,"resource_type":44},{"ext":34,"url":901,"hash":902,"mime":37,"name":903,"path":39,"size":904,"width":58,"height":905,"provider_metadata":906},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741771/medium_6_c4801b4155.png","medium_6_c4801b4155","medium_6.png",40.87,470,{"public_id":902,"resource_type":44},{"ext":34,"url":908,"hash":909,"mime":37,"name":910,"path":39,"size":911,"width":256,"height":912,"provider_metadata":913},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741767/thumbnail_6_c4801b4155.png","thumbnail_6_c4801b4155","thumbnail_6.png",8.47,154,{"public_id":909,"resource_type":44},"6_c4801b4155",204.04,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741762/6_c4801b4155.png",{"public_id":914,"resource_type":44},"2021-11-24T08:16:12.979Z","2021-11-24T08:16:12.988Z",{"__component":23,"id":921,"Text":922},188,"Click `Add new entry` and fill out all the data; once you're done, click `Save` and `Publish` and add in a couple more. We have added in some silly joke names because we thought it was funny haha. ",{"__component":141,"id":924,"Size":39,"caption":39,"Image":925},70,[926],{"id":499,"name":927,"alternativeText":29,"caption":29,"width":928,"height":929,"formats":930,"hash":959,"ext":34,"mime":37,"size":960,"url":961,"previewUrl":39,"provider":72,"provider_metadata":962,"created_at":963,"updated_at":964},"7.png",3228,1744,{"large":931,"small":938,"medium":945,"thumbnail":952},{"ext":34,"url":932,"hash":933,"mime":37,"name":934,"path":39,"size":935,"width":41,"height":936,"provider_metadata":937},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741770/large_7_0586a30050.png","large_7_0586a30050","large_7.png",63.1,540,{"public_id":933,"resource_type":44},{"ext":34,"url":939,"hash":940,"mime":37,"name":941,"path":39,"size":942,"width":50,"height":943,"provider_metadata":944},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741772/small_7_0586a30050.png","small_7_0586a30050","small_7.png",23.52,270,{"public_id":940,"resource_type":44},{"ext":34,"url":946,"hash":947,"mime":37,"name":948,"path":39,"size":949,"width":58,"height":950,"provider_metadata":951},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741771/medium_7_0586a30050.png","medium_7_0586a30050","medium_7.png",43.16,405,{"public_id":947,"resource_type":44},{"ext":34,"url":953,"hash":954,"mime":37,"name":955,"path":39,"size":956,"width":256,"height":957,"provider_metadata":958},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741767/thumbnail_7_0586a30050.png","thumbnail_7_0586a30050","thumbnail_7.png",8.87,132,{"public_id":954,"resource_type":44},"7_0586a30050",214.35,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741762/7_0586a30050.png",{"public_id":959,"resource_type":44},"2021-11-24T08:16:12.712Z","2021-11-24T08:16:12.720Z",{"__component":23,"id":966,"Text":967},189,"Wahoooo, now you should have a list of products 🕯🛍 !!",{"__component":141,"id":969,"Size":39,"caption":39,"Image":970},71,[971],{"id":475,"name":972,"alternativeText":29,"caption":29,"width":973,"height":974,"formats":975,"hash":1001,"ext":34,"mime":37,"size":1002,"url":1003,"previewUrl":39,"provider":72,"provider_metadata":1004,"created_at":1005,"updated_at":1006},"8.png",2200,1076,{"large":976,"small":982,"medium":988,"thumbnail":995},{"ext":34,"url":977,"hash":978,"mime":37,"name":979,"path":39,"size":980,"width":41,"height":634,"provider_metadata":981},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741765/large_8_cfcf374550.png","large_8_cfcf374550","large_8.png",67.68,{"public_id":978,"resource_type":44},{"ext":34,"url":983,"hash":984,"mime":37,"name":985,"path":39,"size":986,"width":50,"height":256,"provider_metadata":987},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741770/small_8_cfcf374550.png","small_8_cfcf374550","small_8.png",26.21,{"public_id":984,"resource_type":44},{"ext":34,"url":989,"hash":990,"mime":37,"name":991,"path":39,"size":992,"width":58,"height":993,"provider_metadata":994},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741767/medium_8_cfcf374550.png","medium_8_cfcf374550","medium_8.png",45.81,367,{"public_id":990,"resource_type":44},{"ext":34,"url":996,"hash":997,"mime":37,"name":998,"path":39,"size":999,"width":256,"height":368,"provider_metadata":1000},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741762/thumbnail_8_cfcf374550.png","thumbnail_8_cfcf374550","thumbnail_8.png",9.75,{"public_id":997,"resource_type":44},"8_cfcf374550",99.24,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741760/8_cfcf374550.png",{"public_id":1001,"resource_type":44},"2021-11-24T08:16:11.176Z","2021-11-24T08:16:11.186Z",{"__component":23,"id":1008,"Text":1009},190,"Now, all we need to do is make the product content public to fetch it from the frontend. To do this go to `General` > `Settings` > `Users & Permission Plugin` > `Roles`.",{"__component":141,"id":1011,"Size":39,"caption":39,"Image":1012},72,[1013],{"id":368,"name":1014,"alternativeText":29,"caption":29,"width":1015,"height":1016,"formats":1017,"hash":1043,"ext":34,"mime":37,"size":1044,"url":1045,"previewUrl":39,"provider":72,"provider_metadata":1046,"created_at":1047,"updated_at":1048},"9.png",3230,1494,{"large":1018,"small":1025,"medium":1031,"thumbnail":1037},{"ext":34,"url":1019,"hash":1020,"mime":37,"name":1021,"path":39,"size":1022,"width":41,"height":1023,"provider_metadata":1024},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741771/large_9_36f487f2e5.png","large_9_36f487f2e5","large_9.png",66.09,463,{"public_id":1020,"resource_type":44},{"ext":34,"url":1026,"hash":1027,"mime":37,"name":1028,"path":39,"size":1029,"width":50,"height":484,"provider_metadata":1030},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741772/small_9_36f487f2e5.png","small_9_36f487f2e5","small_9.png",23.76,{"public_id":1027,"resource_type":44},{"ext":34,"url":1032,"hash":1033,"mime":37,"name":1034,"path":39,"size":1035,"width":58,"height":672,"provider_metadata":1036},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741771/medium_9_36f487f2e5.png","medium_9_36f487f2e5","medium_9.png",43.6,{"public_id":1033,"resource_type":44},{"ext":34,"url":1038,"hash":1039,"mime":37,"name":1040,"path":39,"size":1041,"width":256,"height":469,"provider_metadata":1042},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741767/thumbnail_9_36f487f2e5.png","thumbnail_9_36f487f2e5","thumbnail_9.png",8.67,{"public_id":1039,"resource_type":44},"9_36f487f2e5",203.39,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741762/9_36f487f2e5.png",{"public_id":1043,"resource_type":44},"2021-11-24T08:16:12.864Z","2021-11-24T08:16:12.875Z",{"__component":23,"id":822,"Text":1050},"Click Public and open out the Product accordion and check to find and findone; finally, just save it, and your products data should now be public.",{"__component":141,"id":1052,"Size":39,"caption":39,"Image":1053},73,[1054],{"id":504,"name":1055,"alternativeText":29,"caption":29,"width":1056,"height":1057,"formats":1058,"hash":1085,"ext":34,"mime":37,"size":1086,"url":1087,"previewUrl":39,"provider":72,"provider_metadata":1088,"created_at":1089,"updated_at":1090},"10.png",2162,1832,{"large":1059,"small":1066,"medium":1073,"thumbnail":1079},{"ext":34,"url":1060,"hash":1061,"mime":37,"name":1062,"path":39,"size":1063,"width":41,"height":1064,"provider_metadata":1065},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741770/large_10_8068c3fb8e.png","large_10_8068c3fb8e","large_10.png",97.77,847,{"public_id":1061,"resource_type":44},{"ext":34,"url":1067,"hash":1068,"mime":37,"name":1069,"path":39,"size":1070,"width":50,"height":1071,"provider_metadata":1072},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741772/small_10_8068c3fb8e.png","small_10_8068c3fb8e","small_10.png",36.57,424,{"public_id":1068,"resource_type":44},{"ext":34,"url":1074,"hash":1075,"mime":37,"name":1076,"path":39,"size":116,"width":58,"height":1077,"provider_metadata":1078},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741771/medium_10_8068c3fb8e.png","medium_10_8068c3fb8e","medium_10.png",636,{"public_id":1075,"resource_type":44},{"ext":34,"url":1080,"hash":1081,"mime":37,"name":1082,"path":39,"size":1083,"width":740,"height":67,"provider_metadata":1084},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741763/thumbnail_10_8068c3fb8e.png","thumbnail_10_8068c3fb8e","thumbnail_10.png",8.82,{"public_id":1081,"resource_type":44},"10_8068c3fb8e",152.81,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741761/10_8068c3fb8e.png",{"public_id":1085,"resource_type":44},"2021-11-24T08:16:12.855Z","2021-11-24T08:16:12.865Z",{"__component":23,"id":1092,"Text":1093},192,"You should now be able to go [http://localhost:1337/api/products](http://localhost:1337/api/products) and see a JSON blob with all your products in.\n\n## Nuxt 3\n\nWahoooo, now you're backend is all set up and ready to party; let's move on to the frontend and set up Nuxt 3. Open up terminal and type:",{"__component":412,"id":1095,"Code":1096,"Type":415,"location":39,"language":39},91,"// pick-a-wick is the name of the directory the Nuxt installation will save into\nnpx nuxi init frontend",{"__component":23,"id":1098,"Text":1099},193,"Now just head into that directory:",{"__component":412,"id":1101,"Code":1102,"Type":415,"location":39,"language":39},92,"cd frontend",{"__component":23,"id":1104,"Text":1105},194,"Install all of the dependencies:",{"__component":412,"id":1107,"Code":1108,"Type":415,"location":39,"language":39},93,"npm install",{"__component":23,"id":1110,"Text":1111},195,"If you're anything like us, we use Taliwind on every project, and this one is no different. So let's get that setup:",{"__component":412,"id":1113,"Code":1114,"Type":415,"location":39,"language":39},94,"npm install -D tailwindcss@latest postcss@latest autoprefixer@latest",{"__component":23,"id":1116,"Text":1117},196,"Generate the Tailwind and Postcss config files",{"__component":412,"id":1119,"Code":1120,"Type":415,"location":39,"language":39},95,"npx tailwindcss init -p",{"__component":23,"id":1122,"Text":1123},197,"Time to open up your code in your chosen editor; for me, it's VSCode; just do that from the command line, like so:",{"__component":412,"id":1125,"Code":1126,"Type":415,"location":39,"language":39},96,"code .",{"__component":23,"id":1128,"Text":1129},198,"You will need to add some config to your `nuxt.config.ts` file, lets also add in the Google fonts whilst we are here. The ones we're using are [Playfair Display](https://fonts.google.com/specimen/Playfair+Display) and [Source Sans Pro](https://fonts.google.com/specimen/Source+Sans+Pro).\n\nYour code config file should look like this:",{"__component":412,"id":1131,"Code":1132,"Type":422,"location":1133,"language":39},97,"import { defineNuxtConfig } from 'nuxt3'\n\nexport default defineNuxtConfig({\n // Add entry css file\n css: ['tailwindcss/tailwind.css'],\n build: {\n postcss: {\n // add Postcss options\n postcssOptions: require('./postcss.config.js'),\n },\n },\n meta: {\n link: [\n { rel: 'preconnect', href: 'https://fonts.googleapis.com' },\n { rel: 'preconnect', href: 'https://fonts.gstatic.com' },\n { href: 'https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap', rel: 'stylesheet' }\n ]\n }\n\n})","app/src/nuxt.config.js",{"__component":23,"id":1135,"Text":1136},199,"Finally, let's get it up and running, one thing to note is your Node version needs to be 14 or higher. So, go to your terminal and type:",{"__component":412,"id":1138,"Code":1139,"Type":415,"location":39,"language":39},98,"npm run dev\n",{"__component":23,"id":1141,"Text":1142},200,"Wahoooo!! How easy was that!? Your Nuxt site should now be up and running, if you've nothing else running, it will probably be on port 3000, and the URL will be http://localhost:3000/. Open it up and go check it out. You should have something like this:",{"__component":141,"id":1144,"Size":39,"caption":39,"Image":1145},74,[1146],{"id":469,"name":1147,"alternativeText":29,"caption":29,"width":1148,"height":1149,"formats":1150,"hash":1177,"ext":34,"mime":37,"size":1178,"url":1179,"previewUrl":39,"provider":72,"provider_metadata":1180,"created_at":1181,"updated_at":1182},"11.png",2166,1136,{"large":1151,"small":1158,"medium":1164,"thumbnail":1171},{"ext":34,"url":1152,"hash":1153,"mime":37,"name":1154,"path":39,"size":1155,"width":41,"height":1156,"provider_metadata":1157},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741767/large_11_247a4e09c9.png","large_11_247a4e09c9","large_11.png",74.95,524,{"public_id":1153,"resource_type":44},{"ext":34,"url":1159,"hash":1160,"mime":37,"name":1161,"path":39,"size":1162,"width":50,"height":717,"provider_metadata":1163},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741770/small_11_247a4e09c9.png","small_11_247a4e09c9","small_11.png",26.49,{"public_id":1160,"resource_type":44},{"ext":34,"url":1165,"hash":1166,"mime":37,"name":1167,"path":39,"size":1168,"width":58,"height":1169,"provider_metadata":1170},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741768/medium_11_247a4e09c9.png","medium_11_247a4e09c9","medium_11.png",48.78,393,{"public_id":1166,"resource_type":44},{"ext":34,"url":1172,"hash":1173,"mime":37,"name":1174,"path":39,"size":1175,"width":256,"height":731,"provider_metadata":1176},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741762/thumbnail_11_247a4e09c9.png","thumbnail_11_247a4e09c9","thumbnail_11.png",8.88,{"public_id":1173,"resource_type":44},"11_247a4e09c9",107.44,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741760/11_247a4e09c9.png",{"public_id":1177,"resource_type":44},"2021-11-24T08:16:11.129Z","2021-11-24T08:16:11.139Z",{"__component":23,"id":1184,"Text":1185},201,"To check you've got Tailwind up and running okay, you can head back over to the code base and into the `app.vue` file and add a Tailwind class around",{"__component":412,"id":1187,"Code":1188,"Type":1189,"location":39,"language":39},99,"\u003Ctemplate>\n \u003Cdiv>\n \u003Ch1 class=\"text-red-500 bg-green-200\">This is a title\u003C/h1>\n \u003C/div>\n\u003C/template>","html",{"__component":23,"id":1191,"Text":1192},202,"On the frontend you should see something beautiful like this.",{"__component":141,"id":1194,"Size":608,"caption":39,"Image":1195},75,[1196],{"id":451,"name":1197,"alternativeText":29,"caption":29,"width":417,"height":653,"formats":39,"hash":1198,"ext":34,"mime":37,"size":1199,"url":1200,"previewUrl":39,"provider":72,"provider_metadata":1201,"created_at":1202,"updated_at":1203},"12.png","12_f5a68de443",3.59,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741758/12_f5a68de443.png",{"public_id":1198,"resource_type":44},"2021-11-24T08:15:58.543Z","2021-11-24T08:15:58.573Z",{"__component":23,"id":1205,"Text":1206},203,"\nWe've done some designs for this project, so I'll be following them whilst going through this tutorial.\nBefore we go on let's add in some default colours and fonts into tailwind.config.js.",{"__component":412,"id":1208,"Code":1209,"Type":422,"location":39,"language":39},100,"module.exports = {\n purge: [\n \"./components/**/*.{vue,js}\",\n \"./layouts/**/*.vue\",\n \"./pages/**/*.vue\",\n \"./plugins/**/*.{js,ts}\",\n \"./nuxt.config.{js,ts}\",\n \"./app.vue\",\n ],\n mode: 'jit',\n darkMode: false, // or 'media' or 'class'\n theme: {\n extend: {\n colors: {\n 'brand-grey': {\n 300: '#828282',\n DEFAULT: '#898989',\n 500: '#B5B5B5',\n 600: '#5E5E5E',\n 800: '#383838',\n },\n 'brand-beige': {\n 100: '#E5E5E5',\n 200: '#E3D9CD',\n 300: '#EAE5E0',\n DEFAULT: '#E9BA9E',\n },\n 'brand-brown-500': '#4E3924',\n 'brand-orange': '#FF6721',\n },\n fontFamily: {\n 'heading': ['Playfair Display', 'serif'],\n 'body': ['Source Sans Pro'],\n }\n },\n\n },\n variants: {\n extend: {},\n },\n plugins: [\n require('@tailwindcss/aspect-ratio'),\n ],\n}\n",{"__component":23,"id":1211,"Text":1212},204,"Right, we're making headway now; if you're still with me, thank you, I'm pleased I've not bored you too much so far, hehe, and if you're not, I totally understand.\nTime to get the products from Strapi coming out in the front-end. Buckle up this is going to be fun.\nIn the root folder, create a new directory called `pages` within that create a page called `index.vue`. This is going to be the new homepage. We're going to tidy it up and split everything into its own components in the blog post, but for the time being, we just want to try and get the data back from Strapi.\nFirst, we want to fetch all the data, then we want to loop over all the products and put the data out onto the homepage using Nuxt 3, this is really easy to do and the code is fetch the data is only 1 line, sexy if you ask me. useFetch is a global helper function provided by Nuxt 3 that will load the data for the page server side, or during static generation of the page.\n\n`\u003Cscript setup>` allows you to use the more streamline syntax to create your Vue components (e.g. you don't have to register components or create data objects).",{"__component":412,"id":1214,"Code":1215,"Type":422,"location":39,"language":39},101,"\u003Ctemplate>\n \u003Cdiv>\n \u003Cdiv v-for=\"product in products.data\" :key=\"product.id\">\n \u003Cnuxt-link :to=\"`/products/${product.id}`\">\n \u003Ch1 class=\"font-bold\">{{ product.attributes.Title }}\u003C/h1>\n {{ product.attributes.Description }}\n \u003C/nuxt-link>\n \u003C/div>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup>\n const { data: products } = await useFetch('http://localhost:1337/api/products')\n\u003C/script>",{"__component":23,"id":1217,"Text":1218},205,"To get the index page showing we just need to edit our `app.vue` file to look like this. This is the route file that kicks everything off. Nuxt page is a component that is added by Nuxt and provides a location for your Nuxt pages to appear.",{"__component":412,"id":641,"Code":1220,"Type":1189,"location":39,"language":39},"\u003Ctemplate>\n \u003CNuxtPage/>\n\u003C/template>",{"__component":23,"id":1222,"Text":1223},206,"If you check your browser you should have the title and description of your products wooooo 🎉",{"__component":141,"id":1225,"Size":39,"caption":39,"Image":1226},76,[1227],{"id":457,"name":1228,"alternativeText":29,"caption":29,"width":1229,"height":1230,"formats":1231,"hash":1259,"ext":34,"mime":37,"size":1260,"url":1261,"previewUrl":39,"provider":72,"provider_metadata":1262,"created_at":1263,"updated_at":1264},"13.png",1184,608,{"large":1232,"small":1239,"medium":1246,"thumbnail":1252},{"ext":34,"url":1233,"hash":1234,"mime":37,"name":1235,"path":39,"size":1236,"width":41,"height":1237,"provider_metadata":1238},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741762/large_13_93e52c248e.png","large_13_93e52c248e","large_13.png",98.2,514,{"public_id":1234,"resource_type":44},{"ext":34,"url":1240,"hash":1241,"mime":37,"name":1242,"path":39,"size":1243,"width":50,"height":1244,"provider_metadata":1245},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741767/small_13_93e52c248e.png","small_13_93e52c248e","small_13.png",39.03,257,{"public_id":1241,"resource_type":44},{"ext":34,"url":1247,"hash":1248,"mime":37,"name":1249,"path":39,"size":1250,"width":58,"height":288,"provider_metadata":1251},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741765/medium_13_93e52c248e.png","medium_13_93e52c248e","medium_13.png",67.3,{"public_id":1248,"resource_type":44},{"ext":34,"url":1253,"hash":1254,"mime":37,"name":1255,"path":39,"size":1256,"width":256,"height":1257,"provider_metadata":1258},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741760/thumbnail_13_93e52c248e.png","thumbnail_13_93e52c248e","thumbnail_13.png",13.72,126,{"public_id":1254,"resource_type":44},"13_93e52c248e",60.55,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1637741758/13_93e52c248e.png",{"public_id":1259,"resource_type":44},"2021-11-24T08:16:07.825Z","2021-11-24T08:16:07.866Z",{"__component":23,"id":1266,"Text":1267},207,"\nWooo! Fingers crossed that's all working for you but if you have any questions feel free to get in touch and ask any more questions via our [website](https://www.pixelhop.io/contact/) or [Twitter](https://twitter.com/pixelhopio). There's going to be a few more blog posts in this series, so feel free to [subscribe to our newsletter](https://www.getrevue.co/profile/pixelhop?via=twitter-profile-webview) to find when they've been released.\n\nThank you for reading and next we will be building out the design, and all of the components etc. Once we've got it working we will then integrate Snipcart. And it won't be too long until you can have your own shop.",{"__component":269,"id":1269,"title":271,"blog_series":39,"post_link":1270},38,[1271,1273,1275,1277],{"id":1272,"title":391,"slug":392,"description":393,"blog_series":39},50,{"id":1274,"title":396,"slug":378,"description":397,"blog_series":39},51,{"id":1276,"title":400,"slug":401,"description":402,"blog_series":39},52,{"id":1278,"title":405,"slug":406,"description":407,"blog_series":39},53,{"id":1280,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":1281,"hash":1297,"ext":34,"mime":37,"size":1298,"url":1299,"previewUrl":39,"provider":72,"provider_metadata":1300,"created_at":1301,"updated_at":1301},388,{"small":1282,"medium":1287,"thumbnail":1292},{"ext":34,"url":1283,"hash":1284,"mime":37,"name":529,"path":39,"size":1285,"width":50,"height":311,"provider_metadata":1286},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375149/small_flux_final_b62ffae565.png","small_flux_final_b62ffae565",356.42,{"public_id":1284,"resource_type":44},{"ext":34,"url":1288,"hash":1289,"mime":37,"name":535,"path":39,"size":1290,"width":58,"height":537,"provider_metadata":1291},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375148/medium_flux_final_b62ffae565.png","medium_flux_final_b62ffae565",822.3,{"public_id":1289,"resource_type":44},{"ext":34,"url":1293,"hash":1294,"mime":37,"name":542,"path":39,"size":1295,"width":544,"height":67,"provider_metadata":1296},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375147/thumbnail_flux_final_b62ffae565.png","thumbnail_flux_final_b62ffae565",61.33,{"public_id":1294,"resource_type":44},"flux_final_b62ffae565",955.53,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375146/flux_final_b62ffae565.png",{"public_id":1297,"resource_type":44},"2026-04-28T11:19:09.621Z",[1303,1304,1305],{"id":270,"Name":564,"created_at":565,"updated_at":566,"slug":567},{"id":558,"Name":559,"created_at":560,"updated_at":561,"slug":562},{"id":78,"Name":553,"created_at":554,"updated_at":555,"slug":556},{"id":558,"Title":1307,"user":1308,"Summary":1320,"created_at":1321,"updated_at":1322,"slug":1323,"published_at":1324,"release_date":1325,"Layout":381,"Content":1326,"Feature":1495,"tags":1518},"Trick or Treat design elements and animations",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":1309},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":1310,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":1319,"created_at":374,"updated_at":374},{"large":1311,"small":1313,"medium":1315,"thumbnail":1317},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":1312},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":1314},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":1316},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":1318},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"In this blog post, we will pull out some of the design elements and animations and talk about them. We really enjoyed this project because it allowed us to add in many fun things; we added a lot of animations to give that extra special ingredient in our cauldron to make it a potent potion. ","2021-10-29T13:44:53.914Z","2026-04-28T11:20:36.256Z","trick-or-treat-design-elements-and-animations","2021-10-29T13:50:45.750Z","2021-10-29",[1327,1330,1370,1372,1388,1391,1425,1436,1439,1450,1453,1464,1467,1478,1481,1492],{"__component":23,"id":1328,"Text":1329},171,"We've recently built and launched trick or treat, a fun little mini-experiment web project that uses pose detection to skeletonise your body in real-time. We've written in more detail what this [here](https://www.pixelhop.io/writing/trick-or-treat-halloween-experiment/), or why not just head straight to the project [here](https://trick-or-treat.pixelhop.io/).\n\nIn all honesty, we had to refrain from spending loads of time adding lots of animations, but we had to draw the line somewhere.\n\n## Landing page 💜 🎃\n\nOne thing we would have loved to add but didn't have time was an animation of a hand or body coming out of the ground by the graveyard, but you never know; maybe we will be able to in the future.\n\nWe wanted the landing page to be tongue-in-cheek, colourful, vibrant, and playful. Trick or Treat was just a bit of fun, with some cool technologies used in the background. We could have shown off the technology by creating a demo that teaches you yoga or checks your running technique, and whilst they'd be helpful, we wanted to do something a little different.\n\nLike the sensible people, we decided to use AI pose detection to turn people into skeletons. Of course, the landing page is still branded with splashes of Pixelhop's branding, but we \"Halloween-ified\" it by adding in the purple background, not forgetting to add in the odd ghosts and ghoulies here and there.",{"__component":141,"id":1331,"Size":39,"caption":39,"Image":1332},61,[1333],{"id":641,"name":1334,"alternativeText":29,"caption":29,"width":1335,"height":1336,"formats":1337,"hash":1364,"ext":34,"mime":37,"size":1365,"url":1366,"previewUrl":39,"provider":72,"provider_metadata":1367,"created_at":1368,"updated_at":1369},"Screenshot 2021-10-21 at 18.58.23.png",3584,2026,{"large":1338,"small":1345,"medium":1352,"thumbnail":1358},{"ext":34,"url":1339,"hash":1340,"mime":37,"name":1341,"path":39,"size":1342,"width":41,"height":1343,"provider_metadata":1344},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635511782/large_Screenshot_2021_10_21_at_18_58_23_1567ce138d.png","large_Screenshot_2021_10_21_at_18_58_23_1567ce138d","large_Screenshot 2021-10-21 at 18.58.23.png",212.9,565,{"public_id":1340,"resource_type":44},{"ext":34,"url":1346,"hash":1347,"mime":37,"name":1348,"path":39,"size":1349,"width":50,"height":1350,"provider_metadata":1351},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635511784/small_Screenshot_2021_10_21_at_18_58_23_1567ce138d.png","small_Screenshot_2021_10_21_at_18_58_23_1567ce138d","small_Screenshot 2021-10-21 at 18.58.23.png",75.2,283,{"public_id":1347,"resource_type":44},{"ext":34,"url":1353,"hash":1354,"mime":37,"name":1355,"path":39,"size":1356,"width":58,"height":1071,"provider_metadata":1357},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635511783/medium_Screenshot_2021_10_21_at_18_58_23_1567ce138d.png","medium_Screenshot_2021_10_21_at_18_58_23_1567ce138d","medium_Screenshot 2021-10-21 at 18.58.23.png",131.71,{"public_id":1354,"resource_type":44},{"ext":34,"url":1359,"hash":1360,"mime":37,"name":1361,"path":39,"size":1362,"width":256,"height":239,"provider_metadata":1363},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635511780/thumbnail_Screenshot_2021_10_21_at_18_58_23_1567ce138d.png","thumbnail_Screenshot_2021_10_21_at_18_58_23_1567ce138d","thumbnail_Screenshot 2021-10-21 at 18.58.23.png",28.35,{"public_id":1360,"resource_type":44},"Screenshot_2021_10_21_at_18_58_23_1567ce138d",1614.65,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635511779/Screenshot_2021_10_21_at_18_58_23_1567ce138d.png",{"public_id":1364,"resource_type":44},"2021-10-29T12:49:44.922Z","2021-10-29T12:49:44.946Z",{"__component":23,"id":124,"Text":1371},"## Logo 🕸🕷\n\nOne talking point is the Trick or Treat logo; as you can see, it animates in nicely, drawing the users attention as soon as the page is loaded. We paid particular attention to a \"friendly evil\" looking spider that drops down. We animated the logo by grouping individual layers in the SVG, allowing us to animate them independently.\n",{"__component":1373,"id":1374,"Video":1375},"video.video",10,{"id":1376,"name":1377,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1378,"ext":1379,"mime":1380,"size":1381,"url":1382,"previewUrl":1383,"provider":72,"provider_metadata":1384,"created_at":1386,"updated_at":1387},103,"Screen Recording 2021-10-21 at 15.30.38.mov","Screen_Recording_2021_10_21_at_15_30_38_7c57bcb154",".mov","video/quicktime",2505.64,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1635511935/Screen_Recording_2021_10_21_at_15_30_38_7c57bcb154.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Screen_Recording_2021_10_21_at_15_30_38_7c57bcb154.gif",{"public_id":1378,"resource_type":1385},"video","2021-10-29T12:52:17.190Z","2021-10-29T12:52:17.204Z",{"__component":23,"id":1389,"Text":1390},173,"To try and make the animations look realistic, we follow \"The Illusion of Life\", which are 12 principles that Walt Disneys Studios came up with within the 1930s.\n\n\n\u003Cdiv style=\"position: relative; width: 100%; padding-bottom: 56.25%;\">\n\u003Ciframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\" loading=\"lazy\" src=\"https://www.youtube.com/embed/yiGY0qiy8fY\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen>\u003C/iframe>\n\u003C/div>\n\nIn the video below, we've slowed down the animation. There were certain things you can spot here to make the fall look more realistic, one being how the spider bounces back up and then drops back down; following the laws of gravity, it drops but bounces back up a bit. It doesn't just drop and stop at the bottom.\n\nThis follows the \"squash and stretch\" principle that gives the illusion of weight to the spider.\n\nAnother thing to note are the spiders legs- when the spider is dropping down, it's legs go up, and when the spider is going up it's legs go down.\n\nThis follows the \"Follow through and overlapping\" principle; when the spider drops to the bottom, its legs move after it, the whole spider doesn't stop at once.\n\nFinally, the \"exaggeration\" principle can also be seen in the spider's movement and facial expression. When things are exaggerated in animation it makes it more fun and playful.\n",{"__component":141,"id":1392,"Size":39,"caption":39,"Image":1393},62,[1394],{"id":413,"name":1395,"alternativeText":29,"caption":29,"width":1396,"height":1397,"formats":1398,"hash":1419,"ext":34,"mime":37,"size":1420,"url":1421,"previewUrl":39,"provider":72,"provider_metadata":1422,"created_at":1423,"updated_at":1424},"Screenshot 2021-10-29 at 13.54.07.png",970,416,{"small":1399,"medium":1406,"thumbnail":1413},{"ext":34,"url":1400,"hash":1401,"mime":37,"name":1402,"path":39,"size":1403,"width":50,"height":1404,"provider_metadata":1405},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635512071/small_Screenshot_2021_10_29_at_13_54_07_35efdc6b98.png","small_Screenshot_2021_10_29_at_13_54_07_35efdc6b98","small_Screenshot 2021-10-29 at 13.54.07.png",43.27,214,{"public_id":1401,"resource_type":44},{"ext":34,"url":1407,"hash":1408,"mime":37,"name":1409,"path":39,"size":1410,"width":58,"height":1411,"provider_metadata":1412},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635512070/medium_Screenshot_2021_10_29_at_13_54_07_35efdc6b98.png","medium_Screenshot_2021_10_29_at_13_54_07_35efdc6b98","medium_Screenshot 2021-10-29 at 13.54.07.png",85.93,322,{"public_id":1408,"resource_type":44},{"ext":34,"url":1414,"hash":1415,"mime":37,"name":1416,"path":39,"size":1417,"width":256,"height":420,"provider_metadata":1418},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635512069/thumbnail_Screenshot_2021_10_29_at_13_54_07_35efdc6b98.png","thumbnail_Screenshot_2021_10_29_at_13_54_07_35efdc6b98","thumbnail_Screenshot 2021-10-29 at 13.54.07.png",13.41,{"public_id":1415,"resource_type":44},"Screenshot_2021_10_29_at_13_54_07_35efdc6b98",99.28,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635512068/Screenshot_2021_10_29_at_13_54_07_35efdc6b98.png",{"public_id":1419,"resource_type":44},"2021-10-29T12:54:31.443Z","2021-10-29T12:54:31.468Z",{"__component":1373,"id":1426,"Video":1427},11,{"id":420,"name":1428,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1429,"ext":1379,"mime":1380,"size":1430,"url":1431,"previewUrl":1432,"provider":72,"provider_metadata":1433,"created_at":1434,"updated_at":1435},"Untitled.mov","Untitled_c90e305609",143.81,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1635512305/Untitled_c90e305609.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Untitled_c90e305609.gif",{"public_id":1429,"resource_type":1385},"2021-10-29T12:58:25.767Z","2021-10-29T12:58:25.776Z",{"__component":23,"id":1437,"Text":1438},174,"\n\n## Eye 👁 👁\n\nWe wanted to add the eye at the bottom of the page to track the user's cursor. The mouse tracking eye is the sort of subtle detail we love adding to projects; it just adds a little bit extra to the page; it changes the page from static or stagnant to something alive and dynamic. So Talie built in the functionality and wrote a blog post on how he achieved that [here](https://www.pixelhop.io/writing/create-a-mouse-tracking-eye-using-vue-3-vueuse-and-css/).\n",{"__component":1373,"id":1440,"Video":1441},12,{"id":427,"name":1442,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1443,"ext":1379,"mime":1380,"size":1444,"url":1445,"previewUrl":1446,"provider":72,"provider_metadata":1447,"created_at":1448,"updated_at":1449},"eye track.mov","eye_track_4e1436dced",876.75,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1635512508/eye_track_4e1436dced.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/eye_track_4e1436dced.gif",{"public_id":1443,"resource_type":1385},"2021-10-29T13:01:49.010Z","2021-10-29T13:01:49.020Z",{"__component":23,"id":1451,"Text":1452},175,"## Ghosts and ghoulies 👻 😈\n\nAnother way in which we gave the page a bit of life was by adding in the hovering ghosts and bats. In addition, we added in the blinking animation on the ghost to make them more characterful. Adding that subtle secondary animation allows for the animation there all the time without overwhelming or stressing the user out.\n",{"__component":1373,"id":1454,"Video":1455},13,{"id":433,"name":1456,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1457,"ext":1379,"mime":1380,"size":1458,"url":1459,"previewUrl":1460,"provider":72,"provider_metadata":1461,"created_at":1462,"updated_at":1463},"ghost.mov","ghost_df1b86fbb6",1978.44,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1635512640/ghost_df1b86fbb6.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/ghost_df1b86fbb6.gif",{"public_id":1457,"resource_type":1385},"2021-10-29T13:04:01.557Z","2021-10-29T13:04:01.568Z",{"__component":23,"id":1465,"Text":1466},176,"\n## Curtains\n\nWe decided to add the curtains around the webcam because it's a nice way of framing the webcam thematically. It creates a \"stage\" for where the magic is about to happen, creates a bit of drama, and becomes more theatrical.\n\nAnimating the curtains was an iterative process, proving the power of The Illusion of Life, and how important the different principles are in conveying the correct \"feel\" across. For example, here, you can see that the animation was more bouncy, connotating a joyful, happy message rather than a more \"Halloweeny\" one.\n",{"__component":1373,"id":1468,"Video":1469},14,{"id":439,"name":1470,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1471,"ext":1379,"mime":1380,"size":1472,"url":1473,"previewUrl":1474,"provider":72,"provider_metadata":1475,"created_at":1476,"updated_at":1477},"Screen Recording 2021-10-07 at 17.58.11.mov","Screen_Recording_2021_10_07_at_17_58_11_cafc37283a",5093.01,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1635515143/Screen_Recording_2021_10_07_at_17_58_11_cafc37283a.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Screen_Recording_2021_10_07_at_17_58_11_cafc37283a.gif",{"public_id":1471,"resource_type":1385},"2021-10-29T13:45:44.901Z","2021-10-29T13:45:44.911Z",{"__component":23,"id":1479,"Text":1480},177,"We then had to think about how do we make it a little scarier; rather than bouncing up and down; it needed to be a bit more shakey from side to side and jalty. The keyframes needed to be closer together, so it rattles around more, and we added horizontal and vertical translation to make the movement more aggressive and the movements of the curtains sharper.\n\nAnd eventually, we got to the version, which we were happy with.\n\n",{"__component":1373,"id":1482,"Video":1483},15,{"id":445,"name":1484,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1485,"ext":1379,"mime":1380,"size":1486,"url":1487,"previewUrl":1488,"provider":72,"provider_metadata":1489,"created_at":1490,"updated_at":1491},"Screen Recording 2021-10-08 at 10.29.22.mov","Screen_Recording_2021_10_08_at_10_29_22_951ee9c1fd",7295.08,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1635515370/Screen_Recording_2021_10_08_at_10_29_22_951ee9c1fd.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Screen_Recording_2021_10_08_at_10_29_22_951ee9c1fd.gif",{"public_id":1485,"resource_type":1385},"2021-10-29T13:49:32.359Z","2021-10-29T13:49:32.369Z",{"__component":23,"id":1493,"Text":1494},178,"\n## Skeleton\n\nFinally, I just wanted to talk about the skeleton briefly; after all, that is the main part of this little mini-experiment. We chose to use a skeleton for multiple reasons, one obvious one being it fits the Halloween theme very well. It's also perfect a perfect way to demo the technology, you can see how the head, arms and legs are mapped to the body in real-time. When you move, the skely moves too. It's exactly the way we wanted to showcase this tech. Playful and fun, like we are, here at Pixelhop. \n\nZef wrote a detailed blog and tutorial on how to transform your body and skeletonise yourself, which can be found [here](https://www.pixelhop.io/writing/skeletonise-yourself-with-pose-detection/).\n\nI could go on and on about all the other visual elements, its something we're really passionate about and love, as you can tell we're real sticklers for aesthetics and love to be a bit different and stand out - it's also how we approached the design of our own website. \n\nWe'd love to hear about your fav animations or design elements on the Trick and Treat site, you can contact us on our website [here](https://www.pixelhop.io/contact/) or on Twitter [here](https://twitter.com/pixelhopio). \n\nIf you would like to get notified about any future blogs or news, just sign up for our newsletter. ",{"id":1496,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":1497,"hash":1513,"ext":34,"mime":37,"size":1514,"url":1515,"previewUrl":39,"provider":72,"provider_metadata":1516,"created_at":1517,"updated_at":1517},389,{"small":1498,"medium":1503,"thumbnail":1508},{"ext":34,"url":1499,"hash":1500,"mime":37,"name":302,"path":39,"size":1501,"width":50,"height":311,"provider_metadata":1502},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375235/small_nano_final_fca0e1314b.png","small_nano_final_fca0e1314b",291.34,{"public_id":1500,"resource_type":44},{"ext":34,"url":1504,"hash":1505,"mime":37,"name":309,"path":39,"size":1506,"width":58,"height":537,"provider_metadata":1507},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375234/medium_nano_final_fca0e1314b.png","medium_nano_final_fca0e1314b",675.7,{"public_id":1505,"resource_type":44},{"ext":34,"url":1509,"hash":1510,"mime":37,"name":316,"path":39,"size":1511,"width":544,"height":67,"provider_metadata":1512},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375233/thumbnail_nano_final_fca0e1314b.png","thumbnail_nano_final_fca0e1314b",48.91,{"public_id":1510,"resource_type":44},"nano_final_fca0e1314b",839.94,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375231/nano_final_fca0e1314b.png",{"public_id":1513,"resource_type":44},"2026-04-28T11:20:35.784Z",[1519,1525],{"id":1520,"Name":1521,"created_at":1522,"updated_at":1523,"slug":1524},20,"AI","2021-10-26T13:32:53.331Z","2021-10-26T13:32:53.341Z","ai",{"id":87,"Name":1526,"created_at":1527,"updated_at":1528,"slug":1529},"Vue.js","2020-04-26T09:39:44.923Z","2022-01-27T15:24:19.954Z","vue-js",{"id":327,"Title":1531,"user":1532,"Summary":1544,"created_at":1545,"updated_at":1546,"slug":1547,"published_at":1548,"release_date":1549,"Layout":381,"Content":1550,"Feature":1730,"tags":1753},"Create a mouse tracking eye using Vue 3, VueUse & CSS",{"id":81,"username":82,"email":83,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":88,"updated_at":89,"project":39,"Picture":1533},{"id":91,"name":92,"alternativeText":29,"caption":29,"width":93,"height":94,"formats":1534,"hash":126,"ext":97,"mime":100,"size":127,"url":128,"previewUrl":39,"provider":72,"provider_metadata":1543,"created_at":130,"updated_at":131},{"large":1535,"small":1537,"medium":1539,"thumbnail":1541},{"ext":97,"url":98,"hash":99,"mime":100,"name":101,"path":39,"size":102,"width":41,"height":103,"provider_metadata":1536},{"public_id":99,"resource_type":44},{"ext":97,"url":106,"hash":107,"mime":100,"name":108,"path":39,"size":109,"width":50,"height":110,"provider_metadata":1538},{"public_id":107,"resource_type":44},{"ext":97,"url":113,"hash":114,"mime":100,"name":115,"path":39,"size":116,"width":58,"height":117,"provider_metadata":1540},{"public_id":114,"resource_type":44},{"ext":97,"url":120,"hash":121,"mime":100,"name":122,"path":39,"size":123,"width":124,"height":67,"provider_metadata":1542},{"public_id":121,"resource_type":44},{"public_id":126,"resource_type":44},"\nIn this blog, I will be showing you how to make a mouse-tracking eye component using Vue 3, VueUse and a sprinkle of CSS. This eye-catching component will make a quirky addition to your future projects.","2021-10-28T10:08:49.044Z","2026-04-28T11:22:56.786Z","create-a-mouse-tracking-eye-using-vue-3-vueuse-and-css","2021-10-28T12:58:51.565Z","2021-10-28",[1551,1554,1566,1569,1571,1573,1607,1610,1650,1652,1654,1657,1659,1662,1665,1668,1671,1674,1677,1680,1684,1687,1689,1692,1695,1698,1701,1704,1706,1709,1711,1714,1716,1719,1721,1724,1727],{"__component":23,"id":1552,"Text":1553},152,"Firstly let's break the eyes, my name is Taliesin, and I work at [Pixelhop](https://www.pixelhop.io/). I made this for our Halloween special project we at Pixelhop made called [trick-or-treat](https://trick-or-treat.pixelhop.io/). \n\nIf you would like to get your eyes on the whole code example, please find it [here](https://codesandbox.io/s/mouse-tracking-eye-rpzyt?file=/src/App.vue).\n",{"__component":1373,"id":13,"Video":1555},{"id":1214,"name":1556,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1557,"ext":1558,"mime":1559,"size":1560,"url":1561,"previewUrl":1562,"provider":72,"provider_metadata":1563,"created_at":1564,"updated_at":1565},"My Movie.mp4","My_Movie_e3ce0b9f96",".mp4","video/mp4",402.04,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1635424950/My_Movie_e3ce0b9f96.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/My_Movie_e3ce0b9f96.gif",{"public_id":1557,"resource_type":1385},"2021-10-28T12:42:30.607Z","2021-10-28T12:42:30.617Z",{"__component":23,"id":1567,"Text":1568},153,"Readers are recommended to have a basic understanding of Vue 3 using the composition API, also not recommended for anyone with Ommetaphobia or if you have anything against terrible eye puns. So if we see eye to eye, let's crack on.\n\n### Summary\n\nSo, to summer-eyes, for this to work, we will need to have an SVG of an eye with the pupil to one side. We are then just going to set the transform rotate property to point the pupil in the direction of the mouse as it moves.\n\n### Project setup\n\nIf you already have a project and an eye SVG ready, you can roll your eyes on to the next section. But if you're like the alien called Alen and missing an eye, here I will just be setting up a basic Vue 3 project and setting the foundation of what we are making.\nSo first, we want to set up a basic Vue 3 project. The easiest way to do this is using npx and the Vue CLI by running the following command.",{"__component":412,"id":1052,"Code":1570,"Type":415,"location":39,"language":39},"npx @vue/cli create mouse-tracking-eye",{"__component":23,"id":912,"Text":1572},"Select the default vue 3 preset",{"__component":141,"id":1574,"Size":39,"caption":39,"Image":1575},58,[1576],{"id":1107,"name":1577,"alternativeText":29,"caption":29,"width":1578,"height":1579,"formats":1580,"hash":1601,"ext":97,"mime":100,"size":1602,"url":1603,"previewUrl":39,"provider":72,"provider_metadata":1604,"created_at":1605,"updated_at":1606},"Screenshot_2021-10-25_at_13.13.48.jpeg",808,146,{"small":1581,"medium":1587,"thumbnail":1594},{"ext":97,"url":1582,"hash":1583,"mime":100,"name":1584,"path":39,"size":1585,"width":50,"height":601,"provider_metadata":1586},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635419977/small_Screenshot_2021_10_25_at_13_13_48_50334ea282.jpg","small_Screenshot_2021_10_25_at_13_13_48_50334ea282","small_Screenshot_2021-10-25_at_13.13.48.jpeg",8.58,{"public_id":1583,"resource_type":44},{"ext":97,"url":1588,"hash":1589,"mime":100,"name":1590,"path":39,"size":1591,"width":58,"height":1592,"provider_metadata":1593},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635419977/medium_Screenshot_2021_10_25_at_13_13_48_50334ea282.jpg","medium_Screenshot_2021_10_25_at_13_13_48_50334ea282","medium_Screenshot_2021-10-25_at_13.13.48.jpeg",15.46,136,{"public_id":1589,"resource_type":44},{"ext":97,"url":1595,"hash":1596,"mime":100,"name":1597,"path":39,"size":1598,"width":256,"height":1599,"provider_metadata":1600},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635419976/thumbnail_Screenshot_2021_10_25_at_13_13_48_50334ea282.jpg","thumbnail_Screenshot_2021_10_25_at_13_13_48_50334ea282","thumbnail_Screenshot_2021-10-25_at_13.13.48.jpeg",2.85,44,{"public_id":1596,"resource_type":44},"Screenshot_2021_10_25_at_13_13_48_50334ea282",16.79,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635419975/Screenshot_2021_10_25_at_13_13_48_50334ea282.jpg",{"public_id":1601,"resource_type":44},"2021-10-28T11:19:38.164Z","2021-10-28T11:19:38.182Z",{"__component":23,"id":1608,"Text":1609},155,"Choose your dependancies manager (I'm using npm)",{"__component":141,"id":1611,"Size":39,"caption":39,"Image":1612},59,[1613],{"id":1113,"name":1614,"alternativeText":29,"caption":29,"width":1615,"height":487,"formats":1616,"hash":1644,"ext":97,"mime":100,"size":1645,"url":1646,"previewUrl":39,"provider":72,"provider_metadata":1647,"created_at":1648,"updated_at":1649},"Screenshot_2021-10-25_at_13.14.51.jpeg",1021,{"large":1617,"small":1623,"medium":1630,"thumbnail":1637},{"ext":97,"url":1618,"hash":1619,"mime":100,"name":1620,"path":39,"size":1621,"width":41,"height":475,"provider_metadata":1622},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635420047/large_Screenshot_2021_10_25_at_13_14_51_99f9a1baf0.jpg","large_Screenshot_2021_10_25_at_13_14_51_99f9a1baf0","large_Screenshot_2021-10-25_at_13.14.51.jpeg",11.22,{"public_id":1619,"resource_type":44},{"ext":97,"url":1624,"hash":1625,"mime":100,"name":1626,"path":39,"size":1627,"width":50,"height":1628,"provider_metadata":1629},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635420048/small_Screenshot_2021_10_25_at_13_14_51_99f9a1baf0.jpg","small_Screenshot_2021_10_25_at_13_14_51_99f9a1baf0","small_Screenshot_2021-10-25_at_13.14.51.jpeg",4.4,57,{"public_id":1625,"resource_type":44},{"ext":97,"url":1631,"hash":1632,"mime":100,"name":1633,"path":39,"size":1634,"width":58,"height":1635,"provider_metadata":1636},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635420048/medium_Screenshot_2021_10_25_at_13_14_51_99f9a1baf0.jpg","medium_Screenshot_2021_10_25_at_13_14_51_99f9a1baf0","medium_Screenshot_2021-10-25_at_13.14.51.jpeg",7.43,85,{"public_id":1632,"resource_type":44},{"ext":97,"url":1638,"hash":1639,"mime":100,"name":1640,"path":39,"size":1641,"width":256,"height":1642,"provider_metadata":1643},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635420046/thumbnail_Screenshot_2021_10_25_at_13_14_51_99f9a1baf0.jpg","thumbnail_Screenshot_2021_10_25_at_13_14_51_99f9a1baf0","thumbnail_Screenshot_2021-10-25_at_13.14.51.jpeg",1.6,28,{"public_id":1639,"resource_type":44},"Screenshot_2021_10_25_at_13_14_51_99f9a1baf0",11.38,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635420046/Screenshot_2021_10_25_at_13_14_51_99f9a1baf0.jpg",{"public_id":1644,"resource_type":44},"2021-10-28T11:20:49.053Z","2021-10-28T11:20:49.063Z",{"__component":23,"id":67,"Text":1651},"`cd` into the folder and install the dependancies",{"__component":412,"id":1144,"Code":1653,"Type":415,"location":39,"language":39},"cd mouse-tracking-eye/ && npm i",{"__component":23,"id":1655,"Text":1656},157,"We can now remove all the bits the vue cli gives us that we don't need. First, remove the components and assets folders. Then in the `App.vue`, we should remove all the base stuff it gives us. You are just left with the template, script and style tag.\n\nI am using the `\u003Cscript setup>` syntax, which you can read about [here](https://v3.vuejs.org/api/sfc-script-setup.html#basic-syntax) and typescript because why not.",{"__component":412,"id":1194,"Code":1658,"Type":1189,"location":39,"language":39},"\u003C!-- App.js -->\n\u003Ctemplate>\n\u003C/template>\n\n\u003Cscript lang=\"ts\" setup>\n\u003C/script>\n\n\u003Cstyle>\n\u003C/style>",{"__component":23,"id":1660,"Text":1661},158,"Now we need to eye up the template, I'm using the SVG I used for our Halloween project. Add a div and give it a class of `container`, then paste the SVG inside the container div.",{"__component":412,"id":1663,"Code":1664,"Type":1189,"location":39,"language":39},87,"\u003C!-- App.ts > temaplate -->\n\u003Cdiv class=\"container\">\n \u003Csvg\n viewBox=\"0 0 33 33\"\n fill=\"none\"\n >\n ...\n \u003C/svg>\n\u003C/div>",{"__component":23,"id":1666,"Text":1667},170,"Centre the eye and add a black background, so the eye stands out with a bit of CSS.",{"__component":412,"id":1225,"Code":1669,"Type":1670,"location":39,"language":39},"/* App.js > style */\n\n.conatainer {\n background-color: black;\n height: 100vh;\n width: 100vw;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.eye {\n height: 3rem;\n}\nbody {\n margin: 0;\n height: 100vh;\n}","css",{"__component":23,"id":1672,"Text":1673},159,"Spec-tacular! Now, if you run your project, you should have an eye in the middle of your screen and a black background.\n\n### Mouse tracking functionality\n\nThis section will focus on getting the eye to follow the mouse.\n\nAs previously mentioned, we will be using the vueuse library. Vueuse is a super helpful function library for Vue 3 with a few functions that will simplify this. So let's install it:",{"__component":412,"id":1675,"Code":1676,"Type":415,"location":39,"language":39},77,"npm i @vueuse/core",{"__component":23,"id":1678,"Text":1679},160,"Import the functions we need into our app and we might as well import the function we need from Vue as well.",{"__component":412,"id":1681,"Code":1682,"Type":1683,"location":39,"language":39},78,"\u003C!-- App.vue > script -->\nimport {\n useMouse, useWindowSize, debouncedWatch, throttledWatch,\n} from '@vueuse/core';\nimport {\n ref, onMounted,\n} from 'vue';","typescript",{"__component":23,"id":1685,"Text":1686},161,"Eye eye, now we got those imported, we can start using them. The first two we will use are `useMouse` and `useWindowSize`.\n`useMouse` returns the x and y of the mouse position, and `useWindowSize` returns... You guessed it, the window size width and height.\nSo just under the import, add the following:",{"__component":412,"id":91,"Code":1688,"Type":1683,"location":39,"language":39},"// App.vue > script\nconst { x: mouseX, y: mouseY } = useMouse();\nconst { width, height } = useWindowSize();",{"__component":23,"id":1690,"Text":1691},162,"Next we need to get the eye location on the screen, to do this add a ref to the SVG in the template. So it will be something like this.",{"__component":412,"id":1693,"Code":1694,"Type":1189,"location":39,"language":39},80,"\u003C!-- App.vue > template -->\n\u003Csvg\n ref=\"eye\"\n viewBox=\"0 0 33 33\"\n fill=\"none\"\n>\n...\n\u003C/svg>",{"__component":23,"id":1696,"Text":1697},163,"and now we can reference it in the script, we just need to add a ref variable with null as its starting value.",{"__component":412,"id":1699,"Code":1700,"Type":1683,"location":39,"language":39},81,"// App.vue > script\nconst eye = ref(null as Element | null);",{"__component":23,"id":1702,"Text":1703},164,"**Side note:** If you are using a setup function inside a regular script tag, make sure you add the ref to the return object, or it will not work.\n\nNow define the eye location reference",{"__component":412,"id":142,"Code":1705,"Type":1683,"location":39,"language":39},"// App.vue > script\nconst eyeLocation = ref\u003CDOMRect | undefined>(undefined);",{"__component":23,"id":1707,"Text":1708},165,"Here I am setting the eye location inside the `onMounted` function we import from Vue earlier.",{"__component":412,"id":189,"Code":1710,"Type":1683,"location":39,"language":39},"// App.vue > script\nonMounted(() => {\n eyeLocation.value = eye?.value?.getBoundingClientRect();\n}); ",{"__component":23,"id":1712,"Text":1713},166,"We also want to set the eye's location when the screen size is changed because depending on where it is this might move the eye. To achieve this we can use the `debounceWatch`\nTo summarise whats happening here; we are watching for a change in the window height and width then running a debounce function when it does.",{"__component":412,"id":235,"Code":1715,"Type":1683,"location":39,"language":39},"// App.vue > script\ndebouncedWatch([width, height], () => {\n eyeLocation.value = eye?.value?.getBoundingClientRect();\n}, { debounce: 200 });",{"__component":23,"id":1717,"Text":1718},167,"Great, now we've now we've got an eye and its location, let's get the ball rolling and actually make the eye move.",{"__component":412,"id":1635,"Code":1720,"Type":1683,"location":39,"language":39},"// App.vue > script\nconst rotationDegrees = ref(0);\n\nthrottledWatch([mouseX, mouseY], ([x, y]) => {\n if (eyeLocation.value) {\n const radianDegrees = Math.atan2(x - eyeLocation.value.right, y - eyeLocation.value.top);\n rotationDegrees.value = radianDegrees * (180 / Math.PI) * -1 + 180;\n }\n}, { throttle: 1000 / 60 });",{"__component":23,"id":1722,"Text":1723},168,"So if you got an eye for this sort of thing, then you'll be able to understand it, but if you're like a blind Bambi and have no-eye-deer. Don't worry; I'll give a quick summary of what's happening;\n\nFirstly, we define the ref `rotationDegrees` which will be the number of degrees we need to rotate our eye. Next, we are using the `throttledWatch` function to watch the mouse location, then set the `rotationDegrees`.\n\nFirst, it gets the `radianDegrees` using the `Math.atan2` function; read more [here](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/atan2). Basically, it receives the radian between the eye location and the mouse. I am using the top and right locations of the eye, but depending on where your eye's pupil is pointing, you may need to use a different location. Then we convert the radian into degrees we can use to rotate the eye.\n\nThis function is then throttled to 60 times per second as we don't need to run this more than that as most screens only run a 60 hertz anyway.\n\nNow all we need to do is set the transform rotate property to the SVG and you'll really be turning some eyes.",{"__component":412,"id":1725,"Code":1726,"Type":1189,"location":39,"language":39},86,"\u003C!-- App.vue > temaplate -->\n\u003Csvg\n ref=\"eye\"\n :style=\"`transform: rotate(${rotationDegrees - 40}deg) translateZ(0)`\"\n viewBox=\"0 0 33 33\"\n fill=\"none\"\n>\n...\n\u003C/svg>",{"__component":23,"id":1728,"Text":1729},169,"**Side note:** You may need to do what I did by adding or subtracting a few degrees if your eye is not pointing precisely left or right.\n\n### Conclusion\n\nBecause we are getting the eye location on mounted and screen size change, you can place your eye anywhere on the screen, and it will still work.\n\nI hope you enjoyed this mini tutorial, and it helps you create some fun projects. Feel free to send us your creations. I would love to eye them up. You can find our contact details at [https://www.pixelhop.io/contact/](https://www.pixelhop.io/contact/).\n\nIf you are interested to see the original eye, I made and our Halloween special project, check it out here: [https://trick-or-treat.pixelhop.io/](https://trick-or-treat.pixelhop.io/).\n\nPlease keep your eyes peeled for our new blogs at [https://www.pixelhop.io/writing/](https://www.pixelhop.io/writing/) or sign up for our newsletter.\n\nSee you later 👋",{"id":1731,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":1732,"hash":1748,"ext":34,"mime":37,"size":1749,"url":1750,"previewUrl":39,"provider":72,"provider_metadata":1751,"created_at":1752,"updated_at":1752},390,{"small":1733,"medium":1738,"thumbnail":1743},{"ext":34,"url":1734,"hash":1735,"mime":37,"name":529,"path":39,"size":1736,"width":50,"height":311,"provider_metadata":1737},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375375/small_flux_final_12fc8c02b6.png","small_flux_final_12fc8c02b6",302.09,{"public_id":1735,"resource_type":44},{"ext":34,"url":1739,"hash":1740,"mime":37,"name":535,"path":39,"size":1741,"width":58,"height":537,"provider_metadata":1742},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375375/medium_flux_final_12fc8c02b6.png","medium_flux_final_12fc8c02b6",709.04,{"public_id":1740,"resource_type":44},{"ext":34,"url":1744,"hash":1745,"mime":37,"name":542,"path":39,"size":1746,"width":544,"height":67,"provider_metadata":1747},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375373/thumbnail_flux_final_12fc8c02b6.png","thumbnail_flux_final_12fc8c02b6",52.32,{"public_id":1745,"resource_type":44},"flux_final_12fc8c02b6",930.55,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375372/flux_final_12fc8c02b6.png",{"public_id":1748,"resource_type":44},"2026-04-28T11:22:56.276Z",[1754,1755],{"id":87,"Name":1526,"created_at":1527,"updated_at":1528,"slug":1529},{"id":333,"Name":1756,"created_at":1757,"updated_at":1758,"slug":1683},"Typescript","2021-10-26T13:33:18.703Z","2021-10-26T13:33:18.711Z",{"id":1760,"Title":1761,"user":1762,"Summary":1781,"created_at":1782,"updated_at":1783,"slug":1784,"published_at":1782,"release_date":1785,"Layout":381,"Content":1786,"Feature":2147,"tags":2170},16,"Skeletonise yourself with pose detection",{"id":87,"username":1763,"email":1764,"provider":84,"confirmed":86,"blocked":86,"role":87,"created_at":1765,"updated_at":1766,"project":39,"Picture":1767},"Jozef","hello@jozefmaxted.co.uk","2020-04-25T20:53:00.250Z","2020-04-25T20:53:00.268Z",{"id":87,"name":1768,"alternativeText":29,"caption":29,"width":1769,"height":1769,"formats":1770,"hash":1776,"ext":97,"mime":100,"size":1777,"url":1778,"previewUrl":39,"provider":72,"provider_metadata":1779,"created_at":1780,"updated_at":1780},"profile",400,{"thumbnail":1771},{"ext":97,"url":1772,"hash":1773,"mime":100,"size":1774,"width":67,"height":67,"provider_metadata":1775},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1587847975/thumbnail_profile_a9eb6962fe.jpg","thumbnail_profile_a9eb6962fe",4.68,{"public_id":1773,"resource_type":44},"profile_a9eb6962fe",21.93,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1587847974/profile_a9eb6962fe.jpg",{"public_id":1776,"resource_type":44},"2020-04-25T20:52:55.631Z","In this post we will show you how to transform your body into a skeleton in realtime by analysing a webcam feed with TensorFlow.js and pose detection. For maximum spooky effect we recommend following this tutorial in the dead of night on 31st October.","2021-10-26T08:31:36.884Z","2026-04-28T11:24:04.056Z","skeletonise-yourself-with-pose-detection","2021-10-26",[1787,1789,1832,1835,1837,1840,1842,1845,1848,1850,1853,1856,1898,1900,1902,1904,1906,1909,1911,1914,1916,1918,1920,1922,1924,1927,1929,1963,1964,1966,1969,1971,1973,2015,2017,2058,2060,2062,2065,2067,2070,2072,2075,2077,2080,2082,2085,2087,2089,2091,2094,2096,2098,2100,2103,2144],{"__component":23,"id":318,"Text":1788},"We recently built a fun halloween experiment where we use something called pose detection to skeletonise your body in realtime using your body. \n\nYou can try it out for yourself here: [Trick or Treat ](https://trick-or-treat.pixelhop.io/ ) \n\nIn this post we will show you how you can create something similar using TensorFlow.js and pose detection models. Take a look here to see what you will build:[ https://skeletoniser.netlify.app]( https://skeletoniser.netlify.app)\n\nIf you are prefer these sort of guides in video formats we've got you covered too:\n\n\u003Cdiv style=\"position: relative; width: 100%; padding-bottom: 56.25%;\">\n\u003Ciframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\" loading=\"lazy\" src=\"https://www.youtube-nocookie.com/embed/CIG-1MMUZqE\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen>\u003C/iframe>\n\u003C/div>",{"__component":141,"id":1790,"Size":39,"caption":39,"Image":1791},56,[1792],{"id":1095,"name":1793,"alternativeText":1794,"caption":29,"width":1795,"height":1796,"formats":1797,"hash":1826,"ext":34,"mime":37,"size":1827,"url":1828,"previewUrl":39,"provider":72,"provider_metadata":1829,"created_at":1830,"updated_at":1831},"Screenshot 2021-10-25 at 19.38.59.png","Jozef transformed into a skeleton",2496,1318,{"large":1798,"small":1805,"medium":1812,"thumbnail":1819},{"ext":34,"url":1799,"hash":1800,"mime":37,"name":1801,"path":39,"size":1802,"width":41,"height":1803,"provider_metadata":1804},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635325934/large_Screenshot_2021_10_25_at_19_38_59_b94ce42396.png","large_Screenshot_2021_10_25_at_19_38_59_b94ce42396","large_Screenshot 2021-10-25 at 19.38.59.png",462.46,528,{"public_id":1800,"resource_type":44},{"ext":34,"url":1806,"hash":1807,"mime":37,"name":1808,"path":39,"size":1809,"width":50,"height":1810,"provider_metadata":1811},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635325936/small_Screenshot_2021_10_25_at_19_38_59_b94ce42396.png","small_Screenshot_2021_10_25_at_19_38_59_b94ce42396","small_Screenshot 2021-10-25 at 19.38.59.png",140.91,264,{"public_id":1807,"resource_type":44},{"ext":34,"url":1813,"hash":1814,"mime":37,"name":1815,"path":39,"size":1816,"width":58,"height":1817,"provider_metadata":1818},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635325935/medium_Screenshot_2021_10_25_at_19_38_59_b94ce42396.png","medium_Screenshot_2021_10_25_at_19_38_59_b94ce42396","medium_Screenshot 2021-10-25 at 19.38.59.png",281.82,396,{"public_id":1814,"resource_type":44},{"ext":34,"url":1820,"hash":1821,"mime":37,"name":1822,"path":39,"size":1823,"width":256,"height":1824,"provider_metadata":1825},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635325931/thumbnail_Screenshot_2021_10_25_at_19_38_59_b94ce42396.png","thumbnail_Screenshot_2021_10_25_at_19_38_59_b94ce42396","thumbnail_Screenshot 2021-10-25 at 19.38.59.png",45.53,129,{"public_id":1821,"resource_type":44},"Screenshot_2021_10_25_at_19_38_59_b94ce42396",1906.96,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635325929/Screenshot_2021_10_25_at_19_38_59_b94ce42396.png",{"public_id":1826,"resource_type":44},"2021-10-27T09:12:17.225Z","2021-10-27T09:12:17.244Z",{"__component":23,"id":1833,"Text":1834},151,"## What is pose detection?\n\nWhat in the world is pose detection, and why might I want to use it? Well in simple terms, it's the process of taking an image or video, locating any bodies in the frame, and then figuring out where their body parts are. \n\nWhat is pose detection good for? Well it will probably have loads of real world uses! You could use it to create a Yoga app that detects when you are in the correct pose. You could use it to analyse your running technique and provide feedback. You could use it to create interactive art installations. In our case, we decided to test it out on probably the most important use case of all... turning you into a skeleton of course! \n\n## Before we begin\n\nYou can find the finished code for this tutorial here: [https://github.com/pixelhop/skeletoniser](https://github.com/pixelhop/skeletoniser)\n\nWe will be using Vite to bundle our project and run a dev server, so start a new project with:",{"__component":412,"id":1276,"Code":1836,"Type":415,"location":39,"language":39},"npm init vite@latest skeletoniser -- --template vanilla-ts",{"__component":23,"id":1838,"Text":1839},124,"## Starting the webcam\n\nSo before there's any chance of skeletonising happening, we need something to skeletonise! The first thing we need to do is grab the feed from a webcam to see the ghosts your body.\n\n### Creating HTML to display the webcam feed\n\nTo see the web cam we first need to add a HTML element that is capable of displaying it. The `\u003Cvideo>` element is the perfect tool for the job. Update your index.html to contain a video element like below. (Delete the existing `\u003Cdiv id=\"app\">\u003C/div>`)\n\n",{"__component":412,"id":1278,"Code":1841,"Type":1189,"location":39,"language":39},"\u003C!-- index.html -->\n\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n \u003Chead>\n \u003Cmeta charset=\"UTF-8\" />\n \u003Clink rel=\"icon\" type=\"image/svg+xml\" href=\"favicon.svg\" />\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n \u003Ctitle>Vite App\u003C/title>\n \u003C/head>\n \u003Cbody>\n \u003Cvideo\n playsinline\n autoplay=\"true\"\n width=\"640\"\n height=\"480\"\n />\n \u003Cscript type=\"module\" src=\"/src/main.ts\">\u003C/script>\n \u003C/body>\n\u003C/html>",{"__component":23,"id":1843,"Text":1844},125,"Let's quickly talk few the attributes we have added to the video element. Firstly we have added `playsinline`. This attribute tells mobile browsers that video should play inline on the page rather than their default behaviour of opening up in fullscreen.\n\nThe second attribute is `autoplay=\"true\"`. This one does what it says on the tin and means the video element will play automatically as soon as a video is available rather than being paused by default.\n\nNow that we have a video element let us reference it to use it in our code later. Modify src/main.ts to look like the following:",{"__component":412,"id":1846,"Code":1847,"Type":1683,"location":39,"language":39},54,"// src/main.ts\nimport './style.css'\n\nconst videoEl = document.querySelector\u003CHTMLVideoElement>('video')!;",{"__component":23,"id":1257,"Text":1849},"You might notice the ! after the querySelector call. This tells Typescript that the video element will definitely exist, so we don't need to account for the chance it could be missing in the code we write later.\n\n### Requesting access to the webcam and attaching to the video element\n\nOur video element is all set up, and we have a reference to it. The next step is getting some media to play on it. To do that, we need to request a MediaStream.",{"__component":412,"id":1851,"Code":1852,"Type":1683,"location":39,"language":39},55,"// src/main.ts\n\nasync function initCamera() {\n const stream = await navigator.mediaDevices.getUserMedia({\n video: {\n facingMode: 'user',\n width: { ideal: 640 },\n height: { ideal: 480 },\n },\n audio: false,\n });\n\n let onVideoReady: (ready: boolean) => void;\n const videoReadyPromise = new Promise((resolve) => onVideoReady = resolve);\n videoEl.onloadedmetadata = () => onVideoReady(true);\n\n videoEl.srcObject = stream;\n \n return videoReadyPromise;\n}\n\nasync function start() {\n\tawait initCamera();\n}\n\nstart();",{"__component":23,"id":1854,"Text":1855},127,"When we call the `initCamera` function, the user will be prompted to allow access to their webcam. We pass an options object to the `getUserMedia` function.\n\nSpecifying the `facingMode` property in the video object lets the browser know that it should choose the camera facing the user if there are multiple cameras. On mobile devices, this should mean the selfie camera is selected by default.\n\nWe also specify `width` and `height` parameters. This tells the browser the ideal dimensions of the video we want to receive. In this case, we have chosen to limit it to 640x480 if possible so that the pose detection will be efficient. The bigger the video, the more resource-intensive the pose detection will be, so 640x480 is a happy medium.\n\nAfter getting the stream, we can then assign it to the video element we created earlier. Before we do that, we make a new promise that will allow us to wait for the video to completely load before resolving. After assigning a video a media stream, it takes time to initialise everything and actually load the stream. By adding an `onloadmetadata` event listener to the video element that resolves our promise, we can ensure we don't use the video before it is ready. Once all that's set up, it's time to add the stream to the video by assigning it to the video element's `srcObject` property.\n\nHopefully, by this point, you should be seeing your face appearing on the page!",{"__component":141,"id":1274,"Size":39,"caption":39,"Image":1857},[1858],{"id":1725,"name":1859,"alternativeText":1860,"caption":29,"width":1861,"height":1862,"formats":1863,"hash":1892,"ext":34,"mime":37,"size":1893,"url":1894,"previewUrl":39,"provider":72,"provider_metadata":1895,"created_at":1896,"updated_at":1897},"Screenshot 2021-10-25 at 11.03.14.png","My face on the webcam!",1478,1098,{"large":1864,"small":1871,"medium":1878,"thumbnail":1885},{"ext":34,"url":1865,"hash":1866,"mime":37,"name":1867,"path":39,"size":1868,"width":41,"height":1869,"provider_metadata":1870},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635237709/large_Screenshot_2021_10_25_at_11_03_14_c1c06b09f6.png","large_Screenshot_2021_10_25_at_11_03_14_c1c06b09f6","large_Screenshot 2021-10-25 at 11.03.14.png",1156.59,743,{"public_id":1866,"resource_type":44},{"ext":34,"url":1872,"hash":1873,"mime":37,"name":1874,"path":39,"size":1875,"width":50,"height":1876,"provider_metadata":1877},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635237711/small_Screenshot_2021_10_25_at_11_03_14_c1c06b09f6.png","small_Screenshot_2021_10_25_at_11_03_14_c1c06b09f6","small_Screenshot 2021-10-25 at 11.03.14.png",345.69,371,{"public_id":1873,"resource_type":44},{"ext":34,"url":1879,"hash":1880,"mime":37,"name":1881,"path":39,"size":1882,"width":58,"height":1883,"provider_metadata":1884},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635237710/medium_Screenshot_2021_10_25_at_11_03_14_c1c06b09f6.png","medium_Screenshot_2021_10_25_at_11_03_14_c1c06b09f6","medium_Screenshot 2021-10-25 at 11.03.14.png",705.81,557,{"public_id":1880,"resource_type":44},{"ext":34,"url":1886,"hash":1887,"mime":37,"name":1888,"path":39,"size":1889,"width":1890,"height":67,"provider_metadata":1891},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635237706/thumbnail_Screenshot_2021_10_25_at_11_03_14_c1c06b09f6.png","thumbnail_Screenshot_2021_10_25_at_11_03_14_c1c06b09f6","thumbnail_Screenshot 2021-10-25 at 11.03.14.png",73.75,210,{"public_id":1887,"resource_type":44},"Screenshot_2021_10_25_at_11_03_14_c1c06b09f6",1416.03,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635237705/Screenshot_2021_10_25_at_11_03_14_c1c06b09f6.png",{"public_id":1892,"resource_type":44},"2021-10-26T08:41:52.414Z","2021-10-26T08:42:04.448Z",{"__component":23,"id":731,"Text":1899},"### Drawing on top of the video with canvas\n\nDisplaying the webcam feed is excellent, but we need to start thinking about manipulating and adding to it. Our goal is to superimpose a skeleton on top of the feed, so we need to draw images on top of it.\n\nCanvas is the perfect tool for the job here. We can add a new canvas element and position it precisely over the top of the video.\n\nModify `index.html` to look like the following:",{"__component":412,"id":1790,"Code":1901,"Type":1189,"location":39,"language":39},"\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n \u003Chead>\n \u003Cmeta charset=\"UTF-8\" />\n \u003Clink rel=\"icon\" type=\"image/svg+xml\" href=\"favicon.svg\" />\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n \u003Ctitle>Vite App\u003C/title>\n \u003C/head>\n \u003Cbody>\n \u003Cdiv class=\"container\">\n \u003Cvideo\n playsinline\n autoplay=\"true\"\n width=\"640\"\n height=\"480\"\n >\u003C/video>\n \u003Ccanvas \n width=\"640\"\n height=\"480\"\n />\n \u003C/div>\n \u003Cscript type=\"module\" src=\"/src/main.ts\">\u003C/script>\n \u003C/body>\n\u003C/html>\n",{"__component":23,"id":1824,"Text":1903},"We have added a wrapper div around the video element. This is so we can position the canvas element absolutely on top of the video. To do that we need to add some css:",{"__component":412,"id":1628,"Code":1905,"Type":1670,"location":39,"language":39},"// style.css\n.container {\n position: relative;\n width: 640px;\n height: 480px;\n}\n\ncanvas {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}",{"__component":23,"id":1907,"Text":1908},130,"Finally, let's get a reference to the canvas element and get a rendering context so that we can use it later.",{"__component":412,"id":1574,"Code":1910,"Type":1683,"location":39,"language":39},"// main.ts\nconst videoEl = document.querySelector\u003CHTMLVideoElement>('video');\nconst canvasEl = document.querySelector\u003CHTMLCanvasElement>('canvas');\nconst ctx = canvasEl?.getContext('2d');\n\nasync function initCamera() {\n const stream = await navigator.mediaDevices.getUserMedia({\n video: {\n facingMode: 'user',\n width: { ideal: 640 },\n height: { ideal: 480 },\n },\n audio: false,\n });\n\n let onVideoReady: (ready: boolean) => void;\n const videoReadyPromise = new Promise((resolve) => onVideoReady = resolve);\n videoEl.onloadedmetadata = () => onVideoReady(true);\n\n videoEl.srcObject = stream;\n \n return videoReadyPromise;\n}\n\nasync function start() {\n\tawait initCamera();\n}\n\nstart();",{"__component":23,"id":1912,"Text":1913},131,"### Pose detection with TensorFlow.js and BlazePose\n\nOk, here comes the fun part! Now that our webcam is up and running and we have a way to draw over the top of the video feed, it's time to use AI to analyse the video feed and detect any poses skeletons within the video.\n\nAt this point your might be thinking: \"Jozef, I am just a lowly frontend developer. Don't I need to be genius AI, machine learning guru to be able to do pose detection?\" That's very humble of you but don't put yourself down like that! TensorFlow.js make all of this very clever AI stuff extremely accessible to any frontend developer!\n\nTensorFlow.js is a library that enables machine learning within the browser. There are loads of pre-built models that can achieve all sorts of tasks from object detection to speech recognition, and thankfully for us, pose detection. You can take a look at the available models here: [https://www.tensorflow.org/js/models](https://www.tensorflow.org/js/models)\n\nIn addition to the pre-built models, you can train your own, but let's save that for another article!\n\nThe TensorFlow.js pose detections models can be found here: [https://github.com/tensorflow/tfjs-models/tree/master/pose-detection](https://github.com/tensorflow/tfjs-models/tree/master/pose-detection)\n\nAs you can see, they have 3 models to choose from, each of which has pros and cons. We decided to go with BlazePose because we found it to have good performance, and it provides additional tracking points that could be useful.\n\nLet's install the TensorFlow.js dependencies so we can use it in our project.",{"__component":412,"id":1611,"Code":1915,"Type":415,"location":39,"language":39},"npm i @tensorflow-models/pose-detection@0.0.6 @tensorflow/tfjs-backend-webgl@3.8.0 @tensorflow/tfjs-converter@3.8.0",{"__component":23,"id":957,"Text":1917},"Note we have locked the TensorFlow dependencies to 3.8.0 because there were issues with later versions.\n\nNow that we have got TensforFlow.js installed let's update `src/main.ts` to make use of the new packages and start pose detecting!",{"__component":412,"id":283,"Code":1919,"Type":1683,"location":39,"language":39},"// main.ts\nimport * as poseDetection from '@tensorflow-models/pose-detection';\nimport '@tensorflow/tfjs-backend-webgl';\nimport './style.css';\n\nconst videoEl = document.querySelector\u003CHTMLVideoElement>('video');\nconst canvasEl = document.querySelector\u003CHTMLCanvasElement>('canvas');\nconst ctx = canvasEl?.getContext('2d');\n\nasync function initCamera() {\n const stream = await navigator.mediaDevices.getUserMedia({\n video: {\n facingMode: 'user',\n width: { ideal: 640 },\n height: { ideal: 480 },\n },\n audio: false,\n });\n\n let onVideoReady: (ready: boolean) => void;\n const videoReadyPromise = new Promise((resolve) => onVideoReady = resolve);\n videoEl.onloadedmetadata = () => onVideoReady(true);\n\n videoEl.srcObject = stream;\n \n return videoReadyPromise;\n}\n\nasync function initPoseDetection() {\n const model = poseDetection.SupportedModels.BlazePose;\n const detector = await poseDetection.createDetector(model, {\n runtime: 'tfjs',\n modelType: 'lite',\n maxPoses: 1,\n } as poseDetection.BlazePoseTfjsModelConfig);\n\n return detector;\n}\n\nasync function start() {\n await initCamera();\n const detector = await initPoseDetection();\n\n async function render() {\n const poses = await detector.estimatePoses(videoEl!);\n console.log(poses);\n requestAnimationFrame(render);\n }\n}\n\nstart();",{"__component":23,"id":777,"Text":1921},"Let's talk through the changes here. Firstly at the top of the file, you can see the new imports. We import the pose detection library and the WebGL backend for TensorFlow.js. This allows TensorFlow.js to run on the graphics processor resulting in much faster performance than running on the CPU.\n\nThe next addition is the `initPoseDetection` function. Here we chose BlazePose as a model of choice, and then we instantiated a new detector using the BlazePose model. When doing this, we pass a config object allowing us to customise how the model will run.\n\nWe set the `runtime` attribute to \"tfjs\". This tells the detector to use TensorFlow.js (you can also use something called MediaPipe, but the performance varies massively between browsers).\n\nThe `model` attribute is set to \"lite\". There are three types of BlazePose model to choose from, \"lite\", \"full\", and \"heavy\". These change the quality of the detection model. Lite has the least accurate detection but is the best performing, whilst \"heavy\" has the best accuracy but is very performance-intensive, and \"full\" is somewhere in the middle. We have chosen \"lite\" because we want this to work in real-time and on weaker devices if possible.\n\nIn case you hadn't guessed, `maxPoses` specifies how many poses the detector should search for. But, again, for the sake of performance, we are limiting it to one.\n\nThe `start` function has been updated to create our pose skeleton detector after the camera is initialised, and we have also added a new `render` function. We will detect the poses on each video frame and eventually draw them to the canvas. For the time being, we are just detecting the poses with the line:\n\n`const poses = await detector.estimatePoses(videoEl!);`\n\nHow easy is that! You just pass the `estimatePoses` function your video element, a lot of AI magic happens in the background, and before you know it, you'll have a nice array of poses.\n\nIf you look in your console now, you should see s steady stream of pose arrays logging into your console. If you open one of them out and look inside, it should look something a bit like this:",{"__component":412,"id":1331,"Code":1923,"Type":422,"location":39,"language":39},"[\n {\n \"score\": 0.9999910593032837,\n \"keypoints\": [\n {\n \"x\": 362.1851530148483,\n \"y\": 235.49307254371956,\n \"z\": -729053.3069949468,\n \"score\": 0.9998758783456222,\n \"name\": \"nose\"\n },\n {\n \"x\": 381.78655583117063,\n \"y\": 195.58328362686387,\n \"z\": -684314.8261948047,\n \"score\": 0.9996265026574452,\n \"name\": \"left_eye_inner\"\n },\n {\n \"x\": 396.3415603433863,\n \"y\": 198.3687794162295,\n \"z\": -684276.2656579157,\n \"score\": 0.9997904934464069,\n \"name\": \"left_eye\"\n },\n {\n \"x\": 408.91519818260184,\n \"y\": 201.09340840610764,\n \"z\": -683932.6845901452,\n \"score\": 0.999563694033746,\n \"name\": \"left_eye_outer\"\n },\n {\n \"x\": 336.5293852396535,\n \"y\": 189.06441746316608,\n \"z\": -694288.547797726,\n \"score\": 0.9996265177033095,\n \"name\": \"right_eye_inner\"\n },\n {\n \"x\": 316.81846770951233,\n \"y\": 188.4412867665395,\n \"z\": -693936.2406338064,\n \"score\": 0.9997704015296288,\n \"name\": \"right_eye\"\n },\n ]\n }\n]",{"__component":23,"id":1925,"Text":1926},134,"The top-level `score` property is the confidence that a pose is actually in the frame. After that, we have `keypoints`. These contain the coordinates of all the bits of your body. Let's just stop a second and think about how amazing it is that you can get to this point entirely in the browser!\n\nNot so long ago, pose tracking like this would require one of those ridiculous bobble suits and a costly camera set up like you see when CGI scenes are being recorded at the movies. Now you can get pretty good results with your selfie cam and Google Chrome!\n\n",{"__component":23,"id":867,"Text":1928},"### Drawing the detected pose\n\nIt's about time we start putting all this clever AI to use and drawing our skeleton. For a simple first step, we will attempt the hello world of \"skeletonising\" and mark the components of our head using simple dots and lines.\n\nTo do this, we can create a new \"Skeleton\" class that will handle the drawing of each body part. For the time being, we will only draw the head. The start of our Skeleton class can be seen below:",{"__component":141,"id":1276,"Size":39,"caption":39,"Image":1930},[1931],{"id":1663,"name":1932,"alternativeText":1933,"caption":29,"width":1934,"height":1935,"formats":1936,"hash":1957,"ext":34,"mime":37,"size":1958,"url":1959,"previewUrl":39,"provider":72,"provider_metadata":1960,"created_at":1961,"updated_at":1962},"blazepose-keypoints.png","Blazepose keypoints",772,438,{"small":1937,"medium":1944,"thumbnail":1951},{"ext":34,"url":1938,"hash":1939,"mime":37,"name":1940,"path":39,"size":1941,"width":50,"height":1942,"provider_metadata":1943},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635239110/small_blazepose_keypoints_fb4aef6236.png","small_blazepose_keypoints_fb4aef6236","small_blazepose-keypoints.png",73.95,284,{"public_id":1939,"resource_type":44},{"ext":34,"url":1945,"hash":1946,"mime":37,"name":1947,"path":39,"size":1948,"width":58,"height":1949,"provider_metadata":1950},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635239109/medium_blazepose_keypoints_fb4aef6236.png","medium_blazepose_keypoints_fb4aef6236","medium_blazepose-keypoints.png",143.98,426,{"public_id":1946,"resource_type":44},{"ext":34,"url":1952,"hash":1953,"mime":37,"name":1954,"path":39,"size":1955,"width":256,"height":147,"provider_metadata":1956},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635239108/thumbnail_blazepose_keypoints_fb4aef6236.png","thumbnail_blazepose_keypoints_fb4aef6236","thumbnail_blazepose-keypoints.png",23.9,{"public_id":1953,"resource_type":44},"blazepose_keypoints_fb4aef6236",87.42,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635239108/blazepose_keypoints_fb4aef6236.png",{"public_id":1957,"resource_type":44},"2021-10-26T09:05:11.310Z","2021-10-26T09:05:32.498Z",{"__component":23,"id":1592,"Text":1928},{"__component":412,"id":1392,"Code":1965,"Type":1683,"location":39,"language":39},"// src/skeleton.ts\nimport { Pose } from '@tensorflow-models/pose-detection';\n\nexport class Skeleton {\n constructor(private ctx: CanvasRenderingContext2D) {}\n\n private drawHead(pose: Pose) {\n const leftEye = pose.keypoints.find((keypoint) => keypoint.name === 'left_eye');\n const rightEye = pose.keypoints.find((keypoint) => keypoint.name == 'right_eye');\n const leftMouth = pose.keypoints.find((keypoint) => keypoint.name === 'mouth_left');\n const rightMouth = pose.keypoints.find((keypoint) => keypoint.name === 'mouth_right');\n const nose = pose.keypoints.find((keypoint) => keypoint.name === 'nose');\n\n this.ctx.fillStyle = 'red';\n this.ctx.strokeStyle = 'red';\n this.ctx.lineWidth = 5;\n if (leftEye) {\n this.ctx.beginPath();\n this.ctx.arc(leftEye.x - 10, leftEye.y - 10, 10, 0, 2 * Math.PI);\n this.ctx.fill();\n }\n if (rightEye) {\n this.ctx.beginPath();\n this.ctx.arc(rightEye.x - 10, rightEye.y - 10, 10, 0, 2 * Math.PI);\n this.ctx.fill();\n }\n if (nose) {\n this.ctx.beginPath();\n this.ctx.arc(nose.x - 10, nose.y - 10, 10, 0, 2 * Math.PI);\n this.ctx.fill();\n }\n\n if (leftMouth && rightMouth) {\n this.ctx.beginPath();\n this.ctx.moveTo(leftMouth.x, leftMouth.y);\n this.ctx.lineTo(rightMouth.x, rightMouth.y);\n this.ctx.stroke();\n }\n }\n\n public draw(pose: Pose) {\n this.drawHead(pose);\n }\n}",{"__component":23,"id":1967,"Text":1968},137,"So here you can see we have a class with two methods. When we instantiate a new Skeleton, we will pass it to the canvas rendering context via the constructor. This will allow the Skeleton to use it later so it can draw the skeleton parts.\n\nNext, we have the `drawHead` method. As you have probably guessed, this will be responsible for rendering the head. Eventually, we will have a function for each body part, but the head is enough to get things started.\n\nEach time the `drawHead` method is called, we will pass it the current pose object from BlazePose. At the beginning of the function, we find each key point that makes up the head.\n\nOnce we have the key points, we then go about drawing them. For the eyes and nose, we draw a simple circle at their coordinates. For the mouth, we draw a line between the left and right sides of the mouth.\n\nWe can now update `main.ts` to create a new Skeleton and call its `draw` function on render.",{"__component":412,"id":607,"Code":1970,"Type":1683,"location":39,"language":39},"// main.ts\nasync function start() {\n await initCamera();\n const detector = await initPoseDetection();\n const skeleton = new Skeleton(ctx);\n\n async function render() {\n const poses = await detector.estimatePoses(videoEl!, {\n maxPoses: 1,\n flipHorizontal: false,\n scoreThreshold: 0.4,\n });\n\n ctx.clearRect(0, 0, 640, 480);\n\n if (poses[0]) {\n skeleton.draw(poses[0]);\n }\n\n requestAnimationFrame(render);\n }\n\n render();\n}",{"__component":23,"id":239,"Text":1972},"You should now have something that looks a bit like this:",{"__component":141,"id":1278,"Size":39,"caption":39,"Image":1974},[1975],{"id":1976,"name":1977,"alternativeText":1978,"caption":29,"width":1979,"height":1980,"formats":1981,"hash":2009,"ext":34,"mime":37,"size":2010,"url":2011,"previewUrl":39,"provider":72,"provider_metadata":2012,"created_at":2013,"updated_at":2014},88,"Screenshot 2021-10-25 at 13.07.21.png","Pose detection markers on my face",1468,980,{"large":1982,"small":1989,"medium":1996,"thumbnail":2003},{"ext":34,"url":1983,"hash":1984,"mime":37,"name":1985,"path":39,"size":1986,"width":41,"height":1987,"provider_metadata":1988},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635239492/large_Screenshot_2021_10_25_at_13_07_21_70e75104f6.png","large_Screenshot_2021_10_25_at_13_07_21_70e75104f6","large_Screenshot 2021-10-25 at 13.07.21.png",990.95,668,{"public_id":1984,"resource_type":44},{"ext":34,"url":1990,"hash":1991,"mime":37,"name":1992,"path":39,"size":1993,"width":50,"height":1994,"provider_metadata":1995},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635239495/small_Screenshot_2021_10_25_at_13_07_21_70e75104f6.png","small_Screenshot_2021_10_25_at_13_07_21_70e75104f6","small_Screenshot 2021-10-25 at 13.07.21.png",291.51,334,{"public_id":1991,"resource_type":44},{"ext":34,"url":1997,"hash":1998,"mime":37,"name":1999,"path":39,"size":2000,"width":58,"height":2001,"provider_metadata":2002},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635239494/medium_Screenshot_2021_10_25_at_13_07_21_70e75104f6.png","medium_Screenshot_2021_10_25_at_13_07_21_70e75104f6","medium_Screenshot 2021-10-25 at 13.07.21.png",599.12,501,{"public_id":1998,"resource_type":44},{"ext":34,"url":2004,"hash":2005,"mime":37,"name":2006,"path":39,"size":2007,"width":223,"height":67,"provider_metadata":2008},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635239490/thumbnail_Screenshot_2021_10_25_at_13_07_21_70e75104f6.png","thumbnail_Screenshot_2021_10_25_at_13_07_21_70e75104f6","thumbnail_Screenshot 2021-10-25 at 13.07.21.png",75.32,{"public_id":2005,"resource_type":44},"Screenshot_2021_10_25_at_13_07_21_70e75104f6",1263.14,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635239489/Screenshot_2021_10_25_at_13_07_21_70e75104f6.png",{"public_id":2009,"resource_type":44},"2021-10-26T09:11:36.575Z","2021-10-26T09:11:50.489Z",{"__component":23,"id":147,"Text":2016},"The pose detection is working! Of course, the code we have just written to draw the head will be replaced, but it's good to see visual proof that the pose detection is working as it should.\n\n### Mapping images to body parts\n\nSo as you can see, drawing dots and lines over the pose key points is very easy. Unfortunately, dots and lines make a pretty awful Halloween costume, so replacing them with illustrated skeleton pieces would be better.\n\nWe got a skeleton illustration and separated all the body parts and exported them, individual, from Figma. Here is our skeleton:",{"__component":141,"id":1846,"Size":39,"caption":39,"Image":2018},[2019],{"id":595,"name":2020,"alternativeText":2021,"caption":29,"width":2022,"height":2023,"formats":2024,"hash":2052,"ext":34,"mime":37,"size":2053,"url":2054,"previewUrl":39,"provider":72,"provider_metadata":2055,"created_at":2056,"updated_at":2057},"Screenshot 2021-10-26 at 10.21.09.png","Skeleton parts in figma",1458,996,{"large":2025,"small":2032,"medium":2039,"thumbnail":2046},{"ext":34,"url":2026,"hash":2027,"mime":37,"name":2028,"path":39,"size":2029,"width":41,"height":2030,"provider_metadata":2031},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635240098/large_Screenshot_2021_10_26_at_10_21_09_f9df04da71.png","large_Screenshot_2021_10_26_at_10_21_09_f9df04da71","large_Screenshot 2021-10-26 at 10.21.09.png",60.77,683,{"public_id":2027,"resource_type":44},{"ext":34,"url":2033,"hash":2034,"mime":37,"name":2035,"path":39,"size":2036,"width":50,"height":2037,"provider_metadata":2038},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635240100/small_Screenshot_2021_10_26_at_10_21_09_f9df04da71.png","small_Screenshot_2021_10_26_at_10_21_09_f9df04da71","small_Screenshot 2021-10-26 at 10.21.09.png",22.37,342,{"public_id":2034,"resource_type":44},{"ext":34,"url":2040,"hash":2041,"mime":37,"name":2042,"path":39,"size":2043,"width":58,"height":2044,"provider_metadata":2045},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635240099/medium_Screenshot_2021_10_26_at_10_21_09_f9df04da71.png","medium_Screenshot_2021_10_26_at_10_21_09_f9df04da71","medium_Screenshot 2021-10-26 at 10.21.09.png",39.5,512,{"public_id":2041,"resource_type":44},{"ext":34,"url":2047,"hash":2048,"mime":37,"name":2049,"path":39,"size":2050,"width":466,"height":67,"provider_metadata":2051},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635240097/thumbnail_Screenshot_2021_10_26_at_10_21_09_f9df04da71.png","thumbnail_Screenshot_2021_10_26_at_10_21_09_f9df04da71","thumbnail_Screenshot 2021-10-26 at 10.21.09.png",7.54,{"public_id":2048,"resource_type":44},"Screenshot_2021_10_26_at_10_21_09_f9df04da71",63.87,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635240096/Screenshot_2021_10_26_at_10_21_09_f9df04da71.png",{"public_id":2052,"resource_type":44},"2021-10-26T09:21:41.034Z","2021-10-26T09:21:49.774Z",{"__component":23,"id":193,"Text":2059},"To map an image to the correct position, there are a few things we need to work out.\n\n* The position of the image. It's x and y coordinates.\n* The angle of the image. Do we need to rotate it to fit correctly?\n* The height and width. Do we need to scale it horizontally or vertically?\n\nFor the head, we can use the nose keypoint as the central coordinates.\nTo figure out the rotation, we can calculate the angle between the two eye key points.\nFinally, to figure out the horizontal scale, we can calculate the distance between the eyes and then compare it to the actual distance between the eyes in our head image. \n\nWe can do the same for the horizontal scale by measuring the height between the mouth and the eyes.\n\nAll of the above can be worked out using Vector math. We have created a small helper file to do this:",{"__component":412,"id":653,"Code":2061,"Type":1683,"location":39,"language":39},"// src/vectors.ts\nexport interface Vector {\n x: number;\n y: number;\n}\n\n/**\n * Find the middle point between two vectors\n */\nexport function getMiddle(a: Vector, b: Vector): Vector {\n return {\n x: a.x + (b.x - a.x) * 0.50,\n y: a.y + (b.y - a.y) * 0.50,\n };\n}\n\n/**\n * Find the distance between two vectors\n * @param a\n * @param b\n */\nexport function getDistance(a: Vector, b: Vector): number {\n const x = a.x - b.x;\n const y = a.y - b.y;\n return Math.sqrt(x * x + y * y);\n}\n\n/**\n * Get the angle in degrees between two vectors\n * @param a\n * @param b\n */\nexport function getAngle(a: Vector, b: Vector) {\n return (Math.atan2(b.y - a.y, b.x - a.x) * 180) / Math.PI;\n}",{"__component":23,"id":2063,"Text":2064},141,"Our vector helper file can now be used in the Skeleton draw functions to figure out the image positioning:",{"__component":412,"id":697,"Code":2066,"Type":1683,"location":39,"language":39},"import { Pose } from '@tensorflow-models/pose-detection';\nimport { getAngle, getDistance, getMiddle } from './vectors';\n\n// Skeleton parts\nimport Head from './assets/skeleton/Head.png';\n\n// Load the skeleton parts\nconst head = new Image();\nhead.src = Head;\n\nexport class Skeleton {\n constructor(private ctx: CanvasRenderingContext2D) {}\n\n private drawHead(pose: Pose) {\n const leftEye = pose.keypoints.find((keypoint) => keypoint.name === 'left_eye');\n const rightEye = pose.keypoints.find((keypoint) => keypoint.name == 'right_eye');\n const leftMouth = pose.keypoints.find((keypoint) => keypoint.name === 'mouth_left');\n const rightMouth = pose.keypoints.find((keypoint) => keypoint.name === 'mouth_right');\n const nose = pose.keypoints.find((keypoint) => keypoint.name === 'nose');\n\n // The real dimensions of keypoints in our head image\n const eyeWidth = 205;\n const eyesToMouth = 220;\n\n // If we are missing any parts return early\n if (!leftEye || !rightEye || !leftMouth || !rightMouth || !nose) {\n return;\n }\n\n const eyeAngleDeg = getAngle(leftEye, rightEye);\n const distance = getDistance(leftEye, rightEye);\n const xScale = distance / eyeWidth;\n\n const middleEye = getMiddle(leftEye, rightEye);\n const middleMouth = getMiddle(leftMouth, rightMouth);\n const mouthToEyeDistance = getDistance(middleEye, middleMouth);\n const yScale = mouthToEyeDistance / eyesToMouth;\n\n this.drawImage({\n image: head,\n x: nose.x,\n y: nose.y,\n height: head.height * yScale,\n width: head.width * xScale,\n rotation: eyeAngleDeg,\n offsetX: 0.55,\n offsetY: 0.8,\n });\n }\n\n private drawImage(options: {\n image: HTMLImageElement,\n x: number,\n y: number,\n height: number,\n width: number,\n rotation: number,\n offsetX: number,\n offsetY: number,\n }): void {\n const {\n image,\n x,\n y,\n height,\n width,\n rotation,\n offsetX,\n offsetY,\n } = options;\n // save the unrotated context of the canvas so we can restore it later\n // the alternative is to untranslate & unrotate after drawing\n this.ctx.save();\n \n // move to the center of the canvas\n this.ctx.translate(x, y);\n \n // rotate the canvas to the specified degrees\n this.ctx.rotate(((180 + rotation) * Math.PI) / 180);\n \n // draw the image\n // since the ctx is rotated, the image will be rotated also\n this.ctx.drawImage(image, 0 - (width * offsetX), 0 - (height * offsetY), width, height);\n \n // we’re done with the rotating so restore the unrotated ctx\n this.ctx.restore();\n }\n\n public draw(pose: Pose) {\n this.drawHead(pose);\n }\n}",{"__component":23,"id":2068,"Text":2069},142,"There's quite a lot of changes here so let's go through them. Starting at the top of the file we import our shiny new vector helpers. We also import the image that will be used for our head, and create a new Image and set its src. This will allow us to draw it to the canvas with `drawImage` later.\n",{"__component":412,"id":743,"Code":2071,"Type":1683,"location":39,"language":39},"import { getAngle, getDistance, getMiddle } from './vectors';\n\n// Skeleton parts\nimport Head from './assets/skeleton/Head.png';\n\n// Load the skeleton parts\nconst head = new Image();\nhead.src = Head;",{"__component":23,"id":2073,"Text":2074},143,"Moving on to the `drawHead` function:",{"__component":412,"id":789,"Code":2076,"Type":1683,"location":39,"language":39},"private drawHead(pose: Pose) {\n const leftEye = pose.keypoints.find((keypoint) => keypoint.name === 'left_eye');\n const rightEye = pose.keypoints.find((keypoint) => keypoint.name == 'right_eye');\n const leftMouth = pose.keypoints.find((keypoint) => keypoint.name === 'mouth_left');\n const rightMouth = pose.keypoints.find((keypoint) => keypoint.name === 'mouth_right');\n const nose = pose.keypoints.find((keypoint) => keypoint.name === 'nose');\n\n // The real dimensions of keypoints in our head image\n const eyeWidth = 205;\n const eyesToMouth = 220;\n\n // If we are missing any parts return early\n if (!leftEye || !rightEye || !leftMouth || !rightMouth || !nose) {\n return;\n }\n\n const eyeAngleDeg = getAngle(leftEye, rightEye);\n const distance = getDistance(leftEye, rightEye);\n const xScale = distance / eyeWidth;\n\n const middleEye = getMiddle(leftEye, rightEye);\n const middleMouth = getMiddle(leftMouth, rightMouth);\n const mouthToEyeDistance = getDistance(middleEye, middleMouth);\n const yScale = mouthToEyeDistance / eyesToMouth;\n\n this.drawImage({\n image: head,\n x: nose.x,\n y: nose.y,\n height: head.height * yScale,\n width: head.width * xScale,\n rotation: eyeAngleDeg,\n offsetX: 0.55,\n offsetY: 0.8,\n });\n }",{"__component":23,"id":2078,"Text":2079},144,"Here you can see we have gotten rid of the quick dot/line drawing and replaced it with a lot of maths! We have two constants for the eye width and the eye to mouth height. \n\nThese are the actual pixel distance between the eyes and the eyes to mouth in `Head.png`, and we can use these to scale our image relative to the lengths in the detected pose.\n\nWe work out the rotation for the head image by getting the angle between the two eye keypoints:",{"__component":412,"id":834,"Code":2081,"Type":1683,"location":39,"language":39},"const eyeAngleDeg = getAngle(leftEye, rightEye);",{"__component":23,"id":2083,"Text":2084},145,"The x-axis scale is worked out by measuring the distance between the two eye key points and then dividing it by the real pixel width:",{"__component":412,"id":879,"Code":2086,"Type":1683,"location":39,"language":39},"const distance = getDistance(leftEye, rightEye);\nconst xScale = distance / eyeWidth;",{"__component":23,"id":1579,"Text":2088},"We can then do something similar to figure out the y-axis scale:",{"__component":412,"id":924,"Code":2090,"Type":1683,"location":39,"language":39},"const middleEye = getMiddle(leftEye, rightEye);\n const middleMouth = getMiddle(leftMouth, rightMouth);\n const mouthToEyeDistance = getDistance(middleEye, middleMouth);\n const yScale = mouthToEyeDistance / eyesToMouth;",{"__component":23,"id":2092,"Text":2093},147,"The only difference here is that we find the middle point between the eyes and the central point between both sides of the mouth and then calculate the height.\n\nNow that all the maths is done, its time to draw the head image to the canvas.",{"__component":412,"id":969,"Code":2095,"Type":1683,"location":39,"language":39},"this.drawImage({\n image: head,\n x: nose.x,\n y: nose.y,\n height: head.height * yScale,\n width: head.width * xScale,\n rotation: eyeAngleDeg,\n offsetX: 0.55,\n offsetY: 0.8,\n});",{"__component":23,"id":257,"Text":2097},"We are using another new function on the Skeleton class here called drawImage, which we will talk about in a bit. Still, for the time being, you can see that we are using the variables we calculated above to position, scale and rotate the image correctly.\n\nNow back to the Skeleton's `drawImage` function.",{"__component":412,"id":1011,"Code":2099,"Type":1683,"location":39,"language":39},"private drawImage(options: {\n image: HTMLImageElement,\n x: number,\n y: number,\n height: number,\n width: number,\n rotation: number,\n offsetX: number,\n offsetY: number,\n }): void {\n const {\n image,\n x,\n y,\n height,\n width,\n rotation,\n offsetX,\n offsetY,\n } = options;\n // save the unrotated context of the canvas so we can restore it later\n this.ctx.save();\n\n // move to the center of the canvas\n this.ctx.translate(x, y);\n\n // rotate the canvas to the specified angle\n this.ctx.rotate(((180 + rotation) * Math.PI) / 180);\n\n // draw the image because ctx is rotated, the image will be rotated also\n this.ctx.drawImage(image, 0 - (width * offsetX), 0 - (height * offsetY), width, height);\n \n // restore the unrotated ctx\n this.ctx.restore();\n}",{"__component":23,"id":2101,"Text":2102},149,"This function allows us to draw an image and rotate it around an anchor point of our choosing. By default, the canvas drawImage function will position an image from its top-left coordinate. Unfortunately, this makes it awkward for us to position and rotate the image to match the pose.\n\nUsing the canvas translate and rotate functions before drawing the image allows us to position it and rotate how we need to.\n\nHopefully, by this point, you are starting to look a bit sillier like I am below:",{"__component":141,"id":1851,"Size":39,"caption":39,"Image":2104},[2105],{"id":601,"name":2106,"alternativeText":2107,"caption":29,"width":2108,"height":2109,"formats":2110,"hash":2138,"ext":34,"mime":37,"size":2139,"url":2140,"previewUrl":39,"provider":72,"provider_metadata":2141,"created_at":2142,"updated_at":2143},"Screenshot 2021-10-25 at 16.09.47.png","Looking silly with a skull on my face",1328,1002,{"large":2111,"small":2118,"medium":2125,"thumbnail":2132},{"ext":34,"url":2112,"hash":2113,"mime":37,"name":2114,"path":39,"size":2115,"width":41,"height":2116,"provider_metadata":2117},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635241395/large_Screenshot_2021_10_25_at_16_09_47_78b85f4a6a.png","large_Screenshot_2021_10_25_at_16_09_47_78b85f4a6a","large_Screenshot 2021-10-25 at 16.09.47.png",1390.73,755,{"public_id":2113,"resource_type":44},{"ext":34,"url":2119,"hash":2120,"mime":37,"name":2121,"path":39,"size":2122,"width":50,"height":2123,"provider_metadata":2124},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635241397/small_Screenshot_2021_10_25_at_16_09_47_78b85f4a6a.png","small_Screenshot_2021_10_25_at_16_09_47_78b85f4a6a","small_Screenshot 2021-10-25 at 16.09.47.png",412.33,377,{"public_id":2120,"resource_type":44},{"ext":34,"url":2126,"hash":2127,"mime":37,"name":2128,"path":39,"size":2129,"width":58,"height":2130,"provider_metadata":2131},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635241396/medium_Screenshot_2021_10_25_at_16_09_47_78b85f4a6a.png","medium_Screenshot_2021_10_25_at_16_09_47_78b85f4a6a","medium_Screenshot 2021-10-25 at 16.09.47.png",842.67,566,{"public_id":2127,"resource_type":44},{"ext":34,"url":2133,"hash":2134,"mime":37,"name":2135,"path":39,"size":2136,"width":1266,"height":67,"provider_metadata":2137},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635241393/thumbnail_Screenshot_2021_10_25_at_16_09_47_78b85f4a6a.png","thumbnail_Screenshot_2021_10_25_at_16_09_47_78b85f4a6a","thumbnail_Screenshot 2021-10-25 at 16.09.47.png",86.41,{"public_id":2134,"resource_type":44},"Screenshot_2021_10_25_at_16_09_47_78b85f4a6a",1433.05,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635241391/Screenshot_2021_10_25_at_16_09_47_78b85f4a6a.png",{"public_id":2138,"resource_type":44},"2021-10-26T09:43:18.284Z","2021-10-26T09:43:18.295Z",{"__component":23,"id":2145,"Text":2146},150,"## Where's my body?\n\nWe've got a lovely looking skeleton skull, but we are still missing a lot of bones. Luckily we now have everything in place to draw the rest of the body. We need to create draw functions for each of the other body parts. I won't copy all the draw functions here because there are loads of them, but if you want to see them all, check them out on the repo: [https://github.com/pixelhop/skeletoniser/blob/main/src/skeleton.ts](https://github.com/pixelhop/skeletoniser/blob/main/src/skeleton.ts)\n\n## Happy Halloween 🎃\n\nWe hope you enjoyed this post and have been able to adequately skeletonise yourself as a result! We love projects that are a bit of fun like this and can't wait to keep experimenting.\n\nAs always, if you enjoyed this post or have any questions feel free to reach out to us on Twitter: [@pixelhopio](https://twitter.com/pixelhopio) or subscribe to our newsletter to be kept up to date with what ever crazy things we build next!",{"id":2148,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":2149,"hash":2165,"ext":34,"mime":37,"size":2166,"url":2167,"previewUrl":39,"provider":72,"provider_metadata":2168,"created_at":2169,"updated_at":2169},391,{"small":2150,"medium":2155,"thumbnail":2160},{"ext":34,"url":2151,"hash":2152,"mime":37,"name":302,"path":39,"size":2153,"width":50,"height":311,"provider_metadata":2154},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375443/small_nano_final_1afaa8f5b8.png","small_nano_final_1afaa8f5b8",299.93,{"public_id":2152,"resource_type":44},{"ext":34,"url":2156,"hash":2157,"mime":37,"name":309,"path":39,"size":2158,"width":58,"height":537,"provider_metadata":2159},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375442/medium_nano_final_1afaa8f5b8.png","medium_nano_final_1afaa8f5b8",711.41,{"public_id":2157,"resource_type":44},{"ext":34,"url":2161,"hash":2162,"mime":37,"name":316,"path":39,"size":2163,"width":544,"height":67,"provider_metadata":2164},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375441/thumbnail_nano_final_1afaa8f5b8.png","thumbnail_nano_final_1afaa8f5b8",44.98,{"public_id":2162,"resource_type":44},"nano_final_1afaa8f5b8",977.46,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375440/nano_final_1afaa8f5b8.png",{"public_id":2165,"resource_type":44},"2026-04-28T11:24:03.524Z",[2171,2172,2173],{"id":333,"Name":1756,"created_at":1757,"updated_at":1758,"slug":1683},{"id":1520,"Name":1521,"created_at":1522,"updated_at":1523,"slug":1524},{"id":2174,"Name":2175,"created_at":2176,"updated_at":2177,"slug":2178},21,"TensorFlowJs","2021-10-26T13:33:10.653Z","2022-01-27T14:41:03.207Z","tensorflowjs",{"id":1482,"Title":2180,"user":2181,"Summary":2193,"created_at":2194,"updated_at":2195,"slug":2196,"published_at":2194,"release_date":2197,"Layout":138,"Content":2198,"Feature":2306,"tags":2334},"Trick or Treat - Halloween Experiment",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":2182},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":2183,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":2192,"created_at":374,"updated_at":374},{"large":2184,"small":2186,"medium":2188,"thumbnail":2190},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":2185},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":2187},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":2189},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":2191},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"Here at Pixelhop, things have been getting spooky, our bones have been rattling away, and we've been busy experimenting with some new technology and building out something fun and scary. Do you dare find out more? ","2021-10-25T18:58:31.219Z","2026-04-28T11:25:41.209Z","trick-or-treat-halloween-experiment","2021-10-25",[2199,2225,2227,2266,2268,2304],{"__component":141,"id":395,"Size":39,"caption":39,"Image":2200},[2201],{"id":142,"name":1334,"alternativeText":2202,"caption":29,"width":1335,"height":1336,"formats":2203,"hash":2220,"ext":34,"mime":37,"size":1365,"url":2221,"previewUrl":39,"provider":72,"provider_metadata":2222,"created_at":2223,"updated_at":2224},"Trick or Treat landing page",{"large":2204,"small":2208,"medium":2212,"thumbnail":2216},{"ext":34,"url":2205,"hash":2206,"mime":37,"name":1341,"path":39,"size":1342,"width":41,"height":1343,"provider_metadata":2207},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635188408/large_Screenshot_2021_10_21_at_18_58_23_aee208cea0.png","large_Screenshot_2021_10_21_at_18_58_23_aee208cea0",{"public_id":2206,"resource_type":44},{"ext":34,"url":2209,"hash":2210,"mime":37,"name":1348,"path":39,"size":1349,"width":50,"height":1350,"provider_metadata":2211},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635188409/small_Screenshot_2021_10_21_at_18_58_23_aee208cea0.png","small_Screenshot_2021_10_21_at_18_58_23_aee208cea0",{"public_id":2210,"resource_type":44},{"ext":34,"url":2213,"hash":2214,"mime":37,"name":1355,"path":39,"size":1356,"width":58,"height":1071,"provider_metadata":2215},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635188408/medium_Screenshot_2021_10_21_at_18_58_23_aee208cea0.png","medium_Screenshot_2021_10_21_at_18_58_23_aee208cea0",{"public_id":2214,"resource_type":44},{"ext":34,"url":2217,"hash":2218,"mime":37,"name":1361,"path":39,"size":1362,"width":256,"height":239,"provider_metadata":2219},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635188405/thumbnail_Screenshot_2021_10_21_at_18_58_23_aee208cea0.png","thumbnail_Screenshot_2021_10_21_at_18_58_23_aee208cea0",{"public_id":2218,"resource_type":44},"Screenshot_2021_10_21_at_18_58_23_aee208cea0","https://res.cloudinary.com/djyjvrw5u/image/upload/v1635188404/Screenshot_2021_10_21_at_18_58_23_aee208cea0.png",{"public_id":2220,"resource_type":44},"2021-10-25T19:00:10.198Z","2021-10-25T19:00:28.476Z",{"__component":23,"id":504,"Text":2226},"In October we've built a mini experience for Halloween centred around using pose detection to map a skeleton onto a users body in real-time! We had great fun putting it together and animating the design, and we think it is a great example of how powerful browsers have become! You can try it out here: [Trick or Treat](https://trick-or-treat.pixelhop.io/)\n\nIt's only a tiny microsite, but it packs in lots of cool tech and APIs, including:\n* Pose detection with TensorFlow.js and the WebGL backend\n* The MediaRecorder API to record users transformations\n* The Web Share API allows users to share their reactions in other apps.\n* Web Audio API for sound effects\n* Vue 3 and Vite\n* Bucket loads of CSS animations\n",{"__component":141,"id":399,"Size":39,"caption":39,"Image":2228},[2229],{"id":189,"name":2230,"alternativeText":29,"caption":29,"width":2231,"height":2232,"formats":2233,"hash":2260,"ext":34,"mime":37,"size":2261,"url":2262,"previewUrl":39,"provider":72,"provider_metadata":2263,"created_at":2264,"updated_at":2265},"Screenshot 2021-10-25 at 15.00.23.png",2346,1374,{"large":2234,"small":2241,"medium":2248,"thumbnail":2255},{"ext":34,"url":2235,"hash":2236,"mime":37,"name":2237,"path":39,"size":2238,"width":41,"height":2239,"provider_metadata":2240},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635188558/large_Screenshot_2021_10_25_at_15_00_23_c4ee957895.png","large_Screenshot_2021_10_25_at_15_00_23_c4ee957895","large_Screenshot 2021-10-25 at 15.00.23.png",426.99,586,{"public_id":2236,"resource_type":44},{"ext":34,"url":2242,"hash":2243,"mime":37,"name":2244,"path":39,"size":2245,"width":50,"height":2246,"provider_metadata":2247},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635188560/small_Screenshot_2021_10_25_at_15_00_23_c4ee957895.png","small_Screenshot_2021_10_25_at_15_00_23_c4ee957895","small_Screenshot 2021-10-25 at 15.00.23.png",131.25,293,{"public_id":2243,"resource_type":44},{"ext":34,"url":2249,"hash":2250,"mime":37,"name":2251,"path":39,"size":2252,"width":58,"height":2253,"provider_metadata":2254},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635188559/medium_Screenshot_2021_10_25_at_15_00_23_c4ee957895.png","medium_Screenshot_2021_10_25_at_15_00_23_c4ee957895","medium_Screenshot 2021-10-25 at 15.00.23.png",259.48,439,{"public_id":2250,"resource_type":44},{"ext":34,"url":2256,"hash":2257,"mime":37,"name":2258,"path":39,"size":1403,"width":256,"height":2073,"provider_metadata":2259},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635188556/thumbnail_Screenshot_2021_10_25_at_15_00_23_c4ee957895.png","thumbnail_Screenshot_2021_10_25_at_15_00_23_c4ee957895","thumbnail_Screenshot 2021-10-25 at 15.00.23.png",{"public_id":2257,"resource_type":44},"Screenshot_2021_10_25_at_15_00_23_c4ee957895",1651.73,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635188555/Screenshot_2021_10_25_at_15_00_23_c4ee957895.png",{"public_id":2260,"resource_type":44},"2021-10-25T19:02:10.449Z","2021-10-25T19:02:40.644Z",{"__component":23,"id":368,"Text":2267},"We will be writing a series of blog posts going through the design, animations and more of the technical side of things, explaining exactly how we tackled the project. If you're interested in these, then subscribe or follow us on Twitter ([@pixelhopio](https://twitter.com/pixelhopio/)) to get updates.\n\n### Halloween series\n* [Skeletonise yourself with pose detection](https://www.pixelhop.io/writing/skeletonise-yourself-with-pose-detection/)\n*[Create a mouse tracking eye with Vue 3 and VueUse](https://www.pixelhop.io/writing/create-a-mouse-tracking-eye-using-vue-3-vueuse-and-css/)\n\nIn the meantime, here's a bit more background on how we started the project.\n\n## What's the point?\nOne thing we've always loved about our jobs is working on experimental projects with new technologies. It's not often you get to do in work hours, and it falls to having to do in our evenings and weekend as side projects. It's something we're beginning to prioritise at Pixelhop, especially as the team starts to grow. Now that our new developer Talie has settled in and Halloween was approaching, we thought it was perfect timing to book our Trick or Treat project.\n\nWe had a workshop in the office and tried to thrash out some ideas of what, whys and hows. While we work remotely, it's nice to get together now and then, particularly when throwing ideas around. During these sessions, we don't have any tech; we just use good old fashioned pens and paper. We find it opens up an opportunity to really think, come up with ideas out of the box and just open up our creative mind palaces.\n\n\n\n",{"__component":141,"id":1272,"Size":39,"caption":39,"Image":2269},[2270],{"id":1635,"name":2271,"alternativeText":2272,"caption":29,"width":195,"height":195,"formats":2273,"hash":2298,"ext":97,"mime":100,"size":2299,"url":2300,"previewUrl":39,"provider":72,"provider_metadata":2301,"created_at":2302,"updated_at":2303},"1633004616541.jpeg","Workshopping in the office",{"large":2274,"small":2280,"medium":2286,"thumbnail":2292},{"ext":97,"url":2275,"hash":2276,"mime":100,"name":2277,"path":39,"size":2278,"width":41,"height":41,"provider_metadata":2279},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635235961/large_1633004616541_14bd0479ab.jpg","large_1633004616541_14bd0479ab","large_1633004616541.jpeg",112.25,{"public_id":2276,"resource_type":44},{"ext":97,"url":2281,"hash":2282,"mime":100,"name":2283,"path":39,"size":2284,"width":50,"height":50,"provider_metadata":2285},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635235962/small_1633004616541_14bd0479ab.jpg","small_1633004616541_14bd0479ab","small_1633004616541.jpeg",39.04,{"public_id":2282,"resource_type":44},{"ext":97,"url":2287,"hash":2288,"mime":100,"name":2289,"path":39,"size":2290,"width":58,"height":58,"provider_metadata":2291},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635235962/medium_1633004616541_14bd0479ab.jpg","medium_1633004616541_14bd0479ab","medium_1633004616541.jpeg",71.89,{"public_id":2288,"resource_type":44},{"ext":97,"url":2293,"hash":2294,"mime":100,"name":2295,"path":39,"size":2296,"width":67,"height":67,"provider_metadata":2297},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635235960/thumbnail_1633004616541_14bd0479ab.jpg","thumbnail_1633004616541_14bd0479ab","thumbnail_1633004616541.jpeg",6.97,{"public_id":2294,"resource_type":44},"1633004616541_14bd0479ab",160.32,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1635235959/1633004616541_14bd0479ab.jpg",{"public_id":2298,"resource_type":44},"2021-10-26T08:12:43.058Z","2021-10-26T08:14:55.069Z",{"__component":23,"id":700,"Text":2305},"We start all projects like this and make sure we answer the why, whats, and hows to keep us focused.\n\n### Why?\nThe why was mainly to have fun and learn something new in the process. We also see experiments like these as a marketing opportunity to show potential clients the sort of creative things we can make.\n\n### What?\nWe then spoke about some of the new pieces of tech we wanted to play with and what would be good to create a little Halloween mini experience that people might want to play with and share. We decided TensorFlow pose detection would be fun to try out. It's cutting edge technology, and we could really have some fun mapping a skeleton to someone's body.\n\n### How?\nWe then just needed to define precisely how we were going to do it. We had already decided to use TensorFlow.js for the pose detection, and for the rest of the build we decided to go for our preferred stack of Vue 3, Vite, and Tailwind CSS.\n\n### When?\nIf we could have, we would have spent all month on it, but we had a fixed deadline so we reduced the scope to something we knew we would be able to produce in time. We had 3 days for design and 2 weeks to develop and write the blog posts on how it was built. There are undoubtably areas we would like to improve if we had more time such as making the trick or treat paths more unique. At the moment the only thing that changes is the skull mapped to your body. There are also some performance issues that appear when the pose detection starts that can be quite jarring, but overall we are pretty happy with how polished the project turned out.\n\n## Happy Halloween!\n\nWe hope you enjoyed playing with a Halloween web experiment. We would love to know what you think and if there is any way you would improve it? Likewise, if you have any questions for us, give us a shout on Twitter: [@pixelhopio](https://twitter.com/pixelhopio) or get in contact via email. \n\nThanks for reading and Happy Halloween! 🎃",{"id":2307,"name":289,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":2308,"hash":2329,"ext":34,"mime":37,"size":2330,"url":2331,"previewUrl":39,"provider":72,"provider_metadata":2332,"created_at":2333,"updated_at":2333},392,{"large":2309,"small":2314,"medium":2319,"thumbnail":2324},{"ext":34,"url":2310,"hash":2311,"mime":37,"name":296,"path":39,"size":2312,"width":41,"height":50,"provider_metadata":2313},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375538/large_nano_final_d3a881246d.png","large_nano_final_d3a881246d",1175.01,{"public_id":2311,"resource_type":44},{"ext":34,"url":2315,"hash":2316,"mime":37,"name":302,"path":39,"size":2317,"width":50,"height":304,"provider_metadata":2318},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375540/small_nano_final_d3a881246d.png","small_nano_final_d3a881246d",302.99,{"public_id":2316,"resource_type":44},{"ext":34,"url":2320,"hash":2321,"mime":37,"name":309,"path":39,"size":2322,"width":58,"height":311,"provider_metadata":2323},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375539/medium_nano_final_d3a881246d.png","medium_nano_final_d3a881246d",670.64,{"public_id":2321,"resource_type":44},{"ext":34,"url":2325,"hash":2326,"mime":37,"name":316,"path":39,"size":2327,"width":256,"height":318,"provider_metadata":2328},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375536/thumbnail_nano_final_d3a881246d.png","thumbnail_nano_final_d3a881246d",77.95,{"public_id":2326,"resource_type":44},"nano_final_d3a881246d",6508.81,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777375535/nano_final_d3a881246d.png",{"public_id":2329,"resource_type":44},"2026-04-28T11:25:40.737Z",[2335,2340],{"id":274,"Name":2336,"created_at":2337,"updated_at":2338,"slug":2339},"News","2020-05-02T10:29:33.143Z","2021-04-24T16:16:08.871Z","news",{"id":87,"Name":1526,"created_at":1527,"updated_at":1528,"slug":1529},{"id":1468,"Title":2342,"user":2343,"Summary":2355,"created_at":2356,"updated_at":2357,"slug":2358,"published_at":2356,"release_date":2359,"Layout":381,"Content":2360,"Feature":2375,"tags":2397},"Relaunch of Rye and Beyond",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":2344},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":2345,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":2354,"created_at":374,"updated_at":374},{"large":2346,"small":2348,"medium":2350,"thumbnail":2352},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":2347},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":2349},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":2351},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":2353},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"We're so happy to say we have launched a rebuild of Rye and Beyond; it's been a fun project to do. Over this blog post, we will explain why we rebuilt it and go into a little bit of the hows. 😊","2021-10-05T16:17:44.072Z","2026-04-28T11:36:34.697Z","relaunch-of-rye-and-beyond","2021-10-05",[2361,2363,2373],{"__component":23,"id":493,"Text":2362},"We had a chat with Rye and Beyond, and there were a couple of things they wanted to make changes to or add to their site. Whilst they were at it, we added a couple of things to future proof the site. These included:\n\n- Adding internationalisation\n- Making the CMS easier to use\n- Moving to Nuxt to enable us to update the site to Vue 3 when possible\n- Improving the performance of their site\n\nRye and Beyond have many people from countries in Europe looking to come to Sussex and stay in their vibrant and welcoming holiday homes, and they wanted to make it easier for them to book. With the increasing popularity of people visiting the areas overseas, Rye and Beyond felt it essential to add internationalisation to the website - so that's exactly what they asked us to do 🎉.\n\nAs well as wanting an internationalised website, there were some other frustrations they had with their old Netlify CMS- one being unable to upload multiple images at once. Images are an essential part of Rye and Beyond to showcase their beautiful properties. However, the image sizes are often relatively large and take a while to upload; therefore, finding any time-saving step important, multiple image uploads was necessary for them. Here's a video of the language switcher:\n\n",{"__component":1373,"id":274,"Video":2364},{"id":1699,"name":2365,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":2366,"ext":1379,"mime":1380,"size":2367,"url":2368,"previewUrl":2369,"provider":72,"provider_metadata":2370,"created_at":2371,"updated_at":2372},"Screen Recording 2021-10-06 at 06.39.47.mov","Screen_Recording_2021_10_06_at_06_39_47_4ce0dbf936",11165.31,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1633522151/Screen_Recording_2021_10_06_at_06_39_47_4ce0dbf936.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Screen_Recording_2021_10_06_at_06_39_47_4ce0dbf936.gif",{"public_id":2366,"resource_type":1385},"2021-10-06T12:09:12.981Z","2021-10-06T12:09:12.993Z",{"__component":23,"id":499,"Text":2374},"We decided it was best to rebuild the website and move from Netlify CMS to \u003Ca href=\"https://strapi.io/\" target=\"_blank\">Strapi\u003C/a> to support internationalisation and a better content editing experience. The timing was perfect as Strapi had just released a new update that included internationalisation. We did a blog post tutorial on how to achieve this a little while ago that can be found on our website [here](https://www.pixelhop.io/writing/creating-an-internationalised-site-with-strapi-and-nuxt/). We used the Nuxt Strapi \u003Ca href=\"https://strapi.nuxtjs.org/\" target=\"_blank\">plugin\u003C/a> and the Nuxt Internationalisation \u003Ca href=\"https://i18n.nuxtjs.org/\" target=\"_blank\">plugin\u003C/a>. They were straightforward to use together, and internationalisation is such a big job to do, so we were grateful for the help of these great plugins 🎉 😊.\n\nWe kept the design the same for the most part, a few minor improvements here and there but nothing too significant. We are also still utilising \u003Ca target=\"_blank\" href=\"https://www.smoobu.com/en/)\">Smoobu\u003C/a> booking system API. Smoobu is a booking management system, and it keeps all of the big online marketplaces for holiday homes like Airbnb, \u003Ca target=\"_blank\" href=\"https://www.booking.com/)\">booking.com\u003C/a> etc., in sync.\n\nWe also moved away from Gridsome to Nuxt, so whilst we kept the design the same, this did not mean we could utilise the frontend. So we thought we might as well rebuild it whist doing everything else. It made sense to move to Nuxt because we are trying to streamline the tools and tech we use at Pixelhop. Nuxt has released a new version with Vue 3; hopefully, we will easily update to Vue 3, which we are keen to get all of our sites on where possible.\n\nThe performance has improved hugely; if you've read many (any 😂) of our blog posts, you'll know how passionate we are about building sites using the JAMStack for optimum performing websites. The original site was performant initially, but it soon needed more thought, love, and attention as there are many images. Now that Google has changed its search ranking algorithm, it has made it even more critical for clients to have performant websites because a slow site now directly affects your search ranking. We're secretly glad they altered their algorithm because it's something we've been passionate about for years.\n\nOverall we are all delighted with the rebuild; originally, their site was built by Zef and in a bit of a rush to get something up, so we are thrilled to have something more futureproof that can grow with them. It was nice to utilise Strapi's new features as soon as it was on the shelf.\n\nThank you so much for reading and if you have any feedback or questions, feel free to get in touch 🙂",{"id":1169,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":2376,"hash":2392,"ext":34,"mime":37,"size":2393,"url":2394,"previewUrl":39,"provider":72,"provider_metadata":2395,"created_at":2396,"updated_at":2396},{"small":2377,"medium":2382,"thumbnail":2387},{"ext":34,"url":2378,"hash":2379,"mime":37,"name":529,"path":39,"size":2380,"width":50,"height":311,"provider_metadata":2381},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777376192/small_flux_final_c9ed44fa2c.png","small_flux_final_c9ed44fa2c",319.27,{"public_id":2379,"resource_type":44},{"ext":34,"url":2383,"hash":2384,"mime":37,"name":535,"path":39,"size":2385,"width":58,"height":537,"provider_metadata":2386},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777376191/medium_flux_final_c9ed44fa2c.png","medium_flux_final_c9ed44fa2c",744.47,{"public_id":2384,"resource_type":44},{"ext":34,"url":2388,"hash":2389,"mime":37,"name":542,"path":39,"size":2390,"width":544,"height":67,"provider_metadata":2391},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777376189/thumbnail_flux_final_c9ed44fa2c.png","thumbnail_flux_final_c9ed44fa2c",55.34,{"public_id":2389,"resource_type":44},"flux_final_c9ed44fa2c",966.48,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777376188/flux_final_c9ed44fa2c.png",{"public_id":2392,"resource_type":44},"2026-04-28T11:36:33.255Z",[2398,2399],{"id":87,"Name":1526,"created_at":1527,"updated_at":1528,"slug":1529},{"id":270,"Name":564,"created_at":565,"updated_at":566,"slug":567},{"id":1454,"Title":2401,"user":2402,"Summary":2414,"created_at":2415,"updated_at":2416,"slug":2417,"published_at":2415,"release_date":2418,"Layout":381,"Content":2419,"Feature":2458,"tags":2480},"Meet our new developer, Talie",{"id":81,"username":82,"email":83,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":88,"updated_at":89,"project":39,"Picture":2403},{"id":91,"name":92,"alternativeText":29,"caption":29,"width":93,"height":94,"formats":2404,"hash":126,"ext":97,"mime":100,"size":127,"url":128,"previewUrl":39,"provider":72,"provider_metadata":2413,"created_at":130,"updated_at":131},{"large":2405,"small":2407,"medium":2409,"thumbnail":2411},{"ext":97,"url":98,"hash":99,"mime":100,"name":101,"path":39,"size":102,"width":41,"height":103,"provider_metadata":2406},{"public_id":99,"resource_type":44},{"ext":97,"url":106,"hash":107,"mime":100,"name":108,"path":39,"size":109,"width":50,"height":110,"provider_metadata":2408},{"public_id":107,"resource_type":44},{"ext":97,"url":113,"hash":114,"mime":100,"name":115,"path":39,"size":116,"width":58,"height":117,"provider_metadata":2410},{"public_id":114,"resource_type":44},{"ext":97,"url":120,"hash":121,"mime":100,"name":122,"path":39,"size":123,"width":124,"height":67,"provider_metadata":2412},{"public_id":121,"resource_type":44},{"public_id":126,"resource_type":44},"Here's a little Q&A with our lovely new full-time developer, Talie 🥳🎉🐰. We went out for some celebratory drinks last night hence the question towards the end hehe 🍻.","2021-07-21T13:01:53.546Z","2026-04-28T11:37:59.296Z","meet-our-new-developer-talie","2021-07-21",[2420,2422],{"__component":23,"id":487,"Text":2421},"### Where are you from?\nI'm from London originally, but I have lived in Brighton on and off for about 13 years. My ethnic origins are half English and half Libyan-Italian.\n### What did you do before development?\nI've had around 13 different jobs in my time, from being a car mechanic after leaving college to working as an activities manager at a holiday resort. My main job was working on my own market stall in Brighton's north lanes about 5 years ago.\n### How did you get into development?\nAfter travelling around Asia and Australia for 2 years, I found myself living in Bangkok and quickly running out of money. I realised I didn't want to live back in Blighty for the rest of my life and really wanted to stay in Asia and needed to find a source of income. After ruling out becoming an English teacher, due to the fact, I can't stand children. I tried my hand at learning some HTML and CSS.\n\nFinding the joy I got from changing the colour of some text on a screen. I decided to take it more seriously and move back with my grandparents to New Milton, also known as the land of wind, wealth and widows. With little distractions and not needing to work full time, only working part-time in a local pub and helping my grandparents with the gardening. I could really focus on studying web development.\n\nIt took me about a year to teach myself what I would consider a junior Javascript dev level. While I was studying, I was unsure I would actually make a living from what I was learning. Let alone actually get a job with a company! But somehow, I got a fantastic offer from my first company called stratum five, where I met Jozef. I now work with again at Pixelhop and probably the best mentor I could have possibly asked for.\n\nI feel incredibly fortunate to have had the opportunity to live with my grandparents and study without worries. I know a lot of people might not have that opportunity. And also to have had such a fantastic team to learn from in my first job. Because of this, I hope to be able to help people less fortunate than me.\n### What's your favourite thing about what you do?\nThe satisfying feeling of using a computer and an internet connection and making things that people want to use and the impact I can have on the world by making these things.\n### What are your favourite things to do in your spare time?\nI love making my personal web apps, even though I sometimes struggle to finish them before moving on to something else. I also love music, not playing it, mind you but just listening. I am really looking forward to being able to go to some live gigs/clubs again.\n### What made you choose Pixelhop as your next step?\nMainly to work closely with some fantastic developers, which I think can teach me so much and I have massive respect for. Plus the super exciting and varied projects that Pixelhop works on.\n### How many pints did you have last night?\nBlimey, this is a hard one. At least 6, I would say 😳\n### How are you finding your first week at pixelhop\nSo far, excellent; I have never had such a lovely introduction to a job and felt so welcomed. I'm really excited to really get stuck into some of the projects we have lined up!\n### Anything else that you want to add?\nThanks to Jozef and Gemma for allowing me to work here. Also, double thank Jozef, as he taught me almost everything I know about this industry. And has massively improved my life by helping me get to this position. ☺️",{"__component":141,"id":390,"Size":39,"caption":39,"Image":2423},[2424],{"id":1681,"name":2425,"alternativeText":29,"caption":29,"width":2426,"height":2426,"formats":2427,"hash":2452,"ext":97,"mime":100,"size":2453,"url":2454,"previewUrl":39,"provider":72,"provider_metadata":2455,"created_at":2456,"updated_at":2457},"WhatsApp Image 2021-07-19 at 16.21.08.jpeg",1440,{"large":2428,"small":2434,"medium":2440,"thumbnail":2446},{"ext":97,"url":2429,"hash":2430,"mime":100,"name":2431,"path":39,"size":2432,"width":41,"height":41,"provider_metadata":2433},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1626875740/large_Whats_App_Image_2021_07_19_at_16_21_08_4dbf5b1758.jpg","large_Whats_App_Image_2021_07_19_at_16_21_08_4dbf5b1758","large_WhatsApp Image 2021-07-19 at 16.21.08.jpeg",138.27,{"public_id":2430,"resource_type":44},{"ext":97,"url":2435,"hash":2436,"mime":100,"name":2437,"path":39,"size":2438,"width":50,"height":50,"provider_metadata":2439},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1626875742/small_Whats_App_Image_2021_07_19_at_16_21_08_4dbf5b1758.jpg","small_Whats_App_Image_2021_07_19_at_16_21_08_4dbf5b1758","small_WhatsApp Image 2021-07-19 at 16.21.08.jpeg",46.03,{"public_id":2436,"resource_type":44},{"ext":97,"url":2441,"hash":2442,"mime":100,"name":2443,"path":39,"size":2444,"width":58,"height":58,"provider_metadata":2445},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1626875741/medium_Whats_App_Image_2021_07_19_at_16_21_08_4dbf5b1758.jpg","medium_Whats_App_Image_2021_07_19_at_16_21_08_4dbf5b1758","medium_WhatsApp Image 2021-07-19 at 16.21.08.jpeg",85.81,{"public_id":2442,"resource_type":44},{"ext":97,"url":2447,"hash":2448,"mime":100,"name":2449,"path":39,"size":2450,"width":67,"height":67,"provider_metadata":2451},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1626875739/thumbnail_Whats_App_Image_2021_07_19_at_16_21_08_4dbf5b1758.jpg","thumbnail_Whats_App_Image_2021_07_19_at_16_21_08_4dbf5b1758","thumbnail_WhatsApp Image 2021-07-19 at 16.21.08.jpeg",7.95,{"public_id":2448,"resource_type":44},"Whats_App_Image_2021_07_19_at_16_21_08_4dbf5b1758",205.26,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1626875737/Whats_App_Image_2021_07_19_at_16_21_08_4dbf5b1758.jpg",{"public_id":2452,"resource_type":44},"2021-07-21T13:55:42.832Z","2021-07-21T13:55:42.845Z",{"id":724,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":2459,"hash":2475,"ext":34,"mime":37,"size":2476,"url":2477,"previewUrl":39,"provider":72,"provider_metadata":2478,"created_at":2479,"updated_at":2479},{"small":2460,"medium":2465,"thumbnail":2470},{"ext":34,"url":2461,"hash":2462,"mime":37,"name":529,"path":39,"size":2463,"width":50,"height":311,"provider_metadata":2464},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777376278/small_flux_final_d7136dbc4d.png","small_flux_final_d7136dbc4d",316.35,{"public_id":2462,"resource_type":44},{"ext":34,"url":2466,"hash":2467,"mime":37,"name":535,"path":39,"size":2468,"width":58,"height":537,"provider_metadata":2469},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777376277/medium_flux_final_d7136dbc4d.png","medium_flux_final_d7136dbc4d",724.42,{"public_id":2467,"resource_type":44},{"ext":34,"url":2471,"hash":2472,"mime":37,"name":542,"path":39,"size":2473,"width":544,"height":67,"provider_metadata":2474},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777376276/thumbnail_flux_final_d7136dbc4d.png","thumbnail_flux_final_d7136dbc4d",56.1,{"public_id":2472,"resource_type":44},"flux_final_d7136dbc4d",869.67,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777376275/flux_final_d7136dbc4d.png",{"public_id":2475,"resource_type":44},"2026-04-28T11:37:58.799Z",[2481],{"id":274,"Name":2336,"created_at":2337,"updated_at":2338,"slug":2339},{"id":1440,"Title":2483,"user":2484,"Summary":2490,"created_at":2491,"updated_at":2492,"slug":2493,"published_at":2491,"release_date":2494,"Layout":381,"Content":2495,"Feature":2986,"tags":3009},"Dynamic social images with Nuxt, Cloud Functions and Cloudinary",{"id":87,"username":1763,"email":1764,"provider":84,"confirmed":86,"blocked":86,"role":87,"created_at":1765,"updated_at":1766,"project":39,"Picture":2485},{"id":87,"name":1768,"alternativeText":29,"caption":29,"width":1769,"height":1769,"formats":2486,"hash":1776,"ext":97,"mime":100,"size":1777,"url":1778,"previewUrl":39,"provider":72,"provider_metadata":2489,"created_at":1780,"updated_at":1780},{"thumbnail":2487},{"ext":97,"url":1772,"hash":1773,"mime":100,"size":1774,"width":67,"height":67,"provider_metadata":2488},{"public_id":1773,"resource_type":44},{"public_id":1776,"resource_type":44},"Every little helps when trying to get your content noticed on social media, and having an eye-catching sharing image could be the difference between getting someone passing you by or someone clicking through.\n\nThis post will guide you by creating dynamic social sharing images unique to each page/post using Firebase cloud functions, Cloudinary and Nuxt.","2021-06-12T11:04:31.094Z","2026-04-28T11:41:07.453Z","dynamic-social-images-with-nuxt-cloud-functions-and-cloudinary","2021-06-12",[2496,2498,2536,2538,2577,2579,2581,2583,2586,2588,2627,2629,2632,2634,2636,2638,2641,2643,2646,2648,2651,2653,2655,2657,2697,2699,2702,2704,2707,2709,2712,2714,2754,2756,2759,2761,2763,2765,2767,2769,2771,2773,2775,2777,2779,2781,2784,2786,2789,2791,2793,2795,2798,2800,2802,2804,2806,2808,2810,2812,2851,2853,2891,2893,2895,2897,2899,2901,2903,2905,2943,2945,2984],{"__component":23,"id":91,"Text":2497},"If you prefer learning this sort of thing in a video we've got you covered, if not continue on reading below.\n\n\u003Cdiv style=\"position: relative; width: 100%; padding-bottom: 56.25%;\">\n\u003Ciframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\" loading=\"lazy\" src=\"https://www.youtube-nocookie.com/embed/-DOgxnzSzX8\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen>\u003C/iframe>\n\u003C/div>\n\nIf you discover a lot of your content on social media as we do, you have no doubt seen an influx of professional-looking social sharing images being shared along with the content. If you don't know what we are talking about, check out a few examples below (including our own 😎)",{"__component":141,"id":387,"Size":39,"caption":39,"Image":2499},[2500],{"id":834,"name":2501,"alternativeText":29,"caption":29,"width":2502,"height":2503,"formats":2504,"hash":2530,"ext":34,"mime":37,"size":2531,"url":2532,"previewUrl":39,"provider":72,"provider_metadata":2533,"created_at":2534,"updated_at":2535},"Social image example.png",1387,1045,{"large":2505,"small":2512,"medium":2518,"thumbnail":2524},{"ext":34,"url":2506,"hash":2507,"mime":37,"name":2508,"path":39,"size":2509,"width":41,"height":2510,"provider_metadata":2511},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623496806/large_Social_image_example_0569df04d7.png","large_Social_image_example_0569df04d7","large_Social image example.png",376.45,753,{"public_id":2507,"resource_type":44},{"ext":34,"url":2513,"hash":2514,"mime":37,"name":2515,"path":39,"size":2516,"width":50,"height":2123,"provider_metadata":2517},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623496807/small_Social_image_example_0569df04d7.png","small_Social_image_example_0569df04d7","small_Social image example.png",117.71,{"public_id":2514,"resource_type":44},{"ext":34,"url":2519,"hash":2520,"mime":37,"name":2521,"path":39,"size":2522,"width":58,"height":1343,"provider_metadata":2523},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623496807/medium_Social_image_example_0569df04d7.png","medium_Social_image_example_0569df04d7","medium_Social image example.png",234.47,{"public_id":2520,"resource_type":44},{"ext":34,"url":2525,"hash":2526,"mime":37,"name":2527,"path":39,"size":2528,"width":1266,"height":67,"provider_metadata":2529},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623496804/thumbnail_Social_image_example_0569df04d7.png","thumbnail_Social_image_example_0569df04d7","thumbnail_Social image example.png",29.98,{"public_id":2526,"resource_type":44},"Social_image_example_0569df04d7",493.57,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623496803/Social_image_example_0569df04d7.png",{"public_id":2530,"resource_type":44},"2021-06-12T11:20:08.191Z","2021-06-12T11:20:08.207Z",{"__component":23,"id":1693,"Text":2537},"Historically content editors would painfully create these images by hand in their tool of choice for each post, but now it's not too difficult to generate them with code. \n\n### Before we start\n\nIf you are the kind of person who likes to dive in with code, or you just want to use it for reference, the full code for this post can be found here: [https://github.com/pixelhop/nuxt-firebase-dynamic-social-images](https://github.com/pixelhop/nuxt-firebase-dynamic-social-images)\n\nYou will also need to set yourself up with a few accounts:\n\n* Google firebase - [https://firebase.google.com/](https://firebase.google.com/)\n* Cloudinary - [https://cloudinary.com/](https://cloudinary.com/)\n\nWe will be using Google firebase to host our cloud functions and static site, and Cloudinary to upload and host our generated social images.\n\n## Ok, so how is this going to work?\n\nSo, in summary, we will be creating a custom static HTML page that will form the basis of our social images. We will then render this page in a cloud function using [Puppeteer](https://developers.google.com/web/tools/puppeteer), screenshot it and upload the result to Cloudinary.\n\nTo allow customisation of the social image content, the static page will accept query parameters to pass in content such as title, date and author etc.\n\nFinally, we then use open graph and Twitter card meta tags to let social sites find your brand spanking new sharing images.\n\nAnd that's all it takes; before you know it, you will have beautiful, customisable social images that can be used across your entire site and will make you stand out whenever your content is shared on socials.\n\nLet's go!\n\n## Creating a social image template with Nuxt\n\nOk, let's begin by creating the template for our social image. In this tutorial, we will be using Nuxt and Vue.js as our frontend framework of choice, but you can apply the same concepts to whichever framework you prefer. \n\nFirst things first, create a new Nuxt project:\n\n```\nnpx create-nuxt-app open-graph-image-generator\n```\n\nIf you want to follow this tutorial to the letter, here are the options we choose while setting up Nuxt:",{"__component":141,"id":1269,"Size":39,"caption":39,"Image":2539},[2540],{"id":879,"name":2541,"alternativeText":29,"caption":29,"width":2542,"height":2543,"formats":2544,"hash":2571,"ext":34,"mime":37,"size":2572,"url":2573,"previewUrl":39,"provider":72,"provider_metadata":2574,"created_at":2575,"updated_at":2576},"Screenshot_2021-05-15_at_07.23.20.png",1338,548,{"large":2545,"small":2552,"medium":2558,"thumbnail":2565},{"ext":34,"url":2546,"hash":2547,"mime":37,"name":2548,"path":39,"size":2549,"width":41,"height":2550,"provider_metadata":2551},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623497274/large_Screenshot_2021_05_15_at_07_23_20_463d358833.png","large_Screenshot_2021_05_15_at_07_23_20_463d358833","large_Screenshot_2021-05-15_at_07.23.20.png",124.56,410,{"public_id":2547,"resource_type":44},{"ext":34,"url":2553,"hash":2554,"mime":37,"name":2555,"path":39,"size":2556,"width":50,"height":1217,"provider_metadata":2557},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623497275/small_Screenshot_2021_05_15_at_07_23_20_463d358833.png","small_Screenshot_2021_05_15_at_07_23_20_463d358833","small_Screenshot_2021-05-15_at_07.23.20.png",43.59,{"public_id":2554,"resource_type":44},{"ext":34,"url":2559,"hash":2560,"mime":37,"name":2561,"path":39,"size":2562,"width":58,"height":2563,"provider_metadata":2564},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623497274/medium_Screenshot_2021_05_15_at_07_23_20_463d358833.png","medium_Screenshot_2021_05_15_at_07_23_20_463d358833","medium_Screenshot_2021-05-15_at_07.23.20.png",82.61,307,{"public_id":2560,"resource_type":44},{"ext":34,"url":2566,"hash":2567,"mime":37,"name":2568,"path":39,"size":2569,"width":256,"height":1208,"provider_metadata":2570},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623497273/thumbnail_Screenshot_2021_05_15_at_07_23_20_463d358833.png","thumbnail_Screenshot_2021_05_15_at_07_23_20_463d358833","thumbnail_Screenshot_2021-05-15_at_07.23.20.png",14.29,{"public_id":2567,"resource_type":44},"Screenshot_2021_05_15_at_07_23_20_463d358833",96.36,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623497272/Screenshot_2021_05_15_at_07_23_20_463d358833.png",{"public_id":2571,"resource_type":44},"2021-06-12T11:27:56.044Z","2021-06-12T11:27:56.054Z",{"__component":23,"id":1699,"Text":2578},"### Add a google font and configure TailwindCSS\n\nWe want our social image to look pretty, don't we? To make styling quick and easy, we've added [TailwindCSS](https://tailwindcss.com/) (other less controversial options are available), and to spice up our font game, we will add a Google font.\n\nWe went for the wildly over popular [Inter font ](https://fonts.google.com/specimen/Inter) to look like authentic web people but if you want to stand out from the crowd, maybe pick something else. 😎\n\nAdd the required links to your Nuxt sites head by updating `nuxt.config.js`",{"__component":412,"id":342,"Code":2580,"Type":422,"location":39,"language":39}," // nuxt.config.js\n link: [\n { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },\n { rel: 'preconnect', href: 'https://fonts.gstatic.com' },\n { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap' }\n ]",{"__component":23,"id":142,"Text":2582},"Then register the font by creating a `tailwind.config.js` and adding the following:\n",{"__component":412,"id":2584,"Code":2585,"Type":422,"location":39,"language":39},26,"// tailwind.config.js\nmodule.exports = {\n mode: 'jit',\n purge: [],\n darkMode: false, // or 'media' or 'class'\n theme: {\n extend: {\n fontFamily: {\n body: ['Inter', 'sans-serif']\n }\n }\n },\n variants: {\n extend: {}\n },\n plugins: []\n}",{"__component":23,"id":189,"Text":2587},"Great, we now have a Nuxt site and a trendy web font; let's start the Nuxt dev sever:\n\n```\nnpm run dev\n```\n\n### Creating a Nuxt social image page\n\nTo create the template of our social image, we will be using a regular Nuxt page. \n\nThere is a lot of conflicting info about the perfect size to create and your social images. If you wanted to do a really great job, you should probably generate different size images for other platforms. To keep things simple, we will take the approach GitHub takes and generate a single image at 1600x800.\n\nWe recommend that you open dev tools, toggle the device toolbar, set it to responsive mode and fix the resolution to 1600x800 so you can see how the page will look at the correct size.",{"__component":141,"id":2589,"Size":39,"caption":39,"Image":2590},39,[2591],{"id":924,"name":2592,"alternativeText":29,"caption":29,"width":2593,"height":2594,"formats":2595,"hash":2621,"ext":34,"mime":37,"size":2622,"url":2623,"previewUrl":39,"provider":72,"provider_metadata":2624,"created_at":2625,"updated_at":2626},"Screenshot 2021-06-12 at 12.33.33.png",3582,1572,{"large":2596,"small":2602,"medium":2608,"thumbnail":2615},{"ext":34,"url":2597,"hash":2598,"mime":37,"name":2599,"path":39,"size":2600,"width":41,"height":2253,"provider_metadata":2601},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623497636/large_Screenshot_2021_06_12_at_12_33_33_b6f49b6478.png","large_Screenshot_2021_06_12_at_12_33_33_b6f49b6478","large_Screenshot 2021-06-12 at 12.33.33.png",44.26,{"public_id":2598,"resource_type":44},{"ext":34,"url":2603,"hash":2604,"mime":37,"name":2605,"path":39,"size":2606,"width":50,"height":409,"provider_metadata":2607},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623497637/small_Screenshot_2021_06_12_at_12_33_33_b6f49b6478.png","small_Screenshot_2021_06_12_at_12_33_33_b6f49b6478","small_Screenshot 2021-06-12 at 12.33.33.png",16.59,{"public_id":2604,"resource_type":44},{"ext":34,"url":2609,"hash":2610,"mime":37,"name":2611,"path":39,"size":2612,"width":58,"height":2613,"provider_metadata":2614},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623497637/medium_Screenshot_2021_06_12_at_12_33_33_b6f49b6478.png","medium_Screenshot_2021_06_12_at_12_33_33_b6f49b6478","medium_Screenshot 2021-06-12 at 12.33.33.png",29.77,329,{"public_id":2610,"resource_type":44},{"ext":34,"url":2616,"hash":2617,"mime":37,"name":2618,"path":39,"size":2619,"width":256,"height":439,"provider_metadata":2620},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623497635/thumbnail_Screenshot_2021_06_12_at_12_33_33_b6f49b6478.png","thumbnail_Screenshot_2021_06_12_at_12_33_33_b6f49b6478","thumbnail_Screenshot 2021-06-12 at 12.33.33.png",6.46,{"public_id":2617,"resource_type":44},"Screenshot_2021_06_12_at_12_33_33_b6f49b6478",151.33,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623497634/Screenshot_2021_06_12_at_12_33_33_b6f49b6478.png",{"public_id":2621,"resource_type":44},"2021-06-12T11:33:58.202Z","2021-06-12T11:33:58.215Z",{"__component":23,"id":235,"Text":2628},"We will need the page to fill the full height of the browser, so add the following `layouts/default.vue` to make the app's container 100% height.",{"__component":412,"id":2630,"Code":2631,"Type":1670,"location":39,"language":39},27,"\u003Cstyle>\nhtml,\nbody,\n#__nuxt,\n#__layout {\n height: 100%;\n}\n\u003C/style>",{"__component":23,"id":1635,"Text":2633},"Let's pretend we are working on yet another house plant tips site and start by creating an SVG logo component in `components/Logo.vue`. The SVG code is pretty big here so if you want to use the exact same SVG copy the component from here: [https://github.com/pixelhop/nuxt-firebase-dynamic-social-images/blob/main/components/Logo.vue](https://github.com/pixelhop/nuxt-firebase-dynamic-social-images/blob/main/components/Logo.vue)",{"__component":412,"id":1642,"Code":2635,"Type":1189,"location":39,"language":39},"\u003C!-- components/Logo.vue -->\n\u003Ctemplate>\n \u003Csvg\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 512 512\"\n style=\"enable-background:new 0 0 512 512;\"\n xml:space=\"preserve\"\n >\n \u003C!-- Get the rest of the SVG here or use your own: https://github.com/pixelhop/nuxt-firebase-dynamic-social-images/blob/main/components/Logo.vue -->\n \u003C/svg>\n\u003C/template>\n",{"__component":23,"id":1725,"Text":2637},"We are using a cute little plant icon from: [flaticon.com](https://flaticon.com)\n\nNow create a new file in the pages folder called `open-graph.vue` and add the following.",{"__component":412,"id":2639,"Code":2640,"Type":422,"location":39,"language":39},29,"\u003Ctemplate>\n \u003Cclient-only>\n \u003Cdiv class=\"border-[50px] border-green-400 h-full w-full p-12 font-body flex flex-col justify-center\">\n \u003Cdiv>\n \u003Cdiv class=\"flex items-center\">\n \u003Cdiv class=\"mr-4 w-24 h-24 rounded-full flex items-center justify-center bg-green-300\">\n \u003CLogo class=\"w-20\" />\n \u003C/div>\n\n \u003Ch1 class=\"text-[40px] font-extrabold text-gray-800\">\n The Plant Master\n \u003C/h1>\n \u003C/div>\n \u003C/div>\n\n \u003Cdiv class=\"flex-grow w-2/3 py-12 flex items-center\">\n \u003Cdiv>\n \u003Ch2 class=\"font-extrabold text-gray-900 text-[90px] leading-none\">\n {{ $route.query.title }}\n \u003C/h2>\n\n \u003Cdiv class=\"mt-8 flex items-center\">\n \u003Cdiv v-if=\"$route.query.authorImage\" class=\"h-20 w-20 rounded-full overflow-hidden mr-6\">\n \u003Cimg class=\"w-full h-full object-cover\" :src=\"$route.query.authorImage\" alt=\"Avatar\">\n \u003C/div>\n\n \u003Cdiv>\n \u003Cp v-if=\"$route.query.authorName\" class=\"text-4xl text-gray-700 font-medium\">\n {{ $route.query.authorName }}\n \u003C/p>\n \u003Cp v-if=\"$route.query.date\" class=\"text-3xl text-gray-500\">\n {{ $route.query.date }}\n \u003C/p>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n\n \u003Cdiv class=\"flex text-gray-500\">\n \u003Cp class=\"text-4xl mr-12\">\n https://www.theplantmaster.com\n \u003C/p>\n \u003Cp class=\"text-4xl\">\n @plantmaster\n \u003C/p>\n \u003C/div>\n \u003C/div>\n \u003C/client-only>\n\u003C/template>\n\n\u003Cscript>\nimport Logo from '~/components/Logo.vue'\n\nexport default {\n components: {\n Logo\n }\n}\n\u003C/script>\n",{"__component":23,"id":1663,"Text":2642},"A fair amount is going on here, so let's break it down bit by bit.\n\nStarting at the top of the template, you will notice that everything is wrapped in a `\u003Cclient-only>` component. We don't want Nuxt to render any of the content on the page during generation as its contents will be changed dynamically using URL parameters. If we don't do this, we would probably get horrible hydration errors when we have conditional content.\n\nNext up, we have the have the main wrapper for our content. This isn't meant to be a CSS tutorial, and for your own site, you could make a much nicer design, so we won't go into too much detail on the CSS/Tailwind. The main point is that it's a good idea to add a reasonably chunky border around everything, as well as comfy padding. This means that if your image gets cropped, the inner, more critical content hopefully is still visible.",{"__component":412,"id":2644,"Code":2645,"Type":1189,"location":39,"language":39},30," \u003Cdiv class=\"border-[50px] border-green-400 h-full w-full p-12 font-body flex flex-col justify-center\">",{"__component":23,"id":1976,"Text":2647},"We then add our plant company logo and name, and below that, we add a space for the main content of the social image. This will include important content such as a title and date, an author pic if there is one, and their name. Again this isn't a CSS tutorial, but flex is an absolute hero here for keeping everything centred nicely, however large the content becomes.\n",{"__component":412,"id":2649,"Code":2650,"Type":1189,"location":39,"language":39},31,"\u003Cdiv>\n \u003Cdiv class=\"flex items-center\">\n \u003Cdiv class=\"mr-4 w-24 h-24 rounded-full flex items-center justify-center bg-green-300\">\n \u003CLogo class=\"w-20\" />\n \u003C/div>\n\n \u003Ch1 class=\"text-[40px] font-extrabold text-gray-800\">\n The Plant Master\n \u003C/h1>\n \u003C/div>\n \u003C/div>\n\n \u003Cdiv class=\"flex-grow w-2/3 py-12 flex items-center\">\n \u003Cdiv>\n \u003Ch2 class=\"font-extrabold text-gray-900 text-[90px] leading-none\">\n {{ $route.query.title }}\n \u003C/h2>\n\n \u003Cdiv class=\"mt-8 flex items-center\">\n \u003Cdiv v-if=\"$route.query.authorImage\" class=\"h-20 w-20 rounded-full overflow-hidden mr-6\">\n \u003Cimg class=\"w-full h-full object-cover\" :src=\"$route.query.authorImage\" alt=\"Avatar\">\n \u003C/div>\n\n \u003Cdiv>\n \u003Cp v-if=\"$route.query.authorName\" class=\"text-4xl text-gray-700 font-medium\">\n {{ $route.query.authorName }}\n \u003C/p>\n \u003Cp v-if=\"$route.query.date\" class=\"text-3xl text-gray-500\">\n {{ $route.query.date }}\n \u003C/p>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n\n \u003Cdiv class=\"flex text-gray-500\">\n \u003Cp class=\"text-4xl mr-12\">\n https://www.theplantmaster.com\n \u003C/p>\n \u003Cp class=\"text-4xl\">\n @plantmaster\n \u003C/p>\n \u003C/div>",{"__component":23,"id":595,"Text":2652},"### Using query parameters to customise content\n\nNow we can get onto the secret sauce in how this component will allow us to create our dynamic social images. Notice the use of Vue router query parameters? This is going to allow us to customise our image by visiting its route with different parameters like this: [http://localhost:8080/open-graph?title=This is my page title](http://localhost:8080/open-graph?title=This is my page title)",{"__component":412,"id":5,"Code":2654,"Type":1189,"location":39,"language":39},"\u003Ch2 class=\"font-extrabold text-gray-900 text-[90px] leading-none\">\n {{ $route.query.title }}\n\u003C/h2>",{"__component":23,"id":601,"Text":2656},"In this case, the only required content is the title; the other elements are wrapped in a v-if so that they will only be shown if the content is passed in through their corresponding query param. \n\nFor the author image, we pass through a URL pointing to the image we want to use. \n\nOne thing to note is that we need to remember to URL encode the parameters we are sending through as query parameters; otherwise, we could break our URL.\n\nHopefully, you can see that by passing our content through as query parameters, we have created an easy to use API that allows you to configure your social images with whatever content you like. This is just a basic example, but you could add much more!\n\nBefore moving on to the next part, test it out in your browser (you may need to adjust your local Nuxt address):\n\n[http://localhost:8080/open-graph?title=The%20Plant%20Master%20-%20Plant%20Tips%20and%20Tuts&description=Awesome%20house%20plant%20tips%20and%20tricks&authorName=Jozef%20Maxted&authorImage=https%3A%2F%2Fi.pravatar.cc%2F150&date=22%2F05%2F2021](http://localhost:53590/open-graph?title=The%20Plant%20Master%20-%20Plant%20Tips%20and%20Tuts&description=Awesome%20house%20plant%20tips%20and%20tricks&authorName=Jozef%20Maxted&authorImage=https%3A%2F%2Fi.pravatar.cc%2F150&date=22%2F05%2F2021)\n\nIt should look something like this:\n\n\n",{"__component":141,"id":2658,"Size":39,"caption":39,"Image":2659},40,[2660],{"id":969,"name":2661,"alternativeText":29,"caption":29,"width":2662,"height":2663,"formats":2664,"hash":2691,"ext":34,"mime":37,"size":2692,"url":2693,"previewUrl":39,"provider":72,"provider_metadata":2694,"created_at":2695,"updated_at":2696},"Screenshot 2021-06-12 at 12.47.35.png",2586,1336,{"large":2665,"small":2672,"medium":2679,"thumbnail":2685},{"ext":34,"url":2666,"hash":2667,"mime":37,"name":2668,"path":39,"size":2669,"width":41,"height":2670,"provider_metadata":2671},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623498484/large_Screenshot_2021_06_12_at_12_47_35_1597501108.png","large_Screenshot_2021_06_12_at_12_47_35_1597501108","large_Screenshot 2021-06-12 at 12.47.35.png",78.03,517,{"public_id":2667,"resource_type":44},{"ext":34,"url":2673,"hash":2674,"mime":37,"name":2675,"path":39,"size":2676,"width":50,"height":2677,"provider_metadata":2678},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623498486/small_Screenshot_2021_06_12_at_12_47_35_1597501108.png","small_Screenshot_2021_06_12_at_12_47_35_1597501108","small_Screenshot 2021-06-12 at 12.47.35.png",31.56,258,{"public_id":2674,"resource_type":44},{"ext":34,"url":2680,"hash":2681,"mime":37,"name":2682,"path":39,"size":2683,"width":58,"height":521,"provider_metadata":2684},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623498485/medium_Screenshot_2021_06_12_at_12_47_35_1597501108.png","medium_Screenshot_2021_06_12_at_12_47_35_1597501108","medium_Screenshot 2021-06-12 at 12.47.35.png",53.57,{"public_id":2681,"resource_type":44},{"ext":34,"url":2686,"hash":2687,"mime":37,"name":2688,"path":39,"size":2689,"width":256,"height":1257,"provider_metadata":2690},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623498483/thumbnail_Screenshot_2021_06_12_at_12_47_35_1597501108.png","thumbnail_Screenshot_2021_06_12_at_12_47_35_1597501108","thumbnail_Screenshot 2021-06-12 at 12.47.35.png",11.79,{"public_id":2687,"resource_type":44},"Screenshot_2021_06_12_at_12_47_35_1597501108",157.19,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623498482/Screenshot_2021_06_12_at_12_47_35_1597501108.png",{"public_id":2691,"resource_type":44},"2021-06-12T11:48:06.641Z","2021-06-12T11:48:06.656Z",{"__component":23,"id":1095,"Text":2698},"## Part 2: Rendering a social image in a cloud function\n\nSo now we have a page that we can customise and looks like a social image, but the problem is we can't use HTML as our social image.\n\nTo add a social image, you have to add several meta tags to your pages head. We will come back to this in more detail but its something like:",{"__component":412,"id":2700,"Code":2701,"Type":1189,"location":39,"language":39},33,"\u003Cmeta property=\"og:image\" content=\"https://msyite.com/og-image.png\">",{"__component":23,"id":1101,"Text":2703},"The \"content\" attribute must be a URL responding with an image; unfortunately, we can't just point it to an HTML page. \n\nThis means we need a way of converting the Nuxt page we created earlier into an image.\n\nEnter the deadly duo of Firebase Cloud Functions and Puppeteer. We will use the headless browser tool Puppeteer to load our Nuxt template, screenshot it, and save it to Cloudinary.\n\nWe will be using Firebase cloud functions for this demo, but you could use any other cloud function provider.\n\n### Setting up Firebase\n\nFirst things first, go and set up a fresh Firebase project: [https://firebase.google.com/docs/functions/get-started](https://firebase.google.com/docs/functions/get-started)\n\nOnce you have done that, install the Firebase CLI and then authenticate with your account:",{"__component":412,"id":2705,"Code":2706,"Type":415,"location":39,"language":39},34,"npm install -g firebase-tools\nfirebase login",{"__component":23,"id":1107,"Text":2708},"You should now be logged in to Firebase via the CLI, and we can start to set up the cloud functions.\n\nIn the same directory as your Nuxt installation run:",{"__component":412,"id":2710,"Code":2711,"Type":415,"location":39,"language":39},35,"firebase init functions",{"__component":23,"id":1113,"Text":2713},"Choose \"use existing\" project and select the project you just created.",{"__component":141,"id":2715,"Size":39,"caption":39,"Image":2716},41,[2717],{"id":1011,"name":2718,"alternativeText":29,"caption":29,"width":2719,"height":2720,"formats":2721,"hash":2748,"ext":34,"mime":37,"size":2749,"url":2750,"previewUrl":39,"provider":72,"provider_metadata":2751,"created_at":2752,"updated_at":2753},"Screenshot_2021-05-15_at_08.22.59.png",1046,338,{"large":2722,"small":2729,"medium":2735,"thumbnail":2742},{"ext":34,"url":2723,"hash":2724,"mime":37,"name":2725,"path":39,"size":2726,"width":41,"height":2727,"provider_metadata":2728},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623498756/large_Screenshot_2021_05_15_at_08_22_59_164813ffac.png","large_Screenshot_2021_05_15_at_08_22_59_164813ffac","large_Screenshot_2021-05-15_at_08.22.59.png",144.66,323,{"public_id":2724,"resource_type":44},{"ext":34,"url":2730,"hash":2731,"mime":37,"name":2732,"path":39,"size":2733,"width":50,"height":1690,"provider_metadata":2734},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623498759/small_Screenshot_2021_05_15_at_08_22_59_164813ffac.png","small_Screenshot_2021_05_15_at_08_22_59_164813ffac","small_Screenshot_2021-05-15_at_08.22.59.png",53.15,{"public_id":2731,"resource_type":44},{"ext":34,"url":2736,"hash":2737,"mime":37,"name":2738,"path":39,"size":2739,"width":58,"height":2740,"provider_metadata":2741},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623498758/medium_Screenshot_2021_05_15_at_08_22_59_164813ffac.png","medium_Screenshot_2021_05_15_at_08_22_59_164813ffac","medium_Screenshot_2021-05-15_at_08.22.59.png",96.1,242,{"public_id":2737,"resource_type":44},{"ext":34,"url":2743,"hash":2744,"mime":37,"name":2745,"path":39,"size":2746,"width":256,"height":91,"provider_metadata":2747},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623498755/thumbnail_Screenshot_2021_05_15_at_08_22_59_164813ffac.png","thumbnail_Screenshot_2021_05_15_at_08_22_59_164813ffac","thumbnail_Screenshot_2021-05-15_at_08.22.59.png",17.64,{"public_id":2744,"resource_type":44},"Screenshot_2021_05_15_at_08_22_59_164813ffac",43.89,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623498755/Screenshot_2021_05_15_at_08_22_59_164813ffac.png",{"public_id":2748,"resource_type":44},"2021-06-12T11:52:39.604Z","2021-06-12T11:52:39.614Z",{"__component":23,"id":1119,"Text":2755},"Once it's done, you should see a new `functions` folder has been created.\n\n### Start the Firebase emulator\n\nThe Firebase CLI gives us the option to run a local emulator, which will allow us to test our cloud function locally during development:",{"__component":412,"id":2757,"Code":2758,"Type":415,"location":39,"language":39},36,"firebase emulators:start",{"__component":23,"id":1125,"Text":2760},"Great you should now be all set up; it's time to get cracking on our cloud function.\n\nInside `functions/index.js`, you should see that an example function has been scaffolded.\n\nBefore we go any further, let's install the dependencies our function will need. Inside the \"functions\" folder:\n```\nnpm i puppeteer cloudinary object-hash --save\n```\n\nNow your dependencies are installed, let's look at implementing the first part of our cloud function, generating the image.",{"__component":412,"id":387,"Code":2762,"Type":422,"location":39,"language":39},"const functions = require('firebase-functions')\nconst puppeteer = require('puppeteer')\n\nconst runtimeOpts = {\n  timeoutSeconds: 300,\n  memory: '512MB'\n}\n\nfunction delay (time) {\n return new Promise((resolve) => {\n setTimeout(() => resolve(true), time)\n })\n}\n\nexports.generatePreview = functions.runWith(runtimeOpts).https.onRequest(async (request, response) => {\n const params = {\n title: request.query.title,\n authorName: request.query.authorName,\n authorImage: request.query.authorImage,\n date: request.query.date\n }\n\n // Spawn a new headless browser\n const browser = await puppeteer.launch()\n const page = await browser.newPage()\n await page.setViewport({\n width: 1600,\n height: 800\n })\n\n const url = new URL('http://localhost:3000/open-graph')\n Object.keys(params)\n .forEach((key) => {\n if (params[key]) {\n url.searchParams.set(key, params[key])\n }\n })\n\n await page.goto(url.toString(), { waitUntil: 'domcontentloaded' })\n await delay(1000)\n const imageBuffer = await page.screenshot()\n await browser.close()\n\n response.send(`\u003Cimg src=\"data:image/png;base64, ${imageBuffer.toString('base64')}\" />`)\n})",{"__component":23,"id":1131,"Text":2764},"Let's work our way through the above code to understand what's going on.\n\nRunning Puppeteer is quite resource-intensive, so the first thing we need to do is set our function's runtime options to something a bit more suitable. We can create an options object and set the memory to 512MB and the timeout to 300 seconds. We can then tell our function to use the options with the \"runWith\" function before defining our HTTP function.",{"__component":412,"id":1269,"Code":2766,"Type":422,"location":39,"language":39},"const runtimeOpts = {\n  timeoutSeconds: 300,\n  memory: '512MB'\n}\n\nexports.generatePreview = functions.runWith(runtimeOpts).https.onRequest\n",{"__component":23,"id":1138,"Text":2768},"Let's skip over the delay function for the moment and look out how we define the cloud function. The index.js file has a single export called \"generatePreview\" that uses the Firebase functions page to create an HTTP endpoint (you can create functions triggered by things other than web requests).\n\nThe first thing we do inside the function is to extract the query parameters passed to it. You should notice that they mirror the parameters we have used in our Nuxt template. ",{"__component":412,"id":2589,"Code":2770,"Type":422,"location":39,"language":39}," const params = {\n title: request.query.title,\n authorName: request.query.authorName,\n authorImage: request.query.authorImage,\n date: request.query.date\n }",{"__component":23,"id":1187,"Text":2772},"Next up, we spawn a new headless browser using Puppeteer and set its viewport size to the size we need our image to render at 1600x800.",{"__component":412,"id":2658,"Code":2774,"Type":422,"location":39,"language":39}," // Spawn a new headless browser\n const browser = await puppeteer.launch()\n const page = await browser.newPage()\n await page.setViewport({\n width: 1600,\n height: 800\n })",{"__component":23,"id":1208,"Text":2776},"Next on the list is constructing the URL we will get Puppeteer to open. We use the vanilla URL class to add in our query parameters, and for the time being, we can point it at our local Nuxt dev server. We will need to change this before deploying.",{"__component":412,"id":2715,"Code":2778,"Type":422,"location":39,"language":39}," const url = new URL('http://localhost:3000/open-graph')\n Object.keys(params)\n .forEach((key) => {\n if (params[key]) {\n url.searchParams.set(key, params[key])\n }\n })",{"__component":23,"id":1214,"Text":2780},"Time to set Puppeteer to work. We tell it to visit our URL, wait until the page has loaded. We then add another slight delay using the delay function we skipped over earlier *(this isn't great practice, and maybe someone more familiar with Puppeteer could let me know how to guarantee everything is loaded)*. Finally, we tell Puppeteer to screenshot the page, returning an image buffer.",{"__component":412,"id":2782,"Code":2783,"Type":422,"location":39,"language":39},42,"await page.goto(url.toString(), { waitUntil: 'domcontentloaded' })\nawait delay(1000)\nconst imageBuffer = await page.screenshot()\nawait browser.close()",{"__component":23,"id":641,"Text":2785},"Now that we have our image, let's return it as our functions response. For the time being, we can use a little trick to return the image buffer as a base64 string allowing us to view the image without saving it anywhere. ",{"__component":412,"id":2787,"Code":2788,"Type":422,"location":39,"language":39},43,"response.send(`\u003Cimg src=\"data:image/png;base64, ${imageBuffer.toString('base64')}\" />`)",{"__component":23,"id":1376,"Text":2790},"At this point, you should be able to test its working by visiting your local function URL in your browser. You should find it by looking in the console where you are running the Firebase emulators. It will look something like this:\nhttp://localhost:5001/og-test-373ce/us-central1/generatePreview\n\nMake sure to add in the query parameters to pass the content to Nuxt eg:\nhttp://localhost:5001/og-test-373ce/us-central1/generatePreview?title=My awesome site\n\nHopefully, after a few seconds, the function will return with a perfect image rendering of your Nuxt template!\n\n## Caching our image to Cloudinary\n\nWe could deploy our function as is, and it would work. Every time a social network requests your social image, it would need to spin up Puppeteer and re-render it. \n\nAs you have just seen, this can take a few seconds and is quite resource-intensive. Cloud functions are cheap to run, but if possible, we don't want to keep re-rendering our images if their content hasn't changed. \n\nOne way to improve this would be to generate the image once, save it somewhere, and return the saved image the next time it's requested. For our purposes, we will use Cloudinary as our place to save the image.\n\n### Setting up Cloudinary\nAt this point, if you haven't already, go and create a Cloudinary account and grab your cloud name, API key, and API secret.\n\nOnce you have those, we need to give our cloud function access to them by setting its config.",{"__component":412,"id":1599,"Code":2792,"Type":415,"location":39,"language":39},"firebase functions:config:set cloudinary.cloud_name=\"CLOUD NAME\" cloudinary.api_key=\"API KEY\" cloudinary.api_secret=\"API SECRET\"",{"__component":23,"id":413,"Text":2794},"We also need to download our remote config so it can be used by the local cloud function emulator too:\n\n```\nfirebase functions:config:get > .runtimeconfig.json\n```\n\nNow that you've done that take a look at our new code:\n",{"__component":412,"id":2796,"Code":2797,"Type":422,"location":39,"language":39},45,"// functions/index.js\nconst functions = require('firebase-functions')\nconst hash = require('object-hash')\nconst puppeteer = require('puppeteer')\nconst cloudinary = require('cloudinary').v2\n\ncloudinary.config({\n cloud_name: functions.config().cloudinary.cloud_name,\n api_key: functions.config().cloudinary.api_key,\n api_secret: functions.config().cloudinary.api_secret\n})\nconst CLOUDINARY_FOLDER = 'og'\n\nfunction delay (time) {\n return new Promise((resolve) => {\n setTimeout(() => resolve(true), time)\n })\n}\n\nconst runtimeOpts = {\n timeoutSeconds: 300,\n memory: '512MB'\n}\n\nexports.generatePreview = functions\n .runWith(runtimeOpts)\n .https.onRequest(async (request, response) => {\n const params = {\n title: request.query.title,\n authorName: request.query.authorName,\n authorImage: request.query.authorImage,\n date: request.query.date\n }\n\n console.log(params)\n\n // Get a unique id for our image based of its params\n const imageId = hash(params)\n\n // First check to see if its already uploaded to cloudinary\n try {\n const result = await cloudinary.api.resource(`${CLOUDINARY_FOLDER}/${imageId}`)\n console.log('Got existing image')\n return response.redirect(301, result.secure_url)\n } catch (e) {\n // No existing image\n console.log('No existing image')\n }\n\n // Spawn a new headless browser\n const browser = await puppeteer.launch()\n const page = await browser.newPage()\n await page.setViewport({\n width: 1600,\n height: 800\n })\n\n // Visit our peview page and generate the image\n const url = new URL('https://og-test-373ce.web.app/open-graph/')\n Object.keys(params)\n .forEach((key) => {\n if (params[key]) {\n url.searchParams.set(key, params[key])\n }\n })\n\n console.log(url.toString())\n\n await page.goto(url.toString(), { waitUntil: 'domcontentloaded' })\n await delay(1000)\n const imageBuffer = await page.screenshot()\n await browser.close()\n\n // Upload to cloudinary\n const image = await cloudinary.uploader.upload(\n `data:image/png;base64,${imageBuffer.toString('base64')}`,\n {\n public_id: imageId,\n folder: CLOUDINARY_FOLDER\n }\n )\n\n return response.redirect(301, image.secure_url)\n })\n",{"__component":23,"id":420,"Text":2799},"We create a new Cloudinary instance using the config we set in the previous step and make a const to prefix our Cloudinary folder.",{"__component":412,"id":390,"Code":2801,"Type":422,"location":39,"language":39},"cloudinary.config({\n cloud_name: functions.config().cloudinary.cloud_name,\n api_key: functions.config().cloudinary.api_key,\n api_secret: functions.config().cloudinary.api_secret\n})\nconst CLOUDINARY_FOLDER = 'og'",{"__component":23,"id":427,"Text":2803},"The next new bit of code you'll see is:\n\n```\n// Get a unique id for our image based of its params\nconst imageId = hash(params)\n```\n\nAs mentioned earlier, we only want to generate a fresh image if the content has changed. By creating a hash of the query parameters, we can generate an ID unique to that set of parameters.\n\nNow before we generate a new image, we can use the ID to see if one already exists in our Cloudinary account:",{"__component":412,"id":395,"Code":2805,"Type":422,"location":39,"language":39},"// First check to see if its already uploaded to cloudinary\n try {\n const result = await cloudinary.api.resource(`${CLOUDINARY_FOLDER}/${imageId}`)\n console.log('Got existing image')\n return response.redirect(301, result.secure_url)\n } catch (e) {\n // No existing image\n console.log('No existing image')\n }",{"__component":23,"id":433,"Text":2807},"If it does exist, we return the images URL as a redirect response from our Cloud function and entirely skip generating the image.\n\nIf it doesn't exist, we continue as we did previously, but once we have the image buffer, we upload it to Cloudinary.",{"__component":412,"id":1274,"Code":2809,"Type":422,"location":39,"language":39}," // Upload to cloudinary\n const image = await cloudinary.uploader.upload(\n `data:image/png;base64,${imageBuffer.toString('base64')}`,\n {\n public_id: imageId,\n folder: CLOUDINARY_FOLDER\n }\n )",{"__component":23,"id":475,"Text":2811},"Finally, rather than returning the base64 image string, we return the new Cloudinary image URL as a redirect response.\n\n```\nreturn response.redirect(301, image.secure_url)\n```\n\nTry calling your function again locally, and you should see the same image returned and saved into your Cloudinary library. If you rerun the function with the same parameters, it should return much quicker.",{"__component":141,"id":2782,"Size":39,"caption":39,"Image":2813},[2814],{"id":1052,"name":2815,"alternativeText":29,"caption":29,"width":2816,"height":2817,"formats":2818,"hash":2845,"ext":34,"mime":37,"size":2846,"url":2847,"previewUrl":39,"provider":72,"provider_metadata":2848,"created_at":2849,"updated_at":2850},"Screenshot 2021-06-12 at 13.12.27.png",1620,756,{"large":2819,"small":2826,"medium":2832,"thumbnail":2839},{"ext":34,"url":2820,"hash":2821,"mime":37,"name":2822,"path":39,"size":2823,"width":41,"height":2824,"provider_metadata":2825},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623499983/large_Screenshot_2021_06_12_at_13_12_27_e26a6ab7c7.png","large_Screenshot_2021_06_12_at_13_12_27_e26a6ab7c7","large_Screenshot 2021-06-12 at 13.12.27.png",130.4,467,{"public_id":2821,"resource_type":44},{"ext":34,"url":2827,"hash":2828,"mime":37,"name":2829,"path":39,"size":2830,"width":50,"height":496,"provider_metadata":2831},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623499985/small_Screenshot_2021_06_12_at_13_12_27_e26a6ab7c7.png","small_Screenshot_2021_06_12_at_13_12_27_e26a6ab7c7","small_Screenshot 2021-06-12 at 13.12.27.png",46.37,{"public_id":2828,"resource_type":44},{"ext":34,"url":2833,"hash":2834,"mime":37,"name":2835,"path":39,"size":2836,"width":58,"height":2837,"provider_metadata":2838},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623499984/medium_Screenshot_2021_06_12_at_13_12_27_e26a6ab7c7.png","medium_Screenshot_2021_06_12_at_13_12_27_e26a6ab7c7","medium_Screenshot 2021-06-12 at 13.12.27.png",84.26,350,{"public_id":2834,"resource_type":44},{"ext":34,"url":2840,"hash":2841,"mime":37,"name":2842,"path":39,"size":2843,"width":256,"height":475,"provider_metadata":2844},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623499981/thumbnail_Screenshot_2021_06_12_at_13_12_27_e26a6ab7c7.png","thumbnail_Screenshot_2021_06_12_at_13_12_27_e26a6ab7c7","thumbnail_Screenshot 2021-06-12 at 13.12.27.png",17.37,{"public_id":2841,"resource_type":44},"Screenshot_2021_06_12_at_13_12_27_e26a6ab7c7",192.62,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623499981/Screenshot_2021_06_12_at_13_12_27_e26a6ab7c7.png",{"public_id":2845,"resource_type":44},"2021-06-12T12:13:05.664Z","2021-06-12T12:13:05.674Z",{"__component":23,"id":439,"Text":2852},"### Deploying\n\nBy this point, everything has been tested and should be working locally. To use this on a live site, we need to deploy both the Nuxt site and our cloud functions.\n\nSeeing as we are using Firebase cloud functions, we may also use Firebase hosting to deploy our static Nuxt site.\n\n```\nfirebase init hosting\n```\nWhen asked, enter `dist` as your public folder, and **don't** configure it as a single-page app.\n\nNext, build the Nuxt app to generate the dist folder:\n```\nnpm run generate\n```\n\nOnce it's done, we can deploy it to Firebase with:\n```\nfirebase deploy --only hosting\n```\nIt will take a little while to deploy, but once it is done, take note of the hosting URL. ",{"__component":141,"id":2787,"Size":39,"caption":39,"Image":2854},[2855],{"id":1144,"name":2856,"alternativeText":29,"caption":29,"width":2857,"height":2858,"formats":2859,"hash":2885,"ext":34,"mime":37,"size":2886,"url":2887,"previewUrl":39,"provider":72,"provider_metadata":2888,"created_at":2889,"updated_at":2890},"Screenshot_2021-05-22_at_19.17.18.png",1222,386,{"large":2860,"small":2867,"medium":2873,"thumbnail":2879},{"ext":34,"url":2861,"hash":2862,"mime":37,"name":2863,"path":39,"size":2864,"width":41,"height":2865,"provider_metadata":2866},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623500107/large_Screenshot_2021_05_22_at_19_17_18_5dc843a9f4.png","large_Screenshot_2021_05_22_at_19_17_18_5dc843a9f4","large_Screenshot_2021-05-22_at_19.17.18.png",168.5,316,{"public_id":2862,"resource_type":44},{"ext":34,"url":2868,"hash":2869,"mime":37,"name":2870,"path":39,"size":2871,"width":50,"height":1660,"provider_metadata":2872},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623500109/small_Screenshot_2021_05_22_at_19_17_18_5dc843a9f4.png","small_Screenshot_2021_05_22_at_19_17_18_5dc843a9f4","small_Screenshot_2021-05-22_at_19.17.18.png",62.22,{"public_id":2869,"resource_type":44},{"ext":34,"url":2874,"hash":2875,"mime":37,"name":2876,"path":39,"size":2877,"width":58,"height":518,"provider_metadata":2878},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623500108/medium_Screenshot_2021_05_22_at_19_17_18_5dc843a9f4.png","medium_Screenshot_2021_05_22_at_19_17_18_5dc843a9f4","medium_Screenshot_2021-05-22_at_19.17.18.png",113.55,{"public_id":2875,"resource_type":44},{"ext":34,"url":2880,"hash":2881,"mime":37,"name":2882,"path":39,"size":2883,"width":256,"height":1675,"provider_metadata":2884},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623500106/thumbnail_Screenshot_2021_05_22_at_19_17_18_5dc843a9f4.png","thumbnail_Screenshot_2021_05_22_at_19_17_18_5dc843a9f4","thumbnail_Screenshot_2021-05-22_at_19.17.18.png",20.21,{"public_id":2881,"resource_type":44},"Screenshot_2021_05_22_at_19_17_18_5dc843a9f4",63.84,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623500105/Screenshot_2021_05_22_at_19_17_18_5dc843a9f4.png",{"public_id":2885,"resource_type":44},"2021-06-12T12:15:09.663Z","2021-06-12T12:15:09.674Z",{"__component":23,"id":445,"Text":2892},"We need to update our cloud function to use this URL rather than localhost. \n\n```js\n//functions/index.js\nconst url = new URL('https://og-test-373ce.web.app/open-graph/')\n```\n\nNow we can deploy our finished cloud function too:\n\n```\nfirebase deploy --only functions\n```\nTest the live version before moving on. You should see its URL output in the console, my URL with parameters looks something like this:\n\nhttps://us-central1-og-test-373ce.cloudfunctions.net/generatePreview?title=10 Reasons to grow a cheese plant&authorName=Jozef Maxted&authorImage=https://i.pravatar.cc/150&date=22/05/22\n\n## Adding social images to Nuxt pages\nOk, we are so close to being done now. If you are still with me at this point, give yourself a massive pat on the back because we have covered a lot.\n\nAt present, we have a really cool way of generating perfectly sized social images, but now it's time to use them on our pages. We briefly mentioned early that this is achieved by adding meta tags to your pages head. \n\nIt can be helpful to create a helper function that takes info about your page and then outputs an array of meta tags ready to be passed into Nuxt's head configuration. In the example below, we output Open Graph meta tags that will be used by Facebook and other social networks and Twitter card tags that will be used to display your image on Twitter.",{"__component":412,"id":399,"Code":2894,"Type":422,"location":39,"language":39},"// utils/get-meta.js\nexport default function getMeta (options) {\n const { title, description } = options\n const imageUrl = new URL('https://us-central1-og-test-373ce.cloudfunctions.net/generatePreview')\n Object.keys(options)\n .forEach((key) => {\n if (options[key]) {\n imageUrl.searchParams.set(key, options[key])\n }\n })\n\n return [\n {\n hid: 'description',\n name: 'description',\n content: description\n },\n { name: 'twitter:card', content: 'summary_large_image' },\n {\n hid: 'twitter:description',\n name: 'twitter:description',\n content: description\n },\n {\n hid: 'twitter:title',\n name: 'twitter:title',\n content: title\n },\n {\n hid: 'twitter:site',\n name: 'twitter:site',\n content: '@pixelhopio'\n },\n {\n hid: 'twitter:image',\n name: 'twitter:image',\n content: imageUrl.toString()\n },\n {\n hid: 'twitter:creator',\n name: 'twitter:creator',\n content: '@pixelhopio'\n },\n // Open graph\n {\n hid: 'og:title',\n property: 'og:title',\n content: title\n },\n {\n hid: 'og:description',\n property: 'og:description',\n content: description\n },\n {\n hid: 'og:type',\n property: 'og:type',\n content: 'website'\n },\n {\n hid: 'og:image',\n property: 'og:image',\n content: imageUrl.toString()\n },\n {\n hid: 'og:image:width',\n property: 'og:image:width',\n content: '1600'\n },\n {\n hid: 'og:image:height',\n property: 'og:image:height',\n content: '800'\n }\n ]\n}\n",{"__component":23,"id":451,"Text":2896},"**If you use this code, make sure to swap out the cloud function URL for your own and to replace the content specific to Pixelhop :)**\n\nWe can then use the above function in any of our Nuxt pages:",{"__component":412,"id":404,"Code":2898,"Type":422,"location":39,"language":39},"// pages/index.vue\nimport getMeta from '~/utils/get-meta'\n\nexport default {\n head: {\n title: 'The Plant Master',\n meta: getMeta({\n title: 'The Plant Master - Plant Tips and Tuts',\n description: 'Awesome house plant tips and tricks',\n authorName: 'Jozef Maxted',\n authorImage: 'https://i.pravatar.cc/150',\n date: '22/05/2021'\n })\n }\n}",{"__component":23,"id":457,"Text":2900},"If you want to use dynamic content from asyncData or similar, you can use the head function instead:",{"__component":412,"id":1272,"Code":2902,"Type":422,"location":39,"language":39},"// pages/index.vue\nimport getMeta from '~/utils/get-meta'\n\nexport default {\n head() {\n\t\treturn {\n\t\t\ttitle: this.page.title,\n\t meta: getMeta({\n\t title: this.page.title,\n\t description: this.page.description,\n\t authorName: this.page.authorName,\n\t authorImage: this.page.authorImage,\n\t date: this.page.created\n\t })\n\t\t}\n }\n}",{"__component":23,"id":463,"Text":2904},"### Testing Open Graph images\n\nIf you want to test your shiny new professional social images, there are a few good tools that can help. \n\nBefore that its worth opening up dev tools and checking you can see the correct meta tags output in your head. If it working correctly you should see tags similar to those below:\n\n",{"__component":141,"id":1599,"Size":39,"caption":39,"Image":2906},[2907],{"id":1194,"name":2908,"alternativeText":29,"caption":29,"width":2909,"height":2910,"formats":2911,"hash":2937,"ext":34,"mime":37,"size":2938,"url":2939,"previewUrl":39,"provider":72,"provider_metadata":2940,"created_at":2941,"updated_at":2942},"Screenshot 2021-06-12 at 13.21.58.png",2310,716,{"large":2912,"small":2919,"medium":2925,"thumbnail":2931},{"ext":34,"url":2913,"hash":2914,"mime":37,"name":2915,"path":39,"size":2916,"width":41,"height":2917,"provider_metadata":2918},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623500565/large_Screenshot_2021_06_12_at_13_21_58_e4a00945aa.png","large_Screenshot_2021_06_12_at_13_21_58_e4a00945aa","large_Screenshot 2021-06-12 at 13.21.58.png",312.74,310,{"public_id":2914,"resource_type":44},{"ext":34,"url":2920,"hash":2921,"mime":37,"name":2922,"path":39,"size":2923,"width":50,"height":1608,"provider_metadata":2924},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623500567/small_Screenshot_2021_06_12_at_13_21_58_e4a00945aa.png","small_Screenshot_2021_06_12_at_13_21_58_e4a00945aa","small_Screenshot 2021-06-12 at 13.21.58.png",101.44,{"public_id":2921,"resource_type":44},{"ext":34,"url":2926,"hash":2927,"mime":37,"name":2928,"path":39,"size":2929,"width":58,"height":490,"provider_metadata":2930},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623500566/medium_Screenshot_2021_06_12_at_13_21_58_e4a00945aa.png","medium_Screenshot_2021_06_12_at_13_21_58_e4a00945aa","medium_Screenshot 2021-06-12 at 13.21.58.png",198.19,{"public_id":2927,"resource_type":44},{"ext":34,"url":2932,"hash":2933,"mime":37,"name":2934,"path":39,"size":2935,"width":256,"height":1225,"provider_metadata":2936},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623500563/thumbnail_Screenshot_2021_06_12_at_13_21_58_e4a00945aa.png","thumbnail_Screenshot_2021_06_12_at_13_21_58_e4a00945aa","thumbnail_Screenshot 2021-06-12 at 13.21.58.png",29.76,{"public_id":2933,"resource_type":44},"Screenshot_2021_06_12_at_13_21_58_e4a00945aa",322.11,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623500563/Screenshot_2021_06_12_at_13_21_58_e4a00945aa.png",{"public_id":2937,"resource_type":44},"2021-06-12T12:22:47.383Z","2021-06-12T12:22:47.394Z",{"__component":23,"id":469,"Text":2944},"After adding head content to a page on your Nuxt site, build and deploy the frontend again:\n```\nnpm run generate\nfirebase deploy --only hosting\n```\n\nOnce its deployed, paste the URL of the page you want to test into both of these tools:\n* [https://cards-dev.twitter.com/validator](https://cards-dev.twitter.com/validator)\n* [https://developers.facebook.com/tools/debug/](https://developers.facebook.com/tools/debug/)\n\nAll being well, you should see a nice preview of new sharing images!\n\n",{"__component":141,"id":2796,"Size":39,"caption":39,"Image":2946},[2947],{"id":1225,"name":2948,"alternativeText":29,"caption":29,"width":2949,"height":2950,"formats":2951,"hash":2978,"ext":34,"mime":37,"size":2979,"url":2980,"previewUrl":39,"provider":72,"provider_metadata":2981,"created_at":2982,"updated_at":2983},"Screenshot 2021-06-12 at 13.47.05.png",2022,1276,{"large":2952,"small":2959,"medium":2965,"thumbnail":2972},{"ext":34,"url":2953,"hash":2954,"mime":37,"name":2955,"path":39,"size":2956,"width":41,"height":2957,"provider_metadata":2958},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623502059/large_Screenshot_2021_06_12_at_13_47_05_2ad4cb3fe7.png","large_Screenshot_2021_06_12_at_13_47_05_2ad4cb3fe7","large_Screenshot 2021-06-12 at 13.47.05.png",128.6,631,{"public_id":2954,"resource_type":44},{"ext":34,"url":2960,"hash":2961,"mime":37,"name":2962,"path":39,"size":2963,"width":50,"height":2865,"provider_metadata":2964},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623502061/small_Screenshot_2021_06_12_at_13_47_05_2ad4cb3fe7.png","small_Screenshot_2021_06_12_at_13_47_05_2ad4cb3fe7","small_Screenshot 2021-06-12 at 13.47.05.png",45.1,{"public_id":2961,"resource_type":44},{"ext":34,"url":2966,"hash":2967,"mime":37,"name":2968,"path":39,"size":2969,"width":58,"height":2970,"provider_metadata":2971},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623502060/medium_Screenshot_2021_06_12_at_13_47_05_2ad4cb3fe7.png","medium_Screenshot_2021_06_12_at_13_47_05_2ad4cb3fe7","medium_Screenshot 2021-06-12 at 13.47.05.png",83.23,473,{"public_id":2967,"resource_type":44},{"ext":34,"url":2973,"hash":2974,"mime":37,"name":2975,"path":39,"size":2976,"width":256,"height":1608,"provider_metadata":2977},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623502058/thumbnail_Screenshot_2021_06_12_at_13_47_05_2ad4cb3fe7.png","thumbnail_Screenshot_2021_06_12_at_13_47_05_2ad4cb3fe7","thumbnail_Screenshot 2021-06-12 at 13.47.05.png",15.68,{"public_id":2974,"resource_type":44},"Screenshot_2021_06_12_at_13_47_05_2ad4cb3fe7",280.81,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1623502057/Screenshot_2021_06_12_at_13_47_05_2ad4cb3fe7.png",{"public_id":2978,"resource_type":44},"2021-06-12T12:47:41.771Z","2021-06-12T12:47:41.784Z",{"__component":23,"id":481,"Text":2985},"### Taking it further\n\nWe hope you have enjoyed this post and look forward to seeing what you create as a result of it! Hopefully, using these techniques, you can make some really cool social sharing images.\n\nThere's plenty of room to take it further, too. Maybe you could create different templates for different types of page or pull in other data from third-party APIs, such as the weather at the time of posting?\n\nAs always, if you have any questions, let us know on Twitter: [@pixelhopio](https://twitter.com/pixelhopio), and if you liked this post and want more like this, we would really appreciate it if you subscribed to our newsletter or our [Youtube channel](https://www.youtube.com/channel/UCNHvPo2eheiOWADIxuE2REA). Bye for now!",{"id":2987,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":2988,"hash":3004,"ext":34,"mime":37,"size":3005,"url":3006,"previewUrl":39,"provider":72,"provider_metadata":3007,"created_at":3008,"updated_at":3008},395,{"small":2989,"medium":2994,"thumbnail":2999},{"ext":34,"url":2990,"hash":2991,"mime":37,"name":302,"path":39,"size":2992,"width":50,"height":311,"provider_metadata":2993},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777376466/small_nano_final_81415c6568.png","small_nano_final_81415c6568",322.33,{"public_id":2991,"resource_type":44},{"ext":34,"url":2995,"hash":2996,"mime":37,"name":309,"path":39,"size":2997,"width":58,"height":537,"provider_metadata":2998},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777376465/medium_nano_final_81415c6568.png","medium_nano_final_81415c6568",771.31,{"public_id":2996,"resource_type":44},{"ext":34,"url":3000,"hash":3001,"mime":37,"name":316,"path":39,"size":3002,"width":544,"height":67,"provider_metadata":3003},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777376464/thumbnail_nano_final_81415c6568.png","thumbnail_nano_final_81415c6568",50.67,{"public_id":3001,"resource_type":44},"nano_final_81415c6568",1056.37,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777376463/nano_final_81415c6568.png",{"public_id":3004,"resource_type":44},"2026-04-28T11:41:06.844Z",[3010],{"id":558,"Name":559,"created_at":560,"updated_at":561,"slug":562},{"id":1426,"Title":3012,"user":3013,"Summary":3025,"created_at":3026,"updated_at":3027,"slug":3028,"published_at":3026,"release_date":3029,"Layout":381,"Content":3030,"Feature":3475,"tags":3497},"Creating an internationalised site with Strapi and Nuxt",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":3014},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":3015,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":3024,"created_at":374,"updated_at":374},{"large":3016,"small":3018,"medium":3020,"thumbnail":3022},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":3017},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":3019},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":3021},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":3023},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"We were really excited when Strapi released a new update a few weeks ago that included internationalisation! This post will show you the basics of creating an internationalised site using Strapi and Nuxt.","2021-05-14T17:19:27.307Z","2026-04-28T13:37:52.952Z","creating-an-internationalised-site-with-strapi-and-nuxt","2021-05-14",[3031,3033,3035,3037,3076,3078,3117,3119,3157,3159,3196,3198,3238,3240,3279,3281,3319,3321,3356,3358,3391,3393,3395,3397,3399,3401,3403,3405,3407,3409,3411,3413,3415,3417,3419,3421,3423,3425,3427,3429,3456,3458,3460,3462,3464,3466,3468,3470,3473],{"__component":23,"id":1846,"Text":3032},"Watch the video or follow along below.\n\n\u003Cdiv style=\"position: relative; width: 100%; padding-bottom: 56.25%;\">\n\u003Ciframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\" loading=\"lazy\" src=\"https://www.youtube-nocookie.com/embed/AZh7m8ysI0U\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen>\u003C/iframe>\n\u003C/div>\n\nIf you are the kind of person that likes to dive straight into code, we have created example repositories for both the Nuxt and Strapi parts:\n* Strapi 👉 \u003Ca href=\"https://github.com/pixelhop/strapi-i18n\">https://github.com/pixelhop/strapi-i18n\u003C/a>\n* Nuxt 👉 \u003Ca href=\"https://github.com/pixelhop/nuxt-i18n\">https://github.com/pixelhop/nuxt-i18n\u003C/a>\n\n## Setting up Strapi\n\nFirst things first, let's set up our \u003Ca href=\"https://strapi.io/\" target=\"_blank\">Strapi CMS\u003C/a>. Create a folder to hold this project, and then let's create a new Strapi project using your terminal and the following command:",{"__component":412,"id":1374,"Code":3034,"Type":415,"location":39,"language":39},"npx create-strapi-app strapi --quickstart",{"__component":23,"id":1851,"Text":3036},"After npm is finished installing your new Strapi instance, it will start the Strapi dev server and ask you to create an admin login. Go ahead and make your user, and voilà you've got a brand spanking shiny new headless CMS at your disposal. \n\n*\"Now we're sucking on diesel\"* \n\nYes we have been watching far too much Line of Duty.\n\n### Adding some content\n\nWhat's the point of a CMS if you've got no content? For the purpose of this demo, we are going to create a basic content type.\n\nHead to the Content Types Builder in the Strapi admin: \u003Ca href=\"http://localhost:1337/admin/plugins/content-type-builder/content-types/\" target=\"_blank\">http://localhost:1337/admin/plugins/content-type-builder/content-types/\u003C/a>\n\nOnce there, let's create a new single type by clicking the \"+ Create new single type\" link in the left sidebar.",{"__component":141,"id":2630,"Size":39,"caption":39,"Image":3038},[3039],{"id":1628,"name":3040,"alternativeText":29,"caption":29,"width":3041,"height":3042,"formats":3043,"hash":3070,"ext":34,"mime":37,"size":3071,"url":3072,"previewUrl":39,"provider":72,"provider_metadata":3073,"created_at":3074,"updated_at":3075},"Screenshot_2021-05-14_at_15.52.14.png",1946,776,{"large":3044,"small":3051,"medium":3057,"thumbnail":3064},{"ext":34,"url":3045,"hash":3046,"mime":37,"name":3047,"path":39,"size":3048,"width":41,"height":3049,"provider_metadata":3050},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012760/large_Screenshot_2021_05_14_at_15_52_14_1560963129.png","large_Screenshot_2021_05_14_at_15_52_14_1560963129","large_Screenshot_2021-05-14_at_15.52.14.png",47.96,399,{"public_id":3046,"resource_type":44},{"ext":34,"url":3052,"hash":3053,"mime":37,"name":3054,"path":39,"size":3055,"width":50,"height":1135,"provider_metadata":3056},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012763/small_Screenshot_2021_05_14_at_15_52_14_1560963129.png","small_Screenshot_2021_05_14_at_15_52_14_1560963129","small_Screenshot_2021-05-14_at_15.52.14.png",18.9,{"public_id":3053,"resource_type":44},{"ext":34,"url":3058,"hash":3059,"mime":37,"name":3060,"path":39,"size":3061,"width":58,"height":3062,"provider_metadata":3063},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012761/medium_Screenshot_2021_05_14_at_15_52_14_1560963129.png","medium_Screenshot_2021_05_14_at_15_52_14_1560963129","medium_Screenshot_2021-05-14_at_15.52.14.png",32.78,299,{"public_id":3059,"resource_type":44},{"ext":34,"url":3065,"hash":3066,"mime":37,"name":3067,"path":39,"size":3068,"width":256,"height":1138,"provider_metadata":3069},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012759/thumbnail_Screenshot_2021_05_14_at_15_52_14_1560963129.png","thumbnail_Screenshot_2021_05_14_at_15_52_14_1560963129","thumbnail_Screenshot_2021-05-14_at_15.52.14.png",7.56,{"public_id":3066,"resource_type":44},"Screenshot_2021_05_14_at_15_52_14_1560963129",68.61,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012758/Screenshot_2021_05_14_at_15_52_14_1560963129.png",{"public_id":3070,"resource_type":44},"2021-05-14T17:19:23.484Z","2021-05-14T17:19:23.516Z",{"__component":23,"id":1790,"Text":3077},"Let's give our content type a name of \"Home\", and before clicking \"Continue\", navigate to the \"Advanced settings\" tab. Once there, make sure to check the \"Enable localisation for the Content-Type\" checkbox. You need to do this for any content type you would like to be localised. Once you have done that, it's safe to click \"Continue\".",{"__component":141,"id":1642,"Size":39,"caption":39,"Image":3079},[3080],{"id":1574,"name":3081,"alternativeText":29,"caption":29,"width":3082,"height":3083,"formats":3084,"hash":3111,"ext":34,"mime":37,"size":3112,"url":3113,"previewUrl":39,"provider":72,"provider_metadata":3114,"created_at":3115,"updated_at":3116},"Screenshot_2021-05-14_at_15.53.05.png",1924,1234,{"large":3085,"small":3092,"medium":3098,"thumbnail":3105},{"ext":34,"url":3086,"hash":3087,"mime":37,"name":3088,"path":39,"size":3089,"width":41,"height":3090,"provider_metadata":3091},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012893/large_Screenshot_2021_05_14_at_15_53_05_ec7ba1b1da.png","large_Screenshot_2021_05_14_at_15_53_05_ec7ba1b1da","large_Screenshot_2021-05-14_at_15.53.05.png",71.09,641,{"public_id":3087,"resource_type":44},{"ext":34,"url":3093,"hash":3094,"mime":37,"name":3095,"path":39,"size":3096,"width":50,"height":51,"provider_metadata":3097},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012895/small_Screenshot_2021_05_14_at_15_53_05_ec7ba1b1da.png","small_Screenshot_2021_05_14_at_15_53_05_ec7ba1b1da","small_Screenshot_2021-05-14_at_15.53.05.png",27.01,{"public_id":3094,"resource_type":44},{"ext":34,"url":3099,"hash":3100,"mime":37,"name":3101,"path":39,"size":3102,"width":58,"height":3103,"provider_metadata":3104},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012895/medium_Screenshot_2021_05_14_at_15_53_05_ec7ba1b1da.png","medium_Screenshot_2021_05_14_at_15_53_05_ec7ba1b1da","medium_Screenshot_2021-05-14_at_15.53.05.png",47.61,481,{"public_id":3100,"resource_type":44},{"ext":34,"url":3106,"hash":3107,"mime":37,"name":3108,"path":39,"size":3109,"width":66,"height":67,"provider_metadata":3110},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012892/thumbnail_Screenshot_2021_05_14_at_15_53_05_ec7ba1b1da.png","thumbnail_Screenshot_2021_05_14_at_15_53_05_ec7ba1b1da","thumbnail_Screenshot_2021-05-14_at_15.53.05.png",10.01,{"public_id":3107,"resource_type":44},"Screenshot_2021_05_14_at_15_53_05_ec7ba1b1da",94.16,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012891/Screenshot_2021_05_14_at_15_53_05_ec7ba1b1da.png",{"public_id":3111,"resource_type":44},"2021-05-14T17:21:35.999Z","2021-05-14T17:21:36.014Z",{"__component":23,"id":1628,"Text":3118},"### Adding fields\n\nA content type can't hold any content if it doesn't add any fields, so the next step is to add some. We are going to keep it super simple and will add three fields.\nCreate a text field called \"Title\":",{"__component":141,"id":2639,"Size":39,"caption":39,"Image":3120},[3121],{"id":1611,"name":3122,"alternativeText":29,"caption":29,"width":3123,"height":3124,"formats":3125,"hash":3151,"ext":34,"mime":37,"size":3152,"url":3153,"previewUrl":39,"provider":72,"provider_metadata":3154,"created_at":3155,"updated_at":3156},"Screenshot_2021-05-14_at_15.59.19.png",1904,1016,{"large":3126,"small":3133,"medium":3140,"thumbnail":3146},{"ext":34,"url":3127,"hash":3128,"mime":37,"name":3129,"path":39,"size":3130,"width":41,"height":3131,"provider_metadata":3132},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012957/large_Screenshot_2021_05_14_at_15_59_19_6eab32260f.png","large_Screenshot_2021_05_14_at_15_59_19_6eab32260f","large_Screenshot_2021-05-14_at_15.59.19.png",74.67,534,{"public_id":3128,"resource_type":44},{"ext":34,"url":3134,"hash":3135,"mime":37,"name":3136,"path":39,"size":3137,"width":50,"height":3138,"provider_metadata":3139},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012958/small_Screenshot_2021_05_14_at_15_59_19_6eab32260f.png","small_Screenshot_2021_05_14_at_15_59_19_6eab32260f","small_Screenshot_2021-05-14_at_15.59.19.png",28.02,267,{"public_id":3135,"resource_type":44},{"ext":34,"url":3141,"hash":3142,"mime":37,"name":3143,"path":39,"size":3144,"width":58,"height":1769,"provider_metadata":3145},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012957/medium_Screenshot_2021_05_14_at_15_59_19_6eab32260f.png","medium_Screenshot_2021_05_14_at_15_59_19_6eab32260f","medium_Screenshot_2021-05-14_at_15.59.19.png",49.58,{"public_id":3142,"resource_type":44},{"ext":34,"url":3147,"hash":3148,"mime":37,"name":3149,"path":39,"size":730,"width":256,"height":1912,"provider_metadata":3150},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012955/thumbnail_Screenshot_2021_05_14_at_15_59_19_6eab32260f.png","thumbnail_Screenshot_2021_05_14_at_15_59_19_6eab32260f","thumbnail_Screenshot_2021-05-14_at_15.59.19.png",{"public_id":3148,"resource_type":44},"Screenshot_2021_05_14_at_15_59_19_6eab32260f",88.8,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012954/Screenshot_2021_05_14_at_15_59_19_6eab32260f.png",{"public_id":3151,"resource_type":44},"2021-05-14T17:22:38.958Z","2021-05-14T17:22:38.973Z",{"__component":23,"id":1574,"Text":3158},"Click \"+ Add another field\". Then add a rich text field called \"Body\":",{"__component":141,"id":2644,"Size":39,"caption":39,"Image":3160},[3161],{"id":283,"name":3162,"alternativeText":29,"caption":29,"width":3163,"height":3164,"formats":3165,"hash":3190,"ext":34,"mime":37,"size":3191,"url":3192,"previewUrl":39,"provider":72,"provider_metadata":3193,"created_at":3194,"updated_at":3195},"Screenshot_2021-05-14_at_16.00.48.png",1888,738,{"large":3166,"small":3172,"medium":3178,"thumbnail":3184},{"ext":34,"url":3167,"hash":3168,"mime":37,"name":3169,"path":39,"size":3170,"width":41,"height":2148,"provider_metadata":3171},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012996/large_Screenshot_2021_05_14_at_16_00_48_286fc7e41b.png","large_Screenshot_2021_05_14_at_16_00_48_286fc7e41b","large_Screenshot_2021-05-14_at_16.00.48.png",44.8,{"public_id":3168,"resource_type":44},{"ext":34,"url":3173,"hash":3174,"mime":37,"name":3175,"path":39,"size":3176,"width":50,"height":1110,"provider_metadata":3177},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012998/small_Screenshot_2021_05_14_at_16_00_48_286fc7e41b.png","small_Screenshot_2021_05_14_at_16_00_48_286fc7e41b","small_Screenshot_2021-05-14_at_16.00.48.png",17.88,{"public_id":3174,"resource_type":44},{"ext":34,"url":3179,"hash":3180,"mime":37,"name":3181,"path":39,"size":3182,"width":58,"height":2246,"provider_metadata":3183},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012997/medium_Screenshot_2021_05_14_at_16_00_48_286fc7e41b.png","medium_Screenshot_2021_05_14_at_16_00_48_286fc7e41b","medium_Screenshot_2021-05-14_at_16.00.48.png",30.71,{"public_id":3180,"resource_type":44},{"ext":34,"url":3185,"hash":3186,"mime":37,"name":3187,"path":39,"size":3188,"width":256,"height":1125,"provider_metadata":3189},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012995/thumbnail_Screenshot_2021_05_14_at_16_00_48_286fc7e41b.png","thumbnail_Screenshot_2021_05_14_at_16_00_48_286fc7e41b","thumbnail_Screenshot_2021-05-14_at_16.00.48.png",7.21,{"public_id":3186,"resource_type":44},"Screenshot_2021_05_14_at_16_00_48_286fc7e41b",57.04,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621012994/Screenshot_2021_05_14_at_16_00_48_286fc7e41b.png",{"public_id":3190,"resource_type":44},"2021-05-14T17:23:18.735Z","2021-05-14T17:23:18.752Z",{"__component":23,"id":1611,"Text":3197},"Click \"+ Add another field\", and finally let's add media field called \"Image\" and set its' type to \"Single media\" so we only need to upload one image.",{"__component":141,"id":2649,"Size":39,"caption":39,"Image":3199},[3200],{"id":1331,"name":3201,"alternativeText":29,"caption":29,"width":3202,"height":3203,"formats":3204,"hash":3232,"ext":34,"mime":37,"size":3233,"url":3234,"previewUrl":39,"provider":72,"provider_metadata":3235,"created_at":3236,"updated_at":3237},"Screenshot_2021-05-14_at_16.02.29.png",1912,1028,{"large":3205,"small":3212,"medium":3219,"thumbnail":3226},{"ext":34,"url":3206,"hash":3207,"mime":37,"name":3208,"path":39,"size":3209,"width":41,"height":3210,"provider_metadata":3211},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013085/large_Screenshot_2021_05_14_at_16_02_29_b3b7108963.png","large_Screenshot_2021_05_14_at_16_02_29_b3b7108963","large_Screenshot_2021-05-14_at_16.02.29.png",71.48,538,{"public_id":3207,"resource_type":44},{"ext":34,"url":3213,"hash":3214,"mime":37,"name":3215,"path":39,"size":3216,"width":50,"height":3217,"provider_metadata":3218},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013088/small_Screenshot_2021_05_14_at_16_02_29_b3b7108963.png","small_Screenshot_2021_05_14_at_16_02_29_b3b7108963","small_Screenshot_2021-05-14_at_16.02.29.png",27.31,269,{"public_id":3214,"resource_type":44},{"ext":34,"url":3220,"hash":3221,"mime":37,"name":3222,"path":39,"size":3223,"width":58,"height":3224,"provider_metadata":3225},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013087/medium_Screenshot_2021_05_14_at_16_02_29_b3b7108963.png","medium_Screenshot_2021_05_14_at_16_02_29_b3b7108963","medium_Screenshot_2021-05-14_at_16.02.29.png",47.95,403,{"public_id":3221,"resource_type":44},{"ext":34,"url":3227,"hash":3228,"mime":37,"name":3229,"path":39,"size":3230,"width":256,"height":957,"provider_metadata":3231},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013084/thumbnail_Screenshot_2021_05_14_at_16_02_29_b3b7108963.png","thumbnail_Screenshot_2021_05_14_at_16_02_29_b3b7108963","thumbnail_Screenshot_2021-05-14_at_16.02.29.png",10.53,{"public_id":3228,"resource_type":44},"Screenshot_2021_05_14_at_16_02_29_b3b7108963",89.07,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013083/Screenshot_2021_05_14_at_16_02_29_b3b7108963.png",{"public_id":3232,"resource_type":44},"2021-05-14T17:24:49.052Z","2021-05-14T17:24:49.065Z",{"__component":23,"id":283,"Text":3239},"Next, go to the \"Advanced settings\" tab.\n\nFrequently when creating a localised site, you won't want all fields to be localised. By default, you will have to re-enter content for each field in the new language when you switch between locales.\n\nIn our case, we want the Image field to keep the same image across all languages.\n**Uncheck the \"Enabled for localisation\" checkbox.**",{"__component":141,"id":5,"Size":39,"caption":39,"Image":3241},[3242],{"id":607,"name":3243,"alternativeText":29,"caption":29,"width":3041,"height":3244,"formats":3245,"hash":3273,"ext":34,"mime":37,"size":3274,"url":3275,"previewUrl":39,"provider":72,"provider_metadata":3276,"created_at":3277,"updated_at":3278},"Screenshot_2021-05-14_at_16.28.11.png",1128,{"large":3246,"small":3253,"medium":3260,"thumbnail":3267},{"ext":34,"url":3247,"hash":3248,"mime":37,"name":3249,"path":39,"size":3250,"width":41,"height":3251,"provider_metadata":3252},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013168/large_Screenshot_2021_05_14_at_16_28_11_bdf7a65a28.png","large_Screenshot_2021_05_14_at_16_28_11_bdf7a65a28","large_Screenshot_2021-05-14_at_16.28.11.png",76.45,580,{"public_id":3248,"resource_type":44},{"ext":34,"url":3254,"hash":3255,"mime":37,"name":3256,"path":39,"size":3257,"width":50,"height":3258,"provider_metadata":3259},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013170/small_Screenshot_2021_05_14_at_16_28_11_bdf7a65a28.png","small_Screenshot_2021_05_14_at_16_28_11_bdf7a65a28","small_Screenshot_2021-05-14_at_16.28.11.png",29.28,290,{"public_id":3255,"resource_type":44},{"ext":34,"url":3261,"hash":3262,"mime":37,"name":3263,"path":39,"size":3264,"width":58,"height":3265,"provider_metadata":3266},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013169/medium_Screenshot_2021_05_14_at_16_28_11_bdf7a65a28.png","medium_Screenshot_2021_05_14_at_16_28_11_bdf7a65a28","medium_Screenshot_2021-05-14_at_16.28.11.png",51.72,435,{"public_id":3262,"resource_type":44},{"ext":34,"url":3268,"hash":3269,"mime":37,"name":3270,"path":39,"size":3271,"width":256,"height":2068,"provider_metadata":3272},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013167/thumbnail_Screenshot_2021_05_14_at_16_28_11_bdf7a65a28.png","thumbnail_Screenshot_2021_05_14_at_16_28_11_bdf7a65a28","thumbnail_Screenshot_2021-05-14_at_16.28.11.png",10.82,{"public_id":3269,"resource_type":44},"Screenshot_2021_05_14_at_16_28_11_bdf7a65a28",99.09,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013166/Screenshot_2021_05_14_at_16_28_11_bdf7a65a28.png",{"public_id":3273,"resource_type":44},"2021-05-14T17:26:10.747Z","2021-05-14T17:26:10.762Z",{"__component":23,"id":1331,"Text":3280},"Now we can click \"Finish\" to create our fields. Take a second to give yourself a pat on the back; you're one step closer to localisation euphoria.\n\n### Adding your locales\n\nNext up, we need to add your desired locales in Strapi. The locales are basically the different languages you want your site to support.\n\nYou can get to the locale settings by going to Settings > Internationalisation: \u003Ca href=\"http://localhost:1337/admin/settings/internationalization\" target=\"_blank\">http://localhost:1337/admin/settings/internationalization\u003C/a> in the Strapi admin.\n\nOnce you are there, you should see that you already have one locale, English. You can add another one by clicking the \"Add locale\" button in the top right.",{"__component":141,"id":2700,"Size":39,"caption":39,"Image":3282},[3283],{"id":653,"name":3284,"alternativeText":29,"caption":29,"width":3285,"height":3286,"formats":3287,"hash":3313,"ext":34,"mime":37,"size":3314,"url":3315,"previewUrl":39,"provider":72,"provider_metadata":3316,"created_at":3317,"updated_at":3318},"Screenshot_2021-05-14_at_15.47.29.png",1962,836,{"large":3288,"small":3294,"medium":3301,"thumbnail":3308},{"ext":34,"url":3289,"hash":3290,"mime":37,"name":3291,"path":39,"size":3292,"width":41,"height":1949,"provider_metadata":3293},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013421/large_Screenshot_2021_05_14_at_15_47_29_199876ffc6.png","large_Screenshot_2021_05_14_at_15_47_29_199876ffc6","large_Screenshot_2021-05-14_at_15.47.29.png",51.31,{"public_id":3290,"resource_type":44},{"ext":34,"url":3295,"hash":3296,"mime":37,"name":3297,"path":39,"size":3298,"width":50,"height":3299,"provider_metadata":3300},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013424/small_Screenshot_2021_05_14_at_15_47_29_199876ffc6.png","small_Screenshot_2021_05_14_at_15_47_29_199876ffc6","small_Screenshot_2021-05-14_at_15.47.29.png",19.72,213,{"public_id":3296,"resource_type":44},{"ext":34,"url":3302,"hash":3303,"mime":37,"name":3304,"path":39,"size":3305,"width":58,"height":3306,"provider_metadata":3307},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013423/medium_Screenshot_2021_05_14_at_15_47_29_199876ffc6.png","medium_Screenshot_2021_05_14_at_15_47_29_199876ffc6","medium_Screenshot_2021-05-14_at_15.47.29.png",34.72,320,{"public_id":3303,"resource_type":44},{"ext":34,"url":3309,"hash":3310,"mime":37,"name":3311,"path":39,"size":1634,"width":256,"height":413,"provider_metadata":3312},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013420/thumbnail_Screenshot_2021_05_14_at_15_47_29_199876ffc6.png","thumbnail_Screenshot_2021_05_14_at_15_47_29_199876ffc6","thumbnail_Screenshot_2021-05-14_at_15.47.29.png",{"public_id":3310,"resource_type":44},"Screenshot_2021_05_14_at_15_47_29_199876ffc6",71.55,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013419/Screenshot_2021_05_14_at_15_47_29_199876ffc6.png",{"public_id":3313,"resource_type":44},"2021-05-14T17:30:24.433Z","2021-05-14T17:30:31.363Z",{"__component":23,"id":1392,"Text":3320},"Choose your desired language in the modal that appears and click the \"Add locale\" button. Just like that, your CMS is now multilingual! Add as many languages as you need.\n\n### Set content type permissions\n\nWe are going to need Nuxt to be able to access our Stapi API to pull in content. By default, Strapi makes any new content type private, so we will need to change that.\n\nGo to Settings, and under the \"Users & Permissions Plugin\" heading, click \"Roles\".\n\nClick on the \"Public\" role, scroll down to the permissions and tick the \"find\" checkbox under \"Home\"",{"__component":141,"id":2705,"Size":39,"caption":39,"Image":3322},[3323],{"id":697,"name":3324,"alternativeText":29,"caption":29,"width":3325,"height":2865,"formats":3326,"hash":3350,"ext":34,"mime":37,"size":3351,"url":3352,"previewUrl":39,"provider":72,"provider_metadata":3353,"created_at":3354,"updated_at":3355},"Screenshot_2021-05-14_at_16.34.41.png",1406,{"large":3327,"small":3333,"medium":3339,"thumbnail":3344},{"ext":34,"url":3328,"hash":3329,"mime":37,"name":3330,"path":39,"size":3331,"width":41,"height":448,"provider_metadata":3332},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013553/large_Screenshot_2021_05_14_at_16_34_41_f72b2c7d35.png","large_Screenshot_2021_05_14_at_16_34_41_f72b2c7d35","large_Screenshot_2021-05-14_at_16.34.41.png",18.21,{"public_id":3329,"resource_type":44},{"ext":34,"url":3334,"hash":3335,"mime":37,"name":3336,"path":39,"size":3337,"width":50,"height":463,"provider_metadata":3338},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013554/small_Screenshot_2021_05_14_at_16_34_41_f72b2c7d35.png","small_Screenshot_2021_05_14_at_16_34_41_f72b2c7d35","small_Screenshot_2021-05-14_at_16.34.41.png",6.99,{"public_id":3335,"resource_type":44},{"ext":34,"url":3340,"hash":3341,"mime":37,"name":3342,"path":39,"size":1440,"width":58,"height":1728,"provider_metadata":3343},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013554/medium_Screenshot_2021_05_14_at_16_34_41_f72b2c7d35.png","medium_Screenshot_2021_05_14_at_16_34_41_f72b2c7d35","medium_Screenshot_2021-05-14_at_16.34.41.png",{"public_id":3341,"resource_type":44},{"ext":34,"url":3345,"hash":3346,"mime":37,"name":3347,"path":39,"size":3348,"width":256,"height":1851,"provider_metadata":3349},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013552/thumbnail_Screenshot_2021_05_14_at_16_34_41_f72b2c7d35.png","thumbnail_Screenshot_2021_05_14_at_16_34_41_f72b2c7d35","thumbnail_Screenshot_2021-05-14_at_16.34.41.png",2.56,{"public_id":3346,"resource_type":44},"Screenshot_2021_05_14_at_16_34_41_f72b2c7d35",16.16,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013552/Screenshot_2021_05_14_at_16_34_41_f72b2c7d35.png",{"public_id":3350,"resource_type":44},"2021-05-14T17:32:35.373Z","2021-05-14T17:32:35.394Z",{"__component":23,"id":607,"Text":3357},"Save your changes. This will make the GET [\u003Chttp://localhost:1337/home>](\u003Chttp://localhost:1337/home>) endpoint publicly accessible.\n\n### Add some content\n\nWe are done setting up Strapi, and now it's time to add some content. Click \"Home\" under the \"Single Types\" section of the admin sidebar and enter content for your default locale.\n\nOnce you are happy you have created a masterpiece, save and publish it.\n\nNow it's time to get out your foreign language dictionary and enter content for your second locale. To change the current locale, use the dropdown switch found in the right sidebar. We fancied French next.",{"__component":141,"id":2710,"Size":39,"caption":39,"Image":3359},[3360],{"id":743,"name":3361,"alternativeText":29,"caption":29,"width":3362,"height":3363,"formats":3364,"hash":3385,"ext":34,"mime":37,"size":3386,"url":3387,"previewUrl":39,"provider":72,"provider_metadata":3388,"created_at":3389,"updated_at":3390},"Screenshot_2021-05-14_at_16.39.04.png",762,688,{"small":3365,"medium":3372,"thumbnail":3379},{"ext":34,"url":3366,"hash":3367,"mime":37,"name":3368,"path":39,"size":3369,"width":50,"height":3370,"provider_metadata":3371},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013624/small_Screenshot_2021_05_14_at_16_39_04_ce99688147.png","small_Screenshot_2021_05_14_at_16_39_04_ce99688147","small_Screenshot_2021-05-14_at_16.39.04.png",31.44,451,{"public_id":3367,"resource_type":44},{"ext":34,"url":3373,"hash":3374,"mime":37,"name":3375,"path":39,"size":3376,"width":58,"height":3377,"provider_metadata":3378},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013623/medium_Screenshot_2021_05_14_at_16_39_04_ce99688147.png","medium_Screenshot_2021_05_14_at_16_39_04_ce99688147","medium_Screenshot_2021-05-14_at_16.39.04.png",54.83,677,{"public_id":3374,"resource_type":44},{"ext":34,"url":3380,"hash":3381,"mime":37,"name":3382,"path":39,"size":3383,"width":1389,"height":67,"provider_metadata":3384},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013621/thumbnail_Screenshot_2021_05_14_at_16_39_04_ce99688147.png","thumbnail_Screenshot_2021_05_14_at_16_39_04_ce99688147","thumbnail_Screenshot_2021-05-14_at_16.39.04.png",7.03,{"public_id":3381,"resource_type":44},"Screenshot_2021_05_14_at_16_39_04_ce99688147",29.53,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621013621/Screenshot_2021_05_14_at_16_39_04_ce99688147.png",{"public_id":3385,"resource_type":44},"2021-05-14T17:33:44.461Z","2021-05-14T17:33:44.475Z",{"__component":23,"id":653,"Text":3392},"Make sure to save and publish again. Each locale gets published separately. Repeat for all your locales. Hopefully, none of you decided to add the world's 6500+ languages; otherwise, it might take you longer than expected to finish this tutorial!\n\n## Next up is Nuxt\n\nYour time as a content editor has come to an end, and now you need to get into your favourite hacker pose and start coding.\n\nFirst up is creating a new Nuxt site. In a new folder, use the terminal to run the following:",{"__component":412,"id":1426,"Code":3394,"Type":415,"location":39,"language":39},"npx create-nuxt-app nuxt",{"__component":23,"id":697,"Text":3396},"Answer the questions via the CLI. In our case, we choose the following:\n\n* Language: **JavaScript**\n* Package manager: **NPM**\n* UI framework: **TailwindCSS**\n* Linter: **ESLint**\n* Rendering mode: **Singe Page App**\n* Deployment target: **Static**\n\nOnce that has done, cd into the new nuxt folder and start the dev server:",{"__component":412,"id":1440,"Code":3398,"Type":415,"location":39,"language":39},"npm run dev",{"__component":23,"id":743,"Text":3400},"Your Nuxt site should now be running at http://localhost:3000/\n\n### Install Nuxt Strapi and i18n\n\nNext, we need to install a few Nuxt modules. The Nuxt Strapi module will allow us to easily communicate with our Strapi API, and the Nuxt i18n module will enable us to add localisation.\n\nInstall both the modules:",{"__component":412,"id":1454,"Code":3402,"Type":415,"location":39,"language":39},"npm i nuxt-i18n @nuxtjs/strapi",{"__component":23,"id":789,"Text":3404},"Once that is done, we need to add both modules to nuxt.config.js and configure them with options. First, let's register the modules.",{"__component":412,"id":1468,"Code":3406,"Type":422,"location":39,"language":39},"// nuxt.config.js\n// Modules: https://go.nuxtjs.dev/config-modules\nmodules: [\n '@nuxtjs/strapi',\n 'nuxt-i18n'\n],",{"__component":23,"id":834,"Text":3408},"Next, we can configure the i18n module. Add the following to your `nuxt.config.js`:",{"__component":412,"id":1482,"Code":3410,"Type":422,"location":39,"language":39},"i18n: {\n locales: ['en', 'fr', 'de'],\n defaultLocale: 'en',\n},",{"__component":23,"id":879,"Text":3412},"The above tells the i18n plugin that we will have three locales English, French and German. \n\nFeel free to adjust those to whichever languages you set up earlier in Strapi. **It's important to note the locale codes you use should match the ones used when setting up locales in Strapi.**\n\nYou can also set the sites default locale.\n\nNow we can move on to configuring the Strapi module. Add the following:",{"__component":412,"id":1760,"Code":3414,"Type":422,"location":39,"language":39},"strapi: {\n entities: [\n { name: 'home', type: 'single' },\n ]\n},",{"__component":23,"id":1681,"Text":3416},"This tells the module that we have a content type called \"home\" and it's a single. This will allow us to retrieve it easily later.\n\n### Loading localised content from Strapi into Nuxt\n\nNow it's time to load content from Strapi into Nuxt. In pages/index.vue replace the script section with the following:",{"__component":412,"id":558,"Code":3418,"Type":422,"location":39,"language":39},"\u003Cscript>\nexport default {\n async asyncData ({ $strapi, i18n }) {\n const home = await $strapi.$home.find({ _locale: i18n.locale })\n return {\n home\n }\n }\n}\n\u003C/script>",{"__component":23,"id":924,"Text":3420},"To load in the data, we can use the asyncData hook that will be run at build time. The Nuxt i18n plugin adds the i18n object to the context object that is passed into the function. This allows us to get the current locale with i18n.locale.\n\nThe Nuxt Strapi plugin also injects itself into the asyncData context, so we can then make a request to our API to get the home content. The import part here is how we filter the request by locale to retrieve the correct language:\n",{"__component":412,"id":569,"Code":3422,"Type":422,"location":39,"language":39},"const home = await $strapi.$home.find({ _locale: i18n.locale })",{"__component":23,"id":969,"Text":3424},"All being well, the home content should now be available in your page component. Let's add it to the template. Replace the `pages/index.vue` template with the following:",{"__component":412,"id":1520,"Code":3426,"Type":1189,"location":39,"language":39}," \u003Cdiv class=\"container flex flex-col items-center\">\n \u003Cdiv class=\"flex flex-col items-center\">\n \u003Ch1 class=\"mb-4 text-pink-700 font-bold\">\n {{ home.Title }}\n \u003C/h1>\n \u003Cdiv class=\"mb-4 text-green-700\">\n {{ home.Body }}\n \u003C/div>\n\t\t\t\u003C!-- Usually you should store the Strapi host in an env var -->\n \u003Cimg :src=\"`http://localhost:1337${home.Image.url}`\" class=\"w-1/4 mb-6\" alt=\"Featured Image\">\n \u003C/div>\n \u003C/div>",{"__component":23,"id":1011,"Text":3428},"There should be nothing that surprises you here; we just use standard Vue.js templating to output our page title, body and bind the image URL to the image src.\n\nHopefully, by this point, you can see the content you added appearing on your page.",{"__component":141,"id":2757,"Size":39,"caption":39,"Image":3430},[3431],{"id":789,"name":3432,"alternativeText":29,"caption":29,"width":3433,"height":3434,"formats":3435,"hash":3450,"ext":3437,"mime":100,"size":3451,"url":3452,"previewUrl":39,"provider":72,"provider_metadata":3453,"created_at":3454,"updated_at":3455},"Image_14-05-2021_at_17.17.jpg",558,650,{"small":3436,"thumbnail":3444},{"ext":3437,"url":3438,"hash":3439,"mime":100,"name":3440,"path":39,"size":3441,"width":3442,"height":50,"provider_metadata":3443},".jpg","https://res.cloudinary.com/djyjvrw5u/image/upload/v1621014108/small_Image_14_05_2021_at_17_17_22e4ed9099.jpg","small_Image_14_05_2021_at_17_17_22e4ed9099","small_Image_14-05-2021_at_17.17.jpg",19.99,429,{"public_id":3439,"resource_type":44},{"ext":3437,"url":3445,"hash":3446,"mime":100,"name":3447,"path":39,"size":3448,"width":1925,"height":67,"provider_metadata":3449},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621014108/thumbnail_Image_14_05_2021_at_17_17_22e4ed9099.jpg","thumbnail_Image_14_05_2021_at_17_17_22e4ed9099","thumbnail_Image_14-05-2021_at_17.17.jpg",3.08,{"public_id":3446,"resource_type":44},"Image_14_05_2021_at_17_17_22e4ed9099",29.24,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1621014107/Image_14_05_2021_at_17_17_22e4ed9099.jpg",{"public_id":3450,"resource_type":44},"2021-05-14T17:41:49.355Z","2021-05-14T17:41:49.367Z",{"__component":23,"id":1052,"Text":3457},"It's not exactly a thing of beauty, but it is internationalised! At this point, you can test the internationalisation works by manually changing the address to something like this:\n\u003Ca href=\"http://localhost:3000/fr\" target=\"_blank\">http://localhost:3000/fr\u003C/a>\n\nYou should see your content change to the correct language. 🎉\n\n### Making a locale switcher\n\nHaving multiple locales might be fancy, but you need to let your users know what languages are available. To do that, we need a locale switcher.\n\nLet's make a new component in the components folder called \"LocaleSwitcher.vue\"",{"__component":412,"id":2174,"Code":3459,"Type":422,"location":39,"language":39},"\u003Ctemplate>\n \u003Cnav>\n \u003Cul class=\"flex\">\n \u003Cli\n v-for=\"locale in availableLocales\"\n :key=\"locale\"\n class=\"py-4 px-4 text-xl font-bold\"\n >\n \u003Cnuxt-link :to=\"switchLocalePath(locale)\">\n {{ locale }}\n \u003C/nuxt-link>\n \u003C/li>\n \u003C/ul>\n \u003C/nav>\n\u003C/template>\n\n\u003Cscript>\nexport default {\n computed: {\n availableLocales () {\n return this.$i18n.locales.filter(i => i.code !== this.$i18n.locale)\n }\n }\n}\n\u003C/script>",{"__component":23,"id":1144,"Text":3461},"Ok, let's break down what's happening here.\nFirst, we get a list of the available locales in a computed function:",{"__component":412,"id":333,"Code":3463,"Type":422,"location":39,"language":39}," computed: {\n availableLocales () {\n return this.$i18n.locales.filter(i => i.code !== this.$i18n.locale)\n }\n }",{"__component":23,"id":1194,"Text":3465},"Next we loop over these in our template using a v-for and we add a nuxt-link to allow us to switch between each site. The switchLocalePath function is added by the Nuxt i18n module returns the current routes localised variants. \n\nFor example, we were on a page \"/about\" and we called the function like this switchLocalePath('fr') it would return \"/fr/about\".\n\nSee here:",{"__component":412,"id":78,"Code":3467,"Type":1189,"location":39,"language":39},"\u003Cli\n v-for=\"locale in availableLocales\"\n :key=\"locale\"\n class=\"py-4 px-4 text-xl font-bold\"\n>\n \u003Cnuxt-link :to=\"switchLocalePath(locale)\">\n {{ locale }}\n \u003C/nuxt-link>\n\u003C/li>",{"__component":23,"id":1225,"Text":3469},"And that's the locale switcher finished.\n\nNow let's add it in to our page component:",{"__component":412,"id":3471,"Code":3472,"Type":422,"location":39,"language":39},24,"\u003Ctemplate>\n \u003Cdiv class=\"container flex flex-col items-center\">\n \u003Cdiv class=\"flex flex-col items-center\">\n \u003Ch1 class=\"mb-4 text-pink-700 font-bold\">\n {{ home.Title }}\n \u003C/h1>\n \u003Cdiv class=\"mb-4 text-green-700\">\n {{ home.Body }}\n \u003C/div>\n \u003Cimg :src=\"`http://localhost:1337${home.Image.url}`\" class=\"w-1/4 mb-6\" alt=\"Featured Image\">\n \u003CLocaleSwitcher />\n \u003C/div>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript>\nimport LocaleSwitcher from '~/components/LocaleSwitcher.vue'\nexport default {\n components: {\n LocaleSwitcher\n },\n async asyncData ({ $strapi, i18n }) {\n const home = await $strapi.$home.find({ _locale: i18n.locale })\n return {\n home\n }\n }\n}\n\u003C/script>",{"__component":23,"id":1675,"Text":3474},"You now have an easy way to switch between your locales!\n\n## That's a wrap\n\nAnd that's it. You should now have a fantastic internationalised site powered by Strapi and Nuxt. We have only touched on the basics, but hopefully, it gives you a good idea of what's involved in building this sort of site.\n\nWe are super impressed with how easy the Strapi and Nuxt teams have made this, so big props to them!\n\nAs always, if you have any questions or like this post, let us know on Twitter: \u003Ca href=\"https://twitter.com/pixelhopio\" target=\"_blank\">@pixelhopio\u003C/a>",{"id":1817,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":3476,"hash":3492,"ext":34,"mime":37,"size":3493,"url":3494,"previewUrl":39,"provider":72,"provider_metadata":3495,"created_at":3496,"updated_at":3496},{"small":3477,"medium":3482,"thumbnail":3487},{"ext":34,"url":3478,"hash":3479,"mime":37,"name":302,"path":39,"size":3480,"width":50,"height":311,"provider_metadata":3481},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777383472/small_nano_final_87ff7df7dd.png","small_nano_final_87ff7df7dd",319.81,{"public_id":3479,"resource_type":44},{"ext":34,"url":3483,"hash":3484,"mime":37,"name":309,"path":39,"size":3485,"width":58,"height":537,"provider_metadata":3486},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777383471/medium_nano_final_87ff7df7dd.png","medium_nano_final_87ff7df7dd",729.27,{"public_id":3484,"resource_type":44},{"ext":34,"url":3488,"hash":3489,"mime":37,"name":316,"path":39,"size":3490,"width":544,"height":67,"provider_metadata":3491},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777383469/thumbnail_nano_final_87ff7df7dd.png","thumbnail_nano_final_87ff7df7dd",55.65,{"public_id":3489,"resource_type":44},"nano_final_87ff7df7dd",881.7,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777383468/nano_final_87ff7df7dd.png",{"public_id":3492,"resource_type":44},"2026-04-28T13:37:52.449Z",[3498,3499],{"id":270,"Name":564,"created_at":565,"updated_at":566,"slug":567},{"id":558,"Name":559,"created_at":560,"updated_at":561,"slug":562},{"id":1374,"Title":3501,"user":3502,"Summary":3514,"created_at":3515,"updated_at":3516,"slug":3517,"published_at":3515,"release_date":3518,"Layout":138,"Content":3519,"Feature":3665,"tags":3693},"Pixelhop new website walk through ",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":3503},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":3504,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":3513,"created_at":374,"updated_at":374},{"large":3505,"small":3507,"medium":3509,"thumbnail":3511},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":3506},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":3508},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":3510},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":3512},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"We recently released a new version of our site. The goal was to better showcase our skills, personalities and values as a company. It was super fun to design and build, so we thought we would walk you through some details about our favourite bits.","2021-05-11T16:32:43.872Z","2026-04-28T13:40:43.836Z","pixelhop-new-website-walk-through","2021-05-11",[3520,3522,3533,3535,3545,3547,3558,3560,3570,3572,3609,3611,3651,3653,3663],{"__component":23,"id":390,"Text":3521},"## \"Marie kondoing\" the brand\n\nBefore we began redesigning our site, we took the time to tighten up our brand. We still loved our original logo concept and the overall direction of the brand colours but felt they needed tightening up.\n\nOur old logo seemed too fussy, so we simplified it by removing unnecessary details. We think this makes it more memorable and easier to use in different formats.\n\nThe brand colours also got some attention. Like the logo, we wanted to remove some cruft, so we cut down the number of colours in our palette and centred everything around our brand pink, which we call \"cherry lemonade\", and the brand green we call \"clean green\".\n\n## Open with a bang!\nFirst impressions are important, so we wanted a fun and fancy interactive header with animations that immediately captured people's attention. Once the page has loaded, the different elements of the header progressively animate in.\n\n",{"__component":1373,"id":3523,"Video":3524},5,{"id":399,"name":3525,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":3526,"ext":1379,"mime":1380,"size":3527,"url":3528,"previewUrl":3529,"provider":72,"provider_metadata":3530,"created_at":3531,"updated_at":3532},"headerloading.mov","headerloading_fd99a9f0ca",3541.52,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1620750470/headerloading_fd99a9f0ca.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/headerloading_fd99a9f0ca.gif",{"public_id":3526,"resource_type":1385},"2021-05-11T16:27:53.676Z","2021-05-11T16:27:53.689Z",{"__component":23,"id":395,"Text":3534},"Each letter of the H1 element is animated individually to create a satisfying slidey effect (that's technical terminology, we promise) while the rest of the components build in around them.\n\n\"Pixel\" is half of our name, so we've built an animated oversized pixel component that transitions in and ripples repeatedly and is used in lots of places throughout the site. The pixels are SVGs making them easy to size and animate and are generated randomly when the page loads. We love generative things, so we couldn't resist sneaking something generative into the site. For those who enjoy clicking around aimlessly, clicking anywhere on the pixel grid causes the pixels to regenerate from your mouse position.\n",{"__component":1373,"id":336,"Video":3536},{"id":395,"name":3537,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":3538,"ext":1379,"mime":1380,"size":3539,"url":3540,"previewUrl":3541,"provider":72,"provider_metadata":3542,"created_at":3543,"updated_at":3544},"headerclick.mov","headerclick_440ac7529f",4495.47,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1620750456/headerclick_440ac7529f.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/headerclick_440ac7529f.gif",{"public_id":3538,"resource_type":1385},"2021-05-11T16:27:37.817Z","2021-05-11T16:37:42.883Z",{"__component":23,"id":399,"Text":3546},"## anime.js over GSAP\n\nWe chose [anime.js](https://animejs.com/) for our animations rather than [GSAP](https://greensock.com/gsap/) because anime.js is 6.9kb, and GSAP is 23.2kb. We didn't need all of the power of GSAP, so we always prefer the lightweight option. When choosing between libraries, we use [bundlephobia.com](https://bundlephobia.com/result?p=animejs@3.2.1) to compare the packages. Keeping the bundle size as small as possible helps us to keep the site super quick.\n\n## Animating SVG lines with stroke dash offset\n\nMoving down the homepage brings you to our services section, where our services are described. Squiggly dashed SVG lines are drawn between the areas, and the rest of the content is revealed as you reach it.\n\nanime.js makes drawing really easy by animating the stroke dash offset, and we use the browser's built-in intersection observer API to trigger the animations when the elements come into view.\n\nWe also added in each of the service icons to add a bit of va-va-voom, give the section a bit of spice and once again show our personalities. ",{"__component":1373,"id":3548,"Video":3549},6,{"id":1846,"name":3550,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":3551,"ext":1379,"mime":1380,"size":3552,"url":3553,"previewUrl":3554,"provider":72,"provider_metadata":3555,"created_at":3556,"updated_at":3557},"services animation3.mov","services_animation3_eda33b0c4f",30532.65,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1620752925/services_animation3_eda33b0c4f.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/services_animation3_eda33b0c4f.gif",{"public_id":3551,"resource_type":1385},"2021-05-11T17:08:49.339Z","2021-05-11T17:08:49.350Z",{"__component":23,"id":404,"Text":3559},"## CSS animations\n\nWe try to only use libraries when the browsers native APIs aren't enough. In the case of our portfolio item animations, we didn't need anime.js. Instead, each portfolio item is made of a few decorative DOM elements animated using vanilla CSS animations, the same can be said for the testimonials section. Intersection Observer makes an appearance again to trigger the animations when they become visible.",{"__component":1373,"id":81,"Video":3561},{"id":1272,"name":3562,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":3563,"ext":1379,"mime":1380,"size":3564,"url":3565,"previewUrl":3566,"provider":72,"provider_metadata":3567,"created_at":3568,"updated_at":3569},"our work animation.mov","our_work_animation_7c77bf1025",22997.91,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1620750528/our_work_animation_7c77bf1025.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/our_work_animation_7c77bf1025.gif",{"public_id":3563,"resource_type":1385},"2021-05-11T16:28:52.547Z","2021-05-11T16:28:52.560Z",{"__component":23,"id":1272,"Text":3571},"## Customised open graph images with Puppeteer\n\nWhen we link to our content on social media, we now have customised preview images (open graph images) that give you a better idea of the page's content and hopefully make it more appealing to click and more professional.\n\nHow we do this is probably worth a blog post in itself, but in summary, we use the same components we have already built for the rest of the site, render a custom page using [Puppeteer](https://developers.google.com/web/tools/puppeteer) in a cloud function, and then cache the result in [Cloudinary](https://cloudinary.com/).\n",{"__component":141,"id":342,"Size":39,"caption":39,"Image":3573},[3574],{"id":1851,"name":3575,"alternativeText":29,"caption":29,"width":3576,"height":3577,"formats":3578,"hash":3603,"ext":34,"mime":37,"size":3604,"url":3605,"previewUrl":39,"provider":72,"provider_metadata":3606,"created_at":3607,"updated_at":3608},"1367c4e326fe95741600513dffb569cf63132638.png",1600,800,{"large":3579,"small":3585,"medium":3591,"thumbnail":3597},{"ext":34,"url":3580,"hash":3581,"mime":37,"name":3582,"path":39,"size":3583,"width":41,"height":50,"provider_metadata":3584},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1620753019/large_1367c4e326fe95741600513dffb569cf63132638_1a0b41e4bb.png","large_1367c4e326fe95741600513dffb569cf63132638_1a0b41e4bb","large_1367c4e326fe95741600513dffb569cf63132638.png",71.83,{"public_id":3581,"resource_type":44},{"ext":34,"url":3586,"hash":3587,"mime":37,"name":3588,"path":39,"size":3589,"width":50,"height":304,"provider_metadata":3590},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1620753021/small_1367c4e326fe95741600513dffb569cf63132638_1a0b41e4bb.png","small_1367c4e326fe95741600513dffb569cf63132638_1a0b41e4bb","small_1367c4e326fe95741600513dffb569cf63132638.png",29.59,{"public_id":3587,"resource_type":44},{"ext":34,"url":3592,"hash":3593,"mime":37,"name":3594,"path":39,"size":3595,"width":58,"height":311,"provider_metadata":3596},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1620753020/medium_1367c4e326fe95741600513dffb569cf63132638_1a0b41e4bb.png","medium_1367c4e326fe95741600513dffb569cf63132638_1a0b41e4bb","medium_1367c4e326fe95741600513dffb569cf63132638.png",51.91,{"public_id":3593,"resource_type":44},{"ext":34,"url":3598,"hash":3599,"mime":37,"name":3600,"path":39,"size":3601,"width":256,"height":318,"provider_metadata":3602},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1620753018/thumbnail_1367c4e326fe95741600513dffb569cf63132638_1a0b41e4bb.png","thumbnail_1367c4e326fe95741600513dffb569cf63132638_1a0b41e4bb","thumbnail_1367c4e326fe95741600513dffb569cf63132638.png",13.25,{"public_id":3599,"resource_type":44},"1367c4e326fe95741600513dffb569cf63132638_1a0b41e4bb",62.7,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1620753017/1367c4e326fe95741600513dffb569cf63132638_1a0b41e4bb.png",{"public_id":3603,"resource_type":44},"2021-05-11T17:10:22.277Z","2021-05-11T17:10:22.289Z",{"__component":23,"id":1274,"Text":3610},"## Optimising for performance\nWe always preach the benefits of a fast performant site, so it's crucial our site achieved those goals.\n\nStriking a balance between performance, fun, and interactivity can be very tricky. If performance wasn't an issue, we would be tempted to go mad with animations and interactive elements, but each ingredient you add increases page weight and rendering time.\n\nUsing [Nuxt](https://nuxtjs.org/) in full static mode gave us a great starting point, but we used a few other tricks to eek out those last lighthouse points.\n\nThe first was to use the [vue-lazy-hydrate](https://github.com/maoberlehner/vue-lazy-hydration) package to selectively delay the page hydration in certain sections. If you don't know what \"hydrating\", it's basically the point where Vue takes over control of the statically generated HTML sent from the server to add interactivity. By default, this happens as soon as the JavaScript finishes loading and can hurt performance. Vue lazy hydrate allows you to tell certain elements to hydrate only when required and can really decrease input latency and time to interactive.\n\nAnother trick we found really helped was using the new CSS property [content-visibility](https://web.dev/content-visibility/). This allows you to delay the rendering of specific chunks on the page by adding content-visibility: auto. When you have a long page with lots of elements like our homepage, we found this made a big difference to the time the page spent rendering on load.\n\nFinally, we added a service worker to make loading almost instantaneous once the site has been loaded once before, as well as making it work offline. This is made ridiculously easy by adding the [Nuxt PWA module](https://pwa.nuxtjs.org/).",{"__component":141,"id":2584,"Size":39,"caption":39,"Image":3612},[3613],{"id":1790,"name":3614,"alternativeText":29,"caption":29,"width":3615,"height":3616,"formats":3617,"hash":3645,"ext":34,"mime":37,"size":3646,"url":3647,"previewUrl":39,"provider":72,"provider_metadata":3648,"created_at":3649,"updated_at":3650},"Screenshot 2021-05-11 at 18.13.28.png",2030,1182,{"large":3618,"small":3625,"medium":3632,"thumbnail":3639},{"ext":34,"url":3619,"hash":3620,"mime":37,"name":3621,"path":39,"size":3622,"width":41,"height":3623,"provider_metadata":3624},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1620753264/large_Screenshot_2021_05_11_at_18_13_28_ab7d011ee2.png","large_Screenshot_2021_05_11_at_18_13_28_ab7d011ee2","large_Screenshot 2021-05-11 at 18.13.28.png",97.26,582,{"public_id":3620,"resource_type":44},{"ext":34,"url":3626,"hash":3627,"mime":37,"name":3628,"path":39,"size":3629,"width":50,"height":3630,"provider_metadata":3631},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1620753266/small_Screenshot_2021_05_11_at_18_13_28_ab7d011ee2.png","small_Screenshot_2021_05_11_at_18_13_28_ab7d011ee2","small_Screenshot 2021-05-11 at 18.13.28.png",37.79,291,{"public_id":3627,"resource_type":44},{"ext":34,"url":3633,"hash":3634,"mime":37,"name":3635,"path":39,"size":3636,"width":58,"height":3637,"provider_metadata":3638},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1620753265/medium_Screenshot_2021_05_11_at_18_13_28_ab7d011ee2.png","medium_Screenshot_2021_05_11_at_18_13_28_ab7d011ee2","medium_Screenshot 2021-05-11 at 18.13.28.png",66.53,437,{"public_id":3634,"resource_type":44},{"ext":34,"url":3640,"hash":3641,"mime":37,"name":3642,"path":39,"size":3643,"width":256,"height":2073,"provider_metadata":3644},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1620753263/thumbnail_Screenshot_2021_05_11_at_18_13_28_ab7d011ee2.png","thumbnail_Screenshot_2021_05_11_at_18_13_28_ab7d011ee2","thumbnail_Screenshot 2021-05-11 at 18.13.28.png",14.02,{"public_id":3641,"resource_type":44},"Screenshot_2021_05_11_at_18_13_28_ab7d011ee2",131.95,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1620753262/Screenshot_2021_05_11_at_18_13_28_ab7d011ee2.png",{"public_id":3645,"resource_type":44},"2021-05-11T17:14:26.669Z","2021-05-11T17:14:26.681Z",{"__component":23,"id":1276,"Text":3652},"## Other fun touches\n\nWe really wanted this new site to showcase our personality and our work; we don't like to think of ourselves as just another web agency. To help us do this, the superb Alex Slack created us some unique team illustrations with a fun nod to Pixel and Glitch on hover!\n",{"__component":1373,"id":270,"Video":3654},{"id":404,"name":3655,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":3656,"ext":1379,"mime":1380,"size":3657,"url":3658,"previewUrl":3659,"provider":72,"provider_metadata":3660,"created_at":3661,"updated_at":3662},"team.mov","team_4d4cd1044c",8460.46,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1620750490/team_4d4cd1044c.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/team_4d4cd1044c.gif",{"public_id":3656,"resource_type":1385},"2021-05-11T16:28:11.884Z","2021-05-11T16:28:11.902Z",{"__component":23,"id":1278,"Text":3664},"We had a great time designing and building our new site, and we hoped you enjoyed reading about it!",{"id":3666,"name":289,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":3667,"hash":3688,"ext":34,"mime":37,"size":3689,"url":3690,"previewUrl":39,"provider":72,"provider_metadata":3691,"created_at":3692,"updated_at":3692},397,{"large":3668,"small":3673,"medium":3678,"thumbnail":3683},{"ext":34,"url":3669,"hash":3670,"mime":37,"name":296,"path":39,"size":3671,"width":41,"height":50,"provider_metadata":3672},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777383640/large_nano_final_443c8c7c56.png","large_nano_final_443c8c7c56",1316.43,{"public_id":3670,"resource_type":44},{"ext":34,"url":3674,"hash":3675,"mime":37,"name":302,"path":39,"size":3676,"width":50,"height":304,"provider_metadata":3677},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777383642/small_nano_final_443c8c7c56.png","small_nano_final_443c8c7c56",341.47,{"public_id":3675,"resource_type":44},{"ext":34,"url":3679,"hash":3680,"mime":37,"name":309,"path":39,"size":3681,"width":58,"height":311,"provider_metadata":3682},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777383641/medium_nano_final_443c8c7c56.png","medium_nano_final_443c8c7c56",751.03,{"public_id":3680,"resource_type":44},{"ext":34,"url":3684,"hash":3685,"mime":37,"name":316,"path":39,"size":3686,"width":256,"height":318,"provider_metadata":3687},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777383639/thumbnail_nano_final_443c8c7c56.png","thumbnail_nano_final_443c8c7c56",87.25,{"public_id":3685,"resource_type":44},"nano_final_443c8c7c56",7370.85,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777383637/nano_final_443c8c7c56.png",{"public_id":3688,"resource_type":44},"2026-04-28T13:40:43.326Z",[3694],{"id":274,"Name":2336,"created_at":2337,"updated_at":2338,"slug":2339},{"id":13,"Title":3696,"user":3697,"Summary":3709,"created_at":3710,"updated_at":3711,"slug":3712,"published_at":3710,"release_date":3713,"Layout":138,"Content":3714,"Feature":3717,"tags":3745},"🌎 Happy earth day ",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":3698},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":3699,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":3708,"created_at":374,"updated_at":374},{"large":3700,"small":3702,"medium":3704,"thumbnail":3706},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":3701},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":3703},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":3705},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":3707},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"To mark the occasion of earth day, we have decided to make any of our future sites or apps carbon neutral by planting trees every month to offset their emissions.","2021-04-22T14:17:43.243Z","2026-04-28T14:11:34.777Z","happy-earth-day","2021-04-22",[3715],{"__component":23,"id":2796,"Text":3716},"To mark the occasion of earth day, we have decided to make any of our future sites or apps carbon neutral by planting trees every month to offset their emissions.\n\nWe've spoken before about one of our passions being the environment - doing what we can when we can to reduce our impact. We started building a tree planting API (Be the forest) but stopped as someone else did it before we launched and did it pretty well. Learning about what we can do to help the environment is a constant learning curve, and we are by no means perfect, but we do our best. Here are just some of the things we've started doing at home:\n\n- Reduced consuming animal products (meat, fish, dairy)\n- Reduced the use of single-use plastic.\n - Shampoo bars instead of bottles\n - Soap bars instead of shower gel\n - Buying options that don't come in plastic (food etc)\n- Refill containers instead of buying new ones for common house hold goods such as washing up liquid, hand wash etc\n- Reduced food waste\n- Sold our car\n- Invested in a litter picker and do frequent beach cleans\n\n## BUT.... what have we missed? Websites!\n\nBloody websites! Being web developers and overly conscious of the environment, one would imagine we'd have thought about our career's impact. Still, naively it's not something we hugely thought about until now.\n\n> According to the online carbon calculator Website Carbon, the average website produces 1.76g of CO2 for every page view; so a site with 100,000 page views per month emits 2,112kg of CO2 every year.\n\n*Source: [Wired](https://www.wired.co.uk/article/internet-carbon-footprint)*\n\nWe're in an environmental crisis, and most people are beginning to look at their impact and different things they can do to make better choices. We started to think about offsetting the carbon emissions on the websites we are building at this point.\n\nThere are two main ways in which websites create carbon emissions. I'll try and break it down a bit to make some sense to non-techy people who have websites and would like to know more about the impact their stack has. When I say website stack, I mean the compilation of software set up, especially for implementing websites and web apps. If you are techy, I apologise for boring you with things you already know.\n\nHere are the two main impacts:\n\n## Servers\n\nAll websites need a space to live, the way we've always explained it to people is it's a big car park (a server). Within the car park, you have parking spaces, and that's where your website lives. That car park has got to live somewhere, we may not be able to see it physically, but it's there. Because we can't see it, it's easily forgotten about, and so is its impact on the environment. As you can imagine, there are an awful lot of servers holding a vast amount of websites across the world. And what do the servers require, electricity, and a lot of it!\n\n> The internet consumes a lot of electricity. 416.2TWh per year to be precise. To give you some perspective, that's more than the entire United Kingdom.\n\n*Source: [Website Carbon](https://www.websitecarbon.com/)*\n\nFrom our research, we've found that the only two major platforms that are powered by fully renewable energy are:\n\n- GCP (Google Cloud Platform)\n- Microsoft Azure\n\nOther companies are more ambiguous and have some regions that are powered by renewable but not all, such as:\n\n- DigitalOcean\n- Vercel\n- AWS\n- Netlify - this is more complicated, it's multi-cloud, and they're relying on other providers\n\n## Users\n\nAnother way in which a website impact the environment is the amount of traffic your website has. Every time a page is loaded, it's using power on the users' laptop/phone. The more traffic to your site receives, the more energy is required.\n\n## What can we do\n\nOne thing website owners can do is to find out if their hosting is powered by renewable energy. If it isn't, then see if it's possible to move it over to hosting that is powered by renewable energy. If that's not plausible, then you can offset your websites stack's carbon footprint by using a tool such as stack.earth. The statistics hit us hard, and the stark realisation that we can't just sit back and ignore it got us thinking. That's when stack.earth began!\n\n# stack.earth\n\nGoing back to making our sites offset emissions, we wanted a way to automate this as we build more and more sites. [stack.earth](http://stack.earth/) is going to connect to the most popular provides that power sites and apps such as AWS, Netlify, DigitalOcean and Vercel and will monitor the resources you are using. At the end of each month, we will tali up the different types of resources used and donate to tree planting charities to offset their emissions. The more resources used, the more trees we plant.\n\nWe wanted to build this to offset our impact but realised others might also find this helpful; therefore, we've decided we're going to make it a non-profit service for others use and also offset their emissions.",{"id":3718,"name":289,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":3719,"hash":3740,"ext":34,"mime":37,"size":3741,"url":3742,"previewUrl":39,"provider":72,"provider_metadata":3743,"created_at":3744,"updated_at":3744},398,{"large":3720,"small":3725,"medium":3730,"thumbnail":3735},{"ext":34,"url":3721,"hash":3722,"mime":37,"name":296,"path":39,"size":3723,"width":41,"height":50,"provider_metadata":3724},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777385491/large_nano_final_16327199e7.png","large_nano_final_16327199e7",1192.32,{"public_id":3722,"resource_type":44},{"ext":34,"url":3726,"hash":3727,"mime":37,"name":302,"path":39,"size":3728,"width":50,"height":304,"provider_metadata":3729},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777385493/small_nano_final_16327199e7.png","small_nano_final_16327199e7",308.95,{"public_id":3727,"resource_type":44},{"ext":34,"url":3731,"hash":3732,"mime":37,"name":309,"path":39,"size":3733,"width":58,"height":311,"provider_metadata":3734},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777385492/medium_nano_final_16327199e7.png","medium_nano_final_16327199e7",679.2,{"public_id":3732,"resource_type":44},{"ext":34,"url":3736,"hash":3737,"mime":37,"name":316,"path":39,"size":3738,"width":256,"height":318,"provider_metadata":3739},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777385490/thumbnail_nano_final_16327199e7.png","thumbnail_nano_final_16327199e7",80.01,{"public_id":3737,"resource_type":44},"nano_final_16327199e7",6793.03,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777385488/nano_final_16327199e7.png",{"public_id":3740,"resource_type":44},"2026-04-28T14:11:34.180Z",[3746,3750],{"id":1760,"Name":3747,"created_at":3748,"updated_at":3749,"slug":3747},"stack.earth","2021-04-22T14:18:16.960Z","2021-04-24T16:16:36.036Z",{"id":274,"Name":2336,"created_at":2337,"updated_at":2338,"slug":2339},{"id":279,"Title":3752,"user":3753,"Summary":3765,"created_at":3766,"updated_at":3767,"slug":3768,"published_at":3766,"release_date":3769,"Layout":381,"Content":3770,"Feature":3773,"tags":3795},"Pixelhop update 🐰",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":3754},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":3755,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":3764,"created_at":374,"updated_at":374},{"large":3756,"small":3758,"medium":3760,"thumbnail":3762},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":3757},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":3759},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":3761},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":3763},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"Well it's been quite some time, months have passed since our last blog post. A hell of a lot has happened in the world over the past year we thought we should give an update on some changes we've had at Pixelhop. I suppose I should start where we left off and update on our side project- Be the Forest. ","2021-03-12T10:28:32.593Z","2026-04-28T14:39:27.678Z","pixelhop-update","2021-03-12",[3771],{"__component":23,"id":1599,"Text":3772},"Well it's been quite some time, months have passed since our last blog post. A hell of a lot has happened in the world over the past year we thought we should give an update on some changes we've had at Pixelhop. I suppose I should start where we left off and update on our side project- Be the Forest. \n\n## Be the Forest update 🌳\n\nWell, our good intentions of them weekly updates didn't last for long did they! What can we say, shit hit the fan in 2020, and our focus changed. Whilst this is still really important to us and certainly something we want to pursue in the future, we chose to put it on the back burner for a bit.\n\nWith things like a global pandemic and the black lives matter movement, we wanted to move our attention to other things. For us, it didn't feel right to keep plodding along and working on side projects with blinkered eyes without looking at what's going on around us. We spent quite a lot of time educating ourselves and trying to do things that can help.\n\nWe started building out another app - Together in Isolation (thanks to our friend Gav who came up with the name). It was to help the vulnerable around this scary time who can't get out like they usually would, and to get jobs done that they can't (shopping, dog walking etc.). We worked hard to get the product done during our evenings and weekends, but we're a tiny couple of fish in a vast ocean (as they say). \n\nSomething similar and more established was released (Goodsam) - it had a government backing as well. We decided there's no point in continuing working on Together in Isolation it would only dilute the market - which could be harmful for those that need the help. Despite us not pursuing Together in Isolation, we only gained positives from what we did do. We love building projects - right from the very start when it's just a tiny idea. We will detail about the whole process in another post - from concept -> design -> development. For now I will stop babbling on this matter and move onto some other news!\n\n## Doubling in size 👩‍💻🥳 👨‍💻\n\nSo, other news! *Da da daaaaan* 🗞\n\nThis is quite some quite significant news too. Our little company has doubled in size. It's no longer just me: it's now Jozef and me 🎉 🤓. Zef has been a full-time Pixelhopper for a few months now, so the news isn't that new! And what a few months it has been! From the moment I took the leap and started Pixelhop - we dreamt that Zef would one day be able to come and join me full time. We came up with a big plan of how we were going to do it, it's taken a bit of time, but it's happened, and we are excited by what the future holds.\n\n## Future 🔮\n\nIt's been great fun us two working together again (rather than just working on our side projects in the evenings and weekend). We have LOTS of plans for the future, making our tummies do summersaults. We have a fizzy, buzzy, bubbly sort of feeling - well it's either that we're excited or we just had a dodgy breakfast. One of the plans we have is to be more consistent with blogging, we both enjoy it and have a lot of (useless) information in our minds and thought it would be good to share it. Some other things are bubbling away, which we will undoubtedly be sharing as and when we can.\n\nAnyways, thanks for reading it's good to be back typing things other than code 🤓",{"id":3049,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":3774,"hash":3790,"ext":34,"mime":37,"size":3791,"url":3792,"previewUrl":39,"provider":72,"provider_metadata":3793,"created_at":3794,"updated_at":3794},{"small":3775,"medium":3780,"thumbnail":3785},{"ext":34,"url":3776,"hash":3777,"mime":37,"name":302,"path":39,"size":3778,"width":50,"height":311,"provider_metadata":3779},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387166/small_nano_final_b45fd8b36a.png","small_nano_final_b45fd8b36a",313.1,{"public_id":3777,"resource_type":44},{"ext":34,"url":3781,"hash":3782,"mime":37,"name":309,"path":39,"size":3783,"width":58,"height":537,"provider_metadata":3784},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387165/medium_nano_final_b45fd8b36a.png","medium_nano_final_b45fd8b36a",727.05,{"public_id":3782,"resource_type":44},{"ext":34,"url":3786,"hash":3787,"mime":37,"name":316,"path":39,"size":3788,"width":544,"height":67,"provider_metadata":3789},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387164/thumbnail_nano_final_b45fd8b36a.png","thumbnail_nano_final_b45fd8b36a",52.13,{"public_id":3787,"resource_type":44},"nano_final_b45fd8b36a",795.91,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387163/nano_final_b45fd8b36a.png",{"public_id":3790,"resource_type":44},"2026-04-28T14:39:27.022Z",[3796],{"id":1454,"Name":3797,"created_at":3798,"updated_at":3799,"slug":3800},"Be the Forest","2020-05-09T13:43:16.202Z","2021-04-24T16:14:21.394Z","be-the-forest",{"id":274,"Title":3802,"user":3803,"Summary":3809,"created_at":3810,"updated_at":3811,"slug":3812,"published_at":3810,"release_date":3813,"Layout":381,"Content":3814,"Feature":3817,"tags":3839},"Be the Forest: Week 1",{"id":87,"username":1763,"email":1764,"provider":84,"confirmed":86,"blocked":86,"role":87,"created_at":1765,"updated_at":1766,"project":39,"Picture":3804},{"id":87,"name":1768,"alternativeText":29,"caption":29,"width":1769,"height":1769,"formats":3805,"hash":1776,"ext":97,"mime":100,"size":1777,"url":1778,"previewUrl":39,"provider":72,"provider_metadata":3808,"created_at":1780,"updated_at":1780},{"thumbnail":3806},{"ext":97,"url":1772,"hash":1773,"mime":100,"size":1774,"width":67,"height":67,"provider_metadata":3807},{"public_id":1773,"resource_type":44},{"public_id":1776,"resource_type":44},"Here is our week one summary for the project Be the Forest: The API that plants trees.","2020-05-17T13:14:42.771Z","2026-04-28T14:42:26.742Z","be-the-forest:-week-1","2020-05-17",[3815],{"__component":23,"id":2710,"Text":3816},"*This is the first weekly update for our project \"Be The Forest\". If you don't already know what our plans are, you can read about them in our kickoff post here: [Be The Forest Kickoff](https://pixelhop.io/writing/2020/05/be-the-forest-kickoff/)*\n\n## 😬 1 week down, 3 to go\n\nHere we are the first sprint week of our current project Be The Forest: The API that plants trees, is complete and we are ready to begin our next 1-week sprint.\n\nHow did week one go?\n\nVery well actually, we have got loads done, and if anything we are probably a little bit ahead of schedule!\n\n## 🎉 Week one achievements\n\nWe are really happy with what we have achieved in the first week and it has placed us in good stead for the next.\n\n### Came up with a name, bought a domain, and designed a logo\n\nOne of the first things we did this week was come up for a name for the project. This was by far the hardest thing we did! Why is choosing a name for something so hard?\n\nI think the pressure of only having a week didn't help either, we were constantly aware that we were spending too much of our short amount of time going back and forth trying to get the perfect name.\n\nIn the end, we settled with \"Be the Forest\". It's quite literal, but we like it as in some ways our API is going to empower people to plant their forests.\n\nAfter coming up with a name we started looking at designing a quick logo. This was a much quicker process. Tree's provide a nice visual starting point for logo design.\n\n![Be the Forest Logo](https://res.cloudinary.com/djyjvrw5u/image/upload/v1589722030/Logo%402x_80ba9a812a.png)\n\n### Launched a holding page\n\nAfter getting our domain, we launched a quick holding page providing the most basic info about the project and somewhere for people to signup for more info. We have had a few signups too!\n\n👉 [https://betheforest.org/](Be the Forest: The API that plants trees)\n\nPart of our master plan to build 7 projects in 28 weeks was to make repetitive tasks such as setting up holding pages for projects as quick as possible. We achieved this and the holding page was live in no time. This was all thanks to the tools we used:\n\n* Gridsome\n* Tailwind UI\n* Mailjet\n* Netlify\n\n### Designs for marketing site\n\nThe holding site is just temporary and before we launch we need a fully-fledged marketing site that explains why you might want to use Be the Forest and how it works. We had intended to do designs for this next sprint but managed to get an initial version done already.\n\nOn top of that, we have already started developing it so hopefully, we can get the marketing site out soon.\n\n### Designs for the dashboard\n\nWe also started very early designs for the user dashboard where users will be able to manage billing and retrieve their API keys. These are wireframes more than anything. Will will be using Tailwind UI to speed to this up so there is not that much design to do.\n\n### Planning\n\nOn top of all of the above, we have done lots of planning. We use Clubhouse as our project management tool, and have set up the majority of our tasks, and divided them between 4 week-long sprints. This is going to help us stay on track and keep the project progressing.\n\n## 👉 What's next?\n\nWith one sprint down and 3 sprints left, its time to get making. The first sprint has been about getting set up and creating a direction for the project, the following sprints are going to be where the real hard work begins and we start to make the project a reality.\n\nThe top-level goals for this sprint are as follows:\n\n* Setup to the projects and repositories for the 3 remaining elements that need to be developed, API, User dashboard, and user documentation\n* Finish and deploy v1 of the marketing site\n* Start the initial groundwork on the API\n\nWe are excited to get cracking this sprint, it's going to be nice to start getting our hands dirty in some code. We will be back the same time next week with another progress update. Thanks for reading!",{"id":1769,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":3818,"hash":3834,"ext":34,"mime":37,"size":3835,"url":3836,"previewUrl":39,"provider":72,"provider_metadata":3837,"created_at":3838,"updated_at":3838},{"small":3819,"medium":3824,"thumbnail":3829},{"ext":34,"url":3820,"hash":3821,"mime":37,"name":302,"path":39,"size":3822,"width":50,"height":311,"provider_metadata":3823},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387345/small_nano_final_05282b00a6.png","small_nano_final_05282b00a6",313.59,{"public_id":3821,"resource_type":44},{"ext":34,"url":3825,"hash":3826,"mime":37,"name":309,"path":39,"size":3827,"width":58,"height":537,"provider_metadata":3828},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387344/medium_nano_final_05282b00a6.png","medium_nano_final_05282b00a6",725.27,{"public_id":3826,"resource_type":44},{"ext":34,"url":3830,"hash":3831,"mime":37,"name":316,"path":39,"size":3832,"width":544,"height":67,"provider_metadata":3833},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387343/thumbnail_nano_final_05282b00a6.png","thumbnail_nano_final_05282b00a6",53.46,{"public_id":3831,"resource_type":44},"nano_final_05282b00a6",888.22,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387342/nano_final_05282b00a6.png",{"public_id":3834,"resource_type":44},"2026-04-28T14:42:26.264Z",[3840,3841,3842,3847],{"id":1454,"Name":3797,"created_at":3798,"updated_at":3799,"slug":3800},{"id":274,"Name":2336,"created_at":2337,"updated_at":2338,"slug":2339},{"id":336,"Name":3843,"created_at":3844,"updated_at":3845,"slug":3846},"Gridsome","2020-04-27T18:46:05.821Z","2021-04-24T16:15:27.035Z","gridsome",{"id":1468,"Name":3848,"created_at":3849,"updated_at":3850,"slug":3851},"Side projects","2020-05-09T13:43:56.673Z","2021-04-24T16:16:25.315Z","side-projects",{"id":81,"Title":3853,"user":3854,"Summary":3866,"created_at":3867,"updated_at":3868,"slug":3869,"published_at":3867,"release_date":3870,"Layout":381,"Content":3871,"Feature":3874,"tags":3897},"Be the Forest kickoff",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":3855},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":3856,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":3865,"created_at":374,"updated_at":374},{"large":3857,"small":3859,"medium":3861,"thumbnail":3863},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":3858},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":3860},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":3862},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":3864},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"Be the Forest, an API that plants trees! We want to help people offset their carbon footprint, so here we are, trying to do that! ","2020-05-09T13:58:00.885Z","2026-04-28T14:52:46.348Z","be-the-forest-kickoff","2020-05-09",[3872],{"__component":23,"id":569,"Text":3873},"## 🌳 An API that plants trees\n\nToday we are excited to kick off the first of our [7 side projects in 28 weeks](https://pixelhop.io/writing/2020/05/master-plan-7-projects-28-weeks/). [Be the Forest](https://betheforest.org/), an API that plants trees! Inspired by sites like [Ecosia](https://www.ecosia.org/) (the search engine that plants trees) we thought it would be great to give developers a simple way to build similar experiences and add carbon offsetting to their digital products or services.\n\n- Got an online store? You could add the option to offset carbon emissions as part of your checkout.\n- Making a game? Plant a real tree for every tree digital someone plants in the game.\n- Teaching your children to save? Hack together a digital money bank that automatically plants a tree for every £1 they save.\n\nThose are just some of the possibilities being able to plant trees using and API would enable and we know there will be many more we haven't thought about!\n\nSooooo, we have already set up a holding page [here](https://betheforest.org/), where you can subscribe for more updates. We've even got a little logo already, if you fancy checking it out! \n\n## 💡 How did the idea come about?\n\nOne Friday evening we were sat in the living room after having a couple of wines and watching a documentary about the world and what a mess it's in. With wildfires, global warming, deforestation, and so on and so forth. I just had an overwhelming sense of sadness and anger about what is going on. \n\nWe do our fair share for the environment, we've stopped eating meat and dairy, we try not to buy foods in plastic where possible, we shop locally and support our local refill shops like the lovely [Harriets of Hove](https://harrietsofhove.com/), all important things to us but it just didn't feel like enough. \n\nFeeling helpless but wanting to help we got our flip chart out and started brainstorming ideas. Our imaginations went wild, or more my imagination went wild. Within about 5 minutes I had decided I was going to pack my bags and head over to Australia to help the Fireman to put out the wildfires and save all the animals. Zef bought me back to reality and said that wasn't realistic. He was right, as he so often is!\n\nBack to the drawing board, I suppose. Zef said we should use the skills we have (eg. tech) to come up with something to help, and that's where this idea blossomed from.\nWe both use the search engine Ecosia where ad revenue from your searches plants trees and we thought wouldn't it be cool if it was easy for people to build similar experiences?!\n\n## 👩‍🏫 How will it work?\n\nOur initial idea is quite simple and may expand in the future, but for the moment this is roughly how we see it working.\n\n1. Users. for example online shop keepers, signup up to our API and add billing details.\n2. When they want to plant a tree they use our API and will be billed based on the number of trees they want to plant. For example when a customer purchase they can also have the option to add on planting a tree to offset the impact of delivery. \n3. We pool everyone's contributions into a pot, and at the end of each month, we donate to one of the leading tree-planting charities on behalf of everyone.\n4. We create monthly reports providing full transparency on how the money donated has been spent and distributed.\n5. Users will be able to use the API to see how their contributions have helped and get stats for the estimated number of trees they have planted etc.\n\n## 🤝 Trust is earned\n\nWe know the key to a service like this is transparency and trust. People need to be sure that the money they provide is actually used for planting trees, and not for funding flotilla holidays in the Mediterranean! \n\nThe monthly reports that show how we have spent the money will be crucial to this and will hopefully give everyone some peace of mind.\n\nOn top of that, **we do not intend to make a profit from this service.** Our aim is to give as big of a proportion of the money donated as possible directly to the tree planters. **We will need to use a small proportion of the money to cover expenses,** and while we can't say for certain how much that will be yet, we will be completely transparent about this in the monthly reports.\n\n## 💻 How are we going to build it?\n\nTechnically this project is relatively simple, but there will be four things we need to build for it to be a success.\n\n### 🔌 1) API\n\nOf course, the API is core to the whole idea. Our goal is to make it as simple and easy to use as possible. We will be using NodeJS because we are most productive when writing JavaScript.\n\n### 📚 2) API Documentation Site\n\nAn API is useless if it doesn't have good documentation. We will need comprehensive documentation that explains how to use the API with clear examples. We will use [Vuepress](https://vuepress.vuejs.org/) for this as it makes creating docs with markdown super simple.\n\n### 📈 3) Customer Portal\n\nThis is where users will sign up, log in, manage billing, get their API credentials, and see their stats. To build this we will be using Vue.js and Tailwind UI to give us a bit of a head start.\n\n### 💚4) Marketing Site\n\nThis will explain who we are, what we are doing and trying to achieve and how we plan to go about it. It's important that there's a lot of information here and that we are totally transparent so people trust us. We will have stats for all the donations and expenses leaving no stone unturned. \n\nWe will use Gridsome and Tailwind UI to build the marketing site.\n\n## 🧱 Time to get building!\n\nSo there you have it! We have planned everything out, written our kick-off blog post, created the project in Clubhouse, now it's time to get building! We will be back in a week to update you all on how it's going, the hurdles we have hit, the ones we've leapt over and just give a general update on where we are at.\n\nIf anyone has any comments or feedback, we would love to hear from you, so don't be shy! ",{"id":3875,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":3876,"hash":3892,"ext":34,"mime":37,"size":3893,"url":3894,"previewUrl":39,"provider":72,"provider_metadata":3895,"created_at":3896,"updated_at":3896},402,{"small":3877,"medium":3882,"thumbnail":3887},{"ext":34,"url":3878,"hash":3879,"mime":37,"name":529,"path":39,"size":3880,"width":50,"height":311,"provider_metadata":3881},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387964/small_flux_final_d4ca90a18b.png","small_flux_final_d4ca90a18b",307.68,{"public_id":3879,"resource_type":44},{"ext":34,"url":3883,"hash":3884,"mime":37,"name":535,"path":39,"size":3885,"width":58,"height":537,"provider_metadata":3886},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387963/medium_flux_final_d4ca90a18b.png","medium_flux_final_d4ca90a18b",715.22,{"public_id":3884,"resource_type":44},{"ext":34,"url":3888,"hash":3889,"mime":37,"name":542,"path":39,"size":3890,"width":544,"height":67,"provider_metadata":3891},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387962/thumbnail_flux_final_d4ca90a18b.png","thumbnail_flux_final_d4ca90a18b",52.57,{"public_id":3889,"resource_type":44},"flux_final_d4ca90a18b",838.34,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387960/flux_final_d4ca90a18b.png",{"public_id":3892,"resource_type":44},"2026-04-28T14:52:45.392Z",[3898,3903,3904,3909,3914,3915,3916],{"id":1426,"Name":3899,"created_at":3900,"updated_at":3901,"slug":3902},"Tailwind UI","2020-05-09T13:41:03.883Z","2021-04-24T16:17:11.216Z","tailwind-ui",{"id":1454,"Name":3797,"created_at":3798,"updated_at":3799,"slug":3800},{"id":81,"Name":3905,"created_at":3906,"updated_at":3907,"slug":3908},"JAMstack","2020-04-27T18:46:21.950Z","2021-04-24T16:15:43.673Z","jamstack",{"id":342,"Name":3910,"created_at":3911,"updated_at":3912,"slug":3913},"Node.js","2022-01-27T14:35:58.357Z","2022-01-27T15:17:09.330Z","node-js",{"id":1468,"Name":3848,"created_at":3849,"updated_at":3850,"slug":3851},{"id":87,"Name":1526,"created_at":1527,"updated_at":1528,"slug":1529},{"id":1440,"Name":3917,"created_at":3918,"updated_at":3919,"slug":3920},"VuePress","2020-05-09T13:42:28.690Z","2021-04-24T16:17:55.837Z","vuepress",{"id":270,"Title":3922,"user":3923,"Summary":3935,"created_at":3936,"updated_at":3937,"slug":3938,"published_at":3936,"release_date":3939,"Layout":138,"Content":3940,"Feature":3962,"tags":3989},"Master Plan - 7 Projects / 28 Weeks",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":3924},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":3925,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":3934,"created_at":374,"updated_at":374},{"large":3926,"small":3928,"medium":3930,"thumbnail":3932},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":3927},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":3929},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":3931},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":3933},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"Zef and I are constantly talking about different ideas and \"things\" we want to build and projects we want to start. Over the years we have started countless side projects but have finished only a few. It's hard to keep side project momentum around busy lifestyles and full-time jobs.","2020-05-06T16:24:24.382Z","2026-04-28T14:58:57.717Z","master-plan-7-projects-28-weeks","2020-05-06",[3941,3943,3960],{"__component":23,"id":327,"Text":3942},"Zef and I are constantly talking about different ideas and \"things\" we want to build and projects we want to start. Over the years we have started countless side projects but have finished only a few. It's hard to keep side project momentum around busy lifestyles and full-time jobs.\n\nWe have decided enough is enough. We need to plan everything out properly, write down our goals, create a real roadmap, and keep ourselves accountable. So that is exactly what we've done!\n\nWe've come up with personal, business and work goals, as well as a list of projects we have been meaning to start forever. We have a MASTER PLAN!\n\n## Building in the open\n\nTo help keep us accountable we have decided to share our plan publicly. If we don't stick to it everyone can hold us accountable 😬\n\nHere is our project timetable for the rest of the year. We have given each project code names so we don't ruin all the surprises to come.",{"__component":141,"id":1440,"Size":39,"caption":39,"Image":3944},[3945],{"id":2630,"name":3946,"alternativeText":29,"caption":29,"width":3947,"height":3948,"formats":3949,"hash":3955,"ext":34,"mime":37,"size":3956,"url":3957,"previewUrl":39,"provider":72,"provider_metadata":3958,"created_at":3959,"updated_at":3959},"Screenshot 2020-05-06 at 17.30.15",422,247,{"thumbnail":3950},{"ext":34,"url":3951,"hash":3952,"mime":37,"size":3953,"width":256,"height":2073,"provider_metadata":3954},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588782653/thumbnail_Screenshot_2020-05-06_at_17.30.15_b5be5a83ea.png","thumbnail_Screenshot_2020-05-06_at_17.30.15_b5be5a83ea",16.55,{"public_id":3952,"resource_type":44},"Screenshot_2020-05-06_at_17.30.15_b5be5a83ea",33.63,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588782652/Screenshot_2020-05-06_at_17.30.15_b5be5a83ea.png",{"public_id":3955,"resource_type":44},"2020-05-06T16:30:53.589Z",{"__component":23,"id":558,"Text":3961},"## But we never finish...\n\nOne of the biggest problems our side projects have faced in the past is finishing them! Zef and I both have busy lives and have to work on our side projects around our \"real\" jobs.\n\nAll too often we have been overly ambitious and before we know it we have been working on something for six months, and we are still no closer to releasing it. At this point, we wouldn't have validation whether the project was a good enough idea to be worth spending that amount of time working on, and it's easy to get bored of a project when working on it for so long with no end in sight.\n\nTo hopefully solve this problem we have decided to limit each project to a strict 4-week timeframe. This should help us keep focused and not get too carried away with creeping features and endless tweaks. At the end of the 4 weeks our goal is to have something releasable, however MVP it might be.\n\nIt's going to be hard, but I think the limitation will help us to get something out the door.\n\n## A template for success\n\nGiven the short timeframes for each project, we have planned at a process that we will follow for every project, hopefully becoming more efficient as we go along. The steps in the process will act as waypoints guiding us to (hopefully) launching a decent MVP at the end of the 4 weeks.\n\n### 🏁Kick-off\n\nTo kick-off we will do the following:\n\n- **Kick-off post** - This will essentially act as our brief and explain the goals of the project and what we want to produce.\n- **Project landing page** - We will create a basic project landing page where people can subscribe for updates. We have bought [Tailwind UI](https://tailwindui.com/) to help speed this up.\n- **Set up Clubhouse** - We ❤️ [Clubhouse](https://clubhouse.io/) as our project management tool. We will scope out and add as many tasks as possible to the project so we can get a sense of how we are doing over the coming 4 weeks.\n\n### 🤓Mid Project\n\nThe day to day of working on the different projects will vary, but we plan to post a weekly status update outlining our current progress and what is left to do. Hopefully, this will be an interesting read to anyone following along and again it should help us to stay accountable and on track.\n\n### 🚀Launch\n\nAt the end of the 4-weeks, our goal is to have something launch-able. What does that mean exactly? Well ideally it would mean we would be launching a fully-fledged product, but if we are being realistic I think we will have achieved our goal if we have an MVP launched that is ready for Beta testers. Again this will be slightly dependant on the specific project.\n\nAnother way of putting it, I think we will have succeeded if it the end of the four weeks there are users other than us using our product 😀\n\n## 7 Products / 28 weeks\n\nBy the end of this process, we hope to have launched 7 products within 28 weeks of sprint time. It's a lofty goal we know, but we are excited about trying to accomplish it and can't wait to see the results.\n\nThe plan is going to allow us to validate our ideas quickly, we will learn so much along the way, and when we come out the other side we will have 7 great projects we can add to our [Pixelhop](https://pixelhop.io/) portfolio.",{"id":3224,"name":289,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":3963,"hash":3984,"ext":34,"mime":37,"size":3985,"url":3986,"previewUrl":39,"provider":72,"provider_metadata":3987,"created_at":3988,"updated_at":3988},{"large":3964,"small":3969,"medium":3974,"thumbnail":3979},{"ext":34,"url":3965,"hash":3966,"mime":37,"name":296,"path":39,"size":3967,"width":41,"height":50,"provider_metadata":3968},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777388334/large_nano_final_6afbe94be1.png","large_nano_final_6afbe94be1",1155.37,{"public_id":3966,"resource_type":44},{"ext":34,"url":3970,"hash":3971,"mime":37,"name":302,"path":39,"size":3972,"width":50,"height":304,"provider_metadata":3973},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777388336/small_nano_final_6afbe94be1.png","small_nano_final_6afbe94be1",307.51,{"public_id":3971,"resource_type":44},{"ext":34,"url":3975,"hash":3976,"mime":37,"name":309,"path":39,"size":3977,"width":58,"height":311,"provider_metadata":3978},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777388335/medium_nano_final_6afbe94be1.png","medium_nano_final_6afbe94be1",665.42,{"public_id":3976,"resource_type":44},{"ext":34,"url":3980,"hash":3981,"mime":37,"name":316,"path":39,"size":3982,"width":256,"height":318,"provider_metadata":3983},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777388333/thumbnail_nano_final_6afbe94be1.png","thumbnail_nano_final_6afbe94be1",81.13,{"public_id":3981,"resource_type":44},"nano_final_6afbe94be1",6339.11,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777388331/nano_final_6afbe94be1.png",{"public_id":3984,"resource_type":44},"2026-04-28T14:58:57.231Z",[3990],{"id":274,"Name":2336,"created_at":2337,"updated_at":2338,"slug":2339},{"id":336,"Title":3992,"user":3993,"Summary":4005,"created_at":4006,"updated_at":4007,"slug":4008,"published_at":4006,"release_date":4009,"Layout":381,"Content":4010,"Feature":4013,"tags":4036},"Ta da! New website ",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":3994},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":3995,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":4004,"created_at":374,"updated_at":374},{"large":3996,"small":3998,"medium":4000,"thumbnail":4002},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":3997},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":3999},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":4001},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":4003},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"Wooooo we have a new website, it's jam-packed with JAMstack! Built using Vue.js, Gridsome and Tailwind! ","2020-04-27T18:57:22.990Z","2026-04-28T15:03:38.999Z","ta-da!-new-website","2020-04-27",[4011],{"__component":23,"id":270,"Text":4012},"## What?\n\nAnd just like that, we have a new spruced up website. 🥳🐰💃🕺💫\n\n## How? 🤓\n\nWe wanted to build a simple JAMstack (Javascript, API, Markup) website using some of our favourite tools - Gridsome, Vue and Tailwind. You will find that we often use these tools, just because we find them fun, easy and super intuitive. We plan on writing a lot about them, plus other tools we use along the way 🔨 🧰 🔧 .\n\n## Why? 🤷‍♀️\n\nWe've upgraded from our business card website to help share some of the cool things we are working on, share some knowledge we're learning along the way and to allow you to contact us when needed 📧 ☎️📱.\n\nWe have worked hard to make sure performance, best practices and SEO are up there - these are just some of the perks of having a JAMstack website. If our website doesn't have these then how can we sell what we do? 🍯 🕸 .\n\n## Animations 💫\n\nTo give it a bit more personality we've added some cool little animations, that's the sort of thing we love doing - we're frontend devs what can I say 🤓 🤣 💻.\n\nWe hope you like the changes, enjoy a little click around, and if you do have any feedback or if there's anything, in particular, you'd like us to write about then don't hesitate to get in touch. We love chatting all things geek (and rabbits). 🧡 🐰",{"id":4014,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":4015,"hash":4031,"ext":34,"mime":37,"size":4032,"url":4033,"previewUrl":39,"provider":72,"provider_metadata":4034,"created_at":4035,"updated_at":4035},404,{"small":4016,"medium":4021,"thumbnail":4026},{"ext":34,"url":4017,"hash":4018,"mime":37,"name":302,"path":39,"size":4019,"width":50,"height":311,"provider_metadata":4020},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777388618/small_nano_final_6f9724bd29.png","small_nano_final_6f9724bd29",312.89,{"public_id":4018,"resource_type":44},{"ext":34,"url":4022,"hash":4023,"mime":37,"name":309,"path":39,"size":4024,"width":58,"height":537,"provider_metadata":4025},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777388617/medium_nano_final_6f9724bd29.png","medium_nano_final_6f9724bd29",715.11,{"public_id":4023,"resource_type":44},{"ext":34,"url":4027,"hash":4028,"mime":37,"name":316,"path":39,"size":4029,"width":544,"height":67,"provider_metadata":4030},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777388615/thumbnail_nano_final_6f9724bd29.png","thumbnail_nano_final_6f9724bd29",53.74,{"public_id":4028,"resource_type":44},"nano_final_6f9724bd29",864.96,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777388614/nano_final_6f9724bd29.png",{"public_id":4031,"resource_type":44},"2026-04-28T15:03:38.486Z",[4037,4038,4039,4040],{"id":81,"Name":3905,"created_at":3906,"updated_at":3907,"slug":3908},{"id":87,"Name":1526,"created_at":1527,"updated_at":1528,"slug":1529},{"id":270,"Name":564,"created_at":565,"updated_at":566,"slug":567},{"id":336,"Name":3843,"created_at":3844,"updated_at":3845,"slug":3846},{"id":2787,"Title":4042,"user":4043,"Summary":4078,"created_at":4079,"updated_at":4080,"slug":4081,"published_at":4082,"release_date":4083,"Layout":381,"Content":4084,"Feature":4126,"tags":4149},"Meet our new developer, Eliska",{"id":274,"username":4044,"email":4045,"provider":84,"confirmed":86,"blocked":86,"role":87,"created_at":4046,"updated_at":4047,"project":39,"Picture":4048},"Eliska","eliska@pixelhop.io","2024-01-16T13:08:51.572Z","2024-01-16T13:09:44.766Z",{"id":4049,"name":4050,"alternativeText":29,"caption":29,"width":4051,"height":4052,"formats":4053,"hash":4072,"ext":97,"mime":100,"size":4073,"url":4074,"previewUrl":39,"provider":72,"provider_metadata":4075,"created_at":4076,"updated_at":4077},292,"eliska.jpeg",896,897,{"small":4054,"medium":4060,"thumbnail":4066},{"ext":97,"url":4055,"hash":4056,"mime":100,"name":4057,"path":39,"size":4058,"width":164,"height":50,"provider_metadata":4059},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705410577/small_eliska_5c766ac770.jpg","small_eliska_5c766ac770","small_eliska.jpeg",31.89,{"public_id":4056,"resource_type":44},{"ext":97,"url":4061,"hash":4062,"mime":100,"name":4063,"path":39,"size":4064,"width":171,"height":58,"provider_metadata":4065},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705410576/medium_eliska_5c766ac770.jpg","medium_eliska_5c766ac770","medium_eliska.jpeg",67.67,{"public_id":4062,"resource_type":44},{"ext":97,"url":4067,"hash":4068,"mime":100,"name":4069,"path":39,"size":4070,"width":67,"height":67,"provider_metadata":4071},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705410575/thumbnail_eliska_5c766ac770.jpg","thumbnail_eliska_5c766ac770","thumbnail_eliska.jpeg",4.47,{"public_id":4068,"resource_type":44},"eliska_5c766ac770",98.12,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705410574/eliska_5c766ac770.jpg",{"public_id":4072,"resource_type":44},"2024-01-16T13:09:37.787Z","2024-01-16T13:09:37.801Z","Here's a Q&A with our new developer, Eliska. ","2024-01-16T13:20:03.525Z","2026-04-27T14:49:43.329Z","meet-our-new-developer-eliska","2024-01-16T13:20:31.014Z","2024-01-16",[4085,4088],{"__component":23,"id":4086,"Text":4087},415,"## Where are you from?\nI am originally from the Czech Republic which you either never heard of or you absolutely love Prague (the capital). About 3 years ago, my fate sent me to Coventry and this is where I live today.\n\n## What did you do before development?\nNot much time has passed since I left education. While still at school, I did a few random part-time/holiday jobs like tutoring, housekeeping, looking after children, pigs and other animals.\n\n## How did you get into development?\nI took a very traditional path through formal education. I was always into STEM subjects but there was a time when I was absolutely certain that I didn't want to touch any software development. Not knowing much about it, it was nothing but black magic to me.\n\nI decided to study electronics at college level. As much as I tried to escape it, I came across some coding anyway. I realised it's actually very satisfying and started learning it on my own as well.\n\nAfter college, I could finally take life into my own hands. Being an immature 18-year-old at that time, I wanted to throw away all I had learned and start traveling.\n\nSoon enough, the biggest life changing moment of my life happened... A very well targeted ad appeared in my facebook feed. (The thought of how much impact it had on my life still haunts me sometimes.) “Study in the UK. Last chance before Brexit,” it said, reminding me of my long-forgotten dream of studying abroad as well as creating an ingenious FOMO out of the political situation. I couldn’t miss that. Plus, I didn’t have to give up on traveling completely, I still got to leave my country. And so I did. I signed up for a Computing course at Coventry University, moved to the land of tea and funny weather and began my journey to become a developer.\n\n## What's your favourite thing about what you do?\nThe more I learn, the more fascinating I find it. There's always something amazing waiting to be discovered, making each learning experience an adventure. The continuous learning process keeps me motivated and excited about what lies ahead in the ever-evolving world of development.\n\nAnother thing I greatly appreciate is the freedom I have. As a developer, I can work from anywhere I want. I’d say it was one of the reasons I chose this career. I was hoping that one day, I would get to work remotely and travel.\n\n## What are your favourite things to do in your spare time?\nI like being active to compensate for all the time I spend sitting behind a screen. I play all kinds of sports like volleyball, badminton or tennis (at a very recreational level). I also enjoy learning to play the piano.\n\n## What made you choose Pixelhop as your next step?\nI remember the moment I ran into their job ad and opened their website, it was love for the first sight. I saw an oasis of inspiration, fun and pink bunnies. What a dream! I often found myself coming back to it just to look at it and contemplate its beauty. They made it very obvious how much they care about what they do. They do everything with the greatest passion and love. I couldn't dream of a better place to work!\n\n## How are you finding your first week at pixelhop?\nIt's been an amazing experience! Everyone is very supportive and welcoming. It's only the beginning but I already know I found a dream job.\n\n## Anything else that you want to add?\nI am so happy to be a part of the Pixelhop family! Thank you so much for having faith in me. I am really grateful for this opportunity!",{"__component":141,"id":1690,"Size":4089,"caption":39,"Image":4090},"Full",[4091],{"id":2246,"name":4092,"alternativeText":29,"caption":29,"width":4093,"height":2816,"formats":4094,"hash":4120,"ext":4096,"mime":100,"size":4121,"url":4122,"previewUrl":39,"provider":72,"provider_metadata":4123,"created_at":4124,"updated_at":4125},"CAAD68EB-317F-4DFD-8D8E-08BF59630E14.JPG",2160,{"large":4095,"small":4102,"medium":4108,"thumbnail":4114},{"ext":4096,"url":4097,"hash":4098,"mime":100,"name":4099,"path":39,"size":4100,"width":41,"height":58,"provider_metadata":4101},".JPG","https://res.cloudinary.com/djyjvrw5u/image/upload/v1705413998/large_CAAD_68_EB_317_F_4_DFD_8_D8_E_08_BF_59630_E14_c47b2a18f2.jpg","large_CAAD_68_EB_317_F_4_DFD_8_D8_E_08_BF_59630_E14_c47b2a18f2","large_CAAD68EB-317F-4DFD-8D8E-08BF59630E14.JPG",74.05,{"public_id":4098,"resource_type":44},{"ext":4096,"url":4103,"hash":4104,"mime":100,"name":4105,"path":39,"size":4106,"width":50,"height":311,"provider_metadata":4107},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705414000/small_CAAD_68_EB_317_F_4_DFD_8_D8_E_08_BF_59630_E14_c47b2a18f2.jpg","small_CAAD_68_EB_317_F_4_DFD_8_D8_E_08_BF_59630_E14_c47b2a18f2","small_CAAD68EB-317F-4DFD-8D8E-08BF59630E14.JPG",26.47,{"public_id":4104,"resource_type":44},{"ext":4096,"url":4109,"hash":4110,"mime":100,"name":4111,"path":39,"size":4112,"width":58,"height":537,"provider_metadata":4113},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705413999/medium_CAAD_68_EB_317_F_4_DFD_8_D8_E_08_BF_59630_E14_c47b2a18f2.jpg","medium_CAAD_68_EB_317_F_4_DFD_8_D8_E_08_BF_59630_E14_c47b2a18f2","medium_CAAD68EB-317F-4DFD-8D8E-08BF59630E14.JPG",48.68,{"public_id":4110,"resource_type":44},{"ext":4096,"url":4115,"hash":4116,"mime":100,"name":4117,"path":39,"size":4118,"width":544,"height":67,"provider_metadata":4119},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705413997/thumbnail_CAAD_68_EB_317_F_4_DFD_8_D8_E_08_BF_59630_E14_c47b2a18f2.jpg","thumbnail_CAAD_68_EB_317_F_4_DFD_8_D8_E_08_BF_59630_E14_c47b2a18f2","thumbnail_CAAD68EB-317F-4DFD-8D8E-08BF59630E14.JPG",7.22,{"public_id":4116,"resource_type":44},"CAAD_68_EB_317_F_4_DFD_8_D8_E_08_BF_59630_E14_c47b2a18f2",320.4,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705413996/CAAD_68_EB_317_F_4_DFD_8_D8_E_08_BF_59630_E14_c47b2a18f2.jpg",{"public_id":4120,"resource_type":44},"2024-01-16T14:06:41.130Z","2024-01-16T14:06:41.148Z",{"id":4127,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":4128,"hash":4144,"ext":34,"mime":37,"size":4145,"url":4146,"previewUrl":39,"provider":72,"provider_metadata":4147,"created_at":4148,"updated_at":4148},366,{"small":4129,"medium":4134,"thumbnail":4139},{"ext":34,"url":4130,"hash":4131,"mime":37,"name":302,"path":39,"size":4132,"width":50,"height":311,"provider_metadata":4133},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777301095/small_nano_final_bd3d7cfc52.png","small_nano_final_bd3d7cfc52",344.5,{"public_id":4131,"resource_type":44},{"ext":34,"url":4135,"hash":4136,"mime":37,"name":309,"path":39,"size":4137,"width":58,"height":537,"provider_metadata":4138},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777301094/medium_nano_final_bd3d7cfc52.png","medium_nano_final_bd3d7cfc52",779.25,{"public_id":4136,"resource_type":44},{"ext":34,"url":4140,"hash":4141,"mime":37,"name":316,"path":39,"size":4142,"width":544,"height":67,"provider_metadata":4143},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777301092/thumbnail_nano_final_bd3d7cfc52.png","thumbnail_nano_final_bd3d7cfc52",59.67,{"public_id":4141,"resource_type":44},"nano_final_bd3d7cfc52",848.67,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777301091/nano_final_bd3d7cfc52.png",{"public_id":4144,"resource_type":44},"2026-04-27T14:44:55.894Z",[4150],{"id":274,"Name":2336,"created_at":2337,"updated_at":2338,"slug":2339},{"id":2715,"Title":4152,"user":4153,"Summary":4159,"created_at":4160,"updated_at":4161,"slug":4162,"published_at":4163,"release_date":4164,"Layout":4165,"Content":4166,"Feature":4729,"tags":4757},"The story of Chat Thing - Bootstrapping our first side project to £5000 MRR in under 3 months",{"id":87,"username":1763,"email":1764,"provider":84,"confirmed":86,"blocked":86,"role":87,"created_at":1765,"updated_at":1766,"project":39,"Picture":4154},{"id":87,"name":1768,"alternativeText":29,"caption":29,"width":1769,"height":1769,"formats":4155,"hash":1776,"ext":97,"mime":100,"size":1777,"url":1778,"previewUrl":39,"provider":72,"provider_metadata":4158,"created_at":1780,"updated_at":1780},{"thumbnail":4156},{"ext":97,"url":1772,"hash":1773,"mime":100,"size":1774,"width":67,"height":67,"provider_metadata":4157},{"public_id":1773,"resource_type":44},{"public_id":1776,"resource_type":44},"Pixelhop's Chat Thing is an AI bot platform that allows users to create bots without coding knowledge. The platform was created in under a week, launched in under a month, and reached 5,500+ users with £5,000 MRR in under 3 months. The team built a waitlist, invited users in small batches, and received support from Seth Godin and Dave Winer. Despite facing competition, the team plans to continue adding features and improving the product.","2023-06-12T15:17:34.187Z","2026-04-27T15:30:50.532Z","the-story-of-chat-thing-bootstrapping-our-first-side-project-to-pound5000-mrr-in-under-3-months","2023-06-12T15:36:22.539Z","2023-06-12","editorial_band",[4167,4169,4180,4182,4223,4226,4265,4267,4305,4307,4348,4350,4389,4391,4428,4430,4449,4474,4476,4515,4518,4559,4561,4601,4603,4643,4646,4681,4684,4726],{"__component":23,"id":3049,"Text":4168},"One of our long term goals at Pixelhop has always been to diversify from solely relying on our digital agency client work and to release our own products! \n\n[Chat Thing](https://chatthing.ai) is an easy-to-use platform that enables users to create AI bots without any coding knowledge. The platform allows users to integrate their own content and configure their bot's responses.\n\n## From weekend hack to launch in under a week\n\nPicture this: the world of AI is evolving at breakneck speed, leaving us designers and developers with a looming sense of existential crisis. Will our skills become obsolete overnight? But instead of succumbing to fear, we decided to embrace the AI revolution head-on. After stumbling upon Supabase's [article](https://supabase.com/blog/chatgpt-supabase-docs) about creating \"Clippy,\" a ChatGPT bot for their docs, our minds raced with possibilities. We thought, \"Hey, what else can we do with this AI magic?”\n\nWe are huge Notion fans at Pixelhop. We use it for project management, our company handbook, and anything else we can throw at it. Notion is so versatile we thought it would be perfect to hook up to ChatGPT in a similar way to Supabase and it could power all sorts of bots!\n\nOn the 27th Feb we set about prototyping the idea and by the 5th of March we had basic prototype that worked better than we could have expected.\n\nWe came up with the name “Chat Thing” because you can use to create all kinds of chat things, clever aye? Designed a quick logo, bought the domain https://chathing.ai \n\nFinally we recorded this little demo video and couldn’t wait to show people.",{"__component":1373,"id":395,"Video":4170},{"id":4171,"name":4172,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":4173,"ext":1558,"mime":1559,"size":4174,"url":4175,"previewUrl":4176,"provider":72,"provider_metadata":4177,"created_at":4178,"updated_at":4179},268,"chat thing.mp4","chat_thing_0576e39ff0",28256.85,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1686582555/chat_thing_0576e39ff0.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/chat_thing_0576e39ff0.gif",{"public_id":4173,"resource_type":1385},"2023-06-12T15:09:17.972Z","2023-06-12T15:09:18.003Z",{"__component":23,"id":1769,"Text":4181},"We posted the video to Twitter the following day and sat their waiting to see peoples’ reactions.",{"__component":141,"id":257,"Size":143,"caption":4183,"Image":4184},"Our first tweet announcing Chat Thing was a massive flop!",[4185],{"id":3217,"name":4186,"alternativeText":29,"caption":29,"width":4187,"height":4188,"formats":4189,"hash":4217,"ext":34,"mime":37,"size":4218,"url":4219,"previewUrl":39,"provider":72,"provider_metadata":4220,"created_at":4221,"updated_at":4222},"Screenshot 2023-06-05 at 15.37.34.png",1210,1578,{"large":4190,"small":4197,"medium":4204,"thumbnail":4211},{"ext":34,"url":4191,"hash":4192,"mime":37,"name":4193,"path":39,"size":4194,"width":4195,"height":41,"provider_metadata":4196},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582608/large_Screenshot_2023_06_05_at_15_37_34_5b301e6bfd.png","large_Screenshot_2023_06_05_at_15_37_34_5b301e6bfd","large_Screenshot 2023-06-05 at 15.37.34.png",251.82,767,{"public_id":4192,"resource_type":44},{"ext":34,"url":4198,"hash":4199,"mime":37,"name":4200,"path":39,"size":4201,"width":4202,"height":50,"provider_metadata":4203},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582610/small_Screenshot_2023_06_05_at_15_37_34_5b301e6bfd.png","small_Screenshot_2023_06_05_at_15_37_34_5b301e6bfd","small_Screenshot 2023-06-05 at 15.37.34.png",83.66,383,{"public_id":4199,"resource_type":44},{"ext":34,"url":4205,"hash":4206,"mime":37,"name":4207,"path":39,"size":4208,"width":4209,"height":58,"provider_metadata":4210},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582609/medium_Screenshot_2023_06_05_at_15_37_34_5b301e6bfd.png","medium_Screenshot_2023_06_05_at_15_37_34_5b301e6bfd","medium_Screenshot 2023-06-05 at 15.37.34.png",158.73,575,{"public_id":4206,"resource_type":44},{"ext":34,"url":4212,"hash":4213,"mime":37,"name":4214,"path":39,"size":4215,"width":368,"height":67,"provider_metadata":4216},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582607/thumbnail_Screenshot_2023_06_05_at_15_37_34_5b301e6bfd.png","thumbnail_Screenshot_2023_06_05_at_15_37_34_5b301e6bfd","thumbnail_Screenshot 2023-06-05 at 15.37.34.png",13.69,{"public_id":4213,"resource_type":44},"Screenshot_2023_06_05_at_15_37_34_5b301e6bfd",346.58,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582606/Screenshot_2023_06_05_at_15_37_34_5b301e6bfd.png",{"public_id":4217,"resource_type":44},"2023-06-12T15:10:10.498Z","2023-06-12T15:10:10.507Z",{"__component":23,"id":4224,"Text":4225},401,"But oh, the rollercoaster of emotions that awaited us! The initial Twitter post garnered a mere four likes and two retweets, which felt like a slap in the face. Undeterred, we soldiered on, adding more example bots and posting the video again.\n\nUndeterred, we soldiered on, adding more example bots and posting the video to Twitter again later that day.",{"__component":141,"id":2101,"Size":143,"caption":4227,"Image":4228},"Our second tweet got a much better reception thankfully!",[4229],{"id":943,"name":4230,"alternativeText":29,"caption":29,"width":4231,"height":4232,"formats":4233,"hash":4259,"ext":34,"mime":37,"size":4260,"url":4261,"previewUrl":39,"provider":72,"provider_metadata":4262,"created_at":4263,"updated_at":4264},"Screenshot 2023-06-05 at 15.40.47.png",1214,1864,{"large":4234,"small":4240,"medium":4246,"thumbnail":4253},{"ext":34,"url":4235,"hash":4236,"mime":37,"name":4237,"path":39,"size":4238,"width":620,"height":41,"provider_metadata":4239},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582666/large_Screenshot_2023_06_05_at_15_40_47_ffa315f0c0.png","large_Screenshot_2023_06_05_at_15_40_47_ffa315f0c0","large_Screenshot 2023-06-05 at 15.40.47.png",258.4,{"public_id":4236,"resource_type":44},{"ext":34,"url":4241,"hash":4242,"mime":37,"name":4243,"path":39,"size":4244,"width":627,"height":50,"provider_metadata":4245},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582667/small_Screenshot_2023_06_05_at_15_40_47_ffa315f0c0.png","small_Screenshot_2023_06_05_at_15_40_47_ffa315f0c0","small_Screenshot 2023-06-05 at 15.40.47.png",86.45,{"public_id":4242,"resource_type":44},{"ext":34,"url":4247,"hash":4248,"mime":37,"name":4249,"path":39,"size":4250,"width":4251,"height":58,"provider_metadata":4252},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582667/medium_Screenshot_2023_06_05_at_15_40_47_ffa315f0c0.png","medium_Screenshot_2023_06_05_at_15_40_47_ffa315f0c0","medium_Screenshot 2023-06-05 at 15.40.47.png",164.49,488,{"public_id":4248,"resource_type":44},{"ext":34,"url":4254,"hash":4255,"mime":37,"name":4256,"path":39,"size":4257,"width":641,"height":67,"provider_metadata":4258},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582664/thumbnail_Screenshot_2023_06_05_at_15_40_47_ffa315f0c0.png","thumbnail_Screenshot_2023_06_05_at_15_40_47_ffa315f0c0","thumbnail_Screenshot 2023-06-05 at 15.40.47.png",14.09,{"public_id":4255,"resource_type":44},"Screenshot_2023_06_05_at_15_40_47_ffa315f0c0",466.31,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582663/Screenshot_2023_06_05_at_15_40_47_ffa315f0c0.png",{"public_id":4259,"resource_type":44},"2023-06-12T15:11:08.408Z","2023-06-12T15:11:08.416Z",{"__component":23,"id":3875,"Text":4266},"Thankfully it did a lot better this time and people seemed excited about it! Phew! \n\nWe had our first mind blown moment when one user said they had tested it and it replied to them in Japanese. **************************************Its not often you develop a product and you don’t realise the full extent of its capabilities until your users discover them!**************************************",{"__component":141,"id":2145,"Size":4089,"caption":4268,"Image":4269},"A tweet from a user who discovered our bot could speak Japanese! ",[4270],{"id":763,"name":4271,"alternativeText":29,"caption":29,"width":4272,"height":4273,"formats":4274,"hash":4299,"ext":34,"mime":37,"size":4300,"url":4301,"previewUrl":39,"provider":72,"provider_metadata":4302,"created_at":4303,"updated_at":4304},"Screenshot 2023-06-05 at 15.42.31.png",1244,288,{"large":4275,"small":4281,"medium":4287,"thumbnail":4293},{"ext":34,"url":4276,"hash":4277,"mime":37,"name":4278,"path":39,"size":4279,"width":41,"height":490,"provider_metadata":4280},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582750/large_Screenshot_2023_06_05_at_15_42_31_c706cc2303.png","large_Screenshot_2023_06_05_at_15_42_31_c706cc2303","large_Screenshot 2023-06-05 at 15.42.31.png",92.17,{"public_id":4277,"resource_type":44},{"ext":34,"url":4282,"hash":4283,"mime":37,"name":4284,"path":39,"size":4285,"width":50,"height":487,"provider_metadata":4286},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582752/small_Screenshot_2023_06_05_at_15_42_31_c706cc2303.png","small_Screenshot_2023_06_05_at_15_42_31_c706cc2303","small_Screenshot 2023-06-05 at 15.42.31.png",31.35,{"public_id":4283,"resource_type":44},{"ext":34,"url":4288,"hash":4289,"mime":37,"name":4290,"path":39,"size":4291,"width":58,"height":1437,"provider_metadata":4292},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582751/medium_Screenshot_2023_06_05_at_15_42_31_c706cc2303.png","medium_Screenshot_2023_06_05_at_15_42_31_c706cc2303","medium_Screenshot 2023-06-05 at 15.42.31.png",58.96,{"public_id":4289,"resource_type":44},{"ext":34,"url":4294,"hash":4295,"mime":37,"name":4296,"path":39,"size":4297,"width":256,"height":1628,"provider_metadata":4298},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582749/thumbnail_Screenshot_2023_06_05_at_15_42_31_c706cc2303.png","thumbnail_Screenshot_2023_06_05_at_15_42_31_c706cc2303","thumbnail_Screenshot 2023-06-05 at 15.42.31.png",10.36,{"public_id":4295,"resource_type":44},"Screenshot_2023_06_05_at_15_42_31_c706cc2303",66.92,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582748/Screenshot_2023_06_05_at_15_42_31_c706cc2303.png",{"public_id":4299,"resource_type":44},"2023-06-12T15:12:32.604Z","2023-06-12T15:12:32.613Z",{"__component":23,"id":3224,"Text":4306},"## Building a waitlist\n\nAt this point [https://chatthing.ai](https://chatthing.ai) was live but we weren’t quite ready to allow users to sign up yet. We wanted to build anticipation and fine-tune our product before opening the floodgates. So, we created a super basic landing page with a demo video, three example bots, and a call to action to join the waitlist.",{"__component":141,"id":1833,"Size":4089,"caption":4308,"Image":4309},"V1 of the Chat Thing homepage",[4310],{"id":4311,"name":4312,"alternativeText":29,"caption":29,"width":4313,"height":4314,"formats":4315,"hash":4342,"ext":34,"mime":37,"size":4343,"url":4344,"previewUrl":39,"provider":72,"provider_metadata":4345,"created_at":4346,"updated_at":4347},272,"web.archive.org_web_20230306201013_https___chatthing.ai_.png",3096,3864,{"large":4316,"small":4323,"medium":4329,"thumbnail":4336},{"ext":34,"url":4317,"hash":4318,"mime":37,"name":4319,"path":39,"size":4320,"width":4321,"height":41,"provider_metadata":4322},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582834/large_web_archive_org_web_20230306201013_https_chatthing_ai_34737992d8.png","large_web_archive_org_web_20230306201013_https_chatthing_ai_34737992d8","large_web.archive.org_web_20230306201013_https___chatthing.ai_.png",305.16,801,{"public_id":4318,"resource_type":44},{"ext":34,"url":4324,"hash":4325,"mime":37,"name":4326,"path":39,"size":4327,"width":4224,"height":50,"provider_metadata":4328},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582836/small_web_archive_org_web_20230306201013_https_chatthing_ai_34737992d8.png","small_web_archive_org_web_20230306201013_https_chatthing_ai_34737992d8","small_web.archive.org_web_20230306201013_https___chatthing.ai_.png",100.92,{"public_id":4325,"resource_type":44},{"ext":34,"url":4330,"hash":4331,"mime":37,"name":4332,"path":39,"size":4333,"width":4334,"height":58,"provider_metadata":4335},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582835/medium_web_archive_org_web_20230306201013_https_chatthing_ai_34737992d8.png","medium_web_archive_org_web_20230306201013_https_chatthing_ai_34737992d8","medium_web.archive.org_web_20230306201013_https___chatthing.ai_.png",192.61,601,{"public_id":4331,"resource_type":44},{"ext":34,"url":4337,"hash":4338,"mime":37,"name":4339,"path":39,"size":4340,"width":1843,"height":67,"provider_metadata":4341},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582832/thumbnail_web_archive_org_web_20230306201013_https_chatthing_ai_34737992d8.png","thumbnail_web_archive_org_web_20230306201013_https_chatthing_ai_34737992d8","thumbnail_web.archive.org_web_20230306201013_https___chatthing.ai_.png",17.01,{"public_id":4338,"resource_type":44},"web_archive_org_web_20230306201013_https_chatthing_ai_34737992d8",1333.15,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582831/web_archive_org_web_20230306201013_https_chatthing_ai_34737992d8.png",{"public_id":4342,"resource_type":44},"2023-06-12T15:13:57.345Z","2023-06-12T15:13:57.353Z",{"__component":23,"id":4014,"Text":4349},"Slowly but surely, progress updates on Twitter began to draw attention, and our waitlist started to fill up.\n\nBy March 27th, in under a month we had gained 1,319 subscribers. This was really exciting and gave us that extra motivation and fuel to continue working on the idea.",{"__component":141,"id":1552,"Size":4089,"caption":4351,"Image":4352},"A chart showing our waitlist subscribers in convertkit",[4353],{"id":4354,"name":4355,"alternativeText":29,"caption":29,"width":4356,"height":1229,"formats":4357,"hash":4383,"ext":34,"mime":37,"size":4384,"url":4385,"previewUrl":39,"provider":72,"provider_metadata":4386,"created_at":4387,"updated_at":4388},273,"Screenshot 2023-06-05 at 15.11.02.png",2926,{"large":4358,"small":4364,"medium":4370,"thumbnail":4377},{"ext":34,"url":4359,"hash":4360,"mime":37,"name":4361,"path":39,"size":4362,"width":41,"height":950,"provider_metadata":4363},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582898/large_Screenshot_2023_06_05_at_15_11_02_a21aa48977.png","large_Screenshot_2023_06_05_at_15_11_02_a21aa48977","large_Screenshot 2023-06-05 at 15.11.02.png",46.53,{"public_id":4360,"resource_type":44},{"ext":34,"url":4365,"hash":4366,"mime":37,"name":4367,"path":39,"size":4368,"width":50,"height":1191,"provider_metadata":4369},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582899/small_Screenshot_2023_06_05_at_15_11_02_a21aa48977.png","small_Screenshot_2023_06_05_at_15_11_02_a21aa48977","small_Screenshot 2023-06-05 at 15.11.02.png",17.59,{"public_id":4366,"resource_type":44},{"ext":34,"url":4371,"hash":4372,"mime":37,"name":4373,"path":39,"size":4374,"width":58,"height":4375,"provider_metadata":4376},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582898/medium_Screenshot_2023_06_05_at_15_11_02_a21aa48977.png","medium_Screenshot_2023_06_05_at_15_11_02_a21aa48977","medium_Screenshot 2023-06-05 at 15.11.02.png",30.37,303,{"public_id":4372,"resource_type":44},{"ext":34,"url":4378,"hash":4379,"mime":37,"name":4380,"path":39,"size":4381,"width":256,"height":1187,"provider_metadata":4382},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582897/thumbnail_Screenshot_2023_06_05_at_15_11_02_a21aa48977.png","thumbnail_Screenshot_2023_06_05_at_15_11_02_a21aa48977","thumbnail_Screenshot 2023-06-05 at 15.11.02.png",6.81,{"public_id":4379,"resource_type":44},"Screenshot_2023_06_05_at_15_11_02_a21aa48977",110.28,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582896/Screenshot_2023_06_05_at_15_11_02_a21aa48977.png",{"public_id":4383,"resource_type":44},"2023-06-12T15:15:00.066Z","2023-06-12T15:15:00.075Z",{"__component":23,"id":950,"Text":4390},"On the 17th March we cautiously invited our first 50 users from the waitlist, and continued invite users in small batches until by the 29th of March we decided to remove the waitlist and open up Chat Thing to everyone. \n\n## ****First customers and a surprise in or inbox: Seth Godin!****\n\nAfter inviting our first users we had been patiently waiting for our first paying customer. It had been a great learning experience, but ultimately we needed it to make some money if we were to continue dedicating time to it. \n\nOn second thoughts patiently waiting for our first customer might be an exaggeration:",{"__component":141,"id":1567,"Size":4089,"caption":39,"Image":4392},[4393],{"id":4394,"name":4395,"alternativeText":29,"caption":29,"width":4396,"height":1280,"formats":4397,"hash":4422,"ext":34,"mime":37,"size":4423,"url":4424,"previewUrl":39,"provider":72,"provider_metadata":4425,"created_at":4426,"updated_at":4427},274,"Screenshot 2023-06-05 at 16.03.57.png",1322,{"large":4398,"small":4404,"medium":4410,"thumbnail":4416},{"ext":34,"url":4399,"hash":4400,"mime":37,"name":4401,"path":39,"size":4402,"width":41,"height":2246,"provider_metadata":4403},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582956/large_Screenshot_2023_06_05_at_16_03_57_55503324d4.png","large_Screenshot_2023_06_05_at_16_03_57_55503324d4","large_Screenshot 2023-06-05 at 16.03.57.png",87.4,{"public_id":4400,"resource_type":44},{"ext":34,"url":4405,"hash":4406,"mime":37,"name":4407,"path":39,"size":4408,"width":50,"height":2092,"provider_metadata":4409},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582957/small_Screenshot_2023_06_05_at_16_03_57_55503324d4.png","small_Screenshot_2023_06_05_at_16_03_57_55503324d4","small_Screenshot 2023-06-05 at 16.03.57.png",32.04,{"public_id":4406,"resource_type":44},{"ext":34,"url":4411,"hash":4412,"mime":37,"name":4413,"path":39,"size":4414,"width":58,"height":417,"provider_metadata":4415},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582957/medium_Screenshot_2023_06_05_at_16_03_57_55503324d4.png","medium_Screenshot_2023_06_05_at_16_03_57_55503324d4","medium_Screenshot 2023-06-05 at 16.03.57.png",58.73,{"public_id":4412,"resource_type":44},{"ext":34,"url":4417,"hash":4418,"mime":37,"name":4419,"path":39,"size":4420,"width":256,"height":1011,"provider_metadata":4421},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582955/thumbnail_Screenshot_2023_06_05_at_16_03_57_55503324d4.png","thumbnail_Screenshot_2023_06_05_at_16_03_57_55503324d4","thumbnail_Screenshot 2023-06-05 at 16.03.57.png",10.46,{"public_id":4418,"resource_type":44},"Screenshot_2023_06_05_at_16_03_57_55503324d4",74.77,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582954/Screenshot_2023_06_05_at_16_03_57_55503324d4.png",{"public_id":4422,"resource_type":44},"2023-06-12T15:15:58.155Z","2023-06-12T15:15:58.165Z",{"__component":23,"id":770,"Text":4429},"On the 22nd March we had our first subscriber! ",{"__component":141,"id":912,"Size":143,"caption":4431,"Image":4432},"Announcing our first customer via Slack",[4433],{"id":4434,"name":4435,"alternativeText":29,"caption":29,"width":4251,"height":3258,"formats":4436,"hash":4443,"ext":34,"mime":37,"size":4444,"url":4445,"previewUrl":39,"provider":72,"provider_metadata":4446,"created_at":4447,"updated_at":4448},275,"Screenshot 2023-06-05 at 16.02.19.png",{"thumbnail":4437},{"ext":34,"url":4438,"hash":4439,"mime":37,"name":4440,"path":39,"size":4441,"width":256,"height":1579,"provider_metadata":4442},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582993/thumbnail_Screenshot_2023_06_05_at_16_02_19_0f09c1ba89.png","thumbnail_Screenshot_2023_06_05_at_16_02_19_0f09c1ba89","thumbnail_Screenshot 2023-06-05 at 16.02.19.png",25.27,{"public_id":4439,"resource_type":44},"Screenshot_2023_06_05_at_16_02_19_0f09c1ba89",56.64,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686582993/Screenshot_2023_06_05_at_16_02_19_0f09c1ba89.png",{"public_id":4443,"resource_type":44},"2023-06-12T15:16:34.216Z","2023-06-12T15:16:34.223Z",{"__component":141,"id":1608,"Size":4450,"caption":39,"Image":4451},"Large",[4452],{"id":853,"name":4453,"alternativeText":29,"caption":29,"width":4454,"height":239,"formats":4455,"hash":4468,"ext":34,"mime":37,"size":4469,"url":4470,"previewUrl":39,"provider":72,"provider_metadata":4471,"created_at":4472,"updated_at":4473},"Screenshot 2023-06-05 at 16.05.04.png",602,{"small":4456,"thumbnail":4462},{"ext":34,"url":4457,"hash":4458,"mime":37,"name":4459,"path":39,"size":4460,"width":50,"height":481,"provider_metadata":4461},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583040/small_Screenshot_2023_06_05_at_16_05_04_7830ef1533.png","small_Screenshot_2023_06_05_at_16_05_04_7830ef1533","small_Screenshot 2023-06-05 at 16.05.04.png",19.34,{"public_id":4458,"resource_type":44},{"ext":34,"url":4463,"hash":4464,"mime":37,"name":4465,"path":39,"size":4466,"width":256,"height":1790,"provider_metadata":4467},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583039/thumbnail_Screenshot_2023_06_05_at_16_05_04_7830ef1533.png","thumbnail_Screenshot_2023_06_05_at_16_05_04_7830ef1533","thumbnail_Screenshot 2023-06-05 at 16.05.04.png",7.53,{"public_id":4464,"resource_type":44},"Screenshot_2023_06_05_at_16_05_04_7830ef1533",11.13,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583038/Screenshot_2023_06_05_at_16_05_04_7830ef1533.png",{"public_id":4468,"resource_type":44},"2023-06-12T15:17:20.963Z","2023-06-12T15:17:20.970Z",{"__component":23,"id":27,"Text":4475},"You may be pleased or disappointed to learn that no one ended up running down the street naked, but we were super happy! \n\n### Sunday morning emails from Seth Godin\n\nWe were already over the moon with how things we going, and then on the 26th of March we had an email from the one and only Seth Godin! We had a bit of a double take, triple checked that the email was real and then responded back like full on goofy fans with this picture!",{"__component":141,"id":67,"Size":4089,"caption":4477,"Image":4478},"The goofy pic we sent Seth Godin",[4479],{"id":4480,"name":4481,"alternativeText":29,"caption":29,"width":4482,"height":4483,"formats":4484,"hash":4509,"ext":97,"mime":100,"size":4510,"url":4511,"previewUrl":39,"provider":72,"provider_metadata":4512,"created_at":4513,"updated_at":4514},277,"wow-seth godin-just-emailed-us.jpeg",1024,768,{"large":4485,"small":4491,"medium":4497,"thumbnail":4503},{"ext":97,"url":4486,"hash":4487,"mime":100,"name":4488,"path":39,"size":4489,"width":41,"height":58,"provider_metadata":4490},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583105/large_wow_seth_godin_just_emailed_us_125f566e89.jpg","large_wow_seth_godin_just_emailed_us_125f566e89","large_wow-seth godin-just-emailed-us.jpeg",124.36,{"public_id":4487,"resource_type":44},{"ext":97,"url":4492,"hash":4493,"mime":100,"name":4494,"path":39,"size":4495,"width":50,"height":311,"provider_metadata":4496},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583106/small_wow_seth_godin_just_emailed_us_125f566e89.jpg","small_wow_seth_godin_just_emailed_us_125f566e89","small_wow-seth godin-just-emailed-us.jpeg",40.34,{"public_id":4493,"resource_type":44},{"ext":97,"url":4498,"hash":4499,"mime":100,"name":4500,"path":39,"size":4501,"width":58,"height":537,"provider_metadata":4502},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583105/medium_wow_seth_godin_just_emailed_us_125f566e89.jpg","medium_wow_seth_godin_just_emailed_us_125f566e89","medium_wow-seth godin-just-emailed-us.jpeg",80.1,{"public_id":4499,"resource_type":44},{"ext":97,"url":4504,"hash":4505,"mime":100,"name":4506,"path":39,"size":4507,"width":544,"height":67,"provider_metadata":4508},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583104/thumbnail_wow_seth_godin_just_emailed_us_125f566e89.jpg","thumbnail_wow_seth_godin_just_emailed_us_125f566e89","thumbnail_wow-seth godin-just-emailed-us.jpeg",9.45,{"public_id":4505,"resource_type":44},"wow_seth_godin_just_emailed_us_125f566e89",112.22,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583103/wow_seth_godin_just_emailed_us_125f566e89.jpg",{"public_id":4509,"resource_type":44},"2023-06-12T15:18:26.962Z","2023-06-12T15:18:26.975Z",{"__component":23,"id":4516,"Text":4517},408,"Seth had asked us to help him create a bot for his famous blog: [Seth's Blog (seths.blog)](https://seths.blog/) Of course we jumped at the chance to create a bot for one of the most famous blogs on the internet! \n\nThis was a great stress test for Chat Thing as Seth’s blog contained more than 5,000,000 words and would easily be the largest bot created on Chat Thing yet. \n\nA day later Seth’s bot was born [Seth's Blog Bot - Chat Thing](https://chatthing.ai/bots/ffc94727-3c06-4ada-8ba2-6c0aab35f51b/) and Seth was amongst are first paying customers. \n\nOn the 29th of March Seth linked to his Chat Thing bot in a blog post with the awesome title “[Opening the pod bay door | Seth's Blog (seths.blog)](https://seths.blog/2023/03/opening-the-pod-bay-door/)”\n\nIf you are wondering what the traffic spike looks like when Seth links to you then here you go:",{"__component":141,"id":1655,"Size":4089,"caption":4519,"Image":4520},"The traffic spike as seen in Plausible analytics after Seth linked to us.",[4521],{"id":4522,"name":4523,"alternativeText":29,"caption":29,"width":4524,"height":4525,"formats":4526,"hash":4553,"ext":34,"mime":37,"size":4554,"url":4555,"previewUrl":39,"provider":72,"provider_metadata":4556,"created_at":4557,"updated_at":4558},278,"Screenshot 2023-06-05 at 16.20.05.png",1140,848,{"large":4527,"small":4534,"medium":4541,"thumbnail":4547},{"ext":34,"url":4528,"hash":4529,"mime":37,"name":4530,"path":39,"size":4531,"width":41,"height":4532,"provider_metadata":4533},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583161/large_Screenshot_2023_06_05_at_16_20_05_d556af5804.png","large_Screenshot_2023_06_05_at_16_20_05_d556af5804","large_Screenshot 2023-06-05 at 16.20.05.png",103.77,744,{"public_id":4529,"resource_type":44},{"ext":34,"url":4535,"hash":4536,"mime":37,"name":4537,"path":39,"size":4538,"width":50,"height":4539,"provider_metadata":4540},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583163/small_Screenshot_2023_06_05_at_16_20_05_d556af5804.png","small_Screenshot_2023_06_05_at_16_20_05_d556af5804","small_Screenshot 2023-06-05 at 16.20.05.png",37.94,372,{"public_id":4536,"resource_type":44},{"ext":34,"url":4542,"hash":4543,"mime":37,"name":4544,"path":39,"size":4545,"width":58,"height":3433,"provider_metadata":4546},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583162/medium_Screenshot_2023_06_05_at_16_20_05_d556af5804.png","medium_Screenshot_2023_06_05_at_16_20_05_d556af5804","medium_Screenshot 2023-06-05 at 16.20.05.png",68.21,{"public_id":4543,"resource_type":44},{"ext":34,"url":4548,"hash":4549,"mime":37,"name":4550,"path":39,"size":4551,"width":1890,"height":67,"provider_metadata":4552},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583160/thumbnail_Screenshot_2023_06_05_at_16_20_05_d556af5804.png","thumbnail_Screenshot_2023_06_05_at_16_20_05_d556af5804","thumbnail_Screenshot 2023-06-05 at 16.20.05.png",11.29,{"public_id":4549,"resource_type":44},"Screenshot_2023_06_05_at_16_20_05_d556af5804",56.41,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583160/Screenshot_2023_06_05_at_16_20_05_d556af5804.png",{"public_id":4553,"resource_type":44},"2023-06-12T15:19:23.941Z","2023-06-12T15:19:23.952Z",{"__component":23,"id":808,"Text":4560},"### Introductions to another internet legend: Dave Winer\n\nSeth was kind enough to introduce us to his friend Dave Winer who was also interested in what we were doing. Incase you don’t know Dave invented the RSS feed and podcasting as we know it. He also runs one of the oldest blogs on the internet: http://scripting.com \n\nWe were equally star struck to be introduced to Dave, its not often you get introduced to people who have invented fundamental parts of the industry you work in! \n\nDave wanted a bot powered by all 27 years worth of content on Scripting News! If we though Seth’s blog was going to be a stress test, this was going to be even bigger! \n\nWe soon had Dave’s bot up and running and he was really pleased with the results! [Scripting News: Started on Scripting chatbot](http://scripting.com/2023/03/28/161214.html)",{"__component":141,"id":1660,"Size":143,"caption":4562,"Image":4563},"Dave Winer's shoutout",[4564],{"id":4565,"name":4566,"alternativeText":29,"caption":29,"width":3163,"height":4567,"formats":4568,"hash":4595,"ext":34,"mime":37,"size":4596,"url":4597,"previewUrl":39,"provider":72,"provider_metadata":4598,"created_at":4599,"updated_at":4600},279,"Screenshot 2023-06-05 at 16.30.09.png",1534,{"large":4569,"small":4576,"medium":4582,"thumbnail":4589},{"ext":34,"url":4570,"hash":4571,"mime":37,"name":4572,"path":39,"size":4573,"width":41,"height":4574,"provider_metadata":4575},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583220/large_Screenshot_2023_06_05_at_16_30_09_43acb7aed8.png","large_Screenshot_2023_06_05_at_16_30_09_43acb7aed8","large_Screenshot 2023-06-05 at 16.30.09.png",442.51,813,{"public_id":4571,"resource_type":44},{"ext":34,"url":4577,"hash":4578,"mime":37,"name":4579,"path":39,"size":4580,"width":50,"height":770,"provider_metadata":4581},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583222/small_Screenshot_2023_06_05_at_16_30_09_43acb7aed8.png","small_Screenshot_2023_06_05_at_16_30_09_43acb7aed8","small_Screenshot 2023-06-05 at 16.30.09.png",134.77,{"public_id":4578,"resource_type":44},{"ext":34,"url":4583,"hash":4584,"mime":37,"name":4585,"path":39,"size":4586,"width":58,"height":4587,"provider_metadata":4588},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583221/medium_Screenshot_2023_06_05_at_16_30_09_43acb7aed8.png","medium_Screenshot_2023_06_05_at_16_30_09_43acb7aed8","medium_Screenshot 2023-06-05 at 16.30.09.png",266.72,609,{"public_id":4584,"resource_type":44},{"ext":34,"url":4590,"hash":4591,"mime":37,"name":4592,"path":39,"size":4593,"width":1092,"height":67,"provider_metadata":4594},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583219/thumbnail_Screenshot_2023_06_05_at_16_30_09_43acb7aed8.png","thumbnail_Screenshot_2023_06_05_at_16_30_09_43acb7aed8","thumbnail_Screenshot 2023-06-05 at 16.30.09.png",25.96,{"public_id":4591,"resource_type":44},"Screenshot_2023_06_05_at_16_30_09_43acb7aed8",1028.02,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583218/Screenshot_2023_06_05_at_16_30_09_43acb7aed8.png",{"public_id":4595,"resource_type":44},"2023-06-12T15:20:22.739Z","2023-06-12T15:20:22.747Z",{"__component":23,"id":2550,"Text":4602},"## Building fast and making mistakes\n\nAs a digital agency, our usual mindset is perfection and polish! We are used to working with clients where every details matters, and nothing short of perfect will be good enough. \n\nAs much as it hurt us, we had to throw all that out of the window if we wanted to get Chat Thing.\n\nWe literally spent a measly 15 minutes coming up with the most uninspired logo you could imagine!\n\nWe created the most basic landing page imaginable based of a TailwindUI template:[Landing Pages - Official Tailwind CSS UI Components (tailwindui.com)](https://tailwindui.com/components/marketing/page-examples/landing-pages#component-62d05bbc8f76a3fa971ccf1bd8072b33)\n\nWe focused on simple implementations rather than the fancy and slick UX we usually strive for. \n\nAnd you know what? It paid off! By shifting our mindset and embracing a \"get it out there\" attitude, we were able to launch Chat Thing in record time.\n\nSure, the product wasn't perfect— we even had a bug that meant people could end up paying for multiple subscriptions when trying to change plan! Luckily everyone was extremely forgiving and didn’t mind when we rectified the problem after they had been charged! \n\nNow that Chat Thing is established and has a solid base of paying customers, we can circle back and fine-tune the areas we initially glossed over. So keep an eye out, because we're cooking up some incredible upgrades!",{"__component":141,"id":1672,"Size":608,"caption":4604,"Image":4605},"Testing fonts for the Chat Thing logo",[4606],{"id":4607,"name":4608,"alternativeText":29,"caption":29,"width":4532,"height":4609,"formats":4610,"hash":4637,"ext":34,"mime":37,"size":4638,"url":4639,"previewUrl":39,"provider":72,"provider_metadata":4640,"created_at":4641,"updated_at":4642},280,"Screenshot 2023-06-05 at 16.37.19.png",1754,{"large":4611,"small":4617,"medium":4624,"thumbnail":4631},{"ext":34,"url":4612,"hash":4613,"mime":37,"name":4614,"path":39,"size":4615,"width":1071,"height":41,"provider_metadata":4616},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583327/large_Screenshot_2023_06_05_at_16_37_19_1f5f3dc221.png","large_Screenshot_2023_06_05_at_16_37_19_1f5f3dc221","large_Screenshot 2023-06-05 at 16.37.19.png",72.37,{"public_id":4613,"resource_type":44},{"ext":34,"url":4618,"hash":4619,"mime":37,"name":4620,"path":39,"size":4621,"width":4622,"height":50,"provider_metadata":4623},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583329/small_Screenshot_2023_06_05_at_16_37_19_1f5f3dc221.png","small_Screenshot_2023_06_05_at_16_37_19_1f5f3dc221","small_Screenshot 2023-06-05 at 16.37.19.png",28.69,212,{"public_id":4619,"resource_type":44},{"ext":34,"url":4625,"hash":4626,"mime":37,"name":4627,"path":39,"size":4628,"width":4629,"height":58,"provider_metadata":4630},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583328/medium_Screenshot_2023_06_05_at_16_37_19_1f5f3dc221.png","medium_Screenshot_2023_06_05_at_16_37_19_1f5f3dc221","medium_Screenshot 2023-06-05 at 16.37.19.png",48.2,318,{"public_id":4626,"resource_type":44},{"ext":34,"url":4632,"hash":4633,"mime":37,"name":4634,"path":39,"size":4635,"width":743,"height":67,"provider_metadata":4636},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583326/thumbnail_Screenshot_2023_06_05_at_16_37_19_1f5f3dc221.png","thumbnail_Screenshot_2023_06_05_at_16_37_19_1f5f3dc221","thumbnail_Screenshot 2023-06-05 at 16.37.19.png",6.01,{"public_id":4633,"resource_type":44},"Screenshot_2023_06_05_at_16_37_19_1f5f3dc221",102.71,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583325/Screenshot_2023_06_05_at_16_37_19_1f5f3dc221.png",{"public_id":4637,"resource_type":44},"2023-06-12T15:22:10.021Z","2023-06-12T15:22:10.029Z",{"__component":23,"id":4644,"Text":4645},411,"## Battling side project anxiety!\n\nOne unexpected side effect of launching a successful side project is something we are labelling side project anxiety! \n\nIts that nagging feeling that you are not shipping quick enough to stay ahead of the game. Every minute you are not working is a minute where competitors will catch up. Every feature delayed could be a customer churned! Oh no we have lost £200 MMR compared to yesterday is everyone leaving? \n\nNot many people talk about this side of launching side projects and its taken a while for us to chill out, and just focus on shipping features our customers want, without paying too much attention to all the noise. \n\nIts made worse for a project like Chat Thing. Within weeks of our launch, competitors started popping up left and right, like daisies in a field! It’s easy to feel like you will be swallowed up! \n\nBack in March when we first launched Chat Thing we set some basic goals for ourselves and then completely forgot about them while we had are heads stuck in the day to day of running the product. \n\nIt was only when we stumbled across these goals again, and we could see we had smashed through Junes goals by a mile, that we realised we are running our own race!",{"__component":141,"id":1678,"Size":143,"caption":4647,"Image":4648},"Our original goals for Chat Thing",[4649],{"id":4650,"name":4651,"alternativeText":29,"caption":29,"width":4652,"height":4653,"formats":4654,"hash":4675,"ext":34,"mime":37,"size":4676,"url":4677,"previewUrl":39,"provider":72,"provider_metadata":4678,"created_at":4679,"updated_at":4680},281,"Screenshot 2023-06-05 at 16.51.38.png",670,872,{"small":4655,"medium":4662,"thumbnail":4669},{"ext":34,"url":4656,"hash":4657,"mime":37,"name":4658,"path":39,"size":4659,"width":4660,"height":50,"provider_metadata":4661},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583411/small_Screenshot_2023_06_05_at_16_51_38_8065d0c768.png","small_Screenshot_2023_06_05_at_16_51_38_8065d0c768","small_Screenshot 2023-06-05 at 16.51.38.png",58.82,384,{"public_id":4657,"resource_type":44},{"ext":34,"url":4663,"hash":4664,"mime":37,"name":4665,"path":39,"size":4666,"width":4667,"height":58,"provider_metadata":4668},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583410/medium_Screenshot_2023_06_05_at_16_51_38_8065d0c768.png","medium_Screenshot_2023_06_05_at_16_51_38_8065d0c768","medium_Screenshot 2023-06-05 at 16.51.38.png",102.24,576,{"public_id":4664,"resource_type":44},{"ext":34,"url":4670,"hash":4671,"mime":37,"name":4672,"path":39,"size":4673,"width":368,"height":67,"provider_metadata":4674},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583409/thumbnail_Screenshot_2023_06_05_at_16_51_38_8065d0c768.png","thumbnail_Screenshot_2023_06_05_at_16_51_38_8065d0c768","thumbnail_Screenshot 2023-06-05 at 16.51.38.png",9.69,{"public_id":4671,"resource_type":44},"Screenshot_2023_06_05_at_16_51_38_8065d0c768",49.66,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583408/Screenshot_2023_06_05_at_16_51_38_8065d0c768.png",{"public_id":4675,"resource_type":44},"2023-06-12T15:23:31.471Z","2023-06-12T15:23:31.478Z",{"__component":23,"id":4682,"Text":4683},412,"## Where are we now\n\nAs of 5th June 2023 we currently have 5,316 users who have created 3,902 bots, created 35,698 chats, sending 227,095 messages using nearly 1 billion Open AI tokens! We never could have suspected that 3 months ago!",{"__component":141,"id":1685,"Size":4089,"caption":4685,"Image":4686},"A screenshot of our Chat Thing admin dashboard showing the number of users and bots.",[4687],{"id":4688,"name":4689,"alternativeText":29,"caption":29,"width":4690,"height":4691,"formats":4692,"hash":4720,"ext":34,"mime":37,"size":4721,"url":4722,"previewUrl":39,"provider":72,"provider_metadata":4723,"created_at":4724,"updated_at":4725},282,"Screenshot 2023-06-05 at 16.59.23.png",2538,1874,{"large":4693,"small":4699,"medium":4706,"thumbnail":4713},{"ext":34,"url":4694,"hash":4695,"mime":37,"name":4696,"path":39,"size":4697,"width":41,"height":3164,"provider_metadata":4698},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583751/large_Screenshot_2023_06_05_at_16_59_23_ce06b0dc28.png","large_Screenshot_2023_06_05_at_16_59_23_ce06b0dc28","large_Screenshot 2023-06-05 at 16.59.23.png",96.38,{"public_id":4695,"resource_type":44},{"ext":34,"url":4700,"hash":4701,"mime":37,"name":4702,"path":39,"size":4703,"width":50,"height":4704,"provider_metadata":4705},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583753/small_Screenshot_2023_06_05_at_16_59_23_ce06b0dc28.png","small_Screenshot_2023_06_05_at_16_59_23_ce06b0dc28","small_Screenshot 2023-06-05 at 16.59.23.png",38.15,369,{"public_id":4701,"resource_type":44},{"ext":34,"url":4707,"hash":4708,"mime":37,"name":4709,"path":39,"size":4710,"width":58,"height":4711,"provider_metadata":4712},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583752/medium_Screenshot_2023_06_05_at_16_59_23_ce06b0dc28.png","medium_Screenshot_2023_06_05_at_16_59_23_ce06b0dc28","medium_Screenshot 2023-06-05 at 16.59.23.png",63.36,554,{"public_id":4708,"resource_type":44},{"ext":34,"url":4714,"hash":4715,"mime":37,"name":4716,"path":39,"size":4717,"width":4718,"height":67,"provider_metadata":4719},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583750/thumbnail_Screenshot_2023_06_05_at_16_59_23_ce06b0dc28.png","thumbnail_Screenshot_2023_06_05_at_16_59_23_ce06b0dc28","thumbnail_Screenshot 2023-06-05 at 16.59.23.png",12.32,211,{"public_id":4715,"resource_type":44},"Screenshot_2023_06_05_at_16_59_23_ce06b0dc28",208.92,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1686583749/Screenshot_2023_06_05_at_16_59_23_ce06b0dc28.png",{"public_id":4720,"resource_type":44},"2023-06-12T15:29:13.763Z","2023-06-12T15:29:13.769Z",{"__component":23,"id":4727,"Text":4728},413,"It’s going to be a while before Chat Thing completely supplements our digital agency client work but we are really happy with these figures so far. \n\nAs you can see the MRR growth has slowed down a lot in the last month as the AI hype cools off and more and more competitors come to the scene.\n\nWe are going to continue plugging away adding features that will hopefully start to differentiate us from our competitors (we have loads of ideas) and help our MRR continue to grow. We have also really sucked at marketing so far, so a big push in the department should hopefully help too!\n\nSince launch we have been shipping super quickly! \n\nChat Thing now supports 5 data sources in addition to the single data source we supported at launch (Notion). We now support 5 channels (places you can chat to your bot). Initially we just supported the web UI and embeddable widget, but now you can talk your bots on Discord, Slack, WhatsApp, and via our public API!\n\nWe've added a whole host of other features and improvements too, such as bot theming, conversation viewing, web crawling and more. We want to keep up the momentum with this rapid pace of development.\n\n## Whats next for Chat Thing\n\nChat Thing is already a huge success for us. Because it’s a side project we don’t need it to make a huge amount of money for it to be worthwhile. It provides us with an interesting project to hone our skills on in between our client work. \n\nThat said we’ve had a taste of the pie and we like what we taste, so our next financial goal will be £10,000 MRR. At this point the project will be completely self sustaining and we will be able to afford to re-invest a lot of the profits straight back in.\n\nNow that we have a solid foundation for the product, and we are armed with invaluable customer feedback we are going to continue implementing new features as well as improving existing ones. We have too many ideas and not enough time to implement them all so watch this space!",{"id":4730,"name":289,"alternativeText":39,"caption":39,"width":3576,"height":523,"formats":4731,"hash":4752,"ext":34,"mime":37,"size":4753,"url":4754,"previewUrl":39,"provider":72,"provider_metadata":4755,"created_at":4756,"updated_at":4756},368,{"large":4732,"small":4737,"medium":4742,"thumbnail":4747},{"ext":34,"url":4733,"hash":4734,"mime":37,"name":296,"path":39,"size":4735,"width":41,"height":537,"provider_metadata":4736},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777303847/large_nano_final_bd75b12f18.png","large_nano_final_bd75b12f18",962.4,{"public_id":4734,"resource_type":44},{"ext":34,"url":4738,"hash":4739,"mime":37,"name":302,"path":39,"size":4740,"width":50,"height":4650,"provider_metadata":4741},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777303849/small_nano_final_bd75b12f18.png","small_nano_final_bd75b12f18",219.27,{"public_id":4739,"resource_type":44},{"ext":34,"url":4743,"hash":4744,"mime":37,"name":309,"path":39,"size":4745,"width":58,"height":3947,"provider_metadata":4746},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777303848/medium_nano_final_bd75b12f18.png","medium_nano_final_bd75b12f18",521.55,{"public_id":4744,"resource_type":44},{"ext":34,"url":4748,"hash":4749,"mime":37,"name":316,"path":39,"size":4750,"width":256,"height":239,"provider_metadata":4751},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777303845/thumbnail_nano_final_bd75b12f18.png","thumbnail_nano_final_bd75b12f18",50.62,{"public_id":4749,"resource_type":44},"nano_final_bd75b12f18",2572.62,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777303844/nano_final_bd75b12f18.png",{"public_id":4752,"resource_type":44},"2026-04-27T15:30:50.003Z",[4758,4759],{"id":1468,"Name":3848,"created_at":3849,"updated_at":3850,"slug":3851},{"id":274,"Name":2336,"created_at":2337,"updated_at":2338,"slug":2339},{"id":1269,"Title":4761,"user":4762,"Summary":4783,"created_at":4784,"updated_at":4785,"slug":4786,"published_at":4787,"release_date":4788,"Layout":381,"Content":4789,"Feature":5060,"tags":5082},"Inspiring Designers - Jessica Walsh",{"id":3523,"username":4763,"email":4764,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":4765,"updated_at":4766,"project":39,"Picture":4767},"Becky","becky@pixelhop.io","2022-07-04T15:54:12.767Z","2022-07-28T08:29:01.334Z",{"id":1672,"name":4768,"alternativeText":29,"caption":29,"width":950,"height":4769,"formats":4770,"hash":4777,"ext":97,"mime":100,"size":4778,"url":4779,"previewUrl":39,"provider":72,"provider_metadata":4780,"created_at":4781,"updated_at":4782},"mengem.jpeg",443,{"thumbnail":4771},{"ext":97,"url":4772,"hash":4773,"mime":100,"name":4774,"path":39,"size":4775,"width":2073,"height":67,"provider_metadata":4776},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658996927/thumbnail_mengem_96a5d8c20f.jpg","thumbnail_mengem_96a5d8c20f","thumbnail_mengem.jpeg",5.97,{"public_id":4773,"resource_type":44},"mengem_96a5d8c20f",24.86,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658996926/mengem_96a5d8c20f.jpg",{"public_id":4777,"resource_type":44},"2022-07-04T17:08:02.056Z","2022-07-28T08:28:48.078Z","In this 3 part blog post, I will cover some designers that have inspired me or currently do so in my career. We’ll start with Jessica Walsh, whom I discovered early on in my career and who has continued to inspire me.","2023-05-25T19:16:29.445Z","2026-04-27T15:43:21.796Z","inspiring-designers-jessica-walsh","2023-05-25T19:19:30.477Z","2023-06-05",[4790,4793,4796,4836,4838,4840,4879,4881,4883,4922,4925,4963,4965,5005,5007,5045,5048,5050],{"__component":269,"id":399,"title":271,"blog_series":39,"post_link":4791},[4792],{"id":1225,"title":4761,"slug":4786,"description":39,"blog_series":39},{"__component":23,"id":4794,"Text":4795},365,"### where did I find them?\n\nI first came across Jessica Walsh by mistake in 2013. I stumbled across a ‘dating’ blog, and I put that in inverted commas on purpose. Because what started with me invested in her romantic woes ended with me returning more to see what design she would post to coincide with her writing. As well as being a lover of reading and writing, I was also disastrously single back then, so it resonated with me on all fronts!\n\n\n\n[forty days of dating](http://fortydaysofdating.com/)",{"__component":141,"id":515,"Size":4089,"caption":4797,"Image":4798},"Forty days of dating",[4799],{"id":466,"name":4800,"alternativeText":29,"caption":29,"width":4801,"height":4802,"formats":4803,"hash":4830,"ext":34,"mime":37,"size":4831,"url":4832,"previewUrl":39,"provider":72,"provider_metadata":4833,"created_at":4834,"updated_at":4835},"Screenshot 2023-05-25 at 20.00.52.png",2190,1706,{"large":4804,"small":4811,"medium":4817,"thumbnail":4824},{"ext":34,"url":4805,"hash":4806,"mime":37,"name":4807,"path":39,"size":4808,"width":41,"height":4809,"provider_metadata":4810},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041282/large_Screenshot_2023_05_25_at_20_00_52_211f3b812b.png","large_Screenshot_2023_05_25_at_20_00_52_211f3b812b","large_Screenshot 2023-05-25 at 20.00.52.png",1359.36,779,{"public_id":4806,"resource_type":44},{"ext":34,"url":4812,"hash":4813,"mime":37,"name":4814,"path":39,"size":4815,"width":50,"height":1496,"provider_metadata":4816},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041285/small_Screenshot_2023_05_25_at_20_00_52_211f3b812b.png","small_Screenshot_2023_05_25_at_20_00_52_211f3b812b","small_Screenshot 2023-05-25 at 20.00.52.png",374.96,{"public_id":4813,"resource_type":44},{"ext":34,"url":4818,"hash":4819,"mime":37,"name":4820,"path":39,"size":4821,"width":58,"height":4822,"provider_metadata":4823},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041283/medium_Screenshot_2023_05_25_at_20_00_52_211f3b812b.png","medium_Screenshot_2023_05_25_at_20_00_52_211f3b812b","medium_Screenshot 2023-05-25 at 20.00.52.png",798.54,584,{"public_id":4819,"resource_type":44},{"ext":34,"url":4825,"hash":4826,"mime":37,"name":4827,"path":39,"size":4828,"width":1141,"height":67,"provider_metadata":4829},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041280/thumbnail_Screenshot_2023_05_25_at_20_00_52_211f3b812b.png","thumbnail_Screenshot_2023_05_25_at_20_00_52_211f3b812b","thumbnail_Screenshot 2023-05-25 at 20.00.52.png",74.1,{"public_id":4826,"resource_type":44},"Screenshot_2023_05_25_at_20_00_52_211f3b812b",4361.75,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041278/Screenshot_2023_05_25_at_20_00_52_211f3b812b.png",{"public_id":4830,"resource_type":44},"2023-05-25T19:01:25.693Z","2023-05-25T19:01:25.721Z",{"__component":23,"id":4127,"Text":4837},"Back in 2013 we were only starting to think about responsive design. It was a time we were still learning about the digital world and how to design for it. HTML5 and Javascript replaced flash. Full-screen images, videos, and animation were all appearing on websites. Parallax made its debut, and a big trend was to add a cinematic and storytelling experience which this site did.\n\nI’ve also loved fonts and typography since I can remember. Each post for the blog included these punchy covers and a lot of playfulness with typeface and colour. That wasn’t seen as much in digital back then as on billboards or magazines. So it felt like this site was bridging some gap between print and digital. This isn’t entirely surprising as ‘Walsh’ says of her time at [Print Magazine](https://www.printmag.com/) as one of the best things to happen to her in her career as it was how she developed her personal style",{"__component":23,"id":993,"Text":4839},"### What do I like about them?\n\nWhat I liked about Jessica was that she tricked me. Now I see through all the reality TV drama to get us to buy into someone personally enough to purchase products they promote, but Jessica was my first. I realised not long after the blog finished and her 40 days of dating was up that this whole time it had been a marketing site for her design company [Sagmeister & Walsh](https://sagmeisterwalsh.com/) I loved her even more. Other facts about Jessica:\n\n1. In 2012, at the age of 25 she posed naked to announce her partnership with (already acclaimed) Sagmeister to create Sagmeister & walsh, two years after she started at the company. The image went viral and so their job was done. ",{"__component":141,"id":700,"Size":4089,"caption":39,"Image":4841},[4842],{"id":472,"name":4843,"alternativeText":29,"caption":29,"width":4844,"height":4051,"formats":4845,"hash":4873,"ext":34,"mime":37,"size":4874,"url":4875,"previewUrl":39,"provider":72,"provider_metadata":4876,"created_at":4877,"updated_at":4878},"Screenshot 2022-09-01 at 16.17.15.png",1278,{"large":4846,"small":4853,"medium":4860,"thumbnail":4867},{"ext":34,"url":4847,"hash":4848,"mime":37,"name":4849,"path":39,"size":4850,"width":41,"height":4851,"provider_metadata":4852},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041474/large_Screenshot_2022_09_01_at_16_17_15_5f71af7a6e.png","large_Screenshot_2022_09_01_at_16_17_15_5f71af7a6e","large_Screenshot 2022-09-01 at 16.17.15.png",1175.63,701,{"public_id":4848,"resource_type":44},{"ext":34,"url":4854,"hash":4855,"mime":37,"name":4856,"path":39,"size":4857,"width":50,"height":4858,"provider_metadata":4859},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041477/small_Screenshot_2022_09_01_at_16_17_15_5f71af7a6e.png","small_Screenshot_2022_09_01_at_16_17_15_5f71af7a6e","small_Screenshot 2022-09-01 at 16.17.15.png",356,351,{"public_id":4855,"resource_type":44},{"ext":34,"url":4861,"hash":4862,"mime":37,"name":4863,"path":39,"size":4864,"width":58,"height":4865,"provider_metadata":4866},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041476/medium_Screenshot_2022_09_01_at_16_17_15_5f71af7a6e.png","medium_Screenshot_2022_09_01_at_16_17_15_5f71af7a6e","medium_Screenshot 2022-09-01 at 16.17.15.png",719.3,526,{"public_id":4862,"resource_type":44},{"ext":34,"url":4868,"hash":4869,"mime":37,"name":4870,"path":39,"size":4871,"width":436,"height":67,"provider_metadata":4872},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041473/thumbnail_Screenshot_2022_09_01_at_16_17_15_5f71af7a6e.png","thumbnail_Screenshot_2022_09_01_at_16_17_15_5f71af7a6e","thumbnail_Screenshot 2022-09-01 at 16.17.15.png",86.16,{"public_id":4869,"resource_type":44},"Screenshot_2022_09_01_at_16_17_15_5f71af7a6e",1276.06,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041472/Screenshot_2022_09_01_at_16_17_15_5f71af7a6e.png",{"public_id":4873,"resource_type":44},"2023-05-25T19:04:37.844Z","2023-05-25T19:04:37.855Z",{"__component":23,"id":4730,"Text":4880},"1. In 2013 she wrote a blog (mentioned above) that received more than 5 million unique views in less than a year. Warner Bros purchased the film rights. Walsh appeared on talk shows like the view - not a bad personal PR piece.\n\n2. In 2019 she left Sagmeister and Walsh and started her own company called ‘& Walsh’. She was one of 36 female-led creative companies at the time.",{"__component":23,"id":4704,"Text":4882},"### What do I like about their work?\n\n1. She’s not afraid to speak her mind. We know how fickle the internet can be, and having an opinion is one way to get yourself ‘cancelled’. However, Walsh has and likely will always post creative shots that let us know what side she sits on. Great power comes great responsibility, and I like those with big followings, to be honest, and cut the crap. ",{"__component":141,"id":318,"Size":4089,"caption":39,"Image":4884},[4885],{"id":478,"name":4886,"alternativeText":29,"caption":29,"width":4887,"height":4888,"formats":4889,"hash":4916,"ext":34,"mime":37,"size":4917,"url":4918,"previewUrl":39,"provider":72,"provider_metadata":4919,"created_at":4920,"updated_at":4921},"Screenshot 2022-09-01 at 16.27.39.png",1410,1764,{"large":4890,"small":4897,"medium":4903,"thumbnail":4910},{"ext":34,"url":4891,"hash":4892,"mime":37,"name":4893,"path":39,"size":4894,"width":4895,"height":41,"provider_metadata":4896},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041781/large_Screenshot_2022_09_01_at_16_27_39_5d30bf8d12.png","large_Screenshot_2022_09_01_at_16_27_39_5d30bf8d12","large_Screenshot 2022-09-01 at 16.27.39.png",1946.5,799,{"public_id":4892,"resource_type":44},{"ext":34,"url":4898,"hash":4899,"mime":37,"name":4900,"path":39,"size":4901,"width":1769,"height":50,"provider_metadata":4902},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041783/small_Screenshot_2022_09_01_at_16_27_39_5d30bf8d12.png","small_Screenshot_2022_09_01_at_16_27_39_5d30bf8d12","small_Screenshot 2022-09-01 at 16.27.39.png",513.23,{"public_id":4899,"resource_type":44},{"ext":34,"url":4904,"hash":4905,"mime":37,"name":4906,"path":39,"size":4907,"width":4908,"height":58,"provider_metadata":4909},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041782/medium_Screenshot_2022_09_01_at_16_27_39_5d30bf8d12.png","medium_Screenshot_2022_09_01_at_16_27_39_5d30bf8d12","medium_Screenshot 2022-09-01 at 16.27.39.png",1122.91,599,{"public_id":4905,"resource_type":44},{"ext":34,"url":4911,"hash":4912,"mime":37,"name":4913,"path":39,"size":4914,"width":1843,"height":67,"provider_metadata":4915},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041779/thumbnail_Screenshot_2022_09_01_at_16_27_39_5d30bf8d12.png","thumbnail_Screenshot_2022_09_01_at_16_27_39_5d30bf8d12","thumbnail_Screenshot 2022-09-01 at 16.27.39.png",57.62,{"public_id":4912,"resource_type":44},"Screenshot_2022_09_01_at_16_27_39_5d30bf8d12",4303.47,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041777/Screenshot_2022_09_01_at_16_27_39_5d30bf8d12.png",{"public_id":4916,"resource_type":44},"2023-05-25T19:09:44.222Z","2023-05-25T19:09:44.231Z",{"__component":23,"id":4923,"Text":4924},370,"2. Her values regarding her work align pretty much with mine.",{"__component":141,"id":1838,"Size":4089,"caption":39,"Image":4926},[4927],{"id":484,"name":4928,"alternativeText":29,"caption":29,"width":4929,"height":4930,"formats":4931,"hash":4957,"ext":34,"mime":37,"size":4958,"url":4959,"previewUrl":39,"provider":72,"provider_metadata":4960,"created_at":4961,"updated_at":4962},"Screenshot 2022-09-01 at 16.29.50.png",2888,1032,{"large":4932,"small":4939,"medium":4945,"thumbnail":4951},{"ext":34,"url":4933,"hash":4934,"mime":37,"name":4935,"path":39,"size":4936,"width":41,"height":4937,"provider_metadata":4938},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041844/large_Screenshot_2022_09_01_at_16_29_50_9f2d0fcf0a.png","large_Screenshot_2022_09_01_at_16_29_50_9f2d0fcf0a","large_Screenshot 2022-09-01 at 16.29.50.png",122.13,357,{"public_id":4934,"resource_type":44},{"ext":34,"url":4940,"hash":4941,"mime":37,"name":4942,"path":39,"size":4943,"width":50,"height":592,"provider_metadata":4944},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041846/small_Screenshot_2022_09_01_at_16_29_50_9f2d0fcf0a.png","small_Screenshot_2022_09_01_at_16_29_50_9f2d0fcf0a","small_Screenshot 2022-09-01 at 16.29.50.png",47.46,{"public_id":4941,"resource_type":44},{"ext":34,"url":4946,"hash":4947,"mime":37,"name":4948,"path":39,"size":4949,"width":58,"height":4171,"provider_metadata":4950},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041845/medium_Screenshot_2022_09_01_at_16_29_50_9f2d0fcf0a.png","medium_Screenshot_2022_09_01_at_16_29_50_9f2d0fcf0a","medium_Screenshot 2022-09-01 at 16.29.50.png",82.06,{"public_id":4947,"resource_type":44},{"ext":34,"url":4952,"hash":4953,"mime":37,"name":4954,"path":39,"size":4955,"width":256,"height":1663,"provider_metadata":4956},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041843/thumbnail_Screenshot_2022_09_01_at_16_29_50_9f2d0fcf0a.png","thumbnail_Screenshot_2022_09_01_at_16_29_50_9f2d0fcf0a","thumbnail_Screenshot 2022-09-01 at 16.29.50.png",16.82,{"public_id":4953,"resource_type":44},"Screenshot_2022_09_01_at_16_29_50_9f2d0fcf0a",274.07,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041842/Screenshot_2022_09_01_at_16_29_50_9f2d0fcf0a.png",{"public_id":4957,"resource_type":44},"2023-05-25T19:10:46.573Z","2023-05-25T19:10:46.581Z",{"__component":23,"id":1876,"Text":4964},"3. Her work is undeniably ‘Walsh’. She’s not afraid of colour. Fonts are used to their limits, and her imagery and cinematography aesthetic is always visually pleasing. It’s a little like something being a bit ‘Wes Anderson’, but in this case, it’s a ‘Walsh’.\n\n4. She keeps with the times. I think &Walsh was one of the first sites I saw using 3D animation, which is now starting to trend. She seems to always have her finger on the pulse, or maybe she’s part of the pulse. Either way, she always seems to get it right.",{"__component":141,"id":1843,"Size":4089,"caption":39,"Image":4966},[4967],{"id":490,"name":4968,"alternativeText":29,"caption":29,"width":4969,"height":4970,"formats":4971,"hash":4999,"ext":34,"mime":37,"size":5000,"url":5001,"previewUrl":39,"provider":72,"provider_metadata":5002,"created_at":5003,"updated_at":5004},"Screenshot 2022-09-01 at 17.23.47.png",1394,1510,{"large":4972,"small":4979,"medium":4986,"thumbnail":4993},{"ext":34,"url":4973,"hash":4974,"mime":37,"name":4975,"path":39,"size":4976,"width":4977,"height":41,"provider_metadata":4978},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041904/large_Screenshot_2022_09_01_at_17_23_47_1024e27082.png","large_Screenshot_2022_09_01_at_17_23_47_1024e27082","large_Screenshot 2022-09-01 at 17.23.47.png",1475.33,923,{"public_id":4974,"resource_type":44},{"ext":34,"url":4980,"hash":4981,"mime":37,"name":4982,"path":39,"size":4983,"width":4984,"height":50,"provider_metadata":4985},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041907/small_Screenshot_2022_09_01_at_17_23_47_1024e27082.png","small_Screenshot_2022_09_01_at_17_23_47_1024e27082","small_Screenshot 2022-09-01 at 17.23.47.png",425.55,462,{"public_id":4981,"resource_type":44},{"ext":34,"url":4987,"hash":4988,"mime":37,"name":4989,"path":39,"size":4990,"width":4991,"height":58,"provider_metadata":4992},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041905/medium_Screenshot_2022_09_01_at_17_23_47_1024e27082.png","medium_Screenshot_2022_09_01_at_17_23_47_1024e27082","medium_Screenshot 2022-09-01 at 17.23.47.png",886.18,692,{"public_id":4988,"resource_type":44},{"ext":34,"url":4994,"hash":4995,"mime":37,"name":4996,"path":39,"size":4997,"width":2078,"height":67,"provider_metadata":4998},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041902/thumbnail_Screenshot_2022_09_01_at_17_23_47_1024e27082.png","thumbnail_Screenshot_2022_09_01_at_17_23_47_1024e27082","thumbnail_Screenshot 2022-09-01 at 17.23.47.png",52.39,{"public_id":4995,"resource_type":44},"Screenshot_2022_09_01_at_17_23_47_1024e27082",2169.39,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041901/Screenshot_2022_09_01_at_17_23_47_1024e27082.png",{"public_id":4999,"resource_type":44},"2023-05-25T19:11:50.890Z","2023-05-25T19:11:50.899Z",{"__component":23,"id":4539,"Text":5006},"5. Her professional portfolio is so inspiring. It’s just gorgeous. Whilst creating for other brands, there is always something a bit ‘Walsh’ about it, perhaps the choice of colours. Still, undeniably everything oozes freedom to be creative and push boundaries.",{"__component":141,"id":1257,"Size":4089,"caption":39,"Image":5008},[5009],{"id":496,"name":5010,"alternativeText":29,"caption":29,"width":5011,"height":5012,"formats":5013,"hash":5039,"ext":34,"mime":37,"size":5040,"url":5041,"previewUrl":39,"provider":72,"provider_metadata":5042,"created_at":5043,"updated_at":5044},"Screenshot 2022-09-01 at 16.40.44.png",2746,1530,{"large":5014,"small":5020,"medium":5026,"thumbnail":5033},{"ext":34,"url":5015,"hash":5016,"mime":37,"name":5017,"path":39,"size":5018,"width":41,"height":1883,"provider_metadata":5019},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041981/large_Screenshot_2022_09_01_at_16_40_44_84a809efc9.png","large_Screenshot_2022_09_01_at_16_40_44_84a809efc9","large_Screenshot 2022-09-01 at 16.40.44.png",487.46,{"public_id":5016,"resource_type":44},{"ext":34,"url":5021,"hash":5022,"mime":37,"name":5023,"path":39,"size":5024,"width":50,"height":4565,"provider_metadata":5025},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041983/small_Screenshot_2022_09_01_at_16_40_44_84a809efc9.png","small_Screenshot_2022_09_01_at_16_40_44_84a809efc9","small_Screenshot 2022-09-01 at 16.40.44.png",138.99,{"public_id":5022,"resource_type":44},{"ext":34,"url":5027,"hash":5028,"mime":37,"name":5029,"path":39,"size":5030,"width":58,"height":5031,"provider_metadata":5032},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041982/medium_Screenshot_2022_09_01_at_16_40_44_84a809efc9.png","medium_Screenshot_2022_09_01_at_16_40_44_84a809efc9","medium_Screenshot 2022-09-01 at 16.40.44.png",287.69,418,{"public_id":5028,"resource_type":44},{"ext":34,"url":5034,"hash":5035,"mime":37,"name":5036,"path":39,"size":5037,"width":256,"height":1967,"provider_metadata":5038},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041979/thumbnail_Screenshot_2022_09_01_at_16_40_44_84a809efc9.png","thumbnail_Screenshot_2022_09_01_at_16_40_44_84a809efc9","thumbnail_Screenshot 2022-09-01 at 16.40.44.png",42.77,{"public_id":5035,"resource_type":44},"Screenshot_2022_09_01_at_16_40_44_84a809efc9",2811.39,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685041977/Screenshot_2022_09_01_at_16_40_44_84a809efc9.png",{"public_id":5039,"resource_type":44},"2023-05-25T19:13:03.877Z","2023-05-25T19:13:03.887Z",{"__component":23,"id":5046,"Text":5047},373,"[Geltor and walsh](https://andwalsh.com/work/all/geltor/)\n\n6. Everything has that ‘wow’ factor. If that’s not inspiration enough, then I don’t know what it would be.\n\n\n[and walsh](https://andwalsh.com/)",{"__component":23,"id":242,"Text":5049},"### My Interpretation\n\n\nFor this series, I will create a design that is inspired by each designer. This time I have created a tea subscription service in the style of Jessica Walsh.",{"__component":1373,"id":390,"Video":5051},{"id":256,"name":5052,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":5053,"ext":1558,"mime":1559,"size":5054,"url":5055,"previewUrl":5056,"provider":72,"provider_metadata":5057,"created_at":5058,"updated_at":5059},"New Recording May 26 2023 0153 PM.mp4","New_Recording_May_26_2023_0153_PM_e70fe21f67",2892.59,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1685105653/New_Recording_May_26_2023_0153_PM_e70fe21f67.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/New_Recording_May_26_2023_0153_PM_e70fe21f67.gif",{"public_id":5053,"resource_type":1385},"2023-05-26T12:54:15.170Z","2023-05-26T12:54:15.182Z",{"id":4704,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":5061,"hash":5077,"ext":34,"mime":37,"size":5078,"url":5079,"previewUrl":39,"provider":72,"provider_metadata":5080,"created_at":5081,"updated_at":5081},{"small":5062,"medium":5067,"thumbnail":5072},{"ext":34,"url":5063,"hash":5064,"mime":37,"name":302,"path":39,"size":5065,"width":50,"height":311,"provider_metadata":5066},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777304600/small_nano_final_1831dbcad3.png","small_nano_final_1831dbcad3",322.58,{"public_id":5064,"resource_type":44},{"ext":34,"url":5068,"hash":5069,"mime":37,"name":309,"path":39,"size":5070,"width":58,"height":537,"provider_metadata":5071},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777304599/medium_nano_final_1831dbcad3.png","medium_nano_final_1831dbcad3",753.89,{"public_id":5069,"resource_type":44},{"ext":34,"url":5073,"hash":5074,"mime":37,"name":316,"path":39,"size":5075,"width":544,"height":67,"provider_metadata":5076},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777304598/thumbnail_nano_final_1831dbcad3.png","thumbnail_nano_final_1831dbcad3",54.76,{"public_id":5074,"resource_type":44},"nano_final_1831dbcad3",947.34,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777304597/nano_final_1831dbcad3.png",{"public_id":5077,"resource_type":44},"2026-04-27T15:43:21.226Z",[5083],{"id":1642,"Name":5084,"created_at":5085,"updated_at":5086,"slug":5087},"Design","2023-05-18T14:11:46.661Z","2023-05-18T14:11:46.679Z","design",{"id":2589,"Title":5089,"user":5090,"Summary":5096,"created_at":5097,"updated_at":5098,"slug":5099,"published_at":5100,"release_date":5101,"Layout":381,"Content":5102,"Feature":5288,"tags":5310},"Inspiring Designers - Dann Petty",{"id":3523,"username":4763,"email":4764,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":4765,"updated_at":4766,"project":39,"Picture":5091},{"id":1672,"name":4768,"alternativeText":29,"caption":29,"width":950,"height":4769,"formats":5092,"hash":4777,"ext":97,"mime":100,"size":4778,"url":4779,"previewUrl":39,"provider":72,"provider_metadata":5095,"created_at":4781,"updated_at":4782},{"thumbnail":5093},{"ext":97,"url":4772,"hash":4773,"mime":100,"name":4774,"path":39,"size":4775,"width":2073,"height":67,"provider_metadata":5094},{"public_id":4773,"resource_type":44},{"public_id":4777,"resource_type":44},"In the second part of this 3 part series, I will be looking at Dann Petty who is an inspirational web designer. Last time I covered Jessica Walsh so be sure to go back and check that out.","2023-05-25T19:34:02.357Z","2026-04-27T15:44:58.624Z","inspiring-designers-dann-petty","2023-05-25T19:47:54.948Z","2023-06-06",[5103,5107,5109,5112,5114,5153,5193,5195,5232,5235,5238,5248],{"__component":269,"id":404,"title":271,"blog_series":39,"post_link":5104},[5105,5106],{"id":1675,"title":4761,"slug":4786,"description":39,"blog_series":39},{"id":1681,"title":5089,"slug":5099,"description":39,"blog_series":39},{"__component":23,"id":311,"Text":5108},"### Where did I find them?\n\nTwitter! I have been following Dan for a while, mostly because I was doing research for tutorials and he offers design courses. Then I dug a little deeper and really enjoyed his content. He posts helpful tools and encouragement for designers regularly. He’s a freelance web designer and regularly posts works in progress. \n\n[Dann Petty](https://twitter.com/DannPetty)",{"__component":23,"id":5110,"Text":5111},376,"### What do I like about them?\n\nHe’s got a pretty big audience which means he has eyes on some pretty cool things, all of which he re-shares. I have found designers, tools and quotes from Dan that I like to save for inspiration. I also discovered we share a similarity in how we become inspired - we put down tools and go do something we enjoy that isn’t designing. \n\n> Typically a long surf. It’s hard to get inspired sometimes behind a screen, you usually see the same thing over and over and it’s hard to spark a new idea because of that. If you want a new idea, get away from the screen. I think the best inspiration comes when I’m not trying. It’s why my best ideas happen in the shower I think, haha. My mind is free.\n\n[Dann Petty Interview](https://www.loversmagazine.com/interviews/dann-petty)\n\nHe also has a great You Tube channel where he posts helpful tutorial videos:\n[Dann Petty Youtube](https://www.youtube.com/user/dannpetty)\n\nAnd if you’re a freelancer then you’re in luck because he has created a mini series focussing on freelancers and their daily lives which will definitely include some helpful tips!\n[freelance tv](https://freelance.tv/danmall/#playing)\n",{"__component":23,"id":2123,"Text":5113},"### What do I like about their work?\n\nIt’s fun! I like that a lot of his work has this feel of the product jumping out of the page, there’s a real layered feel about most of his stuff. Nothing ever feels flat or static.\n",{"__component":141,"id":1854,"Size":4089,"caption":5115,"Image":5116},"Dann Petty Dribble",[5117],{"id":507,"name":5118,"alternativeText":29,"caption":29,"width":5119,"height":5120,"formats":5121,"hash":5147,"ext":34,"mime":37,"size":5148,"url":5149,"previewUrl":39,"provider":72,"provider_metadata":5150,"created_at":5151,"updated_at":5152},"Screenshot 2023-05-25 at 20.35.05.png",1956,1466,{"large":5122,"small":5128,"medium":5134,"thumbnail":5141},{"ext":34,"url":5123,"hash":5124,"mime":37,"name":5125,"path":39,"size":5126,"width":41,"height":171,"provider_metadata":5127},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685043335/large_Screenshot_2023_05_25_at_20_35_05_c3ed838bdc.png","large_Screenshot_2023_05_25_at_20_35_05_c3ed838bdc","large_Screenshot 2023-05-25 at 20.35.05.png",599.74,{"public_id":5124,"resource_type":44},{"ext":34,"url":5129,"hash":5130,"mime":37,"name":5131,"path":39,"size":5132,"width":50,"height":311,"provider_metadata":5133},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685043338/small_Screenshot_2023_05_25_at_20_35_05_c3ed838bdc.png","small_Screenshot_2023_05_25_at_20_35_05_c3ed838bdc","small_Screenshot 2023-05-25 at 20.35.05.png",191.01,{"public_id":5130,"resource_type":44},{"ext":34,"url":5135,"hash":5136,"mime":37,"name":5137,"path":39,"size":5138,"width":58,"height":5139,"provider_metadata":5140},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685043337/medium_Screenshot_2023_05_25_at_20_35_05_c3ed838bdc.png","medium_Screenshot_2023_05_25_at_20_35_05_c3ed838bdc","medium_Screenshot 2023-05-25 at 20.35.05.png",374.77,562,{"public_id":5136,"resource_type":44},{"ext":34,"url":5142,"hash":5143,"mime":37,"name":5144,"path":39,"size":5145,"width":544,"height":67,"provider_metadata":5146},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685043334/thumbnail_Screenshot_2023_05_25_at_20_35_05_c3ed838bdc.png","thumbnail_Screenshot_2023_05_25_at_20_35_05_c3ed838bdc","thumbnail_Screenshot 2023-05-25 at 20.35.05.png",44.34,{"public_id":5143,"resource_type":44},"Screenshot_2023_05_25_at_20_35_05_c3ed838bdc",1397.35,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685043333/Screenshot_2023_05_25_at_20_35_05_c3ed838bdc.png",{"public_id":5147,"resource_type":44},"2023-05-25T19:35:39.270Z","2023-05-25T19:35:39.280Z",{"__component":141,"id":731,"Size":4089,"caption":5154,"Image":5155},"Dan Petty Dribble",[5156],{"id":512,"name":5157,"alternativeText":29,"caption":29,"width":5158,"height":5159,"formats":5160,"hash":5187,"ext":34,"mime":37,"size":5188,"url":5189,"previewUrl":39,"provider":72,"provider_metadata":5190,"created_at":5191,"updated_at":5192},"Screenshot 2023-05-25 at 20.36.12.png",1918,1450,{"large":5161,"small":5167,"medium":5174,"thumbnail":5181},{"ext":34,"url":5162,"hash":5163,"mime":37,"name":5164,"path":39,"size":5165,"width":41,"height":2817,"provider_metadata":5166},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685043393/large_Screenshot_2023_05_25_at_20_36_12_bef4624d09.png","large_Screenshot_2023_05_25_at_20_36_12_bef4624d09","large_Screenshot 2023-05-25 at 20.36.12.png",301.87,{"public_id":5163,"resource_type":44},{"ext":34,"url":5168,"hash":5169,"mime":37,"name":5170,"path":39,"size":5171,"width":50,"height":5172,"provider_metadata":5173},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685043395/small_Screenshot_2023_05_25_at_20_36_12_bef4624d09.png","small_Screenshot_2023_05_25_at_20_36_12_bef4624d09","small_Screenshot 2023-05-25 at 20.36.12.png",97.24,378,{"public_id":5169,"resource_type":44},{"ext":34,"url":5175,"hash":5176,"mime":37,"name":5177,"path":39,"size":5178,"width":58,"height":5179,"provider_metadata":5180},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685043394/medium_Screenshot_2023_05_25_at_20_36_12_bef4624d09.png","medium_Screenshot_2023_05_25_at_20_36_12_bef4624d09","medium_Screenshot 2023-05-25 at 20.36.12.png",191.46,567,{"public_id":5176,"resource_type":44},{"ext":34,"url":5182,"hash":5183,"mime":37,"name":5184,"path":39,"size":5185,"width":1222,"height":67,"provider_metadata":5186},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685043392/thumbnail_Screenshot_2023_05_25_at_20_36_12_bef4624d09.png","thumbnail_Screenshot_2023_05_25_at_20_36_12_bef4624d09","thumbnail_Screenshot 2023-05-25 at 20.36.12.png",23.02,{"public_id":5183,"resource_type":44},"Screenshot_2023_05_25_at_20_36_12_bef4624d09",713.06,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685043391/Screenshot_2023_05_25_at_20_36_12_bef4624d09.png",{"public_id":5187,"resource_type":44},"2023-05-25T19:36:36.323Z","2023-05-25T19:36:36.334Z",{"__component":23,"id":5172,"Text":5194},"There’s also a magazine type feel to a lot of it.\n\nWhen I first started out designing in college I absolutely [Baseline Magazine](http://www.baselinemagazine.com/), it really taught me about layouts and how to break that mould sometimes (probably why grids have never really been my favourite). I loved being able to have objects in areas that might not quite align where you expect it to, and I liked to incorporate that in interface design. Dans work has that feel to it, like here:",{"__component":141,"id":1824,"Size":4089,"caption":5115,"Image":5196},[5197],{"id":518,"name":5198,"alternativeText":29,"caption":29,"width":5199,"height":5200,"formats":5201,"hash":5226,"ext":34,"mime":37,"size":5227,"url":5228,"previewUrl":39,"provider":72,"provider_metadata":5229,"created_at":5230,"updated_at":5231},"Screenshot 2023-05-25 at 20.37.14.png",1914,1434,{"large":5202,"small":5208,"medium":5214,"thumbnail":5220},{"ext":34,"url":5203,"hash":5204,"mime":37,"name":5205,"path":39,"size":5206,"width":41,"height":171,"provider_metadata":5207},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685043450/large_Screenshot_2023_05_25_at_20_37_14_32884b0ebd.png","large_Screenshot_2023_05_25_at_20_37_14_32884b0ebd","large_Screenshot 2023-05-25 at 20.37.14.png",909.1,{"public_id":5204,"resource_type":44},{"ext":34,"url":5209,"hash":5210,"mime":37,"name":5211,"path":39,"size":5212,"width":50,"height":311,"provider_metadata":5213},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685043453/small_Screenshot_2023_05_25_at_20_37_14_32884b0ebd.png","small_Screenshot_2023_05_25_at_20_37_14_32884b0ebd","small_Screenshot 2023-05-25 at 20.37.14.png",259.02,{"public_id":5210,"resource_type":44},{"ext":34,"url":5215,"hash":5216,"mime":37,"name":5217,"path":39,"size":5218,"width":58,"height":5139,"provider_metadata":5219},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685043451/medium_Screenshot_2023_05_25_at_20_37_14_32884b0ebd.png","medium_Screenshot_2023_05_25_at_20_37_14_32884b0ebd","medium_Screenshot 2023-05-25 at 20.37.14.png",546.73,{"public_id":5216,"resource_type":44},{"ext":34,"url":5221,"hash":5222,"mime":37,"name":5223,"path":39,"size":5224,"width":544,"height":67,"provider_metadata":5225},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685043449/thumbnail_Screenshot_2023_05_25_at_20_37_14_32884b0ebd.png","thumbnail_Screenshot_2023_05_25_at_20_37_14_32884b0ebd","thumbnail_Screenshot 2023-05-25 at 20.37.14.png",51.52,{"public_id":5222,"resource_type":44},"Screenshot_2023_05_25_at_20_37_14_32884b0ebd",2122.39,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685043448/Screenshot_2023_05_25_at_20_37_14_32884b0ebd.png",{"public_id":5226,"resource_type":44},"2023-05-25T19:37:33.571Z","2023-05-25T19:37:33.580Z",{"__component":23,"id":5233,"Text":5234},379,"I also love that he has dipped his toes in lots of areas of design. His ability to adapt to different mediums and create compelling designs is inspiring. I also appreciate that he's not afraid to take risks and try new things in his work. It's clear that he has a passion for design and it shows in everything he creates. I sometimes feel like I need to focus on just one type of design say typography, film, ux etc…but like Dan, I kinda wanna do a mix of all of that. So it’s safe to say he’s a firm continued inspiration for me. ",{"__component":23,"id":5236,"Text":5237},380,"### My Interpretation\n\nAs per the last post, I have created a design that is inspired by Dann. This is actually also a small sneak preview of something that is coming soon so be sure to follow us and keep your eyes peeled for this exciting new project coming soon! In the meantime, I have attempted to create a feeling of depth and movement like Dann. ",{"__component":1373,"id":2782,"Video":5239},{"id":232,"name":5240,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":5241,"ext":1558,"mime":1559,"size":5242,"url":5243,"previewUrl":5244,"provider":72,"provider_metadata":5245,"created_at":5246,"updated_at":5247},"New Recording May 26 2023 1224 PM.mp4","New_Recording_May_26_2023_1224_PM_2764112860",2593.49,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1685100346/New_Recording_May_26_2023_1224_PM_2764112860.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/New_Recording_May_26_2023_1224_PM_2764112860.gif",{"public_id":5241,"resource_type":1385},"2023-05-26T11:25:46.910Z","2023-05-26T11:25:46.925Z",{"__component":141,"id":1907,"Size":4089,"caption":39,"Image":5249},[5250],{"id":266,"name":5251,"alternativeText":29,"caption":29,"width":5252,"height":5253,"formats":5254,"hash":5282,"ext":34,"mime":37,"size":5283,"url":5284,"previewUrl":39,"provider":72,"provider_metadata":5285,"created_at":5286,"updated_at":5287},"Screenshot 2023-05-26 at 12.43.32.png",1718,1948,{"large":5255,"small":5262,"medium":5269,"thumbnail":5276},{"ext":34,"url":5256,"hash":5257,"mime":37,"name":5258,"path":39,"size":5259,"width":5260,"height":41,"provider_metadata":5261},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685101434/large_Screenshot_2023_05_26_at_12_43_32_dadef959e9.png","large_Screenshot_2023_05_26_at_12_43_32_dadef959e9","large_Screenshot 2023-05-26 at 12.43.32.png",773.85,882,{"public_id":5257,"resource_type":44},{"ext":34,"url":5263,"hash":5264,"mime":37,"name":5265,"path":39,"size":5266,"width":5267,"height":50,"provider_metadata":5268},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685101436/small_Screenshot_2023_05_26_at_12_43_32_dadef959e9.png","small_Screenshot_2023_05_26_at_12_43_32_dadef959e9","small_Screenshot 2023-05-26 at 12.43.32.png",228.06,441,{"public_id":5264,"resource_type":44},{"ext":34,"url":5270,"hash":5271,"mime":37,"name":5272,"path":39,"size":5273,"width":5274,"height":58,"provider_metadata":5275},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685101435/medium_Screenshot_2023_05_26_at_12_43_32_dadef959e9.png","medium_Screenshot_2023_05_26_at_12_43_32_dadef959e9","medium_Screenshot 2023-05-26 at 12.43.32.png",461.75,661,{"public_id":5271,"resource_type":44},{"ext":34,"url":5277,"hash":5278,"mime":37,"name":5279,"path":39,"size":5280,"width":1967,"height":67,"provider_metadata":5281},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685101432/thumbnail_Screenshot_2023_05_26_at_12_43_32_dadef959e9.png","thumbnail_Screenshot_2023_05_26_at_12_43_32_dadef959e9","thumbnail_Screenshot 2023-05-26 at 12.43.32.png",32.29,{"public_id":5278,"resource_type":44},"Screenshot_2023_05_26_at_12_43_32_dadef959e9",1756.52,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685101432/Screenshot_2023_05_26_at_12_43_32_dadef959e9.png",{"public_id":5282,"resource_type":44},"2023-05-26T11:43:56.981Z","2023-05-26T11:43:56.996Z",{"id":4923,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":5289,"hash":5305,"ext":34,"mime":37,"size":5306,"url":5307,"previewUrl":39,"provider":72,"provider_metadata":5308,"created_at":5309,"updated_at":5309},{"small":5290,"medium":5295,"thumbnail":5300},{"ext":34,"url":5291,"hash":5292,"mime":37,"name":302,"path":39,"size":5293,"width":50,"height":311,"provider_metadata":5294},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777304697/small_nano_final_54684aa2c1.png","small_nano_final_54684aa2c1",301.75,{"public_id":5292,"resource_type":44},{"ext":34,"url":5296,"hash":5297,"mime":37,"name":309,"path":39,"size":5298,"width":58,"height":537,"provider_metadata":5299},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777304696/medium_nano_final_54684aa2c1.png","medium_nano_final_54684aa2c1",706.48,{"public_id":5297,"resource_type":44},{"ext":34,"url":5301,"hash":5302,"mime":37,"name":316,"path":39,"size":5303,"width":544,"height":67,"provider_metadata":5304},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777304695/thumbnail_nano_final_54684aa2c1.png","thumbnail_nano_final_54684aa2c1",49.37,{"public_id":5302,"resource_type":44},"nano_final_54684aa2c1",850.35,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777304694/nano_final_54684aa2c1.png",{"public_id":5305,"resource_type":44},"2026-04-27T15:44:57.966Z",[5311],{"id":1642,"Name":5084,"created_at":5085,"updated_at":5086,"slug":5087},{"id":2658,"Title":5313,"user":5314,"Summary":5320,"created_at":5321,"updated_at":5322,"slug":5323,"published_at":5324,"release_date":5325,"Layout":381,"Content":5326,"Feature":5974,"tags":5996},"Inspiring Designers - Aaron Draplin",{"id":3523,"username":4763,"email":4764,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":4765,"updated_at":4766,"project":39,"Picture":5315},{"id":1672,"name":4768,"alternativeText":29,"caption":29,"width":950,"height":4769,"formats":5316,"hash":4777,"ext":97,"mime":100,"size":4778,"url":4779,"previewUrl":39,"provider":72,"provider_metadata":5319,"created_at":4781,"updated_at":4782},{"thumbnail":5317},{"ext":97,"url":4772,"hash":4773,"mime":100,"name":4774,"path":39,"size":4775,"width":2073,"height":67,"provider_metadata":5318},{"public_id":4773,"resource_type":44},{"public_id":4777,"resource_type":44},"In the final part of this 3 part series, I will be looking at Aaron Draplin. This is probably the designer I have been following the longest and who has shaped how I design. ","2023-05-26T13:05:40.374Z","2026-04-27T15:55:06.426Z","inspiring-designers-aaron-draplin","2023-05-26T15:09:52.010Z","2023-06-10",[5327,5332,5335,5337,5378,5381,5383,5385,5424,5426,5428,5430,5469,5510,5549,5582,5584,5586,5627,5629,5655,5679,5716,5718,5755,5757,5785,5787,5826,5828,5860,5862,5893,5895,5934,5972],{"__component":269,"id":1272,"title":271,"blog_series":39,"post_link":5328},[5329,5330,5331],{"id":91,"title":4761,"slug":4786,"description":39,"blog_series":39},{"id":1693,"title":5089,"slug":5099,"description":39,"blog_series":39},{"id":1699,"title":5313,"slug":5323,"description":39,"blog_series":39},{"__component":23,"id":5333,"Text":5334},381,"### where did I find them?",{"__component":23,"id":2987,"Text":5336},"I was first introduced to Draplin when I was in college. He’s sort of the OG Graphic designer for my generation. He’s the co-founder and designer for [Field Notes](https://fieldnotesbrand.com/) that I am sure most of you would recognise:",{"__component":141,"id":1912,"Size":4089,"caption":5338,"Image":5339},"Field Notes",[5340],{"id":5341,"name":5342,"alternativeText":29,"caption":29,"width":5343,"height":5344,"formats":5345,"hash":5372,"ext":34,"mime":37,"size":5373,"url":5374,"previewUrl":39,"provider":72,"provider_metadata":5375,"created_at":5376,"updated_at":5377},246,"field-notes.png",1179,1174,{"large":5346,"small":5352,"medium":5359,"thumbnail":5366},{"ext":34,"url":5347,"hash":5348,"mime":37,"name":5349,"path":39,"size":5350,"width":41,"height":2023,"provider_metadata":5351},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685112655/large_field_notes_098b7c7090.png","large_field_notes_098b7c7090","large_field-notes.png",739.8,{"public_id":5348,"resource_type":44},{"ext":34,"url":5353,"hash":5354,"mime":37,"name":5355,"path":39,"size":5356,"width":50,"height":5357,"provider_metadata":5358},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685112657/small_field_notes_098b7c7090.png","small_field_notes_098b7c7090","small_field-notes.png",201.48,498,{"public_id":5354,"resource_type":44},{"ext":34,"url":5360,"hash":5361,"mime":37,"name":5362,"path":39,"size":5363,"width":58,"height":5364,"provider_metadata":5365},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685112656/medium_field_notes_098b7c7090.png","medium_field_notes_098b7c7090","medium_field-notes.png",432.61,747,{"public_id":5361,"resource_type":44},{"ext":34,"url":5367,"hash":5368,"mime":37,"name":5369,"path":39,"size":5370,"width":1655,"height":67,"provider_metadata":5371},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685112653/thumbnail_field_notes_098b7c7090.png","thumbnail_field_notes_098b7c7090","thumbnail_field-notes.png",22.09,{"public_id":5368,"resource_type":44},"field_notes_098b7c7090",636.06,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685112652/field_notes_098b7c7090.png",{"public_id":5372,"resource_type":44},"2023-05-26T14:50:57.997Z","2023-05-26T14:50:58.011Z",{"__component":23,"id":5379,"Text":5380},382,"In 2001 he won ‘Art director of the year’ award and his clients include Nike, Burton Snowboards, Esquire, Red Wing, Ford Motor Company and the Obama Administration.  \n\nIn 2004 he started his own company, [Draplin Design Co](http://draplin.com/)\n\nHe has done talks for TED and Google but also works with Skill share to help the rest of the design world. He’s known for clean, simple and truly original designs ",{"__component":23,"id":4202,"Text":5382},"### What do I like about them?",{"__component":23,"id":1817,"Text":5384},"Well, first of all, he’s just a really likeable guy! There’s nothing overly arrogant or snobby about him despite his success. \n\nSecondly, he finds inspiration from anywhere, which is something I feel I can relate to. If you watch any of his Youtube videos you’ll see that he just digs around and finds logos/designs anywhere and takes them as inspiration.\n\nDefinitely watch this video!\n\n[Logo design challenge](https://www.youtube.com/watch?v=gVUVUoXrPzM&ab_channel=LinkedInLearning)",{"__component":141,"id":957,"Size":4089,"caption":5386,"Image":5387},"Arron Draplin takes on Logo design challenge",[5388],{"id":3948,"name":5389,"alternativeText":29,"caption":29,"width":5390,"height":5391,"formats":5392,"hash":5418,"ext":34,"mime":37,"size":5419,"url":5420,"previewUrl":39,"provider":72,"provider_metadata":5421,"created_at":5422,"updated_at":5423},"Screenshot 2023-05-26 at 15.55.00.png",1412,1060,{"large":5393,"small":5400,"medium":5406,"thumbnail":5412},{"ext":34,"url":5394,"hash":5395,"mime":37,"name":5396,"path":39,"size":5397,"width":41,"height":5398,"provider_metadata":5399},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113003/large_Screenshot_2023_05_26_at_15_55_00_44ada5ec1e.png","large_Screenshot_2023_05_26_at_15_55_00_44ada5ec1e","large_Screenshot 2023-05-26 at 15.55.00.png",961.04,751,{"public_id":5395,"resource_type":44},{"ext":34,"url":5401,"hash":5402,"mime":37,"name":5403,"path":39,"size":5404,"width":50,"height":311,"provider_metadata":5405},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113005/small_Screenshot_2023_05_26_at_15_55_00_44ada5ec1e.png","small_Screenshot_2023_05_26_at_15_55_00_44ada5ec1e","small_Screenshot 2023-05-26 at 15.55.00.png",280.86,{"public_id":5402,"resource_type":44},{"ext":34,"url":5407,"hash":5408,"mime":37,"name":5409,"path":39,"size":5410,"width":58,"height":537,"provider_metadata":5411},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113004/medium_Screenshot_2023_05_26_at_15_55_00_44ada5ec1e.png","medium_Screenshot_2023_05_26_at_15_55_00_44ada5ec1e","medium_Screenshot 2023-05-26 at 15.55.00.png",578.84,{"public_id":5408,"resource_type":44},{"ext":34,"url":5413,"hash":5414,"mime":37,"name":5415,"path":39,"size":5416,"width":544,"height":67,"provider_metadata":5417},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113002/thumbnail_Screenshot_2023_05_26_at_15_55_00_44ada5ec1e.png","thumbnail_Screenshot_2023_05_26_at_15_55_00_44ada5ec1e","thumbnail_Screenshot 2023-05-26 at 15.55.00.png",63.12,{"public_id":5414,"resource_type":44},"Screenshot_2023_05_26_at_15_55_00_44ada5ec1e",1270.26,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113000/Screenshot_2023_05_26_at_15_55_00_44ada5ec1e.png",{"public_id":5418,"resource_type":44},"2023-05-26T14:56:46.307Z","2023-05-26T14:56:46.316Z",{"__component":23,"id":4660,"Text":5425},"And thirdly because he keeps things really simple! He doesn’t ‘over design’. He says it well himself, designs that work 40 years ago and still work today are the best designs. Which I know is hard in the digital world as we are constantly evolving but when it comes to stripped-back graphic design this is your man! I love that he considers the background and history of a brand project before he’s even thought about what it’s going to look like. The video above is all around great, you really see how he works, in a sketchbook, believe it or not, sketching and doodling and being generally creative! I’ve always walked around with a notebook in hand, as much as I love my computer and Adobe and Figma, there’s nothing like quickly jotting or drawing something down that comes to mind. Honestly, I watched this video when it first came out and all of it still resonates and helps me design. I love that he shows us who has inspired and helped him throughout his career as well. His method of working still feels refreshing and he never over complicates anything. Which is represented in his work:",{"__component":23,"id":288,"Text":5427},"### What do I like about their work?",{"__component":23,"id":3666,"Text":5429},"‘You can’t mess with a bedrock of how a logo works all over the world.’ Is something he says himself and why do I love this? because his point is that it’s never just a logo or a design, think where it’s going to be used, and who is going to see it. Will people understand it? We can use the same line of thinking for app designs. If it isn’t user-friendly or people don’t understand it then what is the point? It should be clear and simple and it should work in all different formats which all of Draplin's work does.\n\nHis own logo design is simple but memorable and instantly recognisable. I love how he creates bold designs. I find most of his work quite industrial in terms of colour but recently he has produced some pretty eye-catching vibrant pieces:",{"__component":141,"id":777,"Size":4089,"caption":5431,"Image":5432},"Draplin Design Co Logo",[5433],{"id":5434,"name":5435,"alternativeText":29,"caption":29,"width":5436,"height":5437,"formats":5438,"hash":5463,"ext":34,"mime":37,"size":5464,"url":5465,"previewUrl":39,"provider":72,"provider_metadata":5466,"created_at":5467,"updated_at":5468},248,"Screenshot 2023-05-26 at 13.58.24.png",1154,1156,{"large":5439,"small":5445,"medium":5451,"thumbnail":5457},{"ext":34,"url":5440,"hash":5441,"mime":37,"name":5442,"path":39,"size":5443,"width":157,"height":41,"provider_metadata":5444},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113110/large_Screenshot_2023_05_26_at_13_58_24_7dc4f2e1ca.png","large_Screenshot_2023_05_26_at_13_58_24_7dc4f2e1ca","large_Screenshot 2023-05-26 at 13.58.24.png",72.35,{"public_id":5441,"resource_type":44},{"ext":34,"url":5446,"hash":5447,"mime":37,"name":5448,"path":39,"size":5449,"width":164,"height":50,"provider_metadata":5450},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113112/small_Screenshot_2023_05_26_at_13_58_24_7dc4f2e1ca.png","small_Screenshot_2023_05_26_at_13_58_24_7dc4f2e1ca","small_Screenshot 2023-05-26 at 13.58.24.png",22.62,{"public_id":5447,"resource_type":44},{"ext":34,"url":5452,"hash":5453,"mime":37,"name":5454,"path":39,"size":5455,"width":171,"height":58,"provider_metadata":5456},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113111/medium_Screenshot_2023_05_26_at_13_58_24_7dc4f2e1ca.png","medium_Screenshot_2023_05_26_at_13_58_24_7dc4f2e1ca","medium_Screenshot 2023-05-26 at 13.58.24.png",45.24,{"public_id":5453,"resource_type":44},{"ext":34,"url":5458,"hash":5459,"mime":37,"name":5460,"path":39,"size":5461,"width":67,"height":67,"provider_metadata":5462},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113109/thumbnail_Screenshot_2023_05_26_at_13_58_24_7dc4f2e1ca.png","thumbnail_Screenshot_2023_05_26_at_13_58_24_7dc4f2e1ca","thumbnail_Screenshot 2023-05-26 at 13.58.24.png",5.48,{"public_id":5459,"resource_type":44},"Screenshot_2023_05_26_at_13_58_24_7dc4f2e1ca",69.67,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113108/Screenshot_2023_05_26_at_13_58_24_7dc4f2e1ca.png",{"public_id":5463,"resource_type":44},"2023-05-26T14:58:32.494Z","2023-05-26T14:58:32.502Z",{"__component":141,"id":1925,"Size":4089,"caption":5470,"Image":5471},"Draplin Design",[5472],{"id":5473,"name":5474,"alternativeText":29,"caption":29,"width":5343,"height":5475,"formats":5476,"hash":5504,"ext":34,"mime":37,"size":5505,"url":5506,"previewUrl":39,"provider":72,"provider_metadata":5507,"created_at":5508,"updated_at":5509},249,"draplin1.png",1163,{"large":5477,"small":5484,"medium":5491,"thumbnail":5498},{"ext":34,"url":5478,"hash":5479,"mime":37,"name":5480,"path":39,"size":5481,"width":41,"height":5482,"provider_metadata":5483},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113138/large_draplin1_d9c15b6c1e.png","large_draplin1_d9c15b6c1e","large_draplin1.png",638.57,986,{"public_id":5479,"resource_type":44},{"ext":34,"url":5485,"hash":5486,"mime":37,"name":5487,"path":39,"size":5488,"width":50,"height":5489,"provider_metadata":5490},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113140/small_draplin1_d9c15b6c1e.png","small_draplin1_d9c15b6c1e","small_draplin1.png",180.23,493,{"public_id":5486,"resource_type":44},{"ext":34,"url":5492,"hash":5493,"mime":37,"name":5494,"path":39,"size":5495,"width":58,"height":5496,"provider_metadata":5497},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113139/medium_draplin1_d9c15b6c1e.png","medium_draplin1_d9c15b6c1e","medium_draplin1.png",377.32,740,{"public_id":5493,"resource_type":44},{"ext":34,"url":5499,"hash":5500,"mime":37,"name":5501,"path":39,"size":5502,"width":1660,"height":67,"provider_metadata":5503},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113137/thumbnail_draplin1_d9c15b6c1e.png","thumbnail_draplin1_d9c15b6c1e","thumbnail_draplin1.png",25.04,{"public_id":5500,"resource_type":44},"draplin1_d9c15b6c1e",622.66,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113136/draplin1_d9c15b6c1e.png",{"public_id":5504,"resource_type":44},"2023-05-26T14:59:01.332Z","2023-05-26T14:59:01.340Z",{"__component":141,"id":867,"Size":4089,"caption":5470,"Image":5511},[5512],{"id":304,"name":5513,"alternativeText":29,"caption":29,"width":5343,"height":5514,"formats":5515,"hash":5543,"ext":34,"mime":37,"size":5544,"url":5545,"previewUrl":39,"provider":72,"provider_metadata":5546,"created_at":5547,"updated_at":5548},"draplin4.png",1172,{"large":5516,"small":5523,"medium":5530,"thumbnail":5537},{"ext":34,"url":5517,"hash":5518,"mime":37,"name":5519,"path":39,"size":5520,"width":41,"height":5521,"provider_metadata":5522},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113161/large_draplin4_ab3b92077d.png","large_draplin4_ab3b92077d","large_draplin4.png",294.29,994,{"public_id":5518,"resource_type":44},{"ext":34,"url":5524,"hash":5525,"mime":37,"name":5526,"path":39,"size":5527,"width":50,"height":5528,"provider_metadata":5529},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113163/small_draplin4_ab3b92077d.png","small_draplin4_ab3b92077d","small_draplin4.png",84.5,497,{"public_id":5525,"resource_type":44},{"ext":34,"url":5531,"hash":5532,"mime":37,"name":5533,"path":39,"size":5534,"width":58,"height":5535,"provider_metadata":5536},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113162/medium_draplin4_ab3b92077d.png","medium_draplin4_ab3b92077d","medium_draplin4.png",175.53,746,{"public_id":5532,"resource_type":44},{"ext":34,"url":5538,"hash":5539,"mime":37,"name":5540,"path":39,"size":5541,"width":1655,"height":67,"provider_metadata":5542},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113160/thumbnail_draplin4_ab3b92077d.png","thumbnail_draplin4_ab3b92077d","thumbnail_draplin4.png",12.47,{"public_id":5539,"resource_type":44},"draplin4_ab3b92077d",266.62,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113159/draplin4_ab3b92077d.png",{"public_id":5543,"resource_type":44},"2023-05-26T14:59:24.075Z","2023-05-26T14:59:24.083Z",{"__component":141,"id":1592,"Size":4089,"caption":5470,"Image":5550},[5551],{"id":5552,"name":5553,"alternativeText":29,"caption":29,"width":5554,"height":4483,"formats":5555,"hash":5576,"ext":34,"mime":37,"size":5577,"url":5578,"previewUrl":39,"provider":72,"provider_metadata":5579,"created_at":5580,"updated_at":5581},251,"Screenshot 2023-05-26 at 14.03.02.png",782,{"small":5556,"medium":5563,"thumbnail":5570},{"ext":34,"url":5557,"hash":5558,"mime":37,"name":5559,"path":39,"size":5560,"width":50,"height":5561,"provider_metadata":5562},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113189/small_Screenshot_2023_05_26_at_14_03_02_7f18725775.png","small_Screenshot_2023_05_26_at_14_03_02_7f18725775","small_Screenshot 2023-05-26 at 14.03.02.png",384.91,491,{"public_id":5558,"resource_type":44},{"ext":34,"url":5564,"hash":5565,"mime":37,"name":5566,"path":39,"size":5567,"width":58,"height":5568,"provider_metadata":5569},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113187/medium_Screenshot_2023_05_26_at_14_03_02_7f18725775.png","medium_Screenshot_2023_05_26_at_14_03_02_7f18725775","medium_Screenshot 2023-05-26 at 14.03.02.png",930.42,737,{"public_id":5565,"resource_type":44},{"ext":34,"url":5571,"hash":5572,"mime":37,"name":5573,"path":39,"size":5574,"width":1672,"height":67,"provider_metadata":5575},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113186/thumbnail_Screenshot_2023_05_26_at_14_03_02_7f18725775.png","thumbnail_Screenshot_2023_05_26_at_14_03_02_7f18725775","thumbnail_Screenshot 2023-05-26 at 14.03.02.png",41.67,{"public_id":5572,"resource_type":44},"Screenshot_2023_05_26_at_14_03_02_7f18725775",804.8,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113185/Screenshot_2023_05_26_at_14_03_02_7f18725775.png",{"public_id":5576,"resource_type":44},"2023-05-26T14:59:49.543Z","2023-05-26T14:59:49.552Z",{"__component":23,"id":2858,"Text":5583},"### My Interpretation\n",{"__component":23,"id":3718,"Text":5585},"As per the other posts, I am creating my own interpretation of a Draplin logo. I used the same approach that he does in the video above. I only spent an hour creating this logo but his method is one I have and always will use. \n\nWhat is the logo for? As this was just for fun I figured I would create a logo for my new side hustle. It’s become apparent that I am really good at fitting objects in spaces that others struggle to. For instance, when I moved into my new home I watched 4 of my mates attempt to get a chest of drawers up the stairs, I waited until they gave up and then manoeuvred it up the stairs pretty easily myself, much to their disgust/admiration. The other day my pal was trying to squeeze a microwave into a small space in her kitchen, after hours of attempts she gave up and was about to put the microwave up on Marketplace, calling it a defeat. Until I walked in and within 30 seconds it was in place. Now look, I am not saying I have a gift but…maybe I do, and is this gift wasted? Quite possibly. It’s now been decided amongst my group that I should become a removal specialist, and I am not going to argue with that. We decided it should be called ‘She Can’ - brilliant huh.\n\nSo I started as Draplin does, sketching out some ideas, lower case/ upper case etc. I started to think of tetris and fitting objects into spaces:",{"__component":141,"id":1967,"Size":4089,"caption":5587,"Image":5588},"My quick sketches",[5589],{"id":5590,"name":5591,"alternativeText":29,"caption":29,"width":5592,"height":1015,"formats":5593,"hash":5621,"ext":3437,"mime":100,"size":5622,"url":5623,"previewUrl":39,"provider":72,"provider_metadata":5624,"created_at":5625,"updated_at":5626},252,"sketch.jpg",3024,{"large":5594,"small":5601,"medium":5608,"thumbnail":5615},{"ext":3437,"url":5595,"hash":5596,"mime":100,"name":5597,"path":39,"size":5598,"width":5599,"height":41,"provider_metadata":5600},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113246/large_sketch_952f145965.jpg","large_sketch_952f145965","large_sketch.jpg",95.89,936,{"public_id":5596,"resource_type":44},{"ext":3437,"url":5602,"hash":5603,"mime":100,"name":5604,"path":39,"size":5605,"width":5606,"height":50,"provider_metadata":5607},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113248/small_sketch_952f145965.jpg","small_sketch_952f145965","small_sketch.jpg",31.34,468,{"public_id":5603,"resource_type":44},{"ext":3437,"url":5609,"hash":5610,"mime":100,"name":5611,"path":39,"size":5612,"width":5613,"height":58,"provider_metadata":5614},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113247/medium_sketch_952f145965.jpg","medium_sketch_952f145965","medium_sketch.jpg",58.78,702,{"public_id":5610,"resource_type":44},{"ext":3437,"url":5616,"hash":5617,"mime":100,"name":5618,"path":39,"size":5619,"width":1579,"height":67,"provider_metadata":5620},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113245/thumbnail_sketch_952f145965.jpg","thumbnail_sketch_952f145965","thumbnail_sketch.jpg",5.02,{"public_id":5617,"resource_type":44},"sketch_952f145965",593.34,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113244/sketch_952f145965.jpg",{"public_id":5621,"resource_type":44},"2023-05-26T15:00:48.730Z","2023-05-26T15:00:48.740Z",{"__component":23,"id":521,"Text":5628},"I then took those designs and started to play around in Illustrator creating the font and moving parts around and generally just having a play. I started with the idea of a tetrus like look or the words in boxes like a stacking effect. So I created a really boxy looking font using shapes:",{"__component":141,"id":239,"Size":4089,"caption":39,"Image":5630},[5631],{"id":5632,"name":5633,"alternativeText":29,"caption":29,"width":2910,"height":5634,"formats":5635,"hash":5649,"ext":34,"mime":37,"size":5650,"url":5651,"previewUrl":39,"provider":72,"provider_metadata":5652,"created_at":5653,"updated_at":5654},253,"Screenshot 2023-05-26 at 15.16.15.png",622,{"small":5636,"thumbnail":5643},{"ext":34,"url":5637,"hash":5638,"mime":37,"name":5639,"path":39,"size":5640,"width":50,"height":5641,"provider_metadata":5642},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113312/small_Screenshot_2023_05_26_at_15_16_15_2d73ecc792.png","small_Screenshot_2023_05_26_at_15_16_15_2d73ecc792","small_Screenshot 2023-05-26 at 15.16.15.png",40.02,434,{"public_id":5638,"resource_type":44},{"ext":34,"url":5644,"hash":5645,"mime":37,"name":5646,"path":39,"size":5647,"width":598,"height":67,"provider_metadata":5648},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113312/thumbnail_Screenshot_2023_05_26_at_15_16_15_2d73ecc792.png","thumbnail_Screenshot_2023_05_26_at_15_16_15_2d73ecc792","thumbnail_Screenshot 2023-05-26 at 15.16.15.png",15.5,{"public_id":5645,"resource_type":44},"Screenshot_2023_05_26_at_15_16_15_2d73ecc792",19.15,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113311/Screenshot_2023_05_26_at_15_16_15_2d73ecc792.png",{"public_id":5649,"resource_type":44},"2023-05-26T15:01:53.351Z","2023-05-26T15:01:53.359Z",{"__component":141,"id":147,"Size":4089,"caption":39,"Image":5656},[5657],{"id":5658,"name":5659,"alternativeText":29,"caption":29,"width":2543,"height":110,"formats":5660,"hash":5673,"ext":34,"mime":37,"size":5674,"url":5675,"previewUrl":39,"provider":72,"provider_metadata":5676,"created_at":5677,"updated_at":5678},254,"Screenshot 2023-05-26 at 15.16.51.png",{"small":5661,"thumbnail":5667},{"ext":34,"url":5662,"hash":5663,"mime":37,"name":5664,"path":39,"size":5665,"width":50,"height":860,"provider_metadata":5666},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113327/small_Screenshot_2023_05_26_at_15_16_51_3dce1b634e.png","small_Screenshot_2023_05_26_at_15_16_51_3dce1b634e","small_Screenshot 2023-05-26 at 15.16.51.png",14.96,{"public_id":5663,"resource_type":44},{"ext":34,"url":5668,"hash":5669,"mime":37,"name":5670,"path":39,"size":5671,"width":921,"height":67,"provider_metadata":5672},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113327/thumbnail_Screenshot_2023_05_26_at_15_16_51_3dce1b634e.png","thumbnail_Screenshot_2023_05_26_at_15_16_51_3dce1b634e","thumbnail_Screenshot 2023-05-26 at 15.16.51.png",5.36,{"public_id":5669,"resource_type":44},"Screenshot_2023_05_26_at_15_16_51_3dce1b634e",9.78,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113326/Screenshot_2023_05_26_at_15_16_51_3dce1b634e.png",{"public_id":5673,"resource_type":44},"2023-05-26T15:02:08.222Z","2023-05-26T15:02:08.229Z",{"__component":141,"id":193,"Size":4089,"caption":39,"Image":5680},[5681],{"id":5682,"name":5683,"alternativeText":29,"caption":29,"width":5684,"height":5685,"formats":5686,"hash":5710,"ext":34,"mime":37,"size":5711,"url":5712,"previewUrl":39,"provider":72,"provider_metadata":5713,"created_at":5714,"updated_at":5715},255,"Screenshot 2023-05-26 at 15.17.15.png",1224,506,{"large":5687,"small":5693,"medium":5698,"thumbnail":5704},{"ext":34,"url":5688,"hash":5689,"mime":37,"name":5690,"path":39,"size":5691,"width":41,"height":4727,"provider_metadata":5692},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113342/large_Screenshot_2023_05_26_at_15_17_15_d563a9fa14.png","large_Screenshot_2023_05_26_at_15_17_15_d563a9fa14","large_Screenshot 2023-05-26 at 15.17.15.png",45.06,{"public_id":5689,"resource_type":44},{"ext":34,"url":5694,"hash":5695,"mime":37,"name":5696,"path":39,"size":1520,"width":50,"height":1266,"provider_metadata":5697},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113343/small_Screenshot_2023_05_26_at_15_17_15_d563a9fa14.png","small_Screenshot_2023_05_26_at_15_17_15_d563a9fa14","small_Screenshot 2023-05-26 at 15.17.15.png",{"public_id":5695,"resource_type":44},{"ext":34,"url":5699,"hash":5700,"mime":37,"name":5701,"path":39,"size":5702,"width":58,"height":2917,"provider_metadata":5703},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113343/medium_Screenshot_2023_05_26_at_15_17_15_d563a9fa14.png","medium_Screenshot_2023_05_26_at_15_17_15_d563a9fa14","medium_Screenshot 2023-05-26 at 15.17.15.png",31.69,{"public_id":5700,"resource_type":44},{"ext":34,"url":5705,"hash":5706,"mime":37,"name":5707,"path":39,"size":5708,"width":256,"height":1214,"provider_metadata":5709},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113341/thumbnail_Screenshot_2023_05_26_at_15_17_15_d563a9fa14.png","thumbnail_Screenshot_2023_05_26_at_15_17_15_d563a9fa14","thumbnail_Screenshot 2023-05-26 at 15.17.15.png",9.57,{"public_id":5706,"resource_type":44},"Screenshot_2023_05_26_at_15_17_15_d563a9fa14",26.19,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113340/Screenshot_2023_05_26_at_15_17_15_d563a9fa14.png",{"public_id":5710,"resource_type":44},"2023-05-26T15:02:24.116Z","2023-05-26T15:02:24.125Z",{"__component":23,"id":1280,"Text":5717},"It’s looking OK but it’s not ‘it’. So I decided I wanted the font to be thicker and bolder - I think removals I think bulky! ",{"__component":141,"id":2063,"Size":4089,"caption":39,"Image":5719},[5720],{"id":5721,"name":5722,"alternativeText":29,"caption":29,"width":1229,"height":3124,"formats":5723,"hash":5749,"ext":34,"mime":37,"size":5750,"url":5751,"previewUrl":39,"provider":72,"provider_metadata":5752,"created_at":5753,"updated_at":5754},256,"Screenshot 2023-05-26 at 15.20.23.png",{"large":5724,"small":5731,"medium":5736,"thumbnail":5743},{"ext":34,"url":5725,"hash":5726,"mime":37,"name":5727,"path":39,"size":5728,"width":41,"height":5729,"provider_metadata":5730},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113380/large_Screenshot_2023_05_26_at_15_20_23_ccab2a167a.png","large_Screenshot_2023_05_26_at_15_20_23_ccab2a167a","large_Screenshot 2023-05-26 at 15.20.23.png",34.04,858,{"public_id":5726,"resource_type":44},{"ext":34,"url":5732,"hash":5733,"mime":37,"name":5734,"path":39,"size":4215,"width":50,"height":3442,"provider_metadata":5735},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113381/small_Screenshot_2023_05_26_at_15_20_23_ccab2a167a.png","small_Screenshot_2023_05_26_at_15_20_23_ccab2a167a","small_Screenshot 2023-05-26 at 15.20.23.png",{"public_id":5733,"resource_type":44},{"ext":34,"url":5737,"hash":5738,"mime":37,"name":5739,"path":39,"size":5740,"width":58,"height":5741,"provider_metadata":5742},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113381/medium_Screenshot_2023_05_26_at_15_20_23_ccab2a167a.png","medium_Screenshot_2023_05_26_at_15_20_23_ccab2a167a","medium_Screenshot 2023-05-26 at 15.20.23.png",22.2,644,{"public_id":5738,"resource_type":44},{"ext":34,"url":5744,"hash":5745,"mime":37,"name":5746,"path":39,"size":5747,"width":650,"height":67,"provider_metadata":5748},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113379/thumbnail_Screenshot_2023_05_26_at_15_20_23_ccab2a167a.png","thumbnail_Screenshot_2023_05_26_at_15_20_23_ccab2a167a","thumbnail_Screenshot 2023-05-26 at 15.20.23.png",4.95,{"public_id":5745,"resource_type":44},"Screenshot_2023_05_26_at_15_20_23_ccab2a167a",31.06,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113378/Screenshot_2023_05_26_at_15_20_23_ccab2a167a.png",{"public_id":5749,"resource_type":44},"2023-05-26T15:03:02.690Z","2023-05-26T15:03:02.701Z",{"__component":23,"id":1496,"Text":5756},"As I hadn’t flattened my shapes yet, when I enlarged everything I was left with this kind of disjointed font which I quite liked as it worked with the ‘slotting in’ idea but it wasn’t again quite hitting the sweet spot. So I played around with straightening the font but keeping it bold and moving the position of the words around slightly.",{"__component":141,"id":2068,"Size":4089,"caption":39,"Image":5758},[5759],{"id":1244,"name":5760,"alternativeText":29,"caption":29,"width":94,"height":24,"formats":5761,"hash":5779,"ext":34,"mime":37,"size":5780,"url":5781,"previewUrl":39,"provider":72,"provider_metadata":5782,"created_at":5783,"updated_at":5784},"Screenshot 2023-05-26 at 15.21.54.png",{"small":5762,"medium":5768,"thumbnail":5773},{"ext":34,"url":5763,"hash":5764,"mime":37,"name":5765,"path":39,"size":5766,"width":50,"height":436,"provider_metadata":5767},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113423/small_Screenshot_2023_05_26_at_15_21_54_d0f88aef07.png","small_Screenshot_2023_05_26_at_15_21_54_d0f88aef07","small_Screenshot 2023-05-26 at 15.21.54.png",13.07,{"public_id":5764,"resource_type":44},{"ext":34,"url":5769,"hash":5770,"mime":37,"name":5771,"path":39,"size":4460,"width":58,"height":1994,"provider_metadata":5772},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113422/medium_Screenshot_2023_05_26_at_15_21_54_d0f88aef07.png","medium_Screenshot_2023_05_26_at_15_21_54_d0f88aef07","medium_Screenshot 2023-05-26 at 15.21.54.png",{"public_id":5770,"resource_type":44},{"ext":34,"url":5774,"hash":5775,"mime":37,"name":5776,"path":39,"size":5777,"width":256,"height":445,"provider_metadata":5778},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113421/thumbnail_Screenshot_2023_05_26_at_15_21_54_d0f88aef07.png","thumbnail_Screenshot_2023_05_26_at_15_21_54_d0f88aef07","thumbnail_Screenshot 2023-05-26 at 15.21.54.png",7.72,{"public_id":5775,"resource_type":44},"Screenshot_2023_05_26_at_15_21_54_d0f88aef07",13.91,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113420/Screenshot_2023_05_26_at_15_21_54_d0f88aef07.png",{"public_id":5779,"resource_type":44},"2023-05-26T15:03:43.473Z","2023-05-26T15:03:43.481Z",{"__component":23,"id":1731,"Text":5786},"I was preferring the bulkiness but I wasn’t liking the disjointedness of it all. Actually, my aim as a specialist should be to get everything to fit nicely! And so I took my new bulky font and I popped it in a box (like a removals person might do) and I made sure all the spacing was all the same size around the logo as well as in between. I used the same width of the font for the outer space and then half of that between the letters horizontally and vertically. ",{"__component":141,"id":2073,"Size":4089,"caption":39,"Image":5788},[5789],{"id":2677,"name":5790,"alternativeText":29,"caption":29,"width":5791,"height":5792,"formats":5793,"hash":5821,"ext":34,"mime":37,"size":949,"url":5822,"previewUrl":39,"provider":72,"provider_metadata":5823,"created_at":5824,"updated_at":5825},"Screenshot 2023-05-26 at 15.26.08.png",1296,1206,{"large":5794,"small":5801,"medium":5808,"thumbnail":5815},{"ext":34,"url":5795,"hash":5796,"mime":37,"name":5797,"path":39,"size":5798,"width":41,"height":5799,"provider_metadata":5800},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113465/large_Screenshot_2023_05_26_at_15_26_08_d1ada6ca84.png","large_Screenshot_2023_05_26_at_15_26_08_d1ada6ca84","large_Screenshot 2023-05-26 at 15.26.08.png",41.29,931,{"public_id":5796,"resource_type":44},{"ext":34,"url":5802,"hash":5803,"mime":37,"name":5804,"path":39,"size":5805,"width":50,"height":5806,"provider_metadata":5807},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113467/small_Screenshot_2023_05_26_at_15_26_08_d1ada6ca84.png","small_Screenshot_2023_05_26_at_15_26_08_d1ada6ca84","small_Screenshot 2023-05-26 at 15.26.08.png",19.17,465,{"public_id":5803,"resource_type":44},{"ext":34,"url":5809,"hash":5810,"mime":37,"name":5811,"path":39,"size":5812,"width":58,"height":5813,"provider_metadata":5814},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113466/medium_Screenshot_2023_05_26_at_15_26_08_d1ada6ca84.png","medium_Screenshot_2023_05_26_at_15_26_08_d1ada6ca84","medium_Screenshot 2023-05-26 at 15.26.08.png",29.35,698,{"public_id":5810,"resource_type":44},{"ext":34,"url":5816,"hash":5817,"mime":37,"name":5818,"path":39,"size":5819,"width":1722,"height":67,"provider_metadata":5820},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113464/thumbnail_Screenshot_2023_05_26_at_15_26_08_d1ada6ca84.png","thumbnail_Screenshot_2023_05_26_at_15_26_08_d1ada6ca84","thumbnail_Screenshot 2023-05-26 at 15.26.08.png",8.29,{"public_id":5817,"resource_type":44},"Screenshot_2023_05_26_at_15_26_08_d1ada6ca84","https://res.cloudinary.com/djyjvrw5u/image/upload/v1685113463/Screenshot_2023_05_26_at_15_26_08_d1ada6ca84.png",{"public_id":5821,"resource_type":44},"2023-05-26T15:04:27.424Z","2023-05-26T15:04:27.432Z",{"__component":23,"id":2148,"Text":5827},"I was liking this, I just need to add my tag line…",{"__component":141,"id":2078,"Size":4089,"caption":39,"Image":5829},[5830],{"id":1810,"name":5831,"alternativeText":29,"caption":29,"width":5832,"height":5833,"formats":5834,"hash":5854,"ext":34,"mime":37,"size":5855,"url":5856,"previewUrl":39,"provider":72,"provider_metadata":5857,"created_at":5858,"updated_at":5859},"Screenshot 2023-05-26 at 16.22.15.png",884,918,{"small":5835,"medium":5841,"thumbnail":5848},{"ext":34,"url":5836,"hash":5837,"mime":37,"name":5838,"path":39,"size":5839,"width":3103,"height":50,"provider_metadata":5840},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114549/small_Screenshot_2023_05_26_at_16_22_15_a9d305177e.png","small_Screenshot_2023_05_26_at_16_22_15_a9d305177e","small_Screenshot 2023-05-26 at 16.22.15.png",23.2,{"public_id":5837,"resource_type":44},{"ext":34,"url":5842,"hash":5843,"mime":37,"name":5844,"path":39,"size":5845,"width":5846,"height":58,"provider_metadata":5847},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114548/medium_Screenshot_2023_05_26_at_16_22_15_a9d305177e.png","medium_Screenshot_2023_05_26_at_16_22_15_a9d305177e","medium_Screenshot 2023-05-26 at 16.22.15.png",36.93,722,{"public_id":5843,"resource_type":44},{"ext":34,"url":5849,"hash":5850,"mime":37,"name":5851,"path":39,"size":5852,"width":2145,"height":67,"provider_metadata":5853},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114547/thumbnail_Screenshot_2023_05_26_at_16_22_15_a9d305177e.png","thumbnail_Screenshot_2023_05_26_at_16_22_15_a9d305177e","thumbnail_Screenshot 2023-05-26 at 16.22.15.png",7.09,{"public_id":5850,"resource_type":44},"Screenshot_2023_05_26_at_16_22_15_a9d305177e",29.55,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114546/Screenshot_2023_05_26_at_16_22_15_a9d305177e.png",{"public_id":5854,"resource_type":44},"2023-05-26T15:22:29.812Z","2023-05-26T15:22:29.822Z",{"__component":23,"id":2307,"Text":5861},"I like it, maybe we can make it pop a little more though with some colour. Although a good logo traditionally should always work well in just black and white, we can afford to have a little fun.",{"__component":141,"id":2083,"Size":4089,"caption":39,"Image":5863},[5864],{"id":5865,"name":5866,"alternativeText":29,"caption":29,"width":5867,"height":5832,"formats":5868,"hash":5887,"ext":34,"mime":37,"size":5888,"url":5889,"previewUrl":39,"provider":72,"provider_metadata":5890,"created_at":5891,"updated_at":5892},265,"Screenshot 2023-05-26 at 16.23.20.png",828,{"small":5869,"medium":5875,"thumbnail":5881},{"ext":34,"url":5870,"hash":5871,"mime":37,"name":5872,"path":39,"size":5873,"width":5606,"height":50,"provider_metadata":5874},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114614/small_Screenshot_2023_05_26_at_16_23_20_8307efb463.png","small_Screenshot_2023_05_26_at_16_23_20_8307efb463","small_Screenshot 2023-05-26 at 16.23.20.png",24.72,{"public_id":5871,"resource_type":44},{"ext":34,"url":5876,"hash":5877,"mime":37,"name":5878,"path":39,"size":5879,"width":5613,"height":58,"provider_metadata":5880},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114613/medium_Screenshot_2023_05_26_at_16_23_20_8307efb463.png","medium_Screenshot_2023_05_26_at_16_23_20_8307efb463","medium_Screenshot 2023-05-26 at 16.23.20.png",39.85,{"public_id":5877,"resource_type":44},{"ext":34,"url":5882,"hash":5883,"mime":37,"name":5884,"path":39,"size":5885,"width":1579,"height":67,"provider_metadata":5886},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114612/thumbnail_Screenshot_2023_05_26_at_16_23_20_8307efb463.png","thumbnail_Screenshot_2023_05_26_at_16_23_20_8307efb463","thumbnail_Screenshot 2023-05-26 at 16.23.20.png",7.46,{"public_id":5883,"resource_type":44},"Screenshot_2023_05_26_at_16_23_20_8307efb463",30.56,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114611/Screenshot_2023_05_26_at_16_23_20_8307efb463.png",{"public_id":5887,"resource_type":44},"2023-05-26T15:23:34.932Z","2023-05-26T15:23:34.940Z",{"__component":23,"id":1169,"Text":5894},"And there we have it, for an hours work, not too bad! I am sure if I played around for a couple days I could get something pretty epic, but the point is to show the working method. And I like it! It would work small like on instagram or large - like on the side of a removals van. ",{"__component":141,"id":1579,"Size":4089,"caption":39,"Image":5896},[5897],{"id":384,"name":5898,"alternativeText":29,"caption":29,"width":5899,"height":5900,"formats":5901,"hash":5928,"ext":34,"mime":37,"size":5929,"url":5930,"previewUrl":39,"provider":72,"provider_metadata":5931,"created_at":5932,"updated_at":5933},"Screenshot 2023-05-26 at 16.27.20.png",2642,1594,{"large":5902,"small":5909,"medium":5915,"thumbnail":5922},{"ext":34,"url":5903,"hash":5904,"mime":37,"name":5905,"path":39,"size":5906,"width":41,"height":5907,"provider_metadata":5908},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114861/large_Screenshot_2023_05_26_at_16_27_20_135e8291d2.png","large_Screenshot_2023_05_26_at_16_27_20_135e8291d2","large_Screenshot 2023-05-26 at 16.27.20.png",538.32,603,{"public_id":5904,"resource_type":44},{"ext":34,"url":5910,"hash":5911,"mime":37,"name":5912,"path":39,"size":5913,"width":50,"height":249,"provider_metadata":5914},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114863/small_Screenshot_2023_05_26_at_16_27_20_135e8291d2.png","small_Screenshot_2023_05_26_at_16_27_20_135e8291d2","small_Screenshot 2023-05-26 at 16.27.20.png",149.87,{"public_id":5911,"resource_type":44},{"ext":34,"url":5916,"hash":5917,"mime":37,"name":5918,"path":39,"size":5919,"width":58,"height":5920,"provider_metadata":5921},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114862/medium_Screenshot_2023_05_26_at_16_27_20_135e8291d2.png","medium_Screenshot_2023_05_26_at_16_27_20_135e8291d2","medium_Screenshot 2023-05-26 at 16.27.20.png",308.33,452,{"public_id":5917,"resource_type":44},{"ext":34,"url":5923,"hash":5924,"mime":37,"name":5925,"path":39,"size":5926,"width":256,"height":257,"provider_metadata":5927},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114860/thumbnail_Screenshot_2023_05_26_at_16_27_20_135e8291d2.png","thumbnail_Screenshot_2023_05_26_at_16_27_20_135e8291d2","thumbnail_Screenshot 2023-05-26 at 16.27.20.png",46.58,{"public_id":5924,"resource_type":44},"Screenshot_2023_05_26_at_16_27_20_135e8291d2",5201.55,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114858/Screenshot_2023_05_26_at_16_27_20_135e8291d2.png",{"public_id":5928,"resource_type":44},"2023-05-26T15:27:44.185Z","2023-05-26T15:27:44.193Z",{"__component":141,"id":2092,"Size":4089,"caption":39,"Image":5935},[5936],{"id":3138,"name":5937,"alternativeText":29,"caption":29,"width":5938,"height":5939,"formats":5940,"hash":5966,"ext":34,"mime":37,"size":5967,"url":5968,"previewUrl":39,"provider":72,"provider_metadata":5969,"created_at":5970,"updated_at":5971},"Screenshot 2023-05-26 at 16.28.26.png",1498,1500,{"large":5941,"small":5948,"medium":5954,"thumbnail":5960},{"ext":34,"url":5942,"hash":5943,"mime":37,"name":5944,"path":39,"size":5945,"width":5946,"height":41,"provider_metadata":5947},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114920/large_Screenshot_2023_05_26_at_16_28_26_cd66128ef4.png","large_Screenshot_2023_05_26_at_16_28_26_cd66128ef4","large_Screenshot 2023-05-26 at 16.28.26.png",1114.4,999,{"public_id":5943,"resource_type":44},{"ext":34,"url":5949,"hash":5950,"mime":37,"name":5951,"path":39,"size":5952,"width":164,"height":50,"provider_metadata":5953},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114923/small_Screenshot_2023_05_26_at_16_28_26_cd66128ef4.png","small_Screenshot_2023_05_26_at_16_28_26_cd66128ef4","small_Screenshot 2023-05-26 at 16.28.26.png",225.91,{"public_id":5950,"resource_type":44},{"ext":34,"url":5955,"hash":5956,"mime":37,"name":5957,"path":39,"size":5958,"width":171,"height":58,"provider_metadata":5959},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114922/medium_Screenshot_2023_05_26_at_16_28_26_cd66128ef4.png","medium_Screenshot_2023_05_26_at_16_28_26_cd66128ef4","medium_Screenshot 2023-05-26 at 16.28.26.png",558.9,{"public_id":5956,"resource_type":44},{"ext":34,"url":5961,"hash":5962,"mime":37,"name":5963,"path":39,"size":5964,"width":67,"height":67,"provider_metadata":5965},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114919/thumbnail_Screenshot_2023_05_26_at_16_28_26_cd66128ef4.png","thumbnail_Screenshot_2023_05_26_at_16_28_26_cd66128ef4","thumbnail_Screenshot 2023-05-26 at 16.28.26.png",28.63,{"public_id":5962,"resource_type":44},"Screenshot_2023_05_26_at_16_28_26_cd66128ef4",2609.62,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1685114918/Screenshot_2023_05_26_at_16_28_26_cd66128ef4.png",{"public_id":5966,"resource_type":44},"2023-05-26T15:28:43.534Z","2023-05-26T15:28:43.548Z",{"__component":23,"id":724,"Text":5973},"So get doodling!! And lemme know if you need something squished in somewhere.",{"id":1876,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":5975,"hash":5991,"ext":34,"mime":37,"size":5992,"url":5993,"previewUrl":39,"provider":72,"provider_metadata":5994,"created_at":5995,"updated_at":5995},{"small":5976,"medium":5981,"thumbnail":5986},{"ext":34,"url":5977,"hash":5978,"mime":37,"name":302,"path":39,"size":5979,"width":50,"height":311,"provider_metadata":5980},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777305305/small_nano_final_c1a49f73cf.png","small_nano_final_c1a49f73cf",347.85,{"public_id":5978,"resource_type":44},{"ext":34,"url":5982,"hash":5983,"mime":37,"name":309,"path":39,"size":5984,"width":58,"height":537,"provider_metadata":5985},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777305304/medium_nano_final_c1a49f73cf.png","medium_nano_final_c1a49f73cf",831.56,{"public_id":5983,"resource_type":44},{"ext":34,"url":5987,"hash":5988,"mime":37,"name":316,"path":39,"size":5989,"width":544,"height":67,"provider_metadata":5990},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777305303/thumbnail_nano_final_c1a49f73cf.png","thumbnail_nano_final_c1a49f73cf",53.72,{"public_id":5988,"resource_type":44},"nano_final_c1a49f73cf",1064.21,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777305302/nano_final_c1a49f73cf.png",{"public_id":5991,"resource_type":44},"2026-04-27T15:55:05.894Z",[5997],{"id":1642,"Name":5084,"created_at":5085,"updated_at":5086,"slug":5087},{"id":2644,"Title":5999,"user":6000,"Summary":6006,"created_at":6007,"updated_at":6008,"slug":6009,"published_at":6010,"release_date":6011,"Layout":381,"Content":6012,"Feature":6190,"tags":6212},"Design Trends - Interactive Design",{"id":3523,"username":4763,"email":4764,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":4765,"updated_at":4766,"project":39,"Picture":6001},{"id":1672,"name":4768,"alternativeText":29,"caption":29,"width":950,"height":4769,"formats":6002,"hash":4777,"ext":97,"mime":100,"size":4778,"url":4779,"previewUrl":39,"provider":72,"provider_metadata":6005,"created_at":4781,"updated_at":4782},{"thumbnail":6003},{"ext":97,"url":4772,"hash":4773,"mime":100,"name":4774,"path":39,"size":4775,"width":2073,"height":67,"provider_metadata":6004},{"public_id":4773,"resource_type":44},{"public_id":4777,"resource_type":44},"In our first blog post of this 4 part series we covered one of the original ‘isms’ with Skeuomorphism, and now we’re moving into more modern trends with a look at Interactive design. What is Interactive Design and how can it work for you?\n\n\n\n","2022-09-06T14:57:37.412Z","2026-04-27T17:10:05.186Z","design-trends-interactive-design","2023-05-18T15:26:52.358Z","2023-05-24",[6013,6020,6023,6026,6036,6038,6048,6050,6060,6062,6072,6074,6084,6086,6096,6098,6108,6110,6120,6122,6132,6134,6175,6178,6188],{"__component":269,"id":1599,"title":271,"blog_series":39,"post_link":6014},[6015,6018],{"id":743,"title":6016,"slug":6017,"description":39,"blog_series":39},"Skeuomorphism - What is is and how it's developed","design-trends-skeuomorphism",{"id":1052,"title":6019,"slug":6009,"description":39,"blog_series":39},"Interactive design - what is it and how can it work for you?",{"__component":23,"id":6021,"Text":6022},363,"Our main aim as designers is to create something that engages with the audience. As a result, we have minimal time from when a user lands on a site to grab their attention. Under 15 seconds is the average time spent on a site. So how does Interactive design help us achieve this?",{"__component":23,"id":6024,"Text":6025},285,"Well, first, let us cover what Interactive design is. It is the design of interaction between a user and a product. That sounds pretty broad, but it includes motion, sound and space elements. It might sound similar to UX design and is not far removed. However, UX focuses on how we use a product, whereas interactive design focuses on the experience and interaction of that product and the user.\n\nAs designers, we should use interactive design to ease a user's experience and keep it efficient. It's also great for creating a fun and new experience for a user that they will remember and likely want to return.\n\nThe best examples of interaction design should either respond to or guide the user's journey using animations, videos or scrolling. Scrolling used to be a big no-no, but it's now more favourable than clicking a 'next' button. As we're all spending more time on our phones, scrolling has become almost second nature meaning we have become accustomed to scrolling to discover content. However, no one will keep scrolling if it's not engaging.\n\nThis site is an excellent example of a scrolling interaction.\nScrolling parallax and a good sense of humour keep the user engaged until the end when they add their CTA.",{"__component":1373,"id":1760,"Video":6027},{"id":1451,"name":6028,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6029,"ext":1558,"mime":1559,"size":6030,"url":6031,"previewUrl":6032,"provider":72,"provider_metadata":6033,"created_at":6034,"updated_at":6035},"cycle.mp4","cycle_ef07afdeb9",4780.14,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1662475691/cycle_ef07afdeb9.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/cycle_ef07afdeb9.gif",{"public_id":6029,"resource_type":1385},"2022-09-06T14:48:12.759Z","2022-09-06T14:48:12.776Z",{"__component":23,"id":4434,"Text":6037},"This site uses the scroll to take the user on a journey and explain their product with animations and content that come in as you scroll, making the user feel they are part of the experience. We go from vertical to horizontal scrolling and include clever use of background hover to give it a video game feel.",{"__component":1373,"id":327,"Video":6039},{"id":1465,"name":6040,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6041,"ext":1558,"mime":1559,"size":6042,"url":6043,"previewUrl":6044,"provider":72,"provider_metadata":6045,"created_at":6046,"updated_at":6047},"fuel.mp4","fuel_0eed490e74",12200.11,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1662475764/fuel_0eed490e74.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/fuel_0eed490e74.gif",{"public_id":6041,"resource_type":1385},"2022-09-06T14:49:25.964Z","2022-09-06T14:49:25.977Z",{"__component":23,"id":853,"Text":6049},"Other great ways of using interactive design include sights like this:",{"__component":1373,"id":558,"Video":6051},{"id":1479,"name":6052,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6053,"ext":1558,"mime":1559,"size":6054,"url":6055,"previewUrl":6056,"provider":72,"provider_metadata":6057,"created_at":6058,"updated_at":6059},"nike.mp4","nike_a327d1a875",2665.92,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1662475809/nike_a327d1a875.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/nike_a327d1a875.gif",{"public_id":6053,"resource_type":1385},"2022-09-06T14:50:11.189Z","2022-09-06T14:50:11.199Z",{"__component":23,"id":4480,"Text":6061},"They are taking the user on a journey using animations and asking them to select multiple options for their unique trainer chosen for them based on their selections.\n\nAnother great example is giving the user tips but only when they click around the site:",{"__component":1373,"id":569,"Video":6063},{"id":1493,"name":6064,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6065,"ext":1558,"mime":1559,"size":6066,"url":6067,"previewUrl":6068,"provider":72,"provider_metadata":6069,"created_at":6070,"updated_at":6071},"portfolionight.mp4","portfolionight_42226cb5ec",283.81,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1662475861/portfolionight_42226cb5ec.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/portfolionight_42226cb5ec.gif",{"public_id":6065,"resource_type":1385},"2022-09-06T14:51:02.472Z","2022-09-06T14:51:02.486Z",{"__component":23,"id":4522,"Text":6073},"It’s worth remembering that even subtle interaction design can make a difference, take, for example, this notification design making it feel more urgent and appealing to click just with a bit of animation. ",{"__component":1373,"id":1520,"Video":6075},{"id":592,"name":6076,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6077,"ext":1558,"mime":1559,"size":6078,"url":6079,"previewUrl":6080,"provider":72,"provider_metadata":6081,"created_at":6082,"updated_at":6083},"dribble.mp4","dribble_621b99f57e",20.07,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1662475912/dribble_621b99f57e.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/dribble_621b99f57e.gif",{"public_id":6077,"resource_type":1385},"2022-09-06T14:51:53.840Z","2022-09-06T14:51:53.853Z",{"__component":23,"id":4565,"Text":6085},"Or these icon-selected states, making the user feel more secure and accomplished with their selection perhaps.",{"__component":1373,"id":2174,"Video":6087},{"id":598,"name":6088,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6089,"ext":1558,"mime":1559,"size":6090,"url":6091,"previewUrl":6092,"provider":72,"provider_metadata":6093,"created_at":6094,"updated_at":6095},"dribble2.mp4","dribble2_4ef977befc",52.55,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1662475956/dribble2_4ef977befc.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/dribble2_4ef977befc.gif",{"public_id":6089,"resource_type":1385},"2022-09-06T14:52:37.571Z","2022-09-06T14:52:37.583Z",{"__component":23,"id":4607,"Text":6097},"The new trend for interactive design in 2023 is perhaps unsurprisingly 3D interaction which we've already seen a little of on the Nike site. Using 3D renderings gives a website an authentic touch, and it appears to be spreading. Whilst I have mainly argued that an e-commerce site should be kept simple, I can't deny that Gucci's creation of something like this does give the product a far superior feel. Whilst allowing me to see the whole bag in rotation and select different colours, it certainly brings internet shopping into the year 2023, and I stayed on that page for longer than 15 seconds.",{"__component":1373,"id":333,"Video":6099},{"id":604,"name":6100,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6101,"ext":1558,"mime":1559,"size":6102,"url":6103,"previewUrl":6104,"provider":72,"provider_metadata":6105,"created_at":6106,"updated_at":6107},"gucci.mp4","gucci_4396d0e5a7",2628.16,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1662476010/gucci_4396d0e5a7.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/gucci_4396d0e5a7.gif",{"public_id":6101,"resource_type":1385},"2022-09-06T14:53:31.479Z","2022-09-06T14:53:31.489Z",{"__component":23,"id":4650,"Text":6109},"This site uses a mix of scrolling and beautiful 3D renders to show off their products that are ironically non-physical products.",{"__component":1373,"id":78,"Video":6111},{"id":650,"name":6112,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6113,"ext":1558,"mime":1559,"size":6114,"url":6115,"previewUrl":6116,"provider":72,"provider_metadata":6117,"created_at":6118,"updated_at":6119},"scout.mp4","scout_c6cd8084f9",755.69,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1662476049/scout_c6cd8084f9.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/scout_c6cd8084f9.gif",{"public_id":6113,"resource_type":1385},"2022-09-06T14:54:10.392Z","2022-09-06T14:54:10.402Z",{"__component":23,"id":4688,"Text":6121},"This site's use of animation straight off the bat for their logo is clever, changing from an icon-looking speaker to forming the word HALO that appears to vibrate. It then uses a scroll to describe the product and eventually shows off the actual product with a 3D render.",{"__component":1373,"id":3471,"Video":6123},{"id":694,"name":6124,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6125,"ext":1558,"mime":1559,"size":6126,"url":6127,"previewUrl":6128,"provider":72,"provider_metadata":6129,"created_at":6130,"updated_at":6131},"halo.mp4","halo_fec7d6c390",678.65,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1662476101/halo_fec7d6c390.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/halo_fec7d6c390.gif",{"public_id":6125,"resource_type":1385},"2022-09-06T14:55:02.152Z","2022-09-06T14:55:02.165Z",{"__component":23,"id":1350,"Text":6133},"And look, if I am honest, I am not entirely sure what the point of this site is, but I know that I played around with it for far too long, and I love my blob. So there we are. [Blobmixer](https://blobmixer.14islands.com/viewccRougness=0&clearcoat=1&envMap=5&gradient=rainbow&metalness=0.1&roughness=0.01&transmission=0.31)\n\n",{"__component":141,"id":368,"Size":143,"caption":6135,"Image":6136},"Blobmixer - fun 3D making site",[6137],{"id":460,"name":6138,"alternativeText":29,"caption":29,"width":6139,"height":6140,"formats":6141,"hash":6169,"ext":34,"mime":37,"size":6170,"url":6171,"previewUrl":39,"provider":72,"provider_metadata":6172,"created_at":6173,"updated_at":6174},"Screenshot 2023-05-19 at 07.43.24.png",2838,1682,{"large":6142,"small":6149,"medium":6156,"thumbnail":6163},{"ext":34,"url":6143,"hash":6144,"mime":37,"name":6145,"path":39,"size":6146,"width":41,"height":6147,"provider_metadata":6148},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684478647/large_Screenshot_2023_05_19_at_07_43_24_f929eecc34.png","large_Screenshot_2023_05_19_at_07_43_24_f929eecc34","large_Screenshot 2023-05-19 at 07.43.24.png",502.73,593,{"public_id":6144,"resource_type":44},{"ext":34,"url":6150,"hash":6151,"mime":37,"name":6152,"path":39,"size":6153,"width":50,"height":6154,"provider_metadata":6155},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684478649/small_Screenshot_2023_05_19_at_07_43_24_f929eecc34.png","small_Screenshot_2023_05_19_at_07_43_24_f929eecc34","small_Screenshot 2023-05-19 at 07.43.24.png",143.16,296,{"public_id":6151,"resource_type":44},{"ext":34,"url":6157,"hash":6158,"mime":37,"name":6159,"path":39,"size":6160,"width":58,"height":6161,"provider_metadata":6162},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684478648/medium_Screenshot_2023_05_19_at_07_43_24_f929eecc34.png","medium_Screenshot_2023_05_19_at_07_43_24_f929eecc34","medium_Screenshot 2023-05-19 at 07.43.24.png",298.87,445,{"public_id":6158,"resource_type":44},{"ext":34,"url":6164,"hash":6165,"mime":37,"name":6166,"path":39,"size":6167,"width":256,"height":2083,"provider_metadata":6168},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684478644/thumbnail_Screenshot_2023_05_19_at_07_43_24_f929eecc34.png","thumbnail_Screenshot_2023_05_19_at_07_43_24_f929eecc34","thumbnail_Screenshot 2023-05-19 at 07.43.24.png",41.31,{"public_id":6165,"resource_type":44},"Screenshot_2023_05_19_at_07_43_24_f929eecc34",2515.07,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684478643/Screenshot_2023_05_19_at_07_43_24_f929eecc34.png",{"public_id":6169,"resource_type":44},"2023-05-19T06:44:09.622Z","2023-05-19T06:44:09.650Z",{"__component":23,"id":6176,"Text":6177},362,"It’s safe to say interacting with 3D elements is fun, and it is undoubtedly engaging, creating a real fascination from the audience. These elements mixed with interactive design create a feeling of curiosity for the user, and it’s hard to click away in fear you’ll miss something even more exhilarating. And it can be used for good, for instance, on this site which helps a user visualise what their day-to-day actions mean to air pollution.",{"__component":1373,"id":342,"Video":6179},{"id":740,"name":6180,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6181,"ext":1558,"mime":1559,"size":6182,"url":6183,"previewUrl":6184,"provider":72,"provider_metadata":6185,"created_at":6186,"updated_at":6187},"plastic.mp4","plastic_e3cc96f208",2738.94,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1662476203/plastic_e3cc96f208.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/plastic_e3cc96f208.gif",{"public_id":6181,"resource_type":1385},"2022-09-06T14:56:44.203Z","2022-09-06T14:56:44.214Z",{"__component":23,"id":1942,"Text":6189},"I am excited about this trend in 3D design and can't wait to see where it goes. As we continue to explore the limitless potential, I can't help but wonder what innovations are on the horizon.\n\n\n#### Credits:\n[Google art experiment](https://artsexperiments.withgoogle.com/plasticair/)\n[Halo](https://halo.shakuro.com/)\n[fromscout](https://www.fromscout.com/)\n[Gucci](https://1955horsebit.gucci.com/#/buckets)\n[aaron Iker](https://dribbble.com/shots/14390779--Star-Pin-Flag)\n[Lingjun](https://dribbble.com/shots/5607725-Notification-Centre)\n[nike react](https://www.nike-react.com/gallery/0fec8062-a710-4284-be9b-1f9f7c95572d)\n[prometheusfuels](https://www.prometheusfuels.com/)\n[cyclemon](http://www.cyclemon.com/)\n\n\n\n\n",{"id":4539,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":6191,"hash":6207,"ext":34,"mime":37,"size":6208,"url":6209,"previewUrl":39,"provider":72,"provider_metadata":6210,"created_at":6211,"updated_at":6211},{"small":6192,"medium":6197,"thumbnail":6202},{"ext":34,"url":6193,"hash":6194,"mime":37,"name":529,"path":39,"size":6195,"width":50,"height":311,"provider_metadata":6196},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777309804/small_flux_final_16e112c967.png","small_flux_final_16e112c967",317.83,{"public_id":6194,"resource_type":44},{"ext":34,"url":6198,"hash":6199,"mime":37,"name":535,"path":39,"size":6200,"width":58,"height":537,"provider_metadata":6201},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777309803/medium_flux_final_16e112c967.png","medium_flux_final_16e112c967",732.43,{"public_id":6199,"resource_type":44},{"ext":34,"url":6203,"hash":6204,"mime":37,"name":542,"path":39,"size":6205,"width":544,"height":67,"provider_metadata":6206},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777309802/thumbnail_flux_final_16e112c967.png","thumbnail_flux_final_16e112c967",55.49,{"public_id":6204,"resource_type":44},"flux_final_16e112c967",844.51,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777309801/flux_final_16e112c967.png",{"public_id":6207,"resource_type":44},"2026-04-27T17:10:04.673Z",[6213,6214],{"id":1642,"Name":5084,"created_at":5085,"updated_at":5086,"slug":5087},{"id":2630,"Name":6215,"created_at":6216,"updated_at":6217,"slug":6218},"Spicy Tips","2022-07-28T08:44:04.888Z","2022-07-28T08:44:04.895Z","spicy-tips",{"id":2710,"Title":6220,"user":6221,"Summary":6227,"created_at":6228,"updated_at":6229,"slug":6230,"published_at":6231,"release_date":6011,"Layout":381,"Content":6232,"Feature":6361,"tags":6383},"Design Trends - Claymorphism",{"id":3523,"username":4763,"email":4764,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":4765,"updated_at":4766,"project":39,"Picture":6222},{"id":1672,"name":4768,"alternativeText":29,"caption":29,"width":950,"height":4769,"formats":6223,"hash":4777,"ext":97,"mime":100,"size":4778,"url":4779,"previewUrl":39,"provider":72,"provider_metadata":6226,"created_at":4781,"updated_at":4782},{"thumbnail":6224},{"ext":97,"url":4772,"hash":4773,"mime":100,"name":4774,"path":39,"size":4775,"width":2073,"height":67,"provider_metadata":6225},{"public_id":4773,"resource_type":44},{"public_id":4777,"resource_type":44},"What is Claymorphism and how can you create the look?\nIn this 4 part series, we have previously covered Skeuomorphism and Interactive design, and now we're going to look at another modern trend, another 'ism' Claymorphism. If you've not read this series's two previous blog posts, why not check them out? If not, here's a brief run-through of these trends and how we got here.","2023-05-10T18:10:49.772Z","2026-04-28T09:09:27.817Z","design-trends-claymorphism","2023-05-19T07:01:59.551Z",[6233,6240,6242,6280,6283,6319,6322,6358],{"__component":269,"id":2796,"title":271,"blog_series":39,"post_link":6234},[6235,6237,6238],{"id":789,"title":6236,"slug":6017,"description":39,"blog_series":39},"Skeuomorphism - what it is and how it's developed",{"id":834,"title":6019,"slug":6009,"description":39,"blog_series":39},{"id":1144,"title":6239,"slug":6230,"description":39,"blog_series":39},"Claymorphism - what is it and how can you create the look?",{"__component":23,"id":4858,"Text":6241},"Like most digital designs, we develop what feels natural to us rapidly. Skeuomorphism made sense at the time as we navigated a world where we used laptops and phones more than ever. It relied on real-world aesthetics to create familiarity, most famously with a trash can representing 'delete'. I forgot that the iphone OS1 used a television icon instead of the youtube logo we all know now.\n\nHowever, although it was a success on devices, it didn’t find its place on the web, where a more straightforward look and feel was required, and we moved on to flat design, which worked better across devices and at different resolutions. \n\nHere’s a great example of how we adapted to flat design - notice the Instagram logo.",{"__component":141,"id":451,"Size":4089,"caption":6243,"Image":6244}," Skeuomorphic vs flat design",[6245],{"id":6246,"name":6247,"alternativeText":29,"caption":6247,"width":6248,"height":6248,"formats":6249,"hash":6274,"ext":3437,"mime":100,"size":6275,"url":6276,"previewUrl":39,"provider":72,"provider_metadata":6277,"created_at":6278,"updated_at":6279},217,"Skeuomorphism vs flat design",1080,{"large":6250,"small":6256,"medium":6262,"thumbnail":6268},{"ext":3437,"url":6251,"hash":6252,"mime":100,"name":6253,"path":39,"size":6254,"width":41,"height":41,"provider_metadata":6255},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742359/large_Skeuomorphism_vs_flat_design_9ca1bed333.jpg","large_Skeuomorphism_vs_flat_design_9ca1bed333","large_Skeuomorphism vs flat design",88.53,{"public_id":6252,"resource_type":44},{"ext":3437,"url":6257,"hash":6258,"mime":100,"name":6259,"path":39,"size":6260,"width":50,"height":50,"provider_metadata":6261},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742360/small_Skeuomorphism_vs_flat_design_9ca1bed333.jpg","small_Skeuomorphism_vs_flat_design_9ca1bed333","small_Skeuomorphism vs flat design",36.91,{"public_id":6258,"resource_type":44},{"ext":3437,"url":6263,"hash":6264,"mime":100,"name":6265,"path":39,"size":6266,"width":58,"height":58,"provider_metadata":6267},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742359/medium_Skeuomorphism_vs_flat_design_9ca1bed333.jpg","medium_Skeuomorphism_vs_flat_design_9ca1bed333","medium_Skeuomorphism vs flat design",62.5,{"public_id":6264,"resource_type":44},{"ext":3437,"url":6269,"hash":6270,"mime":100,"name":6271,"path":39,"size":6272,"width":67,"height":67,"provider_metadata":6273},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742358/thumbnail_Skeuomorphism_vs_flat_design_9ca1bed333.jpg","thumbnail_Skeuomorphism_vs_flat_design_9ca1bed333","thumbnail_Skeuomorphism vs flat design",7.2,{"public_id":6270,"resource_type":44},"Skeuomorphism_vs_flat_design_9ca1bed333",95.9,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742357/Skeuomorphism_vs_flat_design_9ca1bed333.jpg",{"public_id":6274,"resource_type":44},"2023-05-10T18:12:41.133Z","2023-05-10T18:12:41.144Z",{"__component":23,"id":6281,"Text":6282},352,"And then, by 2020, we adapted further into Neumorphism, which has a softer UI feel.",{"__component":141,"id":457,"Size":4089,"caption":6284,"Image":6285},"Neumorphism design",[6286],{"id":6287,"name":6284,"alternativeText":29,"caption":6284,"width":6248,"height":6248,"formats":6288,"hash":6313,"ext":3437,"mime":100,"size":6314,"url":6315,"previewUrl":39,"provider":72,"provider_metadata":6316,"created_at":6317,"updated_at":6318},218,{"large":6289,"small":6295,"medium":6301,"thumbnail":6307},{"ext":3437,"url":6290,"hash":6291,"mime":100,"name":6292,"path":39,"size":6293,"width":41,"height":41,"provider_metadata":6294},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742424/large_Neumorphism_design_633f14deae.jpg","large_Neumorphism_design_633f14deae","large_Neumorphism design",48.85,{"public_id":6291,"resource_type":44},{"ext":3437,"url":6296,"hash":6297,"mime":100,"name":6298,"path":39,"size":6299,"width":50,"height":50,"provider_metadata":6300},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742425/small_Neumorphism_design_633f14deae.jpg","small_Neumorphism_design_633f14deae","small_Neumorphism design",19.68,{"public_id":6297,"resource_type":44},{"ext":3437,"url":6302,"hash":6303,"mime":100,"name":6304,"path":39,"size":6305,"width":58,"height":58,"provider_metadata":6306},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742424/medium_Neumorphism_design_633f14deae.jpg","medium_Neumorphism_design_633f14deae","medium_Neumorphism design",34.18,{"public_id":6303,"resource_type":44},{"ext":3437,"url":6308,"hash":6309,"mime":100,"name":6310,"path":39,"size":6311,"width":67,"height":67,"provider_metadata":6312},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742423/thumbnail_Neumorphism_design_633f14deae.jpg","thumbnail_Neumorphism_design_633f14deae","thumbnail_Neumorphism design",4.18,{"public_id":6309,"resource_type":44},"Neumorphism_design_633f14deae",54.08,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742422/Neumorphism_design_633f14deae.jpg",{"public_id":6313,"resource_type":44},"2023-05-10T18:13:45.801Z","2023-05-10T18:13:45.810Z",{"__component":23,"id":6320,"Text":6321},353,"Whilst this aesthetic is visually pleasing; it did have its niggles. It looked clean; however, it also proved problematic for creating any hierarchy or sense of importance to areas without using brighter colours, and it's probably not surprising to hear it wasn't brilliant for accessibility. Not only that, it was hard to make one design to the next look unique. So whilst it's not used so much now, touches remain for use on buttons or cards, which work nicely.\n\nAnd now we have Claymorphism! This trend certainly carries similarities to Neumorphism, but the significant difference is how the effect is applied, meaning designers could now use varying colours for backgrounds, which means far better accessible options and an opportunity to create different designs.\n\nDesigners have always tried to create an illusion of depth on a 2D object. As I wrote in my earlier post, ‘Interactive 3D’ 3D objects are becoming more popular and engaging for users, but how do we add that to elements like buttons, cards and icons? With Claymorphism silly.\n\nClaymorphism is very friendly looking, soft, and cloud-like, I think. In a UI study performed by Michal Malewicz back in 2015, they tested the more fluffy 3D button against another more flat option, and it ‘annihilated’ the competition amongst the general public. However, the more tech-savvy didn’t like it. 🤷‍♀️",{"__component":141,"id":463,"Size":4089,"caption":39,"Image":6323},[6324],{"id":409,"name":6325,"alternativeText":29,"caption":6325,"width":6248,"height":6326,"formats":6327,"hash":6353,"ext":3437,"mime":100,"size":1642,"url":6354,"previewUrl":39,"provider":72,"provider_metadata":6355,"created_at":6356,"updated_at":6357},"Claymorphism example",476,{"large":6328,"small":6334,"medium":6340,"thumbnail":6347},{"ext":3437,"url":6329,"hash":6330,"mime":100,"name":6331,"path":39,"size":6332,"width":41,"height":5267,"provider_metadata":6333},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742487/large_Claymorphism_example_f405816d9b.jpg","large_Claymorphism_example_f405816d9b","large_Claymorphism example",26.95,{"public_id":6330,"resource_type":44},{"ext":3437,"url":6335,"hash":6336,"mime":100,"name":6337,"path":39,"size":6338,"width":50,"height":417,"provider_metadata":6339},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742489/small_Claymorphism_example_f405816d9b.jpg","small_Claymorphism_example_f405816d9b","small_Claymorphism example",11.34,{"public_id":6336,"resource_type":44},{"ext":3437,"url":6341,"hash":6342,"mime":100,"name":6343,"path":39,"size":6344,"width":58,"height":6345,"provider_metadata":6346},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742488/medium_Claymorphism_example_f405816d9b.jpg","medium_Claymorphism_example_f405816d9b","medium_Claymorphism example",18.73,331,{"public_id":6342,"resource_type":44},{"ext":3437,"url":6348,"hash":6349,"mime":100,"name":6350,"path":39,"size":6351,"width":256,"height":439,"provider_metadata":6352},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742487/thumbnail_Claymorphism_example_f405816d9b.jpg","thumbnail_Claymorphism_example_f405816d9b","thumbnail_Claymorphism example",4.43,{"public_id":6349,"resource_type":44},"Claymorphism_example_f405816d9b","https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742486/Claymorphism_example_f405816d9b.jpg",{"public_id":6353,"resource_type":44},"2023-05-10T18:14:49.568Z","2023-05-10T18:14:49.581Z",{"__component":23,"id":6359,"Text":6360},354,"It’s essentially a mix of inner and outer shadows, using 2 for the internal and one shadow for the backdrop, which gives us more flexibility with colour. In addition, this gives us more flexibility to add it to any background colour, which wasn’t as easy with Neumorphism, which was predominantly only able to be placed on a white background. It also works very nicely with Glassmorphism, which still seems to be sticking around for a bit.\n\nI can’t pinpoint what Claymorphism reminds me of, but I think it might be Super Mario. It makes me want to push and jump. It feels friendly and bouncy; ultimately, I want to interact with it, which is the whole point. Either way, it’s adding to the warmer, not-so-serious design era we find ourselves in. And I am very much here for it. \n\nSo much so that I based an in-house design using these techniques. Unfortunately, I can’t quite show that all off at the moment, but here is a preview and a link to a mini tutorial to achieve the Claymorphism effect I used. \n\nI can’t say whether or not Claymorphism is here to stay, but it’s certainly having its moment. It works well with animation, and interactive design like creating hover and selection effects, so I think it will stick around for a while yet!\n\n[Check out our Claymorphism tutorial](https://www.instagram.com/p/CjkcAA6uXDj/?igshid=NTc4MTIwNjQ2YQ%3D%3D)",{"id":5046,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":6362,"hash":6378,"ext":34,"mime":37,"size":6379,"url":6380,"previewUrl":39,"provider":72,"provider_metadata":6381,"created_at":6382,"updated_at":6382},{"small":6363,"medium":6368,"thumbnail":6373},{"ext":34,"url":6364,"hash":6365,"mime":37,"name":302,"path":39,"size":6366,"width":50,"height":311,"provider_metadata":6367},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367366/small_nano_final_999f59d48a.png","small_nano_final_999f59d48a",278.59,{"public_id":6365,"resource_type":44},{"ext":34,"url":6369,"hash":6370,"mime":37,"name":309,"path":39,"size":6371,"width":58,"height":537,"provider_metadata":6372},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367365/medium_nano_final_999f59d48a.png","medium_nano_final_999f59d48a",669.38,{"public_id":6370,"resource_type":44},{"ext":34,"url":6374,"hash":6375,"mime":37,"name":316,"path":39,"size":6376,"width":544,"height":67,"provider_metadata":6377},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367364/thumbnail_nano_final_999f59d48a.png","thumbnail_nano_final_999f59d48a",45.13,{"public_id":6375,"resource_type":44},"nano_final_999f59d48a",841.37,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367363/nano_final_999f59d48a.png",{"public_id":6378,"resource_type":44},"2026-04-28T09:09:27.286Z",[6384,6385],{"id":2630,"Name":6215,"created_at":6216,"updated_at":6217,"slug":6218},{"id":1642,"Name":5084,"created_at":5085,"updated_at":5086,"slug":5087},{"id":2757,"Title":6387,"user":6388,"Summary":6394,"created_at":6395,"updated_at":6396,"slug":6397,"published_at":6398,"release_date":6011,"Layout":381,"Content":6399,"Feature":6492,"tags":6514},"Design Trends - Kitsch ",{"id":3523,"username":4763,"email":4764,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":4765,"updated_at":4766,"project":39,"Picture":6389},{"id":1672,"name":4768,"alternativeText":29,"caption":29,"width":950,"height":4769,"formats":6390,"hash":4777,"ext":97,"mime":100,"size":4778,"url":4779,"previewUrl":39,"provider":72,"provider_metadata":6393,"created_at":4781,"updated_at":4782},{"thumbnail":6391},{"ext":97,"url":4772,"hash":4773,"mime":100,"name":4774,"path":39,"size":4775,"width":2073,"height":67,"provider_metadata":6392},{"public_id":4773,"resource_type":44},{"public_id":4777,"resource_type":44},"In our final post of our 4 part series I will be covering Kitsch design. We've already covered Skeuomorphism, Interactive design and Claymorphism so if you've not read those I'd suggest checking them out.\n","2023-05-10T18:24:24.597Z","2026-04-28T09:11:00.883Z","design-trends-kitsch","2023-05-19T15:24:14.422Z",[6400,6410,6413,6416,6452,6454,6490],{"__component":269,"id":390,"title":271,"blog_series":39,"post_link":6401},[6402,6404,6406,6408],{"id":879,"title":6403,"slug":6017,"description":39,"blog_series":39},"Skeuomorphism - What it is and how it's developed",{"id":924,"title":6405,"slug":6009,"description":39,"blog_series":39},"Interactive Design - What is it and how can it work for you?",{"id":969,"title":6407,"slug":6230,"description":39,"blog_series":39},"Claymorphism - What is it and how can you create the look?",{"id":1194,"title":6409,"slug":6397,"description":39,"blog_series":39},"Kitsch Design - Is it for you, and how to achieve it!",{"__component":23,"id":6411,"Text":6412},364,"In this last post, I'm looking at a recent trend that will probably create a marmite opinion. We're split here in the team, so it would be interesting to hear your thoughts.\n\nSo what is kitsch design? Is it for you, and how to achieve it!",{"__component":23,"id":6414,"Text":6415},355,"Is it any surprise that digital trends seem to follow fashion trends? Styles get recycled. Some of us love it, some of us loathe it, as I would never, ever, ever, ever, ever, ever, ever, ever, ever, ever, ever be seen dead in those elasticated flares I wore in the early 00s. Still, here we are, guys. They're everywhere. However, digital design sometimes follows fashion trends, and the Y2K look is coming back, and it's no real surprise that it bleeds into the digital world. Welcome Kitsch design, and I think it will be a marmite opinion. I quite like the fun nature of this trend. Whilst some of it conflicts with what I have learnt throughout the years, it also creates space to be more creative before we learnt to design by specific rules.\n\nThis site is an excellent example of this ‘new’ trend:\n[Kurt Champion](https://www.kurtchampion.studio/)\n",{"__component":141,"id":469,"Size":4089,"caption":39,"Image":6417},[6418],{"id":417,"name":6419,"alternativeText":29,"caption":6420,"width":6248,"height":6248,"formats":6421,"hash":6446,"ext":3437,"mime":100,"size":6447,"url":6448,"previewUrl":39,"provider":72,"provider_metadata":6449,"created_at":6450,"updated_at":6451},"KurtChampion.jpg","Kurt Champion",{"large":6422,"small":6428,"medium":6434,"thumbnail":6440},{"ext":3437,"url":6423,"hash":6424,"mime":100,"name":6425,"path":39,"size":6426,"width":41,"height":41,"provider_metadata":6427},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742852/large_Kurt_Champion_97028eb2cc.jpg","large_Kurt_Champion_97028eb2cc","large_KurtChampion.jpg",165.06,{"public_id":6424,"resource_type":44},{"ext":3437,"url":6429,"hash":6430,"mime":100,"name":6431,"path":39,"size":6432,"width":50,"height":50,"provider_metadata":6433},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742854/small_Kurt_Champion_97028eb2cc.jpg","small_Kurt_Champion_97028eb2cc","small_KurtChampion.jpg",49.47,{"public_id":6430,"resource_type":44},{"ext":3437,"url":6435,"hash":6436,"mime":100,"name":6437,"path":39,"size":6438,"width":58,"height":58,"provider_metadata":6439},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742853/medium_Kurt_Champion_97028eb2cc.jpg","medium_Kurt_Champion_97028eb2cc","medium_KurtChampion.jpg",102.01,{"public_id":6436,"resource_type":44},{"ext":3437,"url":6441,"hash":6442,"mime":100,"name":6443,"path":39,"size":6444,"width":67,"height":67,"provider_metadata":6445},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742851/thumbnail_Kurt_Champion_97028eb2cc.jpg","thumbnail_Kurt_Champion_97028eb2cc","thumbnail_KurtChampion.jpg",7.04,{"public_id":6442,"resource_type":44},"Kurt_Champion_97028eb2cc",191.1,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742851/Kurt_Champion_97028eb2cc.jpg",{"public_id":6446,"resource_type":44},"2023-05-10T18:20:55.122Z","2023-05-10T18:20:55.135Z",{"__component":23,"id":4857,"Text":6453},"Note the old school windows, the lack of any grid systems, basic fonts, and no genuine concern about where the user should look first, along with dated checkboxes.\n\nWith the kitsch design, we're entering a less structured process. There are no significant rules, and as for grids -potential blasphemy! Some are even calling it the anti-designer trend. Think less polished and more garish? Whilst I think a lot of the sites are fun, a part of me is concerned about usability and accessibility and not pissing users off because we want to appear 'cool'. So I think Kitsch has its place, but if used in the wrong environment, it could be a disaster. For instance - in e-commerce, keep it simple, I wanna buy something, I wanna add it to my basket, I wanna pay for it, and it's likely I don't want to be distracted by 'an experience' and leave without purchasing something. But there are undoubtedly other places I think it works, and it's fun, and it's nice not to always play by the rules and have a more creative licence.\n\nFor example, this portfolio site by Ryan Haskins is undoubtedly attention-grabbing. Still, to its credit, it makes me want to click around and explore, and as a potential client, it gives me some insight into what Ryan might be like to work with - I’m thinking fun. There’s no specific font selected, and as for H1 and H2? Non-existent. Colour pallet? Forget it, pal. Straightforward navigational journey? Nope. But I love it, and I think this is a perfect example of Kitsch. Whilst someone might look at this site and think it’s not very good, I guarantee it’s not as easy to create something like this as you might think:\n[Ryan Haskins](https://www.ryanhaskins.com/work)",{"__component":141,"id":475,"Size":4089,"caption":39,"Image":6455},[6456],{"id":424,"name":6457,"alternativeText":29,"caption":6458,"width":6248,"height":6248,"formats":6459,"hash":6484,"ext":3437,"mime":100,"size":6485,"url":6486,"previewUrl":39,"provider":72,"provider_metadata":6487,"created_at":6488,"updated_at":6489},"RyanHaskins.jpg","Ryan Haskins",{"large":6460,"small":6466,"medium":6472,"thumbnail":6478},{"ext":3437,"url":6461,"hash":6462,"mime":100,"name":6463,"path":39,"size":6464,"width":41,"height":41,"provider_metadata":6465},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742946/large_Ryan_Haskins_79b8ccd8fc.jpg","large_Ryan_Haskins_79b8ccd8fc","large_RyanHaskins.jpg",197.93,{"public_id":6462,"resource_type":44},{"ext":3437,"url":6467,"hash":6468,"mime":100,"name":6469,"path":39,"size":6470,"width":50,"height":50,"provider_metadata":6471},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742948/small_Ryan_Haskins_79b8ccd8fc.jpg","small_Ryan_Haskins_79b8ccd8fc","small_RyanHaskins.jpg",69.38,{"public_id":6468,"resource_type":44},{"ext":3437,"url":6473,"hash":6474,"mime":100,"name":6475,"path":39,"size":6476,"width":58,"height":58,"provider_metadata":6477},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742947/medium_Ryan_Haskins_79b8ccd8fc.jpg","medium_Ryan_Haskins_79b8ccd8fc","medium_RyanHaskins.jpg",129.07,{"public_id":6474,"resource_type":44},{"ext":3437,"url":6479,"hash":6480,"mime":100,"name":6481,"path":39,"size":6482,"width":67,"height":67,"provider_metadata":6483},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742945/thumbnail_Ryan_Haskins_79b8ccd8fc.jpg","thumbnail_Ryan_Haskins_79b8ccd8fc","thumbnail_RyanHaskins.jpg",10.16,{"public_id":6480,"resource_type":44},"Ryan_Haskins_79b8ccd8fc",222.73,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683742945/Ryan_Haskins_79b8ccd8fc.jpg",{"public_id":6484,"resource_type":44},"2023-05-10T18:22:28.723Z","2023-05-10T18:22:28.732Z",{"__component":23,"id":4937,"Text":6491},"As a designer of my *coughs* age, we have had grids, pixels, spacing, complimentary colours, and gorgeous fonts drilled into us. We have likely spent far too long painstakingly questioning a correct border radius and then the padding to coincide with that, but none of that matters anymore. Whilst it might seem an easy task to design something that appears fun and easy, it's hard to ignore everything I have learnt over the last 15 years. So hats off to the sites that achieve this.\n\nFancy trying to create your own kitsch look? Why not take a go with our tutorial:\n[Kitsch Design Tutorial](https://www.instagram.com/p/CjST_RYOz_C/?igshid=NTc4MTIwNjQ2YQ%3D%3D)",{"id":242,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":6493,"hash":6509,"ext":34,"mime":37,"size":6510,"url":6511,"previewUrl":39,"provider":72,"provider_metadata":6512,"created_at":6513,"updated_at":6513},{"small":6494,"medium":6499,"thumbnail":6504},{"ext":34,"url":6495,"hash":6496,"mime":37,"name":302,"path":39,"size":6497,"width":50,"height":311,"provider_metadata":6498},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367459/small_nano_final_81035bdb86.png","small_nano_final_81035bdb86",280.64,{"public_id":6496,"resource_type":44},{"ext":34,"url":6500,"hash":6501,"mime":37,"name":309,"path":39,"size":6502,"width":58,"height":537,"provider_metadata":6503},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367458/medium_nano_final_81035bdb86.png","medium_nano_final_81035bdb86",660.22,{"public_id":6501,"resource_type":44},{"ext":34,"url":6505,"hash":6506,"mime":37,"name":316,"path":39,"size":6507,"width":544,"height":67,"provider_metadata":6508},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367457/thumbnail_nano_final_81035bdb86.png","thumbnail_nano_final_81035bdb86",46.33,{"public_id":6506,"resource_type":44},"nano_final_81035bdb86",834.97,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367456/nano_final_81035bdb86.png",{"public_id":6509,"resource_type":44},"2026-04-28T09:11:00.331Z",[6515,6516],{"id":1642,"Name":5084,"created_at":5085,"updated_at":5086,"slug":5087},{"id":2630,"Name":6215,"created_at":6216,"updated_at":6217,"slug":6218},{"id":2705,"Title":6518,"user":6519,"Summary":6525,"created_at":6526,"updated_at":6527,"slug":6017,"published_at":6528,"release_date":6011,"Layout":381,"Content":6529,"Feature":6821,"tags":6843},"Design Trends - Skeuomorphism",{"id":3523,"username":4763,"email":4764,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":4765,"updated_at":4766,"project":39,"Picture":6520},{"id":1672,"name":4768,"alternativeText":29,"caption":29,"width":950,"height":4769,"formats":6521,"hash":4777,"ext":97,"mime":100,"size":4778,"url":4779,"previewUrl":39,"provider":72,"provider_metadata":6524,"created_at":4781,"updated_at":4782},{"thumbnail":6522},{"ext":97,"url":4772,"hash":4773,"mime":100,"name":4774,"path":39,"size":4775,"width":2073,"height":67,"provider_metadata":6523},{"public_id":4773,"resource_type":44},{"public_id":4777,"resource_type":44},"What is Skeuomorphism and how it's developed?\n\nThis blog post is the first in a 4 part blog series in which I will cover design trends from the 80's Skeuomorphism to today's re-emerging Y2K designs. It's always interesting to see how and why some trends stay or don't. And perhaps why some trends drip on through all eras. We'll also look at some truly inspirational work which will hopefully inspire.","2023-05-10T16:07:10.421Z","2026-04-28T09:13:11.925Z","2023-05-18T15:07:54.231Z",[6530,6534,6537,6540,6576,6640,6642,6677,6680,6716,6719,6788,6819],{"__component":269,"id":395,"title":271,"blog_series":39,"post_link":6531},[6532],{"id":1011,"title":6533,"slug":6017,"description":39,"blog_series":39},"Skeuomorphism - what it is and how it's developed",{"__component":23,"id":6535,"Text":6536},345,"What is Skeuomorphism? It’s a term used in UI when objects mimic their real-life counterparts in how they appear or how they can be interacted with, for example, using a floppy disk icon to represent ‘save’. Or a screwed-up piece of paper going into a bin to define ‘delete’. The idea was to make icons familiar to users by creating them to look how we already knew them.",{"__component":23,"id":6538,"Text":6539},346,"Skeuomorphism was popularised back in the 80s by Steve Jobs. An excellent early example is a calculator on the Macintosh desktop with the buttons having large contrasting drop shadows, so the user instantly knows how to interact with it. Skeuomorphism later found its place in 2000 on the early IOS devices. It was a way of getting the user more familiar with interacting with mobile devices.",{"__component":141,"id":504,"Size":4089,"caption":6541,"Image":6542},"Early example of the calculator on the Macintosh desktop",[6543],{"id":454,"name":6544,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":6545,"hash":6570,"ext":3437,"mime":100,"size":6571,"url":6572,"previewUrl":39,"provider":72,"provider_metadata":6573,"created_at":6574,"updated_at":6575},"instagram-followon-image-green-secondary.jpg",{"large":6546,"small":6552,"medium":6558,"thumbnail":6564},{"ext":3437,"url":6547,"hash":6548,"mime":100,"name":6549,"path":39,"size":6550,"width":41,"height":41,"provider_metadata":6551},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684423176/large_instagram_followon_image_green_secondary_a8fa8cf901.jpg","large_instagram_followon_image_green_secondary_a8fa8cf901","large_instagram-followon-image-green-secondary.jpg",82.18,{"public_id":6548,"resource_type":44},{"ext":3437,"url":6553,"hash":6554,"mime":100,"name":6555,"path":39,"size":6556,"width":50,"height":50,"provider_metadata":6557},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684423178/small_instagram_followon_image_green_secondary_a8fa8cf901.jpg","small_instagram_followon_image_green_secondary_a8fa8cf901","small_instagram-followon-image-green-secondary.jpg",31.84,{"public_id":6554,"resource_type":44},{"ext":3437,"url":6559,"hash":6560,"mime":100,"name":6561,"path":39,"size":6562,"width":58,"height":58,"provider_metadata":6563},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684423177/medium_instagram_followon_image_green_secondary_a8fa8cf901.jpg","medium_instagram_followon_image_green_secondary_a8fa8cf901","medium_instagram-followon-image-green-secondary.jpg",57.18,{"public_id":6560,"resource_type":44},{"ext":3437,"url":6565,"hash":6566,"mime":100,"name":6567,"path":39,"size":6568,"width":67,"height":67,"provider_metadata":6569},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684423175/thumbnail_instagram_followon_image_green_secondary_a8fa8cf901.jpg","thumbnail_instagram_followon_image_green_secondary_a8fa8cf901","thumbnail_instagram-followon-image-green-secondary.jpg",4.96,{"public_id":6566,"resource_type":44},"instagram_followon_image_green_secondary_a8fa8cf901",89.37,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684423174/instagram_followon_image_green_secondary_a8fa8cf901.jpg",{"public_id":6570,"resource_type":44},"2023-05-18T15:19:38.339Z","2023-05-18T15:19:38.350Z",{"__component":141,"id":427,"Size":4089,"caption":6577,"Image":6578},"Early IOS device",[6579,6612],{"id":4718,"name":6580,"alternativeText":29,"caption":6580,"width":6248,"height":6248,"formats":6581,"hash":6606,"ext":3437,"mime":100,"size":6607,"url":6608,"previewUrl":39,"provider":72,"provider_metadata":6609,"created_at":6610,"updated_at":6611},"Early 2000 IOS device",{"large":6582,"small":6588,"medium":6594,"thumbnail":6600},{"ext":3437,"url":6583,"hash":6584,"mime":100,"name":6585,"path":39,"size":6586,"width":41,"height":41,"provider_metadata":6587},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735435/large_Early_2000_IOS_device_3512504132.jpg","large_Early_2000_IOS_device_3512504132","large_Early 2000 IOS device",52.11,{"public_id":6584,"resource_type":44},{"ext":3437,"url":6589,"hash":6590,"mime":100,"name":6591,"path":39,"size":6592,"width":50,"height":50,"provider_metadata":6593},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735436/small_Early_2000_IOS_device_3512504132.jpg","small_Early_2000_IOS_device_3512504132","small_Early 2000 IOS device",20.9,{"public_id":6590,"resource_type":44},{"ext":3437,"url":6595,"hash":6596,"mime":100,"name":6597,"path":39,"size":6598,"width":58,"height":58,"provider_metadata":6599},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735435/medium_Early_2000_IOS_device_3512504132.jpg","medium_Early_2000_IOS_device_3512504132","medium_Early 2000 IOS device",36.06,{"public_id":6596,"resource_type":44},{"ext":3437,"url":6601,"hash":6602,"mime":100,"name":6603,"path":39,"size":6604,"width":67,"height":67,"provider_metadata":6605},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735434/thumbnail_Early_2000_IOS_device_3512504132.jpg","thumbnail_Early_2000_IOS_device_3512504132","thumbnail_Early 2000 IOS device",4.24,{"public_id":6602,"resource_type":44},"Early_2000_IOS_device_3512504132",56.2,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735433/Early_2000_IOS_device_3512504132.jpg",{"public_id":6606,"resource_type":44},"2023-05-10T16:17:16.822Z","2023-05-10T16:17:16.839Z",{"id":4622,"name":6613,"alternativeText":29,"caption":6613,"width":6248,"height":6248,"formats":6614,"hash":6635,"ext":3437,"mime":100,"size":6571,"url":6636,"previewUrl":39,"provider":72,"provider_metadata":6637,"created_at":6638,"updated_at":6639},"Original Macintosh calculator",{"large":6615,"small":6620,"medium":6625,"thumbnail":6630},{"ext":3437,"url":6616,"hash":6617,"mime":100,"name":6618,"path":39,"size":6550,"width":41,"height":41,"provider_metadata":6619},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735435/large_Original_Macintosh_calculator_bbcd04f617.jpg","large_Original_Macintosh_calculator_bbcd04f617","large_Original Macintosh calculator",{"public_id":6617,"resource_type":44},{"ext":3437,"url":6621,"hash":6622,"mime":100,"name":6623,"path":39,"size":6556,"width":50,"height":50,"provider_metadata":6624},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735437/small_Original_Macintosh_calculator_bbcd04f617.jpg","small_Original_Macintosh_calculator_bbcd04f617","small_Original Macintosh calculator",{"public_id":6622,"resource_type":44},{"ext":3437,"url":6626,"hash":6627,"mime":100,"name":6628,"path":39,"size":6562,"width":58,"height":58,"provider_metadata":6629},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735436/medium_Original_Macintosh_calculator_bbcd04f617.jpg","medium_Original_Macintosh_calculator_bbcd04f617","medium_Original Macintosh calculator",{"public_id":6627,"resource_type":44},{"ext":3437,"url":6631,"hash":6632,"mime":100,"name":6633,"path":39,"size":6568,"width":67,"height":67,"provider_metadata":6634},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735434/thumbnail_Original_Macintosh_calculator_bbcd04f617.jpg","thumbnail_Original_Macintosh_calculator_bbcd04f617","thumbnail_Original Macintosh calculator",{"public_id":6632,"resource_type":44},"Original_Macintosh_calculator_bbcd04f617","https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735433/Original_Macintosh_calculator_bbcd04f617.jpg",{"public_id":6635,"resource_type":44},"2023-05-10T16:17:17.621Z","2023-05-10T16:17:17.636Z",{"__component":23,"id":672,"Text":6641},"We very quickly moved on from Skeuomorphism into a flat design. Whilst Skeuomorphism helped users navigate the new digital world better, it was also a drawback for designers. It made designs look cluttered. With a generation growing up not knowing a world without digital interfaces, was there much need for this trend anymore?\n\nFlat design became popular. Gone were bevelled edges, drop shadows and gradients and flat icons in their place. Windows 8 is an excellent example of this.",{"__component":141,"id":433,"Size":4089,"caption":6643,"Image":6644},"Windows 8",[6645],{"id":3299,"name":6646,"alternativeText":29,"caption":6646,"width":6248,"height":6248,"formats":6647,"hash":6671,"ext":3437,"mime":100,"size":6672,"url":6673,"previewUrl":39,"provider":72,"provider_metadata":6674,"created_at":6675,"updated_at":6676},"Windows 8 display",{"large":6648,"small":6654,"medium":6660,"thumbnail":6665},{"ext":3437,"url":6649,"hash":6650,"mime":100,"name":6651,"path":39,"size":6652,"width":41,"height":41,"provider_metadata":6653},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735510/large_Windows_8_display_1f97c484ec.jpg","large_Windows_8_display_1f97c484ec","large_Windows 8 display",52.58,{"public_id":6650,"resource_type":44},{"ext":3437,"url":6655,"hash":6656,"mime":100,"name":6657,"path":39,"size":6658,"width":50,"height":50,"provider_metadata":6659},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735512/small_Windows_8_display_1f97c484ec.jpg","small_Windows_8_display_1f97c484ec","small_Windows 8 display",22.15,{"public_id":6656,"resource_type":44},{"ext":3437,"url":6661,"hash":6662,"mime":100,"name":6663,"path":39,"size":6598,"width":58,"height":58,"provider_metadata":6664},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735511/medium_Windows_8_display_1f97c484ec.jpg","medium_Windows_8_display_1f97c484ec","medium_Windows 8 display",{"public_id":6662,"resource_type":44},{"ext":3437,"url":6666,"hash":6667,"mime":100,"name":6668,"path":39,"size":6669,"width":67,"height":67,"provider_metadata":6670},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735509/thumbnail_Windows_8_display_1f97c484ec.jpg","thumbnail_Windows_8_display_1f97c484ec","thumbnail_Windows 8 display",4.85,{"public_id":6667,"resource_type":44},"Windows_8_display_1f97c484ec",55.32,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735508/Windows_8_display_1f97c484ec.jpg",{"public_id":6671,"resource_type":44},"2023-05-10T16:18:33.420Z","2023-05-10T16:18:33.431Z",{"__component":23,"id":6678,"Text":6679},348,"IOS 7 was apples first jump into a flat design. Many people quickly declared Skeuomorphism dead, but it wasn’t entirely true as we can still see its uses, such as the camera icon or videos. So even though it has moved forward, saying it died was a little far-fetched.",{"__component":141,"id":439,"Size":4089,"caption":6681,"Image":6682},"IOS 7",[6683],{"id":1404,"name":6684,"alternativeText":29,"caption":6684,"width":6248,"height":6248,"formats":6685,"hash":6710,"ext":3437,"mime":100,"size":6711,"url":6712,"previewUrl":39,"provider":72,"provider_metadata":6713,"created_at":6714,"updated_at":6715},"IOS 7 flat design",{"large":6686,"small":6692,"medium":6698,"thumbnail":6704},{"ext":3437,"url":6687,"hash":6688,"mime":100,"name":6689,"path":39,"size":6690,"width":41,"height":41,"provider_metadata":6691},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735592/large_IOS_7_flat_design_833c13a94b.jpg","large_IOS_7_flat_design_833c13a94b","large_IOS 7 flat design",50.05,{"public_id":6688,"resource_type":44},{"ext":3437,"url":6693,"hash":6694,"mime":100,"name":6695,"path":39,"size":6696,"width":50,"height":50,"provider_metadata":6697},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735594/small_IOS_7_flat_design_833c13a94b.jpg","small_IOS_7_flat_design_833c13a94b","small_IOS 7 flat design",18.05,{"public_id":6694,"resource_type":44},{"ext":3437,"url":6699,"hash":6700,"mime":100,"name":6701,"path":39,"size":6702,"width":58,"height":58,"provider_metadata":6703},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735593/medium_IOS_7_flat_design_833c13a94b.jpg","medium_IOS_7_flat_design_833c13a94b","medium_IOS 7 flat design",32.93,{"public_id":6700,"resource_type":44},{"ext":3437,"url":6705,"hash":6706,"mime":100,"name":6707,"path":39,"size":6708,"width":67,"height":67,"provider_metadata":6709},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735591/thumbnail_IOS_7_flat_design_833c13a94b.jpg","thumbnail_IOS_7_flat_design_833c13a94b","thumbnail_IOS 7 flat design",3.39,{"public_id":6706,"resource_type":44},"IOS_7_flat_design_833c13a94b",55.78,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735591/IOS_7_flat_design_833c13a94b.jpg",{"public_id":6710,"resource_type":44},"2023-05-10T16:19:54.730Z","2023-05-10T16:19:54.744Z",{"__component":23,"id":6717,"Text":6718},349,"Although we have moved on from the early days of Skeuomorphism, it’s undoubtedly something we continue to use in a much more subtle way. Skeuomorphism and Flat Design do not need to be exclusive to each other, and we can use the more common flat approach but still apply skeuomorphic attributes. A great example of this would be the IOS 15 notes app, which uses very Skeuomorphic pen attributes. A more familiar design would probably be the weather app, which includes many Skeuomorphic elements.",{"__component":141,"id":445,"Size":4089,"caption":6720,"Image":6721},"IOS 15 notes",[6722,6755],{"id":6723,"name":6724,"alternativeText":29,"caption":6724,"width":6248,"height":6248,"formats":6725,"hash":6749,"ext":3437,"mime":100,"size":6750,"url":6751,"previewUrl":39,"provider":72,"provider_metadata":6752,"created_at":6753,"updated_at":6754},215,"IOS notes",{"large":6726,"small":6731,"medium":6737,"thumbnail":6743},{"ext":3437,"url":6727,"hash":6728,"mime":100,"name":6729,"path":39,"size":3144,"width":41,"height":41,"provider_metadata":6730},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735712/large_IOS_notes_ddef2e528e.jpg","large_IOS_notes_ddef2e528e","large_IOS notes",{"public_id":6728,"resource_type":44},{"ext":3437,"url":6732,"hash":6733,"mime":100,"name":6734,"path":39,"size":6735,"width":50,"height":50,"provider_metadata":6736},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735714/small_IOS_notes_ddef2e528e.jpg","small_IOS_notes_ddef2e528e","small_IOS notes",17.94,{"public_id":6733,"resource_type":44},{"ext":3437,"url":6738,"hash":6739,"mime":100,"name":6740,"path":39,"size":6741,"width":58,"height":58,"provider_metadata":6742},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735713/medium_IOS_notes_ddef2e528e.jpg","medium_IOS_notes_ddef2e528e","medium_IOS notes",33.87,{"public_id":6739,"resource_type":44},{"ext":3437,"url":6744,"hash":6745,"mime":100,"name":6746,"path":39,"size":6747,"width":67,"height":67,"provider_metadata":6748},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735711/thumbnail_IOS_notes_ddef2e528e.jpg","thumbnail_IOS_notes_ddef2e528e","thumbnail_IOS notes",3.9,{"public_id":6745,"resource_type":44},"IOS_notes_ddef2e528e",54.16,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735711/IOS_notes_ddef2e528e.jpg",{"public_id":6749,"resource_type":44},"2023-05-10T16:21:54.587Z","2023-05-10T16:21:54.597Z",{"id":6756,"name":6757,"alternativeText":29,"caption":6757,"width":6248,"height":6248,"formats":6758,"hash":6782,"ext":3437,"mime":100,"size":6783,"url":6784,"previewUrl":39,"provider":72,"provider_metadata":6785,"created_at":6786,"updated_at":6787},216,"IOS weather app",{"large":6759,"small":6765,"medium":6771,"thumbnail":6777},{"ext":3437,"url":6760,"hash":6761,"mime":100,"name":6762,"path":39,"size":6763,"width":41,"height":41,"provider_metadata":6764},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735712/large_IOS_weather_app_2a40aad7b9.jpg","large_IOS_weather_app_2a40aad7b9","large_IOS weather app",47.23,{"public_id":6761,"resource_type":44},{"ext":3437,"url":6766,"hash":6767,"mime":100,"name":6768,"path":39,"size":6769,"width":50,"height":50,"provider_metadata":6770},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735714/small_IOS_weather_app_2a40aad7b9.jpg","small_IOS_weather_app_2a40aad7b9","small_IOS weather app",18.68,{"public_id":6767,"resource_type":44},{"ext":3437,"url":6772,"hash":6773,"mime":100,"name":6774,"path":39,"size":6775,"width":58,"height":58,"provider_metadata":6776},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735713/medium_IOS_weather_app_2a40aad7b9.jpg","medium_IOS_weather_app_2a40aad7b9","medium_IOS weather app",32.33,{"public_id":6773,"resource_type":44},{"ext":3437,"url":6778,"hash":6779,"mime":100,"name":6780,"path":39,"size":6747,"width":67,"height":67,"provider_metadata":6781},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735711/thumbnail_IOS_weather_app_2a40aad7b9.jpg","thumbnail_IOS_weather_app_2a40aad7b9","thumbnail_IOS weather app",{"public_id":6779,"resource_type":44},"IOS_weather_app_2a40aad7b9",51.19,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1683735711/IOS_weather_app_2a40aad7b9.jpg",{"public_id":6782,"resource_type":44},"2023-05-10T16:21:54.716Z","2023-05-10T16:21:54.725Z",{"__component":141,"id":499,"Size":4089,"caption":6789,"Image":6790},"Weather App",[6791],{"id":448,"name":6792,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":6793,"hash":6814,"ext":3437,"mime":100,"size":6783,"url":6815,"previewUrl":39,"provider":72,"provider_metadata":6816,"created_at":6817,"updated_at":6818},"instagram-followon-image-green-secondary-5.jpg",{"large":6794,"small":6799,"medium":6804,"thumbnail":6809},{"ext":3437,"url":6795,"hash":6796,"mime":100,"name":6797,"path":39,"size":6763,"width":41,"height":41,"provider_metadata":6798},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684423124/large_instagram_followon_image_green_secondary_5_a070defa82.jpg","large_instagram_followon_image_green_secondary_5_a070defa82","large_instagram-followon-image-green-secondary-5.jpg",{"public_id":6796,"resource_type":44},{"ext":3437,"url":6800,"hash":6801,"mime":100,"name":6802,"path":39,"size":6769,"width":50,"height":50,"provider_metadata":6803},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684423125/small_instagram_followon_image_green_secondary_5_a070defa82.jpg","small_instagram_followon_image_green_secondary_5_a070defa82","small_instagram-followon-image-green-secondary-5.jpg",{"public_id":6801,"resource_type":44},{"ext":3437,"url":6805,"hash":6806,"mime":100,"name":6807,"path":39,"size":6775,"width":58,"height":58,"provider_metadata":6808},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684423125/medium_instagram_followon_image_green_secondary_5_a070defa82.jpg","medium_instagram_followon_image_green_secondary_5_a070defa82","medium_instagram-followon-image-green-secondary-5.jpg",{"public_id":6806,"resource_type":44},{"ext":3437,"url":6810,"hash":6811,"mime":100,"name":6812,"path":39,"size":6747,"width":67,"height":67,"provider_metadata":6813},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684423123/thumbnail_instagram_followon_image_green_secondary_5_a070defa82.jpg","thumbnail_instagram_followon_image_green_secondary_5_a070defa82","thumbnail_instagram-followon-image-green-secondary-5.jpg",{"public_id":6811,"resource_type":44},"instagram_followon_image_green_secondary_5_a070defa82","https://res.cloudinary.com/djyjvrw5u/image/upload/v1684423122/instagram_followon_image_green_secondary_5_a070defa82.jpg",{"public_id":6814,"resource_type":44},"2023-05-18T15:18:46.458Z","2023-05-18T15:18:46.478Z",{"__component":23,"id":2837,"Text":6820},"We certainly don't use Skeuomorphism as much as we used to, as we all become more familiar with using digital devices. However, with the rapid evolution of the digital world and new products released, it's likely to be used to help users feel familiar with new ways of using devices. For example, with the introduction of driverless cars, smart watches (made to look more analogue) and certainly in AR and VR as we attempt to help users navigate these new concepts. And it's fair to say that Skeuomorphism has undoubtedly inspired some of the effects we see in the latest trends, like Neumorphism with the use of inner and drop shadows which later inspired Claymorphism, a movement I will touch on at a later date.",{"id":311,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":6822,"hash":6838,"ext":34,"mime":37,"size":6839,"url":6840,"previewUrl":39,"provider":72,"provider_metadata":6841,"created_at":6842,"updated_at":6842},{"small":6823,"medium":6828,"thumbnail":6833},{"ext":34,"url":6824,"hash":6825,"mime":37,"name":302,"path":39,"size":6826,"width":50,"height":311,"provider_metadata":6827},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367590/small_nano_final_0a7bec776e.png","small_nano_final_0a7bec776e",323.06,{"public_id":6825,"resource_type":44},{"ext":34,"url":6829,"hash":6830,"mime":37,"name":309,"path":39,"size":6831,"width":58,"height":537,"provider_metadata":6832},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367589/medium_nano_final_0a7bec776e.png","medium_nano_final_0a7bec776e",765.2,{"public_id":6830,"resource_type":44},{"ext":34,"url":6834,"hash":6835,"mime":37,"name":316,"path":39,"size":6836,"width":544,"height":67,"provider_metadata":6837},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367587/thumbnail_nano_final_0a7bec776e.png","thumbnail_nano_final_0a7bec776e",51.53,{"public_id":6835,"resource_type":44},"nano_final_0a7bec776e",1022.82,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367586/nano_final_0a7bec776e.png",{"public_id":6838,"resource_type":44},"2026-04-28T09:13:11.313Z",[6844,6845],{"id":2630,"Name":6215,"created_at":6216,"updated_at":6217,"slug":6218},{"id":1642,"Name":5084,"created_at":5085,"updated_at":5086,"slug":5087},{"id":387,"Title":6847,"user":6848,"Summary":6854,"created_at":6855,"updated_at":6856,"slug":6857,"published_at":6858,"release_date":6859,"Layout":381,"Content":6860,"Feature":6988,"tags":7010},"Becky meets with the Girls Network",{"id":3523,"username":4763,"email":4764,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":4765,"updated_at":4766,"project":39,"Picture":6849},{"id":1672,"name":4768,"alternativeText":29,"caption":29,"width":950,"height":4769,"formats":6850,"hash":4777,"ext":97,"mime":100,"size":4778,"url":4779,"previewUrl":39,"provider":72,"provider_metadata":6853,"created_at":4781,"updated_at":4782},{"thumbnail":6851},{"ext":97,"url":4772,"hash":4773,"mime":100,"name":4774,"path":39,"size":4775,"width":2073,"height":67,"provider_metadata":6852},{"public_id":4773,"resource_type":44},{"public_id":4777,"resource_type":44},"This week I (Becky) met up with a lovely girl who is part of The Girls Network, whose mission is to inspire and empower girls from the least advantaged communities by connecting them with a mentor and a network of professional role models who are women. It's an incredible charity, and I was glad I was able to help.","2023-05-15T12:07:37.427Z","2026-04-28T09:16:59.388Z","becky-meets-with-the-girls-network","2023-05-18T13:45:27.628Z","2023-05-19",[6861,6900,6903,6938,6941,6982,6985],{"__component":141,"id":487,"Size":143,"caption":6862,"Image":6863},"Becky and 'H' chatting all things design.",[6864],{"id":436,"name":6865,"alternativeText":29,"caption":29,"width":5592,"height":6866,"formats":6867,"hash":6894,"ext":3437,"mime":100,"size":6895,"url":6896,"previewUrl":39,"provider":72,"provider_metadata":6897,"created_at":6898,"updated_at":6899},"IMG_6171.jpg",3139,{"large":6868,"small":6875,"medium":6881,"thumbnail":6888},{"ext":3437,"url":6869,"hash":6870,"mime":100,"name":6871,"path":39,"size":6872,"width":6873,"height":41,"provider_metadata":6874},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684155103/large_IMG_6171_4ddc8cbecb.jpg","large_IMG_6171_4ddc8cbecb","large_IMG_6171.jpg",219.17,963,{"public_id":6870,"resource_type":44},{"ext":3437,"url":6876,"hash":6877,"mime":100,"name":6878,"path":39,"size":6879,"width":59,"height":50,"provider_metadata":6880},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684155105/small_IMG_6171_4ddc8cbecb.jpg","small_IMG_6171_4ddc8cbecb","small_IMG_6171.jpg",60.19,{"public_id":6877,"resource_type":44},{"ext":3437,"url":6882,"hash":6883,"mime":100,"name":6884,"path":39,"size":6885,"width":6886,"height":58,"provider_metadata":6887},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684155104/medium_IMG_6171_4ddc8cbecb.jpg","medium_IMG_6171_4ddc8cbecb","medium_IMG_6171.jpg",124.07,723,{"public_id":6883,"resource_type":44},{"ext":3437,"url":6889,"hash":6890,"mime":100,"name":6891,"path":39,"size":6892,"width":2145,"height":67,"provider_metadata":6893},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684155102/thumbnail_IMG_6171_4ddc8cbecb.jpg","thumbnail_IMG_6171_4ddc8cbecb","thumbnail_IMG_6171.jpg",8.51,{"public_id":6890,"resource_type":44},"IMG_6171_4ddc8cbecb",1026.39,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684155101/IMG_6171_4ddc8cbecb.jpg",{"public_id":6894,"resource_type":44},"2023-05-15T12:51:45.409Z","2023-05-15T12:51:45.420Z",{"__component":23,"id":6901,"Text":6902},358,"This young lady (we'll call her 'H' to protect her identity) is interested in becoming a designer. However, she is still figuring out what is involved in a design career, so her mentor and I all got together to discuss and see if it was something she might want to do in future and, if so, how should she go about it.\n\nI've worked professionally as a designer for over 15 years, so I like to think I can be of some help. It was also quite fun to think back to where it all began and how much has changed in the relatively short time I have been doing this as a career.\n\nWe met at the shared co-working space I use in Brighton. I wanted her to get a feel of how companies are working these days. Since COVID-19, many of us either work entirely remotely or have adapted to a hybrid work lifestyle. By the time 'H' is ready to battle the working world, who knows how we'll all be working? My particular workspace is chilled and calm, and I wanted her to know that despite remote working, this gives us all an opportunity to be around people, not feel lonely and get a sense of 'being at work'.\n\nIt was a nice casual meeting with some Q&As I wanted to share here in case anyone else is in the same position. Perhaps you are choosing subjects to study for GCSEs or considering applying for college, or maybe you are thinking of applying for a job, but where do you even start?\n\n#### 'H' - What inspired you to become a designer?\n**'B'** - I was never particularly brilliant at the more academic subjects at school. I just wasn't inspired by them. However, I loved the more creative sessions like drama, food tech, art and woodwork. I don't think I realised you could have a career being creative until I watched some terrible movie where the lead played the head of a marketing company (I have no idea what this movie is now, and I am slightly mortified it has the emphasis to my career but here we are). I thought - that's what I want. So I chose as many 'creative' exams as possible and tried my best with the others. I came out of school with pretty average grades, nothing stellar, but enough for me to have options. From there, I secured a position at a local college doing design and illustration. After that, I got offered a place at Brighton University to do a degree in Communication Design. This was huge. I never thought I'd go to college, let alone university. Why is this important? Well, you never know what doors will open for you, I didn't think I'd get fantastic grades from school, but they were OK, which got me a college space, and from there, I could be freely creative and start creating artwork, I might never have done, which then gained me my uni position, and from there, I had a portfolio to take on and ask people for a job!\n\n#### 'H' - What do you think sets your work apart from other designers?\n**'B'** - Excellent question! I am a pretty eclectic designer. I am never afraid to dip my toes into unknown territory, and I'm always willing to take on new challenges and skills to create something that will work better. So many times, I have sat in front of another application I have no idea how to use, or I've been asked to create something I've never done before, but I always take it on.\n\n#### ’H’ - What techniques do you use to stay creative and motivated?\n**'B'** - I love this question. Sometimes working in the creative world can feel overwhelming. It might sound odd, but I like to stay motivated by taking breaks from it, believe it or not! I think it’s essential to recharge the creative part of my brain by doing mundane things like walking my dog, going to the gym, watching some awful TV programme or reading a good book to escape. Then, when I am ready to head back into that world, I use sites like Behance, Dribble and awwwards to find inspiring work. Instagram and tik tok are also excellent, and twitter has some really inspiring designers on there. Also, sign up for some newsletters and read them each week (I’ve added links below, along with some designers I enjoy following). In reality, I can be inspired by anything; it doesn’t have to be digital art; it could be graffiti, fashion, a film, or something someone says. So if it alights a spark, jot it down (my notes are filled with thoughts) and see how that comes out through design.\n\n#### ‘H’ - what do you think are the most important elements of successful design?\n**'B'** - It needs to be functional. While looking nice is important, thinking about why we create a layout the way we do is just as important! What is it we want people to do when they see our design? Are we trying to lead them somewhere? Can we make them click a link? If so, we need to ensure that our design leads them to make that decision. I saw the below on Twitter and thought it was a good example. A design should be evident and the direction apparent to a user.",{"__component":141,"id":481,"Size":143,"caption":6904,"Image":6905},"Sonny Lazuardi tweet",[6906],{"id":430,"name":6907,"alternativeText":29,"caption":29,"width":5792,"height":544,"formats":6908,"hash":6932,"ext":34,"mime":37,"size":6933,"url":6934,"previewUrl":39,"provider":72,"provider_metadata":6935,"created_at":6936,"updated_at":6937},"Screenshot 2023-04-27 at 11.40.41.png",{"large":6909,"small":6915,"medium":6921,"thumbnail":6927},{"ext":34,"url":6910,"hash":6911,"mime":37,"name":6912,"path":39,"size":6913,"width":41,"height":124,"provider_metadata":6914},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684152161/large_Screenshot_2023_04_27_at_11_40_41_e5ec5729ff.png","large_Screenshot_2023_04_27_at_11_40_41_e5ec5729ff","large_Screenshot 2023-04-27 at 11.40.41.png",63.23,{"public_id":6911,"resource_type":44},{"ext":34,"url":6916,"hash":6917,"mime":37,"name":6918,"path":39,"size":6919,"width":50,"height":1725,"provider_metadata":6920},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684152163/small_Screenshot_2023_04_27_at_11_40_41_e5ec5729ff.png","small_Screenshot_2023_04_27_at_11_40_41_e5ec5729ff","small_Screenshot 2023-04-27 at 11.40.41.png",22.24,{"public_id":6917,"resource_type":44},{"ext":34,"url":6922,"hash":6923,"mime":37,"name":6924,"path":39,"size":6925,"width":58,"height":1824,"provider_metadata":6926},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684152162/medium_Screenshot_2023_04_27_at_11_40_41_e5ec5729ff.png","medium_Screenshot_2023_04_27_at_11_40_41_e5ec5729ff","medium_Screenshot 2023-04-27 at 11.40.41.png",40.63,{"public_id":6923,"resource_type":44},{"ext":34,"url":6928,"hash":6929,"mime":37,"name":6930,"path":39,"size":5777,"width":256,"height":2782,"provider_metadata":6931},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684152160/thumbnail_Screenshot_2023_04_27_at_11_40_41_e5ec5729ff.png","thumbnail_Screenshot_2023_04_27_at_11_40_41_e5ec5729ff","thumbnail_Screenshot 2023-04-27 at 11.40.41.png",{"public_id":6929,"resource_type":44},"Screenshot_2023_04_27_at_11_40_41_e5ec5729ff",45.35,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684152159/Screenshot_2023_04_27_at_11_40_41_e5ec5729ff.png",{"public_id":6932,"resource_type":44},"2023-05-15T12:02:43.724Z","2023-05-15T12:02:43.750Z",{"__component":23,"id":6939,"Text":6940},360,"The example below shows how easy it is to adopt a 'bad' design into a functional one. Ensure copy is legible and add descriptions so users know what it is they're being asked to download/login to, etc. Keep buttons in easy-to-access places (think how people hold their phones). Imagery is powerful, but if you use the wrong one, it can ruin a design entirely! \n\nThe design on the left uses a nice image, but it's so busy that all the copy gets lost. Also, it doesn't describe what it is, so a user would not be inclined to download this. \n\nThe design on the right uses an image with breathing space, meaning the copy stands out and is legible. We've added a brief description of what they are looking at. Finally, before the download button, we have included bulleted points selling the app's features; this should entice the user further to hit that button. ",{"__component":141,"id":493,"Size":143,"caption":6942,"Image":6943},"Bad vs good design",[6944],{"id":442,"name":6945,"alternativeText":29,"caption":29,"width":6946,"height":6947,"formats":6948,"hash":6976,"ext":3437,"mime":100,"size":6977,"url":6978,"previewUrl":39,"provider":72,"provider_metadata":6979,"created_at":6980,"updated_at":6981},"Frame 405.jpg",1288,1248,{"large":6949,"small":6956,"medium":6963,"thumbnail":6970},{"ext":3437,"url":6950,"hash":6951,"mime":100,"name":6952,"path":39,"size":6953,"width":41,"height":6954,"provider_metadata":6955},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684158271/large_Frame_405_6428e4d9d3.jpg","large_Frame_405_6428e4d9d3","large_Frame 405.jpg",140.27,969,{"public_id":6951,"resource_type":44},{"ext":3437,"url":6957,"hash":6958,"mime":100,"name":6959,"path":39,"size":6960,"width":50,"height":6961,"provider_metadata":6962},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684158273/small_Frame_405_6428e4d9d3.jpg","small_Frame_405_6428e4d9d3","small_Frame 405.jpg",42.25,484,{"public_id":6958,"resource_type":44},{"ext":3437,"url":6964,"hash":6965,"mime":100,"name":6966,"path":39,"size":6967,"width":58,"height":6968,"provider_metadata":6969},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684158272/medium_Frame_405_6428e4d9d3.jpg","medium_Frame_405_6428e4d9d3","medium_Frame 405.jpg",87.16,727,{"public_id":6965,"resource_type":44},{"ext":3437,"url":6971,"hash":6972,"mime":100,"name":6973,"path":39,"size":6974,"width":1685,"height":67,"provider_metadata":6975},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684158270/thumbnail_Frame_405_6428e4d9d3.jpg","thumbnail_Frame_405_6428e4d9d3","thumbnail_Frame 405.jpg",6.47,{"public_id":6972,"resource_type":44},"Frame_405_6428e4d9d3",222.5,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1684158270/Frame_405_6428e4d9d3.jpg",{"public_id":6976,"resource_type":44},"2023-05-15T13:44:34.170Z","2023-05-15T13:44:34.181Z",{"__component":23,"id":6983,"Text":6984},359,"#### 'H' - what challenges have you faced in your work and how do you overcome them?\n**'B'** - I think the best way to answer this is to say that I have learnt more from my failures than my achievements. I've had a handful of times that designs just haven't worked. For whatever reason, it can be something small like not agreeing on a colour palette or hating a font, but sometimes we designers miss the mark entirely. I've created totally wrong designs, and that's OK if you move on from it. Figure out why it went wrong. How can I fix it? What do I need to sort this out? Usually, it's going back to the start, re-addressing the brief and having honest conversations with your clients. And Sometimes, people just aren't feeling it, and that's OK. Remember, design is very subjective when it comes to look and feel. We can't win em all, so don't feel disheartened but remember to ask the right questions when trying again!\n\n#### 'H’ - What has your career path looked like? How have you progressed?\n**'B'** - When I left Uni, there was a recession, so finding a job was a little tricky. I actually ended up getting a bar job and told everyone and anyone that would listen that I had a design degree. I managed to design some posters for event nights and perhaps the odd job for customers for a very, very small fee (whilst I don't condone working for free, it's not an awful idea to build your portfolio up, offer to do bits for friends or family which will help you both out but don't let people take the mick!) Eventually, that paid off. A lady who popped in for a drink caught wind of this and asked me to come in for a chat as she ran her own web agency, so I did. With my massive portfolio (that's what we did back then, digital portfolios, thankfully, are a thing now), I lugged on the train and met with her and the rest of the company. I was offered 1 day a week, which soon became 2.\nI worked under the creative director (another awesome woman) and was mentored and taught how the actual design world operates. I eventually got offered a full-time placement and worked there until I was midweight (promoted from junior) and ran the department 2 days a week. Here I was designing websites, creating brands and producing many print work designs like brochures and marketing materials. \n\nI then moved to Brighton and got a job in a marketing agency. Again a lot of the work here was print-based. It was here the world started changing to a more digital marketing one. I was designing emails and helping convert our giant print-based brochures into websites. \n\nAfter this, I dipped my toe in the freelance world, which was hard work but satisfying. I worked with various companies on various work, including branding, packaging design, websites and Apps. I loved it but was a bit lonely, so I got a contracting job for a construction company. Contracting is usually a more significant period that a company will agree to hire you for, rather than the odd job here and there. So it's more secure in terms of your income. Here I created massive marketing materials for large constructions they wanted to sell. This was fun, but the truth is, it was a lot of in-house design. I wanted something more varied, so I went to a digital meet-up in Brighton (I highly recommend doing these. Always great to talk to people and get a sense of a company), where I met the Senior team of a digital agency. We chatted, and I interviewed for their senior designer role and got the job.\n\nI worked with them for 5 years, and this is where I dug into the digital design world. Here I helped design Apps, digital competitions and websites for huge corporate brands with hundreds of thousands of visitors. I was learning to code (I'll admit, not my strong point). I was liaising with clients regularly and working amongst a team of designers and developers. The world had really changed by this point, and the design career I perhaps once thought I would have seemed entirely different due to technology rapidly developing. Whilst that was a little daunting, it was fantastic to learn new techniques and master new applications.\n\nI then hopped to Pixelhop as their Senior Designer. I have continued to master my UI and UX skills and worked on some fantastic projects, taking on a project manager role alongside design and adapting to a fully remote work life.\n\nSo it starts by getting a toe in the door and growing and developing, learning from others and adapting to the changing landscape of the design world.\n\n#### 'H' - Whats the difference between 'in-house' and 'agency'?\n**'B'** - 'In-house' is more likely that you will work with just one brand and regularly create materials using the same logo, colours and fonts. This is great if you like consistency, as you'll get to know a brand and how it should be used across many platforms. On the other hand, agency work is a lot more varied. You could be working on various projects simultaneously, with different brands and guidelines to follow, so you need to be more adaptable to these roles. In my experience, they're much faster-paced, but if you like variation, this is for you.\n\n#### 'H' - what do you think are the biggest trends in design right now?\n**'B'** - I am glad you asked. I will be releasing a series of blog posts focussing in this years trends, so keep an eye out! In short - right now, we are seeing a lot of kitsch designs and repeating movements from the 90s, making me feel old 😞 3D design is also big right now, as well as animation. These would be excellent areas to look into.\n\n#### ‘H’ - what do you think are the most important skills for a designer to have?\n**'B'** - Patience, a good eye for the latest trends but not be dictated by them and thought behind the finished product - what do I want this design to do?\n\n#### ‘H’ - what advice would you give to someone just starting out in design?\n**'B'** - Follow everyone who inspires you, create your Behance, Dribble or Instagram account and start getting your name out there. Me and ‘H’ discussed that when leaving school or college, your portfolio will be a bit lacking of actual work, but that’s OK. When starting out and looking for junior roles, I think most companies would be looking to see your passion for design rather than your professional skills. You are starting out, so this is part of what your new colleagues will teach you. ‘H’ likes using Procreate, so my advice was to create and post any designs online and start building up a portfolio showcasing what she does. If you want to start building a more professional portfolio, these are good places to help you start!\n\n[Wix portfoilio website](https://www.wix.com/portfolio-website)\n\n[Canva](https://www.canva.com/create/portfolios/)\n\n\n#### ‘H’ - what do you think are the biggest challenges facing designers today?\n**'B'** - I think it’s always been the same. You have to move with the times, and the times move fast. Especially now, we are seeing a massive surge in AI. This could be a considerable threat to us, and I think there’s a feeling of unease, but perhaps we can consider it an ally. Maybe AI can help us tackle design problems. We need to learn to use AI to help us. Finding ways to use these ‘threats’ to our advantage is part of the challenge.\n\n#### ‘H’ - what do you think is the most important thing to consider when designing for a client?\n**'B'** - Listen to them. Ask them questions. Find out what the final result is that they want. As I said earlier, what is the goal of this design? And sometimes, remember the customer is not always correct. Eventually, you will be in the position where you are being hired for your expert opinion, which means pushing back because you know what is best for them.\n\nAt the end of our chat, I asked ‘H’ if this is what she thought a design career would look like, she told me it looked more challenging and complicated than she thought, and perhaps all these applications seemed a little daunting. I completely hear you, girl! I was terrified when I started out, and I still am. I always have to learn new programmes and working methods, but that’s the nature of this industry and probably many others. I was so scared when I started out, it’s a big scary design world out there, and it can be overwhelming, but you have to take one step at a time.\n\nSo here’s what we discussed that ‘H’ could do next:\n\n• **start posting on Instagram/socials** - this doesn’t even have to be her work. Post what she likes, take pictures of designs or whatever you want. I like to think of Instagram as a visual post-it note!\n\n• **consider doing some work for friends and family.** Ask them if they want a logo, poster, or some photos or videos edited, anything really. This is good practice because you can start learning to ask people what they want and practice getting feedback, hopefully creating some pieces you can add to your portfolio.\n\n• **consider going to a design meetup**, perhaps with her mentor, to get a feel and chat with companies. Ask them what they would expect to see from a junior applying for a job. Would they expect them to have a portfolio? Are they concerned about what qualifications you have etc…\n\n• **Don’t be afraid to start getting your name out there.** Tell people you are interested in design. You never know who is earwigging!\n\n• **focus on now but consider what might be next!** Do your best with your school work which will hopefully lead you on to college if that is what you choose to do\n\n• **Don’t worry!** There’s so much pressure to know what to do and how to get there but you’ll be A-OK! How do I know this? Coz I met ‘H’, and she’s super awesome!\n\nLastly, I am here to help with any advice or help ‘H’ (or anyone reading this) might need when heading out into the world, and so are my colleagues. Pixelhop wants to use our expertise in the best way possible, so don’t be afraid to get in touch!\nIf you have any questions or want any advice, feel free to post them below or email us, and we’ll be sure to get back to you with the best advice! Please give us a cheeky follow as we try and post as much help, advice and mini tutorials to help those in the industry or perhaps starting out. Let us know what you’d like to see more of to help!",{"__component":23,"id":6986,"Text":6987},361,"#### If you're interested in getting involved with the Girls Network then please go and check them out:\n[The Girls Network](https://www.thegirlsnetwork.org.uk/)\n\n#### Useful websites for inspiration:\n[dribble](https://dribbble.com/)\n[awwwards](https://www.awwwards.com/)\n[itsnicethat](https://www.itsnicethat.com/)\n[creative boom](https://www.creativeboom.com/)\n[behance](https://www.behance.net/beckasaunders)\n\n#### Useful newsletters to subscribe to:\n[Codrops](https://mailchi.mp/codrops/collective762?e=a2625cf9e7)\n[Shaping Design](https://shaping-design.editorx.com/pub/sf/FormLink?_ri_=X0Gzc2X=AQpglLjHJlTQG2zgFUlUyWRd2doeHcfPuKwC4zc4v3RqE1bzd70dzfREv66gInsJzbmUWlU5MoWbVXMtX=AQpglLjHJlTQG2zgFUlUyWRd2doeHcfPuKwHgEpCCtCSymam60zfySzdOaYNTlLN4RcnjzfJ7Lk&_ei_=EUlaGGF4SNMvxFF7KucKuWOL8fauzNH7QUgpchclHXbWoeB02mTSo5vPn4XkSTPoD2tprJBj9MLgsZSP59jEM6DERl0s15i_VvhPMPlRDPH5E5sBaqLCkXgKT_CKCEq62qhi2bfp-_InEvoTPrxdNwo.&_di_=vuv1bu0o4kc660nqre9eedj7np9s55e51i70cvjd0f7nv7iup49g)\n[Erik D Kennedy](https://www.erikdkennedy.com/)\n\n#### Designers I follow on Twitter:\n[Jessica Walsh](https://twitter.com/jessicawalsh)\n[Dan Petty](https://twitter.com/DannPetty)\n\n#### Designers I follow on Instagram:\n[Draplin](https://www.instagram.com/draplin/?hl=en)\n[Talias account](https://www.instagram.com/taliasaccount/?hl=en)\n",{"id":5110,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":6989,"hash":7005,"ext":34,"mime":37,"size":7006,"url":7007,"previewUrl":39,"provider":72,"provider_metadata":7008,"created_at":7009,"updated_at":7009},{"small":6990,"medium":6995,"thumbnail":7000},{"ext":34,"url":6991,"hash":6992,"mime":37,"name":302,"path":39,"size":6993,"width":50,"height":311,"provider_metadata":6994},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367818/small_nano_final_5537fb39d5.png","small_nano_final_5537fb39d5",343.57,{"public_id":6992,"resource_type":44},{"ext":34,"url":6996,"hash":6997,"mime":37,"name":309,"path":39,"size":6998,"width":58,"height":537,"provider_metadata":6999},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367817/medium_nano_final_5537fb39d5.png","medium_nano_final_5537fb39d5",813.14,{"public_id":6997,"resource_type":44},{"ext":34,"url":7001,"hash":7002,"mime":37,"name":316,"path":39,"size":7003,"width":544,"height":67,"provider_metadata":7004},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367815/thumbnail_nano_final_5537fb39d5.png","thumbnail_nano_final_5537fb39d5",55.31,{"public_id":7002,"resource_type":44},"nano_final_5537fb39d5",1059.7,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367815/nano_final_5537fb39d5.png",{"public_id":7005,"resource_type":44},"2026-04-28T09:16:58.814Z",[7011,7012],{"id":1642,"Name":5084,"created_at":5085,"updated_at":5086,"slug":5087},{"id":327,"Name":328,"created_at":329,"updated_at":330,"slug":331},{"id":2700,"Title":7014,"user":7015,"Summary":7021,"created_at":7022,"updated_at":7023,"slug":7024,"published_at":7025,"release_date":7026,"Layout":381,"Content":7027,"Feature":7406,"tags":7428},"Building an animated SVG logo with animejs",{"id":87,"username":1763,"email":1764,"provider":84,"confirmed":86,"blocked":86,"role":87,"created_at":1765,"updated_at":1766,"project":39,"Picture":7016},{"id":87,"name":1768,"alternativeText":29,"caption":29,"width":1769,"height":1769,"formats":7017,"hash":1776,"ext":97,"mime":100,"size":1777,"url":1778,"previewUrl":39,"provider":72,"provider_metadata":7020,"created_at":1780,"updated_at":1780},{"thumbnail":7018},{"ext":97,"url":1772,"hash":1773,"mime":100,"size":1774,"width":67,"height":67,"provider_metadata":7019},{"public_id":1773,"resource_type":44},{"public_id":1776,"resource_type":44},"This is the second part of our tutorial series, where we create a real-time game using supabase and Vue. In this part, we will learn how to create a fancy cyberpunk-style animated logo using SVGs and anime.js.\n\nIf you haven't already, check out the first post in the series, so you know what we are making!","2023-02-16T16:31:15.977Z","2026-04-28T09:19:51.418Z","building-an-animated-svg-logo-with-animejs","2023-02-16T18:02:51.148Z","2023-02-16",[7028,7037,7039,7049,7052,7090,7093,7103,7106,7142,7144,7146,7149,7152,7154,7157,7160,7198,7200,7202,7205,7207,7246,7248,7250,7252,7254,7256,7258,7260,7263,7265,7268,7270,7272,7282,7285,7288,7291,7293,7295,7305,7308,7310,7312,7322,7325,7327,7329,7331,7333,7335,7338,7340,7343,7353,7356,7358,7360,7370,7373,7375,7378,7380,7383,7394,7396,7398,7401,7403],{"__component":269,"id":2715,"title":271,"blog_series":39,"post_link":7029},[7030,7034],{"id":1331,"title":7031,"slug":7032,"description":7033,"blog_series":39},"Build a real-time game with supabase and Vue","build-a-real-time-game-with-supabase-and-vue","In part one we cover an introduction to the project, the initial project setup and styles.",{"id":1392,"title":7035,"slug":7024,"description":7036,"blog_series":39},"Building an animated SVG logo with anime.js","In part two we learn how to create our animated SVG logo",{"__component":23,"id":2917,"Text":7038},"## Dodgy cyberpunk style neon goodness\n\nHere's a little vid of what we will be making. As you can see, we have a cool-looking logo for our game. It has a fancy build-in animation and then a secondary idle animation where the letters flicker to give it that dodgy neon sign effect.",{"__component":1373,"id":2700,"Video":7040},{"id":1135,"name":7041,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7042,"ext":1379,"mime":1380,"size":7043,"url":7044,"previewUrl":7045,"provider":72,"provider_metadata":7046,"created_at":7047,"updated_at":7048},"logo-video.mov","logo_video_b8e48586bf",2942.86,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1676566709/logo_video_b8e48586bf.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/logo_video_b8e48586bf.gif",{"public_id":7042,"resource_type":1385},"2023-02-16T16:58:29.975Z","2023-02-16T16:58:29.985Z",{"__component":23,"id":7050,"Text":7051},311,"## Designing an \"animatable\" logo in Figma\n\nBefore we dive into the code, a few considerations need to be considered when designing a logo like this in Figma that make it much easier to animate once you have exported it.\n\n### Use paths where possible.\n\nSVG paths give you more animation options than using a combination of rectangles.\n\nWhen we originally designed the logo, we used a combination of rectangles to create the orange arrow and the blue lines above the logo. However, we realised this was a bad idea when we thought about how the logo should animate.\n\nIf we use paths rather than rectangles, we can use stroke-dashoffset to create a \"line drawing\" effect where the path is gradually \"drawn\" from one end to the other. Unfortunately, we can't do this with different SVG element types.\n\nThis means you will need to pick up the pen tool in Figma to recreate the shape as a single path using stroke to fill in the colour.\n",{"__component":141,"id":641,"Size":4089,"caption":7053,"Image":7054},"Using path makes it possible to animate a \"draw-in\" effect",[7055],{"id":1128,"name":7056,"alternativeText":29,"caption":29,"width":7057,"height":7058,"formats":7059,"hash":7084,"ext":34,"mime":37,"size":7085,"url":7086,"previewUrl":39,"provider":72,"provider_metadata":7087,"created_at":7088,"updated_at":7089},"Screenshot 2023-02-07 at 09.50.26.png",2086,664,{"large":7060,"small":7066,"medium":7072,"thumbnail":7078},{"ext":34,"url":7061,"hash":7062,"mime":37,"name":7063,"path":39,"size":7064,"width":41,"height":4629,"provider_metadata":7065},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676565508/large_Screenshot_2023_02_07_at_09_50_26_8212d39e9c.png","large_Screenshot_2023_02_07_at_09_50_26_8212d39e9c","large_Screenshot 2023-02-07 at 09.50.26.png",124.23,{"public_id":7062,"resource_type":44},{"ext":34,"url":7067,"hash":7068,"mime":37,"name":7069,"path":39,"size":7070,"width":50,"height":1672,"provider_metadata":7071},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676565509/small_Screenshot_2023_02_07_at_09_50_26_8212d39e9c.png","small_Screenshot_2023_02_07_at_09_50_26_8212d39e9c","small_Screenshot 2023-02-07 at 09.50.26.png",37.31,{"public_id":7068,"resource_type":44},{"ext":34,"url":7073,"hash":7074,"mime":37,"name":7075,"path":39,"size":7076,"width":58,"height":232,"provider_metadata":7077},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676565509/medium_Screenshot_2023_02_07_at_09_50_26_8212d39e9c.png","medium_Screenshot_2023_02_07_at_09_50_26_8212d39e9c","medium_Screenshot 2023-02-07 at 09.50.26.png",74.12,{"public_id":7074,"resource_type":44},{"ext":34,"url":7079,"hash":7080,"mime":37,"name":7081,"path":39,"size":7082,"width":256,"height":1681,"provider_metadata":7083},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676565507/thumbnail_Screenshot_2023_02_07_at_09_50_26_8212d39e9c.png","thumbnail_Screenshot_2023_02_07_at_09_50_26_8212d39e9c","thumbnail_Screenshot 2023-02-07 at 09.50.26.png",12.38,{"public_id":7080,"resource_type":44},"Screenshot_2023_02_07_at_09_50_26_8212d39e9c",377.76,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676565506/Screenshot_2023_02_07_at_09_50_26_8212d39e9c.png",{"public_id":7084,"resource_type":44},"2023-02-16T16:38:30.291Z","2023-02-16T16:38:30.302Z",{"__component":23,"id":7091,"Text":7092},312,"### Export text as individual layers in Figma\n\nBy default, when you write text in Figma and export it as an SVG, you will be presented with a single path element with all the letters combined. Of course, this is usually fine, but it means you are stuck if you want to animate the letters individually.\n\nUnfortunately, Figma doesn't make this as easy as it should be. There's no native way to take a text layer and split it into multiple new layers for each letter. You could create a new layer manually for each letter, but then you have to space them manually, and no one wants to do that!\n\nLuckily we found a Figma hack that makes this manageable.\n\n1. Flatten the text layer.\n2. Export only the text layer as an SVG.\n3. Import the SVG you just created back into Figma and use it to replace the original text layer.\n4. For some reason, the SVG you imported will have multiple layers grouped by letters! How handy!",{"__component":1373,"id":2705,"Video":7094},{"id":1141,"name":7095,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7096,"ext":1379,"mime":1380,"size":7097,"url":7098,"previewUrl":7099,"provider":72,"provider_metadata":7100,"created_at":7101,"updated_at":7102},"Screen Recording 2023-02-07 at 17.31.37.mov","Screen_Recording_2023_02_07_at_17_31_37_b599ad2a12",36317.26,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1676567130/Screen_Recording_2023_02_07_at_17_31_37_b599ad2a12.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Screen_Recording_2023_02_07_at_17_31_37_b599ad2a12.gif",{"public_id":7096,"resource_type":1385},"2023-02-16T17:05:33.172Z","2023-02-16T17:05:33.183Z",{"__component":23,"id":7104,"Text":7105},313,"### Name layers sensibly and export with IDs\n\nWhen you export your logo as an SVG, it will be a big file with many elements. To help us animate each layer, it's helpful to know what each SVG element is. To do this, you should give each layer in Figma a sensible name and select the \"Include \"id\" attribute\" option in the SVG export options.\n\n",{"__component":141,"id":1376,"Size":4089,"caption":39,"Image":7107},[7108],{"id":1184,"name":7109,"alternativeText":29,"caption":29,"width":7110,"height":4730,"formats":7111,"hash":7136,"ext":34,"mime":37,"size":7137,"url":7138,"previewUrl":39,"provider":72,"provider_metadata":7139,"created_at":7140,"updated_at":7141},"Screenshot 2023-02-07 at 17.37.00.png",1034,{"large":7112,"small":7118,"medium":7124,"thumbnail":7130},{"ext":34,"url":7113,"hash":7114,"mime":37,"name":7115,"path":39,"size":7116,"width":41,"height":4857,"provider_metadata":7117},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676567227/large_Screenshot_2023_02_07_at_17_37_00_7e9a3dc576.png","large_Screenshot_2023_02_07_at_17_37_00_7e9a3dc576","large_Screenshot 2023-02-07 at 17.37.00.png",44.46,{"public_id":7114,"resource_type":44},{"ext":34,"url":7119,"hash":7120,"mime":37,"name":7121,"path":39,"size":7122,"width":50,"height":1493,"provider_metadata":7123},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676567228/small_Screenshot_2023_02_07_at_17_37_00_7e9a3dc576.png","small_Screenshot_2023_02_07_at_17_37_00_7e9a3dc576","small_Screenshot 2023-02-07 at 17.37.00.png",17.63,{"public_id":7120,"resource_type":44},{"ext":34,"url":7125,"hash":7126,"mime":37,"name":7127,"path":39,"size":7128,"width":58,"height":3138,"provider_metadata":7129},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676567228/medium_Screenshot_2023_02_07_at_17_37_00_7e9a3dc576.png","medium_Screenshot_2023_02_07_at_17_37_00_7e9a3dc576","medium_Screenshot 2023-02-07 at 17.37.00.png",30.11,{"public_id":7126,"resource_type":44},{"ext":34,"url":7131,"hash":7132,"mime":37,"name":7133,"path":39,"size":7134,"width":256,"height":1663,"provider_metadata":7135},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676567226/thumbnail_Screenshot_2023_02_07_at_17_37_00_7e9a3dc576.png","thumbnail_Screenshot_2023_02_07_at_17_37_00_7e9a3dc576","thumbnail_Screenshot 2023-02-07 at 17.37.00.png",6.76,{"public_id":7132,"resource_type":44},"Screenshot_2023_02_07_at_17_37_00_7e9a3dc576",24.62,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676567225/Screenshot_2023_02_07_at_17_37_00_7e9a3dc576.png",{"public_id":7136,"resource_type":44},"2023-02-16T17:07:09.055Z","2023-02-16T17:07:09.066Z",{"__component":23,"id":898,"Text":7143},"Instead of randomly generated IDs, each layer will have an ID, including your layer name, making it much easier to know what you are looking at.\n\nFor example:",{"__component":412,"id":1579,"Code":7145,"Type":1189,"location":39,"language":39},"\u003Cg id=\"thick-line-1\" filter=\"url(#filter4_d_802_746)\">\n \u003Cpath d=\"M775.5 29H559\" stroke=\"#02FFFF\" stroke-width=\"10\"/>\n\u003C/g>\n\u003Cg id=\"thick-line-2\" filter=\"url(#filter5_d_802_746)\">\n \u003Cpath d=\"M334.5 29H118\" stroke=\"#02FFFF\" stroke-width=\"10\"/>\n\u003C/g>\n \u003Cpath id=\"thin-line\" d=\"M808 70.5V29H118.5\" stroke=\"#02FFFF\" stroke-opacity=\"0.32\" stroke-width=\"4\"/>\n\u003C/g>",{"__component":23,"id":7147,"Text":7148},315,"## Turning your SVG logo into a Vue component\nOkay, so now that we've talked enough about Figma, it's time to take our logo and bring it to life as a Vue component.\n\nFirst things first, export the logo as an SVG from Figma. Once you have the .svg file, open it in VSCode to see its markup. We are now going to plop that markup into a new Vue component in `src/components/Logo.vue`; simply dump all the SVG markup into the template tag. Because we have ESLint and Prettier setup, it should be auto-formatted nicely when you save too! How handy! It should look something like this once you are done:",{"__component":412,"id":2092,"Code":7150,"Type":1189,"location":7151,"language":39},"\n\u003Cscript setup lang=\"ts\">\n\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csvg width=\"950\" height=\"182\" viewBox=\"0 0 950 182\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n \u003Cg id=\"Logo\">\n \u003Cg id=\"text\" clip-path=\"url(#clip0_4_39)\">\n \u003Cg id=\"letters\" filter=\"url(#filter0_d_4_39)\">\n \u003Cpath id=\"letter\" d=\"M147.274 124V74.932H122.74V61.36H185.38V74.932H160.846V124H147.274Z\" fill=\"white\" />\n \u003Cpath id=\"letter_2\" d=\"M211.462 124V61.36H224.773V124H211.462Z\" fill=\"white\" />\n \u003Cpath\n id=\"letter_3\"\n d=\"M266.869 124C264.491 124 262.316 123.42 260.344 122.26C258.43 121.1 256.893 119.563 255.733 117.649C254.573 115.677 253.993 113.502 253.993 111.124V74.236C253.993 71.858 254.573 69.712 255.733 67.798C256.893 65.826 258.43 64.26 260.344 63.1C262.316 61.94 264.491 61.36 266.869 61.36H316.459V74.932H270.349C269.421 74.932 268.696 75.164 268.174 75.628C267.71 76.092 267.478 76.817 267.478 77.803V107.557C267.478 108.485 267.71 109.21 268.174 109.732C268.696 110.196 269.421 110.428 270.349 110.428H316.459V124H266.869Z\"\n fill=\"white\"\n />\n \u003Cpath id=\"letter_4\" d=\"M368.682 124V74.932H344.148V61.36H406.788V74.932H382.254V124H368.682Z\" fill=\"white\" />\n \u003Cpath\n id=\"letter_5\"\n d=\"M435.219 124V74.236C435.219 71.858 435.799 69.712 436.959 67.798C438.119 65.826 439.685 64.26 441.657 63.1C443.629 61.94 445.775 61.36 448.095 61.36H484.896C487.274 61.36 489.42 61.94 491.334 63.1C493.306 64.26 494.872 65.826 496.032 67.798C497.25 69.712 497.859 71.858 497.859 74.236V124H484.2V103.816H448.704V124H435.219ZM448.704 90.244H484.2V74.932H448.704V90.244Z\"\n fill=\"white\"\n />\n \u003Cpath\n id=\"letter_6\"\n d=\"M542.397 124C540.019 124 537.844 123.42 535.872 122.26C533.958 121.1 532.421 119.563 531.261 117.649C530.101 115.677 529.521 113.502 529.521 111.124V74.236C529.521 71.858 530.101 69.712 531.261 67.798C532.421 65.826 533.958 64.26 535.872 63.1C537.844 61.94 540.019 61.36 542.397 61.36H591.987V74.932H545.877C544.949 74.932 544.224 75.164 543.702 75.628C543.238 76.092 543.006 76.817 543.006 77.803V107.557C543.006 108.485 543.238 109.21 543.702 109.732C544.224 110.196 544.949 110.428 545.877 110.428H591.987V124H542.397Z\"\n fill=\"white\"\n />\n \u003Cpath\n id=\"letter_7\"\n d=\"M635.685 124C633.365 124 631.219 123.42 629.247 122.26C627.275 121.1 625.709 119.534 624.549 117.562C623.389 115.59 622.809 113.444 622.809 111.124V74.236C622.809 71.858 623.389 69.712 624.549 67.798C625.709 65.826 627.275 64.26 629.247 63.1C631.219 61.94 633.365 61.36 635.685 61.36H672.486C674.864 61.36 677.01 61.94 678.924 63.1C680.896 64.26 682.462 65.826 683.622 67.798C684.84 69.712 685.448 71.858 685.448 74.236V80.152H671.789V74.932H636.294V110.428H671.789V101.032H658.218V87.46H685.448V111.124C685.448 113.444 684.84 115.59 683.622 117.562C682.462 119.534 680.896 121.1 678.924 122.26C677.01 123.42 674.864 124 672.486 124H635.685Z\"\n fill=\"white\"\n />\n \u003Cpath\n id=\"letter_8\"\n d=\"M729.477 124C727.157 124 725.011 123.42 723.039 122.26C721.067 121.1 719.501 119.534 718.341 117.562C717.181 115.59 716.601 113.444 716.601 111.124V74.236C716.601 71.858 717.181 69.712 718.341 67.798C719.501 65.826 721.067 64.26 723.039 63.1C725.011 61.94 727.157 61.36 729.477 61.36H766.365C768.685 61.36 770.802 61.94 772.716 63.1C774.688 64.26 776.254 65.826 777.414 67.798C778.632 69.712 779.241 71.858 779.241 74.236V111.124C779.241 113.444 778.632 115.59 777.414 117.562C776.254 119.534 774.688 121.1 772.716 122.26C770.802 123.42 768.685 124 766.365 124H729.477ZM730.086 110.428H765.582V74.932H730.086V110.428Z\"\n fill=\"white\"\n />\n \u003C/g>\n \u003C/g>\n \u003Crect id=\"logo-end-1\" x=\"96\" y=\"23\" width=\"10\" height=\"133\" fill=\"#FF7615\" fill-opacity=\"0.27\" />\n \u003Crect id=\"logo-end-2\" x=\"69\" y=\"38\" width=\"10\" height=\"103\" fill=\"#FF7615\" fill-opacity=\"0.27\" />\n \u003Crect id=\"logo-end-3\" x=\"42\" y=\"62\" width=\"10\" height=\"55\" fill=\"#FF7615\" fill-opacity=\"0.27\" />\n \u003Cg id=\"logo-end-dot\" filter=\"url(#filter1_d_4_39)\">\n \u003Crect x=\"12\" y=\"81\" width=\"16\" height=\"16\" fill=\"#02FFFF\" />\n \u003C/g>\n \u003Cg id=\"arrow\" filter=\"url(#filter2_d_4_39)\">\n \u003Crect\n id=\"arrow-tip-top\"\n x=\"833\"\n y=\"64.598\"\n width=\"56\"\n height=\"10\"\n transform=\"rotate(-45 833 64.598)\"\n fill=\"#FF7615\"\n />\n \u003Crect\n id=\"arrow-tip-bottom\"\n x=\"840.071\"\n y=\"57.4731\"\n width=\"56\"\n height=\"10\"\n transform=\"rotate(45 840.071 57.4731)\"\n fill=\"#FF7615\"\n />\n \u003Cpath id=\"arrow-path\" d=\"M118 151.5H919.5V65H846.5\" stroke=\"#FF7615\" stroke-width=\"10\" />\n \u003C/g>\n \u003Cg id=\"blue-line\">\n \u003Cg id=\"square-1\" filter=\"url(#filter3_d_4_39)\">\n \u003Crect x=\"800\" y=\"56\" width=\"16\" height=\"16\" fill=\"#02FFFF\" />\n \u003C/g>\n \u003Cg id=\"thick-line-1\" filter=\"url(#filter4_d_4_39)\">\n \u003Cpath d=\"M775.5 29H559\" stroke=\"#02FFFF\" stroke-width=\"10\" />\n \u003C/g>\n \u003Cg id=\"thick-line-2\" filter=\"url(#filter5_d_4_39)\">\n \u003Cpath d=\"M334.5 29H118\" stroke=\"#02FFFF\" stroke-width=\"10\" />\n \u003C/g>\n \u003Cpath id=\"thin-line\" d=\"M808 70.5V29H118.5\" stroke=\"#02FFFF\" stroke-opacity=\"0.32\" stroke-width=\"4\" />\n \u003C/g>\n \u003C/g>\n \u003Cdefs>\n \u003Cfilter\n id=\"filter0_d_4_39\"\n x=\"97.74\"\n y=\"36.36\"\n width=\"706.501\"\n height=\"112.64\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n \u003CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n \u003CfeColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n \u003CfeOffset />\n \u003CfeGaussianBlur stdDeviation=\"12.5\" />\n \u003CfeComposite in2=\"hardAlpha\" operator=\"out\" />\n \u003CfeColorMatrix type=\"matrix\" values=\"0 0 0 0 0.992157 0 0 0 0 0.466667 0 0 0 0 0.0862745 0 0 0 1 0\" />\n \u003CfeBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_4_39\" />\n \u003CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_4_39\" result=\"shape\" />\n \u003C/filter>\n \u003Cfilter\n id=\"filter1_d_4_39\"\n x=\"0\"\n y=\"69\"\n width=\"40\"\n height=\"40\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n \u003CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n \u003CfeColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n \u003CfeOffset />\n \u003CfeGaussianBlur stdDeviation=\"6\" />\n \u003CfeComposite in2=\"hardAlpha\" operator=\"out\" />\n \u003CfeColorMatrix type=\"matrix\" values=\"0 0 0 0 0.00784314 0 0 0 0 1 0 0 0 0 1 0 0 0 0.84 0\" />\n \u003CfeBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_4_39\" />\n \u003CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_4_39\" result=\"shape\" />\n \u003C/filter>\n \u003Cfilter\n id=\"filter2_d_4_39\"\n x=\"93\"\n y=\"0\"\n width=\"856.5\"\n height=\"181.5\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n \u003CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n \u003CfeColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n \u003CfeOffset />\n \u003CfeGaussianBlur stdDeviation=\"12.5\" />\n \u003CfeComposite in2=\"hardAlpha\" operator=\"out\" />\n \u003CfeColorMatrix type=\"matrix\" values=\"0 0 0 0 1 0 0 0 0 0.462745 0 0 0 0 0.0823529 0 0 0 1 0\" />\n \u003CfeBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_4_39\" />\n \u003CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_4_39\" result=\"shape\" />\n \u003C/filter>\n \u003Cfilter\n id=\"filter3_d_4_39\"\n x=\"788\"\n y=\"44\"\n width=\"40\"\n height=\"40\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n \u003CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n \u003CfeColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n \u003CfeOffset />\n \u003CfeGaussianBlur stdDeviation=\"6\" />\n \u003CfeComposite in2=\"hardAlpha\" operator=\"out\" />\n \u003CfeColorMatrix type=\"matrix\" values=\"0 0 0 0 0.00784314 0 0 0 0 1 0 0 0 0 1 0 0 0 0.84 0\" />\n \u003CfeBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_4_39\" />\n \u003CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_4_39\" result=\"shape\" />\n \u003C/filter>\n \u003Cfilter\n id=\"filter4_d_4_39\"\n x=\"551\"\n y=\"16\"\n width=\"232.5\"\n height=\"26\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n \u003CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n \u003CfeColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n \u003CfeOffset />\n \u003CfeGaussianBlur stdDeviation=\"4\" />\n \u003CfeComposite in2=\"hardAlpha\" operator=\"out\" />\n \u003CfeColorMatrix type=\"matrix\" values=\"0 0 0 0 0.00784314 0 0 0 0 1 0 0 0 0 1 0 0 0 0.84 0\" />\n \u003CfeBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_4_39\" />\n \u003CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_4_39\" result=\"shape\" />\n \u003C/filter>\n \u003Cfilter\n id=\"filter5_d_4_39\"\n x=\"110\"\n y=\"16\"\n width=\"232.5\"\n height=\"26\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n \u003CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n \u003CfeColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n \u003CfeOffset />\n \u003CfeGaussianBlur stdDeviation=\"4\" />\n \u003CfeComposite in2=\"hardAlpha\" operator=\"out\" />\n \u003CfeColorMatrix type=\"matrix\" values=\"0 0 0 0 0.00784314 0 0 0 0 1 0 0 0 0 1 0 0 0 0.84 0\" />\n \u003CfeBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_4_39\" />\n \u003CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_4_39\" result=\"shape\" />\n \u003C/filter>\n \u003CclipPath id=\"clip0_4_39\">\n \u003Crect width=\"708\" height=\"113\" fill=\"white\" transform=\"translate(97 36)\" />\n \u003C/clipPath>\n \u003C/defs>\n \u003C/svg>\n\u003C/template>\n\n\u003Cstyle scoped>\n\n\u003C/style>","src/components/Logo.vue",{"__component":23,"id":2865,"Text":7153},"Now that we have our Logo component, let's temporarily add it to our page so we can see what we are dealing with.\n\nUpdate `src/pages/PageHome.vue` to the following:",{"__component":412,"id":257,"Code":7155,"Type":1189,"location":7156,"language":39},"\u003Cscript lang=\"ts\" setup>\nimport Logo from '../components/Logo.vue';\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv>\n \u003CLogo />\n \u003C/div>\n\u003C/template>\n\n\u003Cstyle scoped>\u003C/style> ","src/pages/PageHome.vue",{"__component":23,"id":7158,"Text":7159},317,"and you should see our wonderful logo appearing on the page, although huge and off-centre!",{"__component":141,"id":413,"Size":4089,"caption":39,"Image":7161},[7162],{"id":1191,"name":7163,"alternativeText":29,"caption":29,"width":7164,"height":7165,"formats":7166,"hash":7192,"ext":34,"mime":37,"size":7193,"url":7194,"previewUrl":39,"provider":72,"provider_metadata":7195,"created_at":7196,"updated_at":7197},"Screenshot 2023-02-08 at 14.54.09.png",2858,880,{"large":7167,"small":7174,"medium":7180,"thumbnail":7186},{"ext":34,"url":7168,"hash":7169,"mime":37,"name":7170,"path":39,"size":7171,"width":41,"height":7172,"provider_metadata":7173},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676568233/large_Screenshot_2023_02_08_at_14_54_09_071efecc17.png","large_Screenshot_2023_02_08_at_14_54_09_071efecc17","large_Screenshot 2023-02-08 at 14.54.09.png",235.97,308,{"public_id":7169,"resource_type":44},{"ext":34,"url":7175,"hash":7176,"mime":37,"name":7177,"path":39,"size":7178,"width":50,"height":912,"provider_metadata":7179},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676568235/small_Screenshot_2023_02_08_at_14_54_09_071efecc17.png","small_Screenshot_2023_02_08_at_14_54_09_071efecc17","small_Screenshot 2023-02-08 at 14.54.09.png",59.45,{"public_id":7176,"resource_type":44},{"ext":34,"url":7181,"hash":7182,"mime":37,"name":7183,"path":39,"size":7184,"width":58,"height":484,"provider_metadata":7185},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676568234/medium_Screenshot_2023_02_08_at_14_54_09_071efecc17.png","medium_Screenshot_2023_02_08_at_14_54_09_071efecc17","medium_Screenshot 2023-02-08 at 14.54.09.png",132.19,{"public_id":7182,"resource_type":44},{"ext":34,"url":7187,"hash":7188,"mime":37,"name":7189,"path":39,"size":7190,"width":256,"height":1194,"provider_metadata":7191},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676568232/thumbnail_Screenshot_2023_02_08_at_14_54_09_071efecc17.png","thumbnail_Screenshot_2023_02_08_at_14_54_09_071efecc17","thumbnail_Screenshot 2023-02-08 at 14.54.09.png",10.05,{"public_id":7188,"resource_type":44},"Screenshot_2023_02_08_at_14_54_09_071efecc17",696.01,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676568231/Screenshot_2023_02_08_at_14_54_09_071efecc17.png",{"public_id":7192,"resource_type":44},"2023-02-16T17:23:56.326Z","2023-02-16T17:23:56.341Z",{"__component":23,"id":4629,"Text":7199},"To fix the logo sizing, we can head back to logo.vue and delete the `width` and `height` attributes on the root SVG element. This will allow the SVG to adjust its size to its container.",{"__component":412,"id":2101,"Code":7201,"Type":1189,"location":7151,"language":39},"\u003C!-- Logo.vue -->\n\u003Csvg viewBox=\"0 0 950 182\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n...",{"__component":23,"id":7203,"Text":7204},319,"Finally, in the designs, to really push home that dodgy neon sign story, the eagle-eyed amongst you may have noticed the logo is always a bit wonky. We can do this easily by adding a Tailwind rotate class:\n",{"__component":412,"id":2145,"Code":7206,"Type":1189,"location":7151,"language":39},"\u003Csvg class=\"rotate-3\" viewBox=\"0 0 950 182\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">",{"__component":141,"id":420,"Size":4089,"caption":39,"Image":7208},[7209],{"id":1205,"name":7210,"alternativeText":29,"caption":29,"width":7211,"height":7212,"formats":7213,"hash":7240,"ext":34,"mime":37,"size":7241,"url":7242,"previewUrl":39,"provider":72,"provider_metadata":7243,"created_at":7244,"updated_at":7245},"Screenshot 2023-02-08 at 14.58.21.png",1088,806,{"large":7214,"small":7221,"medium":7227,"thumbnail":7234},{"ext":34,"url":7215,"hash":7216,"mime":37,"name":7217,"path":39,"size":7218,"width":41,"height":7219,"provider_metadata":7220},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676568397/large_Screenshot_2023_02_08_at_14_58_21_bdaa9ff12e.png","large_Screenshot_2023_02_08_at_14_58_21_bdaa9ff12e","large_Screenshot 2023-02-08 at 14.58.21.png",496.47,741,{"public_id":7216,"resource_type":44},{"ext":34,"url":7222,"hash":7223,"mime":37,"name":7224,"path":39,"size":7225,"width":50,"height":4923,"provider_metadata":7226},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676568399/small_Screenshot_2023_02_08_at_14_58_21_bdaa9ff12e.png","small_Screenshot_2023_02_08_at_14_58_21_bdaa9ff12e","small_Screenshot 2023-02-08 at 14.58.21.png",145.72,{"public_id":7223,"resource_type":44},{"ext":34,"url":7228,"hash":7229,"mime":37,"name":7230,"path":39,"size":7231,"width":58,"height":7232,"provider_metadata":7233},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676568398/medium_Screenshot_2023_02_08_at_14_58_21_bdaa9ff12e.png","medium_Screenshot_2023_02_08_at_14_58_21_bdaa9ff12e","medium_Screenshot 2023-02-08 at 14.58.21.png",262.76,556,{"public_id":7229,"resource_type":44},{"ext":34,"url":7235,"hash":7236,"mime":37,"name":7237,"path":39,"size":7238,"width":4718,"height":67,"provider_metadata":7239},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676568396/thumbnail_Screenshot_2023_02_08_at_14_58_21_bdaa9ff12e.png","thumbnail_Screenshot_2023_02_08_at_14_58_21_bdaa9ff12e","thumbnail_Screenshot 2023-02-08 at 14.58.21.png",26.46,{"public_id":7236,"resource_type":44},"Screenshot_2023_02_08_at_14_58_21_bdaa9ff12e",281.56,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1676568395/Screenshot_2023_02_08_at_14_58_21_bdaa9ff12e.png",{"public_id":7240,"resource_type":44},"2023-02-16T17:26:39.833Z","2023-02-16T17:26:39.843Z",{"__component":23,"id":3306,"Text":7247},"Lovely! Our static logo looks good and is in a nice reusable component we can splash around all over the place. It's time to get animating!",{"__component":23,"id":51,"Text":7249},"## Adding animation to the SVG logo with Anime.js\n\nWhile you can get a long way with CSS animations, you will still need to reach for a library for more complex animations. Luckily we are spoilt for choice, and we have excellent options like [GSAP](https://greensock.com/gsap/), [Motion One](https://motion.dev/) and our favourite [Anime.js](https://animejs.com/).\n\nWhy do we like Anime.js so much? Well, it is really powerful and can animate essentially anything you can think of, but it remains a tiny bundle size of 6.9kb minified compared to GSAP's 26.13kb.\n\nYou could achieve the same effect with most animation libraries, but we like keeping our projects lean, so the small bundle size is an excellent plus for us.\n\nAnyway, let us get Anime.js installed:",{"__component":412,"id":1833,"Code":7251,"Type":415,"location":39,"language":39},"pnpm i animejs --save",{"__component":23,"id":1411,"Text":7253},"and let us get it's types installed too",{"__component":412,"id":1552,"Code":7255,"Type":415,"location":39,"language":39},"pnpm i @types/animejs --save-dev",{"__component":23,"id":2727,"Text":7257},"Now that we have anime.js installed let's prepare to use in `Logo.vue`\n\nWe need to import anime.js and the Vue `onMounted` hook to trigger animations when the logo is mounted.",{"__component":412,"id":1567,"Code":7259,"Type":1189,"location":7151,"language":39},"\u003Cscript setup lang=\"ts\">\nimport anime from 'animejs/lib/anime.es.js';\nimport { onMounted } from 'vue';\n\u003C/script>",{"__component":23,"id":7261,"Text":7262},324,"## Creating the build-in animation\n\nWhen the logo first appears, we want it to \"build in\" where each part of it pleasingly reveals itself!\n\nLet's start by creating a function called `animateIn` and then calling it in the `onMounted` hook. \n\nYou might be wondering why we are making a dedicated function and not just doing it all in the `onMounted` hook, but all will become clear in a bit.",{"__component":412,"id":912,"Code":7264,"Type":1189,"location":7151,"language":39},"// src/components/Logo.vue\n\u003Cscript setup lang=\"ts\">\nimport anime from 'animejs/lib/anime.es.js';\nimport { onMounted } from 'vue';\n\nfunction animateIn() {\n console.log('Animate in');\n}\n\nonMounted(() => {\n animateIn();\n});\n\u003C/script>",{"__component":23,"id":7266,"Text":7267},325,"### Animating the letters\n\nFirst, let's create an animation for each of the letters. If you followed the Figma advice earlier, you should see that each letter for \"TICTACGO\" has its own path. This will allow us to create a nice staggered animation where the animation for each letter is slightly delayed.\n\nAdd the following to the `animateIn` function:",{"__component":412,"id":1608,"Code":7269,"Type":422,"location":7151,"language":39},"function animateIn() {\n\tconsole.log('Animate in');\n\n\tanime({\n\t targets: '#letters path',\n\t easing: 'easeOutCubic',\n\t delay(el: any, i: number) {\n\t return i * 100;\n\t },\n\t scale: [0, 1],\n\t opacity: [0, 1],\n\t duration: 300,\n\t});\n}",{"__component":23,"id":627,"Text":7271},"Here we create a new anime.js animation targeting all letters in the letters group. We have set up animations for their scale and opacity to go from 0 to 1, and by setting the delay using a function, we incrementally delay the animation of each letter by 100ms.\n\nYou'll end up with something like this:",{"__component":1373,"id":2710,"Video":7273},{"id":1211,"name":7274,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7275,"ext":1379,"mime":1380,"size":7276,"url":7277,"previewUrl":7278,"provider":72,"provider_metadata":7279,"created_at":7280,"updated_at":7281},"Screen Recording 2023-02-08 at 15.24.26.mov","Screen_Recording_2023_02_08_at_15_24_26_197790f679",984.59,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1676568992/Screen_Recording_2023_02_08_at_15_24_26_197790f679.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Screen_Recording_2023_02_08_at_15_24_26_197790f679.gif",{"public_id":7275,"resource_type":1385},"2023-02-16T17:36:33.730Z","2023-02-16T17:36:33.742Z",{"__component":23,"id":7283,"Text":7284},327,"It's pretty cool but different from what we were going for! The letters fly in from the left-hand side rather than fading in and scaling in place. This is because, by default, transforms for SVGs are performed relative to the parent SVG rather than the individual element. Luckily we can adjust this using the CSS `transform-box` property. Here's a tweet we made explaining it a while ago:",{"__component":7286,"id":336,"TwitterEmbedHTML":7287},"tweet.tweet","\u003Cblockquote class=\"twitter-tweet\">\u003Cp lang=\"en\" dir=\"ltr\">Have you ever struggled to animate SVG elements using CSS transforms? 🤷‍♀️\u003Cbr>\u003Cbr>The transform origin is relative to the parent SVG making it hard to transform.\u003Cbr>\u003Cbr>transform-box: fill-box; makes the transform origin relative to the child elements rather than the parent.\u003Ca href=\"https://twitter.com/hashtag/webdev?src=hash&ref_src=twsrc%5Etfw\">#webdev\u003C/a> \u003Ca href=\"https://twitter.com/hashtag/css?src=hash&ref_src=twsrc%5Etfw\">#css\u003C/a> \u003Ca href=\"https://twitter.com/hashtag/svg?src=hash&ref_src=twsrc%5Etfw\">#svg\u003C/a> \u003Ca href=\"https://t.co/hq8BDdt3hB\">pic.twitter.com/hq8BDdt3hB\u003C/a>\u003C/p>— Pixelhop (@pixelhopio) \u003Ca href=\"https://twitter.com/pixelhopio/status/1455460704849436674?ref_src=twsrc%5Etfw\">November 2, 2021\u003C/a>\u003C/blockquote> \u003Cscript async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\">\u003C/script>",{"__component":23,"id":7289,"Text":7290},328,"With that in mind, add the following to the `Logo.vue` style block:",{"__component":412,"id":67,"Code":7292,"Type":1189,"location":7151,"language":39},"\u003Cstyle scoped>\n#letters path {\n transform-box: fill-box;\n transform-origin: center;\n}\n\u003C/style>",{"__component":23,"id":2613,"Text":7294},"Now your animation should look like this! Better huh?",{"__component":1373,"id":2757,"Video":7296},{"id":1217,"name":7297,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7298,"ext":1379,"mime":1380,"size":7299,"url":7300,"previewUrl":7301,"provider":72,"provider_metadata":7302,"created_at":7303,"updated_at":7304},"Screen Recording 2023-02-08 at 15.34.26.mov","Screen_Recording_2023_02_08_at_15_34_26_32e8ad0932",909.65,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1676569154/Screen_Recording_2023_02_08_at_15_34_26_32e8ad0932.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Screen_Recording_2023_02_08_at_15_34_26_32e8ad0932.gif",{"public_id":7298,"resource_type":1385},"2023-02-16T17:39:15.278Z","2023-02-16T17:39:15.293Z",{"__component":23,"id":7306,"Text":7307},330,"### Animating the orange arrow\n\nNow it's time to begin animating some of the other elements. Let's start with the orange arrow by adding the following to the `animateIn` function:",{"__component":412,"id":1655,"Code":7309,"Type":422,"location":7151,"language":39}," anime({\n targets: '#arrow-path',\n strokeDashoffset: [anime.setDashoffset, 0],\n easing: 'easeOutCubic',\n duration: 800,\n delay: 200,\n });\n\n anime({\n targets: ['#arrow-tip-top', '#arrow-tip-bottom'],\n opacity: [0, 1],\n easing: 'easeOutCubic',\n duration: 300,\n delay: 900,\n });",{"__component":23,"id":6345,"Text":7311},"Here we create two new anime.js animations. The first targets the main orange line path and creates a \"draw in\" effect by animating its `stroke-dashoffset` property. Here we use the `anime.setDashoffset` helper to return the exact length of the path so we can go from having a completely blank path to a completely filled in path. If you want to learn more about this technique, check out this great CSS Tricks Article: [https://css-tricks.com/svg-line-animation-works/](https://css-tricks.com/svg-line-animation-works/)\n\nThe second animation targets the arrow tips of the orange arrow. These are separate from the main path element, so they needed to be animated in after the path was fully drawn. \nWe use the delay property to make sure they appear at the right time. When creating animations like this, you will spend much of your time tweaking timing values to make things look just right!\n\nHere's the result:",{"__component":1373,"id":387,"Video":7313},{"id":1222,"name":7314,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7315,"ext":1379,"mime":1380,"size":7316,"url":7317,"previewUrl":7318,"provider":72,"provider_metadata":7319,"created_at":7320,"updated_at":7321},"Screen Recording 2023-02-08 at 15.38.28.mov","Screen_Recording_2023_02_08_at_15_38_28_791ce5f1f3",1111.43,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1676569363/Screen_Recording_2023_02_08_at_15_38_28_791ce5f1f3.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Screen_Recording_2023_02_08_at_15_38_28_791ce5f1f3.gif",{"public_id":7315,"resource_type":1385},"2023-02-16T17:42:45.004Z","2023-02-16T17:42:45.014Z",{"__component":23,"id":7323,"Text":7324},332,"### Animating the top blue lines\n\nIt will be cool if the blue lines above the main logo text draw in next, following on from the orange arrow.\n\nThe blue line consists of multiple parts that need to be animated one after the other. Anime.js provides a timeline function that can make this sort of animation easier by chaining different animations onto each other.\n\nAdd the following to your `animateIn` function:",{"__component":412,"id":1660,"Code":7326,"Type":422,"location":7151,"language":39},"anime\n .timeline({\n duration: 300,\n easing: 'linear',\n })\n .add({\n targets: '#blue-line #square-1',\n opacity: [0, 1],\n delay: 600,\n })\n .add({\n targets: '#blue-line #thin-line',\n strokeDashoffset: [anime.setDashoffset, 0],\n easing: 'easeOutCubic',\n duration: 600,\n })\n .add(\n {\n targets: '#blue-line #thick-line-1 path',\n strokeDashoffset: [anime.setDashoffset, 0],\n easing: 'easeOutCubic',\n },\n '-=500'\n )\n .add(\n {\n targets: '#blue-line #thick-line-2 path',\n strokeDashoffset: [anime.setDashoffset, 0],\n easing: 'easeOutCubic',\n },\n '-=200'\n );",{"__component":23,"id":210,"Text":7328},"Here we create a new timeline with some default properties `duration: 300` and `easing: 'linear'`. These will be inherited by each of the following animations created using the `add` function.\n\nNext, we create the first animation in the chain:",{"__component":412,"id":1672,"Code":7330,"Type":422,"location":7151,"language":39},".add({\n targets: '#blue-line #square-1',\n opacity: [0, 1],\n delay: 600,\n })",{"__component":23,"id":1994,"Text":7332},"This fades in the first blue square after a delay of 600ms. We can then create the next animation, which will be triggered as soon as the first is finished to draw in the thinner part of the blue line:",{"__component":412,"id":1678,"Code":7334,"Type":422,"location":7151,"language":39}," .add({\n targets: '#blue-line #thin-line',\n strokeDashoffset: [anime.setDashoffset, 0],\n easing: 'easeOutCubic',\n duration: 600,\n })",{"__component":23,"id":7336,"Text":7337},335,"Notice the `stroke-dashoffset` trick again to draw the line in. Also, notice how we overwrite the default duration and easing of the timeline.\n\nFinally, we have the two thicker blue lines that sit on top to animate in too.",{"__component":412,"id":1685,"Code":7339,"Type":422,"location":7151,"language":39}," .add(\n {\n targets: '#blue-line #thick-line-1 path',\n strokeDashoffset: [anime.setDashoffset, 0],\n easing: 'easeOutCubic',\n },\n '-=500'\n )\n .add(\n {\n targets: '#blue-line #thick-line-2 path',\n strokeDashoffset: [anime.setDashoffset, 0],\n easing: 'easeOutCubic',\n },\n '-=200'\n )",{"__component":23,"id":7341,"Text":7342},336,"You should recognise most of this by now, but you may have spotted the second parameter passed into the `add` function. This offset allows you to adjust when this part of the timeline starts playing. For example, for the first thick line, we pass a value of `-=500.` This says, rather than starting exactly when the previous animation finishes, start 500ms before it's finished. Again, this provides a way of tuning your timeline to make it look perfect.\n\nTo be honest, we find that when you start using offsets with timelines, it can get pretty hard to wrap your head around, and often you are better off just creating several individual animations and adjusting the delay manually yourself. It was worth demonstrating the timeline functionality though!\n\nYour logo should be looking pretty funky now!",{"__component":1373,"id":1269,"Video":7344},{"id":1266,"name":7345,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7346,"ext":1379,"mime":1380,"size":7347,"url":7348,"previewUrl":7349,"provider":72,"provider_metadata":7350,"created_at":7351,"updated_at":7352},"Screen Recording 2023-02-08 at 16.04.04.mov","Screen_Recording_2023_02_08_at_16_04_04_8fd6848185",1199.75,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1676569649/Screen_Recording_2023_02_08_at_16_04_04_8fd6848185.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Screen_Recording_2023_02_08_at_16_04_04_8fd6848185.gif",{"public_id":7346,"resource_type":1385},"2023-02-16T17:47:30.504Z","2023-02-16T17:47:30.513Z",{"__component":23,"id":7354,"Text":7355},337,"### Animating the tip of the logo\n\nSo far, we have a logo that builds in, starting with the letters and following around the edge. The last part missing animation are the three lines and dot to the left of \"TICTACGO\".\nLet's sort that out! Update your `animateIn` function again with this:",{"__component":412,"id":1690,"Code":7357,"Type":422,"location":7151,"language":39},"anime({\n targets: '#logo-end-1',\n 'fill-opacity': [0.27, 1, 0.27],\n easing: 'easeOutCubic',\n duration: 600,\n delay: 1400,\n });\n\n anime({\n targets: '#logo-end-2',\n 'fill-opacity': [0.27, 1, 0.27],\n easing: 'easeOutCubic',\n duration: 600,\n delay: 1500,\n });\n\n anime({\n targets: '#logo-end-3',\n 'fill-opacity': [0.27, 1, 0.27],\n easing: 'easeOutCubic',\n duration: 600,\n delay: 1600,\n });\n\n anime({\n targets: '#logo-end-dot',\n opacity: [1, 0.27, 1],\n easing: 'easeOutCubic',\n duration: 800,\n delay: 1700,\n });",{"__component":23,"id":2720,"Text":7359},"Here we create four new animations to create a staggered \"flash\" effect, starting with the rightmost rectangle and ending with the little left square. We achieve this by animating the `fill-opacity` property from 0.27, to 1, and back to 0.27 again. Here, instead of using the timeline, create the stagger effect by manually setting the delay of each animation.\n\nYour build-in animation will now be complete!",{"__component":1373,"id":2589,"Video":7361},{"id":544,"name":7362,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7363,"ext":1379,"mime":1380,"size":7364,"url":7365,"previewUrl":7366,"provider":72,"provider_metadata":7367,"created_at":7368,"updated_at":7369},"Screen Recording 2023-02-08 at 16.10.40.mov","Screen_Recording_2023_02_08_at_16_10_40_f4c835c77b",1375.51,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1676569782/Screen_Recording_2023_02_08_at_16_10_40_f4c835c77b.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Screen_Recording_2023_02_08_at_16_10_40_f4c835c77b.gif",{"public_id":7363,"resource_type":1385},"2023-02-16T17:49:42.924Z","2023-02-16T17:49:42.933Z",{"__component":23,"id":7371,"Text":7372},339,"## Creating an idle animation\n\nWe want the logo to look like an old flickering neon sign, so after the build-in animation happens, we should make a few of the letters flicker.\nCreate a new function in the `Logo.vue` called `flicker` and with the following:",{"__component":412,"id":1696,"Code":7374,"Type":422,"location":7151,"language":39},"function flicker() {\n anime({\n targets: ['#letter_8', '#letter_4'],\n opacity: [1, 0, 1, 0.2, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],\n easing: 'linear',\n direction: 'alternate',\n duration: 2000,\n delay: 0,\n loop: true,\n });\n}\n\nfunction animateIn() {\n ...\n}",{"__component":23,"id":7376,"Text":7377},340,"Here we target two letters and create a flicker effect by animating the opacity of the letters very quickly. Then, we add loads of keyframes into the `opacity` array to ensure it doesn't look like a fade and is more of a flicker.\n\nNow let's update the last animation in our `animateIn` function to start our flicker animation when it's finished.",{"__component":412,"id":1702,"Code":7379,"Type":422,"location":7151,"language":39},"\nanime({\n targets: '#logo-end-dot',\n opacity: [1, 0.27, 1],\n easing: 'easeOutCubic',\n duration: 800,\n delay: 1700,\n complete: () => {\n flicker();\n },\n });",{"__component":23,"id":7381,"Text":7382},341,"When the `#logo-end-dot` animation is complete, it will start our flicker animation. Let's see it:",{"__component":1373,"id":2658,"Video":7384},{"id":7385,"name":7386,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7387,"ext":1379,"mime":1380,"size":7388,"url":7389,"previewUrl":7390,"provider":72,"provider_metadata":7391,"created_at":7392,"updated_at":7393},209,"Screen Recording 2023-02-08 at 16.23.36.mov","Screen_Recording_2023_02_08_at_16_23_36_5467f67ee0",1690.57,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1676569976/Screen_Recording_2023_02_08_at_16_23_36_5467f67ee0.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Screen_Recording_2023_02_08_at_16_23_36_5467f67ee0.gif",{"public_id":7387,"resource_type":1385},"2023-02-16T17:52:57.690Z","2023-02-16T17:52:57.701Z",{"__component":23,"id":2037,"Text":7395},"### Making the animations optional with props\n\nYay, our fantastic animated logo component is almost there! There is just one more step we need to take before we are finished.\nIt would be useful to toggle the build animation on and off because we are unlikely to want the logo to animate in like that every time it's used. Let's add a prop that will allow us to turn it on and off:",{"__component":412,"id":1707,"Code":7397,"Type":422,"location":7151,"language":39},"const props = withDefaults(\n defineProps\u003C{\n animateIn?: boolean;\n }>(),\n {\n animateIn: false,\n }\n);",{"__component":23,"id":7399,"Text":7400},343,"Here we create a new prop called `animateIn` and default it to false. Currently, this won't do anything. We need to add a bit more logic to the `onMounted` hook to make use of this new prop:",{"__component":412,"id":1712,"Code":7402,"Type":422,"location":7151,"language":39},"onMounted(() => {\n if (props.animateIn) {\n animateIn();\n } else {\n flicker();\n }\n});",{"__component":23,"id":7404,"Text":7405},344,"Perfect! If the `animateIn` prop is not true, the logo will be static and start the flicker animation immediately!\n\n## And we're done!\n\nWe initially thought this part of the blog series would be pretty brief, but as you can see, quite a lot of work goes into making a little animated logo like the one we just created. \n\nHopefully, you learned a few tips on how to make SVG's easier to work with when exporting from Figma, Anime.js and Vue.\n\nNow we have an awesome logo, we are ready to start putting together some of the screens for our game. Watch out for the next part of this series, where we will create the home screen and its components!\n\nRemember to subscribe or follow us, so you don't miss out on the next part of the tutorial!",{"id":2123,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":7407,"hash":7423,"ext":34,"mime":37,"size":7424,"url":7425,"previewUrl":39,"provider":72,"provider_metadata":7426,"created_at":7427,"updated_at":7427},{"small":7408,"medium":7413,"thumbnail":7418},{"ext":34,"url":7409,"hash":7410,"mime":37,"name":529,"path":39,"size":7411,"width":50,"height":311,"provider_metadata":7412},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367990/small_flux_final_13a5cda1f1.png","small_flux_final_13a5cda1f1",326.68,{"public_id":7410,"resource_type":44},{"ext":34,"url":7414,"hash":7415,"mime":37,"name":535,"path":39,"size":7416,"width":58,"height":537,"provider_metadata":7417},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367989/medium_flux_final_13a5cda1f1.png","medium_flux_final_13a5cda1f1",758.03,{"public_id":7415,"resource_type":44},{"ext":34,"url":7419,"hash":7420,"mime":37,"name":542,"path":39,"size":7421,"width":544,"height":67,"provider_metadata":7422},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367987/thumbnail_flux_final_13a5cda1f1.png","thumbnail_flux_final_13a5cda1f1",56.36,{"public_id":7420,"resource_type":44},"flux_final_13a5cda1f1",906.91,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777367987/flux_final_13a5cda1f1.png",{"public_id":7423,"resource_type":44},"2026-04-28T09:19:50.863Z",[7429],{"id":87,"Name":1526,"created_at":1527,"updated_at":1528,"slug":1529},{"id":5,"Title":7431,"user":7432,"Summary":7438,"created_at":7439,"updated_at":7440,"slug":7032,"published_at":7441,"release_date":7442,"Layout":381,"Content":7443,"Feature":7554,"tags":7576},"Build a real-time game with Supabase and Vue",{"id":87,"username":1763,"email":1764,"provider":84,"confirmed":86,"blocked":86,"role":87,"created_at":1765,"updated_at":1766,"project":39,"Picture":7433},{"id":87,"name":1768,"alternativeText":29,"caption":29,"width":1769,"height":1769,"formats":7434,"hash":1776,"ext":97,"mime":100,"size":1777,"url":1778,"previewUrl":39,"provider":72,"provider_metadata":7437,"created_at":1780,"updated_at":1780},{"thumbnail":7435},{"ext":97,"url":1772,"hash":1773,"mime":100,"size":1774,"width":67,"height":67,"provider_metadata":7436},{"public_id":1773,"resource_type":44},{"public_id":1776,"resource_type":44},"In this tutorial series, we'll build a real-time game using Supabase and Vue with loads of cool little details and polish using a cyberpunk style design. For the first part of the tutorial, we will set up our project and implement some of the basic styles.","2023-02-03T14:15:01.311Z","2026-04-28T10:27:11.955Z","2023-02-03T15:12:52.170Z","2023-02-03",[7444,7448,7451,7453,7456,7463,7465,7467,7470,7472,7475,7477,7479,7481,7484,7486,7489,7491,7493,7496,7498,7500,7503,7506,7509,7512,7515,7547,7549,7552],{"__component":269,"id":2782,"title":271,"blog_series":39,"post_link":7445},[7446,7447],{"id":607,"title":7031,"slug":7032,"description":7033,"blog_series":39},{"id":653,"title":7035,"slug":7024,"description":7036,"blog_series":39},{"__component":23,"id":7449,"Text":7450},295,"## Tic Tac What?\n\nWe've been following [Supabase](https://supabase.com/) for a while and wanted to give it a try. So what better way than to build a polished, real-time game using our favourite frontend framework, Vue? \n\nWe'll be creating a new spin on the classic tic-tac-toe game. The twist is that each player has a limited time to place their O or X. Players can create a new game and invite a friend to play using a unique code. Then, they'll compete against each other in a best-of-five series in real time.\n\nYou can try it out here (if you've got no one to play it with open it in two browser tabs): [https://tic-tac-go.pixelhop.io](https://tic-tac-go.pixelhop.io)\n\nThis project provides the perfect opportunity to test out Supabase's real-time functionality. We'll be working from the Figma designs and bringing them to life with lots of cool animations to make the game juicy and fun. You'll learn a lot about SVG animation, Supabase, and Vue!\n\nIf you want an overview of what we are building, check out this video:",{"__component":7286,"id":87,"TwitterEmbedHTML":7452},"\u003Cblockquote class=\"twitter-tweet\">\u003Cp lang=\"en\" dir=\"ltr\">Ok this is the last teaser for our \u003Ca href=\"https://twitter.com/supabase?ref_src=twsrc%5Etfw\">@supabase\u003C/a> real-time experiment I promise! 😂\u003Cbr>\u003Cbr>Here’s a little run through of how we built it. \u003Cbr>\u003Cbr>Tutorial to follow soon! \u003Ca href=\"https://twitter.com/hashtag/javascript?src=hash&ref_src=twsrc%5Etfw\">#javascript\u003C/a> \u003Ca href=\"https://twitter.com/hashtag/webdev?src=hash&ref_src=twsrc%5Etfw\">#webdev\u003C/a> \u003Ca href=\"https://t.co/KQvFl5Uht7\">pic.twitter.com/KQvFl5Uht7\u003C/a>\u003C/p>— Pixelhop (@pixelhopio) \u003Ca href=\"https://twitter.com/pixelhopio/status/1620840072479387648?ref_src=twsrc%5Etfw\">February 1, 2023\u003C/a>\u003C/blockquote>",{"__component":23,"id":7454,"Text":7455},309,"You can see the Figma designs here 👉: [Tic Tac Go Designs](https://www.figma.com/file/zq03tZsdVuDf38bJz842AS/TicTacGo-Game?node-id=4%3A37&t=6vxnmWILIFlUlFaC-0\n)\n\nFinally, if you are the sort of person that likes to dig around themselves you can find the completed code for the project below!",{"__component":7457,"id":81,"title":7458,"URL":39,"link_to_code":7459},"code-exmaple.code-exmaple","Get the code",[7460],{"id":3523,"title":7461,"URL":7462},"Tic-Tac-Go","https://github.com/pixelhop/tic-tac-go",{"__component":23,"id":6154,"Text":7464},"## Setting up the perfect Vue 3 project\n\nBefore we can get cracking, we need to spend some time doing the boring bits by setting up a new project to work on. Luckily we've got you covered and have created a Vue starter template so you can get to the fun bits more quickly. The starter project includes the following pre-setup.\n\n- [Vite](https://vitejs.dev/) - we will use Vite to scaffold our project and provide us with frontend tooling.\n- [pnpm](https://pnpm.io/) - pnpm has fast become our favourite package manager. It's just like NPM but faster!\n- [Vue 3](https://vuejs.org) - Of course, you could build this project with any frontend framework, but Vue is still our fave.\n- [Tailwind CSS](https://tailwindcss.com/) - The Marmitte of CSS frameworks! We love it and find it helps keep our projects consistent and allows us to be super productive.\n- [Eslint](https://eslint.org/) + [Prettier](https://prettier.io/) - We want to avoid silly mistakes in our code and keep it nicely formatted.\n- [Vue Router](https://router.vuejs.org/) - We will need a few pages in our game, so we should set up Vue router early!\n\nStart by cloning the starter project into a folder:",{"__component":412,"id":867,"Code":7466,"Type":415,"location":39,"language":39},"git clone https://github.com/pixelhop/vue-starter.git \u003Cyour-project-name>",{"__component":23,"id":7468,"Text":7469},297,"Enter the project folder:",{"__component":412,"id":1592,"Code":7471,"Type":415,"location":39,"language":39},"cd \u003Cyour-project-name>",{"__component":23,"id":7473,"Text":7474},298,"Initialise git",{"__component":412,"id":1967,"Code":7476,"Type":415,"location":39,"language":39},"rm -rf .git && git init",{"__component":23,"id":3062,"Text":7478},"Install dependencies. You may need to install pnpm first `npm i pnpm -g\npnpm i`",{"__component":412,"id":239,"Code":7480,"Type":415,"location":39,"language":39},"pnpm i",{"__component":23,"id":7482,"Text":7483},300,"At this point you should a new project, with ESlint and Prettier set up correctly, but to get the most out of them, you may need to configure VSCode.\n\nInstall the following extensions if you don't have them already:\n\n- [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) - Vue Language Features. Make VSCode work nicely with .vue files\n- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Make VSCode work with ESLint\n- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Make VSCode work with Prettier\n\nAfter installing the above extensions, configure VSCode as follows to make all the extensions play nice.\n\nAdd this to your vscode settings json, or your workspace settings json. (`cmd + shift + p` type\" Settings\" and then select \"Preferences: Open Setting JSON\")",{"__component":412,"id":147,"Code":7485,"Type":422,"location":39,"language":39},"{\n \"editor.defaultFormatter\": \"esbenp.prettier-vscode\",\n \"editor.formatOnSave\": false,\n \"editor.codeActionsOnSave\": {\n \"source.fixAll.eslint\": true,\n }\n}",{"__component":23,"id":7487,"Text":7488},301,"Yay! The tedious part is done, and you should now have a new project setup ready to create your real-time cyberpunk supabase masterpiece!\nYou can run your shiny new project with:\n",{"__component":412,"id":193,"Code":7490,"Type":415,"location":39,"language":39},"pnpm run dev",{"__component":23,"id":249,"Text":7492},"## Setting up default styles\n\nBefore we get started with anything too complicated, it's an excellent time to implement some of the default styles we will need to make the project match the Figma designs.\nLet's start by updating our `tailwindconfig.cjs` with the following:",{"__component":412,"id":2063,"Code":7494,"Type":422,"location":7495,"language":39},"/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n content: ['./index.html', './src/**/*.{js,ts,jsx,tsx,vue}'],\n theme: {\n extend: {\n colors: {\n black: '#000201',\n orange: {\n DEFAULT: '#FF7615',\n },\n blue: {\n DEFAULT: '#02FFFF',\n },\n },\n dropShadow: {\n 'blue-sm': '0px 0px 5px #02FFFF',\n blue: '0px 0px 11px #02FFFF',\n },\n },\n },\n plugins: [],\n};","tailwindconfig.cjs",{"__component":23,"id":4375,"Text":7497},"Here we set up our project colours so they can be used easily throughout our components. We also add two new drop shadow variations to help us apply that cyberpunk blue glow to elements.\n\nNext, we want to add the cool cyberpunk-style font Orbitron: [https://fonts.google.com/specimen/Orbitron](https://fonts.google.com/specimen/Orbitron)\n\nRather than importing the font by referencing the Google Fonts css, we prefer to install it as a package. This is always preferable as it allows you to host the font in the same place as the rest of your site resulting in better performance.\n\nWe can install the font using pnpm:",{"__component":412,"id":2068,"Code":7499,"Type":415,"location":39,"language":39},"pnpm i @fontsource/orbitron",{"__component":23,"id":7501,"Text":7502},304,"Then we need to import it in `src/main.ts`",{"__component":412,"id":2073,"Code":7504,"Type":1683,"location":7505,"language":39},"import { createApp } from 'vue';\nimport '@fontsource/orbitron';\n...","src/main.ts",{"__component":23,"id":7507,"Text":7508},305,"Now the fonts are installed, we can start by adding some default styles into `src/style.css`\n\nBefore we move into style.css download this background pattern: [bg-pattern.png](https://github.com/pixelhop/tic-tac-go/raw/main/src/assets/bg-pattern.png)\nand place it in `src/assets/bg-pattern.png`\n\nNow update `src/style.css` to the following:",{"__component":412,"id":2078,"Code":7510,"Type":1670,"location":7511,"language":39},"@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\nhtml,\nbody,\n#app {\n height: 100%;\n}\n\nbody {\n font-family: 'Orbitron', sans-serif;\n background-color: theme('colors.black');\n background-image: url('./assets/bg-pattern.png');\n background-position: center center;\n background-repeat: repeat;\n color: theme('colors.white');\n}","src/style.css",{"__component":23,"id":7513,"Text":7514},306,"Here we set the font family on the body to use the Orbitron font we installed earlier. \n\nNext, we set the primary background colour using the Tailwind `theme()` function to pull out the black colour we put in `tailwind.config.css`. Using the `theme()` function is recommended over using `@apply bg-black`. [See Adam Wathan's thoughts on @apply.](https://twitter.com/adamwathan/status/1226511611592085504?s=20)\n\nThen we add our background image text and set it to repeat.\n\nFinally, we set the default text colour to white!\n\nYou should now see something like this in your browser:\n",{"__component":141,"id":1214,"Size":143,"caption":39,"Image":7516},[7517],{"id":1116,"name":7518,"alternativeText":29,"caption":29,"width":157,"height":7519,"formats":7520,"hash":7541,"ext":34,"mime":37,"size":7542,"url":7543,"previewUrl":39,"provider":72,"provider_metadata":7544,"created_at":7545,"updated_at":7546},"Screenshot 2023-02-03 at 13.44.45.png",894,{"small":7521,"medium":7528,"thumbnail":7535},{"ext":34,"url":7522,"hash":7523,"mime":37,"name":7524,"path":39,"size":7525,"width":50,"height":7526,"provider_metadata":7527},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1675436844/small_Screenshot_2023_02_03_at_13_44_45_a888726c7f.png","small_Screenshot_2023_02_03_at_13_44_45_a888726c7f","small_Screenshot 2023-02-03 at 13.44.45.png",73.23,448,{"public_id":7523,"resource_type":44},{"ext":34,"url":7529,"hash":7530,"mime":37,"name":7531,"path":39,"size":7532,"width":58,"height":7533,"provider_metadata":7534},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1675436844/medium_Screenshot_2023_02_03_at_13_44_45_a888726c7f.png","medium_Screenshot_2023_02_03_at_13_44_45_a888726c7f","medium_Screenshot 2023-02-03 at 13.44.45.png",260.33,672,{"public_id":7530,"resource_type":44},{"ext":34,"url":7536,"hash":7537,"mime":37,"name":7538,"path":39,"size":7539,"width":1437,"height":67,"provider_metadata":7540},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1675436843/thumbnail_Screenshot_2023_02_03_at_13_44_45_a888726c7f.png","thumbnail_Screenshot_2023_02_03_at_13_44_45_a888726c7f","thumbnail_Screenshot 2023-02-03 at 13.44.45.png",16.6,{"public_id":7537,"resource_type":44},"Screenshot_2023_02_03_at_13_44_45_a888726c7f",148.11,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1675436842/Screenshot_2023_02_03_at_13_44_45_a888726c7f.png",{"public_id":7541,"resource_type":44},"2023-02-03T15:07:25.252Z","2023-02-03T15:07:25.265Z",{"__component":23,"id":2563,"Text":7548},"All projects start with humble beginnings!\n\n## Constraining the height and width\n\nYou may have noticed that we have been very lazy and only provided mobile designs in Figma!\n\nOf course, we still want everyone to enjoy the cyberpunk delights of tic-tac-go, even if they are stuck in 1999 and using a desktop, but we don't want the layout stretching all over the shop and looking silly.\n\nFor that reason, we will add a container to `src/App.vue` that will constrain everything to roughly mobile size. Take that, you desktop doofbutts!",{"__component":412,"id":2083,"Code":7550,"Type":1189,"location":7551,"language":39},"\u003Cscript setup lang=\"ts\">\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv class=\"h-full w-full flex items-center justify-center\">\n \u003Cdiv class=\"max-w-sm max-h-[667px] h-full w-full\">\n \u003Crouter-view>\u003C/router-view>\n \u003C/div>\n \u003C/div>\n\u003C/template>\n\n\u003Cstyle scoped>\u003C/style>","src/App.vue",{"__component":23,"id":7172,"Text":7553},"## That's a wrap!\n\nThat's all for the first part of this tutorial series. We now have a good starting point to get on with some of the more fun elements of the project. Next up, we will learn how to animate an SVG logo using anime.js.",{"id":5172,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":7555,"hash":7571,"ext":34,"mime":37,"size":7572,"url":7573,"previewUrl":39,"provider":72,"provider_metadata":7574,"created_at":7575,"updated_at":7575},{"small":7556,"medium":7561,"thumbnail":7566},{"ext":34,"url":7557,"hash":7558,"mime":37,"name":302,"path":39,"size":7559,"width":50,"height":311,"provider_metadata":7560},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372031/small_nano_final_1969bb6bbf.png","small_nano_final_1969bb6bbf",332.34,{"public_id":7558,"resource_type":44},{"ext":34,"url":7562,"hash":7563,"mime":37,"name":309,"path":39,"size":7564,"width":58,"height":537,"provider_metadata":7565},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372030/medium_nano_final_1969bb6bbf.png","medium_nano_final_1969bb6bbf",776.12,{"public_id":7563,"resource_type":44},{"ext":34,"url":7567,"hash":7568,"mime":37,"name":316,"path":39,"size":7569,"width":544,"height":67,"provider_metadata":7570},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372028/thumbnail_nano_final_1969bb6bbf.png","thumbnail_nano_final_1969bb6bbf",55.96,{"public_id":7568,"resource_type":44},"nano_final_1969bb6bbf",1036.08,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372027/nano_final_1969bb6bbf.png",{"public_id":7571,"resource_type":44},"2026-04-28T10:27:11.439Z",[7577],{"id":87,"Name":1526,"created_at":1527,"updated_at":1528,"slug":1529},{"id":2649,"Title":7579,"user":7580,"Summary":7600,"created_at":7601,"updated_at":7602,"slug":7603,"published_at":7604,"release_date":7605,"Layout":381,"Content":7606,"Feature":7610,"tags":7631},"Meet our new(ish) developer, Chris",{"id":3548,"username":7581,"email":7582,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":7583,"updated_at":7584,"project":39,"Picture":7585},"Chris","chris@pixelhop.io","2022-09-14T14:42:37.490Z","2023-03-10T12:59:52.731Z",{"id":1890,"name":7586,"alternativeText":29,"caption":29,"width":1769,"height":1769,"formats":7587,"hash":7594,"ext":34,"mime":37,"size":7595,"url":7596,"previewUrl":39,"provider":72,"provider_metadata":7597,"created_at":7598,"updated_at":7599},"chris-avatar.png",{"thumbnail":7588},{"ext":34,"url":7589,"hash":7590,"mime":37,"name":7591,"path":39,"size":7592,"width":67,"height":67,"provider_metadata":7593},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1678453183/thumbnail_chris_avatar_a2800f5359.png","thumbnail_chris_avatar_a2800f5359","thumbnail_chris-avatar.png",51.97,{"public_id":7590,"resource_type":44},"chris_avatar_a2800f5359",222.38,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1678453182/chris_avatar_a2800f5359.png",{"public_id":7594,"resource_type":44},"2023-03-10T12:59:44.137Z","2023-03-10T12:59:44.154Z","Here's a Q&A with our new(ish) Senior Developer Chris. 🤙💻","2022-09-14T12:58:56.221Z","2026-04-28T10:34:21.069Z","meet-our-new(ish)-developer-chris","2023-03-10T11:44:58.608Z","2022-09-14",[7607],{"__component":23,"id":7608,"Text":7609},286,"Ok so this is something I wrote ages ago, but we've been super busy over the last few months and it's only now seeing the light of day.\n\n## Where are you from?\nI am from sunny Hastings down on the South East coast of good old Blighty (England). For those unfamiliar with the Battle of Hastings (your history teacher is very disappointed with you), Hastings is approximately 50 miles east of Brighton.\n\n## What made you get into development?\nIt probably goes back to the early days of the internet, when it took about a minute to connect, all the while listening to those distinct tones and beeps as your dial-up modem performed its noisy handshake! Oof makes me feel old, the things we had to put up with to get online! Back then, I was creating basic websites which included lots of vibrantly coloured text (comic sans ofc), the odd image and the classic inclusion of a text marquee. I remember thinking how incredible it was that I could make something in my bedroom and it be visible all around the world!\n\n## How did you get into development?\nThe next major step in my development journey was work experience at a company called Mountfield Software. They tasked me with building a little game in Visual Basic. I decided to make a slot machine along with all the graphics to go with it. I remember feeling very proud of myself and began to think this was something I could do for a living.\n\nA few years later, I found myself talking to a couple of aspiring businessmen who were in the process of setting up a shop called Source BMX. They were looking for someone to build a website. I ended up making their first website, my payment for which was a sweet BMX! Looking back the site had quite a bit going on. It had a mini news section, product listings & basic e-commerce functionality. I'm proud to have been involved in the early days of what is now one of the biggest online BMX shops in the world & host to the world's largest underground skate park.\n\nAfter completing a computing course at Brighton university, I reached out to a local web development company called Broker & How. When I turned up for the interview, I was surprised to see Ben, one of my favourite University lecturers, was working there and would be taking part in the interview process. The interview went well, they seemed impressed with the Source website I'd built, and I ultimately got the job.\n\nFast forward 18 years, most of which have been spent working alongside Ben, it would be fair to say I have him to thank for not just kick-starting my development career, but for shaping me into the developer I am today!\n\n## What's your favourite thing about what you do?\nI guess it’s mainly the problem-solving aspect. Programming can be super challenging so you get a real sense of achievement when you solve a complex problem or when a project is delivered and begins to serve its purpose! I also take great pride in the fact that millions of people have interacted with systems I helped develop over the years. The industry moves so quickly and there is no shortage of new technologies we can learn & integrate into the solutions we provide. I also find it to be a wonderful creative outlet, we're constantly making things, they may not always be visible, but there is always a certain amount of creativity involved in everything we do.\n\n## What are your favourite things to do in your spare time?\nI enjoy Cycling, Rock climbing & playing Chess and I probably spend too much time playing World of Warcraft and watching random stuff on YouTube. I try to keep up to date with as many scientific and technological breakthroughs as possible which I suppose you could call my passion.\n\n## What made you choose Pixelhop as your next step?\nI was lucky enough to work with Becky before and I remember her showing me the Pixelhop website. I was super impressed with the design style, the sorts of projects they were involved in and the technology stack they utilise. I thought they did a great job infusing their website with personality and fun & it represents who they are as a company. So when I reached the point in my career where I felt I needed a change, they were my first thought.\n\n## How have you found your first month at Pixelhop?\nIt's been quite literally AMAZING! The Pixelhop team are all super positive & encouraging. They have made me feel welcome and instantly part of the team! It's an absolute pleasure to work with such a bunch of incredibly talented and fun individuals.\n\n## Anything else you want to add?\nI want to say thanks for the opportunity! I’m looking forward to what the future holds!",{"id":5233,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":7611,"hash":7626,"ext":34,"mime":37,"size":7627,"url":7628,"previewUrl":39,"provider":72,"provider_metadata":7629,"created_at":7630,"updated_at":7630},{"small":7612,"medium":7617,"thumbnail":7622},{"ext":34,"url":7613,"hash":7614,"mime":37,"name":302,"path":39,"size":7615,"width":50,"height":311,"provider_metadata":7616},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372460/small_nano_final_da74a8303d.png","small_nano_final_da74a8303d",274.64,{"public_id":7614,"resource_type":44},{"ext":34,"url":7618,"hash":7619,"mime":37,"name":309,"path":39,"size":7620,"width":58,"height":537,"provider_metadata":7621},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372459/medium_nano_final_da74a8303d.png","medium_nano_final_da74a8303d",657.93,{"public_id":7619,"resource_type":44},{"ext":34,"url":7623,"hash":7624,"mime":37,"name":316,"path":39,"size":2600,"width":544,"height":67,"provider_metadata":7625},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372458/thumbnail_nano_final_da74a8303d.png","thumbnail_nano_final_da74a8303d",{"public_id":7624,"resource_type":44},"nano_final_da74a8303d",834.64,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372457/nano_final_da74a8303d.png",{"public_id":7626,"resource_type":44},"2026-04-28T10:34:20.601Z",[7632],{"id":274,"Name":2336,"created_at":2337,"updated_at":2338,"slug":2339},{"id":2639,"Title":7634,"user":7635,"Summary":7641,"created_at":7642,"updated_at":7643,"slug":7644,"published_at":7645,"release_date":7646,"Layout":381,"Content":7647,"Feature":7836,"tags":7858},"Becky's top 5 tools to use as a digital designer",{"id":3523,"username":4763,"email":4764,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":4765,"updated_at":4766,"project":39,"Picture":7636},{"id":1672,"name":4768,"alternativeText":29,"caption":29,"width":950,"height":4769,"formats":7637,"hash":4777,"ext":97,"mime":100,"size":4778,"url":4779,"previewUrl":39,"provider":72,"provider_metadata":7640,"created_at":4781,"updated_at":4782},{"thumbnail":7638},{"ext":97,"url":4772,"hash":4773,"mime":100,"name":4774,"path":39,"size":4775,"width":2073,"height":67,"provider_metadata":7639},{"public_id":4773,"resource_type":44},{"public_id":4777,"resource_type":44},"The design world is a fast paced one and there are always new technologies out there but it's always good to know what tools others are using to help them or inspire their work. Our designer Becky shares her current top 5 tools that help or inspire her ✌️. \n","2022-07-27T15:20:14.084Z","2026-04-28T10:35:44.569Z","becky's-top-5-tools-to-use-as-a-digital-designer","2022-07-28T07:53:06.995Z","2022-07-28",[7648,7683,7685,7721,7723,7759,7761,7796,7798,7834],{"__component":141,"id":1125,"Size":143,"caption":7649,"Image":7650},"Figma",[7651],{"id":1328,"name":7652,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":7653,"hash":7677,"ext":3437,"mime":100,"size":7678,"url":7679,"previewUrl":39,"provider":72,"provider_metadata":7680,"created_at":7681,"updated_at":7682},"figma.jpg",{"large":7654,"small":7660,"medium":7666,"thumbnail":7672},{"ext":3437,"url":7655,"hash":7656,"mime":100,"name":7657,"path":39,"size":7658,"width":41,"height":41,"provider_metadata":7659},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997366/large_figma_4eec814d0b.jpg","large_figma_4eec814d0b","large_figma.jpg",47.64,{"public_id":7656,"resource_type":44},{"ext":3437,"url":7661,"hash":7662,"mime":100,"name":7663,"path":39,"size":7664,"width":50,"height":50,"provider_metadata":7665},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997368/small_figma_4eec814d0b.jpg","small_figma_4eec814d0b","small_figma.jpg",18.95,{"public_id":7662,"resource_type":44},{"ext":3437,"url":7667,"hash":7668,"mime":100,"name":7669,"path":39,"size":7670,"width":58,"height":58,"provider_metadata":7671},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997367/medium_figma_4eec814d0b.jpg","medium_figma_4eec814d0b","medium_figma.jpg",33.56,{"public_id":7668,"resource_type":44},{"ext":3437,"url":7673,"hash":7674,"mime":100,"name":7675,"path":39,"size":6604,"width":67,"height":67,"provider_metadata":7676},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997365/thumbnail_figma_4eec814d0b.jpg","thumbnail_figma_4eec814d0b","thumbnail_figma.jpg",{"public_id":7674,"resource_type":44},"figma_4eec814d0b",53.3,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997364/figma_4eec814d0b.jpg",{"public_id":7677,"resource_type":44},"2022-07-28T08:36:09.520Z","2022-07-28T08:36:09.533Z",{"__component":23,"id":943,"Text":7684},"1: Figma - it's probably very obvious but not very long ago we were all using Photoshop to design websites followed by Sketch which was great but little did we know anything better could come along, but it did (sorry PSD) but Figma is an incredible application to use for wire-framing and designing for anything digital. It has a multitude of plugins that can make your working easier and don't even get me started on the component variant which saves serious time when creating multiple styles for objects such as buttons with alternative states. If you've never used it then we recommend giving it a go. We use it across the team here and it's great for prototyping and showing work off to clients.\n\n\n",{"__component":141,"id":1131,"Size":143,"caption":7686,"Image":7687},"Stark",[7688],{"id":1666,"name":7689,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":7690,"hash":7715,"ext":3437,"mime":100,"size":7716,"url":7717,"previewUrl":39,"provider":72,"provider_metadata":7718,"created_at":7719,"updated_at":7720},"stark.jpg",{"large":7691,"small":7697,"medium":7703,"thumbnail":7709},{"ext":3437,"url":7692,"hash":7693,"mime":100,"name":7694,"path":39,"size":7695,"width":41,"height":41,"provider_metadata":7696},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997231/large_stark_8b74c966e8.jpg","large_stark_8b74c966e8","large_stark.jpg",42.27,{"public_id":7693,"resource_type":44},{"ext":3437,"url":7698,"hash":7699,"mime":100,"name":7700,"path":39,"size":7701,"width":50,"height":50,"provider_metadata":7702},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997233/small_stark_8b74c966e8.jpg","small_stark_8b74c966e8","small_stark.jpg",17.19,{"public_id":7699,"resource_type":44},{"ext":3437,"url":7704,"hash":7705,"mime":100,"name":7706,"path":39,"size":7707,"width":58,"height":58,"provider_metadata":7708},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997232/medium_stark_8b74c966e8.jpg","medium_stark_8b74c966e8","medium_stark.jpg",29.65,{"public_id":7705,"resource_type":44},{"ext":3437,"url":7710,"hash":7711,"mime":100,"name":7712,"path":39,"size":7713,"width":67,"height":67,"provider_metadata":7714},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997230/thumbnail_stark_8b74c966e8.jpg","thumbnail_stark_8b74c966e8","thumbnail_stark.jpg",4.08,{"public_id":7711,"resource_type":44},"stark_8b74c966e8",47.08,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997229/stark_8b74c966e8.jpg",{"public_id":7715,"resource_type":44},"2022-07-28T08:33:53.487Z","2022-07-28T08:33:53.500Z",{"__component":23,"id":763,"Text":7722},"2: Stark - this is a Figma plugin that helps you design accessible, ethical, and inclusive work. It’s simple to use and as designers we really should be using this or something like it to better our designs. Not got Figma? There are lots of other sites you can use, one of my favourites is [colourcontrast](https://colourcontrast.cc/)",{"__component":141,"id":1138,"Size":143,"caption":7724,"Image":7725},"Adobe Illustrator",[7726],{"id":124,"name":7727,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":7728,"hash":7753,"ext":3437,"mime":100,"size":7754,"url":7755,"previewUrl":39,"provider":72,"provider_metadata":7756,"created_at":7757,"updated_at":7758},"illustrator.jpg",{"large":7729,"small":7735,"medium":7741,"thumbnail":7747},{"ext":3437,"url":7730,"hash":7731,"mime":100,"name":7732,"path":39,"size":7733,"width":41,"height":41,"provider_metadata":7734},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997395/large_illustrator_d4639a4f23.jpg","large_illustrator_d4639a4f23","large_illustrator.jpg",53.81,{"public_id":7731,"resource_type":44},{"ext":3437,"url":7736,"hash":7737,"mime":100,"name":7738,"path":39,"size":7739,"width":50,"height":50,"provider_metadata":7740},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997396/small_illustrator_d4639a4f23.jpg","small_illustrator_d4639a4f23","small_illustrator.jpg",21.66,{"public_id":7737,"resource_type":44},{"ext":3437,"url":7742,"hash":7743,"mime":100,"name":7744,"path":39,"size":7745,"width":58,"height":58,"provider_metadata":7746},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997395/medium_illustrator_d4639a4f23.jpg","medium_illustrator_d4639a4f23","medium_illustrator.jpg",37.54,{"public_id":7743,"resource_type":44},{"ext":3437,"url":7748,"hash":7749,"mime":100,"name":7750,"path":39,"size":7751,"width":67,"height":67,"provider_metadata":7752},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997394/thumbnail_illustrator_d4639a4f23.jpg","thumbnail_illustrator_d4639a4f23","thumbnail_illustrator.jpg",4.67,{"public_id":7749,"resource_type":44},"illustrator_d4639a4f23",60.66,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997393/illustrator_d4639a4f23.jpg",{"public_id":7753,"resource_type":44},"2022-07-28T08:36:37.991Z","2022-07-28T08:36:38.004Z",{"__component":23,"id":4311,"Text":7760},"3: Adobe Illustrator - As much as I love Figma, my heart still belongs to adobe in many ways, particularly Illustrator. Whilst Figma can do a lot there are still moments I need to create my own assets and there truly is no better tool (for me right now) than Illustrator and it seems to be getting better and better, the new 3D tool is such an improvement. You can create some seriously impressive artwork in there and I'll be hard stretched to use anything else for branding projects. If you're new to Illustrator then there are loads of great tutorials out there, do a search on tik tok there's lots of fun ones!",{"__component":141,"id":1187,"Size":143,"caption":7762,"Image":7763},"Behance",[7764],{"id":1389,"name":7765,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":7766,"hash":7790,"ext":3437,"mime":100,"size":7791,"url":7792,"previewUrl":39,"provider":72,"provider_metadata":7793,"created_at":7794,"updated_at":7795},"behance.jpg",{"large":7767,"small":7773,"medium":7779,"thumbnail":7785},{"ext":3437,"url":7768,"hash":7769,"mime":100,"name":7770,"path":39,"size":7771,"width":41,"height":41,"provider_metadata":7772},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997416/large_behance_b8670c74e5.jpg","large_behance_b8670c74e5","large_behance.jpg",44.59,{"public_id":7769,"resource_type":44},{"ext":3437,"url":7774,"hash":7775,"mime":100,"name":7776,"path":39,"size":7777,"width":50,"height":50,"provider_metadata":7778},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997417/small_behance_b8670c74e5.jpg","small_behance_b8670c74e5","small_behance.jpg",18.35,{"public_id":7775,"resource_type":44},{"ext":3437,"url":7780,"hash":7781,"mime":100,"name":7782,"path":39,"size":7783,"width":58,"height":58,"provider_metadata":7784},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997417/medium_behance_b8670c74e5.jpg","medium_behance_b8670c74e5","medium_behance.jpg",30.87,{"public_id":7781,"resource_type":44},{"ext":3437,"url":7786,"hash":7787,"mime":100,"name":7788,"path":39,"size":1627,"width":67,"height":67,"provider_metadata":7789},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997415/thumbnail_behance_b8670c74e5.jpg","thumbnail_behance_b8670c74e5","thumbnail_behance.jpg",{"public_id":7787,"resource_type":44},"behance_b8670c74e5",49.25,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997414/behance_b8670c74e5.jpg",{"public_id":7790,"resource_type":44},"2022-07-28T08:36:58.278Z","2022-07-28T08:36:58.288Z",{"__component":23,"id":4354,"Text":7797},"4: Behance - Feeling uninspired then go have a scroll on Behance, it's great for seeing what new trends and styles are being used. Sometimes we just need to see some other incredible work to give us that little nudge to better our own work, we are always progressing no matter how long we've been doing this! There is nothing wrong with taking inspiration from our fellow designers.",{"__component":141,"id":1208,"Size":143,"caption":7799,"Image":7800},"Codepen",[7801],{"id":1437,"name":7802,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":7803,"hash":7828,"ext":3437,"mime":100,"size":7829,"url":7830,"previewUrl":39,"provider":72,"provider_metadata":7831,"created_at":7832,"updated_at":7833},"codepen.jpg",{"large":7804,"small":7810,"medium":7816,"thumbnail":7822},{"ext":3437,"url":7805,"hash":7806,"mime":100,"name":7807,"path":39,"size":7808,"width":41,"height":41,"provider_metadata":7809},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997451/large_codepen_7b608bb27c.jpg","large_codepen_7b608bb27c","large_codepen.jpg",50.54,{"public_id":7806,"resource_type":44},{"ext":3437,"url":7811,"hash":7812,"mime":100,"name":7813,"path":39,"size":7814,"width":50,"height":50,"provider_metadata":7815},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997453/small_codepen_7b608bb27c.jpg","small_codepen_7b608bb27c","small_codepen.jpg",20.25,{"public_id":7812,"resource_type":44},{"ext":3437,"url":7817,"hash":7818,"mime":100,"name":7819,"path":39,"size":7820,"width":58,"height":58,"provider_metadata":7821},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997452/medium_codepen_7b608bb27c.jpg","medium_codepen_7b608bb27c","medium_codepen.jpg",34.78,{"public_id":7818,"resource_type":44},{"ext":3437,"url":7823,"hash":7824,"mime":100,"name":7825,"path":39,"size":7826,"width":67,"height":67,"provider_metadata":7827},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997450/thumbnail_codepen_7b608bb27c.jpg","thumbnail_codepen_7b608bb27c","thumbnail_codepen.jpg",4.37,{"public_id":7824,"resource_type":44},"codepen_7b608bb27c",56.17,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1658997450/codepen_7b608bb27c.jpg",{"public_id":7828,"resource_type":44},"2022-07-28T08:37:33.962Z","2022-07-28T08:37:33.970Z",{"__component":23,"id":4394,"Text":7835},"5: Codepen - I love this site for helping me show how I want my designs to animate. When showing work to developers or clients it's easy to say 'I want it to swish in' but how is that actually going to look? This site is a great place to find inspiration and to help guide your thoughts through to development. You don't have to be able to code but it's good to have an understanding of how your design is going to work once it is built.\n\nHappy designing! 🤙",{"id":5236,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":7837,"hash":7853,"ext":34,"mime":37,"size":7854,"url":7855,"previewUrl":39,"provider":72,"provider_metadata":7856,"created_at":7857,"updated_at":7857},{"small":7838,"medium":7843,"thumbnail":7848},{"ext":34,"url":7839,"hash":7840,"mime":37,"name":529,"path":39,"size":7841,"width":50,"height":311,"provider_metadata":7842},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372543/small_flux_final_2e90e157dc.png","small_flux_final_2e90e157dc",371.26,{"public_id":7840,"resource_type":44},{"ext":34,"url":7844,"hash":7845,"mime":37,"name":535,"path":39,"size":7846,"width":58,"height":537,"provider_metadata":7847},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372542/medium_flux_final_2e90e157dc.png","medium_flux_final_2e90e157dc",855.45,{"public_id":7845,"resource_type":44},{"ext":34,"url":7849,"hash":7850,"mime":37,"name":542,"path":39,"size":7851,"width":544,"height":67,"provider_metadata":7852},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372541/thumbnail_flux_final_2e90e157dc.png","thumbnail_flux_final_2e90e157dc",62.92,{"public_id":7850,"resource_type":44},"flux_final_2e90e157dc",963.71,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372540/flux_final_2e90e157dc.png",{"public_id":7853,"resource_type":44},"2026-04-28T10:35:44.031Z",[7859,7860],{"id":327,"Name":328,"created_at":329,"updated_at":330,"slug":331},{"id":2630,"Name":6215,"created_at":6216,"updated_at":6217,"slug":6218},{"id":1642,"Title":7862,"user":7863,"Summary":7869,"created_at":7870,"updated_at":7871,"slug":7872,"published_at":7873,"release_date":7874,"Layout":381,"Content":7875,"Feature":7915,"tags":7936},"Meet our new designer, Becky",{"id":3523,"username":4763,"email":4764,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":4765,"updated_at":4766,"project":39,"Picture":7864},{"id":1672,"name":4768,"alternativeText":29,"caption":29,"width":950,"height":4769,"formats":7865,"hash":4777,"ext":97,"mime":100,"size":4778,"url":4779,"previewUrl":39,"provider":72,"provider_metadata":7868,"created_at":4781,"updated_at":4782},{"thumbnail":7866},{"ext":97,"url":4772,"hash":4773,"mime":100,"name":4774,"path":39,"size":4775,"width":2073,"height":67,"provider_metadata":7867},{"public_id":4773,"resource_type":44},{"public_id":4777,"resource_type":44},"Here's a Q&A with our new Senior Designer Becky. 🤙🥳️","2022-07-04T16:18:39.523Z","2026-04-28T10:39:10.071Z","meet-our-new-designer-becky","2022-07-04T16:37:04.292Z","2022-07-04",[7876,7878],{"__component":23,"id":3217,"Text":7877},"## Where are you from?\nOriginally from Worthing (pronounced wervin 🤟) but I now live in Brighton.\n\n## What made you get into design?\nGrowing up I always enjoyed getting messy and creative. My mum was very creative and was often making something with her hands. Her mum (my nan) also loved art and would often write me stories accompanied with sketches. I spent a lot of time with my Grandad growing up and he was incredibly inventive, he would take a large stick from a walk and carve an animal into it, I’d always catch him doodling or writing funny limericks. You always knew when he visited, he’d always leave a little doodle somewhere. So I was surrounded by some pretty artistic people who encouraged me. I used to sit for hours drawing and colouring in and writing so I think I always knew I’d end up doing something visual, my mind works better if I can map something out or visualise it. So when it came time to choosing subjects for school I chose the more art/design and did pretty well in them, I even did my classmates art homework (looking back, what a mug) but at the time I didn’t care it just meant I could draw more. 🤸\n\n## How did you get into design?\nI was offered a position at Brighton college to study Communication Design, college was never something I thought I would do but I decided it would be silly not to accept. Safe to say I landed on my feet and loved it. Having never really presented any of my thoughts or designs before I was a bit anxious but I generally got a good reception for my work and the confidence started building, I was probably a little bit jammy in that I always created my work last minute and they always passed appraisals nicely, I think that annoyed some fellow students but others pointed out it just came naturally to me which I hadn’t really realised before then.\nSince college I have been lucky to work for some great digital agencies working for some amazing clients and huge national campaigns I am proud to have been part of.\n\n## Who or what inspires you?\nEveryday life really, just walking around and seeing what people are wearing, reading, listening to, eating, drawing etc. I’m lucky that Brighton is such an eclectic city, there is always something going on. City breaks are also really inspirational for me, I love dipping into other cultures.\n\n## Who’s your favourite artist?\nJean Michel Basquiat.\nRecently I am loving an Irish street artist called ACHES his work is so colourful but has an emotive energy about it at times that I love. \nRoddy Doyle, he’s a writer but I figure it still counts.\n\n## What's your favourite thing about what you do?\nHelping people bring their ideas to life. Being able to visualise someones thoughts makes me happy.\n\n## What are your favourite things to do in your spare time?\nReading, weight training, swimming in the sea, going to gigs, walking/hugging my dog Baxter, seeing my friends and family and squeezing my niece and nephew.\n\n## What made you choose Pixelhop as your next step?\nIt was a pretty easy decision really. I already knew Gemma and Jozef having worked with Gemma years ago, so I knew I liked the team but what really sold it was the work they are doing and the companies values. They all align pretty well with my own. I feel at Pixelhop we are mindful of the world we live in and we want to help make it better for everyone in the best way we know how.\n\n## How have you found your first couple of weeks at Pixelhop?\nSuper great! 🤙 We’re really lucky in that it’s all remote so there’s a really lovely flexible vibe but we are also constantly chatting and zooming so you don’t feel lonely. I feel like I’ve slotted in nicely and I am loving the projects that are being thrown my way. It’s a really supportive and inspiring place to work, allowing us to dip our toes in any areas we might not and encouraging us to always learn and be the best. As first weeks go - shiney!\n\n## Anything else you want to add?\nI think Pixelhop is like a volcano full of really awesome ideas, there’s always something new and exciting bubbling about the team. There are no restrictions here. Gem and Zef have created a really lovely company that is growing fast and I am super proud to be a part of the team now - suckers! ✌️\n",{"__component":141,"id":1119,"Size":143,"caption":39,"Image":7879},[7880],{"id":1660,"name":7881,"alternativeText":29,"caption":29,"width":7882,"height":7883,"formats":7884,"hash":7909,"ext":97,"mime":100,"size":7910,"url":7911,"previewUrl":39,"provider":72,"provider_metadata":7912,"created_at":7913,"updated_at":7914},"team.jpeg",1536,2048,{"large":7885,"small":7891,"medium":7897,"thumbnail":7903},{"ext":97,"url":7886,"hash":7887,"mime":100,"name":7888,"path":39,"size":7889,"width":58,"height":41,"provider_metadata":7890},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1656953777/large_team_f3f1887cf5.jpg","large_team_f3f1887cf5","large_team.jpeg",129.64,{"public_id":7887,"resource_type":44},{"ext":97,"url":7892,"hash":7893,"mime":100,"name":7894,"path":39,"size":7895,"width":311,"height":50,"provider_metadata":7896},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1656953779/small_team_f3f1887cf5.jpg","small_team_f3f1887cf5","small_team.jpeg",37.17,{"public_id":7893,"resource_type":44},{"ext":97,"url":7898,"hash":7899,"mime":100,"name":7900,"path":39,"size":7901,"width":537,"height":58,"provider_metadata":7902},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1656953778/medium_team_f3f1887cf5.jpg","medium_team_f3f1887cf5","medium_team.jpeg",80.78,{"public_id":7899,"resource_type":44},{"ext":97,"url":7904,"hash":7905,"mime":100,"name":7906,"path":39,"size":7907,"width":493,"height":67,"provider_metadata":7908},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1656953776/thumbnail_team_f3f1887cf5.jpg","thumbnail_team_f3f1887cf5","thumbnail_team.jpeg",5.3,{"public_id":7905,"resource_type":44},"team_f3f1887cf5",349.3,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1656953775/team_f3f1887cf5.jpg",{"public_id":7909,"resource_type":44},"2022-07-04T16:56:19.523Z","2022-07-04T16:56:19.540Z",{"id":5333,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":7916,"hash":7931,"ext":34,"mime":37,"size":7932,"url":7933,"previewUrl":39,"provider":72,"provider_metadata":7934,"created_at":7935,"updated_at":7935},{"small":7917,"medium":7921,"thumbnail":7926},{"ext":34,"url":7918,"hash":7919,"mime":37,"name":302,"path":39,"size":7473,"width":50,"height":311,"provider_metadata":7920},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372749/small_nano_final_9e16fa2458.png","small_nano_final_9e16fa2458",{"public_id":7919,"resource_type":44},{"ext":34,"url":7922,"hash":7923,"mime":37,"name":309,"path":39,"size":7924,"width":58,"height":537,"provider_metadata":7925},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372748/medium_nano_final_9e16fa2458.png","medium_nano_final_9e16fa2458",720.03,{"public_id":7923,"resource_type":44},{"ext":34,"url":7927,"hash":7928,"mime":37,"name":316,"path":39,"size":7929,"width":544,"height":67,"provider_metadata":7930},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372747/thumbnail_nano_final_9e16fa2458.png","thumbnail_nano_final_9e16fa2458",45.48,{"public_id":7928,"resource_type":44},"nano_final_9e16fa2458",981,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372746/nano_final_9e16fa2458.png",{"public_id":7931,"resource_type":44},"2026-04-28T10:39:09.601Z",[],{"id":2584,"Title":7938,"user":7939,"Summary":7951,"created_at":7952,"updated_at":7953,"slug":406,"published_at":7954,"release_date":7955,"Layout":381,"Content":7956,"Feature":8114,"tags":8136},"Building a JAMstack shop with Strapi 4, Nuxt 3, Snipcart - part 4",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":7940},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":7941,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":7950,"created_at":374,"updated_at":374},{"large":7942,"small":7944,"medium":7946,"thumbnail":7948},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":7943},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":7945},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":7947},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":7949},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"This is part four in our series on how to create a JAMStack e-commerce site with Nuxt 3, Strapi 4 and Snipcart. We will line all the dots up and connect our shop to Snipcart. ","2022-01-19T19:15:30.403Z","2026-04-28T10:51:06.665Z","2022-01-19T19:16:59.599Z","2022-01-19",[7957,7959,7966,7968,7970,7973,8012,8015,8018,8021,8024,8026,8029,8032,8035,8037,8075,8112],{"__component":23,"id":1244,"Text":7958},"Almost there gals and guys! This has been a fun little project for us to do. We’ve learnt a lot ourselves doing the YouTube videos, talking on camera isn’t something that comes naturally to me, but we hope you’ve found it useful. This episode is short and sweet, just like me 🍭🤣 ! This is the final part of this series where it will all come together and your shop will be ready to go. We’re going to connect Snipcart and make it so you can actually buy a sick candle!! Wooooooo, do I hear you all say? If you have no idea what I’m talking about (most people don’t) then here’s the previous episodes in this series: ",{"__component":269,"id":2757,"title":271,"blog_series":39,"post_link":7960},[7961,7963,7964,7965],{"id":2715,"title":391,"slug":7962,"description":393,"blog_series":39},"building-a-jamstack-shop-with-strapi-4-nuxt-3-snipcart-part-1/",{"id":2782,"title":396,"slug":378,"description":397,"blog_series":39},{"id":2787,"title":400,"slug":401,"description":402,"blog_series":39},{"id":1599,"title":405,"slug":406,"description":407,"blog_series":39},{"__component":23,"id":2677,"Text":7967},"So as I said this is the is the final step to our shining bright candle shop - Pick a Sick Wick! Snipcart is an e-commerce solution that is fully flexible and works great with JAMStack sites. It’s a dream for designers and devs unlike a lot of things out there! It’s super easy to integrate and all the hard work of setting up a cart and checkout is handled for you. It’s absolutely tropical.\n\nIf you don’t have a [Snipcart](https://snipcart.com/) account, then go ahead and create one, it’s very simple you just need to sign up and verify your account.\n\nWe now need to import the Snipcart scripts into the head of our pages in our Nuxt 3 frontend. We do this by adding the links and scripts to our Nuxt config. It should now look something like this:",{"__component":412,"id":1907,"Code":421,"Type":1189,"location":7969,"language":39},"nuxt.config.ts",{"__component":23,"id":7971,"Text":7972},259,"Next, we need to add a div with your Snipcart API key, you can find the API key in your account dashboard in Snipcart. If you click the user icon on the top left and > \n```API keys```",{"__component":141,"id":1095,"Size":4089,"caption":7974,"Image":7975},"Snipcart API key 🔑",[7976],{"id":257,"name":7977,"alternativeText":29,"caption":29,"width":7978,"height":7979,"formats":7980,"hash":8006,"ext":34,"mime":37,"size":8007,"url":8008,"previewUrl":39,"provider":72,"provider_metadata":8009,"created_at":8010,"updated_at":8011},"Screenshot 2022-01-09 at 12.25.58.png",3570,1896,{"large":7981,"small":7988,"medium":7994,"thumbnail":8000},{"ext":34,"url":7982,"hash":7983,"mime":37,"name":7984,"path":39,"size":7985,"width":41,"height":7986,"provider_metadata":7987},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642619025/large_Screenshot_2022_01_09_at_12_25_58_0ac7e7e63e.png","large_Screenshot_2022_01_09_at_12_25_58_0ac7e7e63e","large_Screenshot 2022-01-09 at 12.25.58.png",80.39,531,{"public_id":7983,"resource_type":44},{"ext":34,"url":7989,"hash":7990,"mime":37,"name":7991,"path":39,"size":7992,"width":50,"height":384,"provider_metadata":7993},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642619027/small_Screenshot_2022_01_09_at_12_25_58_0ac7e7e63e.png","small_Screenshot_2022_01_09_at_12_25_58_0ac7e7e63e","small_Screenshot 2022-01-09 at 12.25.58.png",28.19,{"public_id":7990,"resource_type":44},{"ext":34,"url":7995,"hash":7996,"mime":37,"name":7997,"path":39,"size":7998,"width":58,"height":3718,"provider_metadata":7999},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642619026/medium_Screenshot_2022_01_09_at_12_25_58_0ac7e7e63e.png","medium_Screenshot_2022_01_09_at_12_25_58_0ac7e7e63e","medium_Screenshot 2022-01-09 at 12.25.58.png",52.87,{"public_id":7996,"resource_type":44},{"ext":34,"url":8001,"hash":8002,"mime":37,"name":8003,"path":39,"size":8004,"width":256,"height":1907,"provider_metadata":8005},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642619024/thumbnail_Screenshot_2022_01_09_at_12_25_58_0ac7e7e63e.png","thumbnail_Screenshot_2022_01_09_at_12_25_58_0ac7e7e63e","thumbnail_Screenshot 2022-01-09 at 12.25.58.png",9.35,{"public_id":8002,"resource_type":44},"Screenshot_2022_01_09_at_12_25_58_0ac7e7e63e",282.86,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642619023/Screenshot_2022_01_09_at_12_25_58_0ac7e7e63e.png",{"public_id":8006,"resource_type":44},"2022-01-19T19:03:47.547Z","2022-01-19T19:03:47.584Z",{"__component":23,"id":8013,"Text":8014},260,"Now, we need to include Snipcart let Snipcart know who we are by adding a special div to all out pages. We will add the div to our layout page so it appears on all pages. The `\u003Cdiv>` should be hidden and look like so:",{"__component":412,"id":1912,"Code":8016,"Type":1189,"location":8017,"language":39},"\u003Ctemplate>\n \u003Cdiv class=\"relative font-body\">\n \u003CHeaderSection />\n \u003Cdiv class=\"pt-24 bg-brand-beige-300\">\n \u003Cslot />\n \u003Cdiv\n hidden\n id=\"snipcart\"\n data-api-key=\"YOUR_PUBLIC_API_KEY\"\n >\u003C/div>\n \u003C/div>\n \u003CFooterSection />\n \u003C/div>\n\u003C/template>\n\n\n\n\u003Cstyle scoped>\nbody {\n -webkit-font-smoothing: antialiased;\n}\n\u003C/style>","layouts/default.vue",{"__component":23,"id":8019,"Text":8020},261,"Believe it or not, we’re not far off!! \n\nNow we want add a class and some other bits to the `Add to basket` button that’s inside the `pages/products/[id].vue` . \n\nThe `snipcart-add-item` class added informs Snipcart that it should react to that element's click event and add it to the basket. Then the data attributes bind all the product details to Snipcart including the price, description, quantity etc. When a product is added to the cart, the checkout will automatically come out and will be all styled using the stylesheet we added earlier. \n\nThe image URL that Strapi gives back is relative, so we need to make it absolute and build up the URL, therefore we’ve created a computed property. \n\nFinally one thing to note, is the quantity ref that we pass to the `InputField`. This is using the new composition API and gives us a reactive variable, it’s fewer lines of code compared to when we would write it in the Options API. Your product page should now look like this:",{"__component":412,"id":957,"Code":8022,"Type":1189,"location":8023,"language":39},"\u003Ctemplate>\n \u003Cdiv>\n \u003CContainer class=\"grid grid-cols-12 gap-2 pt-32 pb-24 md:gap-12\">\n \u003Cdiv class=\"col-span-12 md:col-span-6 lg:col-span-5\">\n \u003CProductImage :product=\"product.data\" />\n \u003C/div>\n \u003Cdiv class=\"col-span-12 md:col-span-6 lg:col-span-7\">\n \u003CHeading tag=\"h2\" font-style=\"h1\">{{ product.data.attributes.Title }}\u003C/Heading>\n \u003Cp class=\"mb-6 text-2xl text-brand-grey-600\">{{ product.data.attributes.Price }}\u003C/p>\n \u003Cp class=\"pr-12 mb-6 text-brand-grey-500\">{{ product.data.attributes.Description }}\u003C/p>\n \u003Cdiv class=\"flex items-center\">\n \u003CInputField type=\"Number\" class=\"mr-4\" min=\"1\" v-model=\"quantity\" />\n \u003CBtn\n class=\"snipcart-add-item\"\n :data-item-id=\"product.data.id\"\n :data-item-price=\"product.data.attributes.Price\"\n :data-item-description=\"product.data.attributes.Description\"\n :data-item-name=\"product.data.attributes.Title\"\n :data-item-image=\"imageUrl\"\n :data-item-quantity=\"quantity\"\n >Add to basket\u003C/Btn>\n \u003C/div>\n \u003C/div>\n \u003C/Container>\n \u003CContainer>\n \u003Cdiv class=\"pb-8\">\n \u003CHeading tag=\"h3\" font-style=\"h3\">Related products\u003C/Heading>\n \u003CHeading tag=\"h2\" font-style=\"h2\">Other sick wicks\u003C/Heading>\n \u003Cdiv class=\"grid grid-cols-2 gap-12 md:grid-cols-4\">\n \u003CProductTeaser\n class=\"col-span-1\"\n v-for=\"product in products.data\"\n :key=\"product.id\"\n :product=\"product\"\n />\n \u003C/div>\n \u003C/div>\n \u003C/Container>\n \u003C/div>\n\u003C/template>\n\n\n\u003Cscript setup>\nconst route = useRoute();\nconst config = useRuntimeConfig();\nconst quantity = ref(1);\nconst { data: products } = await useFetch(`${config.API_URL}/api/products?populate=*`)\nconst { data: product } = await useFetch(`${config.API_URL}/api/products/${route.params.id}?populate=*`)\n\nconst imageUrl = computed(() => {\n if (!product.value.data) {\n return null;\n }\n return `${config.API_URL}${product.value.data.attributes.Image.data.attributes.url}`\n})\n\u003C/script>","pages/products/[id].vue",{"__component":23,"id":717,"Text":8025},"Finally, let’s go and add the cart total to the `CartInfo.vue` component. This will automatically update when new products are added to the cart. \n\nThe `snipcart-checkout` class will add a button to open up the cart whenever it’s clicked, and the `snipcart-total-price` class added to the span lets Snipcart no where to place the total price of your basket. Easy right?",{"__component":412,"id":777,"Code":8027,"Type":1189,"location":8028,"language":39},"\u003Cbutton class=\"flex items-center snipcart-checkout\">\n \u003Cspan class=\"pr-2 ml-3 text-lg font-semibold text-brand-grey-800 snipcart-total-price\" />\n \u003CIconsCart class=\"w-6\" />\n\u003C/button>","components/cartinfo.vue",{"__component":23,"id":8030,"Text":8031},263,"One other thing we need to do is make the Snipcart modal container have a higher z-index so the website header doesn’t go above it and hide the checkout. So in your app.vue just add this into your styles section:",{"__component":412,"id":1925,"Code":8033,"Type":1670,"location":8034,"language":39},".snipcart-modal__container {\n z-index: 100;\n}","app.vue",{"__component":23,"id":1810,"Text":8036},"So that should be all you need! Lets take a look at it :",{"__component":141,"id":1101,"Size":4089,"caption":8038,"Image":8039},"Your cart in the top right should now have the total next to the basket.",[8040],{"id":2145,"name":8041,"alternativeText":29,"caption":29,"width":8042,"height":2426,"formats":8043,"hash":8069,"ext":34,"mime":37,"size":8070,"url":8071,"previewUrl":39,"provider":72,"provider_metadata":8072,"created_at":8073,"updated_at":8074},"Screenshot 2022-01-12 at 19.14.16.png",2998,{"large":8044,"small":8051,"medium":8057,"thumbnail":8063},{"ext":34,"url":8045,"hash":8046,"mime":37,"name":8047,"path":39,"size":8048,"width":41,"height":8049,"provider_metadata":8050},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642619515/large_Screenshot_2022_01_12_at_19_14_16_e7e0e56af3.png","large_Screenshot_2022_01_12_at_19_14_16_e7e0e56af3","large_Screenshot 2022-01-12 at 19.14.16.png",374.21,480,{"public_id":8046,"resource_type":44},{"ext":34,"url":8052,"hash":8053,"mime":37,"name":8054,"path":39,"size":8055,"width":50,"height":266,"provider_metadata":8056},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642619516/small_Screenshot_2022_01_12_at_19_14_16_e7e0e56af3.png","small_Screenshot_2022_01_12_at_19_14_16_e7e0e56af3","small_Screenshot 2022-01-12 at 19.14.16.png",112.33,{"public_id":8053,"resource_type":44},{"ext":34,"url":8058,"hash":8059,"mime":37,"name":8060,"path":39,"size":8061,"width":58,"height":6939,"provider_metadata":8062},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642619516/medium_Screenshot_2022_01_12_at_19_14_16_e7e0e56af3.png","medium_Screenshot_2022_01_12_at_19_14_16_e7e0e56af3","medium_Screenshot 2022-01-12 at 19.14.16.png",226.82,{"public_id":8059,"resource_type":44},{"ext":34,"url":8064,"hash":8065,"mime":37,"name":8066,"path":39,"size":8067,"width":256,"height":499,"provider_metadata":8068},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642619512/thumbnail_Screenshot_2022_01_12_at_19_14_16_e7e0e56af3.png","thumbnail_Screenshot_2022_01_12_at_19_14_16_e7e0e56af3","thumbnail_Screenshot 2022-01-12 at 19.14.16.png",34.54,{"public_id":8065,"resource_type":44},"Screenshot_2022_01_12_at_19_14_16_e7e0e56af3",1520.6,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642619511/Screenshot_2022_01_12_at_19_14_16_e7e0e56af3.png",{"public_id":8069,"resource_type":44},"2022-01-19T19:11:57.262Z","2022-01-19T19:11:57.275Z",{"__component":141,"id":1107,"Size":4089,"caption":8076,"Image":8077},"Here’s your cart summary and checkout 🙂",[8078],{"id":2101,"name":8079,"alternativeText":29,"caption":29,"width":1335,"height":8080,"formats":8081,"hash":8106,"ext":34,"mime":37,"size":8107,"url":8108,"previewUrl":39,"provider":72,"provider_metadata":8109,"created_at":8110,"updated_at":8111},"Screenshot 2022-01-19 at 17.59.54.png",1426,{"large":8082,"small":8088,"medium":8094,"thumbnail":8100},{"ext":34,"url":8083,"hash":8084,"mime":37,"name":8085,"path":39,"size":8086,"width":41,"height":3718,"provider_metadata":8087},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642619512/large_Screenshot_2022_01_19_at_17_59_54_34d113349c.png","large_Screenshot_2022_01_19_at_17_59_54_34d113349c","large_Screenshot 2022-01-19 at 17.59.54.png",58.23,{"public_id":8084,"resource_type":44},{"ext":34,"url":8089,"hash":8090,"mime":37,"name":8091,"path":39,"size":8092,"width":50,"height":1135,"provider_metadata":8093},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642619513/small_Screenshot_2022_01_19_at_17_59_54_34d113349c.png","small_Screenshot_2022_01_19_at_17_59_54_34d113349c","small_Screenshot 2022-01-19 at 17.59.54.png",19.52,{"public_id":8090,"resource_type":44},{"ext":34,"url":8095,"hash":8096,"mime":37,"name":8097,"path":39,"size":8098,"width":58,"height":7473,"provider_metadata":8099},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642619513/medium_Screenshot_2022_01_19_at_17_59_54_34d113349c.png","medium_Screenshot_2022_01_19_at_17_59_54_34d113349c","medium_Screenshot 2022-01-19 at 17.59.54.png",36.88,{"public_id":8096,"resource_type":44},{"ext":34,"url":8101,"hash":8102,"mime":37,"name":8103,"path":39,"size":8104,"width":256,"height":1131,"provider_metadata":8105},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642619511/thumbnail_Screenshot_2022_01_19_at_17_59_54_34d113349c.png","thumbnail_Screenshot_2022_01_19_at_17_59_54_34d113349c","thumbnail_Screenshot 2022-01-19 at 17.59.54.png",6.67,{"public_id":8102,"resource_type":44},"Screenshot_2022_01_19_at_17_59_54_34d113349c",355.05,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642619510/Screenshot_2022_01_19_at_17_59_54_34d113349c.png",{"public_id":8106,"resource_type":44},"2022-01-19T19:11:54.342Z","2022-01-19T19:11:54.355Z",{"__component":23,"id":5865,"Text":8113},"And that's all! Easy peasy! \n\nThank you so so much for reading, if you have any questions please give us a shout [@pixelhopio](https://twitter.com/pixelhopio).. If you would like any more tutorials also just let us know what kind of ones you would like. It’s something we’re really enjoying and would like to do more of. \n\nHappy candling! 🕯 🪔 🎂 🧨",{"id":4202,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":8115,"hash":8131,"ext":34,"mime":37,"size":8132,"url":8133,"previewUrl":39,"provider":72,"provider_metadata":8134,"created_at":8135,"updated_at":8135},{"small":8116,"medium":8121,"thumbnail":8126},{"ext":34,"url":8117,"hash":8118,"mime":37,"name":302,"path":39,"size":8119,"width":50,"height":311,"provider_metadata":8120},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777373465/small_nano_final_671a698fbe.png","small_nano_final_671a698fbe",356.8,{"public_id":8118,"resource_type":44},{"ext":34,"url":8122,"hash":8123,"mime":37,"name":309,"path":39,"size":8124,"width":58,"height":537,"provider_metadata":8125},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777373464/medium_nano_final_671a698fbe.png","medium_nano_final_671a698fbe",828.76,{"public_id":8123,"resource_type":44},{"ext":34,"url":8127,"hash":8128,"mime":37,"name":316,"path":39,"size":8129,"width":544,"height":67,"provider_metadata":8130},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777373463/thumbnail_nano_final_671a698fbe.png","thumbnail_nano_final_671a698fbe",60.9,{"public_id":8128,"resource_type":44},"nano_final_671a698fbe",940.13,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777373462/nano_final_671a698fbe.png",{"public_id":8131,"resource_type":44},"2026-04-28T10:51:06.173Z",[8137,8138,8139],{"id":558,"Name":559,"created_at":560,"updated_at":561,"slug":562},{"id":270,"Name":564,"created_at":565,"updated_at":566,"slug":567},{"id":78,"Name":553,"created_at":554,"updated_at":555,"slug":556},{"id":342,"Title":8141,"user":8142,"Summary":8154,"created_at":8155,"updated_at":8156,"slug":401,"published_at":8157,"release_date":8158,"Layout":381,"Content":8159,"Feature":8314,"tags":8336},"Building a JAMstack shop with Strapi 4, Nuxt 3, Snipcart - part 3",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":8143},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":8144,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":8153,"created_at":374,"updated_at":374},{"large":8145,"small":8147,"medium":8149,"thumbnail":8151},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":8146},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":8148},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":8150},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":8152},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"This is part three in our series on how to create a JAMStack e-commerce site with Nuxt 3, Strapi 4 and Snipcart. In this post, we will pull through the products from Strapi with Nuxt and style them to match the designs. ","2022-01-12T15:14:47.954Z","2026-04-28T10:52:35.740Z","2022-01-12T19:24:27.385Z","2022-01-17",[8160,8163,8170,8172,8180,8182,8213,8215,8218,8220,8223,8225,8251,8253,8291,8293,8295,8297,8299,8301,8303,8305,8308,8310,8312],{"__component":23,"id":8161,"Text":8162},244,"If you’re still here, then woweeeee, you do have patience hehe. If you’ve stumbled across this post and would like to know more about this flaming hot candle shop then look no further:",{"__component":269,"id":336,"title":271,"blog_series":39,"post_link":8164},[8165,8167,8168,8169],{"id":81,"title":8166,"slug":392,"description":393,"blog_series":39},"Episode 1 ",{"id":3523,"title":396,"slug":378,"description":397,"blog_series":39},{"id":3548,"title":400,"slug":401,"description":402,"blog_series":39},{"id":2796,"title":405,"slug":406,"description":407,"blog_series":39},{"__component":23,"id":256,"Text":8171},"So I know Christmas has come and gone, and your shop wasn’t quite ready for Christmas but don’t let that disappoint you, let’s get fired up again, and light up your January by finishing the last few steps of your brand new shop. You can show it off to all your friends and get them to buy lots of flaming hot new products.\n\nIf you are the sort of person that prefers to watch their candle shops being made rather than reading about them being made, here's part 3 in video form. If not follow along below.\n\n\u003Cdiv style=\"position: relative; width: 100%; padding-bottom: 56.25%;\">\n\u003Ciframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\" loading=\"lazy\" src=\"https://www.youtube-nocookie.com/embed/KHqEBKbp3cY\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen>\u003C/iframe>\n\u003C/div>\n\nYou can get the code for the finished front-end and backend below.",{"__component":7457,"id":336,"title":7458,"URL":39,"link_to_code":8173},[8174,8177],{"id":270,"title":8175,"URL":8176},"Strapi 4 backend","https://github.com/pixelhop/pick-a-sick-wick-frontend",{"id":81,"title":8178,"URL":8179},"Nuxt 3 front-end","https://github.com/pixelhop/pick-a-sick-wick-backend/",{"__component":23,"id":5682,"Text":8181},"We’re going to start by building out a couple of new components:\n\n`ProductTeaser.vue` so we can loop over the products coming back from our Strapi backend and they’ll all have exactly the same styling. The product teaser will look like this:",{"__component":141,"id":1976,"Size":608,"caption":8183,"Image":8184},"The product teaser component",[8185],{"id":2078,"name":8186,"alternativeText":29,"caption":29,"width":3362,"height":8187,"formats":8188,"hash":8207,"ext":34,"mime":37,"size":8208,"url":8209,"previewUrl":39,"provider":72,"provider_metadata":8210,"created_at":8211,"updated_at":8212},"Screenshot 2022-01-12 at 19.14.09.png",922,{"small":8189,"medium":8195,"thumbnail":8201},{"ext":34,"url":8190,"hash":8191,"mime":37,"name":8192,"path":39,"size":8193,"width":4727,"height":50,"provider_metadata":8194},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642015087/small_Screenshot_2022_01_12_at_19_14_09_a981c2d247.png","small_Screenshot_2022_01_12_at_19_14_09_a981c2d247","small_Screenshot 2022-01-12 at 19.14.09.png",295.23,{"public_id":8191,"resource_type":44},{"ext":34,"url":8196,"hash":8197,"mime":37,"name":8198,"path":39,"size":8199,"width":241,"height":58,"provider_metadata":8200},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642015086/medium_Screenshot_2022_01_12_at_19_14_09_a981c2d247.png","medium_Screenshot_2022_01_12_at_19_14_09_a981c2d247","medium_Screenshot 2022-01-12 at 19.14.09.png",600.49,{"public_id":8197,"resource_type":44},{"ext":34,"url":8202,"hash":8203,"mime":37,"name":8204,"path":39,"size":8205,"width":1824,"height":67,"provider_metadata":8206},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642015084/thumbnail_Screenshot_2022_01_12_at_19_14_09_a981c2d247.png","thumbnail_Screenshot_2022_01_12_at_19_14_09_a981c2d247","thumbnail_Screenshot 2022-01-12 at 19.14.09.png",40.95,{"public_id":8203,"resource_type":44},"Screenshot_2022_01_12_at_19_14_09_a981c2d247",570.34,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642015082/Screenshot_2022_01_12_at_19_14_09_a981c2d247.png",{"public_id":8207,"resource_type":44},"2022-01-12T19:18:08.360Z","2022-01-12T19:18:08.408Z",{"__component":23,"id":5590,"Text":8214},"`ProductImage.vue` will display the product image. It will ensure they are always square and will compute the URL for the image from the data received back from Strapi. So let’s go ahead and make these inside the `components` directory.",{"__component":412,"id":700,"Code":8216,"Type":1189,"location":8217,"language":39},"\u003Ctemplate>\n \u003Cdiv class=\"bg-gray-100 shadow-xl aspect-w-1 aspect-h-1\">\n \u003Cimg :src=\"imageUrl\" :alt=\"product.attributes.Title\" loading=\"lazy\" />\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup>\nconst props = defineProps({\n product: Object\n});\n\nconst config = useRuntimeConfig();\nconst imageUrl = computed(() => {\n return `${config.API_URL}${props.product.attributes.Image.data.attributes.formats.medium.url}`\n});\n\u003C/script>","components/ProductImage.vue",{"__component":23,"id":5341,"Text":8219},"This is a pretty simple component that takes the product as a prop and outputs its image within a div. \n\nWe use the Tailwind aspect ratio helpers to ensure the result is always square. \n\nWe also use a computed property to generate the correct URL for the image. The URL provided by Strapi is relative so we need to make it absolute by adding the API url defined in our env to the front.",{"__component":412,"id":318,"Code":8221,"Type":1189,"location":8222,"language":39},"\u003Ctemplate>\n \u003Carticle>\n \u003CProductImage\n :product=\"product\"\n class=\"mb-6 transition-transform transform group-hover:scale-105\"\n />\n \u003CHeading tag=\"h3\" font-style=\"h4\">{{ product.attributes.Title }}\u003C/Heading>\n \u003Cp class=\"text-lg text-brand-grey-400\">£{{ product.attributes.Price }}\u003C/p>\n \u003C/article>\n\u003C/template>\n\n\u003Cscript setup>\nconst props = defineProps({\n product: Object\n});\n\u003C/script>","components/ProductTeaser.vue",{"__component":23,"id":3948,"Text":8224},"The product teaser component takes the product as a prop and uses our new `ProductImage` component and outputs the product image as well as displaying the product name and price. This will be the component we use to display products whenever they appear in a product list.\n\nWe now need to create a single product page template. It will look like this:\n\n",{"__component":141,"id":595,"Size":4089,"caption":8226,"Image":8227},"Our basic single page template",[8228],{"id":2083,"name":8041,"alternativeText":29,"caption":29,"width":8042,"height":2426,"formats":8229,"hash":8246,"ext":34,"mime":37,"size":8070,"url":8247,"previewUrl":39,"provider":72,"provider_metadata":8248,"created_at":8249,"updated_at":8250},{"large":8230,"small":8234,"medium":8238,"thumbnail":8242},{"ext":34,"url":8231,"hash":8232,"mime":37,"name":8047,"path":39,"size":8048,"width":41,"height":8049,"provider_metadata":8233},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642015089/large_Screenshot_2022_01_12_at_19_14_16_26587f0f30.png","large_Screenshot_2022_01_12_at_19_14_16_26587f0f30",{"public_id":8232,"resource_type":44},{"ext":34,"url":8235,"hash":8236,"mime":37,"name":8054,"path":39,"size":8055,"width":50,"height":266,"provider_metadata":8237},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642015092/small_Screenshot_2022_01_12_at_19_14_16_26587f0f30.png","small_Screenshot_2022_01_12_at_19_14_16_26587f0f30",{"public_id":8236,"resource_type":44},{"ext":34,"url":8239,"hash":8240,"mime":37,"name":8060,"path":39,"size":8061,"width":58,"height":6939,"provider_metadata":8241},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642015090/medium_Screenshot_2022_01_12_at_19_14_16_26587f0f30.png","medium_Screenshot_2022_01_12_at_19_14_16_26587f0f30",{"public_id":8240,"resource_type":44},{"ext":34,"url":8243,"hash":8244,"mime":37,"name":8066,"path":39,"size":8067,"width":256,"height":499,"provider_metadata":8245},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642015086/thumbnail_Screenshot_2022_01_12_at_19_14_16_26587f0f30.png","thumbnail_Screenshot_2022_01_12_at_19_14_16_26587f0f30",{"public_id":8244,"resource_type":44},"Screenshot_2022_01_12_at_19_14_16_26587f0f30","https://res.cloudinary.com/djyjvrw5u/image/upload/v1642015084/Screenshot_2022_01_12_at_19_14_16_26587f0f30.png",{"public_id":8246,"resource_type":44},"2022-01-12T19:18:12.875Z","2022-01-12T19:18:12.884Z",{"__component":23,"id":5632,"Text":8252},"It will also have some related products on the page as well like so:\n\n",{"__component":141,"id":601,"Size":4089,"caption":8254,"Image":8255},"The related products section",[8256],{"id":1579,"name":8257,"alternativeText":29,"caption":29,"width":8258,"height":8259,"formats":8260,"hash":8285,"ext":34,"mime":37,"size":8286,"url":8287,"previewUrl":39,"provider":72,"provider_metadata":8288,"created_at":8289,"updated_at":8290},"Screenshot 2022-01-12 at 19.14.32.png",3248,1386,{"large":8261,"small":8268,"medium":8274,"thumbnail":8280},{"ext":34,"url":8262,"hash":8263,"mime":37,"name":8264,"path":39,"size":8265,"width":41,"height":8266,"provider_metadata":8267},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642015092/large_Screenshot_2022_01_12_at_19_14_32_cbf84eadbb.png","large_Screenshot_2022_01_12_at_19_14_32_cbf84eadbb","large_Screenshot 2022-01-12 at 19.14.32.png",500.75,427,{"public_id":8263,"resource_type":44},{"ext":34,"url":8269,"hash":8270,"mime":37,"name":8271,"path":39,"size":8272,"width":50,"height":3299,"provider_metadata":8273},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642015095/small_Screenshot_2022_01_12_at_19_14_32_cbf84eadbb.png","small_Screenshot_2022_01_12_at_19_14_32_cbf84eadbb","small_Screenshot 2022-01-12 at 19.14.32.png",144.07,{"public_id":8270,"resource_type":44},{"ext":34,"url":8275,"hash":8276,"mime":37,"name":8277,"path":39,"size":8278,"width":58,"height":3306,"provider_metadata":8279},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642015094/medium_Screenshot_2022_01_12_at_19_14_32_cbf84eadbb.png","medium_Screenshot_2022_01_12_at_19_14_32_cbf84eadbb","medium_Screenshot 2022-01-12 at 19.14.32.png",296.66,{"public_id":8276,"resource_type":44},{"ext":34,"url":8281,"hash":8282,"mime":37,"name":8283,"path":39,"size":6960,"width":256,"height":420,"provider_metadata":8284},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642015089/thumbnail_Screenshot_2022_01_12_at_19_14_32_cbf84eadbb.png","thumbnail_Screenshot_2022_01_12_at_19_14_32_cbf84eadbb","thumbnail_Screenshot 2022-01-12 at 19.14.32.png",{"public_id":8282,"resource_type":44},"Screenshot_2022_01_12_at_19_14_32_cbf84eadbb",2918.8,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1642015087/Screenshot_2022_01_12_at_19_14_32_cbf84eadbb.png",{"public_id":8285,"resource_type":44},"2022-01-12T19:18:17.011Z","2022-01-12T19:18:17.022Z",{"__component":23,"id":5658,"Text":8292},"If you create a new directory called `product` inside the `pages` directory and create a file called `[id].vue` .",{"__component":412,"id":1838,"Code":8294,"Type":1189,"location":8023,"language":39},"\u003Ctemplate>\n \u003Cdiv>\n \u003CContainer class=\"grid grid-cols-12 gap-2 pt-32 pb-24 md:gap-12\">\n \u003Cdiv class=\"col-span-12 md:col-span-6 lg:col-span-5\">\n \u003CProductImage :product=\"product.data\" />\n \u003C/div>\n \u003Cdiv class=\"col-span-12 md:col-span-6 lg:col-span-7\">\n \u003CHeading tag=\"h2\" font-style=\"h1\">{{ product.data.attributes.Title }}\u003C/Heading>\n \u003Cp class=\"mb-6 text-2xl text-brand-grey-600\">£{{ product.data.attributes.Price }}\u003C/p>\n \u003Cp class=\"pr-12 mb-6 text-brand-grey-400\">{{ product.data.attributes.Description }}\u003C/p>\n\n \u003Cdiv class=\"flex items-center\">\n \u003Cinput-field type=\"number\" class=\"mr-4\" min=\"1\" v-model=\"quantity\" />\n \u003CBtn\n\n @update:modelValue=\"pageTitle = $event\"\n >Add to basket\u003C/Btn>\n \u003C/div>\n \u003C/div>\n \u003C/Container>\n \u003CContainer>\n \u003Cdiv class=\"pb-8\">\n \u003CHeading tag=\"h3\" font-style=\"h3\">Related products\u003C/Heading>\n \u003CHeading tag=\"h2\" font-style=\"h2\">Other sick wicks\u003C/Heading>\n \u003C/div>\n \u003Cdiv class=\"grid grid-cols-2 gap-12 md:grid-cols-4\">\n \u003Cproduct-teaser\n class=\"col-span-1\"\n v-for=\"product in products.data\"\n :key=\"product.id\"\n :product=\"product\"\n />\n \u003C/div>\n \u003Cdiv class=\"flex justify-center pt-12 pb-32\">\n \u003CBtn theme=\"secondary\">View the other sick wicks\u003C/Btn>\n \u003C/div>\n \u003C/Container>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup>\nconst route = useRoute();\nconst config = useRuntimeConfig();\nconst quantity = ref(1);\nconst { data: products } = await useFetch(`${config.API_URL}/api/products?populate=*`)\nconst { data: product } = await useFetch(`${config.API_URL}/api/products/${route.params.id}?populate=*`)\nconst imageUrl = computed(() => {\n if (!product.value.data) {\n return null;\n }\n\n return `${config.API_URL}${product.value.data.attributes.Image.data.attributes.url}`\n});\n\u003C/script>",{"__component":23,"id":5434,"Text":8296},"## Dynamic routes with Nuxt\n\nBy creating the single product page at `pages/products/[id].vue` it allows us to use Nuxt’s dynamic routing to create pages for each product in our shop. \n\nIn our component we can get the current product id from the route params. We can then use this to adjust our query to Strapi so we load a single product.\n\nTo do this we first get a reference to the current route:",{"__component":412,"id":1843,"Code":8298,"Type":422,"location":8023,"language":39},"const route = useRoute();",{"__component":23,"id":5473,"Text":8300},"Next we use the id route parameter to construct our request to Strapi in Nuxt’s `useFetch` hook.",{"__component":412,"id":1257,"Code":8302,"Type":422,"location":8023,"language":39},"const { data: product } = await useFetch(`${config.API_URL}/api/products/${route.params.id}?populate=*`)",{"__component":23,"id":304,"Text":8304},"👉 Notice the `?populate=*` query param. This tells Strapi to load all of the model's relations. Without this, the image fields would be empty and we wouldn’t be able to get the URLs for the images.\n\nOnce we have the product data, it's just a case of using it in the template to display your candle.\n\n## Creating a Vue 3 input field\n\nYou might have noticed there is one more missing component on the product page above. An input field. This will be used to allow the user to adjust the quantity of the product.",{"__component":412,"id":1854,"Code":8306,"Type":1189,"location":8307,"language":39},"\u003Ctemplate>\n \u003Cinput\n class=\"w-24 px-4 py-4 text-xl bg-black rounded-none outline-none bg-opacity-10 placeholder-brand-grey-600 text-brand-grey-600\"\n :placeholder=\"placeholder\"\n :type=\"type\"\n :value=\"modelValue\"\n @change=\"$emit('update:modelValue', $event.target.value)\"\n name=\"text\"\n />\n\u003C/template>\n\n\n\u003Cscript setup>\nconst props = defineProps({\n type: String,\n placeholder: String,\n modelValue: [String, Number]\n});\n\u003C/script>\n\n\u003Cstyle scoped>\n\u003C/style>","components/InputField.vue",{"__component":23,"id":5552,"Text":8309},"This is just a basic input with a few prop bindings. The most interesting thing here is the use of the `modelValue` prop. This will allow us to use this component using the `v-model` syntax. Notice the `@change` handler. This will update the parent’s v-model whenever the input changes.\n\nFinally, now we have a single product page, we need to add a link around the product teaser so the user an actually get there!",{"__component":412,"id":731,"Code":8311,"Type":1189,"location":8222,"language":39},"\u003Ctemplate>\n \u003Carticle>\n \u003Cnuxt-link :to=\"`/products/${product.id}`\" class=\"group\">\n \u003CProductImage\n :product=\"product\"\n class=\"mb-6 transition-transform transform shadow-xl group-hover:scale-105\"\n />\n \u003CHeading tag=\"h3\" font-style=\"h4\">{{ product.attributes.Title }}\u003C/Heading>\n \u003Cp class=\"text-lg text-brand-grey-400\">£{{ product.attributes.Price }}\u003C/p>\n \u003C/nuxt-link>\n \u003C/article>\n\u003C/template>\n\n\u003Cscript setup>\nconst props = defineProps({\n product: Object\n});\n\u003C/script>",{"__component":23,"id":5721,"Text":8313},"That's it for the time being. Hopefully, you enjoyed seeing your candle shop come together? As always if you have any questions please reach out to us: [@pixelhopio](https://twitter.com/pixelhopio).\n\nIn the next post, we will be adding the final magic to turn out candle shop into a fully functional e-commerce store when we integrate Snipcart. If you don't want to miss out on part 4, be sure to subscribe to our newsletter, subscribe on youtube, or follow us on Twitter!",{"id":4660,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":8315,"hash":8331,"ext":34,"mime":37,"size":8332,"url":8333,"previewUrl":39,"provider":72,"provider_metadata":8334,"created_at":8335,"updated_at":8335},{"small":8316,"medium":8321,"thumbnail":8326},{"ext":34,"url":8317,"hash":8318,"mime":37,"name":529,"path":39,"size":8319,"width":50,"height":311,"provider_metadata":8320},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777373554/small_flux_final_dbd9a4077b.png","small_flux_final_dbd9a4077b",333.71,{"public_id":8318,"resource_type":44},{"ext":34,"url":8322,"hash":8323,"mime":37,"name":535,"path":39,"size":8324,"width":58,"height":537,"provider_metadata":8325},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777373553/medium_flux_final_dbd9a4077b.png","medium_flux_final_dbd9a4077b",778.07,{"public_id":8323,"resource_type":44},{"ext":34,"url":8327,"hash":8328,"mime":37,"name":542,"path":39,"size":8329,"width":544,"height":67,"provider_metadata":8330},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777373550/thumbnail_flux_final_dbd9a4077b.png","thumbnail_flux_final_dbd9a4077b",55.63,{"public_id":8328,"resource_type":44},"flux_final_dbd9a4077b",899.7,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777373549/flux_final_dbd9a4077b.png",{"public_id":8331,"resource_type":44},"2026-04-28T10:52:35.139Z",[8337,8338,8339],{"id":270,"Name":564,"created_at":565,"updated_at":566,"slug":567},{"id":558,"Name":559,"created_at":560,"updated_at":561,"slug":562},{"id":78,"Name":553,"created_at":554,"updated_at":555,"slug":556},{"id":2174,"Title":275,"user":8341,"Summary":8353,"created_at":8354,"updated_at":8355,"slug":276,"published_at":8356,"release_date":8357,"Layout":381,"Content":8358,"Feature":8536,"tags":8558},{"id":81,"username":82,"email":83,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":88,"updated_at":89,"project":39,"Picture":8342},{"id":91,"name":92,"alternativeText":29,"caption":29,"width":93,"height":94,"formats":8343,"hash":126,"ext":97,"mime":100,"size":127,"url":128,"previewUrl":39,"provider":72,"provider_metadata":8352,"created_at":130,"updated_at":131},{"large":8344,"small":8346,"medium":8348,"thumbnail":8350},{"ext":97,"url":98,"hash":99,"mime":100,"name":101,"path":39,"size":102,"width":41,"height":103,"provider_metadata":8345},{"public_id":99,"resource_type":44},{"ext":97,"url":106,"hash":107,"mime":100,"name":108,"path":39,"size":109,"width":50,"height":110,"provider_metadata":8347},{"public_id":107,"resource_type":44},{"ext":97,"url":113,"hash":114,"mime":100,"name":115,"path":39,"size":116,"width":58,"height":117,"provider_metadata":8349},{"public_id":114,"resource_type":44},{"ext":97,"url":120,"hash":121,"mime":100,"name":122,"path":39,"size":123,"width":124,"height":67,"provider_metadata":8351},{"public_id":121,"resource_type":44},{"public_id":126,"resource_type":44},"This is a three-part blog series where I would like to talk about what I consider to be the essential points when being a self-taught developer. I will talk about some positives, negatives and some advice from my experience.","2021-12-16T10:45:47.488Z","2026-04-28T11:08:31.977Z","2022-01-24T12:34:04.289Z","2022-01-24",[8359,8361,8393,8395,8397,8435,8437,8475,8477,8513,8515,8529,8531],{"__component":23,"id":7385,"Text":8360},"## My personal experience\n ",{"__component":141,"id":1675,"Size":143,"caption":8362,"Image":8363},"I couldn’t find a picture of me when I started learning, so heres me in Vietnam the year before",[8364],{"id":1843,"name":8365,"alternativeText":29,"caption":29,"width":8366,"height":8367,"formats":8368,"hash":8387,"ext":97,"mime":100,"size":8388,"url":8389,"previewUrl":39,"provider":72,"provider_metadata":8390,"created_at":8391,"updated_at":8392},"18402908_1545323832154028_5893251803755657915_n.jpeg",720,960,{"small":8369,"medium":8375,"thumbnail":8381},{"ext":97,"url":8370,"hash":8371,"mime":100,"name":8372,"path":39,"size":8373,"width":311,"height":50,"provider_metadata":8374},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1639591428/small_18402908_1545323832154028_5893251803755657915_n_e0d858b671.jpg","small_18402908_1545323832154028_5893251803755657915_n_e0d858b671","small_18402908_1545323832154028_5893251803755657915_n.jpeg",51.18,{"public_id":8371,"resource_type":44},{"ext":97,"url":8376,"hash":8377,"mime":100,"name":8378,"path":39,"size":8379,"width":537,"height":58,"provider_metadata":8380},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1639591427/medium_18402908_1545323832154028_5893251803755657915_n_e0d858b671.jpg","medium_18402908_1545323832154028_5893251803755657915_n_e0d858b671","medium_18402908_1545323832154028_5893251803755657915_n.jpeg",96.41,{"public_id":8377,"resource_type":44},{"ext":97,"url":8382,"hash":8383,"mime":100,"name":8384,"path":39,"size":8385,"width":493,"height":67,"provider_metadata":8386},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1639591425/thumbnail_18402908_1545323832154028_5893251803755657915_n_e0d858b671.jpg","thumbnail_18402908_1545323832154028_5893251803755657915_n_e0d858b671","thumbnail_18402908_1545323832154028_5893251803755657915_n.jpeg",12.81,{"public_id":8383,"resource_type":44},"18402908_1545323832154028_5893251803755657915_n_e0d858b671",102.22,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1639591425/18402908_1545323832154028_5893251803755657915_n_e0d858b671.jpg",{"public_id":8387,"resource_type":44},"2021-12-15T18:03:48.530Z","2021-12-15T18:03:48.594Z",{"__component":23,"id":1890,"Text":8394},"**This blog is part one, where I will be talking about self-teaching yourself code to getting your first job.**\n\nFirstly let me introduce myself. My name's Talie and I work at Pixelhop. I have been a full-stacked web developer for 3 years and have worked for 3 different companies.\n\nI started learning to code when I was 23. When I wasn’t sure what to do with my life. I was staying in Bangkok and messing around on my second hand computer, learning a bit of HTML. I found it quite satisfying, and decided to go back to England and focus on learning it properly. Not knowing if I would ever really be able to get a job. Four years later and I believe that was the best decision of my life.\n\nThe reason I decided to start coding, was mainly for the freedom I thought could be achieved from working in this industry. I had no interest in working in an office and initially wanted to live a nomadic life as a freelancer.\n\nI have never been to university, and taught myself how to code over the course of a year before I got my first job. One of the great things about this industry is, in my experience, companies and colleagues don't care about whether or not you have attended higher education.",{"__component":23,"id":4718,"Text":8396},"## The importance of notes",{"__component":141,"id":1681,"Size":143,"caption":8398,"Image":8399},"My old notes from when I first started learning JavaScript",[8400],{"id":1257,"name":8401,"alternativeText":29,"caption":29,"width":8402,"height":8403,"formats":8404,"hash":8429,"ext":34,"mime":37,"size":8430,"url":8431,"previewUrl":39,"provider":72,"provider_metadata":8432,"created_at":8433,"updated_at":8434},"Screenshot 2021-12-02 at 12.41.44.png",1512,616,{"large":8405,"small":8411,"medium":8417,"thumbnail":8423},{"ext":34,"url":8406,"hash":8407,"mime":37,"name":8408,"path":39,"size":8409,"width":41,"height":27,"provider_metadata":8410},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1639662001/large_Screenshot_2021_12_02_at_12_41_44_24305fb18b.png","large_Screenshot_2021_12_02_at_12_41_44_24305fb18b","large_Screenshot 2021-12-02 at 12.41.44.png",116.11,{"public_id":8407,"resource_type":44},{"ext":34,"url":8412,"hash":8413,"mime":37,"name":8414,"path":39,"size":8415,"width":50,"height":1211,"provider_metadata":8416},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1639662003/small_Screenshot_2021_12_02_at_12_41_44_24305fb18b.png","small_Screenshot_2021_12_02_at_12_41_44_24305fb18b","small_Screenshot 2021-12-02 at 12.41.44.png",44.47,{"public_id":8413,"resource_type":44},{"ext":34,"url":8418,"hash":8419,"mime":37,"name":8420,"path":39,"size":8421,"width":58,"height":7513,"provider_metadata":8422},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1639662002/medium_Screenshot_2021_12_02_at_12_41_44_24305fb18b.png","medium_Screenshot_2021_12_02_at_12_41_44_24305fb18b","medium_Screenshot 2021-12-02 at 12.41.44.png",77.69,{"public_id":8419,"resource_type":44},{"ext":34,"url":8424,"hash":8425,"mime":37,"name":8426,"path":39,"size":8427,"width":256,"height":1208,"provider_metadata":8428},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1639662000/thumbnail_Screenshot_2021_12_02_at_12_41_44_24305fb18b.png","thumbnail_Screenshot_2021_12_02_at_12_41_44_24305fb18b","thumbnail_Screenshot 2021-12-02 at 12.41.44.png",15.8,{"public_id":8425,"resource_type":44},"Screenshot_2021_12_02_at_12_41_44_24305fb18b",128.57,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1639661999/Screenshot_2021_12_02_at_12_41_44_24305fb18b.png",{"public_id":8429,"resource_type":44},"2021-12-16T13:40:04.190Z","2021-12-16T13:40:04.256Z",{"__component":23,"id":4622,"Text":8436},"Notes notes notes! For me, this is the most crucial part when learning to code. It's the basis of all your learning and will help you when studying to get that first job and even after you have started.\n\nIf I could go back to when I first started learning, I would start with focusing on taking notes well. The ability to note something down in your own words, quickly and clearly, is really powerful. \n\nTrying to memorise things you don't fully understand will lead to frustration. Something I know from experience.\nWhen you start out, noting everything you learn will really help you. No matter how basic it may seem and you will find yourself referring back to those notes every time you forget something until you start memorising it.\n\nThis is also massive help if you ever take a break from learning. You can continue from where you left off and refer to your notes when you come back.\n\n### Sum up\n\n- Note as much as possible (literally, everything when you are first starting out).\n- Don't try memorising anything. That will come naturally.\n- Use some noting software to make it easier, for example; Notion or OneNote.\n\n## Your path",{"__component":141,"id":91,"Size":143,"caption":39,"Image":8438},[8439],{"id":731,"name":8440,"alternativeText":29,"caption":29,"width":8441,"height":8442,"formats":8443,"hash":8469,"ext":97,"mime":100,"size":8470,"url":8471,"previewUrl":39,"provider":72,"provider_metadata":8472,"created_at":8473,"updated_at":8474},"pexels-kelly-l-2876511.jpeg",3992,2242,{"large":8444,"small":8450,"medium":8456,"thumbnail":8463},{"ext":97,"url":8445,"hash":8446,"mime":100,"name":8447,"path":39,"size":8448,"width":41,"height":5139,"provider_metadata":8449},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1639662132/large_pexels_kelly_l_2876511_471e3b8e85.jpg","large_pexels_kelly_l_2876511_471e3b8e85","large_pexels-kelly-l-2876511.jpeg",178.32,{"public_id":8446,"resource_type":44},{"ext":97,"url":8451,"hash":8452,"mime":100,"name":8453,"path":39,"size":8454,"width":50,"height":4650,"provider_metadata":8455},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1639662134/small_pexels_kelly_l_2876511_471e3b8e85.jpg","small_pexels_kelly_l_2876511_471e3b8e85","small_pexels-kelly-l-2876511.jpeg",51.65,{"public_id":8452,"resource_type":44},{"ext":97,"url":8457,"hash":8458,"mime":100,"name":8459,"path":39,"size":8460,"width":58,"height":8461,"provider_metadata":8462},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1639662133/medium_pexels_kelly_l_2876511_471e3b8e85.jpg","medium_pexels_kelly_l_2876511_471e3b8e85","medium_pexels-kelly-l-2876511.jpeg",104.21,421,{"public_id":8458,"resource_type":44},{"ext":97,"url":8464,"hash":8465,"mime":100,"name":8466,"path":39,"size":8467,"width":256,"height":239,"provider_metadata":8468},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1639662131/thumbnail_pexels_kelly_l_2876511_471e3b8e85.jpg","thumbnail_pexels_kelly_l_2876511_471e3b8e85","thumbnail_pexels-kelly-l-2876511.jpeg",14.58,{"public_id":8465,"resource_type":44},"pexels_kelly_l_2876511_471e3b8e85",2004.07,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1639662130/pexels_kelly_l_2876511_471e3b8e85.jpg",{"public_id":8469,"resource_type":44},"2021-12-16T13:42:14.899Z","2021-12-16T13:42:14.955Z",{"__component":23,"id":1404,"Text":8476},"As I was learning, I didn’t spend enough time to fully understand what I needed to learn and to what level. If I had really planned out a path before getting stuck in, I think I would have saved a lot of time and energy.\n\nSo what do I mean by finding your path? I mean the things you learn, i.e. Javascript, PHP, design. Should be in line with your end goal.\nI know what you're thinking, \"well, duh\", but I believe this is too often overlooked.\n\nWe should remember, as self-taught developers, we don't have anyone to keep us disciplined and tell us what to learn and in what order. I had found myself learning something that I later found out was out of date, Cough cough.. jQuery or something that could be done by a language that I already know Cough cough.. PHP.\n\nBefore learning anything new, I recommend really thinking about what you want your goal to be, i.e. becoming a backend dev or full stacked dev. Research what your desired goal requires by looking at job descriptions or finding out what the most common and up to date tech is being used for a specific job.\n\nHaving a fixed path will save you a lot of time (trust me) and keep you motivated because you will be sure you are going in the right direction.\n\n### Sum up\n\n- Stick with your choice and follow your path to the end.\n- Consider your strengths and weaknesses, i.e. Are you more visual or technical?\n- Stick with what you already know and go deep with it, e.g. Don't go and learn Python to build an API if you already know Nodejs.\n- Spend time planning and don't jump into anything without being sure.\n\n## Your goal",{"__component":141,"id":1693,"Size":143,"caption":8478,"Image":8479},"A picture I posted online when I first got a second screen, I remember feeling so chuffed that I had got to this position",[8480],{"id":1967,"name":8481,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":8482,"hash":8507,"ext":97,"mime":100,"size":8508,"url":8509,"previewUrl":39,"provider":72,"provider_metadata":8510,"created_at":8511,"updated_at":8512},"72097163_425691768125523_5789643009158890578_n.jpeg",{"large":8483,"small":8489,"medium":8495,"thumbnail":8501},{"ext":97,"url":8484,"hash":8485,"mime":100,"name":8486,"path":39,"size":8487,"width":41,"height":41,"provider_metadata":8488},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640019712/large_72097163_425691768125523_5789643009158890578_n_fb21ef7872.jpg","large_72097163_425691768125523_5789643009158890578_n_fb21ef7872","large_72097163_425691768125523_5789643009158890578_n.jpeg",202.44,{"public_id":8485,"resource_type":44},{"ext":97,"url":8490,"hash":8491,"mime":100,"name":8492,"path":39,"size":8493,"width":50,"height":50,"provider_metadata":8494},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640019714/small_72097163_425691768125523_5789643009158890578_n_fb21ef7872.jpg","small_72097163_425691768125523_5789643009158890578_n_fb21ef7872","small_72097163_425691768125523_5789643009158890578_n.jpeg",60.41,{"public_id":8491,"resource_type":44},{"ext":97,"url":8496,"hash":8497,"mime":100,"name":8498,"path":39,"size":8499,"width":58,"height":58,"provider_metadata":8500},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640019713/medium_72097163_425691768125523_5789643009158890578_n_fb21ef7872.jpg","medium_72097163_425691768125523_5789643009158890578_n_fb21ef7872","medium_72097163_425691768125523_5789643009158890578_n.jpeg",123.17,{"public_id":8497,"resource_type":44},{"ext":97,"url":8502,"hash":8503,"mime":100,"name":8504,"path":39,"size":8505,"width":67,"height":67,"provider_metadata":8506},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640019711/thumbnail_72097163_425691768125523_5789643009158890578_n_fb21ef7872.jpg","thumbnail_72097163_425691768125523_5789643009158890578_n_fb21ef7872","thumbnail_72097163_425691768125523_5789643009158890578_n.jpeg",7.94,{"public_id":8503,"resource_type":44},"72097163_425691768125523_5789643009158890578_n_fb21ef7872",235.1,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640019710/72097163_425691768125523_5789643009158890578_n_fb21ef7872.jpg",{"public_id":8507,"resource_type":44},"2021-12-20T17:01:54.919Z","2021-12-20T17:01:55.007Z",{"__component":23,"id":6756,"Text":8514},"Now we have spoken about choosing your path; the natural next thing should be what your end goal should be?\nI want to say that this will probably not be apparent right from the beginning. It will take some time and research.\n\nI decided to start coding mainly for the freedom I believed could be achieved from working in this industry. I had no interest in working in an office and just wanted to live a nomadic life as a freelancer.\n\nIt wasn't until I did my research and found out getting clients was not as easy as I thought and the best way to learn from people is to work next to them in an office. So after that, my goal changed and getting an office job actually became my main focus.\n\nIt would also help to consider your position in life, i.e. when you should start working? For example, starting at a junior position, intern or getting clients. Of course, this will depend on what position you are in personally. Ask yourself; if you have the time to work towards a junior role rather than wasting time trying to apply for intern positions. Or would it be better to try and find some work on the weekends as you are busy most of the week?\n\n### Sum up\n\n- Think about what you want to get out of learning to code, i.e. become freelance, get a stable office job or maybe just for a personal project.\n- Keep in mind that your goal will not be the end, e.g. getting a job. Maybe don't think 'what do I need to do to get this specific junior role' instead think 'How would I get to a mid-weight position as so & so dev'—making your initial goal to get a junior position.\n\n## Personal Projects",{"__component":141,"id":1699,"Size":4089,"caption":8516,"Image":8517},"One of my first personal projects",[8518],{"id":1854,"name":8519,"alternativeText":29,"caption":29,"width":8520,"height":6411,"formats":39,"hash":8521,"ext":8522,"mime":8523,"size":8524,"url":8525,"previewUrl":39,"provider":72,"provider_metadata":8526,"created_at":8527,"updated_at":8528},"ezgif.com-gif-maker.gif",600,"ezgif_com_gif_maker_1abc6b6584",".gif","image/gif",1731.68,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1639662129/ezgif_com_gif_maker_1abc6b6584.gif",{"public_id":8521,"resource_type":44},"2021-12-16T13:42:11.087Z","2021-12-16T13:42:11.148Z",{"__component":23,"id":6287,"Text":8530},"Personal projects are the best tool for you as a self-taught dev.\nIt's the most meaningful way to show off your skills. You can put any old guff on a CV or complete a code challenge where you print out a sequence of numbers. It might seem impressive. But it's nothing compared to an actual functioning app with a purpose and more realistic to what you will actually be doing.\n\nThey are also the only way to show your non-dev friends and family something cool that you can do with your skills. Perhaps even convince them, all this wacky computer stuff you have been working on does have a purpose after all.\n\nFor me, that's what really got me hooked on development. Instead of thinking, \"there should be an app for that\" or \"someone should make a website like this\", I consider that an idea and start to think of ways I can make it.\n\n### Sum up\n\n- Try to be original. It's easy to follow a tutorial on making a to-do app or whatever. But its a lot more impressive if you come up with a functional or fun idea yourself.\n- Start small.\n\n## Conclusion\n\nThanks for reading part one of my three part bog series. I hope you gain something from this, I have made a lot of mistakes in the past and I hope to passed on some of my knowledge.\n\nPlease check out the other blogs in this series when they are out and check out some of our other blogs on our website.",{"__component":269,"id":2658,"title":271,"blog_series":39,"post_link":8532},[8533,8534,8535],{"id":1851,"title":275,"slug":276,"description":277,"blog_series":39},{"id":1790,"title":280,"slug":135,"description":281,"blog_series":39},{"id":1628,"title":284,"slug":285,"description":286,"blog_series":39},{"id":2858,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":8537,"hash":8553,"ext":34,"mime":37,"size":8554,"url":8555,"previewUrl":39,"provider":72,"provider_metadata":8556,"created_at":8557,"updated_at":8557},{"small":8538,"medium":8543,"thumbnail":8548},{"ext":34,"url":8539,"hash":8540,"mime":37,"name":529,"path":39,"size":8541,"width":50,"height":311,"provider_metadata":8542},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777374511/small_flux_final_204f9bc00d.png","small_flux_final_204f9bc00d",369.2,{"public_id":8540,"resource_type":44},{"ext":34,"url":8544,"hash":8545,"mime":37,"name":535,"path":39,"size":8546,"width":58,"height":537,"provider_metadata":8547},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777374510/medium_flux_final_204f9bc00d.png","medium_flux_final_204f9bc00d",863.78,{"public_id":8545,"resource_type":44},{"ext":34,"url":8549,"hash":8550,"mime":37,"name":542,"path":39,"size":8551,"width":544,"height":67,"provider_metadata":8552},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777374508/thumbnail_flux_final_204f9bc00d.png","thumbnail_flux_final_204f9bc00d",61.6,{"public_id":8550,"resource_type":44},"flux_final_204f9bc00d",1090.7,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777374507/flux_final_204f9bc00d.png",{"public_id":8553,"resource_type":44},"2026-04-28T11:08:31.479Z",[8559],{"id":327,"Name":328,"created_at":329,"updated_at":330,"slug":331},{"id":395,"Title":8561,"user":8562,"Summary":8574,"created_at":8575,"updated_at":8576,"slug":8577,"published_at":8578,"release_date":8579,"Layout":138,"Content":8580,"Feature":8876,"tags":8904},"The Year Started With Loss. AI Helped Me Show Up Anyway",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":8563},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":8564,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":8573,"created_at":374,"updated_at":374},{"large":8565,"small":8567,"medium":8569,"thumbnail":8571},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":8566},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":8568},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":8570},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":8572},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"In January we were at the airport, about to leave for a holiday we'd booked, when we got the news. My dad had passed away.","2026-03-03T12:17:47.057Z","2026-04-27T14:49:39.257Z","the-year-started-with-loss.-ai-helped-me-show-up-anyway","2026-03-03T12:20:12.174Z","2026-03-03",[8581,8584,8624,8627,8664,8666,8706,8708,8747,8750,8790,8792,8833,8835,8874],{"__component":23,"id":8582,"Text":8583},432,"When I finally got back to work, the last thing I wanted was to spend a day making slides. But the team were waiting. They needed to know what 2026 looked like for Pixelhop and Chat Thing.",{"__component":141,"id":1328,"Size":4089,"caption":8585,"Image":8586},"Coming back from a very weird holiday. Next to get Pixelhop's 2026 goals and presentation done.",[8587],{"id":4937,"name":8588,"alternativeText":8585,"caption":8585,"width":8589,"height":8590,"formats":8591,"hash":8618,"ext":97,"mime":100,"size":8619,"url":8620,"previewUrl":39,"provider":72,"provider_metadata":8621,"created_at":8622,"updated_at":8623},"IMG_2489.jpeg",3852,3819,{"large":8592,"small":8599,"medium":8606,"thumbnail":8612},{"ext":97,"url":8593,"hash":8594,"mime":100,"name":8595,"path":39,"size":8596,"width":41,"height":8597,"provider_metadata":8598},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539853/large_IMG_2489_80d2a9c7e5.jpg","large_IMG_2489_80d2a9c7e5","large_IMG_2489.jpeg",200.59,991,{"public_id":8594,"resource_type":44},{"ext":97,"url":8600,"hash":8601,"mime":100,"name":8602,"path":39,"size":8603,"width":50,"height":8604,"provider_metadata":8605},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539855/small_IMG_2489_80d2a9c7e5.jpg","small_IMG_2489_80d2a9c7e5","small_IMG_2489.jpeg",56.68,495,{"public_id":8601,"resource_type":44},{"ext":97,"url":8607,"hash":8608,"mime":100,"name":8609,"path":39,"size":8610,"width":58,"height":1869,"provider_metadata":8611},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539854/medium_IMG_2489_80d2a9c7e5.jpg","medium_IMG_2489_80d2a9c7e5","medium_IMG_2489.jpeg",115.82,{"public_id":8608,"resource_type":44},{"ext":97,"url":8613,"hash":8614,"mime":100,"name":8615,"path":39,"size":8616,"width":1655,"height":67,"provider_metadata":8617},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539852/thumbnail_IMG_2489_80d2a9c7e5.jpg","thumbnail_IMG_2489_80d2a9c7e5","thumbnail_IMG_2489.jpeg",7.8,{"public_id":8614,"resource_type":44},"IMG_2489_80d2a9c7e5",1972.17,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539851/IMG_2489_80d2a9c7e5.jpg",{"public_id":8618,"resource_type":44},"2026-03-03T12:10:55.541Z","2026-03-03T12:10:55.548Z",{"__component":23,"id":8625,"Text":8626},433,"## How we normally do it\n\nEvery year, Zef and I regroup. We review the previous year: the good, the bad, the ugly. We write out everything we want and don't want. Rough notes at first, then something closer to a manifesto. Our north star. \n\nThen we bring it to the team. A proper presentation: here's what happened, here's where we're going.\n\nThat presentation usually takes me a full day. Sometimes more. Finding the right structure, making it clear, making it *feel* right.\n\nThis year, I didn't have a day. I barely had a morning.\n\n## What we did differently\n\nWe still did our note taking:",{"__component":141,"id":124,"Size":4089,"caption":8628,"Image":8629},"Pixelhop's annual planning notes",[8630],{"id":2837,"name":8631,"alternativeText":8628,"caption":8628,"width":4396,"height":8632,"formats":8633,"hash":8658,"ext":34,"mime":37,"size":8659,"url":8660,"previewUrl":39,"provider":72,"provider_metadata":8661,"created_at":8662,"updated_at":8663},"Xnapper-2026-02-27-15.14.08.png",1980,{"large":8634,"small":8640,"medium":8646,"thumbnail":8652},{"ext":34,"url":8635,"hash":8636,"mime":37,"name":8637,"path":39,"size":8638,"width":1987,"height":41,"provider_metadata":8639},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539846/large_Xnapper_2026_02_27_15_14_08_a333417130.png","large_Xnapper_2026_02_27_15_14_08_a333417130","large_Xnapper-2026-02-27-15.14.08.png",236.59,{"public_id":8636,"resource_type":44},{"ext":34,"url":8641,"hash":8642,"mime":37,"name":8643,"path":39,"size":8644,"width":1994,"height":50,"provider_metadata":8645},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539848/small_Xnapper_2026_02_27_15_14_08_a333417130.png","small_Xnapper_2026_02_27_15_14_08_a333417130","small_Xnapper-2026-02-27-15.14.08.png",83.82,{"public_id":8642,"resource_type":44},{"ext":34,"url":8647,"hash":8648,"mime":37,"name":8649,"path":39,"size":8650,"width":2001,"height":58,"provider_metadata":8651},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539847/medium_Xnapper_2026_02_27_15_14_08_a333417130.png","medium_Xnapper_2026_02_27_15_14_08_a333417130","medium_Xnapper-2026-02-27-15.14.08.png",153.22,{"public_id":8648,"resource_type":44},{"ext":34,"url":8653,"hash":8654,"mime":37,"name":8655,"path":39,"size":8656,"width":413,"height":67,"provider_metadata":8657},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539845/thumbnail_Xnapper_2026_02_27_15_14_08_a333417130.png","thumbnail_Xnapper_2026_02_27_15_14_08_a333417130","thumbnail_Xnapper-2026-02-27-15.14.08.png",14.31,{"public_id":8654,"resource_type":44},"Xnapper_2026_02_27_15_14_08_a333417130",252.85,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539844/Xnapper_2026_02_27_15_14_08_a333417130.png",{"public_id":8658,"resource_type":44},"2026-03-03T12:10:48.878Z","2026-03-03T12:10:48.891Z",{"__component":23,"id":5641,"Text":8665},"We then wrote up our manifesto and north star. We still did all the real thinking. But turning 20 pages of notes into a presentation? That's where I usually lose time.\n\nSo we asked Glitch to help.",{"__component":141,"id":1389,"Size":4089,"caption":8667,"Image":8668},"Conversation with Glitch in Telegram about Pixelhop and Chat Thing goals and presentation.",[8669],{"id":6281,"name":8670,"alternativeText":8667,"caption":8667,"width":8671,"height":8672,"formats":8673,"hash":8700,"ext":34,"mime":37,"size":8701,"url":8702,"previewUrl":39,"provider":72,"provider_metadata":8703,"created_at":8704,"updated_at":8705},"Xnapper-2026-02-27-15.28.56.png",1554,1298,{"large":8674,"small":8681,"medium":8687,"thumbnail":8694},{"ext":34,"url":8675,"hash":8676,"mime":37,"name":8677,"path":39,"size":8678,"width":41,"height":8679,"provider_metadata":8680},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539846/large_Xnapper_2026_02_27_15_28_56_a3410ed846.png","large_Xnapper_2026_02_27_15_28_56_a3410ed846","large_Xnapper-2026-02-27-15.28.56.png",404.3,835,{"public_id":8676,"resource_type":44},{"ext":34,"url":8682,"hash":8683,"mime":37,"name":8684,"path":39,"size":8685,"width":50,"height":5031,"provider_metadata":8686},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539848/small_Xnapper_2026_02_27_15_28_56_a3410ed846.png","small_Xnapper_2026_02_27_15_28_56_a3410ed846","small_Xnapper-2026-02-27-15.28.56.png",143.83,{"public_id":8683,"resource_type":44},{"ext":34,"url":8688,"hash":8689,"mime":37,"name":8690,"path":39,"size":8691,"width":58,"height":8692,"provider_metadata":8693},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539847/medium_Xnapper_2026_02_27_15_28_56_a3410ed846.png","medium_Xnapper_2026_02_27_15_28_56_a3410ed846","medium_Xnapper-2026-02-27-15.28.56.png",265.54,626,{"public_id":8689,"resource_type":44},{"ext":34,"url":8695,"hash":8696,"mime":37,"name":8697,"path":39,"size":8698,"width":876,"height":67,"provider_metadata":8699},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539845/thumbnail_Xnapper_2026_02_27_15_28_56_a3410ed846.png","thumbnail_Xnapper_2026_02_27_15_28_56_a3410ed846","thumbnail_Xnapper-2026-02-27-15.28.56.png",30.61,{"public_id":8696,"resource_type":44},"Xnapper_2026_02_27_15_28_56_a3410ed846",405.02,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539844/Xnapper_2026_02_27_15_28_56_a3410ed846.png",{"public_id":8700,"resource_type":44},"2026-03-03T12:10:49.251Z","2026-03-03T12:10:49.264Z",{"__component":23,"id":3265,"Text":8707},"Glitch is our AI assistant. It runs on [OpenClaw](https://openclaw.ai), an open-source framework that connects Claude (the AI model) to real tools: file access, web browsing, code execution, and more. Think of it as giving an AI hands, not just a voice.\n\nWe gave Glitch our manifesto, our strategy and all the chats we had had, explained the context. We also asked Glitch to go and look at our website repo and extract all the branding from there. ",{"__component":141,"id":1437,"Size":4089,"caption":8709,"Image":8710},"Giving Glitch all the information to do a good job on the Pixelhop presentation.",[8711],{"id":4858,"name":8712,"alternativeText":8709,"caption":8709,"width":4567,"height":8713,"formats":8714,"hash":8741,"ext":34,"mime":37,"size":8742,"url":8743,"previewUrl":39,"provider":72,"provider_metadata":8744,"created_at":8745,"updated_at":8746},"Xnapper-2026-02-27-15.34.43.png",1606,{"large":8715,"small":8722,"medium":8729,"thumbnail":8735},{"ext":34,"url":8716,"hash":8717,"mime":37,"name":8718,"path":39,"size":8719,"width":8720,"height":41,"provider_metadata":8721},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539846/large_Xnapper_2026_02_27_15_34_43_8761175b31.png","large_Xnapper_2026_02_27_15_34_43_8761175b31","large_Xnapper-2026-02-27-15.34.43.png",374.09,955,{"public_id":8717,"resource_type":44},{"ext":34,"url":8723,"hash":8724,"mime":37,"name":8725,"path":39,"size":8726,"width":8727,"height":50,"provider_metadata":8728},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539848/small_Xnapper_2026_02_27_15_34_43_8761175b31.png","small_Xnapper_2026_02_27_15_34_43_8761175b31","small_Xnapper-2026-02-27-15.34.43.png",135.87,478,{"public_id":8724,"resource_type":44},{"ext":34,"url":8730,"hash":8731,"mime":37,"name":8732,"path":39,"size":8733,"width":2910,"height":58,"provider_metadata":8734},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539847/medium_Xnapper_2026_02_27_15_34_43_8761175b31.png","medium_Xnapper_2026_02_27_15_34_43_8761175b31","medium_Xnapper-2026-02-27-15.34.43.png",248.14,{"public_id":8731,"resource_type":44},{"ext":34,"url":8736,"hash":8737,"mime":37,"name":8738,"path":39,"size":8739,"width":2101,"height":67,"provider_metadata":8740},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539845/thumbnail_Xnapper_2026_02_27_15_34_43_8761175b31.png","thumbnail_Xnapper_2026_02_27_15_34_43_8761175b31","thumbnail_Xnapper-2026-02-27-15.34.43.png",23.37,{"public_id":8737,"resource_type":44},"Xnapper_2026_02_27_15_34_43_8761175b31",347.92,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539844/Xnapper_2026_02_27_15_34_43_8761175b31.png",{"public_id":8741,"resource_type":44},"2026-03-03T12:10:49.101Z","2026-03-03T20:21:41.017Z",{"__component":23,"id":8748,"Text":8749},436,"We didn't know how it would turn out but asked Glitch to turn our ideas into a beautiful HTML presentation. And it delivered: Pixelhop branding, keyboard navigation, proper structure. The works.\n\n**20 minutes later: 18 slides, brand colours, smooth transitions. Ready to present.**",{"__component":141,"id":1451,"Size":4089,"caption":8751,"Image":8752},"The finished slides with Pixelhop branding.",[8753],{"id":6320,"name":8754,"alternativeText":8755,"caption":8755,"width":8756,"height":8757,"formats":8758,"hash":8784,"ext":34,"mime":37,"size":8785,"url":8786,"previewUrl":39,"provider":72,"provider_metadata":8787,"created_at":8788,"updated_at":8789},"Xnapper-2026-02-27-15.02.54.png","The finished slides with Pixelhop branding",3926,2038,{"large":8759,"small":8766,"medium":8772,"thumbnail":8778},{"ext":34,"url":8760,"hash":8761,"mime":37,"name":8762,"path":39,"size":8763,"width":41,"height":8764,"provider_metadata":8765},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539847/large_Xnapper_2026_02_27_15_02_54_3a9a0f831a.png","large_Xnapper_2026_02_27_15_02_54_3a9a0f831a","large_Xnapper-2026-02-27-15.02.54.png",107.95,519,{"public_id":8761,"resource_type":44},{"ext":34,"url":8767,"hash":8768,"mime":37,"name":8769,"path":39,"size":8770,"width":50,"height":8013,"provider_metadata":8771},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539849/small_Xnapper_2026_02_27_15_02_54_3a9a0f831a.png","small_Xnapper_2026_02_27_15_02_54_3a9a0f831a","small_Xnapper-2026-02-27-15.02.54.png",41.24,{"public_id":8768,"resource_type":44},{"ext":34,"url":8773,"hash":8774,"mime":37,"name":8775,"path":39,"size":8776,"width":58,"height":1496,"provider_metadata":8777},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539848/medium_Xnapper_2026_02_27_15_02_54_3a9a0f831a.png","medium_Xnapper_2026_02_27_15_02_54_3a9a0f831a","medium_Xnapper-2026-02-27-15.02.54.png",71.75,{"public_id":8774,"resource_type":44},{"ext":34,"url":8779,"hash":8780,"mime":37,"name":8781,"path":39,"size":8782,"width":256,"height":1854,"provider_metadata":8783},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539846/thumbnail_Xnapper_2026_02_27_15_02_54_3a9a0f831a.png","thumbnail_Xnapper_2026_02_27_15_02_54_3a9a0f831a","thumbnail_Xnapper-2026-02-27-15.02.54.png",15.28,{"public_id":8780,"resource_type":44},"Xnapper_2026_02_27_15_02_54_3a9a0f831a",360.7,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539844/Xnapper_2026_02_27_15_02_54_3a9a0f831a.png",{"public_id":8784,"resource_type":44},"2026-03-03T12:10:49.404Z","2026-03-03T12:10:49.419Z",{"__component":23,"id":3637,"Text":8791},"## The result\n\nThe team meeting happened on time. Chris and Ella got the full picture: where Pixelhop is heading, our Chat Thing goals, the rocks we're focused on.\n\nThey left excited. Aligned. Ready.\n\nAnd I got to show up without burning out.",{"__component":141,"id":1465,"Size":4089,"caption":8793,"Image":8794},"Team meeting at Pixelhop and Chat Thing.",[8795],{"id":6983,"name":8796,"alternativeText":8797,"caption":8797,"width":8798,"height":8799,"formats":8800,"hash":8827,"ext":34,"mime":37,"size":8828,"url":8829,"previewUrl":39,"provider":72,"provider_metadata":8830,"created_at":8831,"updated_at":8832},"Xnapper-2026-03-03-12.15.41.png","Pixelhop and Chat Thing team meeting day",1614,1562,{"large":8801,"small":8808,"medium":8814,"thumbnail":8821},{"ext":34,"url":8802,"hash":8803,"mime":37,"name":8804,"path":39,"size":8805,"width":41,"height":8806,"provider_metadata":8807},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772540177/large_Xnapper_2026_03_03_12_15_41_9e9d5b30bc.png","large_Xnapper_2026_03_03_12_15_41_9e9d5b30bc","large_Xnapper-2026-03-03-12.15.41.png",2144.13,968,{"public_id":8803,"resource_type":44},{"ext":34,"url":8809,"hash":8810,"mime":37,"name":8811,"path":39,"size":8812,"width":50,"height":6961,"provider_metadata":8813},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772540179/small_Xnapper_2026_03_03_12_15_41_9e9d5b30bc.png","small_Xnapper_2026_03_03_12_15_41_9e9d5b30bc","small_Xnapper-2026-03-03-12.15.41.png",579.61,{"public_id":8810,"resource_type":44},{"ext":34,"url":8815,"hash":8816,"mime":37,"name":8817,"path":39,"size":8818,"width":58,"height":8819,"provider_metadata":8820},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772540178/medium_Xnapper_2026_03_03_12_15_41_9e9d5b30bc.png","medium_Xnapper_2026_03_03_12_15_41_9e9d5b30bc","medium_Xnapper-2026-03-03-12.15.41.png",1239.57,726,{"public_id":8816,"resource_type":44},{"ext":34,"url":8822,"hash":8823,"mime":37,"name":8824,"path":39,"size":8825,"width":1685,"height":67,"provider_metadata":8826},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772540175/thumbnail_Xnapper_2026_03_03_12_15_41_9e9d5b30bc.png","thumbnail_Xnapper_2026_03_03_12_15_41_9e9d5b30bc","thumbnail_Xnapper-2026-03-03-12.15.41.png",74.55,{"public_id":8823,"resource_type":44},"Xnapper_2026_03_03_12_15_41_9e9d5b30bc",4037.71,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772540174/Xnapper_2026_03_03_12_15_41_9e9d5b30bc.png",{"public_id":8827,"resource_type":44},"2026-03-03T12:16:20.085Z","2026-03-03T12:16:32.463Z",{"__component":23,"id":1935,"Text":8834},"## What this taught me\n\nAI didn't replace the work. The manifesto took real conversations, real decisions, real clarity.\n\nBut the execution, the part that drains me, AI handled that.\n\nIt gave me space. Space to grieve. Space to breathe. And still show up when it mattered.",{"__component":141,"id":1479,"Size":4089,"caption":8836,"Image":8837},"2026 the year of AI native development at Pixelhop. ",[8838],{"id":6414,"name":8839,"alternativeText":8836,"caption":8836,"width":8840,"height":8841,"formats":8842,"hash":8868,"ext":34,"mime":37,"size":8869,"url":8870,"previewUrl":39,"provider":72,"provider_metadata":8871,"created_at":8872,"updated_at":8873},"Xnapper-2026-02-27-15.15.38.png",3902,2000,{"large":8843,"small":8850,"medium":8856,"thumbnail":8862},{"ext":34,"url":8844,"hash":8845,"mime":37,"name":8846,"path":39,"size":8847,"width":41,"height":8848,"provider_metadata":8849},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539847/large_Xnapper_2026_02_27_15_15_38_76f8a3982e.png","large_Xnapper_2026_02_27_15_15_38_76f8a3982e","large_Xnapper-2026-02-27-15.15.38.png",134.04,513,{"public_id":8845,"resource_type":44},{"ext":34,"url":8851,"hash":8852,"mime":37,"name":8853,"path":39,"size":8854,"width":50,"height":5721,"provider_metadata":8855},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539849/small_Xnapper_2026_02_27_15_15_38_76f8a3982e.png","small_Xnapper_2026_02_27_15_15_38_76f8a3982e","small_Xnapper-2026-02-27-15.15.38.png",48.38,{"public_id":8852,"resource_type":44},{"ext":34,"url":8857,"hash":8858,"mime":37,"name":8859,"path":39,"size":8860,"width":58,"height":4660,"provider_metadata":8861},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539848/medium_Xnapper_2026_02_27_15_15_38_76f8a3982e.png","medium_Xnapper_2026_02_27_15_15_38_76f8a3982e","medium_Xnapper-2026-02-27-15.15.38.png",89.54,{"public_id":8858,"resource_type":44},{"ext":34,"url":8863,"hash":8864,"mime":37,"name":8865,"path":39,"size":8866,"width":256,"height":1257,"provider_metadata":8867},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539846/thumbnail_Xnapper_2026_02_27_15_15_38_76f8a3982e.png","thumbnail_Xnapper_2026_02_27_15_15_38_76f8a3982e","thumbnail_Xnapper-2026-02-27-15.15.38.png",18.75,{"public_id":8864,"resource_type":44},"Xnapper_2026_02_27_15_15_38_76f8a3982e",1146.85,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1772539845/Xnapper_2026_02_27_15_15_38_76f8a3982e.png",{"public_id":8868,"resource_type":44},"2026-03-03T12:10:50.098Z","2026-03-03T20:20:55.654Z",{"__component":23,"id":2253,"Text":8875},"## Try this if you're drowning in planning season\n\n- Do the thinking first. AI cannot replace clarity. Write down what you actually want to say.\n- Give it context. Share your notes, your brand guidelines, examples of what good looks like.\n- Be specific about format. \"HTML presentation with keyboard navigation\" beats \"make me some slides.\"\n- Iterate fast. The first output is a starting point, not the final answer.\n\nYou might be surprised how much time you get back.\n\nAnd sometimes, that's exactly what you need.\n\n---\n\n*PS: We help teams build AI tools like Glitch. If you're curious, [say hi](https://pixelhop.io/contact).*",{"id":6021,"name":522,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":8877,"hash":8899,"ext":34,"mime":37,"size":8900,"url":8901,"previewUrl":39,"provider":72,"provider_metadata":8902,"created_at":8903,"updated_at":8903},{"large":8878,"small":8884,"medium":8889,"thumbnail":8894},{"ext":34,"url":8879,"hash":8880,"mime":37,"name":8881,"path":39,"size":8882,"width":41,"height":50,"provider_metadata":8883},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777300718/large_flux_final_c7bd75f88f.png","large_flux_final_c7bd75f88f","large_flux-final.png",856.14,{"public_id":8880,"resource_type":44},{"ext":34,"url":8885,"hash":8886,"mime":37,"name":529,"path":39,"size":8887,"width":50,"height":304,"provider_metadata":8888},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777300720/small_flux_final_c7bd75f88f.png","small_flux_final_c7bd75f88f",219.47,{"public_id":8886,"resource_type":44},{"ext":34,"url":8890,"hash":8891,"mime":37,"name":535,"path":39,"size":8892,"width":58,"height":311,"provider_metadata":8893},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777300719/medium_flux_final_c7bd75f88f.png","medium_flux_final_c7bd75f88f",484.58,{"public_id":8891,"resource_type":44},{"ext":34,"url":8895,"hash":8896,"mime":37,"name":542,"path":39,"size":8897,"width":256,"height":318,"provider_metadata":8898},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777300716/thumbnail_flux_final_c7bd75f88f.png","thumbnail_flux_final_c7bd75f88f",57.32,{"public_id":8896,"resource_type":44},"flux_final_c7bd75f88f",5012.94,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777300715/flux_final_c7bd75f88f.png",{"public_id":8899,"resource_type":44},"2026-04-27T14:38:40.709Z",[8905,8910,8911],{"id":2639,"Name":8906,"created_at":8907,"updated_at":8908,"slug":8909},"Business","2024-01-11T07:00:15.059Z","2024-01-11T07:00:15.077Z","business",{"id":1520,"Name":1521,"created_at":1522,"updated_at":1523,"slug":1524},{"id":2644,"Name":8912,"created_at":8913,"updated_at":8914,"slug":8915},"Development","2024-02-28T11:26:22.605Z","2024-02-28T11:26:22.622Z","development",{"id":390,"Title":8917,"user":8918,"Summary":8930,"created_at":8931,"updated_at":8932,"slug":8933,"published_at":8934,"release_date":8935,"Layout":4165,"Content":8936,"Feature":9104,"tags":9131},"AI in 2026: How We Learned to Build Smarter",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":8919},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":8920,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":8929,"created_at":374,"updated_at":374},{"large":8921,"small":8923,"medium":8925,"thumbnail":8927},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":8922},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":8924},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":8926},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":8928},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"From a side project to an AI-powered studio — what three years of building with AI taught us. ","2026-02-03T16:05:12.463Z","2026-04-27T14:49:40.622Z","ai-in-2026:-how-we-learned-to-build-smarter","2026-02-04T10:12:52.377Z","2026-02-03",[8937,8977,8980,9018,9020,9061,9064,9101],{"__component":141,"id":1717,"Size":4089,"caption":8938,"Image":8939},"Zef, Gem and Chris at Tech Cornwall",[8940],{"id":672,"name":8941,"alternativeText":8942,"caption":29,"width":8943,"height":8944,"formats":8945,"hash":8971,"ext":97,"mime":100,"size":8972,"url":8973,"previewUrl":39,"provider":72,"provider_metadata":8974,"created_at":8975,"updated_at":8976},"IMG_8711.jpeg","Pixelhop and Chat Thing team at Tech Cornwall",4251,3922,{"large":8946,"small":8952,"medium":8959,"thumbnail":8965},{"ext":97,"url":8947,"hash":8948,"mime":100,"name":8949,"path":39,"size":8950,"width":41,"height":4977,"provider_metadata":8951},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134282/large_IMG_8711_4dfbfcf96b.jpg","large_IMG_8711_4dfbfcf96b","large_IMG_8711.jpeg",167.67,{"public_id":8948,"resource_type":44},{"ext":97,"url":8953,"hash":8954,"mime":100,"name":8955,"path":39,"size":8956,"width":50,"height":8957,"provider_metadata":8958},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134284/small_IMG_8711_4dfbfcf96b.jpg","small_IMG_8711_4dfbfcf96b","small_IMG_8711.jpeg",50.31,461,{"public_id":8954,"resource_type":44},{"ext":97,"url":8960,"hash":8961,"mime":100,"name":8962,"path":39,"size":8963,"width":58,"height":4991,"provider_metadata":8964},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134283/medium_IMG_8711_4dfbfcf96b.jpg","medium_IMG_8711_4dfbfcf96b","medium_IMG_8711.jpeg",100.29,{"public_id":8961,"resource_type":44},{"ext":97,"url":8966,"hash":8967,"mime":100,"name":8968,"path":39,"size":8969,"width":1728,"height":67,"provider_metadata":8970},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134281/thumbnail_IMG_8711_4dfbfcf96b.jpg","thumbnail_IMG_8711_4dfbfcf96b","thumbnail_IMG_8711.jpeg",8.3,{"public_id":8967,"resource_type":44},"IMG_8711_4dfbfcf96b",1761.12,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134280/IMG_8711_4dfbfcf96b.jpg",{"public_id":8971,"resource_type":44},"2026-02-03T15:57:11.501Z","2026-02-03T15:58:57.160Z",{"__component":23,"id":8978,"Text":8979},428,"In 2023, we were scared AI would replace us. So we decided to become the ones building with it. Not a grand strategy, more of an itch. AI was evolving fast, and honestly? We were having a bit of an existential crisis. As a web development studio, we were watching AI advance and wondering: is this going to replace what we do?\n\nRather than sit around worrying, we decided to lean in and understand it properly. Not by reading about it, but by building with it.\n\nThat's how Chat Thing was born. A side project to get our hands dirty. Could we build AI chatbots that actually worked in real workflows? Customer support, internal tools, content helpers. We built it, tested it, broke it, fixed it. And somewhere along the way, it stopped being just a learning project and started being something people actually wanted to use.",{"__component":141,"id":1722,"Size":4089,"caption":8981,"Image":8982},"Chat Thing dashboard",[8983],{"id":6717,"name":8984,"alternativeText":29,"caption":29,"width":8985,"height":8986,"formats":8987,"hash":9012,"ext":34,"mime":37,"size":9013,"url":9014,"previewUrl":39,"provider":72,"provider_metadata":9015,"created_at":9016,"updated_at":9017},"Xnapper-2026-02-03-15.41.31.png",3670,2114,{"large":8988,"small":8994,"medium":9000,"thumbnail":9006},{"ext":34,"url":8989,"hash":8990,"mime":37,"name":8991,"path":39,"size":8992,"width":41,"height":4667,"provider_metadata":8993},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134435/large_Xnapper_2026_02_03_15_41_31_a363ccc1a4.png","large_Xnapper_2026_02_03_15_41_31_a363ccc1a4","large_Xnapper-2026-02-03-15.41.31.png",144.7,{"public_id":8990,"resource_type":44},{"ext":34,"url":8995,"hash":8996,"mime":37,"name":8997,"path":39,"size":8998,"width":50,"height":4273,"provider_metadata":8999},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134437/small_Xnapper_2026_02_03_15_41_31_a363ccc1a4.png","small_Xnapper_2026_02_03_15_41_31_a363ccc1a4","small_Xnapper-2026-02-03-15.41.31.png",52.36,{"public_id":8996,"resource_type":44},{"ext":34,"url":9001,"hash":9002,"mime":37,"name":9003,"path":39,"size":9004,"width":58,"height":8582,"provider_metadata":9005},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134436/medium_Xnapper_2026_02_03_15_41_31_a363ccc1a4.png","medium_Xnapper_2026_02_03_15_41_31_a363ccc1a4","medium_Xnapper-2026-02-03-15.41.31.png",93.55,{"public_id":9002,"resource_type":44},{"ext":34,"url":9007,"hash":9008,"mime":37,"name":9009,"path":39,"size":9010,"width":256,"height":2063,"provider_metadata":9011},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134433/thumbnail_Xnapper_2026_02_03_15_41_31_a363ccc1a4.png","thumbnail_Xnapper_2026_02_03_15_41_31_a363ccc1a4","thumbnail_Xnapper-2026-02-03-15.41.31.png",20.72,{"public_id":9008,"resource_type":44},"Xnapper_2026_02_03_15_41_31_a363ccc1a4",802.07,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134432/Xnapper_2026_02_03_15_41_31_a363ccc1a4.png",{"public_id":9012,"resource_type":44},"2026-02-03T16:00:37.553Z","2026-02-03T16:00:37.563Z",{"__component":23,"id":3442,"Text":9019},"Meanwhile, something else was happening. We started weaving AI into our development process. Slowly at first, then everywhere. Code generation, prototyping, testing. Each month we got a little faster, a little smarter about where AI helped and where it got in the way.\n\nBy 2024, word had spread. Our pipeline was full of AI projects. Clients weren't just asking \"can you build us a website?\" They were coming to us specifically because they knew we were doing AI, and doing it well. We'd gone from curious experimenters to the team people called when they wanted AI done properly.\n\nNow it's 2026. And this year feels different again.\n\nWe're not just using AI in client projects - we're running Pixelhop and Chat Thing itself with AI baked into operations. Project scoping, growth, sales, client comms, development, even our internal workflows. If it works for us, we know it'll work for our clients. \n\nWe're not a web development studio that does AI projects anymore. We're an AI product studio. Building products powered by AI is what we do - whether that's internal products like Chat Thing, or working with clients who want to build the next generation of AI-native tools. The tech stack changed. The mission didn't.\n\nHere’s an example of just one of our AI projects.",{"__component":141,"id":1728,"Size":4089,"caption":9021,"Image":9022},"HeyYou, one of Pixelhop's AI projects.",[9023],{"id":6678,"name":9024,"alternativeText":9025,"caption":29,"width":9026,"height":9027,"formats":9028,"hash":9055,"ext":34,"mime":37,"size":9056,"url":9057,"previewUrl":39,"provider":72,"provider_metadata":9058,"created_at":9059,"updated_at":9060},"image (32).png","Hey You AI Project made by Pixelhop",4000,2636,{"large":9029,"small":9036,"medium":9042,"thumbnail":9049},{"ext":34,"url":9030,"hash":9031,"mime":37,"name":9032,"path":39,"size":9033,"width":41,"height":9034,"provider_metadata":9035},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134229/large_image_32_f5cb15a9d1.png","large_image_32_f5cb15a9d1","large_image (32).png",139.11,659,{"public_id":9031,"resource_type":44},{"ext":34,"url":9037,"hash":9038,"mime":37,"name":9039,"path":39,"size":9040,"width":50,"height":7306,"provider_metadata":9041},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134231/small_image_32_f5cb15a9d1.png","small_image_32_f5cb15a9d1","small_image (32).png",52.34,{"public_id":9038,"resource_type":44},{"ext":34,"url":9043,"hash":9044,"mime":37,"name":9045,"path":39,"size":9046,"width":58,"height":9047,"provider_metadata":9048},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134230/medium_image_32_f5cb15a9d1.png","medium_image_32_f5cb15a9d1","medium_image (32).png",93.01,494,{"public_id":9044,"resource_type":44},{"ext":34,"url":9050,"hash":9051,"mime":37,"name":9052,"path":39,"size":9053,"width":518,"height":67,"provider_metadata":9054},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134227/thumbnail_image_32_f5cb15a9d1.png","thumbnail_image_32_f5cb15a9d1","thumbnail_image (32).png",18.52,{"public_id":9051,"resource_type":44},"image_32_f5cb15a9d1",861.98,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134225/image_32_f5cb15a9d1.png",{"public_id":9055,"resource_type":44},"2026-02-03T15:57:11.506Z","2026-02-03T16:02:35.457Z",{"__component":23,"id":9062,"Text":9063},430,"## From Experiments to Infrastructure\n\nThe shift happened gradually. We noticed that our most successful projects weren't the ones where we bolted AI onto existing ideas. They were the projects where AI was woven into the foundation from day one, where it genuinely made the product better, not just buzzword-heavier.\n\nChat Thing taught us that. When you're building a tool that other people rely on, you quickly learn what works and what doesn't. Multi-channel deployment? Essential. Response guards? Non-negotiable. A slick demo that falls over in production? Not worth shipping.\n\nWe carried those lessons into everything we do. Now when a project lands on our desk, we ask different questions:\n\n- Where does AI actually add value here?\n- What should stay human-led?\n- How do we build something meaningful, not just something fast?\n\n## Working Smarter, Not Harder\n\nHere's what's changed:\n\n**Faster prototyping, better judgment.** We can spin up working concepts in days, not weeks. But more importantly, we know when to stop prototyping and start building properly. AI helps us explore quickly; three years of experience tells us when we've found something worth shipping.\n\n**Honest conversations.** No more vague promises about \"AI magic.\" Just clear assessments of where automation helps and where human judgment still wins. Clients appreciate the honesty. It builds trust and leads to better products.\n\n**Human-led, AI-powered.** That's become our mantra. AI handles the repetitive, the pattern-matching, the heavy lifting. Our team handles the creative leaps, the strategic thinking, the parts that need actual judgment.\n\nEqualling more time at the beach, watching the sunset with a beer in hand.",{"__component":141,"id":1666,"Size":608,"caption":9065,"Image":9066},"Chris enjoying watching the sunset whilst having a beer after a busy day at Tech Cornwall.",[9067],{"id":6538,"name":9068,"alternativeText":9069,"caption":29,"width":9070,"height":9071,"formats":9072,"hash":9095,"ext":97,"mime":100,"size":9096,"url":9097,"previewUrl":39,"provider":72,"provider_metadata":9098,"created_at":9099,"updated_at":9100},"IMG_8794.jpeg","Chris at Pixelhop enjoying watching the sunset whilst having a beer after a busy day at Tech Cornwall.",4284,5712,{"large":9073,"small":9079,"medium":9084,"thumbnail":9090},{"ext":97,"url":9074,"hash":9075,"mime":100,"name":9076,"path":39,"size":9077,"width":58,"height":41,"provider_metadata":9078},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134227/large_IMG_8794_5a493601b2.jpg","large_IMG_8794_5a493601b2","large_IMG_8794.jpeg",60.79,{"public_id":9075,"resource_type":44},{"ext":97,"url":9080,"hash":9081,"mime":100,"name":9082,"path":39,"size":5740,"width":311,"height":50,"provider_metadata":9083},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134229/small_IMG_8794_5a493601b2.jpg","small_IMG_8794_5a493601b2","small_IMG_8794.jpeg",{"public_id":9081,"resource_type":44},{"ext":97,"url":9085,"hash":9086,"mime":100,"name":9087,"path":39,"size":9088,"width":537,"height":58,"provider_metadata":9089},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134228/medium_IMG_8794_5a493601b2.jpg","medium_IMG_8794_5a493601b2","medium_IMG_8794.jpeg",40.28,{"public_id":9086,"resource_type":44},{"ext":97,"url":9091,"hash":9092,"mime":100,"name":9093,"path":39,"size":7713,"width":493,"height":67,"provider_metadata":9094},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134227/thumbnail_IMG_8794_5a493601b2.jpg","thumbnail_IMG_8794_5a493601b2","thumbnail_IMG_8794.jpeg",{"public_id":9092,"resource_type":44},"IMG_8794_5a493601b2",776.86,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1770134226/IMG_8794_5a493601b2.jpg",{"public_id":9095,"resource_type":44},"2026-02-03T15:57:09.529Z","2026-02-03T16:04:57.753Z",{"__component":23,"id":9102,"Text":9103},431,"## What's Next\n\nChat Thing keeps growing. New features, new channels, new ways for people to deploy AI without needing a computer science degree. And our client work keeps evolving too. Every project teaches us something new.\n\nBut the core idea hasn't changed: we bring meaningful ideas to life. Sometimes that means a slick website. Sometimes it means complex experiences. And increasingly, it means products that use AI in ways that actually help people work smarter.\n\nIf you're thinking about building with AI, we've already made the mistakes so you don't have to. ",{"id":6411,"name":289,"alternativeText":39,"caption":39,"width":3576,"height":523,"formats":9105,"hash":9126,"ext":34,"mime":37,"size":9127,"url":9128,"previewUrl":39,"provider":72,"provider_metadata":9129,"created_at":9130,"updated_at":9130},{"large":9106,"small":9111,"medium":9116,"thumbnail":9121},{"ext":34,"url":9107,"hash":9108,"mime":37,"name":296,"path":39,"size":9109,"width":41,"height":537,"provider_metadata":9110},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777300882/large_nano_final_4f6e8343b9.png","large_nano_final_4f6e8343b9",743.8,{"public_id":9108,"resource_type":44},{"ext":34,"url":9112,"hash":9113,"mime":37,"name":302,"path":39,"size":9114,"width":50,"height":4650,"provider_metadata":9115},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777300884/small_nano_final_4f6e8343b9.png","small_nano_final_4f6e8343b9",175.37,{"public_id":9113,"resource_type":44},{"ext":34,"url":9117,"hash":9118,"mime":37,"name":309,"path":39,"size":9119,"width":58,"height":3947,"provider_metadata":9120},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777300883/medium_nano_final_4f6e8343b9.png","medium_nano_final_4f6e8343b9",405.42,{"public_id":9118,"resource_type":44},{"ext":34,"url":9122,"hash":9123,"mime":37,"name":316,"path":39,"size":9124,"width":256,"height":239,"provider_metadata":9125},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777300881/thumbnail_nano_final_4f6e8343b9.png","thumbnail_nano_final_4f6e8343b9",40.18,{"public_id":9123,"resource_type":44},"nano_final_4f6e8343b9",1841.65,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777300879/nano_final_4f6e8343b9.png",{"public_id":9126,"resource_type":44},"2026-04-27T14:41:24.560Z",[9132,9133,9134,9135],{"id":274,"Name":2336,"created_at":2337,"updated_at":2338,"slug":2339},{"id":1520,"Name":1521,"created_at":1522,"updated_at":1523,"slug":1524},{"id":2644,"Name":8912,"created_at":8913,"updated_at":8914,"slug":8915},{"id":2639,"Name":8906,"created_at":8907,"updated_at":8908,"slug":8909},{"id":1599,"Title":9137,"user":9138,"Summary":9150,"created_at":9151,"updated_at":9152,"slug":9153,"published_at":9154,"release_date":9155,"Layout":381,"Content":9156,"Feature":9309,"tags":9331},"Hello Cornwall 🥲",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":9139},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":9140,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":9149,"created_at":374,"updated_at":374},{"large":9141,"small":9143,"medium":9145,"thumbnail":9147},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":9142},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":9144},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":9146},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":9148},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"A different type of blog post to normal, a more personal one 💌 Why Pixelhop HQ is now in Cornwall 🥲","2024-01-19T13:29:25.233Z","2026-04-27T14:49:41.995Z","hello-cornwall","2024-01-19T13:31:10.434Z","2024-01-22",[9157,9159,9195,9198,9234,9237,9272,9274],{"__component":23,"id":1397,"Text":9158},"Big news at Pixelhop HQ... \n\n\u003Cdiv style=\"position: relative; width: 100%; padding-bottom: 56.25%;\">\n\u003Ciframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\" loading=\"lazy\" src=\"https://www.youtube.com/embed/f1-dNFOYthQ?si=05F8Q-iL0dIIGztt\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen>\u003C/iframe>\n\u003C/div>\n\nWell, this is a well overdue message to say farewell to Brighton. I can still hardly believe that this has happened and that I’m actually writing this!! \n\nRewinding to last summer, whilst we were away in our camper Zef and I fell in love with Cornwall. The slower pace of life, the incredible beaches, the coastal paths, the people, the hustle and bustle of the seaside towns, the fishing villages, oh and of course the pasties, I could go on and on!\n\n\nWe said that we might move there one day..... ",{"__component":141,"id":1707,"Size":4450,"caption":39,"Image":9160},[9161],{"id":7147,"name":9162,"alternativeText":29,"caption":29,"width":9163,"height":9026,"formats":9164,"hash":9189,"ext":97,"mime":100,"size":9190,"url":9191,"previewUrl":39,"provider":72,"provider_metadata":9192,"created_at":9193,"updated_at":9194},"3A4D734B-12EE-419C-8A91-57A07CBD85C0.jpeg",6000,{"large":9165,"small":9172,"medium":9178,"thumbnail":9184},{"ext":97,"url":9166,"hash":9167,"mime":100,"name":9168,"path":39,"size":9169,"width":41,"height":9170,"provider_metadata":9171},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705680486/large_3_A4_D734_B_12_EE_419_C_8_A91_57_A07_CBD_85_C0_bfed4a76f8.jpg","large_3_A4_D734_B_12_EE_419_C_8_A91_57_A07_CBD_85_C0_bfed4a76f8","large_3A4D734B-12EE-419C-8A91-57A07CBD85C0.jpeg",58.2,667,{"public_id":9167,"resource_type":44},{"ext":97,"url":9173,"hash":9174,"mime":100,"name":9175,"path":39,"size":9176,"width":50,"height":210,"provider_metadata":9177},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705680487/small_3_A4_D734_B_12_EE_419_C_8_A91_57_A07_CBD_85_C0_bfed4a76f8.jpg","small_3_A4_D734_B_12_EE_419_C_8_A91_57_A07_CBD_85_C0_bfed4a76f8","small_3A4D734B-12EE-419C-8A91-57A07CBD85C0.jpeg",18.17,{"public_id":9174,"resource_type":44},{"ext":97,"url":9179,"hash":9180,"mime":100,"name":9181,"path":39,"size":9182,"width":58,"height":50,"provider_metadata":9183},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705680486/medium_3_A4_D734_B_12_EE_419_C_8_A91_57_A07_CBD_85_C0_bfed4a76f8.jpg","medium_3_A4_D734_B_12_EE_419_C_8_A91_57_A07_CBD_85_C0_bfed4a76f8","medium_3A4D734B-12EE-419C-8A91-57A07CBD85C0.jpeg",35.45,{"public_id":9180,"resource_type":44},{"ext":97,"url":9185,"hash":9186,"mime":100,"name":9187,"path":39,"size":5671,"width":223,"height":67,"provider_metadata":9188},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705680484/thumbnail_3_A4_D734_B_12_EE_419_C_8_A91_57_A07_CBD_85_C0_bfed4a76f8.jpg","thumbnail_3_A4_D734_B_12_EE_419_C_8_A91_57_A07_CBD_85_C0_bfed4a76f8","thumbnail_3A4D734B-12EE-419C-8A91-57A07CBD85C0.jpeg",{"public_id":9186,"resource_type":44},"3_A4_D734_B_12_EE_419_C_8_A91_57_A07_CBD_85_C0_bfed4a76f8",1399.14,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705680483/3_A4_D734_B_12_EE_419_C_8_A91_57_A07_CBD_85_C0_bfed4a76f8.jpg",{"public_id":9189,"resource_type":44},"2024-01-19T16:08:07.834Z","2024-01-19T16:08:07.852Z",{"__component":23,"id":9196,"Text":9197},417,"On our way back to Brighton (about 2/3 hours into the journey) we found a house on Rightmove that looked perfect for us, we headed back to Cornwall and viewed it.. We loved it, it was perfect for us, so we went for it! We didn’t know if anything would come of it and to be completely honest we didn’t think it would work out. We didn't even tell many people for ages because we weren't 100% sure it would all work out.\n\nA long story short, towards the end of last year we were almost sure it wasn’t going to happen, we even called the estate agents to let them know our situation . Out of nowhere and with only a moments notice, we were told all systems go go go! The house was ready for us to move into! \n\nIt was almost Christmas, as everyone knows a pretty manic time of year - with work and personal life. With a big move in the mix, whilst also getting our flat ready to AirBnB, a 1 year old and a doggy it was pretty mad. A beautifully chaotic time haha!\n",{"__component":141,"id":1712,"Size":608,"caption":39,"Image":9199},[9200],{"id":7482,"name":9201,"alternativeText":29,"caption":29,"width":9202,"height":4482,"formats":9203,"hash":9228,"ext":97,"mime":100,"size":9229,"url":9230,"previewUrl":39,"provider":72,"provider_metadata":9231,"created_at":9232,"updated_at":9233},"B1A2377F-A91C-4AB0-ACF7-0510E66810A4_1_105_c.jpeg",769,{"large":9204,"small":9210,"medium":9216,"thumbnail":9222},{"ext":97,"url":9205,"hash":9206,"mime":100,"name":9207,"path":39,"size":9208,"width":5398,"height":41,"provider_metadata":9209},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705680473/large_B1_A2377_F_A91_C_4_AB_0_ACF_7_0510_E66810_A4_1_105_c_c920a9ba71.jpg","large_B1_A2377_F_A91_C_4_AB_0_ACF_7_0510_E66810_A4_1_105_c_c920a9ba71","large_B1A2377F-A91C-4AB0-ACF7-0510E66810A4_1_105_c.jpeg",70.53,{"public_id":9206,"resource_type":44},{"ext":97,"url":9211,"hash":9212,"mime":100,"name":9213,"path":39,"size":9214,"width":311,"height":50,"provider_metadata":9215},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705680475/small_B1_A2377_F_A91_C_4_AB_0_ACF_7_0510_E66810_A4_1_105_c_c920a9ba71.jpg","small_B1_A2377_F_A91_C_4_AB_0_ACF_7_0510_E66810_A4_1_105_c_c920a9ba71","small_B1A2377F-A91C-4AB0-ACF7-0510E66810A4_1_105_c.jpeg",25.49,{"public_id":9212,"resource_type":44},{"ext":97,"url":9217,"hash":9218,"mime":100,"name":9219,"path":39,"size":9220,"width":537,"height":58,"provider_metadata":9221},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705680474/medium_B1_A2377_F_A91_C_4_AB_0_ACF_7_0510_E66810_A4_1_105_c_c920a9ba71.jpg","medium_B1_A2377_F_A91_C_4_AB_0_ACF_7_0510_E66810_A4_1_105_c_c920a9ba71","medium_B1A2377F-A91C-4AB0-ACF7-0510E66810A4_1_105_c.jpeg",47.07,{"public_id":9218,"resource_type":44},{"ext":97,"url":9223,"hash":9224,"mime":100,"name":9225,"path":39,"size":9226,"width":493,"height":67,"provider_metadata":9227},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705680472/thumbnail_B1_A2377_F_A91_C_4_AB_0_ACF_7_0510_E66810_A4_1_105_c_c920a9ba71.jpg","thumbnail_B1_A2377_F_A91_C_4_AB_0_ACF_7_0510_E66810_A4_1_105_c_c920a9ba71","thumbnail_B1A2377F-A91C-4AB0-ACF7-0510E66810A4_1_105_c.jpeg",4.48,{"public_id":9224,"resource_type":44},"B1_A2377_F_A91_C_4_AB_0_ACF_7_0510_E66810_A4_1_105_c_c920a9ba71",72.38,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705680471/B1_A2377_F_A91_C_4_AB_0_ACF_7_0510_E66810_A4_1_105_c_c920a9ba71.jpg",{"public_id":9228,"resource_type":44},"2024-01-19T16:07:56.070Z","2024-01-19T16:07:56.083Z",{"__component":23,"id":9235,"Text":9236},419,"\n\nWe have had a long term plan and dream from before we moved in to the flat that we would hopefully one day keep it as a base back to beautiful Brighton, but we always knew that we were destined to live else where. We flip flopped from moving to New Zealand, Italy, to the English East Coast, Wales and then a few other places here and there. Now we’ve settled on Cornwall (for the time being at least hehe).",{"__component":141,"id":1696,"Size":4089,"caption":39,"Image":9238},[9239],{"id":7449,"name":9240,"alternativeText":29,"caption":29,"width":9163,"height":9026,"formats":9241,"hash":9266,"ext":4096,"mime":100,"size":9267,"url":9268,"previewUrl":39,"provider":72,"provider_metadata":9269,"created_at":9270,"updated_at":9271},"DSC03524.JPG",{"large":9242,"small":9248,"medium":9254,"thumbnail":9260},{"ext":4096,"url":9243,"hash":9244,"mime":100,"name":9245,"path":39,"size":9246,"width":41,"height":9170,"provider_metadata":9247},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705671336/large_DSC_03524_5783451959.jpg","large_DSC_03524_5783451959","large_DSC03524.JPG",183.57,{"public_id":9244,"resource_type":44},{"ext":4096,"url":9249,"hash":9250,"mime":100,"name":9251,"path":39,"size":9252,"width":50,"height":210,"provider_metadata":9253},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705671338/small_DSC_03524_5783451959.jpg","small_DSC_03524_5783451959","small_DSC03524.JPG",48.31,{"public_id":9250,"resource_type":44},{"ext":4096,"url":9255,"hash":9256,"mime":100,"name":9257,"path":39,"size":9258,"width":58,"height":50,"provider_metadata":9259},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705671337/medium_DSC_03524_5783451959.jpg","medium_DSC_03524_5783451959","medium_DSC03524.JPG",103.47,{"public_id":9256,"resource_type":44},{"ext":4096,"url":9261,"hash":9262,"mime":100,"name":9263,"path":39,"size":9264,"width":223,"height":67,"provider_metadata":9265},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705671334/thumbnail_DSC_03524_5783451959.jpg","thumbnail_DSC_03524_5783451959","thumbnail_DSC03524.JPG",11.85,{"public_id":9262,"resource_type":44},"DSC_03524_5783451959",5081.76,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705671333/DSC_03524_5783451959.jpg",{"public_id":9266,"resource_type":44},"2024-01-19T13:35:38.731Z","2024-01-19T13:35:38.751Z",{"__component":23,"id":5031,"Text":9273},"\n\nWe’re going to miss everyone in Brighton, and unfortunately didn’t get to say goodbye to everyone due to it all being last minute. But we will be back and everyone is welcome to come and stay with us, or pop in for a cuppa if you fancy a trip to Cornwall.\n\nSo it’s not goodbye Brighton, it’s just farewell for now. We have our base to come back to when we have work commitments or meetings that can’t be done over the internet. It will always hold a special place in our hearts. It was both our homes for many years, it was where we met, where Pixelhop was born and then where Auraelia was born. \n\nBut now is time to make new memories, build a new life in Cornwall, integrate ourselves into society and the tech world down here. \n\nIf anyone has any nuggets of advice for relocating, any little Cornwall recommendations, or can let us know of any people / companies smashing it in the tech industry then we would love it if you could point us in their direction! \n\nKeep in touch peeps and if you know anyone in need of a website or an app then we would be keen for a chat, whether you’re in Cornwall, Brighton or even Outer Mongolia.\n\n\n\n",{"__component":141,"id":1702,"Size":143,"caption":39,"Image":9275},[9276],{"id":7172,"name":9277,"alternativeText":29,"caption":29,"width":7882,"height":7883,"formats":9278,"hash":9303,"ext":97,"mime":100,"size":9304,"url":9305,"previewUrl":39,"provider":72,"provider_metadata":9306,"created_at":9307,"updated_at":9308},"366AE335-16FA-4313-80E3-064548709FFC_1_102_o.jpeg",{"large":9279,"small":9285,"medium":9291,"thumbnail":9297},{"ext":97,"url":9280,"hash":9281,"mime":100,"name":9282,"path":39,"size":9283,"width":58,"height":41,"provider_metadata":9284},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705680476/large_366_AE_335_16_FA_4313_80_E3_064548709_FFC_1_102_o_89017bed19.jpg","large_366_AE_335_16_FA_4313_80_E3_064548709_FFC_1_102_o_89017bed19","large_366AE335-16FA-4313-80E3-064548709FFC_1_102_o.jpeg",127.26,{"public_id":9281,"resource_type":44},{"ext":97,"url":9286,"hash":9287,"mime":100,"name":9288,"path":39,"size":9289,"width":311,"height":50,"provider_metadata":9290},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705680478/small_366_AE_335_16_FA_4313_80_E3_064548709_FFC_1_102_o_89017bed19.jpg","small_366_AE_335_16_FA_4313_80_E3_064548709_FFC_1_102_o_89017bed19","small_366AE335-16FA-4313-80E3-064548709FFC_1_102_o.jpeg",38.21,{"public_id":9287,"resource_type":44},{"ext":97,"url":9292,"hash":9293,"mime":100,"name":9294,"path":39,"size":9295,"width":537,"height":58,"provider_metadata":9296},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705680477/medium_366_AE_335_16_FA_4313_80_E3_064548709_FFC_1_102_o_89017bed19.jpg","medium_366_AE_335_16_FA_4313_80_E3_064548709_FFC_1_102_o_89017bed19","medium_366AE335-16FA-4313-80E3-064548709FFC_1_102_o.jpeg",79.16,{"public_id":9293,"resource_type":44},{"ext":97,"url":9298,"hash":9299,"mime":100,"name":9300,"path":39,"size":9301,"width":493,"height":67,"provider_metadata":9302},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705680475/thumbnail_366_AE_335_16_FA_4313_80_E3_064548709_FFC_1_102_o_89017bed19.jpg","thumbnail_366_AE_335_16_FA_4313_80_E3_064548709_FFC_1_102_o_89017bed19","thumbnail_366AE335-16FA-4313-80E3-064548709FFC_1_102_o.jpeg",5.8,{"public_id":9299,"resource_type":44},"366_AE_335_16_FA_4313_80_E3_064548709_FFC_1_102_o_89017bed19",423.07,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1705680474/366_AE_335_16_FA_4313_80_E3_064548709_FFC_1_102_o_89017bed19.jpg",{"public_id":9303,"resource_type":44},"2024-01-19T16:07:58.455Z","2024-01-19T16:07:58.480Z",{"id":4794,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":9310,"hash":9326,"ext":34,"mime":37,"size":9327,"url":9328,"previewUrl":39,"provider":72,"provider_metadata":9329,"created_at":9330,"updated_at":9330},{"small":9311,"medium":9316,"thumbnail":9321},{"ext":34,"url":9312,"hash":9313,"mime":37,"name":302,"path":39,"size":9314,"width":50,"height":311,"provider_metadata":9315},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777300976/small_nano_final_e292fef24f.png","small_nano_final_e292fef24f",325.77,{"public_id":9313,"resource_type":44},{"ext":34,"url":9317,"hash":9318,"mime":37,"name":309,"path":39,"size":9319,"width":58,"height":537,"provider_metadata":9320},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777300975/medium_nano_final_e292fef24f.png","medium_nano_final_e292fef24f",762.14,{"public_id":9318,"resource_type":44},{"ext":34,"url":9322,"hash":9323,"mime":37,"name":316,"path":39,"size":9324,"width":544,"height":67,"provider_metadata":9325},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777300974/thumbnail_nano_final_e292fef24f.png","thumbnail_nano_final_e292fef24f",52.63,{"public_id":9323,"resource_type":44},"nano_final_e292fef24f",993.7,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777300973/nano_final_e292fef24f.png",{"public_id":9326,"resource_type":44},"2026-04-27T14:42:56.963Z",[9332,9333],{"id":2639,"Name":8906,"created_at":8907,"updated_at":8908,"slug":8909},{"id":274,"Name":2336,"created_at":2337,"updated_at":2338,"slug":2339},{"id":2782,"Title":9335,"user":9336,"Summary":9348,"created_at":9349,"updated_at":9350,"slug":9351,"published_at":9352,"release_date":9353,"Layout":4165,"Content":9354,"Feature":9357,"tags":9384},"Navigating the year: Setting and achieving SMART Goals in a small company",{"id":336,"username":337,"email":338,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":339,"updated_at":340,"project":39,"Picture":9337},{"id":342,"name":343,"alternativeText":29,"caption":29,"width":344,"height":345,"formats":9338,"hash":370,"ext":97,"mime":100,"size":371,"url":372,"previewUrl":39,"provider":72,"provider_metadata":9347,"created_at":374,"updated_at":374},{"large":9339,"small":9341,"medium":9343,"thumbnail":9345},{"ext":97,"url":348,"hash":349,"mime":100,"size":350,"width":351,"height":41,"provider_metadata":9340},{"public_id":349,"resource_type":44},{"ext":97,"url":354,"hash":355,"mime":100,"size":356,"width":288,"height":50,"provider_metadata":9342},{"public_id":355,"resource_type":44},{"ext":97,"url":359,"hash":360,"mime":100,"size":361,"width":362,"height":58,"provider_metadata":9344},{"public_id":360,"resource_type":44},{"ext":97,"url":365,"hash":366,"mime":100,"size":367,"width":368,"height":67,"provider_metadata":9346},{"public_id":366,"resource_type":44},{"public_id":370,"resource_type":44},"In this blog post, we explore our annual goal-setting process, drawing inspiration from Gino Wickman's book \"Traction: Get a Grip on Your Business.\" We'll explain how we transform our vision into SMART goals, break them down into quarterly objectives, and ensure team accountability through regular check-ins. This approach can greatly benefit small agencies and business owners seeking a successful year ahead.","2024-01-10T18:55:30.956Z","2026-04-27T14:49:44.256Z","navigating-the-year:-setting-and-achieving-smart-goals-in-a-small-company","2024-01-11T06:59:17.881Z","2024-01-11",[9355],{"__component":23,"id":860,"Text":9356},"# Yearly goals and following our vision at Pixelhop\n\nI thought I would write a blog post about how we plan our year, just in case it’s helpful to anyone that’s freelancing or running a small agency. For the last 5 years Zef and I have set goals for the year ahead both personally and professionally. Now that we have two businesses with very different goals we have upped our organisation for setting goals. We’ve taken inspiration from multiple places but I think we finally got something that works really well. Hopefully it’s of help to someone, it’s certainly helped us set clear goals, stay focused, and achieve our vision. Our planning method is hugely inspired by Gino Wickman's book \"Traction: Get a Grip on Your Business,\" (great book by the way, I would highly recommend) and it revolves around turning your vision into actionable SMART goals. Let's dive into the details.\n\n\n![Screenshot 2024-01-11 at 11.38.24.png](https://res.cloudinary.com/djyjvrw5u/image/upload/v1704973231/Screenshot_2024_01_11_at_11_38_24_f402b1af1e.png)\n\n\n### The Vision\n\nThe first thing we do is take a step back from all the little things we want to do. We look at the business(es) as a whole - Pixelhop and Chat Thing. We look at the type of things we want to be doing, the team we want to have, the work we want to be producing, the overarching dreams and goals. We look at where we want our businesses to be in a few years time, or maybe even longer. It doesn't have to be specific or measurable at this stage. It's a chance to dream big and think about the long-term goals without the pressure of time or logistics. This vision sets the direction for our yearly planning.\n\n### SMART Goals\n\nTo make our vision a reality, we need to break it down into Specific, Measurable, Attainable, Realistic, and Timely (SMART) goals. This step involves turning our dreams into actionable and realistic objectives for the year. SMART goals provide clarity and ensure that your efforts are targeted towards achieving specific outcomes. We did this for both Pixelhop and Chat Thing. Two very different businesses with very different goals, because of this it felt very important to be super organised and fully break it down. \n\n### Quarterly Rocks\n\nOnce we have our SMART goals for the year, it's time to break them down further into quarterly rocks. Rocks are the most important and strategic tasks that you want to accomplish during each three-month period. Prioritising these quarterly objectives allows us to focus on key priorities. It’s then really important to communicate this back to the wider team, we did this by presenting it. This means everyone’s on the same page and can see the future of the companies. It’s important we are all walking in the same direction, otherwise what’s the point?\n\n![2.png](https://res.cloudinary.com/djyjvrw5u/image/upload/v1704913142/2_1f5bd5e223.png)\n\n\n\n\nWhat we then do is assign people to each of the rocks. At this stage we don’t mind having multiple people assigned to rocks. Because some of the rocks require multiple people. \n\n\nWe then break these rocks down even further into weekly rocks, where each rock then does only have one person, if it doesn’t the rock needs breaking down further. To ensure accountability and ownership, assign each weekly rock to a specific team member. This empowers your team and makes them responsible for the success of their assigned tasks. It fosters a sense of ownership and encourages team members to take initiative and contribute to the company's growth.\n\n![Screenshot 2024-01-11 at 11.39.20.png](https://res.cloudinary.com/djyjvrw5u/image/upload/v1704973230/Screenshot_2024_01_11_at_11_39_20_84fb64948e.png)\n\n\nDiscuss the objectives, expectations, and timelines so that everyone understands their role in achieving the company's goals. This alignment keeps the entire team motivated and moving in the same direction.\n\n### Regular Check-Ins\n\nEvery Monday, we review the weekly assignments and ensure that everyone is aware of their responsibilities. This allows for any adjustments or support to be provided as needed. On Fridays, have a check-in meeting to assess whether you've achieved what you set out to do during the week. This just helps us stay on track and if there’s any issues, they’re raised really quickly.\n\nWe’ve found that effective planning is super important for small agencies and business owners, especially now we are running 2 businesses. By starting with a clear vision and transforming it into SMART goals, breaking those goals into quarterly rocks, assigning tasks, aligning the team, and maintaining regular check-ins, you can ensure that every task has meaning and contributes to your company's growth. This method not only keeps you motivated but also empowers your team to take ownership and work towards shared objectives. So, if you're freelancing or running a small agency, consider adopting this planning approach to set yourself up for a successful year ahead.",{"id":993,"name":289,"alternativeText":39,"caption":39,"width":3576,"height":523,"formats":9358,"hash":9379,"ext":34,"mime":37,"size":9380,"url":9381,"previewUrl":39,"provider":72,"provider_metadata":9382,"created_at":9383,"updated_at":9383},{"large":9359,"small":9364,"medium":9369,"thumbnail":9374},{"ext":34,"url":9360,"hash":9361,"mime":37,"name":296,"path":39,"size":9362,"width":41,"height":537,"provider_metadata":9363},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777301183/large_nano_final_2fcca33dcc.png","large_nano_final_2fcca33dcc",962.04,{"public_id":9361,"resource_type":44},{"ext":34,"url":9365,"hash":9366,"mime":37,"name":302,"path":39,"size":9367,"width":50,"height":4650,"provider_metadata":9368},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777301185/small_nano_final_2fcca33dcc.png","small_nano_final_2fcca33dcc",228.91,{"public_id":9366,"resource_type":44},{"ext":34,"url":9370,"hash":9371,"mime":37,"name":309,"path":39,"size":9372,"width":58,"height":3947,"provider_metadata":9373},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777301184/medium_nano_final_2fcca33dcc.png","medium_nano_final_2fcca33dcc",531.47,{"public_id":9371,"resource_type":44},{"ext":34,"url":9375,"hash":9376,"mime":37,"name":316,"path":39,"size":9377,"width":256,"height":239,"provider_metadata":9378},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777301182/thumbnail_nano_final_2fcca33dcc.png","thumbnail_nano_final_2fcca33dcc",53.27,{"public_id":9376,"resource_type":44},"nano_final_2fcca33dcc",2135.41,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777301181/nano_final_2fcca33dcc.png",{"public_id":9379,"resource_type":44},"2026-04-27T14:46:26.200Z",[9385],{"id":2639,"Name":8906,"created_at":8907,"updated_at":8908,"slug":8909},{"id":3471,"Title":284,"user":9387,"Summary":9399,"created_at":9400,"updated_at":9401,"slug":285,"published_at":9402,"release_date":9403,"Layout":381,"Content":9404,"Feature":9499,"tags":9521},{"id":81,"username":82,"email":83,"provider":84,"confirmed":85,"blocked":86,"role":87,"created_at":88,"updated_at":89,"project":39,"Picture":9388},{"id":91,"name":92,"alternativeText":29,"caption":29,"width":93,"height":94,"formats":9389,"hash":126,"ext":97,"mime":100,"size":127,"url":128,"previewUrl":39,"provider":72,"provider_metadata":9398,"created_at":130,"updated_at":131},{"large":9390,"small":9392,"medium":9394,"thumbnail":9396},{"ext":97,"url":98,"hash":99,"mime":100,"name":101,"path":39,"size":102,"width":41,"height":103,"provider_metadata":9391},{"public_id":99,"resource_type":44},{"ext":97,"url":106,"hash":107,"mime":100,"name":108,"path":39,"size":109,"width":50,"height":110,"provider_metadata":9393},{"public_id":107,"resource_type":44},{"ext":97,"url":113,"hash":114,"mime":100,"name":115,"path":39,"size":116,"width":58,"height":117,"provider_metadata":9395},{"public_id":114,"resource_type":44},{"ext":97,"url":120,"hash":121,"mime":100,"name":122,"path":39,"size":123,"width":124,"height":67,"provider_metadata":9397},{"public_id":121,"resource_type":44},{"public_id":126,"resource_type":44},"Wow, you made it to part three! Or you just found this blog with no idea it's part of a series. If that is the case, allow me to enlighten you.\n\nAs mentioned, this is part three of a three-part blog series. I am writing from my experience as a self-taught developer and giving some advice on what I consider are the main challenges of being a web developer.\n\nThis part continues from part two, where I discuss working in your first job. Here I will discuss progressing in your career and finding the job you want to get.","2021-12-20T17:27:46.884Z","2026-04-28T10:40:39.772Z","2022-04-01T13:13:21.913Z","2022-04-01",[9405,9407,9435,9438,9475,9477,9491,9493],{"__component":23,"id":4171,"Text":9406},"## Money vs Lifestyle",{"__component":141,"id":1635,"Size":143,"caption":9408,"Image":9409},"200 dong note I was given, worth £0.006~",[9410],{"id":2063,"name":9411,"alternativeText":29,"caption":29,"width":8367,"height":936,"formats":9412,"hash":9429,"ext":97,"mime":100,"size":9430,"url":9431,"previewUrl":39,"provider":72,"provider_metadata":9432,"created_at":9433,"updated_at":9434},"28379638_1846833448669730_191299239514386973_n.jpeg",{"small":9413,"medium":9418,"thumbnail":9424},{"ext":97,"url":9414,"hash":9415,"mime":100,"name":9416,"path":39,"size":3137,"width":50,"height":4650,"provider_metadata":9417},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020605/small_28379638_1846833448669730_191299239514386973_n_44d06cbc33.jpg","small_28379638_1846833448669730_191299239514386973_n_44d06cbc33","small_28379638_1846833448669730_191299239514386973_n.jpeg",{"public_id":9415,"resource_type":44},{"ext":97,"url":9419,"hash":9420,"mime":100,"name":9421,"path":39,"size":9422,"width":58,"height":3947,"provider_metadata":9423},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020604/medium_28379638_1846833448669730_191299239514386973_n_44d06cbc33.jpg","medium_28379638_1846833448669730_191299239514386973_n_44d06cbc33","medium_28379638_1846833448669730_191299239514386973_n.jpeg",48.63,{"public_id":9420,"resource_type":44},{"ext":97,"url":9425,"hash":9426,"mime":100,"name":9427,"path":39,"size":1417,"width":256,"height":239,"provider_metadata":9428},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020603/thumbnail_28379638_1846833448669730_191299239514386973_n_44d06cbc33.jpg","thumbnail_28379638_1846833448669730_191299239514386973_n_44d06cbc33","thumbnail_28379638_1846833448669730_191299239514386973_n.jpeg",{"public_id":9426,"resource_type":44},"28379638_1846833448669730_191299239514386973_n_44d06cbc33",47.12,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020602/28379638_1846833448669730_191299239514386973_n_44d06cbc33.jpg",{"public_id":9429,"resource_type":44},"2021-12-20T17:16:45.395Z","2021-12-20T17:16:45.451Z",{"__component":23,"id":9436,"Text":9437},241,"This question came to me fairly recently, and I think it’s a question most developers will have to ask themselves in their career. Do you choose work that will pay much better, or do you choose a job in which you will be more comfortable that has more benefits.\n\nAs I mentioned in the first blog in this series, I got into web development for the freedom it could offer. Although, of course, money does play a part in that, I can now afford to travel more. But I still need to be free enough to travel.\n\nThis question will have a different answer for you as your priorities in life could be much different e.d. you may have a family or a passion you wish to pursue other than coding. For example, I heard of someone recently that became a dev, only to fund their pilot training, and I have a friend who only wants to work 3 or 4 days a week to focus on their music.\n\n### Sum up\n\n- Ask yourself what you want from your work\n- Consider your position in life\n- Decided what you prioritise\n\n## Learning new skills",{"__component":141,"id":1725,"Size":143,"caption":9439,"Image":9440},"The old west pier, located in my home town of Brighton",[9441],{"id":2068,"name":9442,"alternativeText":29,"caption":29,"width":195,"height":9443,"formats":9444,"hash":9469,"ext":97,"mime":100,"size":9470,"url":9471,"previewUrl":39,"provider":72,"provider_metadata":9472,"created_at":9473,"updated_at":9474},"brighton-g114d58d83_1280.jpeg",505,{"large":9445,"small":9451,"medium":9457,"thumbnail":9463},{"ext":97,"url":9446,"hash":9447,"mime":100,"name":9448,"path":39,"size":9449,"width":41,"height":2987,"provider_metadata":9450},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020604/large_brighton_g114d58d83_1280_1b7e745f08.jpg","large_brighton_g114d58d83_1280_1b7e745f08","large_brighton-g114d58d83_1280.jpeg",49.53,{"public_id":9447,"resource_type":44},{"ext":97,"url":9452,"hash":9453,"mime":100,"name":9454,"path":39,"size":9455,"width":50,"height":1122,"provider_metadata":9456},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020605/small_brighton_g114d58d83_1280_1b7e745f08.jpg","small_brighton_g114d58d83_1280_1b7e745f08","small_brighton-g114d58d83_1280.jpeg",12.88,{"public_id":9453,"resource_type":44},{"ext":97,"url":9458,"hash":9459,"mime":100,"name":9460,"path":39,"size":9461,"width":58,"height":6154,"provider_metadata":9462},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020604/medium_brighton_g114d58d83_1280_1b7e745f08.jpg","medium_brighton_g114d58d83_1280_1b7e745f08","medium_brighton-g114d58d83_1280.jpeg",27.07,{"public_id":9459,"resource_type":44},{"ext":97,"url":9464,"hash":9465,"mime":100,"name":9466,"path":39,"size":9467,"width":256,"height":1131,"provider_metadata":9468},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020603/thumbnail_brighton_g114d58d83_1280_1b7e745f08.jpg","thumbnail_brighton_g114d58d83_1280_1b7e745f08","thumbnail_brighton-g114d58d83_1280.jpeg",4.17,{"public_id":9465,"resource_type":44},"brighton_g114d58d83_1280_1b7e745f08",103.42,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1640020602/brighton_g114d58d83_1280_1b7e745f08.jpg",{"public_id":9469,"resource_type":44},"2021-12-20T17:16:45.834Z","2021-12-20T17:16:45.888Z",{"__component":23,"id":2740,"Text":9476},"In this industry, I think it's always important to learn something new. Not only because tech is constantly changing but for your progression too.\n\nThe decision to learn a particular skill should not be taken lightly. The worse thing would be to learn something to then never use it. This has happened to me early in my career, and now whenever I start to learn a new skill, I make sure it's something I will be able to utilise, either for getting a new job or personal projects.\n\nI think you shouldn't worry about pushing back against doing work that will be required you to learn something new that is of no interest to you or you will not use in the future.\n\n### Sum up\n\n- Never get complacent in the indestry\n- Think about it before you commit to learning a new skill\n- Try to avoid learning things you don’t need or want to learn\n\n## Job agencies / recruiters",{"__component":141,"id":1663,"Size":143,"caption":9478,"Image":9479},"My first day at Pixelhop with my colleges and friends, Jozef and Gemma",[9480],{"id":147,"name":148,"alternativeText":29,"caption":29,"width":149,"height":150,"formats":9481,"hash":179,"ext":97,"mime":100,"size":180,"url":181,"previewUrl":39,"provider":72,"provider_metadata":9490,"created_at":183,"updated_at":184},{"large":9482,"small":9484,"medium":9486,"thumbnail":9488},{"ext":97,"url":153,"hash":154,"mime":100,"name":155,"path":39,"size":156,"width":157,"height":41,"provider_metadata":9483},{"public_id":154,"resource_type":44},{"ext":97,"url":160,"hash":161,"mime":100,"name":162,"path":39,"size":163,"width":164,"height":50,"provider_metadata":9485},{"public_id":161,"resource_type":44},{"ext":97,"url":167,"hash":168,"mime":100,"name":169,"path":39,"size":170,"width":171,"height":58,"provider_metadata":9487},{"public_id":168,"resource_type":44},{"ext":97,"url":174,"hash":175,"mime":100,"name":176,"path":39,"size":177,"width":67,"height":67,"provider_metadata":9489},{"public_id":175,"resource_type":44},{"public_id":179,"resource_type":44},{"__component":23,"id":66,"Text":9492},"Being a developer will mean you will probably get harassed by many recruiters (that's been my experience working in the UK anyway). I've had good, bad and annoying ones.\n\nI've heard a few stories of people getting miss-sold jobs, which has happened to me in the past. I've had recruiters call and message me 2 or 3 times a day and try and push me into new positions I'm not sure about taking. So now I err on the side of caution when dealing with them.\n\nBut on the other hand, they can be instrumental in helping you get the position you want. Recruiters know what and what not to say. They can also save you time by communicating with the company, lining up interviews, and getting information.\n\nThe thing to keep in mind is they want you to take the job even if it's not quite what you want, and they will try to sell it to you as much as they will sell you to the company. So it's probably better to find work by going directly to the company or through friends if you can or find a good recruiter you can trust.\n\n### Sum up\n\n- Recruiters can be useful for saving yo time and selling you skills\n- Be cautious if a recruiter is overly pushy\n- always remember they are trying to sell you the job\n\n## Conclusion\n\nI hope you have enjoyed my blog. I have been talking about things from my experience, which if you want to know more about me, check out my first blog in this series. If you have liked this, please check out the other blogs we have written on our company website, where we have tutorials and other bits talking about developer life.",{"__component":269,"id":2589,"title":271,"blog_series":87,"post_link":9494},[9495,9496,9497],{"id":1846,"title":275,"slug":276,"description":277,"blog_series":87},{"id":1574,"title":280,"slug":135,"description":281,"blog_series":39},{"id":1611,"title":284,"slug":285,"description":9498,"blog_series":39},"This part continues from part two, where I discuss working in your first job. Here I will discuss progressing in your career and finding the job you want to get.",{"id":5379,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":9500,"hash":9516,"ext":34,"mime":37,"size":9517,"url":9518,"previewUrl":39,"provider":72,"provider_metadata":9519,"created_at":9520,"updated_at":9520},{"small":9501,"medium":9506,"thumbnail":9511},{"ext":34,"url":9502,"hash":9503,"mime":37,"name":302,"path":39,"size":9504,"width":50,"height":311,"provider_metadata":9505},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372838/small_nano_final_18237c8d61.png","small_nano_final_18237c8d61",318.9,{"public_id":9503,"resource_type":44},{"ext":34,"url":9507,"hash":9508,"mime":37,"name":309,"path":39,"size":9509,"width":58,"height":537,"provider_metadata":9510},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372838/medium_nano_final_18237c8d61.png","medium_nano_final_18237c8d61",732.19,{"public_id":9508,"resource_type":44},{"ext":34,"url":9512,"hash":9513,"mime":37,"name":316,"path":39,"size":9514,"width":544,"height":67,"provider_metadata":9515},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372836/thumbnail_nano_final_18237c8d61.png","thumbnail_nano_final_18237c8d61",54.78,{"public_id":9513,"resource_type":44},"nano_final_18237c8d61",874.33,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777372835/nano_final_18237c8d61.png",{"public_id":9516,"resource_type":44},"2026-04-28T10:40:39.308Z",[],{"id":3548,"Title":9523,"user":9524,"Summary":9530,"created_at":9531,"updated_at":9532,"slug":9533,"published_at":9531,"release_date":9534,"Layout":381,"Content":9535,"Feature":9763,"tags":9785},"Get started with Webmentions in Gridsome",{"id":87,"username":1763,"email":1764,"provider":84,"confirmed":86,"blocked":86,"role":87,"created_at":1765,"updated_at":1766,"project":39,"Picture":9525},{"id":87,"name":1768,"alternativeText":29,"caption":29,"width":1769,"height":1769,"formats":9526,"hash":1776,"ext":97,"mime":100,"size":1777,"url":1778,"previewUrl":39,"provider":72,"provider_metadata":9529,"created_at":1780,"updated_at":1780},{"thumbnail":9527},{"ext":97,"url":1772,"hash":1773,"mime":100,"size":1774,"width":67,"height":67,"provider_metadata":9528},{"public_id":1773,"resource_type":44},{"public_id":1776,"resource_type":44},"Learn how to add Webmentions to your Gridsome powered static site.","2020-05-13T12:04:22.466Z","2026-04-28T14:47:52.229Z","get-started-with-webmentions-in-gridsome","2020-05-13",[9536,9538,9540,9542,9544,9546,9548,9574,9576,9578,9580,9613,9615,9646,9648,9679,9681,9683,9685,9688,9690,9692,9694,9727,9729,9761],{"__component":23,"id":2174,"Text":9537},"We ❤️[Gridsome](https://gridsome.org/) the static site generator for Vue.js. Gridsome is a great tool for creating personal blogs, and when you are creating a blog it's nice to allow people to interact with your posts. It's rewarding to see people commenting and liking your hard work.\n\nIt's not immediately obvious how you can achieve this with a static site. Everything is static so how can I allow dynamic interactions like commenting and liking? You could add a plugin like Disqus, but then you would be dumping a load of third party JavaScript onto your lean mean blogging machine. Why eat into that precious static site performance when there is another option? 😀\n\n## 🚨 Webmentions to the rescue\n\nLuckily for us, the W3C has got us covered with their draft of the [Webmention spec](https://webmention.net/draft/). In case you haven't heard of Webmentions before here is a quick summary:\n\n> Webmention is a web standard for mentions and conversations across the web, a powerful building block that is used for a growing federated network of **comments**, **likes**, **reposts**, and other rich interactions across the decentralized social web. - [https://indieweb.org/Webmention](https://indieweb.org/Webmention)",{"__component":23,"id":333,"Text":9539},"You can think of Webmentions as a tool to record interactions with your content across multiple platforms. If someone mentions your post on Twitter, responds to it in their own blog post, or likes something you posted on Instagram, all of these things and more can be recorded as Webmentions and displayed on your site.\n\nSounds cool right? Let's start by seeing how we can pull Twitter mentions into a Gridsome site.\n\n## Setting up Webmentions\n\nBefore you can start with Webmentions you need to add a link tag to the head of your site that links your site to your other social accounts. We are going to connect our Twitter. To do this in Gridsome you will need to add some code to the `src/main.js` file:",{"__component":412,"id":81,"Code":9541,"Type":422,"location":39,"language":39},"export default function (Vue, { router, head, isClient }) {\n head.link.push({\n rel: 'me',\n href: 'https://twitter.com/pixelhopio',\n });\n \n // Set default layout as a global component\n Vue.component('Layout', DefaultLayout);\n}",{"__component":23,"id":78,"Text":9543},"Remember to replace our Twitter profile with your own 🤪This will produce the following link in the head of your site once it's rendered:",{"__component":412,"id":3523,"Code":9545,"Type":1189,"location":39,"language":39},"\u003Clink rel=\"me\" href=\"https://twitter.com/pixelhopio\">",{"__component":23,"id":3471,"Text":9547},"### Webmentions.io\n\nNext, we need login to [https://webmention.io/](https://webmention.io/) webmention.io is a free service that allows us to easily use Webmentions on our static sites. It's worth pointing out that you could host a service like webmention.io yourself if you wanted full control, but for the purpose of this tutorial, it's much quicker to use their offering.\n\nGo to their homepage and enter your site's URL in the \"Web Sign-In\" field. If your site has deployed correctly with the Twitter link in your head you should be redirected to Twitter to sign in.\n\nAfter signing in successfully you will be redirected back to a (probably) empty Webmentions dashboard.\n\n### Adding the Webmention and pingback links\n\nWe now need to add some more header links our site. Luckily we have had some practice at this already. From the webmentions dashboard go to the [\"Settings\" page](https://webmention.io/).\n\nThere you will find a few bits of information, but for the time being, we are interested in the link tags.",{"__component":141,"id":1454,"Size":39,"caption":39,"Image":9549},[9550],{"id":1642,"name":9551,"alternativeText":29,"caption":29,"width":9552,"height":2068,"formats":9553,"hash":9569,"ext":34,"mime":37,"size":9570,"url":9571,"previewUrl":39,"provider":72,"provider_metadata":9572,"created_at":9573,"updated_at":9573},"Screenshot_2020-05-07_at_07.51.58",786,{"small":9554,"medium":9559,"thumbnail":9564},{"ext":34,"url":9555,"hash":9556,"mime":37,"size":9557,"width":50,"height":601,"provider_metadata":9558},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589370815/small_Screenshot_2020-05-07_at_07.51.58_e70e22759c.png","small_Screenshot_2020-05-07_at_07.51.58_e70e22759c",17.31,{"public_id":9556,"resource_type":44},{"ext":34,"url":9560,"hash":9561,"mime":37,"size":9562,"width":58,"height":867,"provider_metadata":9563},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589370814/medium_Screenshot_2020-05-07_at_07.51.58_e70e22759c.png","medium_Screenshot_2020-05-07_at_07.51.58_e70e22759c",32.79,{"public_id":9561,"resource_type":44},{"ext":34,"url":9565,"hash":9566,"mime":37,"size":9567,"width":256,"height":1599,"provider_metadata":9568},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589370813/thumbnail_Screenshot_2020-05-07_at_07.51.58_e70e22759c.png","thumbnail_Screenshot_2020-05-07_at_07.51.58_e70e22759c",5.85,{"public_id":9566,"resource_type":44},"Screenshot_2020-05-07_at_07.51.58_e70e22759c",13.78,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589370812/Screenshot_2020-05-07_at_07.51.58_e70e22759c.png",{"public_id":9569,"resource_type":44},"2020-05-13T11:53:35.406Z",{"__component":23,"id":342,"Text":9575},"Open up src/main.js again and add the following, swapping out the hrefs for your own links.",{"__component":412,"id":3548,"Code":9577,"Type":422,"location":39,"language":39},"...\nexport default function (Vue, { router, head, isClient }) {\n head.link.push({\n rel: 'me',\n href: 'https://twitter.com/pixelhopio',\n });\n\n head.link.push({\n rel: 'webmention',\n href: 'https://webmention.io/pixelhop.io/webmention',\n });\n\n head.link.push({\n rel: 'pingback',\n href: 'https://webmention.io/pixelhop.io/xmlrpc',\n });\n\n // Set default layout as a global component\n Vue.component('Layout', DefaultLayout);\n}",{"__component":23,"id":2584,"Text":9579},"Once you have done this deploy your site again and once it is done it will be ready to receive Webmentions 🎉\n\n### Receiving Webmentions from Twitter\n\nNow that we have done the initial Webmentions setup we are ready to configure receiving Webmentions from Twitter. For this, we can use another free service call [brid.gy](https://brid.gy/)\n\nLike webmentions.io, you could host your own version of [brid.gy](http://brid.gy) if you really wanted to.\n\nAfter configuring [brid.gy](http://brid.gy) anytime someone interacts we a tweet containing your site's domain name, it will send a Webmention. \n\nBefore you can connect [brid.gy](http://brid.gy) you need to make sure you have your site's domain listed in your Twitter profile. Like below where I have my personal site in my bio:",{"__component":141,"id":1468,"Size":39,"caption":39,"Image":9581},[9582],{"id":2639,"name":9583,"alternativeText":29,"caption":29,"width":9584,"height":9585,"formats":9586,"hash":9608,"ext":34,"mime":37,"size":9609,"url":9610,"previewUrl":39,"provider":72,"provider_metadata":9611,"created_at":9612,"updated_at":9612},"Screenshot_2020-05-10_at_10.48.09",1070,792,{"large":9587,"small":9592,"medium":9597,"thumbnail":9603},{"ext":34,"url":9588,"hash":9589,"mime":37,"size":9590,"width":41,"height":5496,"provider_metadata":9591},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589370887/large_Screenshot_2020-05-10_at_10.48.09_d5ae4fa54b.png","large_Screenshot_2020-05-10_at_10.48.09_d5ae4fa54b",816.94,{"public_id":9589,"resource_type":44},{"ext":34,"url":9593,"hash":9594,"mime":37,"size":9595,"width":50,"height":4923,"provider_metadata":9596},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589370889/small_Screenshot_2020-05-10_at_10.48.09_d5ae4fa54b.png","small_Screenshot_2020-05-10_at_10.48.09_d5ae4fa54b",240.06,{"public_id":9594,"resource_type":44},{"ext":34,"url":9598,"hash":9599,"mime":37,"size":9600,"width":58,"height":9601,"provider_metadata":9602},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589370888/medium_Screenshot_2020-05-10_at_10.48.09_d5ae4fa54b.png","medium_Screenshot_2020-05-10_at_10.48.09_d5ae4fa54b",491.48,555,{"public_id":9599,"resource_type":44},{"ext":34,"url":9604,"hash":9605,"mime":37,"size":9606,"width":4718,"height":67,"provider_metadata":9607},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589370886/thumbnail_Screenshot_2020-05-10_at_10.48.09_d5ae4fa54b.png","thumbnail_Screenshot_2020-05-10_at_10.48.09_d5ae4fa54b",51.98,{"public_id":9605,"resource_type":44},"Screenshot_2020-05-10_at_10.48.09_d5ae4fa54b",759.53,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589370885/Screenshot_2020-05-10_at_10.48.09_d5ae4fa54b.png",{"public_id":9608,"resource_type":44},"2020-05-13T11:54:49.843Z",{"__component":23,"id":2630,"Text":9614},"After doing that, you are ready to log in with brid.gy. From their homepage click \"Twitter\" and log in using your Twitter account. \n\nThat's it, Twitter will now produce Webmentions for your site. \n\nAt this point, I usually like to create a test tweet so we can check everything is working. Compose a tweet containing a link to a page on your site. Like it an retweet it with a comment. You will look a bit silly talking to yourself but it will produce a Webmention we can test with later. You can delete the tweet once you are done testing.",{"__component":141,"id":1482,"Size":39,"caption":39,"Image":9616},[9617],{"id":2644,"name":9618,"alternativeText":29,"caption":29,"width":9619,"height":512,"formats":9620,"hash":9641,"ext":34,"mime":37,"size":9642,"url":9643,"previewUrl":39,"provider":72,"provider_metadata":9644,"created_at":9645,"updated_at":9645},"Screenshot_2020-05-10_at_11.25.21",1102,{"large":9621,"small":9626,"medium":9631,"thumbnail":9636},{"ext":34,"url":9622,"hash":9623,"mime":37,"size":9624,"width":41,"height":1404,"provider_metadata":9625},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589370950/large_Screenshot_2020-05-10_at_11.25.21_9fe827beef.png","large_Screenshot_2020-05-10_at_11.25.21_9fe827beef",59.77,{"public_id":9623,"resource_type":44},{"ext":34,"url":9627,"hash":9628,"mime":37,"size":9629,"width":50,"height":433,"provider_metadata":9630},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589370952/small_Screenshot_2020-05-10_at_11.25.21_9fe827beef.png","small_Screenshot_2020-05-10_at_11.25.21_9fe827beef",22.42,{"public_id":9628,"resource_type":44},{"ext":34,"url":9632,"hash":9633,"mime":37,"size":9634,"width":58,"height":1685,"provider_metadata":9635},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589370951/medium_Screenshot_2020-05-10_at_11.25.21_9fe827beef.png","medium_Screenshot_2020-05-10_at_11.25.21_9fe827beef",38.85,{"public_id":9633,"resource_type":44},{"ext":34,"url":9637,"hash":9638,"mime":37,"size":9639,"width":256,"height":1276,"provider_metadata":9640},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589370949/thumbnail_Screenshot_2020-05-10_at_11.25.21_9fe827beef.png","thumbnail_Screenshot_2020-05-10_at_11.25.21_9fe827beef",8.49,{"public_id":9638,"resource_type":44},"Screenshot_2020-05-10_at_11.25.21_9fe827beef",34.79,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589370949/Screenshot_2020-05-10_at_11.25.21_9fe827beef.png",{"public_id":9641,"resource_type":44},"2020-05-13T11:55:52.508Z",{"__component":23,"id":1642,"Text":9647},"Once you have done that, click the \"poll now\" button in the brid.gy dashboard and you should see your tweet appear in the responses list.",{"__component":141,"id":1760,"Size":39,"caption":39,"Image":9649},[9650],{"id":2649,"name":9651,"alternativeText":29,"caption":29,"width":9652,"height":1722,"formats":9653,"hash":9674,"ext":34,"mime":37,"size":9675,"url":9676,"previewUrl":39,"provider":72,"provider_metadata":9677,"created_at":9678,"updated_at":9678},"Screenshot_2020-05-10_at_11.23.22",1164,{"large":9654,"small":9659,"medium":9664,"thumbnail":9669},{"ext":34,"url":9655,"hash":9656,"mime":37,"size":9657,"width":41,"height":2078,"provider_metadata":9658},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589371005/large_Screenshot_2020-05-10_at_11.23.22_d7816125f2.png","large_Screenshot_2020-05-10_at_11.23.22_d7816125f2",32.02,{"public_id":9656,"resource_type":44},{"ext":34,"url":9660,"hash":9661,"mime":37,"size":9662,"width":50,"height":1011,"provider_metadata":9663},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589371006/small_Screenshot_2020-05-10_at_11.23.22_d7816125f2.png","small_Screenshot_2020-05-10_at_11.23.22_d7816125f2",12.1,{"public_id":9661,"resource_type":44},{"ext":34,"url":9665,"hash":9666,"mime":37,"size":9667,"width":58,"height":439,"provider_metadata":9668},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589371006/medium_Screenshot_2020-05-10_at_11.23.22_d7816125f2.png","medium_Screenshot_2020-05-10_at_11.23.22_d7816125f2",20.93,{"public_id":9666,"resource_type":44},{"ext":34,"url":9670,"hash":9671,"mime":37,"size":9672,"width":256,"height":2710,"provider_metadata":9673},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589371004/thumbnail_Screenshot_2020-05-10_at_11.23.22_d7816125f2.png","thumbnail_Screenshot_2020-05-10_at_11.23.22_d7816125f2",4.42,{"public_id":9671,"resource_type":44},"Screenshot_2020-05-10_at_11.23.22_d7816125f2",19.78,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589371004/Screenshot_2020-05-10_at_11.23.22_d7816125f2.png",{"public_id":9674,"resource_type":44},"2020-05-13T11:56:47.007Z",{"__component":23,"id":2639,"Text":9680},"### Load Webmentions in Gridsome\n\nOk, so we have done most of the initial setup and its not time to load them as a source in Gridsome. The easiest way to do this is to use the Webmention source plugin I created:\n\n[https://gridsome.org/plugins/@zefman/gridsome-source-webmention](https://gridsome.org/plugins/@zefman/gridsome-source-webmention)\n\nInstall the plugin with:",{"__component":412,"id":274,"Code":9682,"Type":415,"location":39,"language":39},"npm install @zefman/gridsome-source-webmention",{"__component":23,"id":2644,"Text":9684},"Once the plugin is installed you need to configure it in `gridsome.config.js`",{"__component":412,"id":279,"Code":9686,"Type":9687,"location":39,"language":39},"export default {\n plugins: [\n {\n use: '@zefman/gridsome-source-webmention',\n options: {\n domain: 'pixelhop.io', // Your webmention domain\n token: 'your-token', // Your secret webmention token\n },\n }\n ]\n}","graphql",{"__component":23,"id":2649,"Text":9689},"You will need to get your [webmention.io](http://webmention.io) API key from the settings page: [https://webmention.io/settings](https://webmention.io/settings)\n\nIf you restart your Gridsome dev server your Webmentions will now be available using the GraphQL API 🚀\n\nBelow is an example of how you can load Webmentions for a specific page in our Gridsome site. We can filter the Webmentions by using our pages path.",{"__component":412,"id":13,"Code":9691,"Type":422,"location":39,"language":39},"\u003Cpage-query>\n query($path: String!) {\n mentions: allWebMention(filter: { wmTarget: { regex: $path } }) {\n edges {\n node {\n wmId\n url\n wmProperty\n wmSource\n content {\n text\n }\n author {\n name\n photo\n url\n }\n }\n }\n }\n }\n\u003C/page-query>",{"__component":23,"id":5,"Text":9693},"Now that you can get the Webmention data in your page you can create a Vue component to render them easily. Heres an example of what the Webmention section on https://pixelhop.io looks like:",{"__component":141,"id":327,"Size":39,"caption":39,"Image":9695},[9696],{"id":5,"name":9697,"alternativeText":29,"caption":29,"width":9698,"height":9699,"formats":9700,"hash":9722,"ext":34,"mime":37,"size":9723,"url":9724,"previewUrl":39,"provider":72,"provider_metadata":9725,"created_at":9726,"updated_at":9726},"Screenshot_2020-05-10_at_11.40.20",1798,1142,{"large":9701,"small":9707,"medium":9712,"thumbnail":9717},{"ext":34,"url":9702,"hash":9703,"mime":37,"size":9704,"width":41,"height":9705,"provider_metadata":9706},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589371158/large_Screenshot_2020-05-10_at_11.40.20_ddc9a74a2f.png","large_Screenshot_2020-05-10_at_11.40.20_ddc9a74a2f",146.86,635,{"public_id":9703,"resource_type":44},{"ext":34,"url":9708,"hash":9709,"mime":37,"size":9710,"width":50,"height":4629,"provider_metadata":9711},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589371160/small_Screenshot_2020-05-10_at_11.40.20_ddc9a74a2f.png","small_Screenshot_2020-05-10_at_11.40.20_ddc9a74a2f",52.44,{"public_id":9709,"resource_type":44},{"ext":34,"url":9713,"hash":9714,"mime":37,"size":9715,"width":58,"height":6326,"provider_metadata":9716},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589371159/medium_Screenshot_2020-05-10_at_11.40.20_ddc9a74a2f.png","medium_Screenshot_2020-05-10_at_11.40.20_ddc9a74a2f",96.64,{"public_id":9714,"resource_type":44},{"ext":34,"url":9718,"hash":9719,"mime":37,"size":9720,"width":256,"height":67,"provider_metadata":9721},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589371157/thumbnail_Screenshot_2020-05-10_at_11.40.20_ddc9a74a2f.png","thumbnail_Screenshot_2020-05-10_at_11.40.20_ddc9a74a2f",18.1,{"public_id":9719,"resource_type":44},"Screenshot_2020-05-10_at_11.40.20_ddc9a74a2f",219.4,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589371156/Screenshot_2020-05-10_at_11.40.20_ddc9a74a2f.png",{"public_id":9722,"resource_type":44},"2020-05-13T11:59:20.740Z",{"__component":23,"id":2700,"Text":9728},"## Trigger Builds With Webhooks\n\nWe are nearly there I promise! The final step in our Webmention journey is to get new Webmentions to appear automatically on your site. Currently, new Webmentions will only appear when you manually rebuild and deploy your site.\n\nThat's a bit rubbish, but luckily we can trigger a new build automatically using webhooks. We use Netlify for our sites, but must modern static site hosts allow you to trigger builds via a webhook. Here's how you do it in Netlify.\n\nFrom the Netlify dashboard find your site, then go to Settings > Build & Deploy and scroll down the to \"Build hooks\" section.\n\nClick add build hook, and call it \"webmentions\":",{"__component":141,"id":558,"Size":39,"caption":39,"Image":9730},[9731],{"id":2700,"name":9732,"alternativeText":29,"caption":29,"width":9733,"height":9734,"formats":9735,"hash":9756,"ext":34,"mime":37,"size":9757,"url":9758,"previewUrl":39,"provider":72,"provider_metadata":9759,"created_at":9760,"updated_at":9760},"Screenshot_2020-05-10_at_11.56.20",1876,876,{"large":9736,"small":9741,"medium":9746,"thumbnail":9751},{"ext":34,"url":9737,"hash":9738,"mime":37,"size":9739,"width":41,"height":2824,"provider_metadata":9740},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589371248/large_Screenshot_2020-05-10_at_11.56.20_8a9cda4571.png","large_Screenshot_2020-05-10_at_11.56.20_8a9cda4571",45.36,{"public_id":9738,"resource_type":44},{"ext":34,"url":9742,"hash":9743,"mime":37,"size":9744,"width":50,"height":496,"provider_metadata":9745},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589371249/small_Screenshot_2020-05-10_at_11.56.20_8a9cda4571.png","small_Screenshot_2020-05-10_at_11.56.20_8a9cda4571",16.95,{"public_id":9743,"resource_type":44},{"ext":34,"url":9747,"hash":9748,"mime":37,"size":9749,"width":58,"height":2837,"provider_metadata":9750},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589371249/medium_Screenshot_2020-05-10_at_11.56.20_8a9cda4571.png","medium_Screenshot_2020-05-10_at_11.56.20_8a9cda4571",30.33,{"public_id":9748,"resource_type":44},{"ext":34,"url":9752,"hash":9753,"mime":37,"size":9754,"width":256,"height":475,"provider_metadata":9755},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589371247/thumbnail_Screenshot_2020-05-10_at_11.56.20_8a9cda4571.png","thumbnail_Screenshot_2020-05-10_at_11.56.20_8a9cda4571",6.07,{"public_id":9753,"resource_type":44},"Screenshot_2020-05-10_at_11.56.20_8a9cda4571",50.37,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1589371245/Screenshot_2020-05-10_at_11.56.20_8a9cda4571.png",{"public_id":9756,"resource_type":44},"2020-05-13T12:00:50.293Z",{"__component":23,"id":2705,"Text":9762},"Copy the URL that is generated after clicking save.\n\nFinally, head back to [webmention.io](http://webmention.io) and navigate to the \"Web Hooks\" section. As of the time of writing, you can find it here: [https://webmention.io/settings/webhooks](https://webmention.io/settings/webhooks)\n\nPaste in the URL from Netlify into the URL field and click save. That's it now a build will be triggered when you have new mentions and they will automatically show up on your site.\n\n## And......relax 🧘‍♀️\n\nWell, we did it! Hopefully, if you made it this far your site is swimming in lovely Webmentions. There's a quite a number of steps to get Webmentions working but the benefits make it worth it. If you like this post lets us know by liking it on Twitter, and stay tuned for more Vue and Gridsome content coming your way!",{"id":4224,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":9764,"hash":9780,"ext":34,"mime":37,"size":9781,"url":9782,"previewUrl":39,"provider":72,"provider_metadata":9783,"created_at":9784,"updated_at":9784},{"small":9765,"medium":9770,"thumbnail":9775},{"ext":34,"url":9766,"hash":9767,"mime":37,"name":302,"path":39,"size":9768,"width":50,"height":311,"provider_metadata":9769},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387671/small_nano_final_9d40ca53f2.png","small_nano_final_9d40ca53f2",284.11,{"public_id":9767,"resource_type":44},{"ext":34,"url":9771,"hash":9772,"mime":37,"name":309,"path":39,"size":9773,"width":58,"height":537,"provider_metadata":9774},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387669/medium_nano_final_9d40ca53f2.png","medium_nano_final_9d40ca53f2",677.75,{"public_id":9772,"resource_type":44},{"ext":34,"url":9776,"hash":9777,"mime":37,"name":316,"path":39,"size":9778,"width":544,"height":67,"provider_metadata":9779},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387668/thumbnail_nano_final_9d40ca53f2.png","thumbnail_nano_final_9d40ca53f2",46.01,{"public_id":9777,"resource_type":44},"nano_final_9d40ca53f2",825.75,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1777387667/nano_final_9d40ca53f2.png",{"public_id":9780,"resource_type":44},"2026-04-28T14:47:51.746Z",[9786,9787,9788],{"id":336,"Name":3843,"created_at":3844,"updated_at":3845,"slug":3846},{"id":87,"Name":1526,"created_at":1527,"updated_at":1528,"slug":1529},{"id":81,"Name":3905,"created_at":3906,"updated_at":3907,"slug":3908},[9790,9797,10068,10874,11256,11468,11908,11947,12081,12221,12355,12362,12929,13157,13174,13816,13831,13846,14388,14395,14410,14791,16080,16345,16838,16857,16874,16881],{"id":13,"Name":9791,"created_at":9792,"updated_at":9793,"slug":9794,"blogs":9795,"projects":9796},"WebAR","2020-05-02T15:00:04.627Z","2021-04-24T16:18:06.627Z","webar",[],[],{"id":327,"Name":328,"created_at":329,"updated_at":330,"slug":331,"blogs":9798,"projects":10067},[9799,9880,9957,10011],{"id":2639,"Title":7634,"user":3523,"Summary":7641,"created_at":7642,"updated_at":7643,"slug":7644,"published_at":7645,"release_date":7646,"Layout":381,"Content":9800,"Feature":9871},[9801,9814,9815,9828,9829,9842,9843,9856,9857,9870],{"__component":141,"id":1125,"Size":143,"caption":7649,"Image":9802},[9803],{"id":1328,"name":7652,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":9804,"hash":7677,"ext":3437,"mime":100,"size":7678,"url":7679,"previewUrl":39,"provider":72,"provider_metadata":9813,"created_at":7681,"updated_at":7682},{"large":9805,"small":9807,"medium":9809,"thumbnail":9811},{"ext":3437,"url":7655,"hash":7656,"mime":100,"name":7657,"path":39,"size":7658,"width":41,"height":41,"provider_metadata":9806},{"public_id":7656,"resource_type":44},{"ext":3437,"url":7661,"hash":7662,"mime":100,"name":7663,"path":39,"size":7664,"width":50,"height":50,"provider_metadata":9808},{"public_id":7662,"resource_type":44},{"ext":3437,"url":7667,"hash":7668,"mime":100,"name":7669,"path":39,"size":7670,"width":58,"height":58,"provider_metadata":9810},{"public_id":7668,"resource_type":44},{"ext":3437,"url":7673,"hash":7674,"mime":100,"name":7675,"path":39,"size":6604,"width":67,"height":67,"provider_metadata":9812},{"public_id":7674,"resource_type":44},{"public_id":7677,"resource_type":44},{"__component":23,"id":943,"Text":7684},{"__component":141,"id":1131,"Size":143,"caption":7686,"Image":9816},[9817],{"id":1666,"name":7689,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":9818,"hash":7715,"ext":3437,"mime":100,"size":7716,"url":7717,"previewUrl":39,"provider":72,"provider_metadata":9827,"created_at":7719,"updated_at":7720},{"large":9819,"small":9821,"medium":9823,"thumbnail":9825},{"ext":3437,"url":7692,"hash":7693,"mime":100,"name":7694,"path":39,"size":7695,"width":41,"height":41,"provider_metadata":9820},{"public_id":7693,"resource_type":44},{"ext":3437,"url":7698,"hash":7699,"mime":100,"name":7700,"path":39,"size":7701,"width":50,"height":50,"provider_metadata":9822},{"public_id":7699,"resource_type":44},{"ext":3437,"url":7704,"hash":7705,"mime":100,"name":7706,"path":39,"size":7707,"width":58,"height":58,"provider_metadata":9824},{"public_id":7705,"resource_type":44},{"ext":3437,"url":7710,"hash":7711,"mime":100,"name":7712,"path":39,"size":7713,"width":67,"height":67,"provider_metadata":9826},{"public_id":7711,"resource_type":44},{"public_id":7715,"resource_type":44},{"__component":23,"id":763,"Text":7722},{"__component":141,"id":1138,"Size":143,"caption":7724,"Image":9830},[9831],{"id":124,"name":7727,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":9832,"hash":7753,"ext":3437,"mime":100,"size":7754,"url":7755,"previewUrl":39,"provider":72,"provider_metadata":9841,"created_at":7757,"updated_at":7758},{"large":9833,"small":9835,"medium":9837,"thumbnail":9839},{"ext":3437,"url":7730,"hash":7731,"mime":100,"name":7732,"path":39,"size":7733,"width":41,"height":41,"provider_metadata":9834},{"public_id":7731,"resource_type":44},{"ext":3437,"url":7736,"hash":7737,"mime":100,"name":7738,"path":39,"size":7739,"width":50,"height":50,"provider_metadata":9836},{"public_id":7737,"resource_type":44},{"ext":3437,"url":7742,"hash":7743,"mime":100,"name":7744,"path":39,"size":7745,"width":58,"height":58,"provider_metadata":9838},{"public_id":7743,"resource_type":44},{"ext":3437,"url":7748,"hash":7749,"mime":100,"name":7750,"path":39,"size":7751,"width":67,"height":67,"provider_metadata":9840},{"public_id":7749,"resource_type":44},{"public_id":7753,"resource_type":44},{"__component":23,"id":4311,"Text":7760},{"__component":141,"id":1187,"Size":143,"caption":7762,"Image":9844},[9845],{"id":1389,"name":7765,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":9846,"hash":7790,"ext":3437,"mime":100,"size":7791,"url":7792,"previewUrl":39,"provider":72,"provider_metadata":9855,"created_at":7794,"updated_at":7795},{"large":9847,"small":9849,"medium":9851,"thumbnail":9853},{"ext":3437,"url":7768,"hash":7769,"mime":100,"name":7770,"path":39,"size":7771,"width":41,"height":41,"provider_metadata":9848},{"public_id":7769,"resource_type":44},{"ext":3437,"url":7774,"hash":7775,"mime":100,"name":7776,"path":39,"size":7777,"width":50,"height":50,"provider_metadata":9850},{"public_id":7775,"resource_type":44},{"ext":3437,"url":7780,"hash":7781,"mime":100,"name":7782,"path":39,"size":7783,"width":58,"height":58,"provider_metadata":9852},{"public_id":7781,"resource_type":44},{"ext":3437,"url":7786,"hash":7787,"mime":100,"name":7788,"path":39,"size":1627,"width":67,"height":67,"provider_metadata":9854},{"public_id":7787,"resource_type":44},{"public_id":7790,"resource_type":44},{"__component":23,"id":4354,"Text":7797},{"__component":141,"id":1208,"Size":143,"caption":7799,"Image":9858},[9859],{"id":1437,"name":7802,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":9860,"hash":7828,"ext":3437,"mime":100,"size":7829,"url":7830,"previewUrl":39,"provider":72,"provider_metadata":9869,"created_at":7832,"updated_at":7833},{"large":9861,"small":9863,"medium":9865,"thumbnail":9867},{"ext":3437,"url":7805,"hash":7806,"mime":100,"name":7807,"path":39,"size":7808,"width":41,"height":41,"provider_metadata":9862},{"public_id":7806,"resource_type":44},{"ext":3437,"url":7811,"hash":7812,"mime":100,"name":7813,"path":39,"size":7814,"width":50,"height":50,"provider_metadata":9864},{"public_id":7812,"resource_type":44},{"ext":3437,"url":7817,"hash":7818,"mime":100,"name":7819,"path":39,"size":7820,"width":58,"height":58,"provider_metadata":9866},{"public_id":7818,"resource_type":44},{"ext":3437,"url":7823,"hash":7824,"mime":100,"name":7825,"path":39,"size":7826,"width":67,"height":67,"provider_metadata":9868},{"public_id":7824,"resource_type":44},{"public_id":7828,"resource_type":44},{"__component":23,"id":4394,"Text":7835},{"id":5236,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":9872,"hash":7853,"ext":34,"mime":37,"size":7854,"url":7855,"previewUrl":39,"provider":72,"provider_metadata":9879,"created_at":7857,"updated_at":7857},{"small":9873,"medium":9875,"thumbnail":9877},{"ext":34,"url":7839,"hash":7840,"mime":37,"name":529,"path":39,"size":7841,"width":50,"height":311,"provider_metadata":9874},{"public_id":7840,"resource_type":44},{"ext":34,"url":7844,"hash":7845,"mime":37,"name":535,"path":39,"size":7846,"width":58,"height":537,"provider_metadata":9876},{"public_id":7845,"resource_type":44},{"ext":34,"url":7849,"hash":7850,"mime":37,"name":542,"path":39,"size":7851,"width":544,"height":67,"provider_metadata":9878},{"public_id":7850,"resource_type":44},{"public_id":7853,"resource_type":44},{"id":2174,"Title":275,"user":81,"Summary":8353,"created_at":8354,"updated_at":8355,"slug":276,"published_at":8356,"release_date":8357,"Layout":381,"Content":9881,"Feature":9948},[9882,9883,9894,9895,9896,9909,9910,9923,9924,9937,9938,9942,9943],{"__component":23,"id":7385,"Text":8360},{"__component":141,"id":1675,"Size":143,"caption":8362,"Image":9884},[9885],{"id":1843,"name":8365,"alternativeText":29,"caption":29,"width":8366,"height":8367,"formats":9886,"hash":8387,"ext":97,"mime":100,"size":8388,"url":8389,"previewUrl":39,"provider":72,"provider_metadata":9893,"created_at":8391,"updated_at":8392},{"small":9887,"medium":9889,"thumbnail":9891},{"ext":97,"url":8370,"hash":8371,"mime":100,"name":8372,"path":39,"size":8373,"width":311,"height":50,"provider_metadata":9888},{"public_id":8371,"resource_type":44},{"ext":97,"url":8376,"hash":8377,"mime":100,"name":8378,"path":39,"size":8379,"width":537,"height":58,"provider_metadata":9890},{"public_id":8377,"resource_type":44},{"ext":97,"url":8382,"hash":8383,"mime":100,"name":8384,"path":39,"size":8385,"width":493,"height":67,"provider_metadata":9892},{"public_id":8383,"resource_type":44},{"public_id":8387,"resource_type":44},{"__component":23,"id":1890,"Text":8394},{"__component":23,"id":4718,"Text":8396},{"__component":141,"id":1681,"Size":143,"caption":8398,"Image":9897},[9898],{"id":1257,"name":8401,"alternativeText":29,"caption":29,"width":8402,"height":8403,"formats":9899,"hash":8429,"ext":34,"mime":37,"size":8430,"url":8431,"previewUrl":39,"provider":72,"provider_metadata":9908,"created_at":8433,"updated_at":8434},{"large":9900,"small":9902,"medium":9904,"thumbnail":9906},{"ext":34,"url":8406,"hash":8407,"mime":37,"name":8408,"path":39,"size":8409,"width":41,"height":27,"provider_metadata":9901},{"public_id":8407,"resource_type":44},{"ext":34,"url":8412,"hash":8413,"mime":37,"name":8414,"path":39,"size":8415,"width":50,"height":1211,"provider_metadata":9903},{"public_id":8413,"resource_type":44},{"ext":34,"url":8418,"hash":8419,"mime":37,"name":8420,"path":39,"size":8421,"width":58,"height":7513,"provider_metadata":9905},{"public_id":8419,"resource_type":44},{"ext":34,"url":8424,"hash":8425,"mime":37,"name":8426,"path":39,"size":8427,"width":256,"height":1208,"provider_metadata":9907},{"public_id":8425,"resource_type":44},{"public_id":8429,"resource_type":44},{"__component":23,"id":4622,"Text":8436},{"__component":141,"id":91,"Size":143,"caption":39,"Image":9911},[9912],{"id":731,"name":8440,"alternativeText":29,"caption":29,"width":8441,"height":8442,"formats":9913,"hash":8469,"ext":97,"mime":100,"size":8470,"url":8471,"previewUrl":39,"provider":72,"provider_metadata":9922,"created_at":8473,"updated_at":8474},{"large":9914,"small":9916,"medium":9918,"thumbnail":9920},{"ext":97,"url":8445,"hash":8446,"mime":100,"name":8447,"path":39,"size":8448,"width":41,"height":5139,"provider_metadata":9915},{"public_id":8446,"resource_type":44},{"ext":97,"url":8451,"hash":8452,"mime":100,"name":8453,"path":39,"size":8454,"width":50,"height":4650,"provider_metadata":9917},{"public_id":8452,"resource_type":44},{"ext":97,"url":8457,"hash":8458,"mime":100,"name":8459,"path":39,"size":8460,"width":58,"height":8461,"provider_metadata":9919},{"public_id":8458,"resource_type":44},{"ext":97,"url":8464,"hash":8465,"mime":100,"name":8466,"path":39,"size":8467,"width":256,"height":239,"provider_metadata":9921},{"public_id":8465,"resource_type":44},{"public_id":8469,"resource_type":44},{"__component":23,"id":1404,"Text":8476},{"__component":141,"id":1693,"Size":143,"caption":8478,"Image":9925},[9926],{"id":1967,"name":8481,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":9927,"hash":8507,"ext":97,"mime":100,"size":8508,"url":8509,"previewUrl":39,"provider":72,"provider_metadata":9936,"created_at":8511,"updated_at":8512},{"large":9928,"small":9930,"medium":9932,"thumbnail":9934},{"ext":97,"url":8484,"hash":8485,"mime":100,"name":8486,"path":39,"size":8487,"width":41,"height":41,"provider_metadata":9929},{"public_id":8485,"resource_type":44},{"ext":97,"url":8490,"hash":8491,"mime":100,"name":8492,"path":39,"size":8493,"width":50,"height":50,"provider_metadata":9931},{"public_id":8491,"resource_type":44},{"ext":97,"url":8496,"hash":8497,"mime":100,"name":8498,"path":39,"size":8499,"width":58,"height":58,"provider_metadata":9933},{"public_id":8497,"resource_type":44},{"ext":97,"url":8502,"hash":8503,"mime":100,"name":8504,"path":39,"size":8505,"width":67,"height":67,"provider_metadata":9935},{"public_id":8503,"resource_type":44},{"public_id":8507,"resource_type":44},{"__component":23,"id":6756,"Text":8514},{"__component":141,"id":1699,"Size":4089,"caption":8516,"Image":9939},[9940],{"id":1854,"name":8519,"alternativeText":29,"caption":29,"width":8520,"height":6411,"formats":39,"hash":8521,"ext":8522,"mime":8523,"size":8524,"url":8525,"previewUrl":39,"provider":72,"provider_metadata":9941,"created_at":8527,"updated_at":8528},{"public_id":8521,"resource_type":44},{"__component":23,"id":6287,"Text":8530},{"__component":269,"id":2658,"title":271,"blog_series":39,"post_link":9944},[9945,9946,9947],{"id":1851,"title":275,"slug":276,"description":277,"blog_series":39},{"id":1790,"title":280,"slug":135,"description":281,"blog_series":39},{"id":1628,"title":284,"slug":285,"description":286,"blog_series":39},{"id":2858,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":9949,"hash":8553,"ext":34,"mime":37,"size":8554,"url":8555,"previewUrl":39,"provider":72,"provider_metadata":9956,"created_at":8557,"updated_at":8557},{"small":9950,"medium":9952,"thumbnail":9954},{"ext":34,"url":8539,"hash":8540,"mime":37,"name":529,"path":39,"size":8541,"width":50,"height":311,"provider_metadata":9951},{"public_id":8540,"resource_type":44},{"ext":34,"url":8544,"hash":8545,"mime":37,"name":535,"path":39,"size":8546,"width":58,"height":537,"provider_metadata":9953},{"public_id":8545,"resource_type":44},{"ext":34,"url":8549,"hash":8550,"mime":37,"name":542,"path":39,"size":8551,"width":544,"height":67,"provider_metadata":9955},{"public_id":8550,"resource_type":44},{"public_id":8553,"resource_type":44},{"id":387,"Title":6847,"user":3523,"Summary":6854,"created_at":6855,"updated_at":6856,"slug":6857,"published_at":6858,"release_date":6859,"Layout":381,"Content":9958,"Feature":10002},[9959,9972,9973,9986,9987,10000,10001],{"__component":141,"id":487,"Size":143,"caption":6862,"Image":9960},[9961],{"id":436,"name":6865,"alternativeText":29,"caption":29,"width":5592,"height":6866,"formats":9962,"hash":6894,"ext":3437,"mime":100,"size":6895,"url":6896,"previewUrl":39,"provider":72,"provider_metadata":9971,"created_at":6898,"updated_at":6899},{"large":9963,"small":9965,"medium":9967,"thumbnail":9969},{"ext":3437,"url":6869,"hash":6870,"mime":100,"name":6871,"path":39,"size":6872,"width":6873,"height":41,"provider_metadata":9964},{"public_id":6870,"resource_type":44},{"ext":3437,"url":6876,"hash":6877,"mime":100,"name":6878,"path":39,"size":6879,"width":59,"height":50,"provider_metadata":9966},{"public_id":6877,"resource_type":44},{"ext":3437,"url":6882,"hash":6883,"mime":100,"name":6884,"path":39,"size":6885,"width":6886,"height":58,"provider_metadata":9968},{"public_id":6883,"resource_type":44},{"ext":3437,"url":6889,"hash":6890,"mime":100,"name":6891,"path":39,"size":6892,"width":2145,"height":67,"provider_metadata":9970},{"public_id":6890,"resource_type":44},{"public_id":6894,"resource_type":44},{"__component":23,"id":6901,"Text":6902},{"__component":141,"id":481,"Size":143,"caption":6904,"Image":9974},[9975],{"id":430,"name":6907,"alternativeText":29,"caption":29,"width":5792,"height":544,"formats":9976,"hash":6932,"ext":34,"mime":37,"size":6933,"url":6934,"previewUrl":39,"provider":72,"provider_metadata":9985,"created_at":6936,"updated_at":6937},{"large":9977,"small":9979,"medium":9981,"thumbnail":9983},{"ext":34,"url":6910,"hash":6911,"mime":37,"name":6912,"path":39,"size":6913,"width":41,"height":124,"provider_metadata":9978},{"public_id":6911,"resource_type":44},{"ext":34,"url":6916,"hash":6917,"mime":37,"name":6918,"path":39,"size":6919,"width":50,"height":1725,"provider_metadata":9980},{"public_id":6917,"resource_type":44},{"ext":34,"url":6922,"hash":6923,"mime":37,"name":6924,"path":39,"size":6925,"width":58,"height":1824,"provider_metadata":9982},{"public_id":6923,"resource_type":44},{"ext":34,"url":6928,"hash":6929,"mime":37,"name":6930,"path":39,"size":5777,"width":256,"height":2782,"provider_metadata":9984},{"public_id":6929,"resource_type":44},{"public_id":6932,"resource_type":44},{"__component":23,"id":6939,"Text":6940},{"__component":141,"id":493,"Size":143,"caption":6942,"Image":9988},[9989],{"id":442,"name":6945,"alternativeText":29,"caption":29,"width":6946,"height":6947,"formats":9990,"hash":6976,"ext":3437,"mime":100,"size":6977,"url":6978,"previewUrl":39,"provider":72,"provider_metadata":9999,"created_at":6980,"updated_at":6981},{"large":9991,"small":9993,"medium":9995,"thumbnail":9997},{"ext":3437,"url":6950,"hash":6951,"mime":100,"name":6952,"path":39,"size":6953,"width":41,"height":6954,"provider_metadata":9992},{"public_id":6951,"resource_type":44},{"ext":3437,"url":6957,"hash":6958,"mime":100,"name":6959,"path":39,"size":6960,"width":50,"height":6961,"provider_metadata":9994},{"public_id":6958,"resource_type":44},{"ext":3437,"url":6964,"hash":6965,"mime":100,"name":6966,"path":39,"size":6967,"width":58,"height":6968,"provider_metadata":9996},{"public_id":6965,"resource_type":44},{"ext":3437,"url":6971,"hash":6972,"mime":100,"name":6973,"path":39,"size":6974,"width":1685,"height":67,"provider_metadata":9998},{"public_id":6972,"resource_type":44},{"public_id":6976,"resource_type":44},{"__component":23,"id":6983,"Text":6984},{"__component":23,"id":6986,"Text":6987},{"id":5110,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":10003,"hash":7005,"ext":34,"mime":37,"size":7006,"url":7007,"previewUrl":39,"provider":72,"provider_metadata":10010,"created_at":7009,"updated_at":7009},{"small":10004,"medium":10006,"thumbnail":10008},{"ext":34,"url":6991,"hash":6992,"mime":37,"name":302,"path":39,"size":6993,"width":50,"height":311,"provider_metadata":10005},{"public_id":6992,"resource_type":44},{"ext":34,"url":6996,"hash":6997,"mime":37,"name":309,"path":39,"size":6998,"width":58,"height":537,"provider_metadata":10007},{"public_id":6997,"resource_type":44},{"ext":34,"url":7001,"hash":7002,"mime":37,"name":316,"path":39,"size":7003,"width":544,"height":67,"provider_metadata":10009},{"public_id":7002,"resource_type":44},{"public_id":7005,"resource_type":44},{"id":78,"Title":79,"user":81,"Summary":132,"created_at":133,"updated_at":134,"slug":135,"published_at":136,"release_date":137,"Layout":138,"Content":10012,"Feature":10056},[10013,10026,10027,10040,10041,10050,10051],{"__component":141,"id":142,"Size":143,"caption":144,"Image":10014},[10015],{"id":147,"name":148,"alternativeText":29,"caption":29,"width":149,"height":150,"formats":10016,"hash":179,"ext":97,"mime":100,"size":180,"url":181,"previewUrl":39,"provider":72,"provider_metadata":10025,"created_at":183,"updated_at":184},{"large":10017,"small":10019,"medium":10021,"thumbnail":10023},{"ext":97,"url":153,"hash":154,"mime":100,"name":155,"path":39,"size":156,"width":157,"height":41,"provider_metadata":10018},{"public_id":154,"resource_type":44},{"ext":97,"url":160,"hash":161,"mime":100,"name":162,"path":39,"size":163,"width":164,"height":50,"provider_metadata":10020},{"public_id":161,"resource_type":44},{"ext":97,"url":167,"hash":168,"mime":100,"name":169,"path":39,"size":170,"width":171,"height":58,"provider_metadata":10022},{"public_id":168,"resource_type":44},{"ext":97,"url":174,"hash":175,"mime":100,"name":176,"path":39,"size":177,"width":67,"height":67,"provider_metadata":10024},{"public_id":175,"resource_type":44},{"public_id":179,"resource_type":44},{"__component":23,"id":186,"Text":187},{"__component":141,"id":189,"Size":143,"caption":190,"Image":10028},[10029],{"id":193,"name":194,"alternativeText":29,"caption":29,"width":195,"height":196,"formats":10030,"hash":225,"ext":97,"mime":100,"size":226,"url":227,"previewUrl":39,"provider":72,"provider_metadata":10039,"created_at":229,"updated_at":230},{"large":10031,"small":10033,"medium":10035,"thumbnail":10037},{"ext":97,"url":199,"hash":200,"mime":100,"name":201,"path":39,"size":202,"width":41,"height":203,"provider_metadata":10032},{"public_id":200,"resource_type":44},{"ext":97,"url":206,"hash":207,"mime":100,"name":208,"path":39,"size":209,"width":50,"height":210,"provider_metadata":10034},{"public_id":207,"resource_type":44},{"ext":97,"url":213,"hash":214,"mime":100,"name":215,"path":39,"size":216,"width":58,"height":50,"provider_metadata":10036},{"public_id":214,"resource_type":44},{"ext":97,"url":219,"hash":220,"mime":100,"name":221,"path":39,"size":222,"width":223,"height":67,"provider_metadata":10038},{"public_id":220,"resource_type":44},{"public_id":225,"resource_type":44},{"__component":23,"id":232,"Text":233},{"__component":141,"id":235,"Size":39,"caption":236,"Image":10042},[10043],{"id":239,"name":240,"alternativeText":29,"caption":29,"width":241,"height":242,"formats":10044,"hash":259,"ext":97,"mime":100,"size":260,"url":261,"previewUrl":39,"provider":72,"provider_metadata":10049,"created_at":263,"updated_at":264},{"small":10045,"thumbnail":10047},{"ext":97,"url":245,"hash":246,"mime":100,"name":247,"path":39,"size":248,"width":50,"height":249,"provider_metadata":10046},{"public_id":246,"resource_type":44},{"ext":97,"url":252,"hash":253,"mime":100,"name":254,"path":39,"size":255,"width":256,"height":257,"provider_metadata":10048},{"public_id":253,"resource_type":44},{"public_id":259,"resource_type":44},{"__component":23,"id":266,"Text":267},{"__component":269,"id":270,"title":271,"blog_series":39,"post_link":10052},[10053,10054,10055],{"id":274,"title":275,"slug":276,"description":277,"blog_series":39},{"id":279,"title":280,"slug":135,"description":281,"blog_series":39},{"id":283,"title":284,"slug":285,"description":286,"blog_series":39},{"id":288,"name":289,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":10057,"hash":320,"ext":34,"mime":37,"size":321,"url":322,"previewUrl":39,"provider":72,"provider_metadata":10066,"created_at":324,"updated_at":324},{"large":10058,"small":10060,"medium":10062,"thumbnail":10064},{"ext":34,"url":294,"hash":295,"mime":37,"name":296,"path":39,"size":297,"width":41,"height":50,"provider_metadata":10059},{"public_id":295,"resource_type":44},{"ext":34,"url":300,"hash":301,"mime":37,"name":302,"path":39,"size":303,"width":50,"height":304,"provider_metadata":10061},{"public_id":301,"resource_type":44},{"ext":34,"url":307,"hash":308,"mime":37,"name":309,"path":39,"size":310,"width":58,"height":311,"provider_metadata":10063},{"public_id":308,"resource_type":44},{"ext":34,"url":314,"hash":315,"mime":37,"name":316,"path":39,"size":317,"width":256,"height":318,"provider_metadata":10065},{"public_id":315,"resource_type":44},{"public_id":320,"resource_type":44},[],{"id":558,"Name":559,"created_at":560,"updated_at":561,"slug":562,"blogs":10069,"projects":10873},[10070,10304,10478,10533,10603,10795],{"id":569,"Title":570,"user":336,"Summary":583,"created_at":584,"updated_at":585,"slug":392,"published_at":586,"release_date":587,"Layout":381,"Content":10071,"Feature":10295},[10072,10073,10074,10075,10076,10077,10078,10091,10092,10105,10106,10119,10120,10133,10134,10147,10148,10161,10162,10175,10176,10189,10190,10203,10204,10217,10218,10231,10232,10233,10234,10235,10236,10237,10238,10239,10240,10241,10242,10243,10244,10245,10246,10247,10248,10261,10262,10263,10264,10268,10269,10270,10271,10272,10273,10274,10275,10288,10289],{"__component":23,"id":544,"Text":590},{"__component":23,"id":592,"Text":593},{"__component":412,"id":595,"Code":596,"Type":415,"location":39,"language":39},{"__component":23,"id":598,"Text":599},{"__component":412,"id":601,"Code":602,"Type":415,"location":39,"language":39},{"__component":23,"id":604,"Text":605},{"__component":141,"id":607,"Size":608,"caption":39,"Image":10079},[10080],{"id":481,"name":611,"alternativeText":29,"caption":29,"width":612,"height":613,"formats":10081,"hash":643,"ext":34,"mime":37,"size":644,"url":645,"previewUrl":39,"provider":72,"provider_metadata":10090,"created_at":647,"updated_at":648},{"large":10082,"small":10084,"medium":10086,"thumbnail":10088},{"ext":34,"url":616,"hash":617,"mime":37,"name":618,"path":39,"size":619,"width":620,"height":41,"provider_metadata":10083},{"public_id":617,"resource_type":44},{"ext":34,"url":623,"hash":624,"mime":37,"name":625,"path":39,"size":626,"width":627,"height":50,"provider_metadata":10085},{"public_id":624,"resource_type":44},{"ext":34,"url":630,"hash":631,"mime":37,"name":632,"path":39,"size":633,"width":634,"height":58,"provider_metadata":10087},{"public_id":631,"resource_type":44},{"ext":34,"url":637,"hash":638,"mime":37,"name":639,"path":39,"size":640,"width":641,"height":67,"provider_metadata":10089},{"public_id":638,"resource_type":44},{"public_id":643,"resource_type":44},{"__component":23,"id":650,"Text":651},{"__component":141,"id":653,"Size":39,"caption":39,"Image":10093},[10094],{"id":318,"name":656,"alternativeText":29,"caption":29,"width":657,"height":658,"formats":10095,"hash":687,"ext":34,"mime":37,"size":688,"url":689,"previewUrl":39,"provider":72,"provider_metadata":10104,"created_at":691,"updated_at":692},{"large":10096,"small":10098,"medium":10100,"thumbnail":10102},{"ext":34,"url":661,"hash":662,"mime":37,"name":663,"path":39,"size":664,"width":41,"height":665,"provider_metadata":10097},{"public_id":662,"resource_type":44},{"ext":34,"url":668,"hash":669,"mime":37,"name":670,"path":39,"size":671,"width":50,"height":672,"provider_metadata":10099},{"public_id":669,"resource_type":44},{"ext":34,"url":675,"hash":676,"mime":37,"name":677,"path":39,"size":678,"width":58,"height":679,"provider_metadata":10101},{"public_id":676,"resource_type":44},{"ext":34,"url":682,"hash":683,"mime":37,"name":684,"path":39,"size":685,"width":448,"height":67,"provider_metadata":10103},{"public_id":683,"resource_type":44},{"public_id":687,"resource_type":44},{"__component":23,"id":694,"Text":695},{"__component":141,"id":697,"Size":39,"caption":39,"Image":10107},[10108],{"id":700,"name":701,"alternativeText":29,"caption":29,"width":702,"height":703,"formats":10109,"hash":733,"ext":34,"mime":37,"size":734,"url":735,"previewUrl":39,"provider":72,"provider_metadata":10118,"created_at":737,"updated_at":738},{"large":10110,"small":10112,"medium":10114,"thumbnail":10116},{"ext":34,"url":706,"hash":707,"mime":37,"name":708,"path":39,"size":709,"width":41,"height":710,"provider_metadata":10111},{"public_id":707,"resource_type":44},{"ext":34,"url":713,"hash":714,"mime":37,"name":715,"path":39,"size":716,"width":50,"height":717,"provider_metadata":10113},{"public_id":714,"resource_type":44},{"ext":34,"url":720,"hash":721,"mime":37,"name":722,"path":39,"size":723,"width":58,"height":724,"provider_metadata":10115},{"public_id":721,"resource_type":44},{"ext":34,"url":727,"hash":728,"mime":37,"name":729,"path":39,"size":730,"width":256,"height":731,"provider_metadata":10117},{"public_id":728,"resource_type":44},{"public_id":733,"resource_type":44},{"__component":23,"id":740,"Text":741},{"__component":141,"id":743,"Size":39,"caption":39,"Image":10121},[10122],{"id":463,"name":746,"alternativeText":29,"caption":747,"width":748,"height":749,"formats":10123,"hash":779,"ext":34,"mime":37,"size":780,"url":781,"previewUrl":39,"provider":72,"provider_metadata":10132,"created_at":783,"updated_at":784},{"large":10124,"small":10126,"medium":10128,"thumbnail":10130},{"ext":34,"url":752,"hash":753,"mime":37,"name":754,"path":39,"size":755,"width":41,"height":756,"provider_metadata":10125},{"public_id":753,"resource_type":44},{"ext":34,"url":759,"hash":760,"mime":37,"name":761,"path":39,"size":762,"width":50,"height":763,"provider_metadata":10127},{"public_id":760,"resource_type":44},{"ext":34,"url":766,"hash":767,"mime":37,"name":768,"path":39,"size":769,"width":58,"height":770,"provider_metadata":10129},{"public_id":767,"resource_type":44},{"ext":34,"url":773,"hash":774,"mime":37,"name":775,"path":39,"size":776,"width":256,"height":777,"provider_metadata":10131},{"public_id":774,"resource_type":44},{"public_id":779,"resource_type":44},{"__component":23,"id":786,"Text":787},{"__component":141,"id":789,"Size":39,"caption":39,"Image":10135},[10136],{"id":487,"name":792,"alternativeText":29,"caption":29,"width":793,"height":794,"formats":10137,"hash":824,"ext":34,"mime":37,"size":825,"url":826,"previewUrl":39,"provider":72,"provider_metadata":10146,"created_at":828,"updated_at":829},{"large":10138,"small":10140,"medium":10142,"thumbnail":10144},{"ext":34,"url":797,"hash":798,"mime":37,"name":799,"path":39,"size":800,"width":41,"height":801,"provider_metadata":10139},{"public_id":798,"resource_type":44},{"ext":34,"url":804,"hash":805,"mime":37,"name":806,"path":39,"size":807,"width":50,"height":808,"provider_metadata":10141},{"public_id":805,"resource_type":44},{"ext":34,"url":811,"hash":812,"mime":37,"name":813,"path":39,"size":814,"width":58,"height":815,"provider_metadata":10143},{"public_id":812,"resource_type":44},{"ext":34,"url":818,"hash":819,"mime":37,"name":820,"path":39,"size":821,"width":822,"height":67,"provider_metadata":10145},{"public_id":819,"resource_type":44},{"public_id":824,"resource_type":44},{"__component":23,"id":831,"Text":832},{"__component":141,"id":834,"Size":39,"caption":39,"Image":10149},[10150],{"id":493,"name":837,"alternativeText":29,"caption":29,"width":838,"height":839,"formats":10151,"hash":869,"ext":34,"mime":37,"size":870,"url":871,"previewUrl":39,"provider":72,"provider_metadata":10160,"created_at":873,"updated_at":874},{"large":10152,"small":10154,"medium":10156,"thumbnail":10158},{"ext":34,"url":842,"hash":843,"mime":37,"name":844,"path":39,"size":845,"width":41,"height":846,"provider_metadata":10153},{"public_id":843,"resource_type":44},{"ext":34,"url":849,"hash":850,"mime":37,"name":851,"path":39,"size":852,"width":50,"height":853,"provider_metadata":10155},{"public_id":850,"resource_type":44},{"ext":34,"url":856,"hash":857,"mime":37,"name":858,"path":39,"size":859,"width":58,"height":860,"provider_metadata":10157},{"public_id":857,"resource_type":44},{"ext":34,"url":863,"hash":864,"mime":37,"name":865,"path":39,"size":866,"width":256,"height":867,"provider_metadata":10159},{"public_id":864,"resource_type":44},{"public_id":869,"resource_type":44},{"__component":23,"id":876,"Text":877},{"__component":141,"id":879,"Size":39,"caption":39,"Image":10163},[10164],{"id":515,"name":882,"alternativeText":29,"caption":29,"width":883,"height":884,"formats":10165,"hash":914,"ext":34,"mime":37,"size":915,"url":916,"previewUrl":39,"provider":72,"provider_metadata":10174,"created_at":918,"updated_at":919},{"large":10166,"small":10168,"medium":10170,"thumbnail":10172},{"ext":34,"url":887,"hash":888,"mime":37,"name":889,"path":39,"size":890,"width":41,"height":891,"provider_metadata":10167},{"public_id":888,"resource_type":44},{"ext":34,"url":894,"hash":895,"mime":37,"name":896,"path":39,"size":897,"width":50,"height":898,"provider_metadata":10169},{"public_id":895,"resource_type":44},{"ext":34,"url":901,"hash":902,"mime":37,"name":903,"path":39,"size":904,"width":58,"height":905,"provider_metadata":10171},{"public_id":902,"resource_type":44},{"ext":34,"url":908,"hash":909,"mime":37,"name":910,"path":39,"size":911,"width":256,"height":912,"provider_metadata":10173},{"public_id":909,"resource_type":44},{"public_id":914,"resource_type":44},{"__component":23,"id":921,"Text":922},{"__component":141,"id":924,"Size":39,"caption":39,"Image":10177},[10178],{"id":499,"name":927,"alternativeText":29,"caption":29,"width":928,"height":929,"formats":10179,"hash":959,"ext":34,"mime":37,"size":960,"url":961,"previewUrl":39,"provider":72,"provider_metadata":10188,"created_at":963,"updated_at":964},{"large":10180,"small":10182,"medium":10184,"thumbnail":10186},{"ext":34,"url":932,"hash":933,"mime":37,"name":934,"path":39,"size":935,"width":41,"height":936,"provider_metadata":10181},{"public_id":933,"resource_type":44},{"ext":34,"url":939,"hash":940,"mime":37,"name":941,"path":39,"size":942,"width":50,"height":943,"provider_metadata":10183},{"public_id":940,"resource_type":44},{"ext":34,"url":946,"hash":947,"mime":37,"name":948,"path":39,"size":949,"width":58,"height":950,"provider_metadata":10185},{"public_id":947,"resource_type":44},{"ext":34,"url":953,"hash":954,"mime":37,"name":955,"path":39,"size":956,"width":256,"height":957,"provider_metadata":10187},{"public_id":954,"resource_type":44},{"public_id":959,"resource_type":44},{"__component":23,"id":966,"Text":967},{"__component":141,"id":969,"Size":39,"caption":39,"Image":10191},[10192],{"id":475,"name":972,"alternativeText":29,"caption":29,"width":973,"height":974,"formats":10193,"hash":1001,"ext":34,"mime":37,"size":1002,"url":1003,"previewUrl":39,"provider":72,"provider_metadata":10202,"created_at":1005,"updated_at":1006},{"large":10194,"small":10196,"medium":10198,"thumbnail":10200},{"ext":34,"url":977,"hash":978,"mime":37,"name":979,"path":39,"size":980,"width":41,"height":634,"provider_metadata":10195},{"public_id":978,"resource_type":44},{"ext":34,"url":983,"hash":984,"mime":37,"name":985,"path":39,"size":986,"width":50,"height":256,"provider_metadata":10197},{"public_id":984,"resource_type":44},{"ext":34,"url":989,"hash":990,"mime":37,"name":991,"path":39,"size":992,"width":58,"height":993,"provider_metadata":10199},{"public_id":990,"resource_type":44},{"ext":34,"url":996,"hash":997,"mime":37,"name":998,"path":39,"size":999,"width":256,"height":368,"provider_metadata":10201},{"public_id":997,"resource_type":44},{"public_id":1001,"resource_type":44},{"__component":23,"id":1008,"Text":1009},{"__component":141,"id":1011,"Size":39,"caption":39,"Image":10205},[10206],{"id":368,"name":1014,"alternativeText":29,"caption":29,"width":1015,"height":1016,"formats":10207,"hash":1043,"ext":34,"mime":37,"size":1044,"url":1045,"previewUrl":39,"provider":72,"provider_metadata":10216,"created_at":1047,"updated_at":1048},{"large":10208,"small":10210,"medium":10212,"thumbnail":10214},{"ext":34,"url":1019,"hash":1020,"mime":37,"name":1021,"path":39,"size":1022,"width":41,"height":1023,"provider_metadata":10209},{"public_id":1020,"resource_type":44},{"ext":34,"url":1026,"hash":1027,"mime":37,"name":1028,"path":39,"size":1029,"width":50,"height":484,"provider_metadata":10211},{"public_id":1027,"resource_type":44},{"ext":34,"url":1032,"hash":1033,"mime":37,"name":1034,"path":39,"size":1035,"width":58,"height":672,"provider_metadata":10213},{"public_id":1033,"resource_type":44},{"ext":34,"url":1038,"hash":1039,"mime":37,"name":1040,"path":39,"size":1041,"width":256,"height":469,"provider_metadata":10215},{"public_id":1039,"resource_type":44},{"public_id":1043,"resource_type":44},{"__component":23,"id":822,"Text":1050},{"__component":141,"id":1052,"Size":39,"caption":39,"Image":10219},[10220],{"id":504,"name":1055,"alternativeText":29,"caption":29,"width":1056,"height":1057,"formats":10221,"hash":1085,"ext":34,"mime":37,"size":1086,"url":1087,"previewUrl":39,"provider":72,"provider_metadata":10230,"created_at":1089,"updated_at":1090},{"large":10222,"small":10224,"medium":10226,"thumbnail":10228},{"ext":34,"url":1060,"hash":1061,"mime":37,"name":1062,"path":39,"size":1063,"width":41,"height":1064,"provider_metadata":10223},{"public_id":1061,"resource_type":44},{"ext":34,"url":1067,"hash":1068,"mime":37,"name":1069,"path":39,"size":1070,"width":50,"height":1071,"provider_metadata":10225},{"public_id":1068,"resource_type":44},{"ext":34,"url":1074,"hash":1075,"mime":37,"name":1076,"path":39,"size":116,"width":58,"height":1077,"provider_metadata":10227},{"public_id":1075,"resource_type":44},{"ext":34,"url":1080,"hash":1081,"mime":37,"name":1082,"path":39,"size":1083,"width":740,"height":67,"provider_metadata":10229},{"public_id":1081,"resource_type":44},{"public_id":1085,"resource_type":44},{"__component":23,"id":1092,"Text":1093},{"__component":412,"id":1095,"Code":1096,"Type":415,"location":39,"language":39},{"__component":23,"id":1098,"Text":1099},{"__component":412,"id":1101,"Code":1102,"Type":415,"location":39,"language":39},{"__component":23,"id":1104,"Text":1105},{"__component":412,"id":1107,"Code":1108,"Type":415,"location":39,"language":39},{"__component":23,"id":1110,"Text":1111},{"__component":412,"id":1113,"Code":1114,"Type":415,"location":39,"language":39},{"__component":23,"id":1116,"Text":1117},{"__component":412,"id":1119,"Code":1120,"Type":415,"location":39,"language":39},{"__component":23,"id":1122,"Text":1123},{"__component":412,"id":1125,"Code":1126,"Type":415,"location":39,"language":39},{"__component":23,"id":1128,"Text":1129},{"__component":412,"id":1131,"Code":1132,"Type":422,"location":1133,"language":39},{"__component":23,"id":1135,"Text":1136},{"__component":412,"id":1138,"Code":1139,"Type":415,"location":39,"language":39},{"__component":23,"id":1141,"Text":1142},{"__component":141,"id":1144,"Size":39,"caption":39,"Image":10249},[10250],{"id":469,"name":1147,"alternativeText":29,"caption":29,"width":1148,"height":1149,"formats":10251,"hash":1177,"ext":34,"mime":37,"size":1178,"url":1179,"previewUrl":39,"provider":72,"provider_metadata":10260,"created_at":1181,"updated_at":1182},{"large":10252,"small":10254,"medium":10256,"thumbnail":10258},{"ext":34,"url":1152,"hash":1153,"mime":37,"name":1154,"path":39,"size":1155,"width":41,"height":1156,"provider_metadata":10253},{"public_id":1153,"resource_type":44},{"ext":34,"url":1159,"hash":1160,"mime":37,"name":1161,"path":39,"size":1162,"width":50,"height":717,"provider_metadata":10255},{"public_id":1160,"resource_type":44},{"ext":34,"url":1165,"hash":1166,"mime":37,"name":1167,"path":39,"size":1168,"width":58,"height":1169,"provider_metadata":10257},{"public_id":1166,"resource_type":44},{"ext":34,"url":1172,"hash":1173,"mime":37,"name":1174,"path":39,"size":1175,"width":256,"height":731,"provider_metadata":10259},{"public_id":1173,"resource_type":44},{"public_id":1177,"resource_type":44},{"__component":23,"id":1184,"Text":1185},{"__component":412,"id":1187,"Code":1188,"Type":1189,"location":39,"language":39},{"__component":23,"id":1191,"Text":1192},{"__component":141,"id":1194,"Size":608,"caption":39,"Image":10265},[10266],{"id":451,"name":1197,"alternativeText":29,"caption":29,"width":417,"height":653,"formats":39,"hash":1198,"ext":34,"mime":37,"size":1199,"url":1200,"previewUrl":39,"provider":72,"provider_metadata":10267,"created_at":1202,"updated_at":1203},{"public_id":1198,"resource_type":44},{"__component":23,"id":1205,"Text":1206},{"__component":412,"id":1208,"Code":1209,"Type":422,"location":39,"language":39},{"__component":23,"id":1211,"Text":1212},{"__component":412,"id":1214,"Code":1215,"Type":422,"location":39,"language":39},{"__component":23,"id":1217,"Text":1218},{"__component":412,"id":641,"Code":1220,"Type":1189,"location":39,"language":39},{"__component":23,"id":1222,"Text":1223},{"__component":141,"id":1225,"Size":39,"caption":39,"Image":10276},[10277],{"id":457,"name":1228,"alternativeText":29,"caption":29,"width":1229,"height":1230,"formats":10278,"hash":1259,"ext":34,"mime":37,"size":1260,"url":1261,"previewUrl":39,"provider":72,"provider_metadata":10287,"created_at":1263,"updated_at":1264},{"large":10279,"small":10281,"medium":10283,"thumbnail":10285},{"ext":34,"url":1233,"hash":1234,"mime":37,"name":1235,"path":39,"size":1236,"width":41,"height":1237,"provider_metadata":10280},{"public_id":1234,"resource_type":44},{"ext":34,"url":1240,"hash":1241,"mime":37,"name":1242,"path":39,"size":1243,"width":50,"height":1244,"provider_metadata":10282},{"public_id":1241,"resource_type":44},{"ext":34,"url":1247,"hash":1248,"mime":37,"name":1249,"path":39,"size":1250,"width":58,"height":288,"provider_metadata":10284},{"public_id":1248,"resource_type":44},{"ext":34,"url":1253,"hash":1254,"mime":37,"name":1255,"path":39,"size":1256,"width":256,"height":1257,"provider_metadata":10286},{"public_id":1254,"resource_type":44},{"public_id":1259,"resource_type":44},{"__component":23,"id":1266,"Text":1267},{"__component":269,"id":1269,"title":271,"blog_series":39,"post_link":10290},[10291,10292,10293,10294],{"id":1272,"title":391,"slug":392,"description":393,"blog_series":39},{"id":1274,"title":396,"slug":378,"description":397,"blog_series":39},{"id":1276,"title":400,"slug":401,"description":402,"blog_series":39},{"id":1278,"title":405,"slug":406,"description":407,"blog_series":39},{"id":1280,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":10296,"hash":1297,"ext":34,"mime":37,"size":1298,"url":1299,"previewUrl":39,"provider":72,"provider_metadata":10303,"created_at":1301,"updated_at":1301},{"small":10297,"medium":10299,"thumbnail":10301},{"ext":34,"url":1283,"hash":1284,"mime":37,"name":529,"path":39,"size":1285,"width":50,"height":311,"provider_metadata":10298},{"public_id":1284,"resource_type":44},{"ext":34,"url":1288,"hash":1289,"mime":37,"name":535,"path":39,"size":1290,"width":58,"height":537,"provider_metadata":10300},{"public_id":1289,"resource_type":44},{"ext":34,"url":1293,"hash":1294,"mime":37,"name":542,"path":39,"size":1295,"width":544,"height":67,"provider_metadata":10302},{"public_id":1294,"resource_type":44},{"public_id":1297,"resource_type":44},{"id":1426,"Title":3012,"user":336,"Summary":3025,"created_at":3026,"updated_at":3027,"slug":3028,"published_at":3026,"release_date":3029,"Layout":381,"Content":10305,"Feature":10469},[10306,10307,10308,10309,10322,10323,10336,10337,10350,10351,10364,10365,10378,10379,10392,10393,10406,10407,10420,10421,10432,10433,10434,10435,10436,10437,10438,10439,10440,10441,10442,10443,10444,10445,10446,10447,10448,10449,10450,10451,10460,10461,10462,10463,10464,10465,10466,10467,10468],{"__component":23,"id":1846,"Text":3032},{"__component":412,"id":1374,"Code":3034,"Type":415,"location":39,"language":39},{"__component":23,"id":1851,"Text":3036},{"__component":141,"id":2630,"Size":39,"caption":39,"Image":10310},[10311],{"id":1628,"name":3040,"alternativeText":29,"caption":29,"width":3041,"height":3042,"formats":10312,"hash":3070,"ext":34,"mime":37,"size":3071,"url":3072,"previewUrl":39,"provider":72,"provider_metadata":10321,"created_at":3074,"updated_at":3075},{"large":10313,"small":10315,"medium":10317,"thumbnail":10319},{"ext":34,"url":3045,"hash":3046,"mime":37,"name":3047,"path":39,"size":3048,"width":41,"height":3049,"provider_metadata":10314},{"public_id":3046,"resource_type":44},{"ext":34,"url":3052,"hash":3053,"mime":37,"name":3054,"path":39,"size":3055,"width":50,"height":1135,"provider_metadata":10316},{"public_id":3053,"resource_type":44},{"ext":34,"url":3058,"hash":3059,"mime":37,"name":3060,"path":39,"size":3061,"width":58,"height":3062,"provider_metadata":10318},{"public_id":3059,"resource_type":44},{"ext":34,"url":3065,"hash":3066,"mime":37,"name":3067,"path":39,"size":3068,"width":256,"height":1138,"provider_metadata":10320},{"public_id":3066,"resource_type":44},{"public_id":3070,"resource_type":44},{"__component":23,"id":1790,"Text":3077},{"__component":141,"id":1642,"Size":39,"caption":39,"Image":10324},[10325],{"id":1574,"name":3081,"alternativeText":29,"caption":29,"width":3082,"height":3083,"formats":10326,"hash":3111,"ext":34,"mime":37,"size":3112,"url":3113,"previewUrl":39,"provider":72,"provider_metadata":10335,"created_at":3115,"updated_at":3116},{"large":10327,"small":10329,"medium":10331,"thumbnail":10333},{"ext":34,"url":3086,"hash":3087,"mime":37,"name":3088,"path":39,"size":3089,"width":41,"height":3090,"provider_metadata":10328},{"public_id":3087,"resource_type":44},{"ext":34,"url":3093,"hash":3094,"mime":37,"name":3095,"path":39,"size":3096,"width":50,"height":51,"provider_metadata":10330},{"public_id":3094,"resource_type":44},{"ext":34,"url":3099,"hash":3100,"mime":37,"name":3101,"path":39,"size":3102,"width":58,"height":3103,"provider_metadata":10332},{"public_id":3100,"resource_type":44},{"ext":34,"url":3106,"hash":3107,"mime":37,"name":3108,"path":39,"size":3109,"width":66,"height":67,"provider_metadata":10334},{"public_id":3107,"resource_type":44},{"public_id":3111,"resource_type":44},{"__component":23,"id":1628,"Text":3118},{"__component":141,"id":2639,"Size":39,"caption":39,"Image":10338},[10339],{"id":1611,"name":3122,"alternativeText":29,"caption":29,"width":3123,"height":3124,"formats":10340,"hash":3151,"ext":34,"mime":37,"size":3152,"url":3153,"previewUrl":39,"provider":72,"provider_metadata":10349,"created_at":3155,"updated_at":3156},{"large":10341,"small":10343,"medium":10345,"thumbnail":10347},{"ext":34,"url":3127,"hash":3128,"mime":37,"name":3129,"path":39,"size":3130,"width":41,"height":3131,"provider_metadata":10342},{"public_id":3128,"resource_type":44},{"ext":34,"url":3134,"hash":3135,"mime":37,"name":3136,"path":39,"size":3137,"width":50,"height":3138,"provider_metadata":10344},{"public_id":3135,"resource_type":44},{"ext":34,"url":3141,"hash":3142,"mime":37,"name":3143,"path":39,"size":3144,"width":58,"height":1769,"provider_metadata":10346},{"public_id":3142,"resource_type":44},{"ext":34,"url":3147,"hash":3148,"mime":37,"name":3149,"path":39,"size":730,"width":256,"height":1912,"provider_metadata":10348},{"public_id":3148,"resource_type":44},{"public_id":3151,"resource_type":44},{"__component":23,"id":1574,"Text":3158},{"__component":141,"id":2644,"Size":39,"caption":39,"Image":10352},[10353],{"id":283,"name":3162,"alternativeText":29,"caption":29,"width":3163,"height":3164,"formats":10354,"hash":3190,"ext":34,"mime":37,"size":3191,"url":3192,"previewUrl":39,"provider":72,"provider_metadata":10363,"created_at":3194,"updated_at":3195},{"large":10355,"small":10357,"medium":10359,"thumbnail":10361},{"ext":34,"url":3167,"hash":3168,"mime":37,"name":3169,"path":39,"size":3170,"width":41,"height":2148,"provider_metadata":10356},{"public_id":3168,"resource_type":44},{"ext":34,"url":3173,"hash":3174,"mime":37,"name":3175,"path":39,"size":3176,"width":50,"height":1110,"provider_metadata":10358},{"public_id":3174,"resource_type":44},{"ext":34,"url":3179,"hash":3180,"mime":37,"name":3181,"path":39,"size":3182,"width":58,"height":2246,"provider_metadata":10360},{"public_id":3180,"resource_type":44},{"ext":34,"url":3185,"hash":3186,"mime":37,"name":3187,"path":39,"size":3188,"width":256,"height":1125,"provider_metadata":10362},{"public_id":3186,"resource_type":44},{"public_id":3190,"resource_type":44},{"__component":23,"id":1611,"Text":3197},{"__component":141,"id":2649,"Size":39,"caption":39,"Image":10366},[10367],{"id":1331,"name":3201,"alternativeText":29,"caption":29,"width":3202,"height":3203,"formats":10368,"hash":3232,"ext":34,"mime":37,"size":3233,"url":3234,"previewUrl":39,"provider":72,"provider_metadata":10377,"created_at":3236,"updated_at":3237},{"large":10369,"small":10371,"medium":10373,"thumbnail":10375},{"ext":34,"url":3206,"hash":3207,"mime":37,"name":3208,"path":39,"size":3209,"width":41,"height":3210,"provider_metadata":10370},{"public_id":3207,"resource_type":44},{"ext":34,"url":3213,"hash":3214,"mime":37,"name":3215,"path":39,"size":3216,"width":50,"height":3217,"provider_metadata":10372},{"public_id":3214,"resource_type":44},{"ext":34,"url":3220,"hash":3221,"mime":37,"name":3222,"path":39,"size":3223,"width":58,"height":3224,"provider_metadata":10374},{"public_id":3221,"resource_type":44},{"ext":34,"url":3227,"hash":3228,"mime":37,"name":3229,"path":39,"size":3230,"width":256,"height":957,"provider_metadata":10376},{"public_id":3228,"resource_type":44},{"public_id":3232,"resource_type":44},{"__component":23,"id":283,"Text":3239},{"__component":141,"id":5,"Size":39,"caption":39,"Image":10380},[10381],{"id":607,"name":3243,"alternativeText":29,"caption":29,"width":3041,"height":3244,"formats":10382,"hash":3273,"ext":34,"mime":37,"size":3274,"url":3275,"previewUrl":39,"provider":72,"provider_metadata":10391,"created_at":3277,"updated_at":3278},{"large":10383,"small":10385,"medium":10387,"thumbnail":10389},{"ext":34,"url":3247,"hash":3248,"mime":37,"name":3249,"path":39,"size":3250,"width":41,"height":3251,"provider_metadata":10384},{"public_id":3248,"resource_type":44},{"ext":34,"url":3254,"hash":3255,"mime":37,"name":3256,"path":39,"size":3257,"width":50,"height":3258,"provider_metadata":10386},{"public_id":3255,"resource_type":44},{"ext":34,"url":3261,"hash":3262,"mime":37,"name":3263,"path":39,"size":3264,"width":58,"height":3265,"provider_metadata":10388},{"public_id":3262,"resource_type":44},{"ext":34,"url":3268,"hash":3269,"mime":37,"name":3270,"path":39,"size":3271,"width":256,"height":2068,"provider_metadata":10390},{"public_id":3269,"resource_type":44},{"public_id":3273,"resource_type":44},{"__component":23,"id":1331,"Text":3280},{"__component":141,"id":2700,"Size":39,"caption":39,"Image":10394},[10395],{"id":653,"name":3284,"alternativeText":29,"caption":29,"width":3285,"height":3286,"formats":10396,"hash":3313,"ext":34,"mime":37,"size":3314,"url":3315,"previewUrl":39,"provider":72,"provider_metadata":10405,"created_at":3317,"updated_at":3318},{"large":10397,"small":10399,"medium":10401,"thumbnail":10403},{"ext":34,"url":3289,"hash":3290,"mime":37,"name":3291,"path":39,"size":3292,"width":41,"height":1949,"provider_metadata":10398},{"public_id":3290,"resource_type":44},{"ext":34,"url":3295,"hash":3296,"mime":37,"name":3297,"path":39,"size":3298,"width":50,"height":3299,"provider_metadata":10400},{"public_id":3296,"resource_type":44},{"ext":34,"url":3302,"hash":3303,"mime":37,"name":3304,"path":39,"size":3305,"width":58,"height":3306,"provider_metadata":10402},{"public_id":3303,"resource_type":44},{"ext":34,"url":3309,"hash":3310,"mime":37,"name":3311,"path":39,"size":1634,"width":256,"height":413,"provider_metadata":10404},{"public_id":3310,"resource_type":44},{"public_id":3313,"resource_type":44},{"__component":23,"id":1392,"Text":3320},{"__component":141,"id":2705,"Size":39,"caption":39,"Image":10408},[10409],{"id":697,"name":3324,"alternativeText":29,"caption":29,"width":3325,"height":2865,"formats":10410,"hash":3350,"ext":34,"mime":37,"size":3351,"url":3352,"previewUrl":39,"provider":72,"provider_metadata":10419,"created_at":3354,"updated_at":3355},{"large":10411,"small":10413,"medium":10415,"thumbnail":10417},{"ext":34,"url":3328,"hash":3329,"mime":37,"name":3330,"path":39,"size":3331,"width":41,"height":448,"provider_metadata":10412},{"public_id":3329,"resource_type":44},{"ext":34,"url":3334,"hash":3335,"mime":37,"name":3336,"path":39,"size":3337,"width":50,"height":463,"provider_metadata":10414},{"public_id":3335,"resource_type":44},{"ext":34,"url":3340,"hash":3341,"mime":37,"name":3342,"path":39,"size":1440,"width":58,"height":1728,"provider_metadata":10416},{"public_id":3341,"resource_type":44},{"ext":34,"url":3345,"hash":3346,"mime":37,"name":3347,"path":39,"size":3348,"width":256,"height":1851,"provider_metadata":10418},{"public_id":3346,"resource_type":44},{"public_id":3350,"resource_type":44},{"__component":23,"id":607,"Text":3357},{"__component":141,"id":2710,"Size":39,"caption":39,"Image":10422},[10423],{"id":743,"name":3361,"alternativeText":29,"caption":29,"width":3362,"height":3363,"formats":10424,"hash":3385,"ext":34,"mime":37,"size":3386,"url":3387,"previewUrl":39,"provider":72,"provider_metadata":10431,"created_at":3389,"updated_at":3390},{"small":10425,"medium":10427,"thumbnail":10429},{"ext":34,"url":3366,"hash":3367,"mime":37,"name":3368,"path":39,"size":3369,"width":50,"height":3370,"provider_metadata":10426},{"public_id":3367,"resource_type":44},{"ext":34,"url":3373,"hash":3374,"mime":37,"name":3375,"path":39,"size":3376,"width":58,"height":3377,"provider_metadata":10428},{"public_id":3374,"resource_type":44},{"ext":34,"url":3380,"hash":3381,"mime":37,"name":3382,"path":39,"size":3383,"width":1389,"height":67,"provider_metadata":10430},{"public_id":3381,"resource_type":44},{"public_id":3385,"resource_type":44},{"__component":23,"id":653,"Text":3392},{"__component":412,"id":1426,"Code":3394,"Type":415,"location":39,"language":39},{"__component":23,"id":697,"Text":3396},{"__component":412,"id":1440,"Code":3398,"Type":415,"location":39,"language":39},{"__component":23,"id":743,"Text":3400},{"__component":412,"id":1454,"Code":3402,"Type":415,"location":39,"language":39},{"__component":23,"id":789,"Text":3404},{"__component":412,"id":1468,"Code":3406,"Type":422,"location":39,"language":39},{"__component":23,"id":834,"Text":3408},{"__component":412,"id":1482,"Code":3410,"Type":422,"location":39,"language":39},{"__component":23,"id":879,"Text":3412},{"__component":412,"id":1760,"Code":3414,"Type":422,"location":39,"language":39},{"__component":23,"id":1681,"Text":3416},{"__component":412,"id":558,"Code":3418,"Type":422,"location":39,"language":39},{"__component":23,"id":924,"Text":3420},{"__component":412,"id":569,"Code":3422,"Type":422,"location":39,"language":39},{"__component":23,"id":969,"Text":3424},{"__component":412,"id":1520,"Code":3426,"Type":1189,"location":39,"language":39},{"__component":23,"id":1011,"Text":3428},{"__component":141,"id":2757,"Size":39,"caption":39,"Image":10452},[10453],{"id":789,"name":3432,"alternativeText":29,"caption":29,"width":3433,"height":3434,"formats":10454,"hash":3450,"ext":3437,"mime":100,"size":3451,"url":3452,"previewUrl":39,"provider":72,"provider_metadata":10459,"created_at":3454,"updated_at":3455},{"small":10455,"thumbnail":10457},{"ext":3437,"url":3438,"hash":3439,"mime":100,"name":3440,"path":39,"size":3441,"width":3442,"height":50,"provider_metadata":10456},{"public_id":3439,"resource_type":44},{"ext":3437,"url":3445,"hash":3446,"mime":100,"name":3447,"path":39,"size":3448,"width":1925,"height":67,"provider_metadata":10458},{"public_id":3446,"resource_type":44},{"public_id":3450,"resource_type":44},{"__component":23,"id":1052,"Text":3457},{"__component":412,"id":2174,"Code":3459,"Type":422,"location":39,"language":39},{"__component":23,"id":1144,"Text":3461},{"__component":412,"id":333,"Code":3463,"Type":422,"location":39,"language":39},{"__component":23,"id":1194,"Text":3465},{"__component":412,"id":78,"Code":3467,"Type":1189,"location":39,"language":39},{"__component":23,"id":1225,"Text":3469},{"__component":412,"id":3471,"Code":3472,"Type":422,"location":39,"language":39},{"__component":23,"id":1675,"Text":3474},{"id":1817,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":10470,"hash":3492,"ext":34,"mime":37,"size":3493,"url":3494,"previewUrl":39,"provider":72,"provider_metadata":10477,"created_at":3496,"updated_at":3496},{"small":10471,"medium":10473,"thumbnail":10475},{"ext":34,"url":3478,"hash":3479,"mime":37,"name":302,"path":39,"size":3480,"width":50,"height":311,"provider_metadata":10472},{"public_id":3479,"resource_type":44},{"ext":34,"url":3483,"hash":3484,"mime":37,"name":309,"path":39,"size":3485,"width":58,"height":537,"provider_metadata":10474},{"public_id":3484,"resource_type":44},{"ext":34,"url":3488,"hash":3489,"mime":37,"name":316,"path":39,"size":3490,"width":544,"height":67,"provider_metadata":10476},{"public_id":3489,"resource_type":44},{"public_id":3492,"resource_type":44},{"id":333,"Title":334,"user":336,"Summary":375,"created_at":376,"updated_at":377,"slug":378,"published_at":379,"release_date":380,"Layout":381,"Content":10479,"Feature":10524},[10480,10481,10487,10488,10489,10490,10491,10492,10493,10494,10495,10496,10497,10498,10499,10500,10501,10502,10503,10504,10505,10506,10507,10508,10509,10510,10511,10512,10513,10514,10515,10516,10517,10518,10519,10520,10521,10522,10523],{"__component":23,"id":384,"Text":385},{"__component":269,"id":387,"title":271,"blog_series":39,"post_link":10482},[10483,10484,10485,10486],{"id":390,"title":391,"slug":392,"description":393,"blog_series":39},{"id":395,"title":396,"slug":378,"description":397,"blog_series":39},{"id":399,"title":400,"slug":401,"description":402,"blog_series":39},{"id":404,"title":405,"slug":406,"description":407,"blog_series":39},{"__component":23,"id":409,"Text":410},{"__component":412,"id":413,"Code":414,"Type":415,"location":39,"language":39},{"__component":23,"id":417,"Text":418},{"__component":412,"id":420,"Code":421,"Type":422,"location":39,"language":39},{"__component":23,"id":424,"Text":425},{"__component":412,"id":427,"Code":428,"Type":422,"location":39,"language":39},{"__component":23,"id":430,"Text":431},{"__component":412,"id":433,"Code":434,"Type":422,"location":39,"language":39},{"__component":23,"id":436,"Text":437},{"__component":412,"id":439,"Code":440,"Type":422,"location":39,"language":39},{"__component":23,"id":442,"Text":443},{"__component":412,"id":445,"Code":446,"Type":422,"location":39,"language":39},{"__component":23,"id":448,"Text":449},{"__component":412,"id":451,"Code":452,"Type":422,"location":39,"language":39},{"__component":23,"id":454,"Text":455},{"__component":412,"id":457,"Code":458,"Type":422,"location":39,"language":39},{"__component":23,"id":460,"Text":461},{"__component":412,"id":463,"Code":464,"Type":422,"location":39,"language":39},{"__component":23,"id":466,"Text":467},{"__component":412,"id":469,"Code":470,"Type":422,"location":39,"language":39},{"__component":23,"id":472,"Text":473},{"__component":412,"id":475,"Code":476,"Type":422,"location":39,"language":39},{"__component":23,"id":478,"Text":479},{"__component":412,"id":481,"Code":482,"Type":422,"location":39,"language":39},{"__component":23,"id":484,"Text":485},{"__component":412,"id":487,"Code":488,"Type":422,"location":39,"language":39},{"__component":23,"id":490,"Text":491},{"__component":412,"id":493,"Code":494,"Type":422,"location":39,"language":39},{"__component":23,"id":496,"Text":497},{"__component":412,"id":499,"Code":500,"Type":422,"location":39,"language":39},{"__component":23,"id":223,"Text":502},{"__component":412,"id":504,"Code":505,"Type":422,"location":39,"language":39},{"__component":23,"id":507,"Text":508},{"__component":412,"id":368,"Code":510,"Type":422,"location":39,"language":39},{"__component":23,"id":512,"Text":513},{"__component":412,"id":515,"Code":516,"Type":422,"location":39,"language":39},{"__component":23,"id":518,"Text":519},{"id":521,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":10525,"hash":546,"ext":34,"mime":37,"size":547,"url":548,"previewUrl":39,"provider":72,"provider_metadata":10532,"created_at":550,"updated_at":550},{"small":10526,"medium":10528,"thumbnail":10530},{"ext":34,"url":527,"hash":528,"mime":37,"name":529,"path":39,"size":530,"width":50,"height":311,"provider_metadata":10527},{"public_id":528,"resource_type":44},{"ext":34,"url":533,"hash":534,"mime":37,"name":535,"path":39,"size":536,"width":58,"height":537,"provider_metadata":10529},{"public_id":534,"resource_type":44},{"ext":34,"url":540,"hash":541,"mime":37,"name":542,"path":39,"size":543,"width":544,"height":67,"provider_metadata":10531},{"public_id":541,"resource_type":44},{"public_id":546,"resource_type":44},{"id":2584,"Title":7938,"user":336,"Summary":7951,"created_at":7952,"updated_at":7953,"slug":406,"published_at":7954,"release_date":7955,"Layout":381,"Content":10534,"Feature":10594},[10535,10536,10542,10543,10544,10545,10558,10559,10560,10561,10562,10563,10564,10565,10566,10567,10580,10593],{"__component":23,"id":1244,"Text":7958},{"__component":269,"id":2757,"title":271,"blog_series":39,"post_link":10537},[10538,10539,10540,10541],{"id":2715,"title":391,"slug":7962,"description":393,"blog_series":39},{"id":2782,"title":396,"slug":378,"description":397,"blog_series":39},{"id":2787,"title":400,"slug":401,"description":402,"blog_series":39},{"id":1599,"title":405,"slug":406,"description":407,"blog_series":39},{"__component":23,"id":2677,"Text":7967},{"__component":412,"id":1907,"Code":421,"Type":1189,"location":7969,"language":39},{"__component":23,"id":7971,"Text":7972},{"__component":141,"id":1095,"Size":4089,"caption":7974,"Image":10546},[10547],{"id":257,"name":7977,"alternativeText":29,"caption":29,"width":7978,"height":7979,"formats":10548,"hash":8006,"ext":34,"mime":37,"size":8007,"url":8008,"previewUrl":39,"provider":72,"provider_metadata":10557,"created_at":8010,"updated_at":8011},{"large":10549,"small":10551,"medium":10553,"thumbnail":10555},{"ext":34,"url":7982,"hash":7983,"mime":37,"name":7984,"path":39,"size":7985,"width":41,"height":7986,"provider_metadata":10550},{"public_id":7983,"resource_type":44},{"ext":34,"url":7989,"hash":7990,"mime":37,"name":7991,"path":39,"size":7992,"width":50,"height":384,"provider_metadata":10552},{"public_id":7990,"resource_type":44},{"ext":34,"url":7995,"hash":7996,"mime":37,"name":7997,"path":39,"size":7998,"width":58,"height":3718,"provider_metadata":10554},{"public_id":7996,"resource_type":44},{"ext":34,"url":8001,"hash":8002,"mime":37,"name":8003,"path":39,"size":8004,"width":256,"height":1907,"provider_metadata":10556},{"public_id":8002,"resource_type":44},{"public_id":8006,"resource_type":44},{"__component":23,"id":8013,"Text":8014},{"__component":412,"id":1912,"Code":8016,"Type":1189,"location":8017,"language":39},{"__component":23,"id":8019,"Text":8020},{"__component":412,"id":957,"Code":8022,"Type":1189,"location":8023,"language":39},{"__component":23,"id":717,"Text":8025},{"__component":412,"id":777,"Code":8027,"Type":1189,"location":8028,"language":39},{"__component":23,"id":8030,"Text":8031},{"__component":412,"id":1925,"Code":8033,"Type":1670,"location":8034,"language":39},{"__component":23,"id":1810,"Text":8036},{"__component":141,"id":1101,"Size":4089,"caption":8038,"Image":10568},[10569],{"id":2145,"name":8041,"alternativeText":29,"caption":29,"width":8042,"height":2426,"formats":10570,"hash":8069,"ext":34,"mime":37,"size":8070,"url":8071,"previewUrl":39,"provider":72,"provider_metadata":10579,"created_at":8073,"updated_at":8074},{"large":10571,"small":10573,"medium":10575,"thumbnail":10577},{"ext":34,"url":8045,"hash":8046,"mime":37,"name":8047,"path":39,"size":8048,"width":41,"height":8049,"provider_metadata":10572},{"public_id":8046,"resource_type":44},{"ext":34,"url":8052,"hash":8053,"mime":37,"name":8054,"path":39,"size":8055,"width":50,"height":266,"provider_metadata":10574},{"public_id":8053,"resource_type":44},{"ext":34,"url":8058,"hash":8059,"mime":37,"name":8060,"path":39,"size":8061,"width":58,"height":6939,"provider_metadata":10576},{"public_id":8059,"resource_type":44},{"ext":34,"url":8064,"hash":8065,"mime":37,"name":8066,"path":39,"size":8067,"width":256,"height":499,"provider_metadata":10578},{"public_id":8065,"resource_type":44},{"public_id":8069,"resource_type":44},{"__component":141,"id":1107,"Size":4089,"caption":8076,"Image":10581},[10582],{"id":2101,"name":8079,"alternativeText":29,"caption":29,"width":1335,"height":8080,"formats":10583,"hash":8106,"ext":34,"mime":37,"size":8107,"url":8108,"previewUrl":39,"provider":72,"provider_metadata":10592,"created_at":8110,"updated_at":8111},{"large":10584,"small":10586,"medium":10588,"thumbnail":10590},{"ext":34,"url":8083,"hash":8084,"mime":37,"name":8085,"path":39,"size":8086,"width":41,"height":3718,"provider_metadata":10585},{"public_id":8084,"resource_type":44},{"ext":34,"url":8089,"hash":8090,"mime":37,"name":8091,"path":39,"size":8092,"width":50,"height":1135,"provider_metadata":10587},{"public_id":8090,"resource_type":44},{"ext":34,"url":8095,"hash":8096,"mime":37,"name":8097,"path":39,"size":8098,"width":58,"height":7473,"provider_metadata":10589},{"public_id":8096,"resource_type":44},{"ext":34,"url":8101,"hash":8102,"mime":37,"name":8103,"path":39,"size":8104,"width":256,"height":1131,"provider_metadata":10591},{"public_id":8102,"resource_type":44},{"public_id":8106,"resource_type":44},{"__component":23,"id":5865,"Text":8113},{"id":4202,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":10595,"hash":8131,"ext":34,"mime":37,"size":8132,"url":8133,"previewUrl":39,"provider":72,"provider_metadata":10602,"created_at":8135,"updated_at":8135},{"small":10596,"medium":10598,"thumbnail":10600},{"ext":34,"url":8117,"hash":8118,"mime":37,"name":302,"path":39,"size":8119,"width":50,"height":311,"provider_metadata":10597},{"public_id":8118,"resource_type":44},{"ext":34,"url":8122,"hash":8123,"mime":37,"name":309,"path":39,"size":8124,"width":58,"height":537,"provider_metadata":10599},{"public_id":8123,"resource_type":44},{"ext":34,"url":8127,"hash":8128,"mime":37,"name":316,"path":39,"size":8129,"width":544,"height":67,"provider_metadata":10601},{"public_id":8128,"resource_type":44},{"public_id":8131,"resource_type":44},{"id":1440,"Title":2483,"user":87,"Summary":2490,"created_at":2491,"updated_at":2492,"slug":2493,"published_at":2491,"release_date":2494,"Layout":381,"Content":10604,"Feature":10786},[10605,10606,10619,10620,10633,10634,10635,10636,10637,10638,10651,10652,10653,10654,10655,10656,10657,10658,10659,10660,10661,10662,10663,10664,10677,10678,10679,10680,10681,10682,10683,10684,10697,10698,10699,10700,10701,10702,10703,10704,10705,10706,10707,10708,10709,10710,10711,10712,10713,10714,10715,10716,10717,10718,10719,10720,10721,10722,10723,10724,10737,10738,10751,10752,10753,10754,10755,10756,10757,10758,10771,10772,10785],{"__component":23,"id":91,"Text":2497},{"__component":141,"id":387,"Size":39,"caption":39,"Image":10607},[10608],{"id":834,"name":2501,"alternativeText":29,"caption":29,"width":2502,"height":2503,"formats":10609,"hash":2530,"ext":34,"mime":37,"size":2531,"url":2532,"previewUrl":39,"provider":72,"provider_metadata":10618,"created_at":2534,"updated_at":2535},{"large":10610,"small":10612,"medium":10614,"thumbnail":10616},{"ext":34,"url":2506,"hash":2507,"mime":37,"name":2508,"path":39,"size":2509,"width":41,"height":2510,"provider_metadata":10611},{"public_id":2507,"resource_type":44},{"ext":34,"url":2513,"hash":2514,"mime":37,"name":2515,"path":39,"size":2516,"width":50,"height":2123,"provider_metadata":10613},{"public_id":2514,"resource_type":44},{"ext":34,"url":2519,"hash":2520,"mime":37,"name":2521,"path":39,"size":2522,"width":58,"height":1343,"provider_metadata":10615},{"public_id":2520,"resource_type":44},{"ext":34,"url":2525,"hash":2526,"mime":37,"name":2527,"path":39,"size":2528,"width":1266,"height":67,"provider_metadata":10617},{"public_id":2526,"resource_type":44},{"public_id":2530,"resource_type":44},{"__component":23,"id":1693,"Text":2537},{"__component":141,"id":1269,"Size":39,"caption":39,"Image":10621},[10622],{"id":879,"name":2541,"alternativeText":29,"caption":29,"width":2542,"height":2543,"formats":10623,"hash":2571,"ext":34,"mime":37,"size":2572,"url":2573,"previewUrl":39,"provider":72,"provider_metadata":10632,"created_at":2575,"updated_at":2576},{"large":10624,"small":10626,"medium":10628,"thumbnail":10630},{"ext":34,"url":2546,"hash":2547,"mime":37,"name":2548,"path":39,"size":2549,"width":41,"height":2550,"provider_metadata":10625},{"public_id":2547,"resource_type":44},{"ext":34,"url":2553,"hash":2554,"mime":37,"name":2555,"path":39,"size":2556,"width":50,"height":1217,"provider_metadata":10627},{"public_id":2554,"resource_type":44},{"ext":34,"url":2559,"hash":2560,"mime":37,"name":2561,"path":39,"size":2562,"width":58,"height":2563,"provider_metadata":10629},{"public_id":2560,"resource_type":44},{"ext":34,"url":2566,"hash":2567,"mime":37,"name":2568,"path":39,"size":2569,"width":256,"height":1208,"provider_metadata":10631},{"public_id":2567,"resource_type":44},{"public_id":2571,"resource_type":44},{"__component":23,"id":1699,"Text":2578},{"__component":412,"id":342,"Code":2580,"Type":422,"location":39,"language":39},{"__component":23,"id":142,"Text":2582},{"__component":412,"id":2584,"Code":2585,"Type":422,"location":39,"language":39},{"__component":23,"id":189,"Text":2587},{"__component":141,"id":2589,"Size":39,"caption":39,"Image":10639},[10640],{"id":924,"name":2592,"alternativeText":29,"caption":29,"width":2593,"height":2594,"formats":10641,"hash":2621,"ext":34,"mime":37,"size":2622,"url":2623,"previewUrl":39,"provider":72,"provider_metadata":10650,"created_at":2625,"updated_at":2626},{"large":10642,"small":10644,"medium":10646,"thumbnail":10648},{"ext":34,"url":2597,"hash":2598,"mime":37,"name":2599,"path":39,"size":2600,"width":41,"height":2253,"provider_metadata":10643},{"public_id":2598,"resource_type":44},{"ext":34,"url":2603,"hash":2604,"mime":37,"name":2605,"path":39,"size":2606,"width":50,"height":409,"provider_metadata":10645},{"public_id":2604,"resource_type":44},{"ext":34,"url":2609,"hash":2610,"mime":37,"name":2611,"path":39,"size":2612,"width":58,"height":2613,"provider_metadata":10647},{"public_id":2610,"resource_type":44},{"ext":34,"url":2616,"hash":2617,"mime":37,"name":2618,"path":39,"size":2619,"width":256,"height":439,"provider_metadata":10649},{"public_id":2617,"resource_type":44},{"public_id":2621,"resource_type":44},{"__component":23,"id":235,"Text":2628},{"__component":412,"id":2630,"Code":2631,"Type":1670,"location":39,"language":39},{"__component":23,"id":1635,"Text":2633},{"__component":412,"id":1642,"Code":2635,"Type":1189,"location":39,"language":39},{"__component":23,"id":1725,"Text":2637},{"__component":412,"id":2639,"Code":2640,"Type":422,"location":39,"language":39},{"__component":23,"id":1663,"Text":2642},{"__component":412,"id":2644,"Code":2645,"Type":1189,"location":39,"language":39},{"__component":23,"id":1976,"Text":2647},{"__component":412,"id":2649,"Code":2650,"Type":1189,"location":39,"language":39},{"__component":23,"id":595,"Text":2652},{"__component":412,"id":5,"Code":2654,"Type":1189,"location":39,"language":39},{"__component":23,"id":601,"Text":2656},{"__component":141,"id":2658,"Size":39,"caption":39,"Image":10665},[10666],{"id":969,"name":2661,"alternativeText":29,"caption":29,"width":2662,"height":2663,"formats":10667,"hash":2691,"ext":34,"mime":37,"size":2692,"url":2693,"previewUrl":39,"provider":72,"provider_metadata":10676,"created_at":2695,"updated_at":2696},{"large":10668,"small":10670,"medium":10672,"thumbnail":10674},{"ext":34,"url":2666,"hash":2667,"mime":37,"name":2668,"path":39,"size":2669,"width":41,"height":2670,"provider_metadata":10669},{"public_id":2667,"resource_type":44},{"ext":34,"url":2673,"hash":2674,"mime":37,"name":2675,"path":39,"size":2676,"width":50,"height":2677,"provider_metadata":10671},{"public_id":2674,"resource_type":44},{"ext":34,"url":2680,"hash":2681,"mime":37,"name":2682,"path":39,"size":2683,"width":58,"height":521,"provider_metadata":10673},{"public_id":2681,"resource_type":44},{"ext":34,"url":2686,"hash":2687,"mime":37,"name":2688,"path":39,"size":2689,"width":256,"height":1257,"provider_metadata":10675},{"public_id":2687,"resource_type":44},{"public_id":2691,"resource_type":44},{"__component":23,"id":1095,"Text":2698},{"__component":412,"id":2700,"Code":2701,"Type":1189,"location":39,"language":39},{"__component":23,"id":1101,"Text":2703},{"__component":412,"id":2705,"Code":2706,"Type":415,"location":39,"language":39},{"__component":23,"id":1107,"Text":2708},{"__component":412,"id":2710,"Code":2711,"Type":415,"location":39,"language":39},{"__component":23,"id":1113,"Text":2713},{"__component":141,"id":2715,"Size":39,"caption":39,"Image":10685},[10686],{"id":1011,"name":2718,"alternativeText":29,"caption":29,"width":2719,"height":2720,"formats":10687,"hash":2748,"ext":34,"mime":37,"size":2749,"url":2750,"previewUrl":39,"provider":72,"provider_metadata":10696,"created_at":2752,"updated_at":2753},{"large":10688,"small":10690,"medium":10692,"thumbnail":10694},{"ext":34,"url":2723,"hash":2724,"mime":37,"name":2725,"path":39,"size":2726,"width":41,"height":2727,"provider_metadata":10689},{"public_id":2724,"resource_type":44},{"ext":34,"url":2730,"hash":2731,"mime":37,"name":2732,"path":39,"size":2733,"width":50,"height":1690,"provider_metadata":10691},{"public_id":2731,"resource_type":44},{"ext":34,"url":2736,"hash":2737,"mime":37,"name":2738,"path":39,"size":2739,"width":58,"height":2740,"provider_metadata":10693},{"public_id":2737,"resource_type":44},{"ext":34,"url":2743,"hash":2744,"mime":37,"name":2745,"path":39,"size":2746,"width":256,"height":91,"provider_metadata":10695},{"public_id":2744,"resource_type":44},{"public_id":2748,"resource_type":44},{"__component":23,"id":1119,"Text":2755},{"__component":412,"id":2757,"Code":2758,"Type":415,"location":39,"language":39},{"__component":23,"id":1125,"Text":2760},{"__component":412,"id":387,"Code":2762,"Type":422,"location":39,"language":39},{"__component":23,"id":1131,"Text":2764},{"__component":412,"id":1269,"Code":2766,"Type":422,"location":39,"language":39},{"__component":23,"id":1138,"Text":2768},{"__component":412,"id":2589,"Code":2770,"Type":422,"location":39,"language":39},{"__component":23,"id":1187,"Text":2772},{"__component":412,"id":2658,"Code":2774,"Type":422,"location":39,"language":39},{"__component":23,"id":1208,"Text":2776},{"__component":412,"id":2715,"Code":2778,"Type":422,"location":39,"language":39},{"__component":23,"id":1214,"Text":2780},{"__component":412,"id":2782,"Code":2783,"Type":422,"location":39,"language":39},{"__component":23,"id":641,"Text":2785},{"__component":412,"id":2787,"Code":2788,"Type":422,"location":39,"language":39},{"__component":23,"id":1376,"Text":2790},{"__component":412,"id":1599,"Code":2792,"Type":415,"location":39,"language":39},{"__component":23,"id":413,"Text":2794},{"__component":412,"id":2796,"Code":2797,"Type":422,"location":39,"language":39},{"__component":23,"id":420,"Text":2799},{"__component":412,"id":390,"Code":2801,"Type":422,"location":39,"language":39},{"__component":23,"id":427,"Text":2803},{"__component":412,"id":395,"Code":2805,"Type":422,"location":39,"language":39},{"__component":23,"id":433,"Text":2807},{"__component":412,"id":1274,"Code":2809,"Type":422,"location":39,"language":39},{"__component":23,"id":475,"Text":2811},{"__component":141,"id":2782,"Size":39,"caption":39,"Image":10725},[10726],{"id":1052,"name":2815,"alternativeText":29,"caption":29,"width":2816,"height":2817,"formats":10727,"hash":2845,"ext":34,"mime":37,"size":2846,"url":2847,"previewUrl":39,"provider":72,"provider_metadata":10736,"created_at":2849,"updated_at":2850},{"large":10728,"small":10730,"medium":10732,"thumbnail":10734},{"ext":34,"url":2820,"hash":2821,"mime":37,"name":2822,"path":39,"size":2823,"width":41,"height":2824,"provider_metadata":10729},{"public_id":2821,"resource_type":44},{"ext":34,"url":2827,"hash":2828,"mime":37,"name":2829,"path":39,"size":2830,"width":50,"height":496,"provider_metadata":10731},{"public_id":2828,"resource_type":44},{"ext":34,"url":2833,"hash":2834,"mime":37,"name":2835,"path":39,"size":2836,"width":58,"height":2837,"provider_metadata":10733},{"public_id":2834,"resource_type":44},{"ext":34,"url":2840,"hash":2841,"mime":37,"name":2842,"path":39,"size":2843,"width":256,"height":475,"provider_metadata":10735},{"public_id":2841,"resource_type":44},{"public_id":2845,"resource_type":44},{"__component":23,"id":439,"Text":2852},{"__component":141,"id":2787,"Size":39,"caption":39,"Image":10739},[10740],{"id":1144,"name":2856,"alternativeText":29,"caption":29,"width":2857,"height":2858,"formats":10741,"hash":2885,"ext":34,"mime":37,"size":2886,"url":2887,"previewUrl":39,"provider":72,"provider_metadata":10750,"created_at":2889,"updated_at":2890},{"large":10742,"small":10744,"medium":10746,"thumbnail":10748},{"ext":34,"url":2861,"hash":2862,"mime":37,"name":2863,"path":39,"size":2864,"width":41,"height":2865,"provider_metadata":10743},{"public_id":2862,"resource_type":44},{"ext":34,"url":2868,"hash":2869,"mime":37,"name":2870,"path":39,"size":2871,"width":50,"height":1660,"provider_metadata":10745},{"public_id":2869,"resource_type":44},{"ext":34,"url":2874,"hash":2875,"mime":37,"name":2876,"path":39,"size":2877,"width":58,"height":518,"provider_metadata":10747},{"public_id":2875,"resource_type":44},{"ext":34,"url":2880,"hash":2881,"mime":37,"name":2882,"path":39,"size":2883,"width":256,"height":1675,"provider_metadata":10749},{"public_id":2881,"resource_type":44},{"public_id":2885,"resource_type":44},{"__component":23,"id":445,"Text":2892},{"__component":412,"id":399,"Code":2894,"Type":422,"location":39,"language":39},{"__component":23,"id":451,"Text":2896},{"__component":412,"id":404,"Code":2898,"Type":422,"location":39,"language":39},{"__component":23,"id":457,"Text":2900},{"__component":412,"id":1272,"Code":2902,"Type":422,"location":39,"language":39},{"__component":23,"id":463,"Text":2904},{"__component":141,"id":1599,"Size":39,"caption":39,"Image":10759},[10760],{"id":1194,"name":2908,"alternativeText":29,"caption":29,"width":2909,"height":2910,"formats":10761,"hash":2937,"ext":34,"mime":37,"size":2938,"url":2939,"previewUrl":39,"provider":72,"provider_metadata":10770,"created_at":2941,"updated_at":2942},{"large":10762,"small":10764,"medium":10766,"thumbnail":10768},{"ext":34,"url":2913,"hash":2914,"mime":37,"name":2915,"path":39,"size":2916,"width":41,"height":2917,"provider_metadata":10763},{"public_id":2914,"resource_type":44},{"ext":34,"url":2920,"hash":2921,"mime":37,"name":2922,"path":39,"size":2923,"width":50,"height":1608,"provider_metadata":10765},{"public_id":2921,"resource_type":44},{"ext":34,"url":2926,"hash":2927,"mime":37,"name":2928,"path":39,"size":2929,"width":58,"height":490,"provider_metadata":10767},{"public_id":2927,"resource_type":44},{"ext":34,"url":2932,"hash":2933,"mime":37,"name":2934,"path":39,"size":2935,"width":256,"height":1225,"provider_metadata":10769},{"public_id":2933,"resource_type":44},{"public_id":2937,"resource_type":44},{"__component":23,"id":469,"Text":2944},{"__component":141,"id":2796,"Size":39,"caption":39,"Image":10773},[10774],{"id":1225,"name":2948,"alternativeText":29,"caption":29,"width":2949,"height":2950,"formats":10775,"hash":2978,"ext":34,"mime":37,"size":2979,"url":2980,"previewUrl":39,"provider":72,"provider_metadata":10784,"created_at":2982,"updated_at":2983},{"large":10776,"small":10778,"medium":10780,"thumbnail":10782},{"ext":34,"url":2953,"hash":2954,"mime":37,"name":2955,"path":39,"size":2956,"width":41,"height":2957,"provider_metadata":10777},{"public_id":2954,"resource_type":44},{"ext":34,"url":2960,"hash":2961,"mime":37,"name":2962,"path":39,"size":2963,"width":50,"height":2865,"provider_metadata":10779},{"public_id":2961,"resource_type":44},{"ext":34,"url":2966,"hash":2967,"mime":37,"name":2968,"path":39,"size":2969,"width":58,"height":2970,"provider_metadata":10781},{"public_id":2967,"resource_type":44},{"ext":34,"url":2973,"hash":2974,"mime":37,"name":2975,"path":39,"size":2976,"width":256,"height":1608,"provider_metadata":10783},{"public_id":2974,"resource_type":44},{"public_id":2978,"resource_type":44},{"__component":23,"id":481,"Text":2985},{"id":2987,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":10787,"hash":3004,"ext":34,"mime":37,"size":3005,"url":3006,"previewUrl":39,"provider":72,"provider_metadata":10794,"created_at":3008,"updated_at":3008},{"small":10788,"medium":10790,"thumbnail":10792},{"ext":34,"url":2990,"hash":2991,"mime":37,"name":302,"path":39,"size":2992,"width":50,"height":311,"provider_metadata":10789},{"public_id":2991,"resource_type":44},{"ext":34,"url":2995,"hash":2996,"mime":37,"name":309,"path":39,"size":2997,"width":58,"height":537,"provider_metadata":10791},{"public_id":2996,"resource_type":44},{"ext":34,"url":3000,"hash":3001,"mime":37,"name":316,"path":39,"size":3002,"width":544,"height":67,"provider_metadata":10793},{"public_id":3001,"resource_type":44},{"public_id":3004,"resource_type":44},{"id":342,"Title":8141,"user":336,"Summary":8154,"created_at":8155,"updated_at":8156,"slug":401,"published_at":8157,"release_date":8158,"Layout":381,"Content":10796,"Feature":10864},[10797,10798,10804,10805,10809,10810,10821,10822,10823,10824,10825,10826,10839,10840,10853,10854,10855,10856,10857,10858,10859,10860,10861,10862,10863],{"__component":23,"id":8161,"Text":8162},{"__component":269,"id":336,"title":271,"blog_series":39,"post_link":10799},[10800,10801,10802,10803],{"id":81,"title":8166,"slug":392,"description":393,"blog_series":39},{"id":3523,"title":396,"slug":378,"description":397,"blog_series":39},{"id":3548,"title":400,"slug":401,"description":402,"blog_series":39},{"id":2796,"title":405,"slug":406,"description":407,"blog_series":39},{"__component":23,"id":256,"Text":8171},{"__component":7457,"id":336,"title":7458,"URL":39,"link_to_code":10806},[10807,10808],{"id":270,"title":8175,"URL":8176},{"id":81,"title":8178,"URL":8179},{"__component":23,"id":5682,"Text":8181},{"__component":141,"id":1976,"Size":608,"caption":8183,"Image":10811},[10812],{"id":2078,"name":8186,"alternativeText":29,"caption":29,"width":3362,"height":8187,"formats":10813,"hash":8207,"ext":34,"mime":37,"size":8208,"url":8209,"previewUrl":39,"provider":72,"provider_metadata":10820,"created_at":8211,"updated_at":8212},{"small":10814,"medium":10816,"thumbnail":10818},{"ext":34,"url":8190,"hash":8191,"mime":37,"name":8192,"path":39,"size":8193,"width":4727,"height":50,"provider_metadata":10815},{"public_id":8191,"resource_type":44},{"ext":34,"url":8196,"hash":8197,"mime":37,"name":8198,"path":39,"size":8199,"width":241,"height":58,"provider_metadata":10817},{"public_id":8197,"resource_type":44},{"ext":34,"url":8202,"hash":8203,"mime":37,"name":8204,"path":39,"size":8205,"width":1824,"height":67,"provider_metadata":10819},{"public_id":8203,"resource_type":44},{"public_id":8207,"resource_type":44},{"__component":23,"id":5590,"Text":8214},{"__component":412,"id":700,"Code":8216,"Type":1189,"location":8217,"language":39},{"__component":23,"id":5341,"Text":8219},{"__component":412,"id":318,"Code":8221,"Type":1189,"location":8222,"language":39},{"__component":23,"id":3948,"Text":8224},{"__component":141,"id":595,"Size":4089,"caption":8226,"Image":10827},[10828],{"id":2083,"name":8041,"alternativeText":29,"caption":29,"width":8042,"height":2426,"formats":10829,"hash":8246,"ext":34,"mime":37,"size":8070,"url":8247,"previewUrl":39,"provider":72,"provider_metadata":10838,"created_at":8249,"updated_at":8250},{"large":10830,"small":10832,"medium":10834,"thumbnail":10836},{"ext":34,"url":8231,"hash":8232,"mime":37,"name":8047,"path":39,"size":8048,"width":41,"height":8049,"provider_metadata":10831},{"public_id":8232,"resource_type":44},{"ext":34,"url":8235,"hash":8236,"mime":37,"name":8054,"path":39,"size":8055,"width":50,"height":266,"provider_metadata":10833},{"public_id":8236,"resource_type":44},{"ext":34,"url":8239,"hash":8240,"mime":37,"name":8060,"path":39,"size":8061,"width":58,"height":6939,"provider_metadata":10835},{"public_id":8240,"resource_type":44},{"ext":34,"url":8243,"hash":8244,"mime":37,"name":8066,"path":39,"size":8067,"width":256,"height":499,"provider_metadata":10837},{"public_id":8244,"resource_type":44},{"public_id":8246,"resource_type":44},{"__component":23,"id":5632,"Text":8252},{"__component":141,"id":601,"Size":4089,"caption":8254,"Image":10841},[10842],{"id":1579,"name":8257,"alternativeText":29,"caption":29,"width":8258,"height":8259,"formats":10843,"hash":8285,"ext":34,"mime":37,"size":8286,"url":8287,"previewUrl":39,"provider":72,"provider_metadata":10852,"created_at":8289,"updated_at":8290},{"large":10844,"small":10846,"medium":10848,"thumbnail":10850},{"ext":34,"url":8262,"hash":8263,"mime":37,"name":8264,"path":39,"size":8265,"width":41,"height":8266,"provider_metadata":10845},{"public_id":8263,"resource_type":44},{"ext":34,"url":8269,"hash":8270,"mime":37,"name":8271,"path":39,"size":8272,"width":50,"height":3299,"provider_metadata":10847},{"public_id":8270,"resource_type":44},{"ext":34,"url":8275,"hash":8276,"mime":37,"name":8277,"path":39,"size":8278,"width":58,"height":3306,"provider_metadata":10849},{"public_id":8276,"resource_type":44},{"ext":34,"url":8281,"hash":8282,"mime":37,"name":8283,"path":39,"size":6960,"width":256,"height":420,"provider_metadata":10851},{"public_id":8282,"resource_type":44},{"public_id":8285,"resource_type":44},{"__component":23,"id":5658,"Text":8292},{"__component":412,"id":1838,"Code":8294,"Type":1189,"location":8023,"language":39},{"__component":23,"id":5434,"Text":8296},{"__component":412,"id":1843,"Code":8298,"Type":422,"location":8023,"language":39},{"__component":23,"id":5473,"Text":8300},{"__component":412,"id":1257,"Code":8302,"Type":422,"location":8023,"language":39},{"__component":23,"id":304,"Text":8304},{"__component":412,"id":1854,"Code":8306,"Type":1189,"location":8307,"language":39},{"__component":23,"id":5552,"Text":8309},{"__component":412,"id":731,"Code":8311,"Type":1189,"location":8222,"language":39},{"__component":23,"id":5721,"Text":8313},{"id":4660,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":10865,"hash":8331,"ext":34,"mime":37,"size":8332,"url":8333,"previewUrl":39,"provider":72,"provider_metadata":10872,"created_at":8335,"updated_at":8335},{"small":10866,"medium":10868,"thumbnail":10870},{"ext":34,"url":8317,"hash":8318,"mime":37,"name":529,"path":39,"size":8319,"width":50,"height":311,"provider_metadata":10867},{"public_id":8318,"resource_type":44},{"ext":34,"url":8322,"hash":8323,"mime":37,"name":535,"path":39,"size":8324,"width":58,"height":537,"provider_metadata":10869},{"public_id":8323,"resource_type":44},{"ext":34,"url":8327,"hash":8328,"mime":37,"name":542,"path":39,"size":8329,"width":544,"height":67,"provider_metadata":10871},{"public_id":8328,"resource_type":44},{"public_id":8331,"resource_type":44},[],{"id":1520,"Name":1521,"created_at":1522,"updated_at":1523,"slug":1524,"blogs":10875,"projects":11255},[10876,10945,11006,11118],{"id":390,"Title":8917,"user":336,"Summary":8930,"created_at":8931,"updated_at":8932,"slug":8933,"published_at":8934,"release_date":8935,"Layout":4165,"Content":10877,"Feature":10934},[10878,10891,10892,10905,10906,10919,10920,10933],{"__component":141,"id":1717,"Size":4089,"caption":8938,"Image":10879},[10880],{"id":672,"name":8941,"alternativeText":8942,"caption":29,"width":8943,"height":8944,"formats":10881,"hash":8971,"ext":97,"mime":100,"size":8972,"url":8973,"previewUrl":39,"provider":72,"provider_metadata":10890,"created_at":8975,"updated_at":8976},{"large":10882,"small":10884,"medium":10886,"thumbnail":10888},{"ext":97,"url":8947,"hash":8948,"mime":100,"name":8949,"path":39,"size":8950,"width":41,"height":4977,"provider_metadata":10883},{"public_id":8948,"resource_type":44},{"ext":97,"url":8953,"hash":8954,"mime":100,"name":8955,"path":39,"size":8956,"width":50,"height":8957,"provider_metadata":10885},{"public_id":8954,"resource_type":44},{"ext":97,"url":8960,"hash":8961,"mime":100,"name":8962,"path":39,"size":8963,"width":58,"height":4991,"provider_metadata":10887},{"public_id":8961,"resource_type":44},{"ext":97,"url":8966,"hash":8967,"mime":100,"name":8968,"path":39,"size":8969,"width":1728,"height":67,"provider_metadata":10889},{"public_id":8967,"resource_type":44},{"public_id":8971,"resource_type":44},{"__component":23,"id":8978,"Text":8979},{"__component":141,"id":1722,"Size":4089,"caption":8981,"Image":10893},[10894],{"id":6717,"name":8984,"alternativeText":29,"caption":29,"width":8985,"height":8986,"formats":10895,"hash":9012,"ext":34,"mime":37,"size":9013,"url":9014,"previewUrl":39,"provider":72,"provider_metadata":10904,"created_at":9016,"updated_at":9017},{"large":10896,"small":10898,"medium":10900,"thumbnail":10902},{"ext":34,"url":8989,"hash":8990,"mime":37,"name":8991,"path":39,"size":8992,"width":41,"height":4667,"provider_metadata":10897},{"public_id":8990,"resource_type":44},{"ext":34,"url":8995,"hash":8996,"mime":37,"name":8997,"path":39,"size":8998,"width":50,"height":4273,"provider_metadata":10899},{"public_id":8996,"resource_type":44},{"ext":34,"url":9001,"hash":9002,"mime":37,"name":9003,"path":39,"size":9004,"width":58,"height":8582,"provider_metadata":10901},{"public_id":9002,"resource_type":44},{"ext":34,"url":9007,"hash":9008,"mime":37,"name":9009,"path":39,"size":9010,"width":256,"height":2063,"provider_metadata":10903},{"public_id":9008,"resource_type":44},{"public_id":9012,"resource_type":44},{"__component":23,"id":3442,"Text":9019},{"__component":141,"id":1728,"Size":4089,"caption":9021,"Image":10907},[10908],{"id":6678,"name":9024,"alternativeText":9025,"caption":29,"width":9026,"height":9027,"formats":10909,"hash":9055,"ext":34,"mime":37,"size":9056,"url":9057,"previewUrl":39,"provider":72,"provider_metadata":10918,"created_at":9059,"updated_at":9060},{"large":10910,"small":10912,"medium":10914,"thumbnail":10916},{"ext":34,"url":9030,"hash":9031,"mime":37,"name":9032,"path":39,"size":9033,"width":41,"height":9034,"provider_metadata":10911},{"public_id":9031,"resource_type":44},{"ext":34,"url":9037,"hash":9038,"mime":37,"name":9039,"path":39,"size":9040,"width":50,"height":7306,"provider_metadata":10913},{"public_id":9038,"resource_type":44},{"ext":34,"url":9043,"hash":9044,"mime":37,"name":9045,"path":39,"size":9046,"width":58,"height":9047,"provider_metadata":10915},{"public_id":9044,"resource_type":44},{"ext":34,"url":9050,"hash":9051,"mime":37,"name":9052,"path":39,"size":9053,"width":518,"height":67,"provider_metadata":10917},{"public_id":9051,"resource_type":44},{"public_id":9055,"resource_type":44},{"__component":23,"id":9062,"Text":9063},{"__component":141,"id":1666,"Size":608,"caption":9065,"Image":10921},[10922],{"id":6538,"name":9068,"alternativeText":9069,"caption":29,"width":9070,"height":9071,"formats":10923,"hash":9095,"ext":97,"mime":100,"size":9096,"url":9097,"previewUrl":39,"provider":72,"provider_metadata":10932,"created_at":9099,"updated_at":9100},{"large":10924,"small":10926,"medium":10928,"thumbnail":10930},{"ext":97,"url":9074,"hash":9075,"mime":100,"name":9076,"path":39,"size":9077,"width":58,"height":41,"provider_metadata":10925},{"public_id":9075,"resource_type":44},{"ext":97,"url":9080,"hash":9081,"mime":100,"name":9082,"path":39,"size":5740,"width":311,"height":50,"provider_metadata":10927},{"public_id":9081,"resource_type":44},{"ext":97,"url":9085,"hash":9086,"mime":100,"name":9087,"path":39,"size":9088,"width":537,"height":58,"provider_metadata":10929},{"public_id":9086,"resource_type":44},{"ext":97,"url":9091,"hash":9092,"mime":100,"name":9093,"path":39,"size":7713,"width":493,"height":67,"provider_metadata":10931},{"public_id":9092,"resource_type":44},{"public_id":9095,"resource_type":44},{"__component":23,"id":9102,"Text":9103},{"id":6411,"name":289,"alternativeText":39,"caption":39,"width":3576,"height":523,"formats":10935,"hash":9126,"ext":34,"mime":37,"size":9127,"url":9128,"previewUrl":39,"provider":72,"provider_metadata":10944,"created_at":9130,"updated_at":9130},{"large":10936,"small":10938,"medium":10940,"thumbnail":10942},{"ext":34,"url":9107,"hash":9108,"mime":37,"name":296,"path":39,"size":9109,"width":41,"height":537,"provider_metadata":10937},{"public_id":9108,"resource_type":44},{"ext":34,"url":9112,"hash":9113,"mime":37,"name":302,"path":39,"size":9114,"width":50,"height":4650,"provider_metadata":10939},{"public_id":9113,"resource_type":44},{"ext":34,"url":9117,"hash":9118,"mime":37,"name":309,"path":39,"size":9119,"width":58,"height":3947,"provider_metadata":10941},{"public_id":9118,"resource_type":44},{"ext":34,"url":9122,"hash":9123,"mime":37,"name":316,"path":39,"size":9124,"width":256,"height":239,"provider_metadata":10943},{"public_id":9123,"resource_type":44},{"public_id":9126,"resource_type":44},{"id":558,"Title":1307,"user":336,"Summary":1320,"created_at":1321,"updated_at":1322,"slug":1323,"published_at":1324,"release_date":1325,"Layout":381,"Content":10946,"Feature":10997},[10947,10948,10961,10962,10965,10966,10977,10980,10981,10984,10985,10988,10989,10992,10993,10996],{"__component":23,"id":1328,"Text":1329},{"__component":141,"id":1331,"Size":39,"caption":39,"Image":10949},[10950],{"id":641,"name":1334,"alternativeText":29,"caption":29,"width":1335,"height":1336,"formats":10951,"hash":1364,"ext":34,"mime":37,"size":1365,"url":1366,"previewUrl":39,"provider":72,"provider_metadata":10960,"created_at":1368,"updated_at":1369},{"large":10952,"small":10954,"medium":10956,"thumbnail":10958},{"ext":34,"url":1339,"hash":1340,"mime":37,"name":1341,"path":39,"size":1342,"width":41,"height":1343,"provider_metadata":10953},{"public_id":1340,"resource_type":44},{"ext":34,"url":1346,"hash":1347,"mime":37,"name":1348,"path":39,"size":1349,"width":50,"height":1350,"provider_metadata":10955},{"public_id":1347,"resource_type":44},{"ext":34,"url":1353,"hash":1354,"mime":37,"name":1355,"path":39,"size":1356,"width":58,"height":1071,"provider_metadata":10957},{"public_id":1354,"resource_type":44},{"ext":34,"url":1359,"hash":1360,"mime":37,"name":1361,"path":39,"size":1362,"width":256,"height":239,"provider_metadata":10959},{"public_id":1360,"resource_type":44},{"public_id":1364,"resource_type":44},{"__component":23,"id":124,"Text":1371},{"__component":1373,"id":1374,"Video":10963},{"id":1376,"name":1377,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1378,"ext":1379,"mime":1380,"size":1381,"url":1382,"previewUrl":1383,"provider":72,"provider_metadata":10964,"created_at":1386,"updated_at":1387},{"public_id":1378,"resource_type":1385},{"__component":23,"id":1389,"Text":1390},{"__component":141,"id":1392,"Size":39,"caption":39,"Image":10967},[10968],{"id":413,"name":1395,"alternativeText":29,"caption":29,"width":1396,"height":1397,"formats":10969,"hash":1419,"ext":34,"mime":37,"size":1420,"url":1421,"previewUrl":39,"provider":72,"provider_metadata":10976,"created_at":1423,"updated_at":1424},{"small":10970,"medium":10972,"thumbnail":10974},{"ext":34,"url":1400,"hash":1401,"mime":37,"name":1402,"path":39,"size":1403,"width":50,"height":1404,"provider_metadata":10971},{"public_id":1401,"resource_type":44},{"ext":34,"url":1407,"hash":1408,"mime":37,"name":1409,"path":39,"size":1410,"width":58,"height":1411,"provider_metadata":10973},{"public_id":1408,"resource_type":44},{"ext":34,"url":1414,"hash":1415,"mime":37,"name":1416,"path":39,"size":1417,"width":256,"height":420,"provider_metadata":10975},{"public_id":1415,"resource_type":44},{"public_id":1419,"resource_type":44},{"__component":1373,"id":1426,"Video":10978},{"id":420,"name":1428,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1429,"ext":1379,"mime":1380,"size":1430,"url":1431,"previewUrl":1432,"provider":72,"provider_metadata":10979,"created_at":1434,"updated_at":1435},{"public_id":1429,"resource_type":1385},{"__component":23,"id":1437,"Text":1438},{"__component":1373,"id":1440,"Video":10982},{"id":427,"name":1442,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1443,"ext":1379,"mime":1380,"size":1444,"url":1445,"previewUrl":1446,"provider":72,"provider_metadata":10983,"created_at":1448,"updated_at":1449},{"public_id":1443,"resource_type":1385},{"__component":23,"id":1451,"Text":1452},{"__component":1373,"id":1454,"Video":10986},{"id":433,"name":1456,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1457,"ext":1379,"mime":1380,"size":1458,"url":1459,"previewUrl":1460,"provider":72,"provider_metadata":10987,"created_at":1462,"updated_at":1463},{"public_id":1457,"resource_type":1385},{"__component":23,"id":1465,"Text":1466},{"__component":1373,"id":1468,"Video":10990},{"id":439,"name":1470,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1471,"ext":1379,"mime":1380,"size":1472,"url":1473,"previewUrl":1474,"provider":72,"provider_metadata":10991,"created_at":1476,"updated_at":1477},{"public_id":1471,"resource_type":1385},{"__component":23,"id":1479,"Text":1480},{"__component":1373,"id":1482,"Video":10994},{"id":445,"name":1484,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1485,"ext":1379,"mime":1380,"size":1486,"url":1487,"previewUrl":1488,"provider":72,"provider_metadata":10995,"created_at":1490,"updated_at":1491},{"public_id":1485,"resource_type":1385},{"__component":23,"id":1493,"Text":1494},{"id":1496,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":10998,"hash":1513,"ext":34,"mime":37,"size":1514,"url":1515,"previewUrl":39,"provider":72,"provider_metadata":11005,"created_at":1517,"updated_at":1517},{"small":10999,"medium":11001,"thumbnail":11003},{"ext":34,"url":1499,"hash":1500,"mime":37,"name":302,"path":39,"size":1501,"width":50,"height":311,"provider_metadata":11000},{"public_id":1500,"resource_type":44},{"ext":34,"url":1504,"hash":1505,"mime":37,"name":309,"path":39,"size":1506,"width":58,"height":537,"provider_metadata":11002},{"public_id":1505,"resource_type":44},{"ext":34,"url":1509,"hash":1510,"mime":37,"name":316,"path":39,"size":1511,"width":544,"height":67,"provider_metadata":11004},{"public_id":1510,"resource_type":44},{"public_id":1513,"resource_type":44},{"id":395,"Title":8561,"user":336,"Summary":8574,"created_at":8575,"updated_at":8576,"slug":8577,"published_at":8578,"release_date":8579,"Layout":138,"Content":11007,"Feature":11107},[11008,11009,11022,11023,11036,11037,11050,11051,11064,11065,11078,11079,11092,11093,11106],{"__component":23,"id":8582,"Text":8583},{"__component":141,"id":1328,"Size":4089,"caption":8585,"Image":11010},[11011],{"id":4937,"name":8588,"alternativeText":8585,"caption":8585,"width":8589,"height":8590,"formats":11012,"hash":8618,"ext":97,"mime":100,"size":8619,"url":8620,"previewUrl":39,"provider":72,"provider_metadata":11021,"created_at":8622,"updated_at":8623},{"large":11013,"small":11015,"medium":11017,"thumbnail":11019},{"ext":97,"url":8593,"hash":8594,"mime":100,"name":8595,"path":39,"size":8596,"width":41,"height":8597,"provider_metadata":11014},{"public_id":8594,"resource_type":44},{"ext":97,"url":8600,"hash":8601,"mime":100,"name":8602,"path":39,"size":8603,"width":50,"height":8604,"provider_metadata":11016},{"public_id":8601,"resource_type":44},{"ext":97,"url":8607,"hash":8608,"mime":100,"name":8609,"path":39,"size":8610,"width":58,"height":1869,"provider_metadata":11018},{"public_id":8608,"resource_type":44},{"ext":97,"url":8613,"hash":8614,"mime":100,"name":8615,"path":39,"size":8616,"width":1655,"height":67,"provider_metadata":11020},{"public_id":8614,"resource_type":44},{"public_id":8618,"resource_type":44},{"__component":23,"id":8625,"Text":8626},{"__component":141,"id":124,"Size":4089,"caption":8628,"Image":11024},[11025],{"id":2837,"name":8631,"alternativeText":8628,"caption":8628,"width":4396,"height":8632,"formats":11026,"hash":8658,"ext":34,"mime":37,"size":8659,"url":8660,"previewUrl":39,"provider":72,"provider_metadata":11035,"created_at":8662,"updated_at":8663},{"large":11027,"small":11029,"medium":11031,"thumbnail":11033},{"ext":34,"url":8635,"hash":8636,"mime":37,"name":8637,"path":39,"size":8638,"width":1987,"height":41,"provider_metadata":11028},{"public_id":8636,"resource_type":44},{"ext":34,"url":8641,"hash":8642,"mime":37,"name":8643,"path":39,"size":8644,"width":1994,"height":50,"provider_metadata":11030},{"public_id":8642,"resource_type":44},{"ext":34,"url":8647,"hash":8648,"mime":37,"name":8649,"path":39,"size":8650,"width":2001,"height":58,"provider_metadata":11032},{"public_id":8648,"resource_type":44},{"ext":34,"url":8653,"hash":8654,"mime":37,"name":8655,"path":39,"size":8656,"width":413,"height":67,"provider_metadata":11034},{"public_id":8654,"resource_type":44},{"public_id":8658,"resource_type":44},{"__component":23,"id":5641,"Text":8665},{"__component":141,"id":1389,"Size":4089,"caption":8667,"Image":11038},[11039],{"id":6281,"name":8670,"alternativeText":8667,"caption":8667,"width":8671,"height":8672,"formats":11040,"hash":8700,"ext":34,"mime":37,"size":8701,"url":8702,"previewUrl":39,"provider":72,"provider_metadata":11049,"created_at":8704,"updated_at":8705},{"large":11041,"small":11043,"medium":11045,"thumbnail":11047},{"ext":34,"url":8675,"hash":8676,"mime":37,"name":8677,"path":39,"size":8678,"width":41,"height":8679,"provider_metadata":11042},{"public_id":8676,"resource_type":44},{"ext":34,"url":8682,"hash":8683,"mime":37,"name":8684,"path":39,"size":8685,"width":50,"height":5031,"provider_metadata":11044},{"public_id":8683,"resource_type":44},{"ext":34,"url":8688,"hash":8689,"mime":37,"name":8690,"path":39,"size":8691,"width":58,"height":8692,"provider_metadata":11046},{"public_id":8689,"resource_type":44},{"ext":34,"url":8695,"hash":8696,"mime":37,"name":8697,"path":39,"size":8698,"width":876,"height":67,"provider_metadata":11048},{"public_id":8696,"resource_type":44},{"public_id":8700,"resource_type":44},{"__component":23,"id":3265,"Text":8707},{"__component":141,"id":1437,"Size":4089,"caption":8709,"Image":11052},[11053],{"id":4858,"name":8712,"alternativeText":8709,"caption":8709,"width":4567,"height":8713,"formats":11054,"hash":8741,"ext":34,"mime":37,"size":8742,"url":8743,"previewUrl":39,"provider":72,"provider_metadata":11063,"created_at":8745,"updated_at":8746},{"large":11055,"small":11057,"medium":11059,"thumbnail":11061},{"ext":34,"url":8716,"hash":8717,"mime":37,"name":8718,"path":39,"size":8719,"width":8720,"height":41,"provider_metadata":11056},{"public_id":8717,"resource_type":44},{"ext":34,"url":8723,"hash":8724,"mime":37,"name":8725,"path":39,"size":8726,"width":8727,"height":50,"provider_metadata":11058},{"public_id":8724,"resource_type":44},{"ext":34,"url":8730,"hash":8731,"mime":37,"name":8732,"path":39,"size":8733,"width":2910,"height":58,"provider_metadata":11060},{"public_id":8731,"resource_type":44},{"ext":34,"url":8736,"hash":8737,"mime":37,"name":8738,"path":39,"size":8739,"width":2101,"height":67,"provider_metadata":11062},{"public_id":8737,"resource_type":44},{"public_id":8741,"resource_type":44},{"__component":23,"id":8748,"Text":8749},{"__component":141,"id":1451,"Size":4089,"caption":8751,"Image":11066},[11067],{"id":6320,"name":8754,"alternativeText":8755,"caption":8755,"width":8756,"height":8757,"formats":11068,"hash":8784,"ext":34,"mime":37,"size":8785,"url":8786,"previewUrl":39,"provider":72,"provider_metadata":11077,"created_at":8788,"updated_at":8789},{"large":11069,"small":11071,"medium":11073,"thumbnail":11075},{"ext":34,"url":8760,"hash":8761,"mime":37,"name":8762,"path":39,"size":8763,"width":41,"height":8764,"provider_metadata":11070},{"public_id":8761,"resource_type":44},{"ext":34,"url":8767,"hash":8768,"mime":37,"name":8769,"path":39,"size":8770,"width":50,"height":8013,"provider_metadata":11072},{"public_id":8768,"resource_type":44},{"ext":34,"url":8773,"hash":8774,"mime":37,"name":8775,"path":39,"size":8776,"width":58,"height":1496,"provider_metadata":11074},{"public_id":8774,"resource_type":44},{"ext":34,"url":8779,"hash":8780,"mime":37,"name":8781,"path":39,"size":8782,"width":256,"height":1854,"provider_metadata":11076},{"public_id":8780,"resource_type":44},{"public_id":8784,"resource_type":44},{"__component":23,"id":3637,"Text":8791},{"__component":141,"id":1465,"Size":4089,"caption":8793,"Image":11080},[11081],{"id":6983,"name":8796,"alternativeText":8797,"caption":8797,"width":8798,"height":8799,"formats":11082,"hash":8827,"ext":34,"mime":37,"size":8828,"url":8829,"previewUrl":39,"provider":72,"provider_metadata":11091,"created_at":8831,"updated_at":8832},{"large":11083,"small":11085,"medium":11087,"thumbnail":11089},{"ext":34,"url":8802,"hash":8803,"mime":37,"name":8804,"path":39,"size":8805,"width":41,"height":8806,"provider_metadata":11084},{"public_id":8803,"resource_type":44},{"ext":34,"url":8809,"hash":8810,"mime":37,"name":8811,"path":39,"size":8812,"width":50,"height":6961,"provider_metadata":11086},{"public_id":8810,"resource_type":44},{"ext":34,"url":8815,"hash":8816,"mime":37,"name":8817,"path":39,"size":8818,"width":58,"height":8819,"provider_metadata":11088},{"public_id":8816,"resource_type":44},{"ext":34,"url":8822,"hash":8823,"mime":37,"name":8824,"path":39,"size":8825,"width":1685,"height":67,"provider_metadata":11090},{"public_id":8823,"resource_type":44},{"public_id":8827,"resource_type":44},{"__component":23,"id":1935,"Text":8834},{"__component":141,"id":1479,"Size":4089,"caption":8836,"Image":11094},[11095],{"id":6414,"name":8839,"alternativeText":8836,"caption":8836,"width":8840,"height":8841,"formats":11096,"hash":8868,"ext":34,"mime":37,"size":8869,"url":8870,"previewUrl":39,"provider":72,"provider_metadata":11105,"created_at":8872,"updated_at":8873},{"large":11097,"small":11099,"medium":11101,"thumbnail":11103},{"ext":34,"url":8844,"hash":8845,"mime":37,"name":8846,"path":39,"size":8847,"width":41,"height":8848,"provider_metadata":11098},{"public_id":8845,"resource_type":44},{"ext":34,"url":8851,"hash":8852,"mime":37,"name":8853,"path":39,"size":8854,"width":50,"height":5721,"provider_metadata":11100},{"public_id":8852,"resource_type":44},{"ext":34,"url":8857,"hash":8858,"mime":37,"name":8859,"path":39,"size":8860,"width":58,"height":4660,"provider_metadata":11102},{"public_id":8858,"resource_type":44},{"ext":34,"url":8863,"hash":8864,"mime":37,"name":8865,"path":39,"size":8866,"width":256,"height":1257,"provider_metadata":11104},{"public_id":8864,"resource_type":44},{"public_id":8868,"resource_type":44},{"__component":23,"id":2253,"Text":8875},{"id":6021,"name":522,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":11108,"hash":8899,"ext":34,"mime":37,"size":8900,"url":8901,"previewUrl":39,"provider":72,"provider_metadata":11117,"created_at":8903,"updated_at":8903},{"large":11109,"small":11111,"medium":11113,"thumbnail":11115},{"ext":34,"url":8879,"hash":8880,"mime":37,"name":8881,"path":39,"size":8882,"width":41,"height":50,"provider_metadata":11110},{"public_id":8880,"resource_type":44},{"ext":34,"url":8885,"hash":8886,"mime":37,"name":529,"path":39,"size":8887,"width":50,"height":304,"provider_metadata":11112},{"public_id":8886,"resource_type":44},{"ext":34,"url":8890,"hash":8891,"mime":37,"name":535,"path":39,"size":8892,"width":58,"height":311,"provider_metadata":11114},{"public_id":8891,"resource_type":44},{"ext":34,"url":8895,"hash":8896,"mime":37,"name":542,"path":39,"size":8897,"width":256,"height":318,"provider_metadata":11116},{"public_id":8896,"resource_type":44},{"public_id":8899,"resource_type":44},{"id":1760,"Title":1761,"user":87,"Summary":1781,"created_at":1782,"updated_at":1783,"slug":1784,"published_at":1782,"release_date":1785,"Layout":381,"Content":11119,"Feature":11246},[11120,11121,11134,11135,11136,11137,11138,11139,11140,11141,11142,11143,11156,11157,11158,11159,11160,11161,11162,11163,11164,11165,11166,11167,11168,11169,11170,11181,11182,11183,11184,11185,11186,11199,11200,11213,11214,11215,11216,11217,11218,11219,11220,11221,11222,11223,11224,11225,11226,11227,11228,11229,11230,11231,11232,11245],{"__component":23,"id":318,"Text":1788},{"__component":141,"id":1790,"Size":39,"caption":39,"Image":11122},[11123],{"id":1095,"name":1793,"alternativeText":1794,"caption":29,"width":1795,"height":1796,"formats":11124,"hash":1826,"ext":34,"mime":37,"size":1827,"url":1828,"previewUrl":39,"provider":72,"provider_metadata":11133,"created_at":1830,"updated_at":1831},{"large":11125,"small":11127,"medium":11129,"thumbnail":11131},{"ext":34,"url":1799,"hash":1800,"mime":37,"name":1801,"path":39,"size":1802,"width":41,"height":1803,"provider_metadata":11126},{"public_id":1800,"resource_type":44},{"ext":34,"url":1806,"hash":1807,"mime":37,"name":1808,"path":39,"size":1809,"width":50,"height":1810,"provider_metadata":11128},{"public_id":1807,"resource_type":44},{"ext":34,"url":1813,"hash":1814,"mime":37,"name":1815,"path":39,"size":1816,"width":58,"height":1817,"provider_metadata":11130},{"public_id":1814,"resource_type":44},{"ext":34,"url":1820,"hash":1821,"mime":37,"name":1822,"path":39,"size":1823,"width":256,"height":1824,"provider_metadata":11132},{"public_id":1821,"resource_type":44},{"public_id":1826,"resource_type":44},{"__component":23,"id":1833,"Text":1834},{"__component":412,"id":1276,"Code":1836,"Type":415,"location":39,"language":39},{"__component":23,"id":1838,"Text":1839},{"__component":412,"id":1278,"Code":1841,"Type":1189,"location":39,"language":39},{"__component":23,"id":1843,"Text":1844},{"__component":412,"id":1846,"Code":1847,"Type":1683,"location":39,"language":39},{"__component":23,"id":1257,"Text":1849},{"__component":412,"id":1851,"Code":1852,"Type":1683,"location":39,"language":39},{"__component":23,"id":1854,"Text":1855},{"__component":141,"id":1274,"Size":39,"caption":39,"Image":11144},[11145],{"id":1725,"name":1859,"alternativeText":1860,"caption":29,"width":1861,"height":1862,"formats":11146,"hash":1892,"ext":34,"mime":37,"size":1893,"url":1894,"previewUrl":39,"provider":72,"provider_metadata":11155,"created_at":1896,"updated_at":1897},{"large":11147,"small":11149,"medium":11151,"thumbnail":11153},{"ext":34,"url":1865,"hash":1866,"mime":37,"name":1867,"path":39,"size":1868,"width":41,"height":1869,"provider_metadata":11148},{"public_id":1866,"resource_type":44},{"ext":34,"url":1872,"hash":1873,"mime":37,"name":1874,"path":39,"size":1875,"width":50,"height":1876,"provider_metadata":11150},{"public_id":1873,"resource_type":44},{"ext":34,"url":1879,"hash":1880,"mime":37,"name":1881,"path":39,"size":1882,"width":58,"height":1883,"provider_metadata":11152},{"public_id":1880,"resource_type":44},{"ext":34,"url":1886,"hash":1887,"mime":37,"name":1888,"path":39,"size":1889,"width":1890,"height":67,"provider_metadata":11154},{"public_id":1887,"resource_type":44},{"public_id":1892,"resource_type":44},{"__component":23,"id":731,"Text":1899},{"__component":412,"id":1790,"Code":1901,"Type":1189,"location":39,"language":39},{"__component":23,"id":1824,"Text":1903},{"__component":412,"id":1628,"Code":1905,"Type":1670,"location":39,"language":39},{"__component":23,"id":1907,"Text":1908},{"__component":412,"id":1574,"Code":1910,"Type":1683,"location":39,"language":39},{"__component":23,"id":1912,"Text":1913},{"__component":412,"id":1611,"Code":1915,"Type":415,"location":39,"language":39},{"__component":23,"id":957,"Text":1917},{"__component":412,"id":283,"Code":1919,"Type":1683,"location":39,"language":39},{"__component":23,"id":777,"Text":1921},{"__component":412,"id":1331,"Code":1923,"Type":422,"location":39,"language":39},{"__component":23,"id":1925,"Text":1926},{"__component":23,"id":867,"Text":1928},{"__component":141,"id":1276,"Size":39,"caption":39,"Image":11171},[11172],{"id":1663,"name":1932,"alternativeText":1933,"caption":29,"width":1934,"height":1935,"formats":11173,"hash":1957,"ext":34,"mime":37,"size":1958,"url":1959,"previewUrl":39,"provider":72,"provider_metadata":11180,"created_at":1961,"updated_at":1962},{"small":11174,"medium":11176,"thumbnail":11178},{"ext":34,"url":1938,"hash":1939,"mime":37,"name":1940,"path":39,"size":1941,"width":50,"height":1942,"provider_metadata":11175},{"public_id":1939,"resource_type":44},{"ext":34,"url":1945,"hash":1946,"mime":37,"name":1947,"path":39,"size":1948,"width":58,"height":1949,"provider_metadata":11177},{"public_id":1946,"resource_type":44},{"ext":34,"url":1952,"hash":1953,"mime":37,"name":1954,"path":39,"size":1955,"width":256,"height":147,"provider_metadata":11179},{"public_id":1953,"resource_type":44},{"public_id":1957,"resource_type":44},{"__component":23,"id":1592,"Text":1928},{"__component":412,"id":1392,"Code":1965,"Type":1683,"location":39,"language":39},{"__component":23,"id":1967,"Text":1968},{"__component":412,"id":607,"Code":1970,"Type":1683,"location":39,"language":39},{"__component":23,"id":239,"Text":1972},{"__component":141,"id":1278,"Size":39,"caption":39,"Image":11187},[11188],{"id":1976,"name":1977,"alternativeText":1978,"caption":29,"width":1979,"height":1980,"formats":11189,"hash":2009,"ext":34,"mime":37,"size":2010,"url":2011,"previewUrl":39,"provider":72,"provider_metadata":11198,"created_at":2013,"updated_at":2014},{"large":11190,"small":11192,"medium":11194,"thumbnail":11196},{"ext":34,"url":1983,"hash":1984,"mime":37,"name":1985,"path":39,"size":1986,"width":41,"height":1987,"provider_metadata":11191},{"public_id":1984,"resource_type":44},{"ext":34,"url":1990,"hash":1991,"mime":37,"name":1992,"path":39,"size":1993,"width":50,"height":1994,"provider_metadata":11193},{"public_id":1991,"resource_type":44},{"ext":34,"url":1997,"hash":1998,"mime":37,"name":1999,"path":39,"size":2000,"width":58,"height":2001,"provider_metadata":11195},{"public_id":1998,"resource_type":44},{"ext":34,"url":2004,"hash":2005,"mime":37,"name":2006,"path":39,"size":2007,"width":223,"height":67,"provider_metadata":11197},{"public_id":2005,"resource_type":44},{"public_id":2009,"resource_type":44},{"__component":23,"id":147,"Text":2016},{"__component":141,"id":1846,"Size":39,"caption":39,"Image":11201},[11202],{"id":595,"name":2020,"alternativeText":2021,"caption":29,"width":2022,"height":2023,"formats":11203,"hash":2052,"ext":34,"mime":37,"size":2053,"url":2054,"previewUrl":39,"provider":72,"provider_metadata":11212,"created_at":2056,"updated_at":2057},{"large":11204,"small":11206,"medium":11208,"thumbnail":11210},{"ext":34,"url":2026,"hash":2027,"mime":37,"name":2028,"path":39,"size":2029,"width":41,"height":2030,"provider_metadata":11205},{"public_id":2027,"resource_type":44},{"ext":34,"url":2033,"hash":2034,"mime":37,"name":2035,"path":39,"size":2036,"width":50,"height":2037,"provider_metadata":11207},{"public_id":2034,"resource_type":44},{"ext":34,"url":2040,"hash":2041,"mime":37,"name":2042,"path":39,"size":2043,"width":58,"height":2044,"provider_metadata":11209},{"public_id":2041,"resource_type":44},{"ext":34,"url":2047,"hash":2048,"mime":37,"name":2049,"path":39,"size":2050,"width":466,"height":67,"provider_metadata":11211},{"public_id":2048,"resource_type":44},{"public_id":2052,"resource_type":44},{"__component":23,"id":193,"Text":2059},{"__component":412,"id":653,"Code":2061,"Type":1683,"location":39,"language":39},{"__component":23,"id":2063,"Text":2064},{"__component":412,"id":697,"Code":2066,"Type":1683,"location":39,"language":39},{"__component":23,"id":2068,"Text":2069},{"__component":412,"id":743,"Code":2071,"Type":1683,"location":39,"language":39},{"__component":23,"id":2073,"Text":2074},{"__component":412,"id":789,"Code":2076,"Type":1683,"location":39,"language":39},{"__component":23,"id":2078,"Text":2079},{"__component":412,"id":834,"Code":2081,"Type":1683,"location":39,"language":39},{"__component":23,"id":2083,"Text":2084},{"__component":412,"id":879,"Code":2086,"Type":1683,"location":39,"language":39},{"__component":23,"id":1579,"Text":2088},{"__component":412,"id":924,"Code":2090,"Type":1683,"location":39,"language":39},{"__component":23,"id":2092,"Text":2093},{"__component":412,"id":969,"Code":2095,"Type":1683,"location":39,"language":39},{"__component":23,"id":257,"Text":2097},{"__component":412,"id":1011,"Code":2099,"Type":1683,"location":39,"language":39},{"__component":23,"id":2101,"Text":2102},{"__component":141,"id":1851,"Size":39,"caption":39,"Image":11233},[11234],{"id":601,"name":2106,"alternativeText":2107,"caption":29,"width":2108,"height":2109,"formats":11235,"hash":2138,"ext":34,"mime":37,"size":2139,"url":2140,"previewUrl":39,"provider":72,"provider_metadata":11244,"created_at":2142,"updated_at":2143},{"large":11236,"small":11238,"medium":11240,"thumbnail":11242},{"ext":34,"url":2112,"hash":2113,"mime":37,"name":2114,"path":39,"size":2115,"width":41,"height":2116,"provider_metadata":11237},{"public_id":2113,"resource_type":44},{"ext":34,"url":2119,"hash":2120,"mime":37,"name":2121,"path":39,"size":2122,"width":50,"height":2123,"provider_metadata":11239},{"public_id":2120,"resource_type":44},{"ext":34,"url":2126,"hash":2127,"mime":37,"name":2128,"path":39,"size":2129,"width":58,"height":2130,"provider_metadata":11241},{"public_id":2127,"resource_type":44},{"ext":34,"url":2133,"hash":2134,"mime":37,"name":2135,"path":39,"size":2136,"width":1266,"height":67,"provider_metadata":11243},{"public_id":2134,"resource_type":44},{"public_id":2138,"resource_type":44},{"__component":23,"id":2145,"Text":2146},{"id":2148,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":11247,"hash":2165,"ext":34,"mime":37,"size":2166,"url":2167,"previewUrl":39,"provider":72,"provider_metadata":11254,"created_at":2169,"updated_at":2169},{"small":11248,"medium":11250,"thumbnail":11252},{"ext":34,"url":2151,"hash":2152,"mime":37,"name":302,"path":39,"size":2153,"width":50,"height":311,"provider_metadata":11249},{"public_id":2152,"resource_type":44},{"ext":34,"url":2156,"hash":2157,"mime":37,"name":309,"path":39,"size":2158,"width":58,"height":537,"provider_metadata":11251},{"public_id":2157,"resource_type":44},{"ext":34,"url":2161,"hash":2162,"mime":37,"name":316,"path":39,"size":2163,"width":544,"height":67,"provider_metadata":11253},{"public_id":2162,"resource_type":44},{"public_id":2165,"resource_type":44},[],{"id":333,"Name":1756,"created_at":1757,"updated_at":1758,"slug":1683,"blogs":11257,"projects":11467},[11258,11330],{"id":327,"Title":1531,"user":81,"Summary":1544,"created_at":1545,"updated_at":1546,"slug":1547,"published_at":1548,"release_date":1549,"Layout":381,"Content":11259,"Feature":11321},[11260,11261,11264,11265,11266,11267,11278,11279,11292,11293,11294,11295,11296,11297,11298,11299,11300,11301,11302,11303,11304,11305,11306,11307,11308,11309,11310,11311,11312,11313,11314,11315,11316,11317,11318,11319,11320],{"__component":23,"id":1552,"Text":1553},{"__component":1373,"id":13,"Video":11262},{"id":1214,"name":1556,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1557,"ext":1558,"mime":1559,"size":1560,"url":1561,"previewUrl":1562,"provider":72,"provider_metadata":11263,"created_at":1564,"updated_at":1565},{"public_id":1557,"resource_type":1385},{"__component":23,"id":1567,"Text":1568},{"__component":412,"id":1052,"Code":1570,"Type":415,"location":39,"language":39},{"__component":23,"id":912,"Text":1572},{"__component":141,"id":1574,"Size":39,"caption":39,"Image":11268},[11269],{"id":1107,"name":1577,"alternativeText":29,"caption":29,"width":1578,"height":1579,"formats":11270,"hash":1601,"ext":97,"mime":100,"size":1602,"url":1603,"previewUrl":39,"provider":72,"provider_metadata":11277,"created_at":1605,"updated_at":1606},{"small":11271,"medium":11273,"thumbnail":11275},{"ext":97,"url":1582,"hash":1583,"mime":100,"name":1584,"path":39,"size":1585,"width":50,"height":601,"provider_metadata":11272},{"public_id":1583,"resource_type":44},{"ext":97,"url":1588,"hash":1589,"mime":100,"name":1590,"path":39,"size":1591,"width":58,"height":1592,"provider_metadata":11274},{"public_id":1589,"resource_type":44},{"ext":97,"url":1595,"hash":1596,"mime":100,"name":1597,"path":39,"size":1598,"width":256,"height":1599,"provider_metadata":11276},{"public_id":1596,"resource_type":44},{"public_id":1601,"resource_type":44},{"__component":23,"id":1608,"Text":1609},{"__component":141,"id":1611,"Size":39,"caption":39,"Image":11280},[11281],{"id":1113,"name":1614,"alternativeText":29,"caption":29,"width":1615,"height":487,"formats":11282,"hash":1644,"ext":97,"mime":100,"size":1645,"url":1646,"previewUrl":39,"provider":72,"provider_metadata":11291,"created_at":1648,"updated_at":1649},{"large":11283,"small":11285,"medium":11287,"thumbnail":11289},{"ext":97,"url":1618,"hash":1619,"mime":100,"name":1620,"path":39,"size":1621,"width":41,"height":475,"provider_metadata":11284},{"public_id":1619,"resource_type":44},{"ext":97,"url":1624,"hash":1625,"mime":100,"name":1626,"path":39,"size":1627,"width":50,"height":1628,"provider_metadata":11286},{"public_id":1625,"resource_type":44},{"ext":97,"url":1631,"hash":1632,"mime":100,"name":1633,"path":39,"size":1634,"width":58,"height":1635,"provider_metadata":11288},{"public_id":1632,"resource_type":44},{"ext":97,"url":1638,"hash":1639,"mime":100,"name":1640,"path":39,"size":1641,"width":256,"height":1642,"provider_metadata":11290},{"public_id":1639,"resource_type":44},{"public_id":1644,"resource_type":44},{"__component":23,"id":67,"Text":1651},{"__component":412,"id":1144,"Code":1653,"Type":415,"location":39,"language":39},{"__component":23,"id":1655,"Text":1656},{"__component":412,"id":1194,"Code":1658,"Type":1189,"location":39,"language":39},{"__component":23,"id":1660,"Text":1661},{"__component":412,"id":1663,"Code":1664,"Type":1189,"location":39,"language":39},{"__component":23,"id":1666,"Text":1667},{"__component":412,"id":1225,"Code":1669,"Type":1670,"location":39,"language":39},{"__component":23,"id":1672,"Text":1673},{"__component":412,"id":1675,"Code":1676,"Type":415,"location":39,"language":39},{"__component":23,"id":1678,"Text":1679},{"__component":412,"id":1681,"Code":1682,"Type":1683,"location":39,"language":39},{"__component":23,"id":1685,"Text":1686},{"__component":412,"id":91,"Code":1688,"Type":1683,"location":39,"language":39},{"__component":23,"id":1690,"Text":1691},{"__component":412,"id":1693,"Code":1694,"Type":1189,"location":39,"language":39},{"__component":23,"id":1696,"Text":1697},{"__component":412,"id":1699,"Code":1700,"Type":1683,"location":39,"language":39},{"__component":23,"id":1702,"Text":1703},{"__component":412,"id":142,"Code":1705,"Type":1683,"location":39,"language":39},{"__component":23,"id":1707,"Text":1708},{"__component":412,"id":189,"Code":1710,"Type":1683,"location":39,"language":39},{"__component":23,"id":1712,"Text":1713},{"__component":412,"id":235,"Code":1715,"Type":1683,"location":39,"language":39},{"__component":23,"id":1717,"Text":1718},{"__component":412,"id":1635,"Code":1720,"Type":1683,"location":39,"language":39},{"__component":23,"id":1722,"Text":1723},{"__component":412,"id":1725,"Code":1726,"Type":1189,"location":39,"language":39},{"__component":23,"id":1728,"Text":1729},{"id":1731,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":11322,"hash":1748,"ext":34,"mime":37,"size":1749,"url":1750,"previewUrl":39,"provider":72,"provider_metadata":11329,"created_at":1752,"updated_at":1752},{"small":11323,"medium":11325,"thumbnail":11327},{"ext":34,"url":1734,"hash":1735,"mime":37,"name":529,"path":39,"size":1736,"width":50,"height":311,"provider_metadata":11324},{"public_id":1735,"resource_type":44},{"ext":34,"url":1739,"hash":1740,"mime":37,"name":535,"path":39,"size":1741,"width":58,"height":537,"provider_metadata":11326},{"public_id":1740,"resource_type":44},{"ext":34,"url":1744,"hash":1745,"mime":37,"name":542,"path":39,"size":1746,"width":544,"height":67,"provider_metadata":11328},{"public_id":1745,"resource_type":44},{"public_id":1748,"resource_type":44},{"id":1760,"Title":1761,"user":87,"Summary":1781,"created_at":1782,"updated_at":1783,"slug":1784,"published_at":1782,"release_date":1785,"Layout":381,"Content":11331,"Feature":11458},[11332,11333,11346,11347,11348,11349,11350,11351,11352,11353,11354,11355,11368,11369,11370,11371,11372,11373,11374,11375,11376,11377,11378,11379,11380,11381,11382,11393,11394,11395,11396,11397,11398,11411,11412,11425,11426,11427,11428,11429,11430,11431,11432,11433,11434,11435,11436,11437,11438,11439,11440,11441,11442,11443,11444,11457],{"__component":23,"id":318,"Text":1788},{"__component":141,"id":1790,"Size":39,"caption":39,"Image":11334},[11335],{"id":1095,"name":1793,"alternativeText":1794,"caption":29,"width":1795,"height":1796,"formats":11336,"hash":1826,"ext":34,"mime":37,"size":1827,"url":1828,"previewUrl":39,"provider":72,"provider_metadata":11345,"created_at":1830,"updated_at":1831},{"large":11337,"small":11339,"medium":11341,"thumbnail":11343},{"ext":34,"url":1799,"hash":1800,"mime":37,"name":1801,"path":39,"size":1802,"width":41,"height":1803,"provider_metadata":11338},{"public_id":1800,"resource_type":44},{"ext":34,"url":1806,"hash":1807,"mime":37,"name":1808,"path":39,"size":1809,"width":50,"height":1810,"provider_metadata":11340},{"public_id":1807,"resource_type":44},{"ext":34,"url":1813,"hash":1814,"mime":37,"name":1815,"path":39,"size":1816,"width":58,"height":1817,"provider_metadata":11342},{"public_id":1814,"resource_type":44},{"ext":34,"url":1820,"hash":1821,"mime":37,"name":1822,"path":39,"size":1823,"width":256,"height":1824,"provider_metadata":11344},{"public_id":1821,"resource_type":44},{"public_id":1826,"resource_type":44},{"__component":23,"id":1833,"Text":1834},{"__component":412,"id":1276,"Code":1836,"Type":415,"location":39,"language":39},{"__component":23,"id":1838,"Text":1839},{"__component":412,"id":1278,"Code":1841,"Type":1189,"location":39,"language":39},{"__component":23,"id":1843,"Text":1844},{"__component":412,"id":1846,"Code":1847,"Type":1683,"location":39,"language":39},{"__component":23,"id":1257,"Text":1849},{"__component":412,"id":1851,"Code":1852,"Type":1683,"location":39,"language":39},{"__component":23,"id":1854,"Text":1855},{"__component":141,"id":1274,"Size":39,"caption":39,"Image":11356},[11357],{"id":1725,"name":1859,"alternativeText":1860,"caption":29,"width":1861,"height":1862,"formats":11358,"hash":1892,"ext":34,"mime":37,"size":1893,"url":1894,"previewUrl":39,"provider":72,"provider_metadata":11367,"created_at":1896,"updated_at":1897},{"large":11359,"small":11361,"medium":11363,"thumbnail":11365},{"ext":34,"url":1865,"hash":1866,"mime":37,"name":1867,"path":39,"size":1868,"width":41,"height":1869,"provider_metadata":11360},{"public_id":1866,"resource_type":44},{"ext":34,"url":1872,"hash":1873,"mime":37,"name":1874,"path":39,"size":1875,"width":50,"height":1876,"provider_metadata":11362},{"public_id":1873,"resource_type":44},{"ext":34,"url":1879,"hash":1880,"mime":37,"name":1881,"path":39,"size":1882,"width":58,"height":1883,"provider_metadata":11364},{"public_id":1880,"resource_type":44},{"ext":34,"url":1886,"hash":1887,"mime":37,"name":1888,"path":39,"size":1889,"width":1890,"height":67,"provider_metadata":11366},{"public_id":1887,"resource_type":44},{"public_id":1892,"resource_type":44},{"__component":23,"id":731,"Text":1899},{"__component":412,"id":1790,"Code":1901,"Type":1189,"location":39,"language":39},{"__component":23,"id":1824,"Text":1903},{"__component":412,"id":1628,"Code":1905,"Type":1670,"location":39,"language":39},{"__component":23,"id":1907,"Text":1908},{"__component":412,"id":1574,"Code":1910,"Type":1683,"location":39,"language":39},{"__component":23,"id":1912,"Text":1913},{"__component":412,"id":1611,"Code":1915,"Type":415,"location":39,"language":39},{"__component":23,"id":957,"Text":1917},{"__component":412,"id":283,"Code":1919,"Type":1683,"location":39,"language":39},{"__component":23,"id":777,"Text":1921},{"__component":412,"id":1331,"Code":1923,"Type":422,"location":39,"language":39},{"__component":23,"id":1925,"Text":1926},{"__component":23,"id":867,"Text":1928},{"__component":141,"id":1276,"Size":39,"caption":39,"Image":11383},[11384],{"id":1663,"name":1932,"alternativeText":1933,"caption":29,"width":1934,"height":1935,"formats":11385,"hash":1957,"ext":34,"mime":37,"size":1958,"url":1959,"previewUrl":39,"provider":72,"provider_metadata":11392,"created_at":1961,"updated_at":1962},{"small":11386,"medium":11388,"thumbnail":11390},{"ext":34,"url":1938,"hash":1939,"mime":37,"name":1940,"path":39,"size":1941,"width":50,"height":1942,"provider_metadata":11387},{"public_id":1939,"resource_type":44},{"ext":34,"url":1945,"hash":1946,"mime":37,"name":1947,"path":39,"size":1948,"width":58,"height":1949,"provider_metadata":11389},{"public_id":1946,"resource_type":44},{"ext":34,"url":1952,"hash":1953,"mime":37,"name":1954,"path":39,"size":1955,"width":256,"height":147,"provider_metadata":11391},{"public_id":1953,"resource_type":44},{"public_id":1957,"resource_type":44},{"__component":23,"id":1592,"Text":1928},{"__component":412,"id":1392,"Code":1965,"Type":1683,"location":39,"language":39},{"__component":23,"id":1967,"Text":1968},{"__component":412,"id":607,"Code":1970,"Type":1683,"location":39,"language":39},{"__component":23,"id":239,"Text":1972},{"__component":141,"id":1278,"Size":39,"caption":39,"Image":11399},[11400],{"id":1976,"name":1977,"alternativeText":1978,"caption":29,"width":1979,"height":1980,"formats":11401,"hash":2009,"ext":34,"mime":37,"size":2010,"url":2011,"previewUrl":39,"provider":72,"provider_metadata":11410,"created_at":2013,"updated_at":2014},{"large":11402,"small":11404,"medium":11406,"thumbnail":11408},{"ext":34,"url":1983,"hash":1984,"mime":37,"name":1985,"path":39,"size":1986,"width":41,"height":1987,"provider_metadata":11403},{"public_id":1984,"resource_type":44},{"ext":34,"url":1990,"hash":1991,"mime":37,"name":1992,"path":39,"size":1993,"width":50,"height":1994,"provider_metadata":11405},{"public_id":1991,"resource_type":44},{"ext":34,"url":1997,"hash":1998,"mime":37,"name":1999,"path":39,"size":2000,"width":58,"height":2001,"provider_metadata":11407},{"public_id":1998,"resource_type":44},{"ext":34,"url":2004,"hash":2005,"mime":37,"name":2006,"path":39,"size":2007,"width":223,"height":67,"provider_metadata":11409},{"public_id":2005,"resource_type":44},{"public_id":2009,"resource_type":44},{"__component":23,"id":147,"Text":2016},{"__component":141,"id":1846,"Size":39,"caption":39,"Image":11413},[11414],{"id":595,"name":2020,"alternativeText":2021,"caption":29,"width":2022,"height":2023,"formats":11415,"hash":2052,"ext":34,"mime":37,"size":2053,"url":2054,"previewUrl":39,"provider":72,"provider_metadata":11424,"created_at":2056,"updated_at":2057},{"large":11416,"small":11418,"medium":11420,"thumbnail":11422},{"ext":34,"url":2026,"hash":2027,"mime":37,"name":2028,"path":39,"size":2029,"width":41,"height":2030,"provider_metadata":11417},{"public_id":2027,"resource_type":44},{"ext":34,"url":2033,"hash":2034,"mime":37,"name":2035,"path":39,"size":2036,"width":50,"height":2037,"provider_metadata":11419},{"public_id":2034,"resource_type":44},{"ext":34,"url":2040,"hash":2041,"mime":37,"name":2042,"path":39,"size":2043,"width":58,"height":2044,"provider_metadata":11421},{"public_id":2041,"resource_type":44},{"ext":34,"url":2047,"hash":2048,"mime":37,"name":2049,"path":39,"size":2050,"width":466,"height":67,"provider_metadata":11423},{"public_id":2048,"resource_type":44},{"public_id":2052,"resource_type":44},{"__component":23,"id":193,"Text":2059},{"__component":412,"id":653,"Code":2061,"Type":1683,"location":39,"language":39},{"__component":23,"id":2063,"Text":2064},{"__component":412,"id":697,"Code":2066,"Type":1683,"location":39,"language":39},{"__component":23,"id":2068,"Text":2069},{"__component":412,"id":743,"Code":2071,"Type":1683,"location":39,"language":39},{"__component":23,"id":2073,"Text":2074},{"__component":412,"id":789,"Code":2076,"Type":1683,"location":39,"language":39},{"__component":23,"id":2078,"Text":2079},{"__component":412,"id":834,"Code":2081,"Type":1683,"location":39,"language":39},{"__component":23,"id":2083,"Text":2084},{"__component":412,"id":879,"Code":2086,"Type":1683,"location":39,"language":39},{"__component":23,"id":1579,"Text":2088},{"__component":412,"id":924,"Code":2090,"Type":1683,"location":39,"language":39},{"__component":23,"id":2092,"Text":2093},{"__component":412,"id":969,"Code":2095,"Type":1683,"location":39,"language":39},{"__component":23,"id":257,"Text":2097},{"__component":412,"id":1011,"Code":2099,"Type":1683,"location":39,"language":39},{"__component":23,"id":2101,"Text":2102},{"__component":141,"id":1851,"Size":39,"caption":39,"Image":11445},[11446],{"id":601,"name":2106,"alternativeText":2107,"caption":29,"width":2108,"height":2109,"formats":11447,"hash":2138,"ext":34,"mime":37,"size":2139,"url":2140,"previewUrl":39,"provider":72,"provider_metadata":11456,"created_at":2142,"updated_at":2143},{"large":11448,"small":11450,"medium":11452,"thumbnail":11454},{"ext":34,"url":2112,"hash":2113,"mime":37,"name":2114,"path":39,"size":2115,"width":41,"height":2116,"provider_metadata":11449},{"public_id":2113,"resource_type":44},{"ext":34,"url":2119,"hash":2120,"mime":37,"name":2121,"path":39,"size":2122,"width":50,"height":2123,"provider_metadata":11451},{"public_id":2120,"resource_type":44},{"ext":34,"url":2126,"hash":2127,"mime":37,"name":2128,"path":39,"size":2129,"width":58,"height":2130,"provider_metadata":11453},{"public_id":2127,"resource_type":44},{"ext":34,"url":2133,"hash":2134,"mime":37,"name":2135,"path":39,"size":2136,"width":1266,"height":67,"provider_metadata":11455},{"public_id":2134,"resource_type":44},{"public_id":2138,"resource_type":44},{"__component":23,"id":2145,"Text":2146},{"id":2148,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":11459,"hash":2165,"ext":34,"mime":37,"size":2166,"url":2167,"previewUrl":39,"provider":72,"provider_metadata":11466,"created_at":2169,"updated_at":2169},{"small":11460,"medium":11462,"thumbnail":11464},{"ext":34,"url":2151,"hash":2152,"mime":37,"name":302,"path":39,"size":2153,"width":50,"height":311,"provider_metadata":11461},{"public_id":2152,"resource_type":44},{"ext":34,"url":2156,"hash":2157,"mime":37,"name":309,"path":39,"size":2158,"width":58,"height":537,"provider_metadata":11463},{"public_id":2157,"resource_type":44},{"ext":34,"url":2161,"hash":2162,"mime":37,"name":316,"path":39,"size":2163,"width":544,"height":67,"provider_metadata":11465},{"public_id":2162,"resource_type":44},{"public_id":2165,"resource_type":44},[],{"id":78,"Name":553,"created_at":554,"updated_at":555,"slug":556,"blogs":11469,"projects":11907},[11470,11548,11782,11837],{"id":342,"Title":8141,"user":336,"Summary":8154,"created_at":8155,"updated_at":8156,"slug":401,"published_at":8157,"release_date":8158,"Layout":381,"Content":11471,"Feature":11539},[11472,11473,11479,11480,11484,11485,11496,11497,11498,11499,11500,11501,11514,11515,11528,11529,11530,11531,11532,11533,11534,11535,11536,11537,11538],{"__component":23,"id":8161,"Text":8162},{"__component":269,"id":336,"title":271,"blog_series":39,"post_link":11474},[11475,11476,11477,11478],{"id":81,"title":8166,"slug":392,"description":393,"blog_series":39},{"id":3523,"title":396,"slug":378,"description":397,"blog_series":39},{"id":3548,"title":400,"slug":401,"description":402,"blog_series":39},{"id":2796,"title":405,"slug":406,"description":407,"blog_series":39},{"__component":23,"id":256,"Text":8171},{"__component":7457,"id":336,"title":7458,"URL":39,"link_to_code":11481},[11482,11483],{"id":270,"title":8175,"URL":8176},{"id":81,"title":8178,"URL":8179},{"__component":23,"id":5682,"Text":8181},{"__component":141,"id":1976,"Size":608,"caption":8183,"Image":11486},[11487],{"id":2078,"name":8186,"alternativeText":29,"caption":29,"width":3362,"height":8187,"formats":11488,"hash":8207,"ext":34,"mime":37,"size":8208,"url":8209,"previewUrl":39,"provider":72,"provider_metadata":11495,"created_at":8211,"updated_at":8212},{"small":11489,"medium":11491,"thumbnail":11493},{"ext":34,"url":8190,"hash":8191,"mime":37,"name":8192,"path":39,"size":8193,"width":4727,"height":50,"provider_metadata":11490},{"public_id":8191,"resource_type":44},{"ext":34,"url":8196,"hash":8197,"mime":37,"name":8198,"path":39,"size":8199,"width":241,"height":58,"provider_metadata":11492},{"public_id":8197,"resource_type":44},{"ext":34,"url":8202,"hash":8203,"mime":37,"name":8204,"path":39,"size":8205,"width":1824,"height":67,"provider_metadata":11494},{"public_id":8203,"resource_type":44},{"public_id":8207,"resource_type":44},{"__component":23,"id":5590,"Text":8214},{"__component":412,"id":700,"Code":8216,"Type":1189,"location":8217,"language":39},{"__component":23,"id":5341,"Text":8219},{"__component":412,"id":318,"Code":8221,"Type":1189,"location":8222,"language":39},{"__component":23,"id":3948,"Text":8224},{"__component":141,"id":595,"Size":4089,"caption":8226,"Image":11502},[11503],{"id":2083,"name":8041,"alternativeText":29,"caption":29,"width":8042,"height":2426,"formats":11504,"hash":8246,"ext":34,"mime":37,"size":8070,"url":8247,"previewUrl":39,"provider":72,"provider_metadata":11513,"created_at":8249,"updated_at":8250},{"large":11505,"small":11507,"medium":11509,"thumbnail":11511},{"ext":34,"url":8231,"hash":8232,"mime":37,"name":8047,"path":39,"size":8048,"width":41,"height":8049,"provider_metadata":11506},{"public_id":8232,"resource_type":44},{"ext":34,"url":8235,"hash":8236,"mime":37,"name":8054,"path":39,"size":8055,"width":50,"height":266,"provider_metadata":11508},{"public_id":8236,"resource_type":44},{"ext":34,"url":8239,"hash":8240,"mime":37,"name":8060,"path":39,"size":8061,"width":58,"height":6939,"provider_metadata":11510},{"public_id":8240,"resource_type":44},{"ext":34,"url":8243,"hash":8244,"mime":37,"name":8066,"path":39,"size":8067,"width":256,"height":499,"provider_metadata":11512},{"public_id":8244,"resource_type":44},{"public_id":8246,"resource_type":44},{"__component":23,"id":5632,"Text":8252},{"__component":141,"id":601,"Size":4089,"caption":8254,"Image":11516},[11517],{"id":1579,"name":8257,"alternativeText":29,"caption":29,"width":8258,"height":8259,"formats":11518,"hash":8285,"ext":34,"mime":37,"size":8286,"url":8287,"previewUrl":39,"provider":72,"provider_metadata":11527,"created_at":8289,"updated_at":8290},{"large":11519,"small":11521,"medium":11523,"thumbnail":11525},{"ext":34,"url":8262,"hash":8263,"mime":37,"name":8264,"path":39,"size":8265,"width":41,"height":8266,"provider_metadata":11520},{"public_id":8263,"resource_type":44},{"ext":34,"url":8269,"hash":8270,"mime":37,"name":8271,"path":39,"size":8272,"width":50,"height":3299,"provider_metadata":11522},{"public_id":8270,"resource_type":44},{"ext":34,"url":8275,"hash":8276,"mime":37,"name":8277,"path":39,"size":8278,"width":58,"height":3306,"provider_metadata":11524},{"public_id":8276,"resource_type":44},{"ext":34,"url":8281,"hash":8282,"mime":37,"name":8283,"path":39,"size":6960,"width":256,"height":420,"provider_metadata":11526},{"public_id":8282,"resource_type":44},{"public_id":8285,"resource_type":44},{"__component":23,"id":5658,"Text":8292},{"__component":412,"id":1838,"Code":8294,"Type":1189,"location":8023,"language":39},{"__component":23,"id":5434,"Text":8296},{"__component":412,"id":1843,"Code":8298,"Type":422,"location":8023,"language":39},{"__component":23,"id":5473,"Text":8300},{"__component":412,"id":1257,"Code":8302,"Type":422,"location":8023,"language":39},{"__component":23,"id":304,"Text":8304},{"__component":412,"id":1854,"Code":8306,"Type":1189,"location":8307,"language":39},{"__component":23,"id":5552,"Text":8309},{"__component":412,"id":731,"Code":8311,"Type":1189,"location":8222,"language":39},{"__component":23,"id":5721,"Text":8313},{"id":4660,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":11540,"hash":8331,"ext":34,"mime":37,"size":8332,"url":8333,"previewUrl":39,"provider":72,"provider_metadata":11547,"created_at":8335,"updated_at":8335},{"small":11541,"medium":11543,"thumbnail":11545},{"ext":34,"url":8317,"hash":8318,"mime":37,"name":529,"path":39,"size":8319,"width":50,"height":311,"provider_metadata":11542},{"public_id":8318,"resource_type":44},{"ext":34,"url":8322,"hash":8323,"mime":37,"name":535,"path":39,"size":8324,"width":58,"height":537,"provider_metadata":11544},{"public_id":8323,"resource_type":44},{"ext":34,"url":8327,"hash":8328,"mime":37,"name":542,"path":39,"size":8329,"width":544,"height":67,"provider_metadata":11546},{"public_id":8328,"resource_type":44},{"public_id":8331,"resource_type":44},{"id":569,"Title":570,"user":336,"Summary":583,"created_at":584,"updated_at":585,"slug":392,"published_at":586,"release_date":587,"Layout":381,"Content":11549,"Feature":11773},[11550,11551,11552,11553,11554,11555,11556,11569,11570,11583,11584,11597,11598,11611,11612,11625,11626,11639,11640,11653,11654,11667,11668,11681,11682,11695,11696,11709,11710,11711,11712,11713,11714,11715,11716,11717,11718,11719,11720,11721,11722,11723,11724,11725,11726,11739,11740,11741,11742,11746,11747,11748,11749,11750,11751,11752,11753,11766,11767],{"__component":23,"id":544,"Text":590},{"__component":23,"id":592,"Text":593},{"__component":412,"id":595,"Code":596,"Type":415,"location":39,"language":39},{"__component":23,"id":598,"Text":599},{"__component":412,"id":601,"Code":602,"Type":415,"location":39,"language":39},{"__component":23,"id":604,"Text":605},{"__component":141,"id":607,"Size":608,"caption":39,"Image":11557},[11558],{"id":481,"name":611,"alternativeText":29,"caption":29,"width":612,"height":613,"formats":11559,"hash":643,"ext":34,"mime":37,"size":644,"url":645,"previewUrl":39,"provider":72,"provider_metadata":11568,"created_at":647,"updated_at":648},{"large":11560,"small":11562,"medium":11564,"thumbnail":11566},{"ext":34,"url":616,"hash":617,"mime":37,"name":618,"path":39,"size":619,"width":620,"height":41,"provider_metadata":11561},{"public_id":617,"resource_type":44},{"ext":34,"url":623,"hash":624,"mime":37,"name":625,"path":39,"size":626,"width":627,"height":50,"provider_metadata":11563},{"public_id":624,"resource_type":44},{"ext":34,"url":630,"hash":631,"mime":37,"name":632,"path":39,"size":633,"width":634,"height":58,"provider_metadata":11565},{"public_id":631,"resource_type":44},{"ext":34,"url":637,"hash":638,"mime":37,"name":639,"path":39,"size":640,"width":641,"height":67,"provider_metadata":11567},{"public_id":638,"resource_type":44},{"public_id":643,"resource_type":44},{"__component":23,"id":650,"Text":651},{"__component":141,"id":653,"Size":39,"caption":39,"Image":11571},[11572],{"id":318,"name":656,"alternativeText":29,"caption":29,"width":657,"height":658,"formats":11573,"hash":687,"ext":34,"mime":37,"size":688,"url":689,"previewUrl":39,"provider":72,"provider_metadata":11582,"created_at":691,"updated_at":692},{"large":11574,"small":11576,"medium":11578,"thumbnail":11580},{"ext":34,"url":661,"hash":662,"mime":37,"name":663,"path":39,"size":664,"width":41,"height":665,"provider_metadata":11575},{"public_id":662,"resource_type":44},{"ext":34,"url":668,"hash":669,"mime":37,"name":670,"path":39,"size":671,"width":50,"height":672,"provider_metadata":11577},{"public_id":669,"resource_type":44},{"ext":34,"url":675,"hash":676,"mime":37,"name":677,"path":39,"size":678,"width":58,"height":679,"provider_metadata":11579},{"public_id":676,"resource_type":44},{"ext":34,"url":682,"hash":683,"mime":37,"name":684,"path":39,"size":685,"width":448,"height":67,"provider_metadata":11581},{"public_id":683,"resource_type":44},{"public_id":687,"resource_type":44},{"__component":23,"id":694,"Text":695},{"__component":141,"id":697,"Size":39,"caption":39,"Image":11585},[11586],{"id":700,"name":701,"alternativeText":29,"caption":29,"width":702,"height":703,"formats":11587,"hash":733,"ext":34,"mime":37,"size":734,"url":735,"previewUrl":39,"provider":72,"provider_metadata":11596,"created_at":737,"updated_at":738},{"large":11588,"small":11590,"medium":11592,"thumbnail":11594},{"ext":34,"url":706,"hash":707,"mime":37,"name":708,"path":39,"size":709,"width":41,"height":710,"provider_metadata":11589},{"public_id":707,"resource_type":44},{"ext":34,"url":713,"hash":714,"mime":37,"name":715,"path":39,"size":716,"width":50,"height":717,"provider_metadata":11591},{"public_id":714,"resource_type":44},{"ext":34,"url":720,"hash":721,"mime":37,"name":722,"path":39,"size":723,"width":58,"height":724,"provider_metadata":11593},{"public_id":721,"resource_type":44},{"ext":34,"url":727,"hash":728,"mime":37,"name":729,"path":39,"size":730,"width":256,"height":731,"provider_metadata":11595},{"public_id":728,"resource_type":44},{"public_id":733,"resource_type":44},{"__component":23,"id":740,"Text":741},{"__component":141,"id":743,"Size":39,"caption":39,"Image":11599},[11600],{"id":463,"name":746,"alternativeText":29,"caption":747,"width":748,"height":749,"formats":11601,"hash":779,"ext":34,"mime":37,"size":780,"url":781,"previewUrl":39,"provider":72,"provider_metadata":11610,"created_at":783,"updated_at":784},{"large":11602,"small":11604,"medium":11606,"thumbnail":11608},{"ext":34,"url":752,"hash":753,"mime":37,"name":754,"path":39,"size":755,"width":41,"height":756,"provider_metadata":11603},{"public_id":753,"resource_type":44},{"ext":34,"url":759,"hash":760,"mime":37,"name":761,"path":39,"size":762,"width":50,"height":763,"provider_metadata":11605},{"public_id":760,"resource_type":44},{"ext":34,"url":766,"hash":767,"mime":37,"name":768,"path":39,"size":769,"width":58,"height":770,"provider_metadata":11607},{"public_id":767,"resource_type":44},{"ext":34,"url":773,"hash":774,"mime":37,"name":775,"path":39,"size":776,"width":256,"height":777,"provider_metadata":11609},{"public_id":774,"resource_type":44},{"public_id":779,"resource_type":44},{"__component":23,"id":786,"Text":787},{"__component":141,"id":789,"Size":39,"caption":39,"Image":11613},[11614],{"id":487,"name":792,"alternativeText":29,"caption":29,"width":793,"height":794,"formats":11615,"hash":824,"ext":34,"mime":37,"size":825,"url":826,"previewUrl":39,"provider":72,"provider_metadata":11624,"created_at":828,"updated_at":829},{"large":11616,"small":11618,"medium":11620,"thumbnail":11622},{"ext":34,"url":797,"hash":798,"mime":37,"name":799,"path":39,"size":800,"width":41,"height":801,"provider_metadata":11617},{"public_id":798,"resource_type":44},{"ext":34,"url":804,"hash":805,"mime":37,"name":806,"path":39,"size":807,"width":50,"height":808,"provider_metadata":11619},{"public_id":805,"resource_type":44},{"ext":34,"url":811,"hash":812,"mime":37,"name":813,"path":39,"size":814,"width":58,"height":815,"provider_metadata":11621},{"public_id":812,"resource_type":44},{"ext":34,"url":818,"hash":819,"mime":37,"name":820,"path":39,"size":821,"width":822,"height":67,"provider_metadata":11623},{"public_id":819,"resource_type":44},{"public_id":824,"resource_type":44},{"__component":23,"id":831,"Text":832},{"__component":141,"id":834,"Size":39,"caption":39,"Image":11627},[11628],{"id":493,"name":837,"alternativeText":29,"caption":29,"width":838,"height":839,"formats":11629,"hash":869,"ext":34,"mime":37,"size":870,"url":871,"previewUrl":39,"provider":72,"provider_metadata":11638,"created_at":873,"updated_at":874},{"large":11630,"small":11632,"medium":11634,"thumbnail":11636},{"ext":34,"url":842,"hash":843,"mime":37,"name":844,"path":39,"size":845,"width":41,"height":846,"provider_metadata":11631},{"public_id":843,"resource_type":44},{"ext":34,"url":849,"hash":850,"mime":37,"name":851,"path":39,"size":852,"width":50,"height":853,"provider_metadata":11633},{"public_id":850,"resource_type":44},{"ext":34,"url":856,"hash":857,"mime":37,"name":858,"path":39,"size":859,"width":58,"height":860,"provider_metadata":11635},{"public_id":857,"resource_type":44},{"ext":34,"url":863,"hash":864,"mime":37,"name":865,"path":39,"size":866,"width":256,"height":867,"provider_metadata":11637},{"public_id":864,"resource_type":44},{"public_id":869,"resource_type":44},{"__component":23,"id":876,"Text":877},{"__component":141,"id":879,"Size":39,"caption":39,"Image":11641},[11642],{"id":515,"name":882,"alternativeText":29,"caption":29,"width":883,"height":884,"formats":11643,"hash":914,"ext":34,"mime":37,"size":915,"url":916,"previewUrl":39,"provider":72,"provider_metadata":11652,"created_at":918,"updated_at":919},{"large":11644,"small":11646,"medium":11648,"thumbnail":11650},{"ext":34,"url":887,"hash":888,"mime":37,"name":889,"path":39,"size":890,"width":41,"height":891,"provider_metadata":11645},{"public_id":888,"resource_type":44},{"ext":34,"url":894,"hash":895,"mime":37,"name":896,"path":39,"size":897,"width":50,"height":898,"provider_metadata":11647},{"public_id":895,"resource_type":44},{"ext":34,"url":901,"hash":902,"mime":37,"name":903,"path":39,"size":904,"width":58,"height":905,"provider_metadata":11649},{"public_id":902,"resource_type":44},{"ext":34,"url":908,"hash":909,"mime":37,"name":910,"path":39,"size":911,"width":256,"height":912,"provider_metadata":11651},{"public_id":909,"resource_type":44},{"public_id":914,"resource_type":44},{"__component":23,"id":921,"Text":922},{"__component":141,"id":924,"Size":39,"caption":39,"Image":11655},[11656],{"id":499,"name":927,"alternativeText":29,"caption":29,"width":928,"height":929,"formats":11657,"hash":959,"ext":34,"mime":37,"size":960,"url":961,"previewUrl":39,"provider":72,"provider_metadata":11666,"created_at":963,"updated_at":964},{"large":11658,"small":11660,"medium":11662,"thumbnail":11664},{"ext":34,"url":932,"hash":933,"mime":37,"name":934,"path":39,"size":935,"width":41,"height":936,"provider_metadata":11659},{"public_id":933,"resource_type":44},{"ext":34,"url":939,"hash":940,"mime":37,"name":941,"path":39,"size":942,"width":50,"height":943,"provider_metadata":11661},{"public_id":940,"resource_type":44},{"ext":34,"url":946,"hash":947,"mime":37,"name":948,"path":39,"size":949,"width":58,"height":950,"provider_metadata":11663},{"public_id":947,"resource_type":44},{"ext":34,"url":953,"hash":954,"mime":37,"name":955,"path":39,"size":956,"width":256,"height":957,"provider_metadata":11665},{"public_id":954,"resource_type":44},{"public_id":959,"resource_type":44},{"__component":23,"id":966,"Text":967},{"__component":141,"id":969,"Size":39,"caption":39,"Image":11669},[11670],{"id":475,"name":972,"alternativeText":29,"caption":29,"width":973,"height":974,"formats":11671,"hash":1001,"ext":34,"mime":37,"size":1002,"url":1003,"previewUrl":39,"provider":72,"provider_metadata":11680,"created_at":1005,"updated_at":1006},{"large":11672,"small":11674,"medium":11676,"thumbnail":11678},{"ext":34,"url":977,"hash":978,"mime":37,"name":979,"path":39,"size":980,"width":41,"height":634,"provider_metadata":11673},{"public_id":978,"resource_type":44},{"ext":34,"url":983,"hash":984,"mime":37,"name":985,"path":39,"size":986,"width":50,"height":256,"provider_metadata":11675},{"public_id":984,"resource_type":44},{"ext":34,"url":989,"hash":990,"mime":37,"name":991,"path":39,"size":992,"width":58,"height":993,"provider_metadata":11677},{"public_id":990,"resource_type":44},{"ext":34,"url":996,"hash":997,"mime":37,"name":998,"path":39,"size":999,"width":256,"height":368,"provider_metadata":11679},{"public_id":997,"resource_type":44},{"public_id":1001,"resource_type":44},{"__component":23,"id":1008,"Text":1009},{"__component":141,"id":1011,"Size":39,"caption":39,"Image":11683},[11684],{"id":368,"name":1014,"alternativeText":29,"caption":29,"width":1015,"height":1016,"formats":11685,"hash":1043,"ext":34,"mime":37,"size":1044,"url":1045,"previewUrl":39,"provider":72,"provider_metadata":11694,"created_at":1047,"updated_at":1048},{"large":11686,"small":11688,"medium":11690,"thumbnail":11692},{"ext":34,"url":1019,"hash":1020,"mime":37,"name":1021,"path":39,"size":1022,"width":41,"height":1023,"provider_metadata":11687},{"public_id":1020,"resource_type":44},{"ext":34,"url":1026,"hash":1027,"mime":37,"name":1028,"path":39,"size":1029,"width":50,"height":484,"provider_metadata":11689},{"public_id":1027,"resource_type":44},{"ext":34,"url":1032,"hash":1033,"mime":37,"name":1034,"path":39,"size":1035,"width":58,"height":672,"provider_metadata":11691},{"public_id":1033,"resource_type":44},{"ext":34,"url":1038,"hash":1039,"mime":37,"name":1040,"path":39,"size":1041,"width":256,"height":469,"provider_metadata":11693},{"public_id":1039,"resource_type":44},{"public_id":1043,"resource_type":44},{"__component":23,"id":822,"Text":1050},{"__component":141,"id":1052,"Size":39,"caption":39,"Image":11697},[11698],{"id":504,"name":1055,"alternativeText":29,"caption":29,"width":1056,"height":1057,"formats":11699,"hash":1085,"ext":34,"mime":37,"size":1086,"url":1087,"previewUrl":39,"provider":72,"provider_metadata":11708,"created_at":1089,"updated_at":1090},{"large":11700,"small":11702,"medium":11704,"thumbnail":11706},{"ext":34,"url":1060,"hash":1061,"mime":37,"name":1062,"path":39,"size":1063,"width":41,"height":1064,"provider_metadata":11701},{"public_id":1061,"resource_type":44},{"ext":34,"url":1067,"hash":1068,"mime":37,"name":1069,"path":39,"size":1070,"width":50,"height":1071,"provider_metadata":11703},{"public_id":1068,"resource_type":44},{"ext":34,"url":1074,"hash":1075,"mime":37,"name":1076,"path":39,"size":116,"width":58,"height":1077,"provider_metadata":11705},{"public_id":1075,"resource_type":44},{"ext":34,"url":1080,"hash":1081,"mime":37,"name":1082,"path":39,"size":1083,"width":740,"height":67,"provider_metadata":11707},{"public_id":1081,"resource_type":44},{"public_id":1085,"resource_type":44},{"__component":23,"id":1092,"Text":1093},{"__component":412,"id":1095,"Code":1096,"Type":415,"location":39,"language":39},{"__component":23,"id":1098,"Text":1099},{"__component":412,"id":1101,"Code":1102,"Type":415,"location":39,"language":39},{"__component":23,"id":1104,"Text":1105},{"__component":412,"id":1107,"Code":1108,"Type":415,"location":39,"language":39},{"__component":23,"id":1110,"Text":1111},{"__component":412,"id":1113,"Code":1114,"Type":415,"location":39,"language":39},{"__component":23,"id":1116,"Text":1117},{"__component":412,"id":1119,"Code":1120,"Type":415,"location":39,"language":39},{"__component":23,"id":1122,"Text":1123},{"__component":412,"id":1125,"Code":1126,"Type":415,"location":39,"language":39},{"__component":23,"id":1128,"Text":1129},{"__component":412,"id":1131,"Code":1132,"Type":422,"location":1133,"language":39},{"__component":23,"id":1135,"Text":1136},{"__component":412,"id":1138,"Code":1139,"Type":415,"location":39,"language":39},{"__component":23,"id":1141,"Text":1142},{"__component":141,"id":1144,"Size":39,"caption":39,"Image":11727},[11728],{"id":469,"name":1147,"alternativeText":29,"caption":29,"width":1148,"height":1149,"formats":11729,"hash":1177,"ext":34,"mime":37,"size":1178,"url":1179,"previewUrl":39,"provider":72,"provider_metadata":11738,"created_at":1181,"updated_at":1182},{"large":11730,"small":11732,"medium":11734,"thumbnail":11736},{"ext":34,"url":1152,"hash":1153,"mime":37,"name":1154,"path":39,"size":1155,"width":41,"height":1156,"provider_metadata":11731},{"public_id":1153,"resource_type":44},{"ext":34,"url":1159,"hash":1160,"mime":37,"name":1161,"path":39,"size":1162,"width":50,"height":717,"provider_metadata":11733},{"public_id":1160,"resource_type":44},{"ext":34,"url":1165,"hash":1166,"mime":37,"name":1167,"path":39,"size":1168,"width":58,"height":1169,"provider_metadata":11735},{"public_id":1166,"resource_type":44},{"ext":34,"url":1172,"hash":1173,"mime":37,"name":1174,"path":39,"size":1175,"width":256,"height":731,"provider_metadata":11737},{"public_id":1173,"resource_type":44},{"public_id":1177,"resource_type":44},{"__component":23,"id":1184,"Text":1185},{"__component":412,"id":1187,"Code":1188,"Type":1189,"location":39,"language":39},{"__component":23,"id":1191,"Text":1192},{"__component":141,"id":1194,"Size":608,"caption":39,"Image":11743},[11744],{"id":451,"name":1197,"alternativeText":29,"caption":29,"width":417,"height":653,"formats":39,"hash":1198,"ext":34,"mime":37,"size":1199,"url":1200,"previewUrl":39,"provider":72,"provider_metadata":11745,"created_at":1202,"updated_at":1203},{"public_id":1198,"resource_type":44},{"__component":23,"id":1205,"Text":1206},{"__component":412,"id":1208,"Code":1209,"Type":422,"location":39,"language":39},{"__component":23,"id":1211,"Text":1212},{"__component":412,"id":1214,"Code":1215,"Type":422,"location":39,"language":39},{"__component":23,"id":1217,"Text":1218},{"__component":412,"id":641,"Code":1220,"Type":1189,"location":39,"language":39},{"__component":23,"id":1222,"Text":1223},{"__component":141,"id":1225,"Size":39,"caption":39,"Image":11754},[11755],{"id":457,"name":1228,"alternativeText":29,"caption":29,"width":1229,"height":1230,"formats":11756,"hash":1259,"ext":34,"mime":37,"size":1260,"url":1261,"previewUrl":39,"provider":72,"provider_metadata":11765,"created_at":1263,"updated_at":1264},{"large":11757,"small":11759,"medium":11761,"thumbnail":11763},{"ext":34,"url":1233,"hash":1234,"mime":37,"name":1235,"path":39,"size":1236,"width":41,"height":1237,"provider_metadata":11758},{"public_id":1234,"resource_type":44},{"ext":34,"url":1240,"hash":1241,"mime":37,"name":1242,"path":39,"size":1243,"width":50,"height":1244,"provider_metadata":11760},{"public_id":1241,"resource_type":44},{"ext":34,"url":1247,"hash":1248,"mime":37,"name":1249,"path":39,"size":1250,"width":58,"height":288,"provider_metadata":11762},{"public_id":1248,"resource_type":44},{"ext":34,"url":1253,"hash":1254,"mime":37,"name":1255,"path":39,"size":1256,"width":256,"height":1257,"provider_metadata":11764},{"public_id":1254,"resource_type":44},{"public_id":1259,"resource_type":44},{"__component":23,"id":1266,"Text":1267},{"__component":269,"id":1269,"title":271,"blog_series":39,"post_link":11768},[11769,11770,11771,11772],{"id":1272,"title":391,"slug":392,"description":393,"blog_series":39},{"id":1274,"title":396,"slug":378,"description":397,"blog_series":39},{"id":1276,"title":400,"slug":401,"description":402,"blog_series":39},{"id":1278,"title":405,"slug":406,"description":407,"blog_series":39},{"id":1280,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":11774,"hash":1297,"ext":34,"mime":37,"size":1298,"url":1299,"previewUrl":39,"provider":72,"provider_metadata":11781,"created_at":1301,"updated_at":1301},{"small":11775,"medium":11777,"thumbnail":11779},{"ext":34,"url":1283,"hash":1284,"mime":37,"name":529,"path":39,"size":1285,"width":50,"height":311,"provider_metadata":11776},{"public_id":1284,"resource_type":44},{"ext":34,"url":1288,"hash":1289,"mime":37,"name":535,"path":39,"size":1290,"width":58,"height":537,"provider_metadata":11778},{"public_id":1289,"resource_type":44},{"ext":34,"url":1293,"hash":1294,"mime":37,"name":542,"path":39,"size":1295,"width":544,"height":67,"provider_metadata":11780},{"public_id":1294,"resource_type":44},{"public_id":1297,"resource_type":44},{"id":333,"Title":334,"user":336,"Summary":375,"created_at":376,"updated_at":377,"slug":378,"published_at":379,"release_date":380,"Layout":381,"Content":11783,"Feature":11828},[11784,11785,11791,11792,11793,11794,11795,11796,11797,11798,11799,11800,11801,11802,11803,11804,11805,11806,11807,11808,11809,11810,11811,11812,11813,11814,11815,11816,11817,11818,11819,11820,11821,11822,11823,11824,11825,11826,11827],{"__component":23,"id":384,"Text":385},{"__component":269,"id":387,"title":271,"blog_series":39,"post_link":11786},[11787,11788,11789,11790],{"id":390,"title":391,"slug":392,"description":393,"blog_series":39},{"id":395,"title":396,"slug":378,"description":397,"blog_series":39},{"id":399,"title":400,"slug":401,"description":402,"blog_series":39},{"id":404,"title":405,"slug":406,"description":407,"blog_series":39},{"__component":23,"id":409,"Text":410},{"__component":412,"id":413,"Code":414,"Type":415,"location":39,"language":39},{"__component":23,"id":417,"Text":418},{"__component":412,"id":420,"Code":421,"Type":422,"location":39,"language":39},{"__component":23,"id":424,"Text":425},{"__component":412,"id":427,"Code":428,"Type":422,"location":39,"language":39},{"__component":23,"id":430,"Text":431},{"__component":412,"id":433,"Code":434,"Type":422,"location":39,"language":39},{"__component":23,"id":436,"Text":437},{"__component":412,"id":439,"Code":440,"Type":422,"location":39,"language":39},{"__component":23,"id":442,"Text":443},{"__component":412,"id":445,"Code":446,"Type":422,"location":39,"language":39},{"__component":23,"id":448,"Text":449},{"__component":412,"id":451,"Code":452,"Type":422,"location":39,"language":39},{"__component":23,"id":454,"Text":455},{"__component":412,"id":457,"Code":458,"Type":422,"location":39,"language":39},{"__component":23,"id":460,"Text":461},{"__component":412,"id":463,"Code":464,"Type":422,"location":39,"language":39},{"__component":23,"id":466,"Text":467},{"__component":412,"id":469,"Code":470,"Type":422,"location":39,"language":39},{"__component":23,"id":472,"Text":473},{"__component":412,"id":475,"Code":476,"Type":422,"location":39,"language":39},{"__component":23,"id":478,"Text":479},{"__component":412,"id":481,"Code":482,"Type":422,"location":39,"language":39},{"__component":23,"id":484,"Text":485},{"__component":412,"id":487,"Code":488,"Type":422,"location":39,"language":39},{"__component":23,"id":490,"Text":491},{"__component":412,"id":493,"Code":494,"Type":422,"location":39,"language":39},{"__component":23,"id":496,"Text":497},{"__component":412,"id":499,"Code":500,"Type":422,"location":39,"language":39},{"__component":23,"id":223,"Text":502},{"__component":412,"id":504,"Code":505,"Type":422,"location":39,"language":39},{"__component":23,"id":507,"Text":508},{"__component":412,"id":368,"Code":510,"Type":422,"location":39,"language":39},{"__component":23,"id":512,"Text":513},{"__component":412,"id":515,"Code":516,"Type":422,"location":39,"language":39},{"__component":23,"id":518,"Text":519},{"id":521,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":11829,"hash":546,"ext":34,"mime":37,"size":547,"url":548,"previewUrl":39,"provider":72,"provider_metadata":11836,"created_at":550,"updated_at":550},{"small":11830,"medium":11832,"thumbnail":11834},{"ext":34,"url":527,"hash":528,"mime":37,"name":529,"path":39,"size":530,"width":50,"height":311,"provider_metadata":11831},{"public_id":528,"resource_type":44},{"ext":34,"url":533,"hash":534,"mime":37,"name":535,"path":39,"size":536,"width":58,"height":537,"provider_metadata":11833},{"public_id":534,"resource_type":44},{"ext":34,"url":540,"hash":541,"mime":37,"name":542,"path":39,"size":543,"width":544,"height":67,"provider_metadata":11835},{"public_id":541,"resource_type":44},{"public_id":546,"resource_type":44},{"id":2584,"Title":7938,"user":336,"Summary":7951,"created_at":7952,"updated_at":7953,"slug":406,"published_at":7954,"release_date":7955,"Layout":381,"Content":11838,"Feature":11898},[11839,11840,11846,11847,11848,11849,11862,11863,11864,11865,11866,11867,11868,11869,11870,11871,11884,11897],{"__component":23,"id":1244,"Text":7958},{"__component":269,"id":2757,"title":271,"blog_series":39,"post_link":11841},[11842,11843,11844,11845],{"id":2715,"title":391,"slug":7962,"description":393,"blog_series":39},{"id":2782,"title":396,"slug":378,"description":397,"blog_series":39},{"id":2787,"title":400,"slug":401,"description":402,"blog_series":39},{"id":1599,"title":405,"slug":406,"description":407,"blog_series":39},{"__component":23,"id":2677,"Text":7967},{"__component":412,"id":1907,"Code":421,"Type":1189,"location":7969,"language":39},{"__component":23,"id":7971,"Text":7972},{"__component":141,"id":1095,"Size":4089,"caption":7974,"Image":11850},[11851],{"id":257,"name":7977,"alternativeText":29,"caption":29,"width":7978,"height":7979,"formats":11852,"hash":8006,"ext":34,"mime":37,"size":8007,"url":8008,"previewUrl":39,"provider":72,"provider_metadata":11861,"created_at":8010,"updated_at":8011},{"large":11853,"small":11855,"medium":11857,"thumbnail":11859},{"ext":34,"url":7982,"hash":7983,"mime":37,"name":7984,"path":39,"size":7985,"width":41,"height":7986,"provider_metadata":11854},{"public_id":7983,"resource_type":44},{"ext":34,"url":7989,"hash":7990,"mime":37,"name":7991,"path":39,"size":7992,"width":50,"height":384,"provider_metadata":11856},{"public_id":7990,"resource_type":44},{"ext":34,"url":7995,"hash":7996,"mime":37,"name":7997,"path":39,"size":7998,"width":58,"height":3718,"provider_metadata":11858},{"public_id":7996,"resource_type":44},{"ext":34,"url":8001,"hash":8002,"mime":37,"name":8003,"path":39,"size":8004,"width":256,"height":1907,"provider_metadata":11860},{"public_id":8002,"resource_type":44},{"public_id":8006,"resource_type":44},{"__component":23,"id":8013,"Text":8014},{"__component":412,"id":1912,"Code":8016,"Type":1189,"location":8017,"language":39},{"__component":23,"id":8019,"Text":8020},{"__component":412,"id":957,"Code":8022,"Type":1189,"location":8023,"language":39},{"__component":23,"id":717,"Text":8025},{"__component":412,"id":777,"Code":8027,"Type":1189,"location":8028,"language":39},{"__component":23,"id":8030,"Text":8031},{"__component":412,"id":1925,"Code":8033,"Type":1670,"location":8034,"language":39},{"__component":23,"id":1810,"Text":8036},{"__component":141,"id":1101,"Size":4089,"caption":8038,"Image":11872},[11873],{"id":2145,"name":8041,"alternativeText":29,"caption":29,"width":8042,"height":2426,"formats":11874,"hash":8069,"ext":34,"mime":37,"size":8070,"url":8071,"previewUrl":39,"provider":72,"provider_metadata":11883,"created_at":8073,"updated_at":8074},{"large":11875,"small":11877,"medium":11879,"thumbnail":11881},{"ext":34,"url":8045,"hash":8046,"mime":37,"name":8047,"path":39,"size":8048,"width":41,"height":8049,"provider_metadata":11876},{"public_id":8046,"resource_type":44},{"ext":34,"url":8052,"hash":8053,"mime":37,"name":8054,"path":39,"size":8055,"width":50,"height":266,"provider_metadata":11878},{"public_id":8053,"resource_type":44},{"ext":34,"url":8058,"hash":8059,"mime":37,"name":8060,"path":39,"size":8061,"width":58,"height":6939,"provider_metadata":11880},{"public_id":8059,"resource_type":44},{"ext":34,"url":8064,"hash":8065,"mime":37,"name":8066,"path":39,"size":8067,"width":256,"height":499,"provider_metadata":11882},{"public_id":8065,"resource_type":44},{"public_id":8069,"resource_type":44},{"__component":141,"id":1107,"Size":4089,"caption":8076,"Image":11885},[11886],{"id":2101,"name":8079,"alternativeText":29,"caption":29,"width":1335,"height":8080,"formats":11887,"hash":8106,"ext":34,"mime":37,"size":8107,"url":8108,"previewUrl":39,"provider":72,"provider_metadata":11896,"created_at":8110,"updated_at":8111},{"large":11888,"small":11890,"medium":11892,"thumbnail":11894},{"ext":34,"url":8083,"hash":8084,"mime":37,"name":8085,"path":39,"size":8086,"width":41,"height":3718,"provider_metadata":11889},{"public_id":8084,"resource_type":44},{"ext":34,"url":8089,"hash":8090,"mime":37,"name":8091,"path":39,"size":8092,"width":50,"height":1135,"provider_metadata":11891},{"public_id":8090,"resource_type":44},{"ext":34,"url":8095,"hash":8096,"mime":37,"name":8097,"path":39,"size":8098,"width":58,"height":7473,"provider_metadata":11893},{"public_id":8096,"resource_type":44},{"ext":34,"url":8101,"hash":8102,"mime":37,"name":8103,"path":39,"size":8104,"width":256,"height":1131,"provider_metadata":11895},{"public_id":8102,"resource_type":44},{"public_id":8106,"resource_type":44},{"__component":23,"id":5865,"Text":8113},{"id":4202,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":11899,"hash":8131,"ext":34,"mime":37,"size":8132,"url":8133,"previewUrl":39,"provider":72,"provider_metadata":11906,"created_at":8135,"updated_at":8135},{"small":11900,"medium":11902,"thumbnail":11904},{"ext":34,"url":8117,"hash":8118,"mime":37,"name":302,"path":39,"size":8119,"width":50,"height":311,"provider_metadata":11901},{"public_id":8118,"resource_type":44},{"ext":34,"url":8122,"hash":8123,"mime":37,"name":309,"path":39,"size":8124,"width":58,"height":537,"provider_metadata":11903},{"public_id":8123,"resource_type":44},{"ext":34,"url":8127,"hash":8128,"mime":37,"name":316,"path":39,"size":8129,"width":544,"height":67,"provider_metadata":11905},{"public_id":8128,"resource_type":44},{"public_id":8131,"resource_type":44},[],{"id":1454,"Name":3797,"created_at":3798,"updated_at":3799,"slug":3800,"blogs":11909,"projects":11946},[11910,11922,11934],{"id":279,"Title":3752,"user":336,"Summary":3765,"created_at":3766,"updated_at":3767,"slug":3768,"published_at":3766,"release_date":3769,"Layout":381,"Content":11911,"Feature":11913},[11912],{"__component":23,"id":1599,"Text":3772},{"id":3049,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":11914,"hash":3790,"ext":34,"mime":37,"size":3791,"url":3792,"previewUrl":39,"provider":72,"provider_metadata":11921,"created_at":3794,"updated_at":3794},{"small":11915,"medium":11917,"thumbnail":11919},{"ext":34,"url":3776,"hash":3777,"mime":37,"name":302,"path":39,"size":3778,"width":50,"height":311,"provider_metadata":11916},{"public_id":3777,"resource_type":44},{"ext":34,"url":3781,"hash":3782,"mime":37,"name":309,"path":39,"size":3783,"width":58,"height":537,"provider_metadata":11918},{"public_id":3782,"resource_type":44},{"ext":34,"url":3786,"hash":3787,"mime":37,"name":316,"path":39,"size":3788,"width":544,"height":67,"provider_metadata":11920},{"public_id":3787,"resource_type":44},{"public_id":3790,"resource_type":44},{"id":274,"Title":3802,"user":87,"Summary":3809,"created_at":3810,"updated_at":3811,"slug":3812,"published_at":3810,"release_date":3813,"Layout":381,"Content":11923,"Feature":11925},[11924],{"__component":23,"id":2710,"Text":3816},{"id":1769,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":11926,"hash":3834,"ext":34,"mime":37,"size":3835,"url":3836,"previewUrl":39,"provider":72,"provider_metadata":11933,"created_at":3838,"updated_at":3838},{"small":11927,"medium":11929,"thumbnail":11931},{"ext":34,"url":3820,"hash":3821,"mime":37,"name":302,"path":39,"size":3822,"width":50,"height":311,"provider_metadata":11928},{"public_id":3821,"resource_type":44},{"ext":34,"url":3825,"hash":3826,"mime":37,"name":309,"path":39,"size":3827,"width":58,"height":537,"provider_metadata":11930},{"public_id":3826,"resource_type":44},{"ext":34,"url":3830,"hash":3831,"mime":37,"name":316,"path":39,"size":3832,"width":544,"height":67,"provider_metadata":11932},{"public_id":3831,"resource_type":44},{"public_id":3834,"resource_type":44},{"id":81,"Title":3853,"user":336,"Summary":3866,"created_at":3867,"updated_at":3868,"slug":3869,"published_at":3867,"release_date":3870,"Layout":381,"Content":11935,"Feature":11937},[11936],{"__component":23,"id":569,"Text":3873},{"id":3875,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":11938,"hash":3892,"ext":34,"mime":37,"size":3893,"url":3894,"previewUrl":39,"provider":72,"provider_metadata":11945,"created_at":3896,"updated_at":3896},{"small":11939,"medium":11941,"thumbnail":11943},{"ext":34,"url":3878,"hash":3879,"mime":37,"name":529,"path":39,"size":3880,"width":50,"height":311,"provider_metadata":11940},{"public_id":3879,"resource_type":44},{"ext":34,"url":3883,"hash":3884,"mime":37,"name":535,"path":39,"size":3885,"width":58,"height":537,"provider_metadata":11942},{"public_id":3884,"resource_type":44},{"ext":34,"url":3888,"hash":3889,"mime":37,"name":542,"path":39,"size":3890,"width":544,"height":67,"provider_metadata":11944},{"public_id":3889,"resource_type":44},{"public_id":3892,"resource_type":44},[],{"id":336,"Name":3843,"created_at":3844,"updated_at":3845,"slug":3846,"blogs":11948,"projects":12080},[11949,12056,12068],{"id":3548,"Title":9523,"user":87,"Summary":9530,"created_at":9531,"updated_at":9532,"slug":9533,"published_at":9531,"release_date":9534,"Layout":381,"Content":11950,"Feature":12047},[11951,11952,11953,11954,11955,11956,11957,11968,11969,11970,11971,11984,11985,11998,11999,12012,12013,12014,12015,12016,12017,12018,12019,12032,12033,12046],{"__component":23,"id":2174,"Text":9537},{"__component":23,"id":333,"Text":9539},{"__component":412,"id":81,"Code":9541,"Type":422,"location":39,"language":39},{"__component":23,"id":78,"Text":9543},{"__component":412,"id":3523,"Code":9545,"Type":1189,"location":39,"language":39},{"__component":23,"id":3471,"Text":9547},{"__component":141,"id":1454,"Size":39,"caption":39,"Image":11958},[11959],{"id":1642,"name":9551,"alternativeText":29,"caption":29,"width":9552,"height":2068,"formats":11960,"hash":9569,"ext":34,"mime":37,"size":9570,"url":9571,"previewUrl":39,"provider":72,"provider_metadata":11967,"created_at":9573,"updated_at":9573},{"small":11961,"medium":11963,"thumbnail":11965},{"ext":34,"url":9555,"hash":9556,"mime":37,"size":9557,"width":50,"height":601,"provider_metadata":11962},{"public_id":9556,"resource_type":44},{"ext":34,"url":9560,"hash":9561,"mime":37,"size":9562,"width":58,"height":867,"provider_metadata":11964},{"public_id":9561,"resource_type":44},{"ext":34,"url":9565,"hash":9566,"mime":37,"size":9567,"width":256,"height":1599,"provider_metadata":11966},{"public_id":9566,"resource_type":44},{"public_id":9569,"resource_type":44},{"__component":23,"id":342,"Text":9575},{"__component":412,"id":3548,"Code":9577,"Type":422,"location":39,"language":39},{"__component":23,"id":2584,"Text":9579},{"__component":141,"id":1468,"Size":39,"caption":39,"Image":11972},[11973],{"id":2639,"name":9583,"alternativeText":29,"caption":29,"width":9584,"height":9585,"formats":11974,"hash":9608,"ext":34,"mime":37,"size":9609,"url":9610,"previewUrl":39,"provider":72,"provider_metadata":11983,"created_at":9612,"updated_at":9612},{"large":11975,"small":11977,"medium":11979,"thumbnail":11981},{"ext":34,"url":9588,"hash":9589,"mime":37,"size":9590,"width":41,"height":5496,"provider_metadata":11976},{"public_id":9589,"resource_type":44},{"ext":34,"url":9593,"hash":9594,"mime":37,"size":9595,"width":50,"height":4923,"provider_metadata":11978},{"public_id":9594,"resource_type":44},{"ext":34,"url":9598,"hash":9599,"mime":37,"size":9600,"width":58,"height":9601,"provider_metadata":11980},{"public_id":9599,"resource_type":44},{"ext":34,"url":9604,"hash":9605,"mime":37,"size":9606,"width":4718,"height":67,"provider_metadata":11982},{"public_id":9605,"resource_type":44},{"public_id":9608,"resource_type":44},{"__component":23,"id":2630,"Text":9614},{"__component":141,"id":1482,"Size":39,"caption":39,"Image":11986},[11987],{"id":2644,"name":9618,"alternativeText":29,"caption":29,"width":9619,"height":512,"formats":11988,"hash":9641,"ext":34,"mime":37,"size":9642,"url":9643,"previewUrl":39,"provider":72,"provider_metadata":11997,"created_at":9645,"updated_at":9645},{"large":11989,"small":11991,"medium":11993,"thumbnail":11995},{"ext":34,"url":9622,"hash":9623,"mime":37,"size":9624,"width":41,"height":1404,"provider_metadata":11990},{"public_id":9623,"resource_type":44},{"ext":34,"url":9627,"hash":9628,"mime":37,"size":9629,"width":50,"height":433,"provider_metadata":11992},{"public_id":9628,"resource_type":44},{"ext":34,"url":9632,"hash":9633,"mime":37,"size":9634,"width":58,"height":1685,"provider_metadata":11994},{"public_id":9633,"resource_type":44},{"ext":34,"url":9637,"hash":9638,"mime":37,"size":9639,"width":256,"height":1276,"provider_metadata":11996},{"public_id":9638,"resource_type":44},{"public_id":9641,"resource_type":44},{"__component":23,"id":1642,"Text":9647},{"__component":141,"id":1760,"Size":39,"caption":39,"Image":12000},[12001],{"id":2649,"name":9651,"alternativeText":29,"caption":29,"width":9652,"height":1722,"formats":12002,"hash":9674,"ext":34,"mime":37,"size":9675,"url":9676,"previewUrl":39,"provider":72,"provider_metadata":12011,"created_at":9678,"updated_at":9678},{"large":12003,"small":12005,"medium":12007,"thumbnail":12009},{"ext":34,"url":9655,"hash":9656,"mime":37,"size":9657,"width":41,"height":2078,"provider_metadata":12004},{"public_id":9656,"resource_type":44},{"ext":34,"url":9660,"hash":9661,"mime":37,"size":9662,"width":50,"height":1011,"provider_metadata":12006},{"public_id":9661,"resource_type":44},{"ext":34,"url":9665,"hash":9666,"mime":37,"size":9667,"width":58,"height":439,"provider_metadata":12008},{"public_id":9666,"resource_type":44},{"ext":34,"url":9670,"hash":9671,"mime":37,"size":9672,"width":256,"height":2710,"provider_metadata":12010},{"public_id":9671,"resource_type":44},{"public_id":9674,"resource_type":44},{"__component":23,"id":2639,"Text":9680},{"__component":412,"id":274,"Code":9682,"Type":415,"location":39,"language":39},{"__component":23,"id":2644,"Text":9684},{"__component":412,"id":279,"Code":9686,"Type":9687,"location":39,"language":39},{"__component":23,"id":2649,"Text":9689},{"__component":412,"id":13,"Code":9691,"Type":422,"location":39,"language":39},{"__component":23,"id":5,"Text":9693},{"__component":141,"id":327,"Size":39,"caption":39,"Image":12020},[12021],{"id":5,"name":9697,"alternativeText":29,"caption":29,"width":9698,"height":9699,"formats":12022,"hash":9722,"ext":34,"mime":37,"size":9723,"url":9724,"previewUrl":39,"provider":72,"provider_metadata":12031,"created_at":9726,"updated_at":9726},{"large":12023,"small":12025,"medium":12027,"thumbnail":12029},{"ext":34,"url":9702,"hash":9703,"mime":37,"size":9704,"width":41,"height":9705,"provider_metadata":12024},{"public_id":9703,"resource_type":44},{"ext":34,"url":9708,"hash":9709,"mime":37,"size":9710,"width":50,"height":4629,"provider_metadata":12026},{"public_id":9709,"resource_type":44},{"ext":34,"url":9713,"hash":9714,"mime":37,"size":9715,"width":58,"height":6326,"provider_metadata":12028},{"public_id":9714,"resource_type":44},{"ext":34,"url":9718,"hash":9719,"mime":37,"size":9720,"width":256,"height":67,"provider_metadata":12030},{"public_id":9719,"resource_type":44},{"public_id":9722,"resource_type":44},{"__component":23,"id":2700,"Text":9728},{"__component":141,"id":558,"Size":39,"caption":39,"Image":12034},[12035],{"id":2700,"name":9732,"alternativeText":29,"caption":29,"width":9733,"height":9734,"formats":12036,"hash":9756,"ext":34,"mime":37,"size":9757,"url":9758,"previewUrl":39,"provider":72,"provider_metadata":12045,"created_at":9760,"updated_at":9760},{"large":12037,"small":12039,"medium":12041,"thumbnail":12043},{"ext":34,"url":9737,"hash":9738,"mime":37,"size":9739,"width":41,"height":2824,"provider_metadata":12038},{"public_id":9738,"resource_type":44},{"ext":34,"url":9742,"hash":9743,"mime":37,"size":9744,"width":50,"height":496,"provider_metadata":12040},{"public_id":9743,"resource_type":44},{"ext":34,"url":9747,"hash":9748,"mime":37,"size":9749,"width":58,"height":2837,"provider_metadata":12042},{"public_id":9748,"resource_type":44},{"ext":34,"url":9752,"hash":9753,"mime":37,"size":9754,"width":256,"height":475,"provider_metadata":12044},{"public_id":9753,"resource_type":44},{"public_id":9756,"resource_type":44},{"__component":23,"id":2705,"Text":9762},{"id":4224,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":12048,"hash":9780,"ext":34,"mime":37,"size":9781,"url":9782,"previewUrl":39,"provider":72,"provider_metadata":12055,"created_at":9784,"updated_at":9784},{"small":12049,"medium":12051,"thumbnail":12053},{"ext":34,"url":9766,"hash":9767,"mime":37,"name":302,"path":39,"size":9768,"width":50,"height":311,"provider_metadata":12050},{"public_id":9767,"resource_type":44},{"ext":34,"url":9771,"hash":9772,"mime":37,"name":309,"path":39,"size":9773,"width":58,"height":537,"provider_metadata":12052},{"public_id":9772,"resource_type":44},{"ext":34,"url":9776,"hash":9777,"mime":37,"name":316,"path":39,"size":9778,"width":544,"height":67,"provider_metadata":12054},{"public_id":9777,"resource_type":44},{"public_id":9780,"resource_type":44},{"id":274,"Title":3802,"user":87,"Summary":3809,"created_at":3810,"updated_at":3811,"slug":3812,"published_at":3810,"release_date":3813,"Layout":381,"Content":12057,"Feature":12059},[12058],{"__component":23,"id":2710,"Text":3816},{"id":1769,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":12060,"hash":3834,"ext":34,"mime":37,"size":3835,"url":3836,"previewUrl":39,"provider":72,"provider_metadata":12067,"created_at":3838,"updated_at":3838},{"small":12061,"medium":12063,"thumbnail":12065},{"ext":34,"url":3820,"hash":3821,"mime":37,"name":302,"path":39,"size":3822,"width":50,"height":311,"provider_metadata":12062},{"public_id":3821,"resource_type":44},{"ext":34,"url":3825,"hash":3826,"mime":37,"name":309,"path":39,"size":3827,"width":58,"height":537,"provider_metadata":12064},{"public_id":3826,"resource_type":44},{"ext":34,"url":3830,"hash":3831,"mime":37,"name":316,"path":39,"size":3832,"width":544,"height":67,"provider_metadata":12066},{"public_id":3831,"resource_type":44},{"public_id":3834,"resource_type":44},{"id":336,"Title":3992,"user":336,"Summary":4005,"created_at":4006,"updated_at":4007,"slug":4008,"published_at":4006,"release_date":4009,"Layout":381,"Content":12069,"Feature":12071},[12070],{"__component":23,"id":270,"Text":4012},{"id":4014,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":12072,"hash":4031,"ext":34,"mime":37,"size":4032,"url":4033,"previewUrl":39,"provider":72,"provider_metadata":12079,"created_at":4035,"updated_at":4035},{"small":12073,"medium":12075,"thumbnail":12077},{"ext":34,"url":4017,"hash":4018,"mime":37,"name":302,"path":39,"size":4019,"width":50,"height":311,"provider_metadata":12074},{"public_id":4018,"resource_type":44},{"ext":34,"url":4022,"hash":4023,"mime":37,"name":309,"path":39,"size":4024,"width":58,"height":537,"provider_metadata":12076},{"public_id":4023,"resource_type":44},{"ext":34,"url":4027,"hash":4028,"mime":37,"name":316,"path":39,"size":4029,"width":544,"height":67,"provider_metadata":12078},{"public_id":4028,"resource_type":44},{"public_id":4031,"resource_type":44},[],{"id":2174,"Name":2175,"created_at":2176,"updated_at":2177,"slug":2178,"blogs":12082,"projects":12220},[12083],{"id":1760,"Title":1761,"user":87,"Summary":1781,"created_at":1782,"updated_at":1783,"slug":1784,"published_at":1782,"release_date":1785,"Layout":381,"Content":12084,"Feature":12211},[12085,12086,12099,12100,12101,12102,12103,12104,12105,12106,12107,12108,12121,12122,12123,12124,12125,12126,12127,12128,12129,12130,12131,12132,12133,12134,12135,12146,12147,12148,12149,12150,12151,12164,12165,12178,12179,12180,12181,12182,12183,12184,12185,12186,12187,12188,12189,12190,12191,12192,12193,12194,12195,12196,12197,12210],{"__component":23,"id":318,"Text":1788},{"__component":141,"id":1790,"Size":39,"caption":39,"Image":12087},[12088],{"id":1095,"name":1793,"alternativeText":1794,"caption":29,"width":1795,"height":1796,"formats":12089,"hash":1826,"ext":34,"mime":37,"size":1827,"url":1828,"previewUrl":39,"provider":72,"provider_metadata":12098,"created_at":1830,"updated_at":1831},{"large":12090,"small":12092,"medium":12094,"thumbnail":12096},{"ext":34,"url":1799,"hash":1800,"mime":37,"name":1801,"path":39,"size":1802,"width":41,"height":1803,"provider_metadata":12091},{"public_id":1800,"resource_type":44},{"ext":34,"url":1806,"hash":1807,"mime":37,"name":1808,"path":39,"size":1809,"width":50,"height":1810,"provider_metadata":12093},{"public_id":1807,"resource_type":44},{"ext":34,"url":1813,"hash":1814,"mime":37,"name":1815,"path":39,"size":1816,"width":58,"height":1817,"provider_metadata":12095},{"public_id":1814,"resource_type":44},{"ext":34,"url":1820,"hash":1821,"mime":37,"name":1822,"path":39,"size":1823,"width":256,"height":1824,"provider_metadata":12097},{"public_id":1821,"resource_type":44},{"public_id":1826,"resource_type":44},{"__component":23,"id":1833,"Text":1834},{"__component":412,"id":1276,"Code":1836,"Type":415,"location":39,"language":39},{"__component":23,"id":1838,"Text":1839},{"__component":412,"id":1278,"Code":1841,"Type":1189,"location":39,"language":39},{"__component":23,"id":1843,"Text":1844},{"__component":412,"id":1846,"Code":1847,"Type":1683,"location":39,"language":39},{"__component":23,"id":1257,"Text":1849},{"__component":412,"id":1851,"Code":1852,"Type":1683,"location":39,"language":39},{"__component":23,"id":1854,"Text":1855},{"__component":141,"id":1274,"Size":39,"caption":39,"Image":12109},[12110],{"id":1725,"name":1859,"alternativeText":1860,"caption":29,"width":1861,"height":1862,"formats":12111,"hash":1892,"ext":34,"mime":37,"size":1893,"url":1894,"previewUrl":39,"provider":72,"provider_metadata":12120,"created_at":1896,"updated_at":1897},{"large":12112,"small":12114,"medium":12116,"thumbnail":12118},{"ext":34,"url":1865,"hash":1866,"mime":37,"name":1867,"path":39,"size":1868,"width":41,"height":1869,"provider_metadata":12113},{"public_id":1866,"resource_type":44},{"ext":34,"url":1872,"hash":1873,"mime":37,"name":1874,"path":39,"size":1875,"width":50,"height":1876,"provider_metadata":12115},{"public_id":1873,"resource_type":44},{"ext":34,"url":1879,"hash":1880,"mime":37,"name":1881,"path":39,"size":1882,"width":58,"height":1883,"provider_metadata":12117},{"public_id":1880,"resource_type":44},{"ext":34,"url":1886,"hash":1887,"mime":37,"name":1888,"path":39,"size":1889,"width":1890,"height":67,"provider_metadata":12119},{"public_id":1887,"resource_type":44},{"public_id":1892,"resource_type":44},{"__component":23,"id":731,"Text":1899},{"__component":412,"id":1790,"Code":1901,"Type":1189,"location":39,"language":39},{"__component":23,"id":1824,"Text":1903},{"__component":412,"id":1628,"Code":1905,"Type":1670,"location":39,"language":39},{"__component":23,"id":1907,"Text":1908},{"__component":412,"id":1574,"Code":1910,"Type":1683,"location":39,"language":39},{"__component":23,"id":1912,"Text":1913},{"__component":412,"id":1611,"Code":1915,"Type":415,"location":39,"language":39},{"__component":23,"id":957,"Text":1917},{"__component":412,"id":283,"Code":1919,"Type":1683,"location":39,"language":39},{"__component":23,"id":777,"Text":1921},{"__component":412,"id":1331,"Code":1923,"Type":422,"location":39,"language":39},{"__component":23,"id":1925,"Text":1926},{"__component":23,"id":867,"Text":1928},{"__component":141,"id":1276,"Size":39,"caption":39,"Image":12136},[12137],{"id":1663,"name":1932,"alternativeText":1933,"caption":29,"width":1934,"height":1935,"formats":12138,"hash":1957,"ext":34,"mime":37,"size":1958,"url":1959,"previewUrl":39,"provider":72,"provider_metadata":12145,"created_at":1961,"updated_at":1962},{"small":12139,"medium":12141,"thumbnail":12143},{"ext":34,"url":1938,"hash":1939,"mime":37,"name":1940,"path":39,"size":1941,"width":50,"height":1942,"provider_metadata":12140},{"public_id":1939,"resource_type":44},{"ext":34,"url":1945,"hash":1946,"mime":37,"name":1947,"path":39,"size":1948,"width":58,"height":1949,"provider_metadata":12142},{"public_id":1946,"resource_type":44},{"ext":34,"url":1952,"hash":1953,"mime":37,"name":1954,"path":39,"size":1955,"width":256,"height":147,"provider_metadata":12144},{"public_id":1953,"resource_type":44},{"public_id":1957,"resource_type":44},{"__component":23,"id":1592,"Text":1928},{"__component":412,"id":1392,"Code":1965,"Type":1683,"location":39,"language":39},{"__component":23,"id":1967,"Text":1968},{"__component":412,"id":607,"Code":1970,"Type":1683,"location":39,"language":39},{"__component":23,"id":239,"Text":1972},{"__component":141,"id":1278,"Size":39,"caption":39,"Image":12152},[12153],{"id":1976,"name":1977,"alternativeText":1978,"caption":29,"width":1979,"height":1980,"formats":12154,"hash":2009,"ext":34,"mime":37,"size":2010,"url":2011,"previewUrl":39,"provider":72,"provider_metadata":12163,"created_at":2013,"updated_at":2014},{"large":12155,"small":12157,"medium":12159,"thumbnail":12161},{"ext":34,"url":1983,"hash":1984,"mime":37,"name":1985,"path":39,"size":1986,"width":41,"height":1987,"provider_metadata":12156},{"public_id":1984,"resource_type":44},{"ext":34,"url":1990,"hash":1991,"mime":37,"name":1992,"path":39,"size":1993,"width":50,"height":1994,"provider_metadata":12158},{"public_id":1991,"resource_type":44},{"ext":34,"url":1997,"hash":1998,"mime":37,"name":1999,"path":39,"size":2000,"width":58,"height":2001,"provider_metadata":12160},{"public_id":1998,"resource_type":44},{"ext":34,"url":2004,"hash":2005,"mime":37,"name":2006,"path":39,"size":2007,"width":223,"height":67,"provider_metadata":12162},{"public_id":2005,"resource_type":44},{"public_id":2009,"resource_type":44},{"__component":23,"id":147,"Text":2016},{"__component":141,"id":1846,"Size":39,"caption":39,"Image":12166},[12167],{"id":595,"name":2020,"alternativeText":2021,"caption":29,"width":2022,"height":2023,"formats":12168,"hash":2052,"ext":34,"mime":37,"size":2053,"url":2054,"previewUrl":39,"provider":72,"provider_metadata":12177,"created_at":2056,"updated_at":2057},{"large":12169,"small":12171,"medium":12173,"thumbnail":12175},{"ext":34,"url":2026,"hash":2027,"mime":37,"name":2028,"path":39,"size":2029,"width":41,"height":2030,"provider_metadata":12170},{"public_id":2027,"resource_type":44},{"ext":34,"url":2033,"hash":2034,"mime":37,"name":2035,"path":39,"size":2036,"width":50,"height":2037,"provider_metadata":12172},{"public_id":2034,"resource_type":44},{"ext":34,"url":2040,"hash":2041,"mime":37,"name":2042,"path":39,"size":2043,"width":58,"height":2044,"provider_metadata":12174},{"public_id":2041,"resource_type":44},{"ext":34,"url":2047,"hash":2048,"mime":37,"name":2049,"path":39,"size":2050,"width":466,"height":67,"provider_metadata":12176},{"public_id":2048,"resource_type":44},{"public_id":2052,"resource_type":44},{"__component":23,"id":193,"Text":2059},{"__component":412,"id":653,"Code":2061,"Type":1683,"location":39,"language":39},{"__component":23,"id":2063,"Text":2064},{"__component":412,"id":697,"Code":2066,"Type":1683,"location":39,"language":39},{"__component":23,"id":2068,"Text":2069},{"__component":412,"id":743,"Code":2071,"Type":1683,"location":39,"language":39},{"__component":23,"id":2073,"Text":2074},{"__component":412,"id":789,"Code":2076,"Type":1683,"location":39,"language":39},{"__component":23,"id":2078,"Text":2079},{"__component":412,"id":834,"Code":2081,"Type":1683,"location":39,"language":39},{"__component":23,"id":2083,"Text":2084},{"__component":412,"id":879,"Code":2086,"Type":1683,"location":39,"language":39},{"__component":23,"id":1579,"Text":2088},{"__component":412,"id":924,"Code":2090,"Type":1683,"location":39,"language":39},{"__component":23,"id":2092,"Text":2093},{"__component":412,"id":969,"Code":2095,"Type":1683,"location":39,"language":39},{"__component":23,"id":257,"Text":2097},{"__component":412,"id":1011,"Code":2099,"Type":1683,"location":39,"language":39},{"__component":23,"id":2101,"Text":2102},{"__component":141,"id":1851,"Size":39,"caption":39,"Image":12198},[12199],{"id":601,"name":2106,"alternativeText":2107,"caption":29,"width":2108,"height":2109,"formats":12200,"hash":2138,"ext":34,"mime":37,"size":2139,"url":2140,"previewUrl":39,"provider":72,"provider_metadata":12209,"created_at":2142,"updated_at":2143},{"large":12201,"small":12203,"medium":12205,"thumbnail":12207},{"ext":34,"url":2112,"hash":2113,"mime":37,"name":2114,"path":39,"size":2115,"width":41,"height":2116,"provider_metadata":12202},{"public_id":2113,"resource_type":44},{"ext":34,"url":2119,"hash":2120,"mime":37,"name":2121,"path":39,"size":2122,"width":50,"height":2123,"provider_metadata":12204},{"public_id":2120,"resource_type":44},{"ext":34,"url":2126,"hash":2127,"mime":37,"name":2128,"path":39,"size":2129,"width":58,"height":2130,"provider_metadata":12206},{"public_id":2127,"resource_type":44},{"ext":34,"url":2133,"hash":2134,"mime":37,"name":2135,"path":39,"size":2136,"width":1266,"height":67,"provider_metadata":12208},{"public_id":2134,"resource_type":44},{"public_id":2138,"resource_type":44},{"__component":23,"id":2145,"Text":2146},{"id":2148,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":12212,"hash":2165,"ext":34,"mime":37,"size":2166,"url":2167,"previewUrl":39,"provider":72,"provider_metadata":12219,"created_at":2169,"updated_at":2169},{"small":12213,"medium":12215,"thumbnail":12217},{"ext":34,"url":2151,"hash":2152,"mime":37,"name":302,"path":39,"size":2153,"width":50,"height":311,"provider_metadata":12214},{"public_id":2152,"resource_type":44},{"ext":34,"url":2156,"hash":2157,"mime":37,"name":309,"path":39,"size":2158,"width":58,"height":537,"provider_metadata":12216},{"public_id":2157,"resource_type":44},{"ext":34,"url":2161,"hash":2162,"mime":37,"name":316,"path":39,"size":2163,"width":544,"height":67,"provider_metadata":12218},{"public_id":2162,"resource_type":44},{"public_id":2165,"resource_type":44},[],{"id":81,"Name":3905,"created_at":3906,"updated_at":3907,"slug":3908,"blogs":12222,"projects":12354},[12223,12235,12342],{"id":336,"Title":3992,"user":336,"Summary":4005,"created_at":4006,"updated_at":4007,"slug":4008,"published_at":4006,"release_date":4009,"Layout":381,"Content":12224,"Feature":12226},[12225],{"__component":23,"id":270,"Text":4012},{"id":4014,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":12227,"hash":4031,"ext":34,"mime":37,"size":4032,"url":4033,"previewUrl":39,"provider":72,"provider_metadata":12234,"created_at":4035,"updated_at":4035},{"small":12228,"medium":12230,"thumbnail":12232},{"ext":34,"url":4017,"hash":4018,"mime":37,"name":302,"path":39,"size":4019,"width":50,"height":311,"provider_metadata":12229},{"public_id":4018,"resource_type":44},{"ext":34,"url":4022,"hash":4023,"mime":37,"name":309,"path":39,"size":4024,"width":58,"height":537,"provider_metadata":12231},{"public_id":4023,"resource_type":44},{"ext":34,"url":4027,"hash":4028,"mime":37,"name":316,"path":39,"size":4029,"width":544,"height":67,"provider_metadata":12233},{"public_id":4028,"resource_type":44},{"public_id":4031,"resource_type":44},{"id":3548,"Title":9523,"user":87,"Summary":9530,"created_at":9531,"updated_at":9532,"slug":9533,"published_at":9531,"release_date":9534,"Layout":381,"Content":12236,"Feature":12333},[12237,12238,12239,12240,12241,12242,12243,12254,12255,12256,12257,12270,12271,12284,12285,12298,12299,12300,12301,12302,12303,12304,12305,12318,12319,12332],{"__component":23,"id":2174,"Text":9537},{"__component":23,"id":333,"Text":9539},{"__component":412,"id":81,"Code":9541,"Type":422,"location":39,"language":39},{"__component":23,"id":78,"Text":9543},{"__component":412,"id":3523,"Code":9545,"Type":1189,"location":39,"language":39},{"__component":23,"id":3471,"Text":9547},{"__component":141,"id":1454,"Size":39,"caption":39,"Image":12244},[12245],{"id":1642,"name":9551,"alternativeText":29,"caption":29,"width":9552,"height":2068,"formats":12246,"hash":9569,"ext":34,"mime":37,"size":9570,"url":9571,"previewUrl":39,"provider":72,"provider_metadata":12253,"created_at":9573,"updated_at":9573},{"small":12247,"medium":12249,"thumbnail":12251},{"ext":34,"url":9555,"hash":9556,"mime":37,"size":9557,"width":50,"height":601,"provider_metadata":12248},{"public_id":9556,"resource_type":44},{"ext":34,"url":9560,"hash":9561,"mime":37,"size":9562,"width":58,"height":867,"provider_metadata":12250},{"public_id":9561,"resource_type":44},{"ext":34,"url":9565,"hash":9566,"mime":37,"size":9567,"width":256,"height":1599,"provider_metadata":12252},{"public_id":9566,"resource_type":44},{"public_id":9569,"resource_type":44},{"__component":23,"id":342,"Text":9575},{"__component":412,"id":3548,"Code":9577,"Type":422,"location":39,"language":39},{"__component":23,"id":2584,"Text":9579},{"__component":141,"id":1468,"Size":39,"caption":39,"Image":12258},[12259],{"id":2639,"name":9583,"alternativeText":29,"caption":29,"width":9584,"height":9585,"formats":12260,"hash":9608,"ext":34,"mime":37,"size":9609,"url":9610,"previewUrl":39,"provider":72,"provider_metadata":12269,"created_at":9612,"updated_at":9612},{"large":12261,"small":12263,"medium":12265,"thumbnail":12267},{"ext":34,"url":9588,"hash":9589,"mime":37,"size":9590,"width":41,"height":5496,"provider_metadata":12262},{"public_id":9589,"resource_type":44},{"ext":34,"url":9593,"hash":9594,"mime":37,"size":9595,"width":50,"height":4923,"provider_metadata":12264},{"public_id":9594,"resource_type":44},{"ext":34,"url":9598,"hash":9599,"mime":37,"size":9600,"width":58,"height":9601,"provider_metadata":12266},{"public_id":9599,"resource_type":44},{"ext":34,"url":9604,"hash":9605,"mime":37,"size":9606,"width":4718,"height":67,"provider_metadata":12268},{"public_id":9605,"resource_type":44},{"public_id":9608,"resource_type":44},{"__component":23,"id":2630,"Text":9614},{"__component":141,"id":1482,"Size":39,"caption":39,"Image":12272},[12273],{"id":2644,"name":9618,"alternativeText":29,"caption":29,"width":9619,"height":512,"formats":12274,"hash":9641,"ext":34,"mime":37,"size":9642,"url":9643,"previewUrl":39,"provider":72,"provider_metadata":12283,"created_at":9645,"updated_at":9645},{"large":12275,"small":12277,"medium":12279,"thumbnail":12281},{"ext":34,"url":9622,"hash":9623,"mime":37,"size":9624,"width":41,"height":1404,"provider_metadata":12276},{"public_id":9623,"resource_type":44},{"ext":34,"url":9627,"hash":9628,"mime":37,"size":9629,"width":50,"height":433,"provider_metadata":12278},{"public_id":9628,"resource_type":44},{"ext":34,"url":9632,"hash":9633,"mime":37,"size":9634,"width":58,"height":1685,"provider_metadata":12280},{"public_id":9633,"resource_type":44},{"ext":34,"url":9637,"hash":9638,"mime":37,"size":9639,"width":256,"height":1276,"provider_metadata":12282},{"public_id":9638,"resource_type":44},{"public_id":9641,"resource_type":44},{"__component":23,"id":1642,"Text":9647},{"__component":141,"id":1760,"Size":39,"caption":39,"Image":12286},[12287],{"id":2649,"name":9651,"alternativeText":29,"caption":29,"width":9652,"height":1722,"formats":12288,"hash":9674,"ext":34,"mime":37,"size":9675,"url":9676,"previewUrl":39,"provider":72,"provider_metadata":12297,"created_at":9678,"updated_at":9678},{"large":12289,"small":12291,"medium":12293,"thumbnail":12295},{"ext":34,"url":9655,"hash":9656,"mime":37,"size":9657,"width":41,"height":2078,"provider_metadata":12290},{"public_id":9656,"resource_type":44},{"ext":34,"url":9660,"hash":9661,"mime":37,"size":9662,"width":50,"height":1011,"provider_metadata":12292},{"public_id":9661,"resource_type":44},{"ext":34,"url":9665,"hash":9666,"mime":37,"size":9667,"width":58,"height":439,"provider_metadata":12294},{"public_id":9666,"resource_type":44},{"ext":34,"url":9670,"hash":9671,"mime":37,"size":9672,"width":256,"height":2710,"provider_metadata":12296},{"public_id":9671,"resource_type":44},{"public_id":9674,"resource_type":44},{"__component":23,"id":2639,"Text":9680},{"__component":412,"id":274,"Code":9682,"Type":415,"location":39,"language":39},{"__component":23,"id":2644,"Text":9684},{"__component":412,"id":279,"Code":9686,"Type":9687,"location":39,"language":39},{"__component":23,"id":2649,"Text":9689},{"__component":412,"id":13,"Code":9691,"Type":422,"location":39,"language":39},{"__component":23,"id":5,"Text":9693},{"__component":141,"id":327,"Size":39,"caption":39,"Image":12306},[12307],{"id":5,"name":9697,"alternativeText":29,"caption":29,"width":9698,"height":9699,"formats":12308,"hash":9722,"ext":34,"mime":37,"size":9723,"url":9724,"previewUrl":39,"provider":72,"provider_metadata":12317,"created_at":9726,"updated_at":9726},{"large":12309,"small":12311,"medium":12313,"thumbnail":12315},{"ext":34,"url":9702,"hash":9703,"mime":37,"size":9704,"width":41,"height":9705,"provider_metadata":12310},{"public_id":9703,"resource_type":44},{"ext":34,"url":9708,"hash":9709,"mime":37,"size":9710,"width":50,"height":4629,"provider_metadata":12312},{"public_id":9709,"resource_type":44},{"ext":34,"url":9713,"hash":9714,"mime":37,"size":9715,"width":58,"height":6326,"provider_metadata":12314},{"public_id":9714,"resource_type":44},{"ext":34,"url":9718,"hash":9719,"mime":37,"size":9720,"width":256,"height":67,"provider_metadata":12316},{"public_id":9719,"resource_type":44},{"public_id":9722,"resource_type":44},{"__component":23,"id":2700,"Text":9728},{"__component":141,"id":558,"Size":39,"caption":39,"Image":12320},[12321],{"id":2700,"name":9732,"alternativeText":29,"caption":29,"width":9733,"height":9734,"formats":12322,"hash":9756,"ext":34,"mime":37,"size":9757,"url":9758,"previewUrl":39,"provider":72,"provider_metadata":12331,"created_at":9760,"updated_at":9760},{"large":12323,"small":12325,"medium":12327,"thumbnail":12329},{"ext":34,"url":9737,"hash":9738,"mime":37,"size":9739,"width":41,"height":2824,"provider_metadata":12324},{"public_id":9738,"resource_type":44},{"ext":34,"url":9742,"hash":9743,"mime":37,"size":9744,"width":50,"height":496,"provider_metadata":12326},{"public_id":9743,"resource_type":44},{"ext":34,"url":9747,"hash":9748,"mime":37,"size":9749,"width":58,"height":2837,"provider_metadata":12328},{"public_id":9748,"resource_type":44},{"ext":34,"url":9752,"hash":9753,"mime":37,"size":9754,"width":256,"height":475,"provider_metadata":12330},{"public_id":9753,"resource_type":44},{"public_id":9756,"resource_type":44},{"__component":23,"id":2705,"Text":9762},{"id":4224,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":12334,"hash":9780,"ext":34,"mime":37,"size":9781,"url":9782,"previewUrl":39,"provider":72,"provider_metadata":12341,"created_at":9784,"updated_at":9784},{"small":12335,"medium":12337,"thumbnail":12339},{"ext":34,"url":9766,"hash":9767,"mime":37,"name":302,"path":39,"size":9768,"width":50,"height":311,"provider_metadata":12336},{"public_id":9767,"resource_type":44},{"ext":34,"url":9771,"hash":9772,"mime":37,"name":309,"path":39,"size":9773,"width":58,"height":537,"provider_metadata":12338},{"public_id":9772,"resource_type":44},{"ext":34,"url":9776,"hash":9777,"mime":37,"name":316,"path":39,"size":9778,"width":544,"height":67,"provider_metadata":12340},{"public_id":9777,"resource_type":44},{"public_id":9780,"resource_type":44},{"id":81,"Title":3853,"user":336,"Summary":3866,"created_at":3867,"updated_at":3868,"slug":3869,"published_at":3867,"release_date":3870,"Layout":381,"Content":12343,"Feature":12345},[12344],{"__component":23,"id":569,"Text":3873},{"id":3875,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":12346,"hash":3892,"ext":34,"mime":37,"size":3893,"url":3894,"previewUrl":39,"provider":72,"provider_metadata":12353,"created_at":3896,"updated_at":3896},{"small":12347,"medium":12349,"thumbnail":12351},{"ext":34,"url":3878,"hash":3879,"mime":37,"name":529,"path":39,"size":3880,"width":50,"height":311,"provider_metadata":12348},{"public_id":3879,"resource_type":44},{"ext":34,"url":3883,"hash":3884,"mime":37,"name":535,"path":39,"size":3885,"width":58,"height":537,"provider_metadata":12350},{"public_id":3884,"resource_type":44},{"ext":34,"url":3888,"hash":3889,"mime":37,"name":542,"path":39,"size":3890,"width":544,"height":67,"provider_metadata":12352},{"public_id":3889,"resource_type":44},{"public_id":3892,"resource_type":44},[],{"id":3523,"Name":12356,"created_at":12357,"updated_at":12358,"slug":12359,"blogs":12360,"projects":12361},"Kubernetes","2020-05-02T10:29:01.101Z","2021-04-24T16:15:57.492Z","kubernetes",[],[],{"id":274,"Name":2336,"created_at":2337,"updated_at":2338,"slug":2339,"blogs":12363,"projects":12928},[12364,12376,12388,12413,12482,12683,12738,12760,12827,12841,12903],{"id":2649,"Title":7579,"user":3548,"Summary":7600,"created_at":7601,"updated_at":7602,"slug":7603,"published_at":7604,"release_date":7605,"Layout":381,"Content":12365,"Feature":12367},[12366],{"__component":23,"id":7608,"Text":7609},{"id":5233,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":12368,"hash":7626,"ext":34,"mime":37,"size":7627,"url":7628,"previewUrl":39,"provider":72,"provider_metadata":12375,"created_at":7630,"updated_at":7630},{"small":12369,"medium":12371,"thumbnail":12373},{"ext":34,"url":7613,"hash":7614,"mime":37,"name":302,"path":39,"size":7615,"width":50,"height":311,"provider_metadata":12370},{"public_id":7614,"resource_type":44},{"ext":34,"url":7618,"hash":7619,"mime":37,"name":309,"path":39,"size":7620,"width":58,"height":537,"provider_metadata":12372},{"public_id":7619,"resource_type":44},{"ext":34,"url":7623,"hash":7624,"mime":37,"name":316,"path":39,"size":2600,"width":544,"height":67,"provider_metadata":12374},{"public_id":7624,"resource_type":44},{"public_id":7626,"resource_type":44},{"id":274,"Title":3802,"user":87,"Summary":3809,"created_at":3810,"updated_at":3811,"slug":3812,"published_at":3810,"release_date":3813,"Layout":381,"Content":12377,"Feature":12379},[12378],{"__component":23,"id":2710,"Text":3816},{"id":1769,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":12380,"hash":3834,"ext":34,"mime":37,"size":3835,"url":3836,"previewUrl":39,"provider":72,"provider_metadata":12387,"created_at":3838,"updated_at":3838},{"small":12381,"medium":12383,"thumbnail":12385},{"ext":34,"url":3820,"hash":3821,"mime":37,"name":302,"path":39,"size":3822,"width":50,"height":311,"provider_metadata":12382},{"public_id":3821,"resource_type":44},{"ext":34,"url":3825,"hash":3826,"mime":37,"name":309,"path":39,"size":3827,"width":58,"height":537,"provider_metadata":12384},{"public_id":3826,"resource_type":44},{"ext":34,"url":3830,"hash":3831,"mime":37,"name":316,"path":39,"size":3832,"width":544,"height":67,"provider_metadata":12386},{"public_id":3831,"resource_type":44},{"public_id":3834,"resource_type":44},{"id":2787,"Title":4042,"user":274,"Summary":4078,"created_at":4079,"updated_at":4080,"slug":4081,"published_at":4082,"release_date":4083,"Layout":381,"Content":12389,"Feature":12404},[12390,12391],{"__component":23,"id":4086,"Text":4087},{"__component":141,"id":1690,"Size":4089,"caption":39,"Image":12392},[12393],{"id":2246,"name":4092,"alternativeText":29,"caption":29,"width":4093,"height":2816,"formats":12394,"hash":4120,"ext":4096,"mime":100,"size":4121,"url":4122,"previewUrl":39,"provider":72,"provider_metadata":12403,"created_at":4124,"updated_at":4125},{"large":12395,"small":12397,"medium":12399,"thumbnail":12401},{"ext":4096,"url":4097,"hash":4098,"mime":100,"name":4099,"path":39,"size":4100,"width":41,"height":58,"provider_metadata":12396},{"public_id":4098,"resource_type":44},{"ext":4096,"url":4103,"hash":4104,"mime":100,"name":4105,"path":39,"size":4106,"width":50,"height":311,"provider_metadata":12398},{"public_id":4104,"resource_type":44},{"ext":4096,"url":4109,"hash":4110,"mime":100,"name":4111,"path":39,"size":4112,"width":58,"height":537,"provider_metadata":12400},{"public_id":4110,"resource_type":44},{"ext":4096,"url":4115,"hash":4116,"mime":100,"name":4117,"path":39,"size":4118,"width":544,"height":67,"provider_metadata":12402},{"public_id":4116,"resource_type":44},{"public_id":4120,"resource_type":44},{"id":4127,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":12405,"hash":4144,"ext":34,"mime":37,"size":4145,"url":4146,"previewUrl":39,"provider":72,"provider_metadata":12412,"created_at":4148,"updated_at":4148},{"small":12406,"medium":12408,"thumbnail":12410},{"ext":34,"url":4130,"hash":4131,"mime":37,"name":302,"path":39,"size":4132,"width":50,"height":311,"provider_metadata":12407},{"public_id":4131,"resource_type":44},{"ext":34,"url":4135,"hash":4136,"mime":37,"name":309,"path":39,"size":4137,"width":58,"height":537,"provider_metadata":12409},{"public_id":4136,"resource_type":44},{"ext":34,"url":4140,"hash":4141,"mime":37,"name":316,"path":39,"size":4142,"width":544,"height":67,"provider_metadata":12411},{"public_id":4141,"resource_type":44},{"public_id":4144,"resource_type":44},{"id":390,"Title":8917,"user":336,"Summary":8930,"created_at":8931,"updated_at":8932,"slug":8933,"published_at":8934,"release_date":8935,"Layout":4165,"Content":12414,"Feature":12471},[12415,12428,12429,12442,12443,12456,12457,12470],{"__component":141,"id":1717,"Size":4089,"caption":8938,"Image":12416},[12417],{"id":672,"name":8941,"alternativeText":8942,"caption":29,"width":8943,"height":8944,"formats":12418,"hash":8971,"ext":97,"mime":100,"size":8972,"url":8973,"previewUrl":39,"provider":72,"provider_metadata":12427,"created_at":8975,"updated_at":8976},{"large":12419,"small":12421,"medium":12423,"thumbnail":12425},{"ext":97,"url":8947,"hash":8948,"mime":100,"name":8949,"path":39,"size":8950,"width":41,"height":4977,"provider_metadata":12420},{"public_id":8948,"resource_type":44},{"ext":97,"url":8953,"hash":8954,"mime":100,"name":8955,"path":39,"size":8956,"width":50,"height":8957,"provider_metadata":12422},{"public_id":8954,"resource_type":44},{"ext":97,"url":8960,"hash":8961,"mime":100,"name":8962,"path":39,"size":8963,"width":58,"height":4991,"provider_metadata":12424},{"public_id":8961,"resource_type":44},{"ext":97,"url":8966,"hash":8967,"mime":100,"name":8968,"path":39,"size":8969,"width":1728,"height":67,"provider_metadata":12426},{"public_id":8967,"resource_type":44},{"public_id":8971,"resource_type":44},{"__component":23,"id":8978,"Text":8979},{"__component":141,"id":1722,"Size":4089,"caption":8981,"Image":12430},[12431],{"id":6717,"name":8984,"alternativeText":29,"caption":29,"width":8985,"height":8986,"formats":12432,"hash":9012,"ext":34,"mime":37,"size":9013,"url":9014,"previewUrl":39,"provider":72,"provider_metadata":12441,"created_at":9016,"updated_at":9017},{"large":12433,"small":12435,"medium":12437,"thumbnail":12439},{"ext":34,"url":8989,"hash":8990,"mime":37,"name":8991,"path":39,"size":8992,"width":41,"height":4667,"provider_metadata":12434},{"public_id":8990,"resource_type":44},{"ext":34,"url":8995,"hash":8996,"mime":37,"name":8997,"path":39,"size":8998,"width":50,"height":4273,"provider_metadata":12436},{"public_id":8996,"resource_type":44},{"ext":34,"url":9001,"hash":9002,"mime":37,"name":9003,"path":39,"size":9004,"width":58,"height":8582,"provider_metadata":12438},{"public_id":9002,"resource_type":44},{"ext":34,"url":9007,"hash":9008,"mime":37,"name":9009,"path":39,"size":9010,"width":256,"height":2063,"provider_metadata":12440},{"public_id":9008,"resource_type":44},{"public_id":9012,"resource_type":44},{"__component":23,"id":3442,"Text":9019},{"__component":141,"id":1728,"Size":4089,"caption":9021,"Image":12444},[12445],{"id":6678,"name":9024,"alternativeText":9025,"caption":29,"width":9026,"height":9027,"formats":12446,"hash":9055,"ext":34,"mime":37,"size":9056,"url":9057,"previewUrl":39,"provider":72,"provider_metadata":12455,"created_at":9059,"updated_at":9060},{"large":12447,"small":12449,"medium":12451,"thumbnail":12453},{"ext":34,"url":9030,"hash":9031,"mime":37,"name":9032,"path":39,"size":9033,"width":41,"height":9034,"provider_metadata":12448},{"public_id":9031,"resource_type":44},{"ext":34,"url":9037,"hash":9038,"mime":37,"name":9039,"path":39,"size":9040,"width":50,"height":7306,"provider_metadata":12450},{"public_id":9038,"resource_type":44},{"ext":34,"url":9043,"hash":9044,"mime":37,"name":9045,"path":39,"size":9046,"width":58,"height":9047,"provider_metadata":12452},{"public_id":9044,"resource_type":44},{"ext":34,"url":9050,"hash":9051,"mime":37,"name":9052,"path":39,"size":9053,"width":518,"height":67,"provider_metadata":12454},{"public_id":9051,"resource_type":44},{"public_id":9055,"resource_type":44},{"__component":23,"id":9062,"Text":9063},{"__component":141,"id":1666,"Size":608,"caption":9065,"Image":12458},[12459],{"id":6538,"name":9068,"alternativeText":9069,"caption":29,"width":9070,"height":9071,"formats":12460,"hash":9095,"ext":97,"mime":100,"size":9096,"url":9097,"previewUrl":39,"provider":72,"provider_metadata":12469,"created_at":9099,"updated_at":9100},{"large":12461,"small":12463,"medium":12465,"thumbnail":12467},{"ext":97,"url":9074,"hash":9075,"mime":100,"name":9076,"path":39,"size":9077,"width":58,"height":41,"provider_metadata":12462},{"public_id":9075,"resource_type":44},{"ext":97,"url":9080,"hash":9081,"mime":100,"name":9082,"path":39,"size":5740,"width":311,"height":50,"provider_metadata":12464},{"public_id":9081,"resource_type":44},{"ext":97,"url":9085,"hash":9086,"mime":100,"name":9087,"path":39,"size":9088,"width":537,"height":58,"provider_metadata":12466},{"public_id":9086,"resource_type":44},{"ext":97,"url":9091,"hash":9092,"mime":100,"name":9093,"path":39,"size":7713,"width":493,"height":67,"provider_metadata":12468},{"public_id":9092,"resource_type":44},{"public_id":9095,"resource_type":44},{"__component":23,"id":9102,"Text":9103},{"id":6411,"name":289,"alternativeText":39,"caption":39,"width":3576,"height":523,"formats":12472,"hash":9126,"ext":34,"mime":37,"size":9127,"url":9128,"previewUrl":39,"provider":72,"provider_metadata":12481,"created_at":9130,"updated_at":9130},{"large":12473,"small":12475,"medium":12477,"thumbnail":12479},{"ext":34,"url":9107,"hash":9108,"mime":37,"name":296,"path":39,"size":9109,"width":41,"height":537,"provider_metadata":12474},{"public_id":9108,"resource_type":44},{"ext":34,"url":9112,"hash":9113,"mime":37,"name":302,"path":39,"size":9114,"width":50,"height":4650,"provider_metadata":12476},{"public_id":9113,"resource_type":44},{"ext":34,"url":9117,"hash":9118,"mime":37,"name":309,"path":39,"size":9119,"width":58,"height":3947,"provider_metadata":12478},{"public_id":9118,"resource_type":44},{"ext":34,"url":9122,"hash":9123,"mime":37,"name":316,"path":39,"size":9124,"width":256,"height":239,"provider_metadata":12480},{"public_id":9123,"resource_type":44},{"public_id":9126,"resource_type":44},{"id":2715,"Title":4152,"user":87,"Summary":4159,"created_at":4160,"updated_at":4161,"slug":4162,"published_at":4163,"release_date":4164,"Layout":4165,"Content":12483,"Feature":12672},[12484,12485,12488,12489,12502,12503,12516,12517,12530,12531,12544,12545,12558,12559,12572,12573,12580,12589,12590,12603,12604,12617,12618,12631,12632,12645,12646,12657,12658,12671],{"__component":23,"id":3049,"Text":4168},{"__component":1373,"id":395,"Video":12486},{"id":4171,"name":4172,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":4173,"ext":1558,"mime":1559,"size":4174,"url":4175,"previewUrl":4176,"provider":72,"provider_metadata":12487,"created_at":4178,"updated_at":4179},{"public_id":4173,"resource_type":1385},{"__component":23,"id":1769,"Text":4181},{"__component":141,"id":257,"Size":143,"caption":4183,"Image":12490},[12491],{"id":3217,"name":4186,"alternativeText":29,"caption":29,"width":4187,"height":4188,"formats":12492,"hash":4217,"ext":34,"mime":37,"size":4218,"url":4219,"previewUrl":39,"provider":72,"provider_metadata":12501,"created_at":4221,"updated_at":4222},{"large":12493,"small":12495,"medium":12497,"thumbnail":12499},{"ext":34,"url":4191,"hash":4192,"mime":37,"name":4193,"path":39,"size":4194,"width":4195,"height":41,"provider_metadata":12494},{"public_id":4192,"resource_type":44},{"ext":34,"url":4198,"hash":4199,"mime":37,"name":4200,"path":39,"size":4201,"width":4202,"height":50,"provider_metadata":12496},{"public_id":4199,"resource_type":44},{"ext":34,"url":4205,"hash":4206,"mime":37,"name":4207,"path":39,"size":4208,"width":4209,"height":58,"provider_metadata":12498},{"public_id":4206,"resource_type":44},{"ext":34,"url":4212,"hash":4213,"mime":37,"name":4214,"path":39,"size":4215,"width":368,"height":67,"provider_metadata":12500},{"public_id":4213,"resource_type":44},{"public_id":4217,"resource_type":44},{"__component":23,"id":4224,"Text":4225},{"__component":141,"id":2101,"Size":143,"caption":4227,"Image":12504},[12505],{"id":943,"name":4230,"alternativeText":29,"caption":29,"width":4231,"height":4232,"formats":12506,"hash":4259,"ext":34,"mime":37,"size":4260,"url":4261,"previewUrl":39,"provider":72,"provider_metadata":12515,"created_at":4263,"updated_at":4264},{"large":12507,"small":12509,"medium":12511,"thumbnail":12513},{"ext":34,"url":4235,"hash":4236,"mime":37,"name":4237,"path":39,"size":4238,"width":620,"height":41,"provider_metadata":12508},{"public_id":4236,"resource_type":44},{"ext":34,"url":4241,"hash":4242,"mime":37,"name":4243,"path":39,"size":4244,"width":627,"height":50,"provider_metadata":12510},{"public_id":4242,"resource_type":44},{"ext":34,"url":4247,"hash":4248,"mime":37,"name":4249,"path":39,"size":4250,"width":4251,"height":58,"provider_metadata":12512},{"public_id":4248,"resource_type":44},{"ext":34,"url":4254,"hash":4255,"mime":37,"name":4256,"path":39,"size":4257,"width":641,"height":67,"provider_metadata":12514},{"public_id":4255,"resource_type":44},{"public_id":4259,"resource_type":44},{"__component":23,"id":3875,"Text":4266},{"__component":141,"id":2145,"Size":4089,"caption":4268,"Image":12518},[12519],{"id":763,"name":4271,"alternativeText":29,"caption":29,"width":4272,"height":4273,"formats":12520,"hash":4299,"ext":34,"mime":37,"size":4300,"url":4301,"previewUrl":39,"provider":72,"provider_metadata":12529,"created_at":4303,"updated_at":4304},{"large":12521,"small":12523,"medium":12525,"thumbnail":12527},{"ext":34,"url":4276,"hash":4277,"mime":37,"name":4278,"path":39,"size":4279,"width":41,"height":490,"provider_metadata":12522},{"public_id":4277,"resource_type":44},{"ext":34,"url":4282,"hash":4283,"mime":37,"name":4284,"path":39,"size":4285,"width":50,"height":487,"provider_metadata":12524},{"public_id":4283,"resource_type":44},{"ext":34,"url":4288,"hash":4289,"mime":37,"name":4290,"path":39,"size":4291,"width":58,"height":1437,"provider_metadata":12526},{"public_id":4289,"resource_type":44},{"ext":34,"url":4294,"hash":4295,"mime":37,"name":4296,"path":39,"size":4297,"width":256,"height":1628,"provider_metadata":12528},{"public_id":4295,"resource_type":44},{"public_id":4299,"resource_type":44},{"__component":23,"id":3224,"Text":4306},{"__component":141,"id":1833,"Size":4089,"caption":4308,"Image":12532},[12533],{"id":4311,"name":4312,"alternativeText":29,"caption":29,"width":4313,"height":4314,"formats":12534,"hash":4342,"ext":34,"mime":37,"size":4343,"url":4344,"previewUrl":39,"provider":72,"provider_metadata":12543,"created_at":4346,"updated_at":4347},{"large":12535,"small":12537,"medium":12539,"thumbnail":12541},{"ext":34,"url":4317,"hash":4318,"mime":37,"name":4319,"path":39,"size":4320,"width":4321,"height":41,"provider_metadata":12536},{"public_id":4318,"resource_type":44},{"ext":34,"url":4324,"hash":4325,"mime":37,"name":4326,"path":39,"size":4327,"width":4224,"height":50,"provider_metadata":12538},{"public_id":4325,"resource_type":44},{"ext":34,"url":4330,"hash":4331,"mime":37,"name":4332,"path":39,"size":4333,"width":4334,"height":58,"provider_metadata":12540},{"public_id":4331,"resource_type":44},{"ext":34,"url":4337,"hash":4338,"mime":37,"name":4339,"path":39,"size":4340,"width":1843,"height":67,"provider_metadata":12542},{"public_id":4338,"resource_type":44},{"public_id":4342,"resource_type":44},{"__component":23,"id":4014,"Text":4349},{"__component":141,"id":1552,"Size":4089,"caption":4351,"Image":12546},[12547],{"id":4354,"name":4355,"alternativeText":29,"caption":29,"width":4356,"height":1229,"formats":12548,"hash":4383,"ext":34,"mime":37,"size":4384,"url":4385,"previewUrl":39,"provider":72,"provider_metadata":12557,"created_at":4387,"updated_at":4388},{"large":12549,"small":12551,"medium":12553,"thumbnail":12555},{"ext":34,"url":4359,"hash":4360,"mime":37,"name":4361,"path":39,"size":4362,"width":41,"height":950,"provider_metadata":12550},{"public_id":4360,"resource_type":44},{"ext":34,"url":4365,"hash":4366,"mime":37,"name":4367,"path":39,"size":4368,"width":50,"height":1191,"provider_metadata":12552},{"public_id":4366,"resource_type":44},{"ext":34,"url":4371,"hash":4372,"mime":37,"name":4373,"path":39,"size":4374,"width":58,"height":4375,"provider_metadata":12554},{"public_id":4372,"resource_type":44},{"ext":34,"url":4378,"hash":4379,"mime":37,"name":4380,"path":39,"size":4381,"width":256,"height":1187,"provider_metadata":12556},{"public_id":4379,"resource_type":44},{"public_id":4383,"resource_type":44},{"__component":23,"id":950,"Text":4390},{"__component":141,"id":1567,"Size":4089,"caption":39,"Image":12560},[12561],{"id":4394,"name":4395,"alternativeText":29,"caption":29,"width":4396,"height":1280,"formats":12562,"hash":4422,"ext":34,"mime":37,"size":4423,"url":4424,"previewUrl":39,"provider":72,"provider_metadata":12571,"created_at":4426,"updated_at":4427},{"large":12563,"small":12565,"medium":12567,"thumbnail":12569},{"ext":34,"url":4399,"hash":4400,"mime":37,"name":4401,"path":39,"size":4402,"width":41,"height":2246,"provider_metadata":12564},{"public_id":4400,"resource_type":44},{"ext":34,"url":4405,"hash":4406,"mime":37,"name":4407,"path":39,"size":4408,"width":50,"height":2092,"provider_metadata":12566},{"public_id":4406,"resource_type":44},{"ext":34,"url":4411,"hash":4412,"mime":37,"name":4413,"path":39,"size":4414,"width":58,"height":417,"provider_metadata":12568},{"public_id":4412,"resource_type":44},{"ext":34,"url":4417,"hash":4418,"mime":37,"name":4419,"path":39,"size":4420,"width":256,"height":1011,"provider_metadata":12570},{"public_id":4418,"resource_type":44},{"public_id":4422,"resource_type":44},{"__component":23,"id":770,"Text":4429},{"__component":141,"id":912,"Size":143,"caption":4431,"Image":12574},[12575],{"id":4434,"name":4435,"alternativeText":29,"caption":29,"width":4251,"height":3258,"formats":12576,"hash":4443,"ext":34,"mime":37,"size":4444,"url":4445,"previewUrl":39,"provider":72,"provider_metadata":12579,"created_at":4447,"updated_at":4448},{"thumbnail":12577},{"ext":34,"url":4438,"hash":4439,"mime":37,"name":4440,"path":39,"size":4441,"width":256,"height":1579,"provider_metadata":12578},{"public_id":4439,"resource_type":44},{"public_id":4443,"resource_type":44},{"__component":141,"id":1608,"Size":4450,"caption":39,"Image":12581},[12582],{"id":853,"name":4453,"alternativeText":29,"caption":29,"width":4454,"height":239,"formats":12583,"hash":4468,"ext":34,"mime":37,"size":4469,"url":4470,"previewUrl":39,"provider":72,"provider_metadata":12588,"created_at":4472,"updated_at":4473},{"small":12584,"thumbnail":12586},{"ext":34,"url":4457,"hash":4458,"mime":37,"name":4459,"path":39,"size":4460,"width":50,"height":481,"provider_metadata":12585},{"public_id":4458,"resource_type":44},{"ext":34,"url":4463,"hash":4464,"mime":37,"name":4465,"path":39,"size":4466,"width":256,"height":1790,"provider_metadata":12587},{"public_id":4464,"resource_type":44},{"public_id":4468,"resource_type":44},{"__component":23,"id":27,"Text":4475},{"__component":141,"id":67,"Size":4089,"caption":4477,"Image":12591},[12592],{"id":4480,"name":4481,"alternativeText":29,"caption":29,"width":4482,"height":4483,"formats":12593,"hash":4509,"ext":97,"mime":100,"size":4510,"url":4511,"previewUrl":39,"provider":72,"provider_metadata":12602,"created_at":4513,"updated_at":4514},{"large":12594,"small":12596,"medium":12598,"thumbnail":12600},{"ext":97,"url":4486,"hash":4487,"mime":100,"name":4488,"path":39,"size":4489,"width":41,"height":58,"provider_metadata":12595},{"public_id":4487,"resource_type":44},{"ext":97,"url":4492,"hash":4493,"mime":100,"name":4494,"path":39,"size":4495,"width":50,"height":311,"provider_metadata":12597},{"public_id":4493,"resource_type":44},{"ext":97,"url":4498,"hash":4499,"mime":100,"name":4500,"path":39,"size":4501,"width":58,"height":537,"provider_metadata":12599},{"public_id":4499,"resource_type":44},{"ext":97,"url":4504,"hash":4505,"mime":100,"name":4506,"path":39,"size":4507,"width":544,"height":67,"provider_metadata":12601},{"public_id":4505,"resource_type":44},{"public_id":4509,"resource_type":44},{"__component":23,"id":4516,"Text":4517},{"__component":141,"id":1655,"Size":4089,"caption":4519,"Image":12605},[12606],{"id":4522,"name":4523,"alternativeText":29,"caption":29,"width":4524,"height":4525,"formats":12607,"hash":4553,"ext":34,"mime":37,"size":4554,"url":4555,"previewUrl":39,"provider":72,"provider_metadata":12616,"created_at":4557,"updated_at":4558},{"large":12608,"small":12610,"medium":12612,"thumbnail":12614},{"ext":34,"url":4528,"hash":4529,"mime":37,"name":4530,"path":39,"size":4531,"width":41,"height":4532,"provider_metadata":12609},{"public_id":4529,"resource_type":44},{"ext":34,"url":4535,"hash":4536,"mime":37,"name":4537,"path":39,"size":4538,"width":50,"height":4539,"provider_metadata":12611},{"public_id":4536,"resource_type":44},{"ext":34,"url":4542,"hash":4543,"mime":37,"name":4544,"path":39,"size":4545,"width":58,"height":3433,"provider_metadata":12613},{"public_id":4543,"resource_type":44},{"ext":34,"url":4548,"hash":4549,"mime":37,"name":4550,"path":39,"size":4551,"width":1890,"height":67,"provider_metadata":12615},{"public_id":4549,"resource_type":44},{"public_id":4553,"resource_type":44},{"__component":23,"id":808,"Text":4560},{"__component":141,"id":1660,"Size":143,"caption":4562,"Image":12619},[12620],{"id":4565,"name":4566,"alternativeText":29,"caption":29,"width":3163,"height":4567,"formats":12621,"hash":4595,"ext":34,"mime":37,"size":4596,"url":4597,"previewUrl":39,"provider":72,"provider_metadata":12630,"created_at":4599,"updated_at":4600},{"large":12622,"small":12624,"medium":12626,"thumbnail":12628},{"ext":34,"url":4570,"hash":4571,"mime":37,"name":4572,"path":39,"size":4573,"width":41,"height":4574,"provider_metadata":12623},{"public_id":4571,"resource_type":44},{"ext":34,"url":4577,"hash":4578,"mime":37,"name":4579,"path":39,"size":4580,"width":50,"height":770,"provider_metadata":12625},{"public_id":4578,"resource_type":44},{"ext":34,"url":4583,"hash":4584,"mime":37,"name":4585,"path":39,"size":4586,"width":58,"height":4587,"provider_metadata":12627},{"public_id":4584,"resource_type":44},{"ext":34,"url":4590,"hash":4591,"mime":37,"name":4592,"path":39,"size":4593,"width":1092,"height":67,"provider_metadata":12629},{"public_id":4591,"resource_type":44},{"public_id":4595,"resource_type":44},{"__component":23,"id":2550,"Text":4602},{"__component":141,"id":1672,"Size":608,"caption":4604,"Image":12633},[12634],{"id":4607,"name":4608,"alternativeText":29,"caption":29,"width":4532,"height":4609,"formats":12635,"hash":4637,"ext":34,"mime":37,"size":4638,"url":4639,"previewUrl":39,"provider":72,"provider_metadata":12644,"created_at":4641,"updated_at":4642},{"large":12636,"small":12638,"medium":12640,"thumbnail":12642},{"ext":34,"url":4612,"hash":4613,"mime":37,"name":4614,"path":39,"size":4615,"width":1071,"height":41,"provider_metadata":12637},{"public_id":4613,"resource_type":44},{"ext":34,"url":4618,"hash":4619,"mime":37,"name":4620,"path":39,"size":4621,"width":4622,"height":50,"provider_metadata":12639},{"public_id":4619,"resource_type":44},{"ext":34,"url":4625,"hash":4626,"mime":37,"name":4627,"path":39,"size":4628,"width":4629,"height":58,"provider_metadata":12641},{"public_id":4626,"resource_type":44},{"ext":34,"url":4632,"hash":4633,"mime":37,"name":4634,"path":39,"size":4635,"width":743,"height":67,"provider_metadata":12643},{"public_id":4633,"resource_type":44},{"public_id":4637,"resource_type":44},{"__component":23,"id":4644,"Text":4645},{"__component":141,"id":1678,"Size":143,"caption":4647,"Image":12647},[12648],{"id":4650,"name":4651,"alternativeText":29,"caption":29,"width":4652,"height":4653,"formats":12649,"hash":4675,"ext":34,"mime":37,"size":4676,"url":4677,"previewUrl":39,"provider":72,"provider_metadata":12656,"created_at":4679,"updated_at":4680},{"small":12650,"medium":12652,"thumbnail":12654},{"ext":34,"url":4656,"hash":4657,"mime":37,"name":4658,"path":39,"size":4659,"width":4660,"height":50,"provider_metadata":12651},{"public_id":4657,"resource_type":44},{"ext":34,"url":4663,"hash":4664,"mime":37,"name":4665,"path":39,"size":4666,"width":4667,"height":58,"provider_metadata":12653},{"public_id":4664,"resource_type":44},{"ext":34,"url":4670,"hash":4671,"mime":37,"name":4672,"path":39,"size":4673,"width":368,"height":67,"provider_metadata":12655},{"public_id":4671,"resource_type":44},{"public_id":4675,"resource_type":44},{"__component":23,"id":4682,"Text":4683},{"__component":141,"id":1685,"Size":4089,"caption":4685,"Image":12659},[12660],{"id":4688,"name":4689,"alternativeText":29,"caption":29,"width":4690,"height":4691,"formats":12661,"hash":4720,"ext":34,"mime":37,"size":4721,"url":4722,"previewUrl":39,"provider":72,"provider_metadata":12670,"created_at":4724,"updated_at":4725},{"large":12662,"small":12664,"medium":12666,"thumbnail":12668},{"ext":34,"url":4694,"hash":4695,"mime":37,"name":4696,"path":39,"size":4697,"width":41,"height":3164,"provider_metadata":12663},{"public_id":4695,"resource_type":44},{"ext":34,"url":4700,"hash":4701,"mime":37,"name":4702,"path":39,"size":4703,"width":50,"height":4704,"provider_metadata":12665},{"public_id":4701,"resource_type":44},{"ext":34,"url":4707,"hash":4708,"mime":37,"name":4709,"path":39,"size":4710,"width":58,"height":4711,"provider_metadata":12667},{"public_id":4708,"resource_type":44},{"ext":34,"url":4714,"hash":4715,"mime":37,"name":4716,"path":39,"size":4717,"width":4718,"height":67,"provider_metadata":12669},{"public_id":4715,"resource_type":44},{"public_id":4720,"resource_type":44},{"__component":23,"id":4727,"Text":4728},{"id":4730,"name":289,"alternativeText":39,"caption":39,"width":3576,"height":523,"formats":12673,"hash":4752,"ext":34,"mime":37,"size":4753,"url":4754,"previewUrl":39,"provider":72,"provider_metadata":12682,"created_at":4756,"updated_at":4756},{"large":12674,"small":12676,"medium":12678,"thumbnail":12680},{"ext":34,"url":4733,"hash":4734,"mime":37,"name":296,"path":39,"size":4735,"width":41,"height":537,"provider_metadata":12675},{"public_id":4734,"resource_type":44},{"ext":34,"url":4738,"hash":4739,"mime":37,"name":302,"path":39,"size":4740,"width":50,"height":4650,"provider_metadata":12677},{"public_id":4739,"resource_type":44},{"ext":34,"url":4743,"hash":4744,"mime":37,"name":309,"path":39,"size":4745,"width":58,"height":3947,"provider_metadata":12679},{"public_id":4744,"resource_type":44},{"ext":34,"url":4748,"hash":4749,"mime":37,"name":316,"path":39,"size":4750,"width":256,"height":239,"provider_metadata":12681},{"public_id":4749,"resource_type":44},{"public_id":4752,"resource_type":44},{"id":1482,"Title":2180,"user":336,"Summary":2193,"created_at":2194,"updated_at":2195,"slug":2196,"published_at":2194,"release_date":2197,"Layout":138,"Content":12684,"Feature":12727},[12685,12698,12699,12712,12713,12726],{"__component":141,"id":395,"Size":39,"caption":39,"Image":12686},[12687],{"id":142,"name":1334,"alternativeText":2202,"caption":29,"width":1335,"height":1336,"formats":12688,"hash":2220,"ext":34,"mime":37,"size":1365,"url":2221,"previewUrl":39,"provider":72,"provider_metadata":12697,"created_at":2223,"updated_at":2224},{"large":12689,"small":12691,"medium":12693,"thumbnail":12695},{"ext":34,"url":2205,"hash":2206,"mime":37,"name":1341,"path":39,"size":1342,"width":41,"height":1343,"provider_metadata":12690},{"public_id":2206,"resource_type":44},{"ext":34,"url":2209,"hash":2210,"mime":37,"name":1348,"path":39,"size":1349,"width":50,"height":1350,"provider_metadata":12692},{"public_id":2210,"resource_type":44},{"ext":34,"url":2213,"hash":2214,"mime":37,"name":1355,"path":39,"size":1356,"width":58,"height":1071,"provider_metadata":12694},{"public_id":2214,"resource_type":44},{"ext":34,"url":2217,"hash":2218,"mime":37,"name":1361,"path":39,"size":1362,"width":256,"height":239,"provider_metadata":12696},{"public_id":2218,"resource_type":44},{"public_id":2220,"resource_type":44},{"__component":23,"id":504,"Text":2226},{"__component":141,"id":399,"Size":39,"caption":39,"Image":12700},[12701],{"id":189,"name":2230,"alternativeText":29,"caption":29,"width":2231,"height":2232,"formats":12702,"hash":2260,"ext":34,"mime":37,"size":2261,"url":2262,"previewUrl":39,"provider":72,"provider_metadata":12711,"created_at":2264,"updated_at":2265},{"large":12703,"small":12705,"medium":12707,"thumbnail":12709},{"ext":34,"url":2235,"hash":2236,"mime":37,"name":2237,"path":39,"size":2238,"width":41,"height":2239,"provider_metadata":12704},{"public_id":2236,"resource_type":44},{"ext":34,"url":2242,"hash":2243,"mime":37,"name":2244,"path":39,"size":2245,"width":50,"height":2246,"provider_metadata":12706},{"public_id":2243,"resource_type":44},{"ext":34,"url":2249,"hash":2250,"mime":37,"name":2251,"path":39,"size":2252,"width":58,"height":2253,"provider_metadata":12708},{"public_id":2250,"resource_type":44},{"ext":34,"url":2256,"hash":2257,"mime":37,"name":2258,"path":39,"size":1403,"width":256,"height":2073,"provider_metadata":12710},{"public_id":2257,"resource_type":44},{"public_id":2260,"resource_type":44},{"__component":23,"id":368,"Text":2267},{"__component":141,"id":1272,"Size":39,"caption":39,"Image":12714},[12715],{"id":1635,"name":2271,"alternativeText":2272,"caption":29,"width":195,"height":195,"formats":12716,"hash":2298,"ext":97,"mime":100,"size":2299,"url":2300,"previewUrl":39,"provider":72,"provider_metadata":12725,"created_at":2302,"updated_at":2303},{"large":12717,"small":12719,"medium":12721,"thumbnail":12723},{"ext":97,"url":2275,"hash":2276,"mime":100,"name":2277,"path":39,"size":2278,"width":41,"height":41,"provider_metadata":12718},{"public_id":2276,"resource_type":44},{"ext":97,"url":2281,"hash":2282,"mime":100,"name":2283,"path":39,"size":2284,"width":50,"height":50,"provider_metadata":12720},{"public_id":2282,"resource_type":44},{"ext":97,"url":2287,"hash":2288,"mime":100,"name":2289,"path":39,"size":2290,"width":58,"height":58,"provider_metadata":12722},{"public_id":2288,"resource_type":44},{"ext":97,"url":2293,"hash":2294,"mime":100,"name":2295,"path":39,"size":2296,"width":67,"height":67,"provider_metadata":12724},{"public_id":2294,"resource_type":44},{"public_id":2298,"resource_type":44},{"__component":23,"id":700,"Text":2305},{"id":2307,"name":289,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":12728,"hash":2329,"ext":34,"mime":37,"size":2330,"url":2331,"previewUrl":39,"provider":72,"provider_metadata":12737,"created_at":2333,"updated_at":2333},{"large":12729,"small":12731,"medium":12733,"thumbnail":12735},{"ext":34,"url":2310,"hash":2311,"mime":37,"name":296,"path":39,"size":2312,"width":41,"height":50,"provider_metadata":12730},{"public_id":2311,"resource_type":44},{"ext":34,"url":2315,"hash":2316,"mime":37,"name":302,"path":39,"size":2317,"width":50,"height":304,"provider_metadata":12732},{"public_id":2316,"resource_type":44},{"ext":34,"url":2320,"hash":2321,"mime":37,"name":309,"path":39,"size":2322,"width":58,"height":311,"provider_metadata":12734},{"public_id":2321,"resource_type":44},{"ext":34,"url":2325,"hash":2326,"mime":37,"name":316,"path":39,"size":2327,"width":256,"height":318,"provider_metadata":12736},{"public_id":2326,"resource_type":44},{"public_id":2329,"resource_type":44},{"id":270,"Title":3922,"user":336,"Summary":3935,"created_at":3936,"updated_at":3937,"slug":3938,"published_at":3936,"release_date":3939,"Layout":138,"Content":12739,"Feature":12749},[12740,12741,12748],{"__component":23,"id":327,"Text":3942},{"__component":141,"id":1440,"Size":39,"caption":39,"Image":12742},[12743],{"id":2630,"name":3946,"alternativeText":29,"caption":29,"width":3947,"height":3948,"formats":12744,"hash":3955,"ext":34,"mime":37,"size":3956,"url":3957,"previewUrl":39,"provider":72,"provider_metadata":12747,"created_at":3959,"updated_at":3959},{"thumbnail":12745},{"ext":34,"url":3951,"hash":3952,"mime":37,"size":3953,"width":256,"height":2073,"provider_metadata":12746},{"public_id":3952,"resource_type":44},{"public_id":3955,"resource_type":44},{"__component":23,"id":558,"Text":3961},{"id":3224,"name":289,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":12750,"hash":3984,"ext":34,"mime":37,"size":3985,"url":3986,"previewUrl":39,"provider":72,"provider_metadata":12759,"created_at":3988,"updated_at":3988},{"large":12751,"small":12753,"medium":12755,"thumbnail":12757},{"ext":34,"url":3965,"hash":3966,"mime":37,"name":296,"path":39,"size":3967,"width":41,"height":50,"provider_metadata":12752},{"public_id":3966,"resource_type":44},{"ext":34,"url":3970,"hash":3971,"mime":37,"name":302,"path":39,"size":3972,"width":50,"height":304,"provider_metadata":12754},{"public_id":3971,"resource_type":44},{"ext":34,"url":3975,"hash":3976,"mime":37,"name":309,"path":39,"size":3977,"width":58,"height":311,"provider_metadata":12756},{"public_id":3976,"resource_type":44},{"ext":34,"url":3980,"hash":3981,"mime":37,"name":316,"path":39,"size":3982,"width":256,"height":318,"provider_metadata":12758},{"public_id":3981,"resource_type":44},{"public_id":3984,"resource_type":44},{"id":1599,"Title":9137,"user":336,"Summary":9150,"created_at":9151,"updated_at":9152,"slug":9153,"published_at":9154,"release_date":9155,"Layout":381,"Content":12761,"Feature":12818},[12762,12763,12776,12777,12790,12791,12804,12805],{"__component":23,"id":1397,"Text":9158},{"__component":141,"id":1707,"Size":4450,"caption":39,"Image":12764},[12765],{"id":7147,"name":9162,"alternativeText":29,"caption":29,"width":9163,"height":9026,"formats":12766,"hash":9189,"ext":97,"mime":100,"size":9190,"url":9191,"previewUrl":39,"provider":72,"provider_metadata":12775,"created_at":9193,"updated_at":9194},{"large":12767,"small":12769,"medium":12771,"thumbnail":12773},{"ext":97,"url":9166,"hash":9167,"mime":100,"name":9168,"path":39,"size":9169,"width":41,"height":9170,"provider_metadata":12768},{"public_id":9167,"resource_type":44},{"ext":97,"url":9173,"hash":9174,"mime":100,"name":9175,"path":39,"size":9176,"width":50,"height":210,"provider_metadata":12770},{"public_id":9174,"resource_type":44},{"ext":97,"url":9179,"hash":9180,"mime":100,"name":9181,"path":39,"size":9182,"width":58,"height":50,"provider_metadata":12772},{"public_id":9180,"resource_type":44},{"ext":97,"url":9185,"hash":9186,"mime":100,"name":9187,"path":39,"size":5671,"width":223,"height":67,"provider_metadata":12774},{"public_id":9186,"resource_type":44},{"public_id":9189,"resource_type":44},{"__component":23,"id":9196,"Text":9197},{"__component":141,"id":1712,"Size":608,"caption":39,"Image":12778},[12779],{"id":7482,"name":9201,"alternativeText":29,"caption":29,"width":9202,"height":4482,"formats":12780,"hash":9228,"ext":97,"mime":100,"size":9229,"url":9230,"previewUrl":39,"provider":72,"provider_metadata":12789,"created_at":9232,"updated_at":9233},{"large":12781,"small":12783,"medium":12785,"thumbnail":12787},{"ext":97,"url":9205,"hash":9206,"mime":100,"name":9207,"path":39,"size":9208,"width":5398,"height":41,"provider_metadata":12782},{"public_id":9206,"resource_type":44},{"ext":97,"url":9211,"hash":9212,"mime":100,"name":9213,"path":39,"size":9214,"width":311,"height":50,"provider_metadata":12784},{"public_id":9212,"resource_type":44},{"ext":97,"url":9217,"hash":9218,"mime":100,"name":9219,"path":39,"size":9220,"width":537,"height":58,"provider_metadata":12786},{"public_id":9218,"resource_type":44},{"ext":97,"url":9223,"hash":9224,"mime":100,"name":9225,"path":39,"size":9226,"width":493,"height":67,"provider_metadata":12788},{"public_id":9224,"resource_type":44},{"public_id":9228,"resource_type":44},{"__component":23,"id":9235,"Text":9236},{"__component":141,"id":1696,"Size":4089,"caption":39,"Image":12792},[12793],{"id":7449,"name":9240,"alternativeText":29,"caption":29,"width":9163,"height":9026,"formats":12794,"hash":9266,"ext":4096,"mime":100,"size":9267,"url":9268,"previewUrl":39,"provider":72,"provider_metadata":12803,"created_at":9270,"updated_at":9271},{"large":12795,"small":12797,"medium":12799,"thumbnail":12801},{"ext":4096,"url":9243,"hash":9244,"mime":100,"name":9245,"path":39,"size":9246,"width":41,"height":9170,"provider_metadata":12796},{"public_id":9244,"resource_type":44},{"ext":4096,"url":9249,"hash":9250,"mime":100,"name":9251,"path":39,"size":9252,"width":50,"height":210,"provider_metadata":12798},{"public_id":9250,"resource_type":44},{"ext":4096,"url":9255,"hash":9256,"mime":100,"name":9257,"path":39,"size":9258,"width":58,"height":50,"provider_metadata":12800},{"public_id":9256,"resource_type":44},{"ext":4096,"url":9261,"hash":9262,"mime":100,"name":9263,"path":39,"size":9264,"width":223,"height":67,"provider_metadata":12802},{"public_id":9262,"resource_type":44},{"public_id":9266,"resource_type":44},{"__component":23,"id":5031,"Text":9273},{"__component":141,"id":1702,"Size":143,"caption":39,"Image":12806},[12807],{"id":7172,"name":9277,"alternativeText":29,"caption":29,"width":7882,"height":7883,"formats":12808,"hash":9303,"ext":97,"mime":100,"size":9304,"url":9305,"previewUrl":39,"provider":72,"provider_metadata":12817,"created_at":9307,"updated_at":9308},{"large":12809,"small":12811,"medium":12813,"thumbnail":12815},{"ext":97,"url":9280,"hash":9281,"mime":100,"name":9282,"path":39,"size":9283,"width":58,"height":41,"provider_metadata":12810},{"public_id":9281,"resource_type":44},{"ext":97,"url":9286,"hash":9287,"mime":100,"name":9288,"path":39,"size":9289,"width":311,"height":50,"provider_metadata":12812},{"public_id":9287,"resource_type":44},{"ext":97,"url":9292,"hash":9293,"mime":100,"name":9294,"path":39,"size":9295,"width":537,"height":58,"provider_metadata":12814},{"public_id":9293,"resource_type":44},{"ext":97,"url":9298,"hash":9299,"mime":100,"name":9300,"path":39,"size":9301,"width":493,"height":67,"provider_metadata":12816},{"public_id":9299,"resource_type":44},{"public_id":9303,"resource_type":44},{"id":4794,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":12819,"hash":9326,"ext":34,"mime":37,"size":9327,"url":9328,"previewUrl":39,"provider":72,"provider_metadata":12826,"created_at":9330,"updated_at":9330},{"small":12820,"medium":12822,"thumbnail":12824},{"ext":34,"url":9312,"hash":9313,"mime":37,"name":302,"path":39,"size":9314,"width":50,"height":311,"provider_metadata":12821},{"public_id":9313,"resource_type":44},{"ext":34,"url":9317,"hash":9318,"mime":37,"name":309,"path":39,"size":9319,"width":58,"height":537,"provider_metadata":12823},{"public_id":9318,"resource_type":44},{"ext":34,"url":9322,"hash":9323,"mime":37,"name":316,"path":39,"size":9324,"width":544,"height":67,"provider_metadata":12825},{"public_id":9323,"resource_type":44},{"public_id":9326,"resource_type":44},{"id":13,"Title":3696,"user":336,"Summary":3709,"created_at":3710,"updated_at":3711,"slug":3712,"published_at":3710,"release_date":3713,"Layout":138,"Content":12828,"Feature":12830},[12829],{"__component":23,"id":2796,"Text":3716},{"id":3718,"name":289,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":12831,"hash":3740,"ext":34,"mime":37,"size":3741,"url":3742,"previewUrl":39,"provider":72,"provider_metadata":12840,"created_at":3744,"updated_at":3744},{"large":12832,"small":12834,"medium":12836,"thumbnail":12838},{"ext":34,"url":3721,"hash":3722,"mime":37,"name":296,"path":39,"size":3723,"width":41,"height":50,"provider_metadata":12833},{"public_id":3722,"resource_type":44},{"ext":34,"url":3726,"hash":3727,"mime":37,"name":302,"path":39,"size":3728,"width":50,"height":304,"provider_metadata":12835},{"public_id":3727,"resource_type":44},{"ext":34,"url":3731,"hash":3732,"mime":37,"name":309,"path":39,"size":3733,"width":58,"height":311,"provider_metadata":12837},{"public_id":3732,"resource_type":44},{"ext":34,"url":3736,"hash":3737,"mime":37,"name":316,"path":39,"size":3738,"width":256,"height":318,"provider_metadata":12839},{"public_id":3737,"resource_type":44},{"public_id":3740,"resource_type":44},{"id":1374,"Title":3501,"user":336,"Summary":3514,"created_at":3515,"updated_at":3516,"slug":3517,"published_at":3515,"release_date":3518,"Layout":138,"Content":12842,"Feature":12892},[12843,12844,12847,12848,12851,12852,12855,12856,12859,12860,12873,12874,12887,12888,12891],{"__component":23,"id":390,"Text":3521},{"__component":1373,"id":3523,"Video":12845},{"id":399,"name":3525,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":3526,"ext":1379,"mime":1380,"size":3527,"url":3528,"previewUrl":3529,"provider":72,"provider_metadata":12846,"created_at":3531,"updated_at":3532},{"public_id":3526,"resource_type":1385},{"__component":23,"id":395,"Text":3534},{"__component":1373,"id":336,"Video":12849},{"id":395,"name":3537,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":3538,"ext":1379,"mime":1380,"size":3539,"url":3540,"previewUrl":3541,"provider":72,"provider_metadata":12850,"created_at":3543,"updated_at":3544},{"public_id":3538,"resource_type":1385},{"__component":23,"id":399,"Text":3546},{"__component":1373,"id":3548,"Video":12853},{"id":1846,"name":3550,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":3551,"ext":1379,"mime":1380,"size":3552,"url":3553,"previewUrl":3554,"provider":72,"provider_metadata":12854,"created_at":3556,"updated_at":3557},{"public_id":3551,"resource_type":1385},{"__component":23,"id":404,"Text":3559},{"__component":1373,"id":81,"Video":12857},{"id":1272,"name":3562,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":3563,"ext":1379,"mime":1380,"size":3564,"url":3565,"previewUrl":3566,"provider":72,"provider_metadata":12858,"created_at":3568,"updated_at":3569},{"public_id":3563,"resource_type":1385},{"__component":23,"id":1272,"Text":3571},{"__component":141,"id":342,"Size":39,"caption":39,"Image":12861},[12862],{"id":1851,"name":3575,"alternativeText":29,"caption":29,"width":3576,"height":3577,"formats":12863,"hash":3603,"ext":34,"mime":37,"size":3604,"url":3605,"previewUrl":39,"provider":72,"provider_metadata":12872,"created_at":3607,"updated_at":3608},{"large":12864,"small":12866,"medium":12868,"thumbnail":12870},{"ext":34,"url":3580,"hash":3581,"mime":37,"name":3582,"path":39,"size":3583,"width":41,"height":50,"provider_metadata":12865},{"public_id":3581,"resource_type":44},{"ext":34,"url":3586,"hash":3587,"mime":37,"name":3588,"path":39,"size":3589,"width":50,"height":304,"provider_metadata":12867},{"public_id":3587,"resource_type":44},{"ext":34,"url":3592,"hash":3593,"mime":37,"name":3594,"path":39,"size":3595,"width":58,"height":311,"provider_metadata":12869},{"public_id":3593,"resource_type":44},{"ext":34,"url":3598,"hash":3599,"mime":37,"name":3600,"path":39,"size":3601,"width":256,"height":318,"provider_metadata":12871},{"public_id":3599,"resource_type":44},{"public_id":3603,"resource_type":44},{"__component":23,"id":1274,"Text":3610},{"__component":141,"id":2584,"Size":39,"caption":39,"Image":12875},[12876],{"id":1790,"name":3614,"alternativeText":29,"caption":29,"width":3615,"height":3616,"formats":12877,"hash":3645,"ext":34,"mime":37,"size":3646,"url":3647,"previewUrl":39,"provider":72,"provider_metadata":12886,"created_at":3649,"updated_at":3650},{"large":12878,"small":12880,"medium":12882,"thumbnail":12884},{"ext":34,"url":3619,"hash":3620,"mime":37,"name":3621,"path":39,"size":3622,"width":41,"height":3623,"provider_metadata":12879},{"public_id":3620,"resource_type":44},{"ext":34,"url":3626,"hash":3627,"mime":37,"name":3628,"path":39,"size":3629,"width":50,"height":3630,"provider_metadata":12881},{"public_id":3627,"resource_type":44},{"ext":34,"url":3633,"hash":3634,"mime":37,"name":3635,"path":39,"size":3636,"width":58,"height":3637,"provider_metadata":12883},{"public_id":3634,"resource_type":44},{"ext":34,"url":3640,"hash":3641,"mime":37,"name":3642,"path":39,"size":3643,"width":256,"height":2073,"provider_metadata":12885},{"public_id":3641,"resource_type":44},{"public_id":3645,"resource_type":44},{"__component":23,"id":1276,"Text":3652},{"__component":1373,"id":270,"Video":12889},{"id":404,"name":3655,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":3656,"ext":1379,"mime":1380,"size":3657,"url":3658,"previewUrl":3659,"provider":72,"provider_metadata":12890,"created_at":3661,"updated_at":3662},{"public_id":3656,"resource_type":1385},{"__component":23,"id":1278,"Text":3664},{"id":3666,"name":289,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":12893,"hash":3688,"ext":34,"mime":37,"size":3689,"url":3690,"previewUrl":39,"provider":72,"provider_metadata":12902,"created_at":3692,"updated_at":3692},{"large":12894,"small":12896,"medium":12898,"thumbnail":12900},{"ext":34,"url":3669,"hash":3670,"mime":37,"name":296,"path":39,"size":3671,"width":41,"height":50,"provider_metadata":12895},{"public_id":3670,"resource_type":44},{"ext":34,"url":3674,"hash":3675,"mime":37,"name":302,"path":39,"size":3676,"width":50,"height":304,"provider_metadata":12897},{"public_id":3675,"resource_type":44},{"ext":34,"url":3679,"hash":3680,"mime":37,"name":309,"path":39,"size":3681,"width":58,"height":311,"provider_metadata":12899},{"public_id":3680,"resource_type":44},{"ext":34,"url":3684,"hash":3685,"mime":37,"name":316,"path":39,"size":3686,"width":256,"height":318,"provider_metadata":12901},{"public_id":3685,"resource_type":44},{"public_id":3688,"resource_type":44},{"id":1454,"Title":2401,"user":81,"Summary":2414,"created_at":2415,"updated_at":2416,"slug":2417,"published_at":2415,"release_date":2418,"Layout":381,"Content":12904,"Feature":12919},[12905,12906],{"__component":23,"id":487,"Text":2421},{"__component":141,"id":390,"Size":39,"caption":39,"Image":12907},[12908],{"id":1681,"name":2425,"alternativeText":29,"caption":29,"width":2426,"height":2426,"formats":12909,"hash":2452,"ext":97,"mime":100,"size":2453,"url":2454,"previewUrl":39,"provider":72,"provider_metadata":12918,"created_at":2456,"updated_at":2457},{"large":12910,"small":12912,"medium":12914,"thumbnail":12916},{"ext":97,"url":2429,"hash":2430,"mime":100,"name":2431,"path":39,"size":2432,"width":41,"height":41,"provider_metadata":12911},{"public_id":2430,"resource_type":44},{"ext":97,"url":2435,"hash":2436,"mime":100,"name":2437,"path":39,"size":2438,"width":50,"height":50,"provider_metadata":12913},{"public_id":2436,"resource_type":44},{"ext":97,"url":2441,"hash":2442,"mime":100,"name":2443,"path":39,"size":2444,"width":58,"height":58,"provider_metadata":12915},{"public_id":2442,"resource_type":44},{"ext":97,"url":2447,"hash":2448,"mime":100,"name":2449,"path":39,"size":2450,"width":67,"height":67,"provider_metadata":12917},{"public_id":2448,"resource_type":44},{"public_id":2452,"resource_type":44},{"id":724,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":12920,"hash":2475,"ext":34,"mime":37,"size":2476,"url":2477,"previewUrl":39,"provider":72,"provider_metadata":12927,"created_at":2479,"updated_at":2479},{"small":12921,"medium":12923,"thumbnail":12925},{"ext":34,"url":2461,"hash":2462,"mime":37,"name":529,"path":39,"size":2463,"width":50,"height":311,"provider_metadata":12922},{"public_id":2462,"resource_type":44},{"ext":34,"url":2466,"hash":2467,"mime":37,"name":535,"path":39,"size":2468,"width":58,"height":537,"provider_metadata":12924},{"public_id":2467,"resource_type":44},{"ext":34,"url":2471,"hash":2472,"mime":37,"name":542,"path":39,"size":2473,"width":544,"height":67,"provider_metadata":12926},{"public_id":2472,"resource_type":44},{"public_id":2475,"resource_type":44},[],{"id":1468,"Name":3848,"created_at":3849,"updated_at":3850,"slug":3851,"blogs":12930,"projects":13156},[12931,12943,12955],{"id":274,"Title":3802,"user":87,"Summary":3809,"created_at":3810,"updated_at":3811,"slug":3812,"published_at":3810,"release_date":3813,"Layout":381,"Content":12932,"Feature":12934},[12933],{"__component":23,"id":2710,"Text":3816},{"id":1769,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":12935,"hash":3834,"ext":34,"mime":37,"size":3835,"url":3836,"previewUrl":39,"provider":72,"provider_metadata":12942,"created_at":3838,"updated_at":3838},{"small":12936,"medium":12938,"thumbnail":12940},{"ext":34,"url":3820,"hash":3821,"mime":37,"name":302,"path":39,"size":3822,"width":50,"height":311,"provider_metadata":12937},{"public_id":3821,"resource_type":44},{"ext":34,"url":3825,"hash":3826,"mime":37,"name":309,"path":39,"size":3827,"width":58,"height":537,"provider_metadata":12939},{"public_id":3826,"resource_type":44},{"ext":34,"url":3830,"hash":3831,"mime":37,"name":316,"path":39,"size":3832,"width":544,"height":67,"provider_metadata":12941},{"public_id":3831,"resource_type":44},{"public_id":3834,"resource_type":44},{"id":81,"Title":3853,"user":336,"Summary":3866,"created_at":3867,"updated_at":3868,"slug":3869,"published_at":3867,"release_date":3870,"Layout":381,"Content":12944,"Feature":12946},[12945],{"__component":23,"id":569,"Text":3873},{"id":3875,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":12947,"hash":3892,"ext":34,"mime":37,"size":3893,"url":3894,"previewUrl":39,"provider":72,"provider_metadata":12954,"created_at":3896,"updated_at":3896},{"small":12948,"medium":12950,"thumbnail":12952},{"ext":34,"url":3878,"hash":3879,"mime":37,"name":529,"path":39,"size":3880,"width":50,"height":311,"provider_metadata":12949},{"public_id":3879,"resource_type":44},{"ext":34,"url":3883,"hash":3884,"mime":37,"name":535,"path":39,"size":3885,"width":58,"height":537,"provider_metadata":12951},{"public_id":3884,"resource_type":44},{"ext":34,"url":3888,"hash":3889,"mime":37,"name":542,"path":39,"size":3890,"width":544,"height":67,"provider_metadata":12953},{"public_id":3889,"resource_type":44},{"public_id":3892,"resource_type":44},{"id":2715,"Title":4152,"user":87,"Summary":4159,"created_at":4160,"updated_at":4161,"slug":4162,"published_at":4163,"release_date":4164,"Layout":4165,"Content":12956,"Feature":13145},[12957,12958,12961,12962,12975,12976,12989,12990,13003,13004,13017,13018,13031,13032,13045,13046,13053,13062,13063,13076,13077,13090,13091,13104,13105,13118,13119,13130,13131,13144],{"__component":23,"id":3049,"Text":4168},{"__component":1373,"id":395,"Video":12959},{"id":4171,"name":4172,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":4173,"ext":1558,"mime":1559,"size":4174,"url":4175,"previewUrl":4176,"provider":72,"provider_metadata":12960,"created_at":4178,"updated_at":4179},{"public_id":4173,"resource_type":1385},{"__component":23,"id":1769,"Text":4181},{"__component":141,"id":257,"Size":143,"caption":4183,"Image":12963},[12964],{"id":3217,"name":4186,"alternativeText":29,"caption":29,"width":4187,"height":4188,"formats":12965,"hash":4217,"ext":34,"mime":37,"size":4218,"url":4219,"previewUrl":39,"provider":72,"provider_metadata":12974,"created_at":4221,"updated_at":4222},{"large":12966,"small":12968,"medium":12970,"thumbnail":12972},{"ext":34,"url":4191,"hash":4192,"mime":37,"name":4193,"path":39,"size":4194,"width":4195,"height":41,"provider_metadata":12967},{"public_id":4192,"resource_type":44},{"ext":34,"url":4198,"hash":4199,"mime":37,"name":4200,"path":39,"size":4201,"width":4202,"height":50,"provider_metadata":12969},{"public_id":4199,"resource_type":44},{"ext":34,"url":4205,"hash":4206,"mime":37,"name":4207,"path":39,"size":4208,"width":4209,"height":58,"provider_metadata":12971},{"public_id":4206,"resource_type":44},{"ext":34,"url":4212,"hash":4213,"mime":37,"name":4214,"path":39,"size":4215,"width":368,"height":67,"provider_metadata":12973},{"public_id":4213,"resource_type":44},{"public_id":4217,"resource_type":44},{"__component":23,"id":4224,"Text":4225},{"__component":141,"id":2101,"Size":143,"caption":4227,"Image":12977},[12978],{"id":943,"name":4230,"alternativeText":29,"caption":29,"width":4231,"height":4232,"formats":12979,"hash":4259,"ext":34,"mime":37,"size":4260,"url":4261,"previewUrl":39,"provider":72,"provider_metadata":12988,"created_at":4263,"updated_at":4264},{"large":12980,"small":12982,"medium":12984,"thumbnail":12986},{"ext":34,"url":4235,"hash":4236,"mime":37,"name":4237,"path":39,"size":4238,"width":620,"height":41,"provider_metadata":12981},{"public_id":4236,"resource_type":44},{"ext":34,"url":4241,"hash":4242,"mime":37,"name":4243,"path":39,"size":4244,"width":627,"height":50,"provider_metadata":12983},{"public_id":4242,"resource_type":44},{"ext":34,"url":4247,"hash":4248,"mime":37,"name":4249,"path":39,"size":4250,"width":4251,"height":58,"provider_metadata":12985},{"public_id":4248,"resource_type":44},{"ext":34,"url":4254,"hash":4255,"mime":37,"name":4256,"path":39,"size":4257,"width":641,"height":67,"provider_metadata":12987},{"public_id":4255,"resource_type":44},{"public_id":4259,"resource_type":44},{"__component":23,"id":3875,"Text":4266},{"__component":141,"id":2145,"Size":4089,"caption":4268,"Image":12991},[12992],{"id":763,"name":4271,"alternativeText":29,"caption":29,"width":4272,"height":4273,"formats":12993,"hash":4299,"ext":34,"mime":37,"size":4300,"url":4301,"previewUrl":39,"provider":72,"provider_metadata":13002,"created_at":4303,"updated_at":4304},{"large":12994,"small":12996,"medium":12998,"thumbnail":13000},{"ext":34,"url":4276,"hash":4277,"mime":37,"name":4278,"path":39,"size":4279,"width":41,"height":490,"provider_metadata":12995},{"public_id":4277,"resource_type":44},{"ext":34,"url":4282,"hash":4283,"mime":37,"name":4284,"path":39,"size":4285,"width":50,"height":487,"provider_metadata":12997},{"public_id":4283,"resource_type":44},{"ext":34,"url":4288,"hash":4289,"mime":37,"name":4290,"path":39,"size":4291,"width":58,"height":1437,"provider_metadata":12999},{"public_id":4289,"resource_type":44},{"ext":34,"url":4294,"hash":4295,"mime":37,"name":4296,"path":39,"size":4297,"width":256,"height":1628,"provider_metadata":13001},{"public_id":4295,"resource_type":44},{"public_id":4299,"resource_type":44},{"__component":23,"id":3224,"Text":4306},{"__component":141,"id":1833,"Size":4089,"caption":4308,"Image":13005},[13006],{"id":4311,"name":4312,"alternativeText":29,"caption":29,"width":4313,"height":4314,"formats":13007,"hash":4342,"ext":34,"mime":37,"size":4343,"url":4344,"previewUrl":39,"provider":72,"provider_metadata":13016,"created_at":4346,"updated_at":4347},{"large":13008,"small":13010,"medium":13012,"thumbnail":13014},{"ext":34,"url":4317,"hash":4318,"mime":37,"name":4319,"path":39,"size":4320,"width":4321,"height":41,"provider_metadata":13009},{"public_id":4318,"resource_type":44},{"ext":34,"url":4324,"hash":4325,"mime":37,"name":4326,"path":39,"size":4327,"width":4224,"height":50,"provider_metadata":13011},{"public_id":4325,"resource_type":44},{"ext":34,"url":4330,"hash":4331,"mime":37,"name":4332,"path":39,"size":4333,"width":4334,"height":58,"provider_metadata":13013},{"public_id":4331,"resource_type":44},{"ext":34,"url":4337,"hash":4338,"mime":37,"name":4339,"path":39,"size":4340,"width":1843,"height":67,"provider_metadata":13015},{"public_id":4338,"resource_type":44},{"public_id":4342,"resource_type":44},{"__component":23,"id":4014,"Text":4349},{"__component":141,"id":1552,"Size":4089,"caption":4351,"Image":13019},[13020],{"id":4354,"name":4355,"alternativeText":29,"caption":29,"width":4356,"height":1229,"formats":13021,"hash":4383,"ext":34,"mime":37,"size":4384,"url":4385,"previewUrl":39,"provider":72,"provider_metadata":13030,"created_at":4387,"updated_at":4388},{"large":13022,"small":13024,"medium":13026,"thumbnail":13028},{"ext":34,"url":4359,"hash":4360,"mime":37,"name":4361,"path":39,"size":4362,"width":41,"height":950,"provider_metadata":13023},{"public_id":4360,"resource_type":44},{"ext":34,"url":4365,"hash":4366,"mime":37,"name":4367,"path":39,"size":4368,"width":50,"height":1191,"provider_metadata":13025},{"public_id":4366,"resource_type":44},{"ext":34,"url":4371,"hash":4372,"mime":37,"name":4373,"path":39,"size":4374,"width":58,"height":4375,"provider_metadata":13027},{"public_id":4372,"resource_type":44},{"ext":34,"url":4378,"hash":4379,"mime":37,"name":4380,"path":39,"size":4381,"width":256,"height":1187,"provider_metadata":13029},{"public_id":4379,"resource_type":44},{"public_id":4383,"resource_type":44},{"__component":23,"id":950,"Text":4390},{"__component":141,"id":1567,"Size":4089,"caption":39,"Image":13033},[13034],{"id":4394,"name":4395,"alternativeText":29,"caption":29,"width":4396,"height":1280,"formats":13035,"hash":4422,"ext":34,"mime":37,"size":4423,"url":4424,"previewUrl":39,"provider":72,"provider_metadata":13044,"created_at":4426,"updated_at":4427},{"large":13036,"small":13038,"medium":13040,"thumbnail":13042},{"ext":34,"url":4399,"hash":4400,"mime":37,"name":4401,"path":39,"size":4402,"width":41,"height":2246,"provider_metadata":13037},{"public_id":4400,"resource_type":44},{"ext":34,"url":4405,"hash":4406,"mime":37,"name":4407,"path":39,"size":4408,"width":50,"height":2092,"provider_metadata":13039},{"public_id":4406,"resource_type":44},{"ext":34,"url":4411,"hash":4412,"mime":37,"name":4413,"path":39,"size":4414,"width":58,"height":417,"provider_metadata":13041},{"public_id":4412,"resource_type":44},{"ext":34,"url":4417,"hash":4418,"mime":37,"name":4419,"path":39,"size":4420,"width":256,"height":1011,"provider_metadata":13043},{"public_id":4418,"resource_type":44},{"public_id":4422,"resource_type":44},{"__component":23,"id":770,"Text":4429},{"__component":141,"id":912,"Size":143,"caption":4431,"Image":13047},[13048],{"id":4434,"name":4435,"alternativeText":29,"caption":29,"width":4251,"height":3258,"formats":13049,"hash":4443,"ext":34,"mime":37,"size":4444,"url":4445,"previewUrl":39,"provider":72,"provider_metadata":13052,"created_at":4447,"updated_at":4448},{"thumbnail":13050},{"ext":34,"url":4438,"hash":4439,"mime":37,"name":4440,"path":39,"size":4441,"width":256,"height":1579,"provider_metadata":13051},{"public_id":4439,"resource_type":44},{"public_id":4443,"resource_type":44},{"__component":141,"id":1608,"Size":4450,"caption":39,"Image":13054},[13055],{"id":853,"name":4453,"alternativeText":29,"caption":29,"width":4454,"height":239,"formats":13056,"hash":4468,"ext":34,"mime":37,"size":4469,"url":4470,"previewUrl":39,"provider":72,"provider_metadata":13061,"created_at":4472,"updated_at":4473},{"small":13057,"thumbnail":13059},{"ext":34,"url":4457,"hash":4458,"mime":37,"name":4459,"path":39,"size":4460,"width":50,"height":481,"provider_metadata":13058},{"public_id":4458,"resource_type":44},{"ext":34,"url":4463,"hash":4464,"mime":37,"name":4465,"path":39,"size":4466,"width":256,"height":1790,"provider_metadata":13060},{"public_id":4464,"resource_type":44},{"public_id":4468,"resource_type":44},{"__component":23,"id":27,"Text":4475},{"__component":141,"id":67,"Size":4089,"caption":4477,"Image":13064},[13065],{"id":4480,"name":4481,"alternativeText":29,"caption":29,"width":4482,"height":4483,"formats":13066,"hash":4509,"ext":97,"mime":100,"size":4510,"url":4511,"previewUrl":39,"provider":72,"provider_metadata":13075,"created_at":4513,"updated_at":4514},{"large":13067,"small":13069,"medium":13071,"thumbnail":13073},{"ext":97,"url":4486,"hash":4487,"mime":100,"name":4488,"path":39,"size":4489,"width":41,"height":58,"provider_metadata":13068},{"public_id":4487,"resource_type":44},{"ext":97,"url":4492,"hash":4493,"mime":100,"name":4494,"path":39,"size":4495,"width":50,"height":311,"provider_metadata":13070},{"public_id":4493,"resource_type":44},{"ext":97,"url":4498,"hash":4499,"mime":100,"name":4500,"path":39,"size":4501,"width":58,"height":537,"provider_metadata":13072},{"public_id":4499,"resource_type":44},{"ext":97,"url":4504,"hash":4505,"mime":100,"name":4506,"path":39,"size":4507,"width":544,"height":67,"provider_metadata":13074},{"public_id":4505,"resource_type":44},{"public_id":4509,"resource_type":44},{"__component":23,"id":4516,"Text":4517},{"__component":141,"id":1655,"Size":4089,"caption":4519,"Image":13078},[13079],{"id":4522,"name":4523,"alternativeText":29,"caption":29,"width":4524,"height":4525,"formats":13080,"hash":4553,"ext":34,"mime":37,"size":4554,"url":4555,"previewUrl":39,"provider":72,"provider_metadata":13089,"created_at":4557,"updated_at":4558},{"large":13081,"small":13083,"medium":13085,"thumbnail":13087},{"ext":34,"url":4528,"hash":4529,"mime":37,"name":4530,"path":39,"size":4531,"width":41,"height":4532,"provider_metadata":13082},{"public_id":4529,"resource_type":44},{"ext":34,"url":4535,"hash":4536,"mime":37,"name":4537,"path":39,"size":4538,"width":50,"height":4539,"provider_metadata":13084},{"public_id":4536,"resource_type":44},{"ext":34,"url":4542,"hash":4543,"mime":37,"name":4544,"path":39,"size":4545,"width":58,"height":3433,"provider_metadata":13086},{"public_id":4543,"resource_type":44},{"ext":34,"url":4548,"hash":4549,"mime":37,"name":4550,"path":39,"size":4551,"width":1890,"height":67,"provider_metadata":13088},{"public_id":4549,"resource_type":44},{"public_id":4553,"resource_type":44},{"__component":23,"id":808,"Text":4560},{"__component":141,"id":1660,"Size":143,"caption":4562,"Image":13092},[13093],{"id":4565,"name":4566,"alternativeText":29,"caption":29,"width":3163,"height":4567,"formats":13094,"hash":4595,"ext":34,"mime":37,"size":4596,"url":4597,"previewUrl":39,"provider":72,"provider_metadata":13103,"created_at":4599,"updated_at":4600},{"large":13095,"small":13097,"medium":13099,"thumbnail":13101},{"ext":34,"url":4570,"hash":4571,"mime":37,"name":4572,"path":39,"size":4573,"width":41,"height":4574,"provider_metadata":13096},{"public_id":4571,"resource_type":44},{"ext":34,"url":4577,"hash":4578,"mime":37,"name":4579,"path":39,"size":4580,"width":50,"height":770,"provider_metadata":13098},{"public_id":4578,"resource_type":44},{"ext":34,"url":4583,"hash":4584,"mime":37,"name":4585,"path":39,"size":4586,"width":58,"height":4587,"provider_metadata":13100},{"public_id":4584,"resource_type":44},{"ext":34,"url":4590,"hash":4591,"mime":37,"name":4592,"path":39,"size":4593,"width":1092,"height":67,"provider_metadata":13102},{"public_id":4591,"resource_type":44},{"public_id":4595,"resource_type":44},{"__component":23,"id":2550,"Text":4602},{"__component":141,"id":1672,"Size":608,"caption":4604,"Image":13106},[13107],{"id":4607,"name":4608,"alternativeText":29,"caption":29,"width":4532,"height":4609,"formats":13108,"hash":4637,"ext":34,"mime":37,"size":4638,"url":4639,"previewUrl":39,"provider":72,"provider_metadata":13117,"created_at":4641,"updated_at":4642},{"large":13109,"small":13111,"medium":13113,"thumbnail":13115},{"ext":34,"url":4612,"hash":4613,"mime":37,"name":4614,"path":39,"size":4615,"width":1071,"height":41,"provider_metadata":13110},{"public_id":4613,"resource_type":44},{"ext":34,"url":4618,"hash":4619,"mime":37,"name":4620,"path":39,"size":4621,"width":4622,"height":50,"provider_metadata":13112},{"public_id":4619,"resource_type":44},{"ext":34,"url":4625,"hash":4626,"mime":37,"name":4627,"path":39,"size":4628,"width":4629,"height":58,"provider_metadata":13114},{"public_id":4626,"resource_type":44},{"ext":34,"url":4632,"hash":4633,"mime":37,"name":4634,"path":39,"size":4635,"width":743,"height":67,"provider_metadata":13116},{"public_id":4633,"resource_type":44},{"public_id":4637,"resource_type":44},{"__component":23,"id":4644,"Text":4645},{"__component":141,"id":1678,"Size":143,"caption":4647,"Image":13120},[13121],{"id":4650,"name":4651,"alternativeText":29,"caption":29,"width":4652,"height":4653,"formats":13122,"hash":4675,"ext":34,"mime":37,"size":4676,"url":4677,"previewUrl":39,"provider":72,"provider_metadata":13129,"created_at":4679,"updated_at":4680},{"small":13123,"medium":13125,"thumbnail":13127},{"ext":34,"url":4656,"hash":4657,"mime":37,"name":4658,"path":39,"size":4659,"width":4660,"height":50,"provider_metadata":13124},{"public_id":4657,"resource_type":44},{"ext":34,"url":4663,"hash":4664,"mime":37,"name":4665,"path":39,"size":4666,"width":4667,"height":58,"provider_metadata":13126},{"public_id":4664,"resource_type":44},{"ext":34,"url":4670,"hash":4671,"mime":37,"name":4672,"path":39,"size":4673,"width":368,"height":67,"provider_metadata":13128},{"public_id":4671,"resource_type":44},{"public_id":4675,"resource_type":44},{"__component":23,"id":4682,"Text":4683},{"__component":141,"id":1685,"Size":4089,"caption":4685,"Image":13132},[13133],{"id":4688,"name":4689,"alternativeText":29,"caption":29,"width":4690,"height":4691,"formats":13134,"hash":4720,"ext":34,"mime":37,"size":4721,"url":4722,"previewUrl":39,"provider":72,"provider_metadata":13143,"created_at":4724,"updated_at":4725},{"large":13135,"small":13137,"medium":13139,"thumbnail":13141},{"ext":34,"url":4694,"hash":4695,"mime":37,"name":4696,"path":39,"size":4697,"width":41,"height":3164,"provider_metadata":13136},{"public_id":4695,"resource_type":44},{"ext":34,"url":4700,"hash":4701,"mime":37,"name":4702,"path":39,"size":4703,"width":50,"height":4704,"provider_metadata":13138},{"public_id":4701,"resource_type":44},{"ext":34,"url":4707,"hash":4708,"mime":37,"name":4709,"path":39,"size":4710,"width":58,"height":4711,"provider_metadata":13140},{"public_id":4708,"resource_type":44},{"ext":34,"url":4714,"hash":4715,"mime":37,"name":4716,"path":39,"size":4717,"width":4718,"height":67,"provider_metadata":13142},{"public_id":4715,"resource_type":44},{"public_id":4720,"resource_type":44},{"__component":23,"id":4727,"Text":4728},{"id":4730,"name":289,"alternativeText":39,"caption":39,"width":3576,"height":523,"formats":13146,"hash":4752,"ext":34,"mime":37,"size":4753,"url":4754,"previewUrl":39,"provider":72,"provider_metadata":13155,"created_at":4756,"updated_at":4756},{"large":13147,"small":13149,"medium":13151,"thumbnail":13153},{"ext":34,"url":4733,"hash":4734,"mime":37,"name":296,"path":39,"size":4735,"width":41,"height":537,"provider_metadata":13148},{"public_id":4734,"resource_type":44},{"ext":34,"url":4738,"hash":4739,"mime":37,"name":302,"path":39,"size":4740,"width":50,"height":4650,"provider_metadata":13150},{"public_id":4739,"resource_type":44},{"ext":34,"url":4743,"hash":4744,"mime":37,"name":309,"path":39,"size":4745,"width":58,"height":3947,"provider_metadata":13152},{"public_id":4744,"resource_type":44},{"ext":34,"url":4748,"hash":4749,"mime":37,"name":316,"path":39,"size":4750,"width":256,"height":239,"provider_metadata":13154},{"public_id":4749,"resource_type":44},{"public_id":4752,"resource_type":44},[],{"id":1760,"Name":3747,"created_at":3748,"updated_at":3749,"slug":3747,"blogs":13158,"projects":13173},[13159],{"id":13,"Title":3696,"user":336,"Summary":3709,"created_at":3710,"updated_at":3711,"slug":3712,"published_at":3710,"release_date":3713,"Layout":138,"Content":13160,"Feature":13162},[13161],{"__component":23,"id":2796,"Text":3716},{"id":3718,"name":289,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":13163,"hash":3740,"ext":34,"mime":37,"size":3741,"url":3742,"previewUrl":39,"provider":72,"provider_metadata":13172,"created_at":3744,"updated_at":3744},{"large":13164,"small":13166,"medium":13168,"thumbnail":13170},{"ext":34,"url":3721,"hash":3722,"mime":37,"name":296,"path":39,"size":3723,"width":41,"height":50,"provider_metadata":13165},{"public_id":3722,"resource_type":44},{"ext":34,"url":3726,"hash":3727,"mime":37,"name":302,"path":39,"size":3728,"width":50,"height":304,"provider_metadata":13167},{"public_id":3727,"resource_type":44},{"ext":34,"url":3731,"hash":3732,"mime":37,"name":309,"path":39,"size":3733,"width":58,"height":311,"provider_metadata":13169},{"public_id":3732,"resource_type":44},{"ext":34,"url":3736,"hash":3737,"mime":37,"name":316,"path":39,"size":3738,"width":256,"height":318,"provider_metadata":13171},{"public_id":3737,"resource_type":44},{"public_id":3740,"resource_type":44},[],{"id":270,"Name":564,"created_at":565,"updated_at":566,"slug":567,"blogs":13175,"projects":13815},[13176,13188,13422,13492,13666,13682,13760],{"id":336,"Title":3992,"user":336,"Summary":4005,"created_at":4006,"updated_at":4007,"slug":4008,"published_at":4006,"release_date":4009,"Layout":381,"Content":13177,"Feature":13179},[13178],{"__component":23,"id":270,"Text":4012},{"id":4014,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":13180,"hash":4031,"ext":34,"mime":37,"size":4032,"url":4033,"previewUrl":39,"provider":72,"provider_metadata":13187,"created_at":4035,"updated_at":4035},{"small":13181,"medium":13183,"thumbnail":13185},{"ext":34,"url":4017,"hash":4018,"mime":37,"name":302,"path":39,"size":4019,"width":50,"height":311,"provider_metadata":13182},{"public_id":4018,"resource_type":44},{"ext":34,"url":4022,"hash":4023,"mime":37,"name":309,"path":39,"size":4024,"width":58,"height":537,"provider_metadata":13184},{"public_id":4023,"resource_type":44},{"ext":34,"url":4027,"hash":4028,"mime":37,"name":316,"path":39,"size":4029,"width":544,"height":67,"provider_metadata":13186},{"public_id":4028,"resource_type":44},{"public_id":4031,"resource_type":44},{"id":569,"Title":570,"user":336,"Summary":583,"created_at":584,"updated_at":585,"slug":392,"published_at":586,"release_date":587,"Layout":381,"Content":13189,"Feature":13413},[13190,13191,13192,13193,13194,13195,13196,13209,13210,13223,13224,13237,13238,13251,13252,13265,13266,13279,13280,13293,13294,13307,13308,13321,13322,13335,13336,13349,13350,13351,13352,13353,13354,13355,13356,13357,13358,13359,13360,13361,13362,13363,13364,13365,13366,13379,13380,13381,13382,13386,13387,13388,13389,13390,13391,13392,13393,13406,13407],{"__component":23,"id":544,"Text":590},{"__component":23,"id":592,"Text":593},{"__component":412,"id":595,"Code":596,"Type":415,"location":39,"language":39},{"__component":23,"id":598,"Text":599},{"__component":412,"id":601,"Code":602,"Type":415,"location":39,"language":39},{"__component":23,"id":604,"Text":605},{"__component":141,"id":607,"Size":608,"caption":39,"Image":13197},[13198],{"id":481,"name":611,"alternativeText":29,"caption":29,"width":612,"height":613,"formats":13199,"hash":643,"ext":34,"mime":37,"size":644,"url":645,"previewUrl":39,"provider":72,"provider_metadata":13208,"created_at":647,"updated_at":648},{"large":13200,"small":13202,"medium":13204,"thumbnail":13206},{"ext":34,"url":616,"hash":617,"mime":37,"name":618,"path":39,"size":619,"width":620,"height":41,"provider_metadata":13201},{"public_id":617,"resource_type":44},{"ext":34,"url":623,"hash":624,"mime":37,"name":625,"path":39,"size":626,"width":627,"height":50,"provider_metadata":13203},{"public_id":624,"resource_type":44},{"ext":34,"url":630,"hash":631,"mime":37,"name":632,"path":39,"size":633,"width":634,"height":58,"provider_metadata":13205},{"public_id":631,"resource_type":44},{"ext":34,"url":637,"hash":638,"mime":37,"name":639,"path":39,"size":640,"width":641,"height":67,"provider_metadata":13207},{"public_id":638,"resource_type":44},{"public_id":643,"resource_type":44},{"__component":23,"id":650,"Text":651},{"__component":141,"id":653,"Size":39,"caption":39,"Image":13211},[13212],{"id":318,"name":656,"alternativeText":29,"caption":29,"width":657,"height":658,"formats":13213,"hash":687,"ext":34,"mime":37,"size":688,"url":689,"previewUrl":39,"provider":72,"provider_metadata":13222,"created_at":691,"updated_at":692},{"large":13214,"small":13216,"medium":13218,"thumbnail":13220},{"ext":34,"url":661,"hash":662,"mime":37,"name":663,"path":39,"size":664,"width":41,"height":665,"provider_metadata":13215},{"public_id":662,"resource_type":44},{"ext":34,"url":668,"hash":669,"mime":37,"name":670,"path":39,"size":671,"width":50,"height":672,"provider_metadata":13217},{"public_id":669,"resource_type":44},{"ext":34,"url":675,"hash":676,"mime":37,"name":677,"path":39,"size":678,"width":58,"height":679,"provider_metadata":13219},{"public_id":676,"resource_type":44},{"ext":34,"url":682,"hash":683,"mime":37,"name":684,"path":39,"size":685,"width":448,"height":67,"provider_metadata":13221},{"public_id":683,"resource_type":44},{"public_id":687,"resource_type":44},{"__component":23,"id":694,"Text":695},{"__component":141,"id":697,"Size":39,"caption":39,"Image":13225},[13226],{"id":700,"name":701,"alternativeText":29,"caption":29,"width":702,"height":703,"formats":13227,"hash":733,"ext":34,"mime":37,"size":734,"url":735,"previewUrl":39,"provider":72,"provider_metadata":13236,"created_at":737,"updated_at":738},{"large":13228,"small":13230,"medium":13232,"thumbnail":13234},{"ext":34,"url":706,"hash":707,"mime":37,"name":708,"path":39,"size":709,"width":41,"height":710,"provider_metadata":13229},{"public_id":707,"resource_type":44},{"ext":34,"url":713,"hash":714,"mime":37,"name":715,"path":39,"size":716,"width":50,"height":717,"provider_metadata":13231},{"public_id":714,"resource_type":44},{"ext":34,"url":720,"hash":721,"mime":37,"name":722,"path":39,"size":723,"width":58,"height":724,"provider_metadata":13233},{"public_id":721,"resource_type":44},{"ext":34,"url":727,"hash":728,"mime":37,"name":729,"path":39,"size":730,"width":256,"height":731,"provider_metadata":13235},{"public_id":728,"resource_type":44},{"public_id":733,"resource_type":44},{"__component":23,"id":740,"Text":741},{"__component":141,"id":743,"Size":39,"caption":39,"Image":13239},[13240],{"id":463,"name":746,"alternativeText":29,"caption":747,"width":748,"height":749,"formats":13241,"hash":779,"ext":34,"mime":37,"size":780,"url":781,"previewUrl":39,"provider":72,"provider_metadata":13250,"created_at":783,"updated_at":784},{"large":13242,"small":13244,"medium":13246,"thumbnail":13248},{"ext":34,"url":752,"hash":753,"mime":37,"name":754,"path":39,"size":755,"width":41,"height":756,"provider_metadata":13243},{"public_id":753,"resource_type":44},{"ext":34,"url":759,"hash":760,"mime":37,"name":761,"path":39,"size":762,"width":50,"height":763,"provider_metadata":13245},{"public_id":760,"resource_type":44},{"ext":34,"url":766,"hash":767,"mime":37,"name":768,"path":39,"size":769,"width":58,"height":770,"provider_metadata":13247},{"public_id":767,"resource_type":44},{"ext":34,"url":773,"hash":774,"mime":37,"name":775,"path":39,"size":776,"width":256,"height":777,"provider_metadata":13249},{"public_id":774,"resource_type":44},{"public_id":779,"resource_type":44},{"__component":23,"id":786,"Text":787},{"__component":141,"id":789,"Size":39,"caption":39,"Image":13253},[13254],{"id":487,"name":792,"alternativeText":29,"caption":29,"width":793,"height":794,"formats":13255,"hash":824,"ext":34,"mime":37,"size":825,"url":826,"previewUrl":39,"provider":72,"provider_metadata":13264,"created_at":828,"updated_at":829},{"large":13256,"small":13258,"medium":13260,"thumbnail":13262},{"ext":34,"url":797,"hash":798,"mime":37,"name":799,"path":39,"size":800,"width":41,"height":801,"provider_metadata":13257},{"public_id":798,"resource_type":44},{"ext":34,"url":804,"hash":805,"mime":37,"name":806,"path":39,"size":807,"width":50,"height":808,"provider_metadata":13259},{"public_id":805,"resource_type":44},{"ext":34,"url":811,"hash":812,"mime":37,"name":813,"path":39,"size":814,"width":58,"height":815,"provider_metadata":13261},{"public_id":812,"resource_type":44},{"ext":34,"url":818,"hash":819,"mime":37,"name":820,"path":39,"size":821,"width":822,"height":67,"provider_metadata":13263},{"public_id":819,"resource_type":44},{"public_id":824,"resource_type":44},{"__component":23,"id":831,"Text":832},{"__component":141,"id":834,"Size":39,"caption":39,"Image":13267},[13268],{"id":493,"name":837,"alternativeText":29,"caption":29,"width":838,"height":839,"formats":13269,"hash":869,"ext":34,"mime":37,"size":870,"url":871,"previewUrl":39,"provider":72,"provider_metadata":13278,"created_at":873,"updated_at":874},{"large":13270,"small":13272,"medium":13274,"thumbnail":13276},{"ext":34,"url":842,"hash":843,"mime":37,"name":844,"path":39,"size":845,"width":41,"height":846,"provider_metadata":13271},{"public_id":843,"resource_type":44},{"ext":34,"url":849,"hash":850,"mime":37,"name":851,"path":39,"size":852,"width":50,"height":853,"provider_metadata":13273},{"public_id":850,"resource_type":44},{"ext":34,"url":856,"hash":857,"mime":37,"name":858,"path":39,"size":859,"width":58,"height":860,"provider_metadata":13275},{"public_id":857,"resource_type":44},{"ext":34,"url":863,"hash":864,"mime":37,"name":865,"path":39,"size":866,"width":256,"height":867,"provider_metadata":13277},{"public_id":864,"resource_type":44},{"public_id":869,"resource_type":44},{"__component":23,"id":876,"Text":877},{"__component":141,"id":879,"Size":39,"caption":39,"Image":13281},[13282],{"id":515,"name":882,"alternativeText":29,"caption":29,"width":883,"height":884,"formats":13283,"hash":914,"ext":34,"mime":37,"size":915,"url":916,"previewUrl":39,"provider":72,"provider_metadata":13292,"created_at":918,"updated_at":919},{"large":13284,"small":13286,"medium":13288,"thumbnail":13290},{"ext":34,"url":887,"hash":888,"mime":37,"name":889,"path":39,"size":890,"width":41,"height":891,"provider_metadata":13285},{"public_id":888,"resource_type":44},{"ext":34,"url":894,"hash":895,"mime":37,"name":896,"path":39,"size":897,"width":50,"height":898,"provider_metadata":13287},{"public_id":895,"resource_type":44},{"ext":34,"url":901,"hash":902,"mime":37,"name":903,"path":39,"size":904,"width":58,"height":905,"provider_metadata":13289},{"public_id":902,"resource_type":44},{"ext":34,"url":908,"hash":909,"mime":37,"name":910,"path":39,"size":911,"width":256,"height":912,"provider_metadata":13291},{"public_id":909,"resource_type":44},{"public_id":914,"resource_type":44},{"__component":23,"id":921,"Text":922},{"__component":141,"id":924,"Size":39,"caption":39,"Image":13295},[13296],{"id":499,"name":927,"alternativeText":29,"caption":29,"width":928,"height":929,"formats":13297,"hash":959,"ext":34,"mime":37,"size":960,"url":961,"previewUrl":39,"provider":72,"provider_metadata":13306,"created_at":963,"updated_at":964},{"large":13298,"small":13300,"medium":13302,"thumbnail":13304},{"ext":34,"url":932,"hash":933,"mime":37,"name":934,"path":39,"size":935,"width":41,"height":936,"provider_metadata":13299},{"public_id":933,"resource_type":44},{"ext":34,"url":939,"hash":940,"mime":37,"name":941,"path":39,"size":942,"width":50,"height":943,"provider_metadata":13301},{"public_id":940,"resource_type":44},{"ext":34,"url":946,"hash":947,"mime":37,"name":948,"path":39,"size":949,"width":58,"height":950,"provider_metadata":13303},{"public_id":947,"resource_type":44},{"ext":34,"url":953,"hash":954,"mime":37,"name":955,"path":39,"size":956,"width":256,"height":957,"provider_metadata":13305},{"public_id":954,"resource_type":44},{"public_id":959,"resource_type":44},{"__component":23,"id":966,"Text":967},{"__component":141,"id":969,"Size":39,"caption":39,"Image":13309},[13310],{"id":475,"name":972,"alternativeText":29,"caption":29,"width":973,"height":974,"formats":13311,"hash":1001,"ext":34,"mime":37,"size":1002,"url":1003,"previewUrl":39,"provider":72,"provider_metadata":13320,"created_at":1005,"updated_at":1006},{"large":13312,"small":13314,"medium":13316,"thumbnail":13318},{"ext":34,"url":977,"hash":978,"mime":37,"name":979,"path":39,"size":980,"width":41,"height":634,"provider_metadata":13313},{"public_id":978,"resource_type":44},{"ext":34,"url":983,"hash":984,"mime":37,"name":985,"path":39,"size":986,"width":50,"height":256,"provider_metadata":13315},{"public_id":984,"resource_type":44},{"ext":34,"url":989,"hash":990,"mime":37,"name":991,"path":39,"size":992,"width":58,"height":993,"provider_metadata":13317},{"public_id":990,"resource_type":44},{"ext":34,"url":996,"hash":997,"mime":37,"name":998,"path":39,"size":999,"width":256,"height":368,"provider_metadata":13319},{"public_id":997,"resource_type":44},{"public_id":1001,"resource_type":44},{"__component":23,"id":1008,"Text":1009},{"__component":141,"id":1011,"Size":39,"caption":39,"Image":13323},[13324],{"id":368,"name":1014,"alternativeText":29,"caption":29,"width":1015,"height":1016,"formats":13325,"hash":1043,"ext":34,"mime":37,"size":1044,"url":1045,"previewUrl":39,"provider":72,"provider_metadata":13334,"created_at":1047,"updated_at":1048},{"large":13326,"small":13328,"medium":13330,"thumbnail":13332},{"ext":34,"url":1019,"hash":1020,"mime":37,"name":1021,"path":39,"size":1022,"width":41,"height":1023,"provider_metadata":13327},{"public_id":1020,"resource_type":44},{"ext":34,"url":1026,"hash":1027,"mime":37,"name":1028,"path":39,"size":1029,"width":50,"height":484,"provider_metadata":13329},{"public_id":1027,"resource_type":44},{"ext":34,"url":1032,"hash":1033,"mime":37,"name":1034,"path":39,"size":1035,"width":58,"height":672,"provider_metadata":13331},{"public_id":1033,"resource_type":44},{"ext":34,"url":1038,"hash":1039,"mime":37,"name":1040,"path":39,"size":1041,"width":256,"height":469,"provider_metadata":13333},{"public_id":1039,"resource_type":44},{"public_id":1043,"resource_type":44},{"__component":23,"id":822,"Text":1050},{"__component":141,"id":1052,"Size":39,"caption":39,"Image":13337},[13338],{"id":504,"name":1055,"alternativeText":29,"caption":29,"width":1056,"height":1057,"formats":13339,"hash":1085,"ext":34,"mime":37,"size":1086,"url":1087,"previewUrl":39,"provider":72,"provider_metadata":13348,"created_at":1089,"updated_at":1090},{"large":13340,"small":13342,"medium":13344,"thumbnail":13346},{"ext":34,"url":1060,"hash":1061,"mime":37,"name":1062,"path":39,"size":1063,"width":41,"height":1064,"provider_metadata":13341},{"public_id":1061,"resource_type":44},{"ext":34,"url":1067,"hash":1068,"mime":37,"name":1069,"path":39,"size":1070,"width":50,"height":1071,"provider_metadata":13343},{"public_id":1068,"resource_type":44},{"ext":34,"url":1074,"hash":1075,"mime":37,"name":1076,"path":39,"size":116,"width":58,"height":1077,"provider_metadata":13345},{"public_id":1075,"resource_type":44},{"ext":34,"url":1080,"hash":1081,"mime":37,"name":1082,"path":39,"size":1083,"width":740,"height":67,"provider_metadata":13347},{"public_id":1081,"resource_type":44},{"public_id":1085,"resource_type":44},{"__component":23,"id":1092,"Text":1093},{"__component":412,"id":1095,"Code":1096,"Type":415,"location":39,"language":39},{"__component":23,"id":1098,"Text":1099},{"__component":412,"id":1101,"Code":1102,"Type":415,"location":39,"language":39},{"__component":23,"id":1104,"Text":1105},{"__component":412,"id":1107,"Code":1108,"Type":415,"location":39,"language":39},{"__component":23,"id":1110,"Text":1111},{"__component":412,"id":1113,"Code":1114,"Type":415,"location":39,"language":39},{"__component":23,"id":1116,"Text":1117},{"__component":412,"id":1119,"Code":1120,"Type":415,"location":39,"language":39},{"__component":23,"id":1122,"Text":1123},{"__component":412,"id":1125,"Code":1126,"Type":415,"location":39,"language":39},{"__component":23,"id":1128,"Text":1129},{"__component":412,"id":1131,"Code":1132,"Type":422,"location":1133,"language":39},{"__component":23,"id":1135,"Text":1136},{"__component":412,"id":1138,"Code":1139,"Type":415,"location":39,"language":39},{"__component":23,"id":1141,"Text":1142},{"__component":141,"id":1144,"Size":39,"caption":39,"Image":13367},[13368],{"id":469,"name":1147,"alternativeText":29,"caption":29,"width":1148,"height":1149,"formats":13369,"hash":1177,"ext":34,"mime":37,"size":1178,"url":1179,"previewUrl":39,"provider":72,"provider_metadata":13378,"created_at":1181,"updated_at":1182},{"large":13370,"small":13372,"medium":13374,"thumbnail":13376},{"ext":34,"url":1152,"hash":1153,"mime":37,"name":1154,"path":39,"size":1155,"width":41,"height":1156,"provider_metadata":13371},{"public_id":1153,"resource_type":44},{"ext":34,"url":1159,"hash":1160,"mime":37,"name":1161,"path":39,"size":1162,"width":50,"height":717,"provider_metadata":13373},{"public_id":1160,"resource_type":44},{"ext":34,"url":1165,"hash":1166,"mime":37,"name":1167,"path":39,"size":1168,"width":58,"height":1169,"provider_metadata":13375},{"public_id":1166,"resource_type":44},{"ext":34,"url":1172,"hash":1173,"mime":37,"name":1174,"path":39,"size":1175,"width":256,"height":731,"provider_metadata":13377},{"public_id":1173,"resource_type":44},{"public_id":1177,"resource_type":44},{"__component":23,"id":1184,"Text":1185},{"__component":412,"id":1187,"Code":1188,"Type":1189,"location":39,"language":39},{"__component":23,"id":1191,"Text":1192},{"__component":141,"id":1194,"Size":608,"caption":39,"Image":13383},[13384],{"id":451,"name":1197,"alternativeText":29,"caption":29,"width":417,"height":653,"formats":39,"hash":1198,"ext":34,"mime":37,"size":1199,"url":1200,"previewUrl":39,"provider":72,"provider_metadata":13385,"created_at":1202,"updated_at":1203},{"public_id":1198,"resource_type":44},{"__component":23,"id":1205,"Text":1206},{"__component":412,"id":1208,"Code":1209,"Type":422,"location":39,"language":39},{"__component":23,"id":1211,"Text":1212},{"__component":412,"id":1214,"Code":1215,"Type":422,"location":39,"language":39},{"__component":23,"id":1217,"Text":1218},{"__component":412,"id":641,"Code":1220,"Type":1189,"location":39,"language":39},{"__component":23,"id":1222,"Text":1223},{"__component":141,"id":1225,"Size":39,"caption":39,"Image":13394},[13395],{"id":457,"name":1228,"alternativeText":29,"caption":29,"width":1229,"height":1230,"formats":13396,"hash":1259,"ext":34,"mime":37,"size":1260,"url":1261,"previewUrl":39,"provider":72,"provider_metadata":13405,"created_at":1263,"updated_at":1264},{"large":13397,"small":13399,"medium":13401,"thumbnail":13403},{"ext":34,"url":1233,"hash":1234,"mime":37,"name":1235,"path":39,"size":1236,"width":41,"height":1237,"provider_metadata":13398},{"public_id":1234,"resource_type":44},{"ext":34,"url":1240,"hash":1241,"mime":37,"name":1242,"path":39,"size":1243,"width":50,"height":1244,"provider_metadata":13400},{"public_id":1241,"resource_type":44},{"ext":34,"url":1247,"hash":1248,"mime":37,"name":1249,"path":39,"size":1250,"width":58,"height":288,"provider_metadata":13402},{"public_id":1248,"resource_type":44},{"ext":34,"url":1253,"hash":1254,"mime":37,"name":1255,"path":39,"size":1256,"width":256,"height":1257,"provider_metadata":13404},{"public_id":1254,"resource_type":44},{"public_id":1259,"resource_type":44},{"__component":23,"id":1266,"Text":1267},{"__component":269,"id":1269,"title":271,"blog_series":39,"post_link":13408},[13409,13410,13411,13412],{"id":1272,"title":391,"slug":392,"description":393,"blog_series":39},{"id":1274,"title":396,"slug":378,"description":397,"blog_series":39},{"id":1276,"title":400,"slug":401,"description":402,"blog_series":39},{"id":1278,"title":405,"slug":406,"description":407,"blog_series":39},{"id":1280,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":13414,"hash":1297,"ext":34,"mime":37,"size":1298,"url":1299,"previewUrl":39,"provider":72,"provider_metadata":13421,"created_at":1301,"updated_at":1301},{"small":13415,"medium":13417,"thumbnail":13419},{"ext":34,"url":1283,"hash":1284,"mime":37,"name":529,"path":39,"size":1285,"width":50,"height":311,"provider_metadata":13416},{"public_id":1284,"resource_type":44},{"ext":34,"url":1288,"hash":1289,"mime":37,"name":535,"path":39,"size":1290,"width":58,"height":537,"provider_metadata":13418},{"public_id":1289,"resource_type":44},{"ext":34,"url":1293,"hash":1294,"mime":37,"name":542,"path":39,"size":1295,"width":544,"height":67,"provider_metadata":13420},{"public_id":1294,"resource_type":44},{"public_id":1297,"resource_type":44},{"id":2584,"Title":7938,"user":336,"Summary":7951,"created_at":7952,"updated_at":7953,"slug":406,"published_at":7954,"release_date":7955,"Layout":381,"Content":13423,"Feature":13483},[13424,13425,13431,13432,13433,13434,13447,13448,13449,13450,13451,13452,13453,13454,13455,13456,13469,13482],{"__component":23,"id":1244,"Text":7958},{"__component":269,"id":2757,"title":271,"blog_series":39,"post_link":13426},[13427,13428,13429,13430],{"id":2715,"title":391,"slug":7962,"description":393,"blog_series":39},{"id":2782,"title":396,"slug":378,"description":397,"blog_series":39},{"id":2787,"title":400,"slug":401,"description":402,"blog_series":39},{"id":1599,"title":405,"slug":406,"description":407,"blog_series":39},{"__component":23,"id":2677,"Text":7967},{"__component":412,"id":1907,"Code":421,"Type":1189,"location":7969,"language":39},{"__component":23,"id":7971,"Text":7972},{"__component":141,"id":1095,"Size":4089,"caption":7974,"Image":13435},[13436],{"id":257,"name":7977,"alternativeText":29,"caption":29,"width":7978,"height":7979,"formats":13437,"hash":8006,"ext":34,"mime":37,"size":8007,"url":8008,"previewUrl":39,"provider":72,"provider_metadata":13446,"created_at":8010,"updated_at":8011},{"large":13438,"small":13440,"medium":13442,"thumbnail":13444},{"ext":34,"url":7982,"hash":7983,"mime":37,"name":7984,"path":39,"size":7985,"width":41,"height":7986,"provider_metadata":13439},{"public_id":7983,"resource_type":44},{"ext":34,"url":7989,"hash":7990,"mime":37,"name":7991,"path":39,"size":7992,"width":50,"height":384,"provider_metadata":13441},{"public_id":7990,"resource_type":44},{"ext":34,"url":7995,"hash":7996,"mime":37,"name":7997,"path":39,"size":7998,"width":58,"height":3718,"provider_metadata":13443},{"public_id":7996,"resource_type":44},{"ext":34,"url":8001,"hash":8002,"mime":37,"name":8003,"path":39,"size":8004,"width":256,"height":1907,"provider_metadata":13445},{"public_id":8002,"resource_type":44},{"public_id":8006,"resource_type":44},{"__component":23,"id":8013,"Text":8014},{"__component":412,"id":1912,"Code":8016,"Type":1189,"location":8017,"language":39},{"__component":23,"id":8019,"Text":8020},{"__component":412,"id":957,"Code":8022,"Type":1189,"location":8023,"language":39},{"__component":23,"id":717,"Text":8025},{"__component":412,"id":777,"Code":8027,"Type":1189,"location":8028,"language":39},{"__component":23,"id":8030,"Text":8031},{"__component":412,"id":1925,"Code":8033,"Type":1670,"location":8034,"language":39},{"__component":23,"id":1810,"Text":8036},{"__component":141,"id":1101,"Size":4089,"caption":8038,"Image":13457},[13458],{"id":2145,"name":8041,"alternativeText":29,"caption":29,"width":8042,"height":2426,"formats":13459,"hash":8069,"ext":34,"mime":37,"size":8070,"url":8071,"previewUrl":39,"provider":72,"provider_metadata":13468,"created_at":8073,"updated_at":8074},{"large":13460,"small":13462,"medium":13464,"thumbnail":13466},{"ext":34,"url":8045,"hash":8046,"mime":37,"name":8047,"path":39,"size":8048,"width":41,"height":8049,"provider_metadata":13461},{"public_id":8046,"resource_type":44},{"ext":34,"url":8052,"hash":8053,"mime":37,"name":8054,"path":39,"size":8055,"width":50,"height":266,"provider_metadata":13463},{"public_id":8053,"resource_type":44},{"ext":34,"url":8058,"hash":8059,"mime":37,"name":8060,"path":39,"size":8061,"width":58,"height":6939,"provider_metadata":13465},{"public_id":8059,"resource_type":44},{"ext":34,"url":8064,"hash":8065,"mime":37,"name":8066,"path":39,"size":8067,"width":256,"height":499,"provider_metadata":13467},{"public_id":8065,"resource_type":44},{"public_id":8069,"resource_type":44},{"__component":141,"id":1107,"Size":4089,"caption":8076,"Image":13470},[13471],{"id":2101,"name":8079,"alternativeText":29,"caption":29,"width":1335,"height":8080,"formats":13472,"hash":8106,"ext":34,"mime":37,"size":8107,"url":8108,"previewUrl":39,"provider":72,"provider_metadata":13481,"created_at":8110,"updated_at":8111},{"large":13473,"small":13475,"medium":13477,"thumbnail":13479},{"ext":34,"url":8083,"hash":8084,"mime":37,"name":8085,"path":39,"size":8086,"width":41,"height":3718,"provider_metadata":13474},{"public_id":8084,"resource_type":44},{"ext":34,"url":8089,"hash":8090,"mime":37,"name":8091,"path":39,"size":8092,"width":50,"height":1135,"provider_metadata":13476},{"public_id":8090,"resource_type":44},{"ext":34,"url":8095,"hash":8096,"mime":37,"name":8097,"path":39,"size":8098,"width":58,"height":7473,"provider_metadata":13478},{"public_id":8096,"resource_type":44},{"ext":34,"url":8101,"hash":8102,"mime":37,"name":8103,"path":39,"size":8104,"width":256,"height":1131,"provider_metadata":13480},{"public_id":8102,"resource_type":44},{"public_id":8106,"resource_type":44},{"__component":23,"id":5865,"Text":8113},{"id":4202,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":13484,"hash":8131,"ext":34,"mime":37,"size":8132,"url":8133,"previewUrl":39,"provider":72,"provider_metadata":13491,"created_at":8135,"updated_at":8135},{"small":13485,"medium":13487,"thumbnail":13489},{"ext":34,"url":8117,"hash":8118,"mime":37,"name":302,"path":39,"size":8119,"width":50,"height":311,"provider_metadata":13486},{"public_id":8118,"resource_type":44},{"ext":34,"url":8122,"hash":8123,"mime":37,"name":309,"path":39,"size":8124,"width":58,"height":537,"provider_metadata":13488},{"public_id":8123,"resource_type":44},{"ext":34,"url":8127,"hash":8128,"mime":37,"name":316,"path":39,"size":8129,"width":544,"height":67,"provider_metadata":13490},{"public_id":8128,"resource_type":44},{"public_id":8131,"resource_type":44},{"id":1426,"Title":3012,"user":336,"Summary":3025,"created_at":3026,"updated_at":3027,"slug":3028,"published_at":3026,"release_date":3029,"Layout":381,"Content":13493,"Feature":13657},[13494,13495,13496,13497,13510,13511,13524,13525,13538,13539,13552,13553,13566,13567,13580,13581,13594,13595,13608,13609,13620,13621,13622,13623,13624,13625,13626,13627,13628,13629,13630,13631,13632,13633,13634,13635,13636,13637,13638,13639,13648,13649,13650,13651,13652,13653,13654,13655,13656],{"__component":23,"id":1846,"Text":3032},{"__component":412,"id":1374,"Code":3034,"Type":415,"location":39,"language":39},{"__component":23,"id":1851,"Text":3036},{"__component":141,"id":2630,"Size":39,"caption":39,"Image":13498},[13499],{"id":1628,"name":3040,"alternativeText":29,"caption":29,"width":3041,"height":3042,"formats":13500,"hash":3070,"ext":34,"mime":37,"size":3071,"url":3072,"previewUrl":39,"provider":72,"provider_metadata":13509,"created_at":3074,"updated_at":3075},{"large":13501,"small":13503,"medium":13505,"thumbnail":13507},{"ext":34,"url":3045,"hash":3046,"mime":37,"name":3047,"path":39,"size":3048,"width":41,"height":3049,"provider_metadata":13502},{"public_id":3046,"resource_type":44},{"ext":34,"url":3052,"hash":3053,"mime":37,"name":3054,"path":39,"size":3055,"width":50,"height":1135,"provider_metadata":13504},{"public_id":3053,"resource_type":44},{"ext":34,"url":3058,"hash":3059,"mime":37,"name":3060,"path":39,"size":3061,"width":58,"height":3062,"provider_metadata":13506},{"public_id":3059,"resource_type":44},{"ext":34,"url":3065,"hash":3066,"mime":37,"name":3067,"path":39,"size":3068,"width":256,"height":1138,"provider_metadata":13508},{"public_id":3066,"resource_type":44},{"public_id":3070,"resource_type":44},{"__component":23,"id":1790,"Text":3077},{"__component":141,"id":1642,"Size":39,"caption":39,"Image":13512},[13513],{"id":1574,"name":3081,"alternativeText":29,"caption":29,"width":3082,"height":3083,"formats":13514,"hash":3111,"ext":34,"mime":37,"size":3112,"url":3113,"previewUrl":39,"provider":72,"provider_metadata":13523,"created_at":3115,"updated_at":3116},{"large":13515,"small":13517,"medium":13519,"thumbnail":13521},{"ext":34,"url":3086,"hash":3087,"mime":37,"name":3088,"path":39,"size":3089,"width":41,"height":3090,"provider_metadata":13516},{"public_id":3087,"resource_type":44},{"ext":34,"url":3093,"hash":3094,"mime":37,"name":3095,"path":39,"size":3096,"width":50,"height":51,"provider_metadata":13518},{"public_id":3094,"resource_type":44},{"ext":34,"url":3099,"hash":3100,"mime":37,"name":3101,"path":39,"size":3102,"width":58,"height":3103,"provider_metadata":13520},{"public_id":3100,"resource_type":44},{"ext":34,"url":3106,"hash":3107,"mime":37,"name":3108,"path":39,"size":3109,"width":66,"height":67,"provider_metadata":13522},{"public_id":3107,"resource_type":44},{"public_id":3111,"resource_type":44},{"__component":23,"id":1628,"Text":3118},{"__component":141,"id":2639,"Size":39,"caption":39,"Image":13526},[13527],{"id":1611,"name":3122,"alternativeText":29,"caption":29,"width":3123,"height":3124,"formats":13528,"hash":3151,"ext":34,"mime":37,"size":3152,"url":3153,"previewUrl":39,"provider":72,"provider_metadata":13537,"created_at":3155,"updated_at":3156},{"large":13529,"small":13531,"medium":13533,"thumbnail":13535},{"ext":34,"url":3127,"hash":3128,"mime":37,"name":3129,"path":39,"size":3130,"width":41,"height":3131,"provider_metadata":13530},{"public_id":3128,"resource_type":44},{"ext":34,"url":3134,"hash":3135,"mime":37,"name":3136,"path":39,"size":3137,"width":50,"height":3138,"provider_metadata":13532},{"public_id":3135,"resource_type":44},{"ext":34,"url":3141,"hash":3142,"mime":37,"name":3143,"path":39,"size":3144,"width":58,"height":1769,"provider_metadata":13534},{"public_id":3142,"resource_type":44},{"ext":34,"url":3147,"hash":3148,"mime":37,"name":3149,"path":39,"size":730,"width":256,"height":1912,"provider_metadata":13536},{"public_id":3148,"resource_type":44},{"public_id":3151,"resource_type":44},{"__component":23,"id":1574,"Text":3158},{"__component":141,"id":2644,"Size":39,"caption":39,"Image":13540},[13541],{"id":283,"name":3162,"alternativeText":29,"caption":29,"width":3163,"height":3164,"formats":13542,"hash":3190,"ext":34,"mime":37,"size":3191,"url":3192,"previewUrl":39,"provider":72,"provider_metadata":13551,"created_at":3194,"updated_at":3195},{"large":13543,"small":13545,"medium":13547,"thumbnail":13549},{"ext":34,"url":3167,"hash":3168,"mime":37,"name":3169,"path":39,"size":3170,"width":41,"height":2148,"provider_metadata":13544},{"public_id":3168,"resource_type":44},{"ext":34,"url":3173,"hash":3174,"mime":37,"name":3175,"path":39,"size":3176,"width":50,"height":1110,"provider_metadata":13546},{"public_id":3174,"resource_type":44},{"ext":34,"url":3179,"hash":3180,"mime":37,"name":3181,"path":39,"size":3182,"width":58,"height":2246,"provider_metadata":13548},{"public_id":3180,"resource_type":44},{"ext":34,"url":3185,"hash":3186,"mime":37,"name":3187,"path":39,"size":3188,"width":256,"height":1125,"provider_metadata":13550},{"public_id":3186,"resource_type":44},{"public_id":3190,"resource_type":44},{"__component":23,"id":1611,"Text":3197},{"__component":141,"id":2649,"Size":39,"caption":39,"Image":13554},[13555],{"id":1331,"name":3201,"alternativeText":29,"caption":29,"width":3202,"height":3203,"formats":13556,"hash":3232,"ext":34,"mime":37,"size":3233,"url":3234,"previewUrl":39,"provider":72,"provider_metadata":13565,"created_at":3236,"updated_at":3237},{"large":13557,"small":13559,"medium":13561,"thumbnail":13563},{"ext":34,"url":3206,"hash":3207,"mime":37,"name":3208,"path":39,"size":3209,"width":41,"height":3210,"provider_metadata":13558},{"public_id":3207,"resource_type":44},{"ext":34,"url":3213,"hash":3214,"mime":37,"name":3215,"path":39,"size":3216,"width":50,"height":3217,"provider_metadata":13560},{"public_id":3214,"resource_type":44},{"ext":34,"url":3220,"hash":3221,"mime":37,"name":3222,"path":39,"size":3223,"width":58,"height":3224,"provider_metadata":13562},{"public_id":3221,"resource_type":44},{"ext":34,"url":3227,"hash":3228,"mime":37,"name":3229,"path":39,"size":3230,"width":256,"height":957,"provider_metadata":13564},{"public_id":3228,"resource_type":44},{"public_id":3232,"resource_type":44},{"__component":23,"id":283,"Text":3239},{"__component":141,"id":5,"Size":39,"caption":39,"Image":13568},[13569],{"id":607,"name":3243,"alternativeText":29,"caption":29,"width":3041,"height":3244,"formats":13570,"hash":3273,"ext":34,"mime":37,"size":3274,"url":3275,"previewUrl":39,"provider":72,"provider_metadata":13579,"created_at":3277,"updated_at":3278},{"large":13571,"small":13573,"medium":13575,"thumbnail":13577},{"ext":34,"url":3247,"hash":3248,"mime":37,"name":3249,"path":39,"size":3250,"width":41,"height":3251,"provider_metadata":13572},{"public_id":3248,"resource_type":44},{"ext":34,"url":3254,"hash":3255,"mime":37,"name":3256,"path":39,"size":3257,"width":50,"height":3258,"provider_metadata":13574},{"public_id":3255,"resource_type":44},{"ext":34,"url":3261,"hash":3262,"mime":37,"name":3263,"path":39,"size":3264,"width":58,"height":3265,"provider_metadata":13576},{"public_id":3262,"resource_type":44},{"ext":34,"url":3268,"hash":3269,"mime":37,"name":3270,"path":39,"size":3271,"width":256,"height":2068,"provider_metadata":13578},{"public_id":3269,"resource_type":44},{"public_id":3273,"resource_type":44},{"__component":23,"id":1331,"Text":3280},{"__component":141,"id":2700,"Size":39,"caption":39,"Image":13582},[13583],{"id":653,"name":3284,"alternativeText":29,"caption":29,"width":3285,"height":3286,"formats":13584,"hash":3313,"ext":34,"mime":37,"size":3314,"url":3315,"previewUrl":39,"provider":72,"provider_metadata":13593,"created_at":3317,"updated_at":3318},{"large":13585,"small":13587,"medium":13589,"thumbnail":13591},{"ext":34,"url":3289,"hash":3290,"mime":37,"name":3291,"path":39,"size":3292,"width":41,"height":1949,"provider_metadata":13586},{"public_id":3290,"resource_type":44},{"ext":34,"url":3295,"hash":3296,"mime":37,"name":3297,"path":39,"size":3298,"width":50,"height":3299,"provider_metadata":13588},{"public_id":3296,"resource_type":44},{"ext":34,"url":3302,"hash":3303,"mime":37,"name":3304,"path":39,"size":3305,"width":58,"height":3306,"provider_metadata":13590},{"public_id":3303,"resource_type":44},{"ext":34,"url":3309,"hash":3310,"mime":37,"name":3311,"path":39,"size":1634,"width":256,"height":413,"provider_metadata":13592},{"public_id":3310,"resource_type":44},{"public_id":3313,"resource_type":44},{"__component":23,"id":1392,"Text":3320},{"__component":141,"id":2705,"Size":39,"caption":39,"Image":13596},[13597],{"id":697,"name":3324,"alternativeText":29,"caption":29,"width":3325,"height":2865,"formats":13598,"hash":3350,"ext":34,"mime":37,"size":3351,"url":3352,"previewUrl":39,"provider":72,"provider_metadata":13607,"created_at":3354,"updated_at":3355},{"large":13599,"small":13601,"medium":13603,"thumbnail":13605},{"ext":34,"url":3328,"hash":3329,"mime":37,"name":3330,"path":39,"size":3331,"width":41,"height":448,"provider_metadata":13600},{"public_id":3329,"resource_type":44},{"ext":34,"url":3334,"hash":3335,"mime":37,"name":3336,"path":39,"size":3337,"width":50,"height":463,"provider_metadata":13602},{"public_id":3335,"resource_type":44},{"ext":34,"url":3340,"hash":3341,"mime":37,"name":3342,"path":39,"size":1440,"width":58,"height":1728,"provider_metadata":13604},{"public_id":3341,"resource_type":44},{"ext":34,"url":3345,"hash":3346,"mime":37,"name":3347,"path":39,"size":3348,"width":256,"height":1851,"provider_metadata":13606},{"public_id":3346,"resource_type":44},{"public_id":3350,"resource_type":44},{"__component":23,"id":607,"Text":3357},{"__component":141,"id":2710,"Size":39,"caption":39,"Image":13610},[13611],{"id":743,"name":3361,"alternativeText":29,"caption":29,"width":3362,"height":3363,"formats":13612,"hash":3385,"ext":34,"mime":37,"size":3386,"url":3387,"previewUrl":39,"provider":72,"provider_metadata":13619,"created_at":3389,"updated_at":3390},{"small":13613,"medium":13615,"thumbnail":13617},{"ext":34,"url":3366,"hash":3367,"mime":37,"name":3368,"path":39,"size":3369,"width":50,"height":3370,"provider_metadata":13614},{"public_id":3367,"resource_type":44},{"ext":34,"url":3373,"hash":3374,"mime":37,"name":3375,"path":39,"size":3376,"width":58,"height":3377,"provider_metadata":13616},{"public_id":3374,"resource_type":44},{"ext":34,"url":3380,"hash":3381,"mime":37,"name":3382,"path":39,"size":3383,"width":1389,"height":67,"provider_metadata":13618},{"public_id":3381,"resource_type":44},{"public_id":3385,"resource_type":44},{"__component":23,"id":653,"Text":3392},{"__component":412,"id":1426,"Code":3394,"Type":415,"location":39,"language":39},{"__component":23,"id":697,"Text":3396},{"__component":412,"id":1440,"Code":3398,"Type":415,"location":39,"language":39},{"__component":23,"id":743,"Text":3400},{"__component":412,"id":1454,"Code":3402,"Type":415,"location":39,"language":39},{"__component":23,"id":789,"Text":3404},{"__component":412,"id":1468,"Code":3406,"Type":422,"location":39,"language":39},{"__component":23,"id":834,"Text":3408},{"__component":412,"id":1482,"Code":3410,"Type":422,"location":39,"language":39},{"__component":23,"id":879,"Text":3412},{"__component":412,"id":1760,"Code":3414,"Type":422,"location":39,"language":39},{"__component":23,"id":1681,"Text":3416},{"__component":412,"id":558,"Code":3418,"Type":422,"location":39,"language":39},{"__component":23,"id":924,"Text":3420},{"__component":412,"id":569,"Code":3422,"Type":422,"location":39,"language":39},{"__component":23,"id":969,"Text":3424},{"__component":412,"id":1520,"Code":3426,"Type":1189,"location":39,"language":39},{"__component":23,"id":1011,"Text":3428},{"__component":141,"id":2757,"Size":39,"caption":39,"Image":13640},[13641],{"id":789,"name":3432,"alternativeText":29,"caption":29,"width":3433,"height":3434,"formats":13642,"hash":3450,"ext":3437,"mime":100,"size":3451,"url":3452,"previewUrl":39,"provider":72,"provider_metadata":13647,"created_at":3454,"updated_at":3455},{"small":13643,"thumbnail":13645},{"ext":3437,"url":3438,"hash":3439,"mime":100,"name":3440,"path":39,"size":3441,"width":3442,"height":50,"provider_metadata":13644},{"public_id":3439,"resource_type":44},{"ext":3437,"url":3445,"hash":3446,"mime":100,"name":3447,"path":39,"size":3448,"width":1925,"height":67,"provider_metadata":13646},{"public_id":3446,"resource_type":44},{"public_id":3450,"resource_type":44},{"__component":23,"id":1052,"Text":3457},{"__component":412,"id":2174,"Code":3459,"Type":422,"location":39,"language":39},{"__component":23,"id":1144,"Text":3461},{"__component":412,"id":333,"Code":3463,"Type":422,"location":39,"language":39},{"__component":23,"id":1194,"Text":3465},{"__component":412,"id":78,"Code":3467,"Type":1189,"location":39,"language":39},{"__component":23,"id":1225,"Text":3469},{"__component":412,"id":3471,"Code":3472,"Type":422,"location":39,"language":39},{"__component":23,"id":1675,"Text":3474},{"id":1817,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":13658,"hash":3492,"ext":34,"mime":37,"size":3493,"url":3494,"previewUrl":39,"provider":72,"provider_metadata":13665,"created_at":3496,"updated_at":3496},{"small":13659,"medium":13661,"thumbnail":13663},{"ext":34,"url":3478,"hash":3479,"mime":37,"name":302,"path":39,"size":3480,"width":50,"height":311,"provider_metadata":13660},{"public_id":3479,"resource_type":44},{"ext":34,"url":3483,"hash":3484,"mime":37,"name":309,"path":39,"size":3485,"width":58,"height":537,"provider_metadata":13662},{"public_id":3484,"resource_type":44},{"ext":34,"url":3488,"hash":3489,"mime":37,"name":316,"path":39,"size":3490,"width":544,"height":67,"provider_metadata":13664},{"public_id":3489,"resource_type":44},{"public_id":3492,"resource_type":44},{"id":1468,"Title":2342,"user":336,"Summary":2355,"created_at":2356,"updated_at":2357,"slug":2358,"published_at":2356,"release_date":2359,"Layout":381,"Content":13667,"Feature":13673},[13668,13669,13672],{"__component":23,"id":493,"Text":2362},{"__component":1373,"id":274,"Video":13670},{"id":1699,"name":2365,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":2366,"ext":1379,"mime":1380,"size":2367,"url":2368,"previewUrl":2369,"provider":72,"provider_metadata":13671,"created_at":2371,"updated_at":2372},{"public_id":2366,"resource_type":1385},{"__component":23,"id":499,"Text":2374},{"id":1169,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":13674,"hash":2392,"ext":34,"mime":37,"size":2393,"url":2394,"previewUrl":39,"provider":72,"provider_metadata":13681,"created_at":2396,"updated_at":2396},{"small":13675,"medium":13677,"thumbnail":13679},{"ext":34,"url":2378,"hash":2379,"mime":37,"name":529,"path":39,"size":2380,"width":50,"height":311,"provider_metadata":13676},{"public_id":2379,"resource_type":44},{"ext":34,"url":2383,"hash":2384,"mime":37,"name":535,"path":39,"size":2385,"width":58,"height":537,"provider_metadata":13678},{"public_id":2384,"resource_type":44},{"ext":34,"url":2388,"hash":2389,"mime":37,"name":542,"path":39,"size":2390,"width":544,"height":67,"provider_metadata":13680},{"public_id":2389,"resource_type":44},{"public_id":2392,"resource_type":44},{"id":342,"Title":8141,"user":336,"Summary":8154,"created_at":8155,"updated_at":8156,"slug":401,"published_at":8157,"release_date":8158,"Layout":381,"Content":13683,"Feature":13751},[13684,13685,13691,13692,13696,13697,13708,13709,13710,13711,13712,13713,13726,13727,13740,13741,13742,13743,13744,13745,13746,13747,13748,13749,13750],{"__component":23,"id":8161,"Text":8162},{"__component":269,"id":336,"title":271,"blog_series":39,"post_link":13686},[13687,13688,13689,13690],{"id":81,"title":8166,"slug":392,"description":393,"blog_series":39},{"id":3523,"title":396,"slug":378,"description":397,"blog_series":39},{"id":3548,"title":400,"slug":401,"description":402,"blog_series":39},{"id":2796,"title":405,"slug":406,"description":407,"blog_series":39},{"__component":23,"id":256,"Text":8171},{"__component":7457,"id":336,"title":7458,"URL":39,"link_to_code":13693},[13694,13695],{"id":270,"title":8175,"URL":8176},{"id":81,"title":8178,"URL":8179},{"__component":23,"id":5682,"Text":8181},{"__component":141,"id":1976,"Size":608,"caption":8183,"Image":13698},[13699],{"id":2078,"name":8186,"alternativeText":29,"caption":29,"width":3362,"height":8187,"formats":13700,"hash":8207,"ext":34,"mime":37,"size":8208,"url":8209,"previewUrl":39,"provider":72,"provider_metadata":13707,"created_at":8211,"updated_at":8212},{"small":13701,"medium":13703,"thumbnail":13705},{"ext":34,"url":8190,"hash":8191,"mime":37,"name":8192,"path":39,"size":8193,"width":4727,"height":50,"provider_metadata":13702},{"public_id":8191,"resource_type":44},{"ext":34,"url":8196,"hash":8197,"mime":37,"name":8198,"path":39,"size":8199,"width":241,"height":58,"provider_metadata":13704},{"public_id":8197,"resource_type":44},{"ext":34,"url":8202,"hash":8203,"mime":37,"name":8204,"path":39,"size":8205,"width":1824,"height":67,"provider_metadata":13706},{"public_id":8203,"resource_type":44},{"public_id":8207,"resource_type":44},{"__component":23,"id":5590,"Text":8214},{"__component":412,"id":700,"Code":8216,"Type":1189,"location":8217,"language":39},{"__component":23,"id":5341,"Text":8219},{"__component":412,"id":318,"Code":8221,"Type":1189,"location":8222,"language":39},{"__component":23,"id":3948,"Text":8224},{"__component":141,"id":595,"Size":4089,"caption":8226,"Image":13714},[13715],{"id":2083,"name":8041,"alternativeText":29,"caption":29,"width":8042,"height":2426,"formats":13716,"hash":8246,"ext":34,"mime":37,"size":8070,"url":8247,"previewUrl":39,"provider":72,"provider_metadata":13725,"created_at":8249,"updated_at":8250},{"large":13717,"small":13719,"medium":13721,"thumbnail":13723},{"ext":34,"url":8231,"hash":8232,"mime":37,"name":8047,"path":39,"size":8048,"width":41,"height":8049,"provider_metadata":13718},{"public_id":8232,"resource_type":44},{"ext":34,"url":8235,"hash":8236,"mime":37,"name":8054,"path":39,"size":8055,"width":50,"height":266,"provider_metadata":13720},{"public_id":8236,"resource_type":44},{"ext":34,"url":8239,"hash":8240,"mime":37,"name":8060,"path":39,"size":8061,"width":58,"height":6939,"provider_metadata":13722},{"public_id":8240,"resource_type":44},{"ext":34,"url":8243,"hash":8244,"mime":37,"name":8066,"path":39,"size":8067,"width":256,"height":499,"provider_metadata":13724},{"public_id":8244,"resource_type":44},{"public_id":8246,"resource_type":44},{"__component":23,"id":5632,"Text":8252},{"__component":141,"id":601,"Size":4089,"caption":8254,"Image":13728},[13729],{"id":1579,"name":8257,"alternativeText":29,"caption":29,"width":8258,"height":8259,"formats":13730,"hash":8285,"ext":34,"mime":37,"size":8286,"url":8287,"previewUrl":39,"provider":72,"provider_metadata":13739,"created_at":8289,"updated_at":8290},{"large":13731,"small":13733,"medium":13735,"thumbnail":13737},{"ext":34,"url":8262,"hash":8263,"mime":37,"name":8264,"path":39,"size":8265,"width":41,"height":8266,"provider_metadata":13732},{"public_id":8263,"resource_type":44},{"ext":34,"url":8269,"hash":8270,"mime":37,"name":8271,"path":39,"size":8272,"width":50,"height":3299,"provider_metadata":13734},{"public_id":8270,"resource_type":44},{"ext":34,"url":8275,"hash":8276,"mime":37,"name":8277,"path":39,"size":8278,"width":58,"height":3306,"provider_metadata":13736},{"public_id":8276,"resource_type":44},{"ext":34,"url":8281,"hash":8282,"mime":37,"name":8283,"path":39,"size":6960,"width":256,"height":420,"provider_metadata":13738},{"public_id":8282,"resource_type":44},{"public_id":8285,"resource_type":44},{"__component":23,"id":5658,"Text":8292},{"__component":412,"id":1838,"Code":8294,"Type":1189,"location":8023,"language":39},{"__component":23,"id":5434,"Text":8296},{"__component":412,"id":1843,"Code":8298,"Type":422,"location":8023,"language":39},{"__component":23,"id":5473,"Text":8300},{"__component":412,"id":1257,"Code":8302,"Type":422,"location":8023,"language":39},{"__component":23,"id":304,"Text":8304},{"__component":412,"id":1854,"Code":8306,"Type":1189,"location":8307,"language":39},{"__component":23,"id":5552,"Text":8309},{"__component":412,"id":731,"Code":8311,"Type":1189,"location":8222,"language":39},{"__component":23,"id":5721,"Text":8313},{"id":4660,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":13752,"hash":8331,"ext":34,"mime":37,"size":8332,"url":8333,"previewUrl":39,"provider":72,"provider_metadata":13759,"created_at":8335,"updated_at":8335},{"small":13753,"medium":13755,"thumbnail":13757},{"ext":34,"url":8317,"hash":8318,"mime":37,"name":529,"path":39,"size":8319,"width":50,"height":311,"provider_metadata":13754},{"public_id":8318,"resource_type":44},{"ext":34,"url":8322,"hash":8323,"mime":37,"name":535,"path":39,"size":8324,"width":58,"height":537,"provider_metadata":13756},{"public_id":8323,"resource_type":44},{"ext":34,"url":8327,"hash":8328,"mime":37,"name":542,"path":39,"size":8329,"width":544,"height":67,"provider_metadata":13758},{"public_id":8328,"resource_type":44},{"public_id":8331,"resource_type":44},{"id":333,"Title":334,"user":336,"Summary":375,"created_at":376,"updated_at":377,"slug":378,"published_at":379,"release_date":380,"Layout":381,"Content":13761,"Feature":13806},[13762,13763,13769,13770,13771,13772,13773,13774,13775,13776,13777,13778,13779,13780,13781,13782,13783,13784,13785,13786,13787,13788,13789,13790,13791,13792,13793,13794,13795,13796,13797,13798,13799,13800,13801,13802,13803,13804,13805],{"__component":23,"id":384,"Text":385},{"__component":269,"id":387,"title":271,"blog_series":39,"post_link":13764},[13765,13766,13767,13768],{"id":390,"title":391,"slug":392,"description":393,"blog_series":39},{"id":395,"title":396,"slug":378,"description":397,"blog_series":39},{"id":399,"title":400,"slug":401,"description":402,"blog_series":39},{"id":404,"title":405,"slug":406,"description":407,"blog_series":39},{"__component":23,"id":409,"Text":410},{"__component":412,"id":413,"Code":414,"Type":415,"location":39,"language":39},{"__component":23,"id":417,"Text":418},{"__component":412,"id":420,"Code":421,"Type":422,"location":39,"language":39},{"__component":23,"id":424,"Text":425},{"__component":412,"id":427,"Code":428,"Type":422,"location":39,"language":39},{"__component":23,"id":430,"Text":431},{"__component":412,"id":433,"Code":434,"Type":422,"location":39,"language":39},{"__component":23,"id":436,"Text":437},{"__component":412,"id":439,"Code":440,"Type":422,"location":39,"language":39},{"__component":23,"id":442,"Text":443},{"__component":412,"id":445,"Code":446,"Type":422,"location":39,"language":39},{"__component":23,"id":448,"Text":449},{"__component":412,"id":451,"Code":452,"Type":422,"location":39,"language":39},{"__component":23,"id":454,"Text":455},{"__component":412,"id":457,"Code":458,"Type":422,"location":39,"language":39},{"__component":23,"id":460,"Text":461},{"__component":412,"id":463,"Code":464,"Type":422,"location":39,"language":39},{"__component":23,"id":466,"Text":467},{"__component":412,"id":469,"Code":470,"Type":422,"location":39,"language":39},{"__component":23,"id":472,"Text":473},{"__component":412,"id":475,"Code":476,"Type":422,"location":39,"language":39},{"__component":23,"id":478,"Text":479},{"__component":412,"id":481,"Code":482,"Type":422,"location":39,"language":39},{"__component":23,"id":484,"Text":485},{"__component":412,"id":487,"Code":488,"Type":422,"location":39,"language":39},{"__component":23,"id":490,"Text":491},{"__component":412,"id":493,"Code":494,"Type":422,"location":39,"language":39},{"__component":23,"id":496,"Text":497},{"__component":412,"id":499,"Code":500,"Type":422,"location":39,"language":39},{"__component":23,"id":223,"Text":502},{"__component":412,"id":504,"Code":505,"Type":422,"location":39,"language":39},{"__component":23,"id":507,"Text":508},{"__component":412,"id":368,"Code":510,"Type":422,"location":39,"language":39},{"__component":23,"id":512,"Text":513},{"__component":412,"id":515,"Code":516,"Type":422,"location":39,"language":39},{"__component":23,"id":518,"Text":519},{"id":521,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":13807,"hash":546,"ext":34,"mime":37,"size":547,"url":548,"previewUrl":39,"provider":72,"provider_metadata":13814,"created_at":550,"updated_at":550},{"small":13808,"medium":13810,"thumbnail":13812},{"ext":34,"url":527,"hash":528,"mime":37,"name":529,"path":39,"size":530,"width":50,"height":311,"provider_metadata":13809},{"public_id":528,"resource_type":44},{"ext":34,"url":533,"hash":534,"mime":37,"name":535,"path":39,"size":536,"width":58,"height":537,"provider_metadata":13811},{"public_id":534,"resource_type":44},{"ext":34,"url":540,"hash":541,"mime":37,"name":542,"path":39,"size":543,"width":544,"height":67,"provider_metadata":13813},{"public_id":541,"resource_type":44},{"public_id":546,"resource_type":44},[],{"id":342,"Name":3910,"created_at":3911,"updated_at":3912,"slug":3913,"blogs":13817,"projects":13830},[13818],{"id":81,"Title":3853,"user":336,"Summary":3866,"created_at":3867,"updated_at":3868,"slug":3869,"published_at":3867,"release_date":3870,"Layout":381,"Content":13819,"Feature":13821},[13820],{"__component":23,"id":569,"Text":3873},{"id":3875,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":13822,"hash":3892,"ext":34,"mime":37,"size":3893,"url":3894,"previewUrl":39,"provider":72,"provider_metadata":13829,"created_at":3896,"updated_at":3896},{"small":13823,"medium":13825,"thumbnail":13827},{"ext":34,"url":3878,"hash":3879,"mime":37,"name":529,"path":39,"size":3880,"width":50,"height":311,"provider_metadata":13824},{"public_id":3879,"resource_type":44},{"ext":34,"url":3883,"hash":3884,"mime":37,"name":535,"path":39,"size":3885,"width":58,"height":537,"provider_metadata":13826},{"public_id":3884,"resource_type":44},{"ext":34,"url":3888,"hash":3889,"mime":37,"name":542,"path":39,"size":3890,"width":544,"height":67,"provider_metadata":13828},{"public_id":3889,"resource_type":44},{"public_id":3892,"resource_type":44},[],{"id":1426,"Name":3899,"created_at":3900,"updated_at":3901,"slug":3902,"blogs":13832,"projects":13845},[13833],{"id":81,"Title":3853,"user":336,"Summary":3866,"created_at":3867,"updated_at":3868,"slug":3869,"published_at":3867,"release_date":3870,"Layout":381,"Content":13834,"Feature":13836},[13835],{"__component":23,"id":569,"Text":3873},{"id":3875,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":13837,"hash":3892,"ext":34,"mime":37,"size":3893,"url":3894,"previewUrl":39,"provider":72,"provider_metadata":13844,"created_at":3896,"updated_at":3896},{"small":13838,"medium":13840,"thumbnail":13842},{"ext":34,"url":3878,"hash":3879,"mime":37,"name":529,"path":39,"size":3880,"width":50,"height":311,"provider_metadata":13839},{"public_id":3879,"resource_type":44},{"ext":34,"url":3883,"hash":3884,"mime":37,"name":535,"path":39,"size":3885,"width":58,"height":537,"provider_metadata":13841},{"public_id":3884,"resource_type":44},{"ext":34,"url":3888,"hash":3889,"mime":37,"name":542,"path":39,"size":3890,"width":544,"height":67,"provider_metadata":13843},{"public_id":3889,"resource_type":44},{"public_id":3892,"resource_type":44},[],{"id":87,"Name":1526,"created_at":1527,"updated_at":1528,"slug":1529,"blogs":13847,"projects":14387},[13848,13955,14027,14083,14231,14286,14347,14359,14371],{"id":3548,"Title":9523,"user":87,"Summary":9530,"created_at":9531,"updated_at":9532,"slug":9533,"published_at":9531,"release_date":9534,"Layout":381,"Content":13849,"Feature":13946},[13850,13851,13852,13853,13854,13855,13856,13867,13868,13869,13870,13883,13884,13897,13898,13911,13912,13913,13914,13915,13916,13917,13918,13931,13932,13945],{"__component":23,"id":2174,"Text":9537},{"__component":23,"id":333,"Text":9539},{"__component":412,"id":81,"Code":9541,"Type":422,"location":39,"language":39},{"__component":23,"id":78,"Text":9543},{"__component":412,"id":3523,"Code":9545,"Type":1189,"location":39,"language":39},{"__component":23,"id":3471,"Text":9547},{"__component":141,"id":1454,"Size":39,"caption":39,"Image":13857},[13858],{"id":1642,"name":9551,"alternativeText":29,"caption":29,"width":9552,"height":2068,"formats":13859,"hash":9569,"ext":34,"mime":37,"size":9570,"url":9571,"previewUrl":39,"provider":72,"provider_metadata":13866,"created_at":9573,"updated_at":9573},{"small":13860,"medium":13862,"thumbnail":13864},{"ext":34,"url":9555,"hash":9556,"mime":37,"size":9557,"width":50,"height":601,"provider_metadata":13861},{"public_id":9556,"resource_type":44},{"ext":34,"url":9560,"hash":9561,"mime":37,"size":9562,"width":58,"height":867,"provider_metadata":13863},{"public_id":9561,"resource_type":44},{"ext":34,"url":9565,"hash":9566,"mime":37,"size":9567,"width":256,"height":1599,"provider_metadata":13865},{"public_id":9566,"resource_type":44},{"public_id":9569,"resource_type":44},{"__component":23,"id":342,"Text":9575},{"__component":412,"id":3548,"Code":9577,"Type":422,"location":39,"language":39},{"__component":23,"id":2584,"Text":9579},{"__component":141,"id":1468,"Size":39,"caption":39,"Image":13871},[13872],{"id":2639,"name":9583,"alternativeText":29,"caption":29,"width":9584,"height":9585,"formats":13873,"hash":9608,"ext":34,"mime":37,"size":9609,"url":9610,"previewUrl":39,"provider":72,"provider_metadata":13882,"created_at":9612,"updated_at":9612},{"large":13874,"small":13876,"medium":13878,"thumbnail":13880},{"ext":34,"url":9588,"hash":9589,"mime":37,"size":9590,"width":41,"height":5496,"provider_metadata":13875},{"public_id":9589,"resource_type":44},{"ext":34,"url":9593,"hash":9594,"mime":37,"size":9595,"width":50,"height":4923,"provider_metadata":13877},{"public_id":9594,"resource_type":44},{"ext":34,"url":9598,"hash":9599,"mime":37,"size":9600,"width":58,"height":9601,"provider_metadata":13879},{"public_id":9599,"resource_type":44},{"ext":34,"url":9604,"hash":9605,"mime":37,"size":9606,"width":4718,"height":67,"provider_metadata":13881},{"public_id":9605,"resource_type":44},{"public_id":9608,"resource_type":44},{"__component":23,"id":2630,"Text":9614},{"__component":141,"id":1482,"Size":39,"caption":39,"Image":13885},[13886],{"id":2644,"name":9618,"alternativeText":29,"caption":29,"width":9619,"height":512,"formats":13887,"hash":9641,"ext":34,"mime":37,"size":9642,"url":9643,"previewUrl":39,"provider":72,"provider_metadata":13896,"created_at":9645,"updated_at":9645},{"large":13888,"small":13890,"medium":13892,"thumbnail":13894},{"ext":34,"url":9622,"hash":9623,"mime":37,"size":9624,"width":41,"height":1404,"provider_metadata":13889},{"public_id":9623,"resource_type":44},{"ext":34,"url":9627,"hash":9628,"mime":37,"size":9629,"width":50,"height":433,"provider_metadata":13891},{"public_id":9628,"resource_type":44},{"ext":34,"url":9632,"hash":9633,"mime":37,"size":9634,"width":58,"height":1685,"provider_metadata":13893},{"public_id":9633,"resource_type":44},{"ext":34,"url":9637,"hash":9638,"mime":37,"size":9639,"width":256,"height":1276,"provider_metadata":13895},{"public_id":9638,"resource_type":44},{"public_id":9641,"resource_type":44},{"__component":23,"id":1642,"Text":9647},{"__component":141,"id":1760,"Size":39,"caption":39,"Image":13899},[13900],{"id":2649,"name":9651,"alternativeText":29,"caption":29,"width":9652,"height":1722,"formats":13901,"hash":9674,"ext":34,"mime":37,"size":9675,"url":9676,"previewUrl":39,"provider":72,"provider_metadata":13910,"created_at":9678,"updated_at":9678},{"large":13902,"small":13904,"medium":13906,"thumbnail":13908},{"ext":34,"url":9655,"hash":9656,"mime":37,"size":9657,"width":41,"height":2078,"provider_metadata":13903},{"public_id":9656,"resource_type":44},{"ext":34,"url":9660,"hash":9661,"mime":37,"size":9662,"width":50,"height":1011,"provider_metadata":13905},{"public_id":9661,"resource_type":44},{"ext":34,"url":9665,"hash":9666,"mime":37,"size":9667,"width":58,"height":439,"provider_metadata":13907},{"public_id":9666,"resource_type":44},{"ext":34,"url":9670,"hash":9671,"mime":37,"size":9672,"width":256,"height":2710,"provider_metadata":13909},{"public_id":9671,"resource_type":44},{"public_id":9674,"resource_type":44},{"__component":23,"id":2639,"Text":9680},{"__component":412,"id":274,"Code":9682,"Type":415,"location":39,"language":39},{"__component":23,"id":2644,"Text":9684},{"__component":412,"id":279,"Code":9686,"Type":9687,"location":39,"language":39},{"__component":23,"id":2649,"Text":9689},{"__component":412,"id":13,"Code":9691,"Type":422,"location":39,"language":39},{"__component":23,"id":5,"Text":9693},{"__component":141,"id":327,"Size":39,"caption":39,"Image":13919},[13920],{"id":5,"name":9697,"alternativeText":29,"caption":29,"width":9698,"height":9699,"formats":13921,"hash":9722,"ext":34,"mime":37,"size":9723,"url":9724,"previewUrl":39,"provider":72,"provider_metadata":13930,"created_at":9726,"updated_at":9726},{"large":13922,"small":13924,"medium":13926,"thumbnail":13928},{"ext":34,"url":9702,"hash":9703,"mime":37,"size":9704,"width":41,"height":9705,"provider_metadata":13923},{"public_id":9703,"resource_type":44},{"ext":34,"url":9708,"hash":9709,"mime":37,"size":9710,"width":50,"height":4629,"provider_metadata":13925},{"public_id":9709,"resource_type":44},{"ext":34,"url":9713,"hash":9714,"mime":37,"size":9715,"width":58,"height":6326,"provider_metadata":13927},{"public_id":9714,"resource_type":44},{"ext":34,"url":9718,"hash":9719,"mime":37,"size":9720,"width":256,"height":67,"provider_metadata":13929},{"public_id":9719,"resource_type":44},{"public_id":9722,"resource_type":44},{"__component":23,"id":2700,"Text":9728},{"__component":141,"id":558,"Size":39,"caption":39,"Image":13933},[13934],{"id":2700,"name":9732,"alternativeText":29,"caption":29,"width":9733,"height":9734,"formats":13935,"hash":9756,"ext":34,"mime":37,"size":9757,"url":9758,"previewUrl":39,"provider":72,"provider_metadata":13944,"created_at":9760,"updated_at":9760},{"large":13936,"small":13938,"medium":13940,"thumbnail":13942},{"ext":34,"url":9737,"hash":9738,"mime":37,"size":9739,"width":41,"height":2824,"provider_metadata":13937},{"public_id":9738,"resource_type":44},{"ext":34,"url":9742,"hash":9743,"mime":37,"size":9744,"width":50,"height":496,"provider_metadata":13939},{"public_id":9743,"resource_type":44},{"ext":34,"url":9747,"hash":9748,"mime":37,"size":9749,"width":58,"height":2837,"provider_metadata":13941},{"public_id":9748,"resource_type":44},{"ext":34,"url":9752,"hash":9753,"mime":37,"size":9754,"width":256,"height":475,"provider_metadata":13943},{"public_id":9753,"resource_type":44},{"public_id":9756,"resource_type":44},{"__component":23,"id":2705,"Text":9762},{"id":4224,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":13947,"hash":9780,"ext":34,"mime":37,"size":9781,"url":9782,"previewUrl":39,"provider":72,"provider_metadata":13954,"created_at":9784,"updated_at":9784},{"small":13948,"medium":13950,"thumbnail":13952},{"ext":34,"url":9766,"hash":9767,"mime":37,"name":302,"path":39,"size":9768,"width":50,"height":311,"provider_metadata":13949},{"public_id":9767,"resource_type":44},{"ext":34,"url":9771,"hash":9772,"mime":37,"name":309,"path":39,"size":9773,"width":58,"height":537,"provider_metadata":13951},{"public_id":9772,"resource_type":44},{"ext":34,"url":9776,"hash":9777,"mime":37,"name":316,"path":39,"size":9778,"width":544,"height":67,"provider_metadata":13953},{"public_id":9777,"resource_type":44},{"public_id":9780,"resource_type":44},{"id":327,"Title":1531,"user":81,"Summary":1544,"created_at":1545,"updated_at":1546,"slug":1547,"published_at":1548,"release_date":1549,"Layout":381,"Content":13956,"Feature":14018},[13957,13958,13961,13962,13963,13964,13975,13976,13989,13990,13991,13992,13993,13994,13995,13996,13997,13998,13999,14000,14001,14002,14003,14004,14005,14006,14007,14008,14009,14010,14011,14012,14013,14014,14015,14016,14017],{"__component":23,"id":1552,"Text":1553},{"__component":1373,"id":13,"Video":13959},{"id":1214,"name":1556,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1557,"ext":1558,"mime":1559,"size":1560,"url":1561,"previewUrl":1562,"provider":72,"provider_metadata":13960,"created_at":1564,"updated_at":1565},{"public_id":1557,"resource_type":1385},{"__component":23,"id":1567,"Text":1568},{"__component":412,"id":1052,"Code":1570,"Type":415,"location":39,"language":39},{"__component":23,"id":912,"Text":1572},{"__component":141,"id":1574,"Size":39,"caption":39,"Image":13965},[13966],{"id":1107,"name":1577,"alternativeText":29,"caption":29,"width":1578,"height":1579,"formats":13967,"hash":1601,"ext":97,"mime":100,"size":1602,"url":1603,"previewUrl":39,"provider":72,"provider_metadata":13974,"created_at":1605,"updated_at":1606},{"small":13968,"medium":13970,"thumbnail":13972},{"ext":97,"url":1582,"hash":1583,"mime":100,"name":1584,"path":39,"size":1585,"width":50,"height":601,"provider_metadata":13969},{"public_id":1583,"resource_type":44},{"ext":97,"url":1588,"hash":1589,"mime":100,"name":1590,"path":39,"size":1591,"width":58,"height":1592,"provider_metadata":13971},{"public_id":1589,"resource_type":44},{"ext":97,"url":1595,"hash":1596,"mime":100,"name":1597,"path":39,"size":1598,"width":256,"height":1599,"provider_metadata":13973},{"public_id":1596,"resource_type":44},{"public_id":1601,"resource_type":44},{"__component":23,"id":1608,"Text":1609},{"__component":141,"id":1611,"Size":39,"caption":39,"Image":13977},[13978],{"id":1113,"name":1614,"alternativeText":29,"caption":29,"width":1615,"height":487,"formats":13979,"hash":1644,"ext":97,"mime":100,"size":1645,"url":1646,"previewUrl":39,"provider":72,"provider_metadata":13988,"created_at":1648,"updated_at":1649},{"large":13980,"small":13982,"medium":13984,"thumbnail":13986},{"ext":97,"url":1618,"hash":1619,"mime":100,"name":1620,"path":39,"size":1621,"width":41,"height":475,"provider_metadata":13981},{"public_id":1619,"resource_type":44},{"ext":97,"url":1624,"hash":1625,"mime":100,"name":1626,"path":39,"size":1627,"width":50,"height":1628,"provider_metadata":13983},{"public_id":1625,"resource_type":44},{"ext":97,"url":1631,"hash":1632,"mime":100,"name":1633,"path":39,"size":1634,"width":58,"height":1635,"provider_metadata":13985},{"public_id":1632,"resource_type":44},{"ext":97,"url":1638,"hash":1639,"mime":100,"name":1640,"path":39,"size":1641,"width":256,"height":1642,"provider_metadata":13987},{"public_id":1639,"resource_type":44},{"public_id":1644,"resource_type":44},{"__component":23,"id":67,"Text":1651},{"__component":412,"id":1144,"Code":1653,"Type":415,"location":39,"language":39},{"__component":23,"id":1655,"Text":1656},{"__component":412,"id":1194,"Code":1658,"Type":1189,"location":39,"language":39},{"__component":23,"id":1660,"Text":1661},{"__component":412,"id":1663,"Code":1664,"Type":1189,"location":39,"language":39},{"__component":23,"id":1666,"Text":1667},{"__component":412,"id":1225,"Code":1669,"Type":1670,"location":39,"language":39},{"__component":23,"id":1672,"Text":1673},{"__component":412,"id":1675,"Code":1676,"Type":415,"location":39,"language":39},{"__component":23,"id":1678,"Text":1679},{"__component":412,"id":1681,"Code":1682,"Type":1683,"location":39,"language":39},{"__component":23,"id":1685,"Text":1686},{"__component":412,"id":91,"Code":1688,"Type":1683,"location":39,"language":39},{"__component":23,"id":1690,"Text":1691},{"__component":412,"id":1693,"Code":1694,"Type":1189,"location":39,"language":39},{"__component":23,"id":1696,"Text":1697},{"__component":412,"id":1699,"Code":1700,"Type":1683,"location":39,"language":39},{"__component":23,"id":1702,"Text":1703},{"__component":412,"id":142,"Code":1705,"Type":1683,"location":39,"language":39},{"__component":23,"id":1707,"Text":1708},{"__component":412,"id":189,"Code":1710,"Type":1683,"location":39,"language":39},{"__component":23,"id":1712,"Text":1713},{"__component":412,"id":235,"Code":1715,"Type":1683,"location":39,"language":39},{"__component":23,"id":1717,"Text":1718},{"__component":412,"id":1635,"Code":1720,"Type":1683,"location":39,"language":39},{"__component":23,"id":1722,"Text":1723},{"__component":412,"id":1725,"Code":1726,"Type":1189,"location":39,"language":39},{"__component":23,"id":1728,"Text":1729},{"id":1731,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":14019,"hash":1748,"ext":34,"mime":37,"size":1749,"url":1750,"previewUrl":39,"provider":72,"provider_metadata":14026,"created_at":1752,"updated_at":1752},{"small":14020,"medium":14022,"thumbnail":14024},{"ext":34,"url":1734,"hash":1735,"mime":37,"name":529,"path":39,"size":1736,"width":50,"height":311,"provider_metadata":14021},{"public_id":1735,"resource_type":44},{"ext":34,"url":1739,"hash":1740,"mime":37,"name":535,"path":39,"size":1741,"width":58,"height":537,"provider_metadata":14023},{"public_id":1740,"resource_type":44},{"ext":34,"url":1744,"hash":1745,"mime":37,"name":542,"path":39,"size":1746,"width":544,"height":67,"provider_metadata":14025},{"public_id":1745,"resource_type":44},{"public_id":1748,"resource_type":44},{"id":5,"Title":7431,"user":87,"Summary":7438,"created_at":7439,"updated_at":7440,"slug":7032,"published_at":7441,"release_date":7442,"Layout":381,"Content":14028,"Feature":14074},[14029,14033,14034,14035,14036,14039,14040,14041,14042,14043,14044,14045,14046,14047,14048,14049,14050,14051,14052,14053,14054,14055,14056,14057,14058,14059,14060,14071,14072,14073],{"__component":269,"id":2782,"title":271,"blog_series":39,"post_link":14030},[14031,14032],{"id":607,"title":7031,"slug":7032,"description":7033,"blog_series":39},{"id":653,"title":7035,"slug":7024,"description":7036,"blog_series":39},{"__component":23,"id":7449,"Text":7450},{"__component":7286,"id":87,"TwitterEmbedHTML":7452},{"__component":23,"id":7454,"Text":7455},{"__component":7457,"id":81,"title":7458,"URL":39,"link_to_code":14037},[14038],{"id":3523,"title":7461,"URL":7462},{"__component":23,"id":6154,"Text":7464},{"__component":412,"id":867,"Code":7466,"Type":415,"location":39,"language":39},{"__component":23,"id":7468,"Text":7469},{"__component":412,"id":1592,"Code":7471,"Type":415,"location":39,"language":39},{"__component":23,"id":7473,"Text":7474},{"__component":412,"id":1967,"Code":7476,"Type":415,"location":39,"language":39},{"__component":23,"id":3062,"Text":7478},{"__component":412,"id":239,"Code":7480,"Type":415,"location":39,"language":39},{"__component":23,"id":7482,"Text":7483},{"__component":412,"id":147,"Code":7485,"Type":422,"location":39,"language":39},{"__component":23,"id":7487,"Text":7488},{"__component":412,"id":193,"Code":7490,"Type":415,"location":39,"language":39},{"__component":23,"id":249,"Text":7492},{"__component":412,"id":2063,"Code":7494,"Type":422,"location":7495,"language":39},{"__component":23,"id":4375,"Text":7497},{"__component":412,"id":2068,"Code":7499,"Type":415,"location":39,"language":39},{"__component":23,"id":7501,"Text":7502},{"__component":412,"id":2073,"Code":7504,"Type":1683,"location":7505,"language":39},{"__component":23,"id":7507,"Text":7508},{"__component":412,"id":2078,"Code":7510,"Type":1670,"location":7511,"language":39},{"__component":23,"id":7513,"Text":7514},{"__component":141,"id":1214,"Size":143,"caption":39,"Image":14061},[14062],{"id":1116,"name":7518,"alternativeText":29,"caption":29,"width":157,"height":7519,"formats":14063,"hash":7541,"ext":34,"mime":37,"size":7542,"url":7543,"previewUrl":39,"provider":72,"provider_metadata":14070,"created_at":7545,"updated_at":7546},{"small":14064,"medium":14066,"thumbnail":14068},{"ext":34,"url":7522,"hash":7523,"mime":37,"name":7524,"path":39,"size":7525,"width":50,"height":7526,"provider_metadata":14065},{"public_id":7523,"resource_type":44},{"ext":34,"url":7529,"hash":7530,"mime":37,"name":7531,"path":39,"size":7532,"width":58,"height":7533,"provider_metadata":14067},{"public_id":7530,"resource_type":44},{"ext":34,"url":7536,"hash":7537,"mime":37,"name":7538,"path":39,"size":7539,"width":1437,"height":67,"provider_metadata":14069},{"public_id":7537,"resource_type":44},{"public_id":7541,"resource_type":44},{"__component":23,"id":2563,"Text":7548},{"__component":412,"id":2083,"Code":7550,"Type":1189,"location":7551,"language":39},{"__component":23,"id":7172,"Text":7553},{"id":5172,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":14075,"hash":7571,"ext":34,"mime":37,"size":7572,"url":7573,"previewUrl":39,"provider":72,"provider_metadata":14082,"created_at":7575,"updated_at":7575},{"small":14076,"medium":14078,"thumbnail":14080},{"ext":34,"url":7557,"hash":7558,"mime":37,"name":302,"path":39,"size":7559,"width":50,"height":311,"provider_metadata":14077},{"public_id":7558,"resource_type":44},{"ext":34,"url":7562,"hash":7563,"mime":37,"name":309,"path":39,"size":7564,"width":58,"height":537,"provider_metadata":14079},{"public_id":7563,"resource_type":44},{"ext":34,"url":7567,"hash":7568,"mime":37,"name":316,"path":39,"size":7569,"width":544,"height":67,"provider_metadata":14081},{"public_id":7568,"resource_type":44},{"public_id":7571,"resource_type":44},{"id":2700,"Title":7014,"user":87,"Summary":7021,"created_at":7022,"updated_at":7023,"slug":7024,"published_at":7025,"release_date":7026,"Layout":381,"Content":14084,"Feature":14222},[14085,14089,14090,14093,14094,14107,14108,14111,14112,14125,14126,14127,14128,14129,14130,14131,14132,14145,14146,14147,14148,14149,14162,14163,14164,14165,14166,14167,14168,14169,14170,14171,14172,14173,14174,14177,14178,14179,14180,14181,14182,14185,14186,14187,14188,14191,14192,14193,14194,14195,14196,14197,14198,14199,14200,14203,14204,14205,14206,14209,14210,14211,14212,14213,14214,14217,14218,14219,14220,14221],{"__component":269,"id":2715,"title":271,"blog_series":39,"post_link":14086},[14087,14088],{"id":1331,"title":7031,"slug":7032,"description":7033,"blog_series":39},{"id":1392,"title":7035,"slug":7024,"description":7036,"blog_series":39},{"__component":23,"id":2917,"Text":7038},{"__component":1373,"id":2700,"Video":14091},{"id":1135,"name":7041,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7042,"ext":1379,"mime":1380,"size":7043,"url":7044,"previewUrl":7045,"provider":72,"provider_metadata":14092,"created_at":7047,"updated_at":7048},{"public_id":7042,"resource_type":1385},{"__component":23,"id":7050,"Text":7051},{"__component":141,"id":641,"Size":4089,"caption":7053,"Image":14095},[14096],{"id":1128,"name":7056,"alternativeText":29,"caption":29,"width":7057,"height":7058,"formats":14097,"hash":7084,"ext":34,"mime":37,"size":7085,"url":7086,"previewUrl":39,"provider":72,"provider_metadata":14106,"created_at":7088,"updated_at":7089},{"large":14098,"small":14100,"medium":14102,"thumbnail":14104},{"ext":34,"url":7061,"hash":7062,"mime":37,"name":7063,"path":39,"size":7064,"width":41,"height":4629,"provider_metadata":14099},{"public_id":7062,"resource_type":44},{"ext":34,"url":7067,"hash":7068,"mime":37,"name":7069,"path":39,"size":7070,"width":50,"height":1672,"provider_metadata":14101},{"public_id":7068,"resource_type":44},{"ext":34,"url":7073,"hash":7074,"mime":37,"name":7075,"path":39,"size":7076,"width":58,"height":232,"provider_metadata":14103},{"public_id":7074,"resource_type":44},{"ext":34,"url":7079,"hash":7080,"mime":37,"name":7081,"path":39,"size":7082,"width":256,"height":1681,"provider_metadata":14105},{"public_id":7080,"resource_type":44},{"public_id":7084,"resource_type":44},{"__component":23,"id":7091,"Text":7092},{"__component":1373,"id":2705,"Video":14109},{"id":1141,"name":7095,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7096,"ext":1379,"mime":1380,"size":7097,"url":7098,"previewUrl":7099,"provider":72,"provider_metadata":14110,"created_at":7101,"updated_at":7102},{"public_id":7096,"resource_type":1385},{"__component":23,"id":7104,"Text":7105},{"__component":141,"id":1376,"Size":4089,"caption":39,"Image":14113},[14114],{"id":1184,"name":7109,"alternativeText":29,"caption":29,"width":7110,"height":4730,"formats":14115,"hash":7136,"ext":34,"mime":37,"size":7137,"url":7138,"previewUrl":39,"provider":72,"provider_metadata":14124,"created_at":7140,"updated_at":7141},{"large":14116,"small":14118,"medium":14120,"thumbnail":14122},{"ext":34,"url":7113,"hash":7114,"mime":37,"name":7115,"path":39,"size":7116,"width":41,"height":4857,"provider_metadata":14117},{"public_id":7114,"resource_type":44},{"ext":34,"url":7119,"hash":7120,"mime":37,"name":7121,"path":39,"size":7122,"width":50,"height":1493,"provider_metadata":14119},{"public_id":7120,"resource_type":44},{"ext":34,"url":7125,"hash":7126,"mime":37,"name":7127,"path":39,"size":7128,"width":58,"height":3138,"provider_metadata":14121},{"public_id":7126,"resource_type":44},{"ext":34,"url":7131,"hash":7132,"mime":37,"name":7133,"path":39,"size":7134,"width":256,"height":1663,"provider_metadata":14123},{"public_id":7132,"resource_type":44},{"public_id":7136,"resource_type":44},{"__component":23,"id":898,"Text":7143},{"__component":412,"id":1579,"Code":7145,"Type":1189,"location":39,"language":39},{"__component":23,"id":7147,"Text":7148},{"__component":412,"id":2092,"Code":7150,"Type":1189,"location":7151,"language":39},{"__component":23,"id":2865,"Text":7153},{"__component":412,"id":257,"Code":7155,"Type":1189,"location":7156,"language":39},{"__component":23,"id":7158,"Text":7159},{"__component":141,"id":413,"Size":4089,"caption":39,"Image":14133},[14134],{"id":1191,"name":7163,"alternativeText":29,"caption":29,"width":7164,"height":7165,"formats":14135,"hash":7192,"ext":34,"mime":37,"size":7193,"url":7194,"previewUrl":39,"provider":72,"provider_metadata":14144,"created_at":7196,"updated_at":7197},{"large":14136,"small":14138,"medium":14140,"thumbnail":14142},{"ext":34,"url":7168,"hash":7169,"mime":37,"name":7170,"path":39,"size":7171,"width":41,"height":7172,"provider_metadata":14137},{"public_id":7169,"resource_type":44},{"ext":34,"url":7175,"hash":7176,"mime":37,"name":7177,"path":39,"size":7178,"width":50,"height":912,"provider_metadata":14139},{"public_id":7176,"resource_type":44},{"ext":34,"url":7181,"hash":7182,"mime":37,"name":7183,"path":39,"size":7184,"width":58,"height":484,"provider_metadata":14141},{"public_id":7182,"resource_type":44},{"ext":34,"url":7187,"hash":7188,"mime":37,"name":7189,"path":39,"size":7190,"width":256,"height":1194,"provider_metadata":14143},{"public_id":7188,"resource_type":44},{"public_id":7192,"resource_type":44},{"__component":23,"id":4629,"Text":7199},{"__component":412,"id":2101,"Code":7201,"Type":1189,"location":7151,"language":39},{"__component":23,"id":7203,"Text":7204},{"__component":412,"id":2145,"Code":7206,"Type":1189,"location":7151,"language":39},{"__component":141,"id":420,"Size":4089,"caption":39,"Image":14150},[14151],{"id":1205,"name":7210,"alternativeText":29,"caption":29,"width":7211,"height":7212,"formats":14152,"hash":7240,"ext":34,"mime":37,"size":7241,"url":7242,"previewUrl":39,"provider":72,"provider_metadata":14161,"created_at":7244,"updated_at":7245},{"large":14153,"small":14155,"medium":14157,"thumbnail":14159},{"ext":34,"url":7215,"hash":7216,"mime":37,"name":7217,"path":39,"size":7218,"width":41,"height":7219,"provider_metadata":14154},{"public_id":7216,"resource_type":44},{"ext":34,"url":7222,"hash":7223,"mime":37,"name":7224,"path":39,"size":7225,"width":50,"height":4923,"provider_metadata":14156},{"public_id":7223,"resource_type":44},{"ext":34,"url":7228,"hash":7229,"mime":37,"name":7230,"path":39,"size":7231,"width":58,"height":7232,"provider_metadata":14158},{"public_id":7229,"resource_type":44},{"ext":34,"url":7235,"hash":7236,"mime":37,"name":7237,"path":39,"size":7238,"width":4718,"height":67,"provider_metadata":14160},{"public_id":7236,"resource_type":44},{"public_id":7240,"resource_type":44},{"__component":23,"id":3306,"Text":7247},{"__component":23,"id":51,"Text":7249},{"__component":412,"id":1833,"Code":7251,"Type":415,"location":39,"language":39},{"__component":23,"id":1411,"Text":7253},{"__component":412,"id":1552,"Code":7255,"Type":415,"location":39,"language":39},{"__component":23,"id":2727,"Text":7257},{"__component":412,"id":1567,"Code":7259,"Type":1189,"location":7151,"language":39},{"__component":23,"id":7261,"Text":7262},{"__component":412,"id":912,"Code":7264,"Type":1189,"location":7151,"language":39},{"__component":23,"id":7266,"Text":7267},{"__component":412,"id":1608,"Code":7269,"Type":422,"location":7151,"language":39},{"__component":23,"id":627,"Text":7271},{"__component":1373,"id":2710,"Video":14175},{"id":1211,"name":7274,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7275,"ext":1379,"mime":1380,"size":7276,"url":7277,"previewUrl":7278,"provider":72,"provider_metadata":14176,"created_at":7280,"updated_at":7281},{"public_id":7275,"resource_type":1385},{"__component":23,"id":7283,"Text":7284},{"__component":7286,"id":336,"TwitterEmbedHTML":7287},{"__component":23,"id":7289,"Text":7290},{"__component":412,"id":67,"Code":7292,"Type":1189,"location":7151,"language":39},{"__component":23,"id":2613,"Text":7294},{"__component":1373,"id":2757,"Video":14183},{"id":1217,"name":7297,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7298,"ext":1379,"mime":1380,"size":7299,"url":7300,"previewUrl":7301,"provider":72,"provider_metadata":14184,"created_at":7303,"updated_at":7304},{"public_id":7298,"resource_type":1385},{"__component":23,"id":7306,"Text":7307},{"__component":412,"id":1655,"Code":7309,"Type":422,"location":7151,"language":39},{"__component":23,"id":6345,"Text":7311},{"__component":1373,"id":387,"Video":14189},{"id":1222,"name":7314,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7315,"ext":1379,"mime":1380,"size":7316,"url":7317,"previewUrl":7318,"provider":72,"provider_metadata":14190,"created_at":7320,"updated_at":7321},{"public_id":7315,"resource_type":1385},{"__component":23,"id":7323,"Text":7324},{"__component":412,"id":1660,"Code":7326,"Type":422,"location":7151,"language":39},{"__component":23,"id":210,"Text":7328},{"__component":412,"id":1672,"Code":7330,"Type":422,"location":7151,"language":39},{"__component":23,"id":1994,"Text":7332},{"__component":412,"id":1678,"Code":7334,"Type":422,"location":7151,"language":39},{"__component":23,"id":7336,"Text":7337},{"__component":412,"id":1685,"Code":7339,"Type":422,"location":7151,"language":39},{"__component":23,"id":7341,"Text":7342},{"__component":1373,"id":1269,"Video":14201},{"id":1266,"name":7345,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7346,"ext":1379,"mime":1380,"size":7347,"url":7348,"previewUrl":7349,"provider":72,"provider_metadata":14202,"created_at":7351,"updated_at":7352},{"public_id":7346,"resource_type":1385},{"__component":23,"id":7354,"Text":7355},{"__component":412,"id":1690,"Code":7357,"Type":422,"location":7151,"language":39},{"__component":23,"id":2720,"Text":7359},{"__component":1373,"id":2589,"Video":14207},{"id":544,"name":7362,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7363,"ext":1379,"mime":1380,"size":7364,"url":7365,"previewUrl":7366,"provider":72,"provider_metadata":14208,"created_at":7368,"updated_at":7369},{"public_id":7363,"resource_type":1385},{"__component":23,"id":7371,"Text":7372},{"__component":412,"id":1696,"Code":7374,"Type":422,"location":7151,"language":39},{"__component":23,"id":7376,"Text":7377},{"__component":412,"id":1702,"Code":7379,"Type":422,"location":7151,"language":39},{"__component":23,"id":7381,"Text":7382},{"__component":1373,"id":2658,"Video":14215},{"id":7385,"name":7386,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":7387,"ext":1379,"mime":1380,"size":7388,"url":7389,"previewUrl":7390,"provider":72,"provider_metadata":14216,"created_at":7392,"updated_at":7393},{"public_id":7387,"resource_type":1385},{"__component":23,"id":2037,"Text":7395},{"__component":412,"id":1707,"Code":7397,"Type":422,"location":7151,"language":39},{"__component":23,"id":7399,"Text":7400},{"__component":412,"id":1712,"Code":7402,"Type":422,"location":7151,"language":39},{"__component":23,"id":7404,"Text":7405},{"id":2123,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":14223,"hash":7423,"ext":34,"mime":37,"size":7424,"url":7425,"previewUrl":39,"provider":72,"provider_metadata":14230,"created_at":7427,"updated_at":7427},{"small":14224,"medium":14226,"thumbnail":14228},{"ext":34,"url":7409,"hash":7410,"mime":37,"name":529,"path":39,"size":7411,"width":50,"height":311,"provider_metadata":14225},{"public_id":7410,"resource_type":44},{"ext":34,"url":7414,"hash":7415,"mime":37,"name":535,"path":39,"size":7416,"width":58,"height":537,"provider_metadata":14227},{"public_id":7415,"resource_type":44},{"ext":34,"url":7419,"hash":7420,"mime":37,"name":542,"path":39,"size":7421,"width":544,"height":67,"provider_metadata":14229},{"public_id":7420,"resource_type":44},{"public_id":7423,"resource_type":44},{"id":1482,"Title":2180,"user":336,"Summary":2193,"created_at":2194,"updated_at":2195,"slug":2196,"published_at":2194,"release_date":2197,"Layout":138,"Content":14232,"Feature":14275},[14233,14246,14247,14260,14261,14274],{"__component":141,"id":395,"Size":39,"caption":39,"Image":14234},[14235],{"id":142,"name":1334,"alternativeText":2202,"caption":29,"width":1335,"height":1336,"formats":14236,"hash":2220,"ext":34,"mime":37,"size":1365,"url":2221,"previewUrl":39,"provider":72,"provider_metadata":14245,"created_at":2223,"updated_at":2224},{"large":14237,"small":14239,"medium":14241,"thumbnail":14243},{"ext":34,"url":2205,"hash":2206,"mime":37,"name":1341,"path":39,"size":1342,"width":41,"height":1343,"provider_metadata":14238},{"public_id":2206,"resource_type":44},{"ext":34,"url":2209,"hash":2210,"mime":37,"name":1348,"path":39,"size":1349,"width":50,"height":1350,"provider_metadata":14240},{"public_id":2210,"resource_type":44},{"ext":34,"url":2213,"hash":2214,"mime":37,"name":1355,"path":39,"size":1356,"width":58,"height":1071,"provider_metadata":14242},{"public_id":2214,"resource_type":44},{"ext":34,"url":2217,"hash":2218,"mime":37,"name":1361,"path":39,"size":1362,"width":256,"height":239,"provider_metadata":14244},{"public_id":2218,"resource_type":44},{"public_id":2220,"resource_type":44},{"__component":23,"id":504,"Text":2226},{"__component":141,"id":399,"Size":39,"caption":39,"Image":14248},[14249],{"id":189,"name":2230,"alternativeText":29,"caption":29,"width":2231,"height":2232,"formats":14250,"hash":2260,"ext":34,"mime":37,"size":2261,"url":2262,"previewUrl":39,"provider":72,"provider_metadata":14259,"created_at":2264,"updated_at":2265},{"large":14251,"small":14253,"medium":14255,"thumbnail":14257},{"ext":34,"url":2235,"hash":2236,"mime":37,"name":2237,"path":39,"size":2238,"width":41,"height":2239,"provider_metadata":14252},{"public_id":2236,"resource_type":44},{"ext":34,"url":2242,"hash":2243,"mime":37,"name":2244,"path":39,"size":2245,"width":50,"height":2246,"provider_metadata":14254},{"public_id":2243,"resource_type":44},{"ext":34,"url":2249,"hash":2250,"mime":37,"name":2251,"path":39,"size":2252,"width":58,"height":2253,"provider_metadata":14256},{"public_id":2250,"resource_type":44},{"ext":34,"url":2256,"hash":2257,"mime":37,"name":2258,"path":39,"size":1403,"width":256,"height":2073,"provider_metadata":14258},{"public_id":2257,"resource_type":44},{"public_id":2260,"resource_type":44},{"__component":23,"id":368,"Text":2267},{"__component":141,"id":1272,"Size":39,"caption":39,"Image":14262},[14263],{"id":1635,"name":2271,"alternativeText":2272,"caption":29,"width":195,"height":195,"formats":14264,"hash":2298,"ext":97,"mime":100,"size":2299,"url":2300,"previewUrl":39,"provider":72,"provider_metadata":14273,"created_at":2302,"updated_at":2303},{"large":14265,"small":14267,"medium":14269,"thumbnail":14271},{"ext":97,"url":2275,"hash":2276,"mime":100,"name":2277,"path":39,"size":2278,"width":41,"height":41,"provider_metadata":14266},{"public_id":2276,"resource_type":44},{"ext":97,"url":2281,"hash":2282,"mime":100,"name":2283,"path":39,"size":2284,"width":50,"height":50,"provider_metadata":14268},{"public_id":2282,"resource_type":44},{"ext":97,"url":2287,"hash":2288,"mime":100,"name":2289,"path":39,"size":2290,"width":58,"height":58,"provider_metadata":14270},{"public_id":2288,"resource_type":44},{"ext":97,"url":2293,"hash":2294,"mime":100,"name":2295,"path":39,"size":2296,"width":67,"height":67,"provider_metadata":14272},{"public_id":2294,"resource_type":44},{"public_id":2298,"resource_type":44},{"__component":23,"id":700,"Text":2305},{"id":2307,"name":289,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":14276,"hash":2329,"ext":34,"mime":37,"size":2330,"url":2331,"previewUrl":39,"provider":72,"provider_metadata":14285,"created_at":2333,"updated_at":2333},{"large":14277,"small":14279,"medium":14281,"thumbnail":14283},{"ext":34,"url":2310,"hash":2311,"mime":37,"name":296,"path":39,"size":2312,"width":41,"height":50,"provider_metadata":14278},{"public_id":2311,"resource_type":44},{"ext":34,"url":2315,"hash":2316,"mime":37,"name":302,"path":39,"size":2317,"width":50,"height":304,"provider_metadata":14280},{"public_id":2316,"resource_type":44},{"ext":34,"url":2320,"hash":2321,"mime":37,"name":309,"path":39,"size":2322,"width":58,"height":311,"provider_metadata":14282},{"public_id":2321,"resource_type":44},{"ext":34,"url":2325,"hash":2326,"mime":37,"name":316,"path":39,"size":2327,"width":256,"height":318,"provider_metadata":14284},{"public_id":2326,"resource_type":44},{"public_id":2329,"resource_type":44},{"id":558,"Title":1307,"user":336,"Summary":1320,"created_at":1321,"updated_at":1322,"slug":1323,"published_at":1324,"release_date":1325,"Layout":381,"Content":14287,"Feature":14338},[14288,14289,14302,14303,14306,14307,14318,14321,14322,14325,14326,14329,14330,14333,14334,14337],{"__component":23,"id":1328,"Text":1329},{"__component":141,"id":1331,"Size":39,"caption":39,"Image":14290},[14291],{"id":641,"name":1334,"alternativeText":29,"caption":29,"width":1335,"height":1336,"formats":14292,"hash":1364,"ext":34,"mime":37,"size":1365,"url":1366,"previewUrl":39,"provider":72,"provider_metadata":14301,"created_at":1368,"updated_at":1369},{"large":14293,"small":14295,"medium":14297,"thumbnail":14299},{"ext":34,"url":1339,"hash":1340,"mime":37,"name":1341,"path":39,"size":1342,"width":41,"height":1343,"provider_metadata":14294},{"public_id":1340,"resource_type":44},{"ext":34,"url":1346,"hash":1347,"mime":37,"name":1348,"path":39,"size":1349,"width":50,"height":1350,"provider_metadata":14296},{"public_id":1347,"resource_type":44},{"ext":34,"url":1353,"hash":1354,"mime":37,"name":1355,"path":39,"size":1356,"width":58,"height":1071,"provider_metadata":14298},{"public_id":1354,"resource_type":44},{"ext":34,"url":1359,"hash":1360,"mime":37,"name":1361,"path":39,"size":1362,"width":256,"height":239,"provider_metadata":14300},{"public_id":1360,"resource_type":44},{"public_id":1364,"resource_type":44},{"__component":23,"id":124,"Text":1371},{"__component":1373,"id":1374,"Video":14304},{"id":1376,"name":1377,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1378,"ext":1379,"mime":1380,"size":1381,"url":1382,"previewUrl":1383,"provider":72,"provider_metadata":14305,"created_at":1386,"updated_at":1387},{"public_id":1378,"resource_type":1385},{"__component":23,"id":1389,"Text":1390},{"__component":141,"id":1392,"Size":39,"caption":39,"Image":14308},[14309],{"id":413,"name":1395,"alternativeText":29,"caption":29,"width":1396,"height":1397,"formats":14310,"hash":1419,"ext":34,"mime":37,"size":1420,"url":1421,"previewUrl":39,"provider":72,"provider_metadata":14317,"created_at":1423,"updated_at":1424},{"small":14311,"medium":14313,"thumbnail":14315},{"ext":34,"url":1400,"hash":1401,"mime":37,"name":1402,"path":39,"size":1403,"width":50,"height":1404,"provider_metadata":14312},{"public_id":1401,"resource_type":44},{"ext":34,"url":1407,"hash":1408,"mime":37,"name":1409,"path":39,"size":1410,"width":58,"height":1411,"provider_metadata":14314},{"public_id":1408,"resource_type":44},{"ext":34,"url":1414,"hash":1415,"mime":37,"name":1416,"path":39,"size":1417,"width":256,"height":420,"provider_metadata":14316},{"public_id":1415,"resource_type":44},{"public_id":1419,"resource_type":44},{"__component":1373,"id":1426,"Video":14319},{"id":420,"name":1428,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1429,"ext":1379,"mime":1380,"size":1430,"url":1431,"previewUrl":1432,"provider":72,"provider_metadata":14320,"created_at":1434,"updated_at":1435},{"public_id":1429,"resource_type":1385},{"__component":23,"id":1437,"Text":1438},{"__component":1373,"id":1440,"Video":14323},{"id":427,"name":1442,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1443,"ext":1379,"mime":1380,"size":1444,"url":1445,"previewUrl":1446,"provider":72,"provider_metadata":14324,"created_at":1448,"updated_at":1449},{"public_id":1443,"resource_type":1385},{"__component":23,"id":1451,"Text":1452},{"__component":1373,"id":1454,"Video":14327},{"id":433,"name":1456,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1457,"ext":1379,"mime":1380,"size":1458,"url":1459,"previewUrl":1460,"provider":72,"provider_metadata":14328,"created_at":1462,"updated_at":1463},{"public_id":1457,"resource_type":1385},{"__component":23,"id":1465,"Text":1466},{"__component":1373,"id":1468,"Video":14331},{"id":439,"name":1470,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1471,"ext":1379,"mime":1380,"size":1472,"url":1473,"previewUrl":1474,"provider":72,"provider_metadata":14332,"created_at":1476,"updated_at":1477},{"public_id":1471,"resource_type":1385},{"__component":23,"id":1479,"Text":1480},{"__component":1373,"id":1482,"Video":14335},{"id":445,"name":1484,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":1485,"ext":1379,"mime":1380,"size":1486,"url":1487,"previewUrl":1488,"provider":72,"provider_metadata":14336,"created_at":1490,"updated_at":1491},{"public_id":1485,"resource_type":1385},{"__component":23,"id":1493,"Text":1494},{"id":1496,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":14339,"hash":1513,"ext":34,"mime":37,"size":1514,"url":1515,"previewUrl":39,"provider":72,"provider_metadata":14346,"created_at":1517,"updated_at":1517},{"small":14340,"medium":14342,"thumbnail":14344},{"ext":34,"url":1499,"hash":1500,"mime":37,"name":302,"path":39,"size":1501,"width":50,"height":311,"provider_metadata":14341},{"public_id":1500,"resource_type":44},{"ext":34,"url":1504,"hash":1505,"mime":37,"name":309,"path":39,"size":1506,"width":58,"height":537,"provider_metadata":14343},{"public_id":1505,"resource_type":44},{"ext":34,"url":1509,"hash":1510,"mime":37,"name":316,"path":39,"size":1511,"width":544,"height":67,"provider_metadata":14345},{"public_id":1510,"resource_type":44},{"public_id":1513,"resource_type":44},{"id":81,"Title":3853,"user":336,"Summary":3866,"created_at":3867,"updated_at":3868,"slug":3869,"published_at":3867,"release_date":3870,"Layout":381,"Content":14348,"Feature":14350},[14349],{"__component":23,"id":569,"Text":3873},{"id":3875,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":14351,"hash":3892,"ext":34,"mime":37,"size":3893,"url":3894,"previewUrl":39,"provider":72,"provider_metadata":14358,"created_at":3896,"updated_at":3896},{"small":14352,"medium":14354,"thumbnail":14356},{"ext":34,"url":3878,"hash":3879,"mime":37,"name":529,"path":39,"size":3880,"width":50,"height":311,"provider_metadata":14353},{"public_id":3879,"resource_type":44},{"ext":34,"url":3883,"hash":3884,"mime":37,"name":535,"path":39,"size":3885,"width":58,"height":537,"provider_metadata":14355},{"public_id":3884,"resource_type":44},{"ext":34,"url":3888,"hash":3889,"mime":37,"name":542,"path":39,"size":3890,"width":544,"height":67,"provider_metadata":14357},{"public_id":3889,"resource_type":44},{"public_id":3892,"resource_type":44},{"id":336,"Title":3992,"user":336,"Summary":4005,"created_at":4006,"updated_at":4007,"slug":4008,"published_at":4006,"release_date":4009,"Layout":381,"Content":14360,"Feature":14362},[14361],{"__component":23,"id":270,"Text":4012},{"id":4014,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":14363,"hash":4031,"ext":34,"mime":37,"size":4032,"url":4033,"previewUrl":39,"provider":72,"provider_metadata":14370,"created_at":4035,"updated_at":4035},{"small":14364,"medium":14366,"thumbnail":14368},{"ext":34,"url":4017,"hash":4018,"mime":37,"name":302,"path":39,"size":4019,"width":50,"height":311,"provider_metadata":14365},{"public_id":4018,"resource_type":44},{"ext":34,"url":4022,"hash":4023,"mime":37,"name":309,"path":39,"size":4024,"width":58,"height":537,"provider_metadata":14367},{"public_id":4023,"resource_type":44},{"ext":34,"url":4027,"hash":4028,"mime":37,"name":316,"path":39,"size":4029,"width":544,"height":67,"provider_metadata":14369},{"public_id":4028,"resource_type":44},{"public_id":4031,"resource_type":44},{"id":1468,"Title":2342,"user":336,"Summary":2355,"created_at":2356,"updated_at":2357,"slug":2358,"published_at":2356,"release_date":2359,"Layout":381,"Content":14372,"Feature":14378},[14373,14374,14377],{"__component":23,"id":493,"Text":2362},{"__component":1373,"id":274,"Video":14375},{"id":1699,"name":2365,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":2366,"ext":1379,"mime":1380,"size":2367,"url":2368,"previewUrl":2369,"provider":72,"provider_metadata":14376,"created_at":2371,"updated_at":2372},{"public_id":2366,"resource_type":1385},{"__component":23,"id":499,"Text":2374},{"id":1169,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":14379,"hash":2392,"ext":34,"mime":37,"size":2393,"url":2394,"previewUrl":39,"provider":72,"provider_metadata":14386,"created_at":2396,"updated_at":2396},{"small":14380,"medium":14382,"thumbnail":14384},{"ext":34,"url":2378,"hash":2379,"mime":37,"name":529,"path":39,"size":2380,"width":50,"height":311,"provider_metadata":14381},{"public_id":2379,"resource_type":44},{"ext":34,"url":2383,"hash":2384,"mime":37,"name":535,"path":39,"size":2385,"width":58,"height":537,"provider_metadata":14383},{"public_id":2384,"resource_type":44},{"ext":34,"url":2388,"hash":2389,"mime":37,"name":542,"path":39,"size":2390,"width":544,"height":67,"provider_metadata":14385},{"public_id":2389,"resource_type":44},{"public_id":2392,"resource_type":44},[],{"id":279,"Name":14389,"created_at":14390,"updated_at":14391,"slug":14392,"blogs":14393,"projects":14394},"Three.js","2020-05-02T14:57:23.874Z","2022-01-27T15:24:42.823Z","three-js",[],[],{"id":1440,"Name":3917,"created_at":3918,"updated_at":3919,"slug":3920,"blogs":14396,"projects":14409},[14397],{"id":81,"Title":3853,"user":336,"Summary":3866,"created_at":3867,"updated_at":3868,"slug":3869,"published_at":3867,"release_date":3870,"Layout":381,"Content":14398,"Feature":14400},[14399],{"__component":23,"id":569,"Text":3873},{"id":3875,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":14401,"hash":3892,"ext":34,"mime":37,"size":3893,"url":3894,"previewUrl":39,"provider":72,"provider_metadata":14408,"created_at":3896,"updated_at":3896},{"small":14402,"medium":14404,"thumbnail":14406},{"ext":34,"url":3878,"hash":3879,"mime":37,"name":529,"path":39,"size":3880,"width":50,"height":311,"provider_metadata":14403},{"public_id":3879,"resource_type":44},{"ext":34,"url":3883,"hash":3884,"mime":37,"name":535,"path":39,"size":3885,"width":58,"height":537,"provider_metadata":14405},{"public_id":3884,"resource_type":44},{"ext":34,"url":3888,"hash":3889,"mime":37,"name":542,"path":39,"size":3890,"width":544,"height":67,"provider_metadata":14407},{"public_id":3889,"resource_type":44},{"public_id":3892,"resource_type":44},[],{"id":2630,"Name":6215,"created_at":6216,"updated_at":6217,"slug":6218,"blogs":14411,"projects":14790},[14412,14471,14552,14599,14670],{"id":2710,"Title":6220,"user":3523,"Summary":6227,"created_at":6228,"updated_at":6229,"slug":6230,"published_at":6231,"release_date":6011,"Layout":381,"Content":14413,"Feature":14462},[14414,14419,14420,14433,14434,14447,14448,14461],{"__component":269,"id":2796,"title":271,"blog_series":39,"post_link":14415},[14416,14417,14418],{"id":789,"title":6236,"slug":6017,"description":39,"blog_series":39},{"id":834,"title":6019,"slug":6009,"description":39,"blog_series":39},{"id":1144,"title":6239,"slug":6230,"description":39,"blog_series":39},{"__component":23,"id":4858,"Text":6241},{"__component":141,"id":451,"Size":4089,"caption":6243,"Image":14421},[14422],{"id":6246,"name":6247,"alternativeText":29,"caption":6247,"width":6248,"height":6248,"formats":14423,"hash":6274,"ext":3437,"mime":100,"size":6275,"url":6276,"previewUrl":39,"provider":72,"provider_metadata":14432,"created_at":6278,"updated_at":6279},{"large":14424,"small":14426,"medium":14428,"thumbnail":14430},{"ext":3437,"url":6251,"hash":6252,"mime":100,"name":6253,"path":39,"size":6254,"width":41,"height":41,"provider_metadata":14425},{"public_id":6252,"resource_type":44},{"ext":3437,"url":6257,"hash":6258,"mime":100,"name":6259,"path":39,"size":6260,"width":50,"height":50,"provider_metadata":14427},{"public_id":6258,"resource_type":44},{"ext":3437,"url":6263,"hash":6264,"mime":100,"name":6265,"path":39,"size":6266,"width":58,"height":58,"provider_metadata":14429},{"public_id":6264,"resource_type":44},{"ext":3437,"url":6269,"hash":6270,"mime":100,"name":6271,"path":39,"size":6272,"width":67,"height":67,"provider_metadata":14431},{"public_id":6270,"resource_type":44},{"public_id":6274,"resource_type":44},{"__component":23,"id":6281,"Text":6282},{"__component":141,"id":457,"Size":4089,"caption":6284,"Image":14435},[14436],{"id":6287,"name":6284,"alternativeText":29,"caption":6284,"width":6248,"height":6248,"formats":14437,"hash":6313,"ext":3437,"mime":100,"size":6314,"url":6315,"previewUrl":39,"provider":72,"provider_metadata":14446,"created_at":6317,"updated_at":6318},{"large":14438,"small":14440,"medium":14442,"thumbnail":14444},{"ext":3437,"url":6290,"hash":6291,"mime":100,"name":6292,"path":39,"size":6293,"width":41,"height":41,"provider_metadata":14439},{"public_id":6291,"resource_type":44},{"ext":3437,"url":6296,"hash":6297,"mime":100,"name":6298,"path":39,"size":6299,"width":50,"height":50,"provider_metadata":14441},{"public_id":6297,"resource_type":44},{"ext":3437,"url":6302,"hash":6303,"mime":100,"name":6304,"path":39,"size":6305,"width":58,"height":58,"provider_metadata":14443},{"public_id":6303,"resource_type":44},{"ext":3437,"url":6308,"hash":6309,"mime":100,"name":6310,"path":39,"size":6311,"width":67,"height":67,"provider_metadata":14445},{"public_id":6309,"resource_type":44},{"public_id":6313,"resource_type":44},{"__component":23,"id":6320,"Text":6321},{"__component":141,"id":463,"Size":4089,"caption":39,"Image":14449},[14450],{"id":409,"name":6325,"alternativeText":29,"caption":6325,"width":6248,"height":6326,"formats":14451,"hash":6353,"ext":3437,"mime":100,"size":1642,"url":6354,"previewUrl":39,"provider":72,"provider_metadata":14460,"created_at":6356,"updated_at":6357},{"large":14452,"small":14454,"medium":14456,"thumbnail":14458},{"ext":3437,"url":6329,"hash":6330,"mime":100,"name":6331,"path":39,"size":6332,"width":41,"height":5267,"provider_metadata":14453},{"public_id":6330,"resource_type":44},{"ext":3437,"url":6335,"hash":6336,"mime":100,"name":6337,"path":39,"size":6338,"width":50,"height":417,"provider_metadata":14455},{"public_id":6336,"resource_type":44},{"ext":3437,"url":6341,"hash":6342,"mime":100,"name":6343,"path":39,"size":6344,"width":58,"height":6345,"provider_metadata":14457},{"public_id":6342,"resource_type":44},{"ext":3437,"url":6348,"hash":6349,"mime":100,"name":6350,"path":39,"size":6351,"width":256,"height":439,"provider_metadata":14459},{"public_id":6349,"resource_type":44},{"public_id":6353,"resource_type":44},{"__component":23,"id":6359,"Text":6360},{"id":5046,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":14463,"hash":6378,"ext":34,"mime":37,"size":6379,"url":6380,"previewUrl":39,"provider":72,"provider_metadata":14470,"created_at":6382,"updated_at":6382},{"small":14464,"medium":14466,"thumbnail":14468},{"ext":34,"url":6364,"hash":6365,"mime":37,"name":302,"path":39,"size":6366,"width":50,"height":311,"provider_metadata":14465},{"public_id":6365,"resource_type":44},{"ext":34,"url":6369,"hash":6370,"mime":37,"name":309,"path":39,"size":6371,"width":58,"height":537,"provider_metadata":14467},{"public_id":6370,"resource_type":44},{"ext":34,"url":6374,"hash":6375,"mime":37,"name":316,"path":39,"size":6376,"width":544,"height":67,"provider_metadata":14469},{"public_id":6375,"resource_type":44},{"public_id":6378,"resource_type":44},{"id":2639,"Title":7634,"user":3523,"Summary":7641,"created_at":7642,"updated_at":7643,"slug":7644,"published_at":7645,"release_date":7646,"Layout":381,"Content":14472,"Feature":14543},[14473,14486,14487,14500,14501,14514,14515,14528,14529,14542],{"__component":141,"id":1125,"Size":143,"caption":7649,"Image":14474},[14475],{"id":1328,"name":7652,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":14476,"hash":7677,"ext":3437,"mime":100,"size":7678,"url":7679,"previewUrl":39,"provider":72,"provider_metadata":14485,"created_at":7681,"updated_at":7682},{"large":14477,"small":14479,"medium":14481,"thumbnail":14483},{"ext":3437,"url":7655,"hash":7656,"mime":100,"name":7657,"path":39,"size":7658,"width":41,"height":41,"provider_metadata":14478},{"public_id":7656,"resource_type":44},{"ext":3437,"url":7661,"hash":7662,"mime":100,"name":7663,"path":39,"size":7664,"width":50,"height":50,"provider_metadata":14480},{"public_id":7662,"resource_type":44},{"ext":3437,"url":7667,"hash":7668,"mime":100,"name":7669,"path":39,"size":7670,"width":58,"height":58,"provider_metadata":14482},{"public_id":7668,"resource_type":44},{"ext":3437,"url":7673,"hash":7674,"mime":100,"name":7675,"path":39,"size":6604,"width":67,"height":67,"provider_metadata":14484},{"public_id":7674,"resource_type":44},{"public_id":7677,"resource_type":44},{"__component":23,"id":943,"Text":7684},{"__component":141,"id":1131,"Size":143,"caption":7686,"Image":14488},[14489],{"id":1666,"name":7689,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":14490,"hash":7715,"ext":3437,"mime":100,"size":7716,"url":7717,"previewUrl":39,"provider":72,"provider_metadata":14499,"created_at":7719,"updated_at":7720},{"large":14491,"small":14493,"medium":14495,"thumbnail":14497},{"ext":3437,"url":7692,"hash":7693,"mime":100,"name":7694,"path":39,"size":7695,"width":41,"height":41,"provider_metadata":14492},{"public_id":7693,"resource_type":44},{"ext":3437,"url":7698,"hash":7699,"mime":100,"name":7700,"path":39,"size":7701,"width":50,"height":50,"provider_metadata":14494},{"public_id":7699,"resource_type":44},{"ext":3437,"url":7704,"hash":7705,"mime":100,"name":7706,"path":39,"size":7707,"width":58,"height":58,"provider_metadata":14496},{"public_id":7705,"resource_type":44},{"ext":3437,"url":7710,"hash":7711,"mime":100,"name":7712,"path":39,"size":7713,"width":67,"height":67,"provider_metadata":14498},{"public_id":7711,"resource_type":44},{"public_id":7715,"resource_type":44},{"__component":23,"id":763,"Text":7722},{"__component":141,"id":1138,"Size":143,"caption":7724,"Image":14502},[14503],{"id":124,"name":7727,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":14504,"hash":7753,"ext":3437,"mime":100,"size":7754,"url":7755,"previewUrl":39,"provider":72,"provider_metadata":14513,"created_at":7757,"updated_at":7758},{"large":14505,"small":14507,"medium":14509,"thumbnail":14511},{"ext":3437,"url":7730,"hash":7731,"mime":100,"name":7732,"path":39,"size":7733,"width":41,"height":41,"provider_metadata":14506},{"public_id":7731,"resource_type":44},{"ext":3437,"url":7736,"hash":7737,"mime":100,"name":7738,"path":39,"size":7739,"width":50,"height":50,"provider_metadata":14508},{"public_id":7737,"resource_type":44},{"ext":3437,"url":7742,"hash":7743,"mime":100,"name":7744,"path":39,"size":7745,"width":58,"height":58,"provider_metadata":14510},{"public_id":7743,"resource_type":44},{"ext":3437,"url":7748,"hash":7749,"mime":100,"name":7750,"path":39,"size":7751,"width":67,"height":67,"provider_metadata":14512},{"public_id":7749,"resource_type":44},{"public_id":7753,"resource_type":44},{"__component":23,"id":4311,"Text":7760},{"__component":141,"id":1187,"Size":143,"caption":7762,"Image":14516},[14517],{"id":1389,"name":7765,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":14518,"hash":7790,"ext":3437,"mime":100,"size":7791,"url":7792,"previewUrl":39,"provider":72,"provider_metadata":14527,"created_at":7794,"updated_at":7795},{"large":14519,"small":14521,"medium":14523,"thumbnail":14525},{"ext":3437,"url":7768,"hash":7769,"mime":100,"name":7770,"path":39,"size":7771,"width":41,"height":41,"provider_metadata":14520},{"public_id":7769,"resource_type":44},{"ext":3437,"url":7774,"hash":7775,"mime":100,"name":7776,"path":39,"size":7777,"width":50,"height":50,"provider_metadata":14522},{"public_id":7775,"resource_type":44},{"ext":3437,"url":7780,"hash":7781,"mime":100,"name":7782,"path":39,"size":7783,"width":58,"height":58,"provider_metadata":14524},{"public_id":7781,"resource_type":44},{"ext":3437,"url":7786,"hash":7787,"mime":100,"name":7788,"path":39,"size":1627,"width":67,"height":67,"provider_metadata":14526},{"public_id":7787,"resource_type":44},{"public_id":7790,"resource_type":44},{"__component":23,"id":4354,"Text":7797},{"__component":141,"id":1208,"Size":143,"caption":7799,"Image":14530},[14531],{"id":1437,"name":7802,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":14532,"hash":7828,"ext":3437,"mime":100,"size":7829,"url":7830,"previewUrl":39,"provider":72,"provider_metadata":14541,"created_at":7832,"updated_at":7833},{"large":14533,"small":14535,"medium":14537,"thumbnail":14539},{"ext":3437,"url":7805,"hash":7806,"mime":100,"name":7807,"path":39,"size":7808,"width":41,"height":41,"provider_metadata":14534},{"public_id":7806,"resource_type":44},{"ext":3437,"url":7811,"hash":7812,"mime":100,"name":7813,"path":39,"size":7814,"width":50,"height":50,"provider_metadata":14536},{"public_id":7812,"resource_type":44},{"ext":3437,"url":7817,"hash":7818,"mime":100,"name":7819,"path":39,"size":7820,"width":58,"height":58,"provider_metadata":14538},{"public_id":7818,"resource_type":44},{"ext":3437,"url":7823,"hash":7824,"mime":100,"name":7825,"path":39,"size":7826,"width":67,"height":67,"provider_metadata":14540},{"public_id":7824,"resource_type":44},{"public_id":7828,"resource_type":44},{"__component":23,"id":4394,"Text":7835},{"id":5236,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":14544,"hash":7853,"ext":34,"mime":37,"size":7854,"url":7855,"previewUrl":39,"provider":72,"provider_metadata":14551,"created_at":7857,"updated_at":7857},{"small":14545,"medium":14547,"thumbnail":14549},{"ext":34,"url":7839,"hash":7840,"mime":37,"name":529,"path":39,"size":7841,"width":50,"height":311,"provider_metadata":14546},{"public_id":7840,"resource_type":44},{"ext":34,"url":7844,"hash":7845,"mime":37,"name":535,"path":39,"size":7846,"width":58,"height":537,"provider_metadata":14548},{"public_id":7845,"resource_type":44},{"ext":34,"url":7849,"hash":7850,"mime":37,"name":542,"path":39,"size":7851,"width":544,"height":67,"provider_metadata":14550},{"public_id":7850,"resource_type":44},{"public_id":7853,"resource_type":44},{"id":2757,"Title":6387,"user":3523,"Summary":6394,"created_at":6395,"updated_at":6396,"slug":6397,"published_at":6398,"release_date":6011,"Layout":381,"Content":14553,"Feature":14590},[14554,14560,14561,14562,14575,14576,14589],{"__component":269,"id":390,"title":271,"blog_series":39,"post_link":14555},[14556,14557,14558,14559],{"id":879,"title":6403,"slug":6017,"description":39,"blog_series":39},{"id":924,"title":6405,"slug":6009,"description":39,"blog_series":39},{"id":969,"title":6407,"slug":6230,"description":39,"blog_series":39},{"id":1194,"title":6409,"slug":6397,"description":39,"blog_series":39},{"__component":23,"id":6411,"Text":6412},{"__component":23,"id":6414,"Text":6415},{"__component":141,"id":469,"Size":4089,"caption":39,"Image":14563},[14564],{"id":417,"name":6419,"alternativeText":29,"caption":6420,"width":6248,"height":6248,"formats":14565,"hash":6446,"ext":3437,"mime":100,"size":6447,"url":6448,"previewUrl":39,"provider":72,"provider_metadata":14574,"created_at":6450,"updated_at":6451},{"large":14566,"small":14568,"medium":14570,"thumbnail":14572},{"ext":3437,"url":6423,"hash":6424,"mime":100,"name":6425,"path":39,"size":6426,"width":41,"height":41,"provider_metadata":14567},{"public_id":6424,"resource_type":44},{"ext":3437,"url":6429,"hash":6430,"mime":100,"name":6431,"path":39,"size":6432,"width":50,"height":50,"provider_metadata":14569},{"public_id":6430,"resource_type":44},{"ext":3437,"url":6435,"hash":6436,"mime":100,"name":6437,"path":39,"size":6438,"width":58,"height":58,"provider_metadata":14571},{"public_id":6436,"resource_type":44},{"ext":3437,"url":6441,"hash":6442,"mime":100,"name":6443,"path":39,"size":6444,"width":67,"height":67,"provider_metadata":14573},{"public_id":6442,"resource_type":44},{"public_id":6446,"resource_type":44},{"__component":23,"id":4857,"Text":6453},{"__component":141,"id":475,"Size":4089,"caption":39,"Image":14577},[14578],{"id":424,"name":6457,"alternativeText":29,"caption":6458,"width":6248,"height":6248,"formats":14579,"hash":6484,"ext":3437,"mime":100,"size":6485,"url":6486,"previewUrl":39,"provider":72,"provider_metadata":14588,"created_at":6488,"updated_at":6489},{"large":14580,"small":14582,"medium":14584,"thumbnail":14586},{"ext":3437,"url":6461,"hash":6462,"mime":100,"name":6463,"path":39,"size":6464,"width":41,"height":41,"provider_metadata":14581},{"public_id":6462,"resource_type":44},{"ext":3437,"url":6467,"hash":6468,"mime":100,"name":6469,"path":39,"size":6470,"width":50,"height":50,"provider_metadata":14583},{"public_id":6468,"resource_type":44},{"ext":3437,"url":6473,"hash":6474,"mime":100,"name":6475,"path":39,"size":6476,"width":58,"height":58,"provider_metadata":14585},{"public_id":6474,"resource_type":44},{"ext":3437,"url":6479,"hash":6480,"mime":100,"name":6481,"path":39,"size":6482,"width":67,"height":67,"provider_metadata":14587},{"public_id":6480,"resource_type":44},{"public_id":6484,"resource_type":44},{"__component":23,"id":4937,"Text":6491},{"id":242,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":14591,"hash":6509,"ext":34,"mime":37,"size":6510,"url":6511,"previewUrl":39,"provider":72,"provider_metadata":14598,"created_at":6513,"updated_at":6513},{"small":14592,"medium":14594,"thumbnail":14596},{"ext":34,"url":6495,"hash":6496,"mime":37,"name":302,"path":39,"size":6497,"width":50,"height":311,"provider_metadata":14593},{"public_id":6496,"resource_type":44},{"ext":34,"url":6500,"hash":6501,"mime":37,"name":309,"path":39,"size":6502,"width":58,"height":537,"provider_metadata":14595},{"public_id":6501,"resource_type":44},{"ext":34,"url":6505,"hash":6506,"mime":37,"name":316,"path":39,"size":6507,"width":544,"height":67,"provider_metadata":14597},{"public_id":6506,"resource_type":44},{"public_id":6509,"resource_type":44},{"id":2644,"Title":5999,"user":3523,"Summary":6006,"created_at":6007,"updated_at":6008,"slug":6009,"published_at":6010,"release_date":6011,"Layout":381,"Content":14600,"Feature":14661},[14601,14605,14606,14607,14610,14611,14614,14615,14618,14619,14622,14623,14626,14627,14630,14631,14634,14635,14638,14639,14642,14643,14656,14657,14660],{"__component":269,"id":1599,"title":271,"blog_series":39,"post_link":14602},[14603,14604],{"id":743,"title":6016,"slug":6017,"description":39,"blog_series":39},{"id":1052,"title":6019,"slug":6009,"description":39,"blog_series":39},{"__component":23,"id":6021,"Text":6022},{"__component":23,"id":6024,"Text":6025},{"__component":1373,"id":1760,"Video":14608},{"id":1451,"name":6028,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6029,"ext":1558,"mime":1559,"size":6030,"url":6031,"previewUrl":6032,"provider":72,"provider_metadata":14609,"created_at":6034,"updated_at":6035},{"public_id":6029,"resource_type":1385},{"__component":23,"id":4434,"Text":6037},{"__component":1373,"id":327,"Video":14612},{"id":1465,"name":6040,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6041,"ext":1558,"mime":1559,"size":6042,"url":6043,"previewUrl":6044,"provider":72,"provider_metadata":14613,"created_at":6046,"updated_at":6047},{"public_id":6041,"resource_type":1385},{"__component":23,"id":853,"Text":6049},{"__component":1373,"id":558,"Video":14616},{"id":1479,"name":6052,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6053,"ext":1558,"mime":1559,"size":6054,"url":6055,"previewUrl":6056,"provider":72,"provider_metadata":14617,"created_at":6058,"updated_at":6059},{"public_id":6053,"resource_type":1385},{"__component":23,"id":4480,"Text":6061},{"__component":1373,"id":569,"Video":14620},{"id":1493,"name":6064,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6065,"ext":1558,"mime":1559,"size":6066,"url":6067,"previewUrl":6068,"provider":72,"provider_metadata":14621,"created_at":6070,"updated_at":6071},{"public_id":6065,"resource_type":1385},{"__component":23,"id":4522,"Text":6073},{"__component":1373,"id":1520,"Video":14624},{"id":592,"name":6076,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6077,"ext":1558,"mime":1559,"size":6078,"url":6079,"previewUrl":6080,"provider":72,"provider_metadata":14625,"created_at":6082,"updated_at":6083},{"public_id":6077,"resource_type":1385},{"__component":23,"id":4565,"Text":6085},{"__component":1373,"id":2174,"Video":14628},{"id":598,"name":6088,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6089,"ext":1558,"mime":1559,"size":6090,"url":6091,"previewUrl":6092,"provider":72,"provider_metadata":14629,"created_at":6094,"updated_at":6095},{"public_id":6089,"resource_type":1385},{"__component":23,"id":4607,"Text":6097},{"__component":1373,"id":333,"Video":14632},{"id":604,"name":6100,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6101,"ext":1558,"mime":1559,"size":6102,"url":6103,"previewUrl":6104,"provider":72,"provider_metadata":14633,"created_at":6106,"updated_at":6107},{"public_id":6101,"resource_type":1385},{"__component":23,"id":4650,"Text":6109},{"__component":1373,"id":78,"Video":14636},{"id":650,"name":6112,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6113,"ext":1558,"mime":1559,"size":6114,"url":6115,"previewUrl":6116,"provider":72,"provider_metadata":14637,"created_at":6118,"updated_at":6119},{"public_id":6113,"resource_type":1385},{"__component":23,"id":4688,"Text":6121},{"__component":1373,"id":3471,"Video":14640},{"id":694,"name":6124,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6125,"ext":1558,"mime":1559,"size":6126,"url":6127,"previewUrl":6128,"provider":72,"provider_metadata":14641,"created_at":6130,"updated_at":6131},{"public_id":6125,"resource_type":1385},{"__component":23,"id":1350,"Text":6133},{"__component":141,"id":368,"Size":143,"caption":6135,"Image":14644},[14645],{"id":460,"name":6138,"alternativeText":29,"caption":29,"width":6139,"height":6140,"formats":14646,"hash":6169,"ext":34,"mime":37,"size":6170,"url":6171,"previewUrl":39,"provider":72,"provider_metadata":14655,"created_at":6173,"updated_at":6174},{"large":14647,"small":14649,"medium":14651,"thumbnail":14653},{"ext":34,"url":6143,"hash":6144,"mime":37,"name":6145,"path":39,"size":6146,"width":41,"height":6147,"provider_metadata":14648},{"public_id":6144,"resource_type":44},{"ext":34,"url":6150,"hash":6151,"mime":37,"name":6152,"path":39,"size":6153,"width":50,"height":6154,"provider_metadata":14650},{"public_id":6151,"resource_type":44},{"ext":34,"url":6157,"hash":6158,"mime":37,"name":6159,"path":39,"size":6160,"width":58,"height":6161,"provider_metadata":14652},{"public_id":6158,"resource_type":44},{"ext":34,"url":6164,"hash":6165,"mime":37,"name":6166,"path":39,"size":6167,"width":256,"height":2083,"provider_metadata":14654},{"public_id":6165,"resource_type":44},{"public_id":6169,"resource_type":44},{"__component":23,"id":6176,"Text":6177},{"__component":1373,"id":342,"Video":14658},{"id":740,"name":6180,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6181,"ext":1558,"mime":1559,"size":6182,"url":6183,"previewUrl":6184,"provider":72,"provider_metadata":14659,"created_at":6186,"updated_at":6187},{"public_id":6181,"resource_type":1385},{"__component":23,"id":1942,"Text":6189},{"id":4539,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":14662,"hash":6207,"ext":34,"mime":37,"size":6208,"url":6209,"previewUrl":39,"provider":72,"provider_metadata":14669,"created_at":6211,"updated_at":6211},{"small":14663,"medium":14665,"thumbnail":14667},{"ext":34,"url":6193,"hash":6194,"mime":37,"name":529,"path":39,"size":6195,"width":50,"height":311,"provider_metadata":14664},{"public_id":6194,"resource_type":44},{"ext":34,"url":6198,"hash":6199,"mime":37,"name":535,"path":39,"size":6200,"width":58,"height":537,"provider_metadata":14666},{"public_id":6199,"resource_type":44},{"ext":34,"url":6203,"hash":6204,"mime":37,"name":542,"path":39,"size":6205,"width":544,"height":67,"provider_metadata":14668},{"public_id":6204,"resource_type":44},{"public_id":6207,"resource_type":44},{"id":2705,"Title":6518,"user":3523,"Summary":6525,"created_at":6526,"updated_at":6527,"slug":6017,"published_at":6528,"release_date":6011,"Layout":381,"Content":14671,"Feature":14781},[14672,14675,14676,14677,14690,14714,14715,14728,14729,14742,14743,14767,14780],{"__component":269,"id":395,"title":271,"blog_series":39,"post_link":14673},[14674],{"id":1011,"title":6533,"slug":6017,"description":39,"blog_series":39},{"__component":23,"id":6535,"Text":6536},{"__component":23,"id":6538,"Text":6539},{"__component":141,"id":504,"Size":4089,"caption":6541,"Image":14678},[14679],{"id":454,"name":6544,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":14680,"hash":6570,"ext":3437,"mime":100,"size":6571,"url":6572,"previewUrl":39,"provider":72,"provider_metadata":14689,"created_at":6574,"updated_at":6575},{"large":14681,"small":14683,"medium":14685,"thumbnail":14687},{"ext":3437,"url":6547,"hash":6548,"mime":100,"name":6549,"path":39,"size":6550,"width":41,"height":41,"provider_metadata":14682},{"public_id":6548,"resource_type":44},{"ext":3437,"url":6553,"hash":6554,"mime":100,"name":6555,"path":39,"size":6556,"width":50,"height":50,"provider_metadata":14684},{"public_id":6554,"resource_type":44},{"ext":3437,"url":6559,"hash":6560,"mime":100,"name":6561,"path":39,"size":6562,"width":58,"height":58,"provider_metadata":14686},{"public_id":6560,"resource_type":44},{"ext":3437,"url":6565,"hash":6566,"mime":100,"name":6567,"path":39,"size":6568,"width":67,"height":67,"provider_metadata":14688},{"public_id":6566,"resource_type":44},{"public_id":6570,"resource_type":44},{"__component":141,"id":427,"Size":4089,"caption":6577,"Image":14691},[14692,14703],{"id":4718,"name":6580,"alternativeText":29,"caption":6580,"width":6248,"height":6248,"formats":14693,"hash":6606,"ext":3437,"mime":100,"size":6607,"url":6608,"previewUrl":39,"provider":72,"provider_metadata":14702,"created_at":6610,"updated_at":6611},{"large":14694,"small":14696,"medium":14698,"thumbnail":14700},{"ext":3437,"url":6583,"hash":6584,"mime":100,"name":6585,"path":39,"size":6586,"width":41,"height":41,"provider_metadata":14695},{"public_id":6584,"resource_type":44},{"ext":3437,"url":6589,"hash":6590,"mime":100,"name":6591,"path":39,"size":6592,"width":50,"height":50,"provider_metadata":14697},{"public_id":6590,"resource_type":44},{"ext":3437,"url":6595,"hash":6596,"mime":100,"name":6597,"path":39,"size":6598,"width":58,"height":58,"provider_metadata":14699},{"public_id":6596,"resource_type":44},{"ext":3437,"url":6601,"hash":6602,"mime":100,"name":6603,"path":39,"size":6604,"width":67,"height":67,"provider_metadata":14701},{"public_id":6602,"resource_type":44},{"public_id":6606,"resource_type":44},{"id":4622,"name":6613,"alternativeText":29,"caption":6613,"width":6248,"height":6248,"formats":14704,"hash":6635,"ext":3437,"mime":100,"size":6571,"url":6636,"previewUrl":39,"provider":72,"provider_metadata":14713,"created_at":6638,"updated_at":6639},{"large":14705,"small":14707,"medium":14709,"thumbnail":14711},{"ext":3437,"url":6616,"hash":6617,"mime":100,"name":6618,"path":39,"size":6550,"width":41,"height":41,"provider_metadata":14706},{"public_id":6617,"resource_type":44},{"ext":3437,"url":6621,"hash":6622,"mime":100,"name":6623,"path":39,"size":6556,"width":50,"height":50,"provider_metadata":14708},{"public_id":6622,"resource_type":44},{"ext":3437,"url":6626,"hash":6627,"mime":100,"name":6628,"path":39,"size":6562,"width":58,"height":58,"provider_metadata":14710},{"public_id":6627,"resource_type":44},{"ext":3437,"url":6631,"hash":6632,"mime":100,"name":6633,"path":39,"size":6568,"width":67,"height":67,"provider_metadata":14712},{"public_id":6632,"resource_type":44},{"public_id":6635,"resource_type":44},{"__component":23,"id":672,"Text":6641},{"__component":141,"id":433,"Size":4089,"caption":6643,"Image":14716},[14717],{"id":3299,"name":6646,"alternativeText":29,"caption":6646,"width":6248,"height":6248,"formats":14718,"hash":6671,"ext":3437,"mime":100,"size":6672,"url":6673,"previewUrl":39,"provider":72,"provider_metadata":14727,"created_at":6675,"updated_at":6676},{"large":14719,"small":14721,"medium":14723,"thumbnail":14725},{"ext":3437,"url":6649,"hash":6650,"mime":100,"name":6651,"path":39,"size":6652,"width":41,"height":41,"provider_metadata":14720},{"public_id":6650,"resource_type":44},{"ext":3437,"url":6655,"hash":6656,"mime":100,"name":6657,"path":39,"size":6658,"width":50,"height":50,"provider_metadata":14722},{"public_id":6656,"resource_type":44},{"ext":3437,"url":6661,"hash":6662,"mime":100,"name":6663,"path":39,"size":6598,"width":58,"height":58,"provider_metadata":14724},{"public_id":6662,"resource_type":44},{"ext":3437,"url":6666,"hash":6667,"mime":100,"name":6668,"path":39,"size":6669,"width":67,"height":67,"provider_metadata":14726},{"public_id":6667,"resource_type":44},{"public_id":6671,"resource_type":44},{"__component":23,"id":6678,"Text":6679},{"__component":141,"id":439,"Size":4089,"caption":6681,"Image":14730},[14731],{"id":1404,"name":6684,"alternativeText":29,"caption":6684,"width":6248,"height":6248,"formats":14732,"hash":6710,"ext":3437,"mime":100,"size":6711,"url":6712,"previewUrl":39,"provider":72,"provider_metadata":14741,"created_at":6714,"updated_at":6715},{"large":14733,"small":14735,"medium":14737,"thumbnail":14739},{"ext":3437,"url":6687,"hash":6688,"mime":100,"name":6689,"path":39,"size":6690,"width":41,"height":41,"provider_metadata":14734},{"public_id":6688,"resource_type":44},{"ext":3437,"url":6693,"hash":6694,"mime":100,"name":6695,"path":39,"size":6696,"width":50,"height":50,"provider_metadata":14736},{"public_id":6694,"resource_type":44},{"ext":3437,"url":6699,"hash":6700,"mime":100,"name":6701,"path":39,"size":6702,"width":58,"height":58,"provider_metadata":14738},{"public_id":6700,"resource_type":44},{"ext":3437,"url":6705,"hash":6706,"mime":100,"name":6707,"path":39,"size":6708,"width":67,"height":67,"provider_metadata":14740},{"public_id":6706,"resource_type":44},{"public_id":6710,"resource_type":44},{"__component":23,"id":6717,"Text":6718},{"__component":141,"id":445,"Size":4089,"caption":6720,"Image":14744},[14745,14756],{"id":6723,"name":6724,"alternativeText":29,"caption":6724,"width":6248,"height":6248,"formats":14746,"hash":6749,"ext":3437,"mime":100,"size":6750,"url":6751,"previewUrl":39,"provider":72,"provider_metadata":14755,"created_at":6753,"updated_at":6754},{"large":14747,"small":14749,"medium":14751,"thumbnail":14753},{"ext":3437,"url":6727,"hash":6728,"mime":100,"name":6729,"path":39,"size":3144,"width":41,"height":41,"provider_metadata":14748},{"public_id":6728,"resource_type":44},{"ext":3437,"url":6732,"hash":6733,"mime":100,"name":6734,"path":39,"size":6735,"width":50,"height":50,"provider_metadata":14750},{"public_id":6733,"resource_type":44},{"ext":3437,"url":6738,"hash":6739,"mime":100,"name":6740,"path":39,"size":6741,"width":58,"height":58,"provider_metadata":14752},{"public_id":6739,"resource_type":44},{"ext":3437,"url":6744,"hash":6745,"mime":100,"name":6746,"path":39,"size":6747,"width":67,"height":67,"provider_metadata":14754},{"public_id":6745,"resource_type":44},{"public_id":6749,"resource_type":44},{"id":6756,"name":6757,"alternativeText":29,"caption":6757,"width":6248,"height":6248,"formats":14757,"hash":6782,"ext":3437,"mime":100,"size":6783,"url":6784,"previewUrl":39,"provider":72,"provider_metadata":14766,"created_at":6786,"updated_at":6787},{"large":14758,"small":14760,"medium":14762,"thumbnail":14764},{"ext":3437,"url":6760,"hash":6761,"mime":100,"name":6762,"path":39,"size":6763,"width":41,"height":41,"provider_metadata":14759},{"public_id":6761,"resource_type":44},{"ext":3437,"url":6766,"hash":6767,"mime":100,"name":6768,"path":39,"size":6769,"width":50,"height":50,"provider_metadata":14761},{"public_id":6767,"resource_type":44},{"ext":3437,"url":6772,"hash":6773,"mime":100,"name":6774,"path":39,"size":6775,"width":58,"height":58,"provider_metadata":14763},{"public_id":6773,"resource_type":44},{"ext":3437,"url":6778,"hash":6779,"mime":100,"name":6780,"path":39,"size":6747,"width":67,"height":67,"provider_metadata":14765},{"public_id":6779,"resource_type":44},{"public_id":6782,"resource_type":44},{"__component":141,"id":499,"Size":4089,"caption":6789,"Image":14768},[14769],{"id":448,"name":6792,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":14770,"hash":6814,"ext":3437,"mime":100,"size":6783,"url":6815,"previewUrl":39,"provider":72,"provider_metadata":14779,"created_at":6817,"updated_at":6818},{"large":14771,"small":14773,"medium":14775,"thumbnail":14777},{"ext":3437,"url":6795,"hash":6796,"mime":100,"name":6797,"path":39,"size":6763,"width":41,"height":41,"provider_metadata":14772},{"public_id":6796,"resource_type":44},{"ext":3437,"url":6800,"hash":6801,"mime":100,"name":6802,"path":39,"size":6769,"width":50,"height":50,"provider_metadata":14774},{"public_id":6801,"resource_type":44},{"ext":3437,"url":6805,"hash":6806,"mime":100,"name":6807,"path":39,"size":6775,"width":58,"height":58,"provider_metadata":14776},{"public_id":6806,"resource_type":44},{"ext":3437,"url":6810,"hash":6811,"mime":100,"name":6812,"path":39,"size":6747,"width":67,"height":67,"provider_metadata":14778},{"public_id":6811,"resource_type":44},{"public_id":6814,"resource_type":44},{"__component":23,"id":2837,"Text":6820},{"id":311,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":14782,"hash":6838,"ext":34,"mime":37,"size":6839,"url":6840,"previewUrl":39,"provider":72,"provider_metadata":14789,"created_at":6842,"updated_at":6842},{"small":14783,"medium":14785,"thumbnail":14787},{"ext":34,"url":6824,"hash":6825,"mime":37,"name":302,"path":39,"size":6826,"width":50,"height":311,"provider_metadata":14784},{"public_id":6825,"resource_type":44},{"ext":34,"url":6829,"hash":6830,"mime":37,"name":309,"path":39,"size":6831,"width":58,"height":537,"provider_metadata":14786},{"public_id":6830,"resource_type":44},{"ext":34,"url":6834,"hash":6835,"mime":37,"name":316,"path":39,"size":6836,"width":544,"height":67,"provider_metadata":14788},{"public_id":6835,"resource_type":44},{"public_id":6838,"resource_type":44},[],{"id":1642,"Name":5084,"created_at":5085,"updated_at":5086,"slug":5087,"blogs":14792,"projects":15564},[14793,14913,15152,15228,15275,15346,15400,15505],{"id":2705,"Title":6518,"user":3523,"Summary":6525,"created_at":6526,"updated_at":6527,"slug":6017,"published_at":6528,"release_date":6011,"Layout":381,"Content":14794,"Feature":14904},[14795,14798,14799,14800,14813,14837,14838,14851,14852,14865,14866,14890,14903],{"__component":269,"id":395,"title":271,"blog_series":39,"post_link":14796},[14797],{"id":1011,"title":6533,"slug":6017,"description":39,"blog_series":39},{"__component":23,"id":6535,"Text":6536},{"__component":23,"id":6538,"Text":6539},{"__component":141,"id":504,"Size":4089,"caption":6541,"Image":14801},[14802],{"id":454,"name":6544,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":14803,"hash":6570,"ext":3437,"mime":100,"size":6571,"url":6572,"previewUrl":39,"provider":72,"provider_metadata":14812,"created_at":6574,"updated_at":6575},{"large":14804,"small":14806,"medium":14808,"thumbnail":14810},{"ext":3437,"url":6547,"hash":6548,"mime":100,"name":6549,"path":39,"size":6550,"width":41,"height":41,"provider_metadata":14805},{"public_id":6548,"resource_type":44},{"ext":3437,"url":6553,"hash":6554,"mime":100,"name":6555,"path":39,"size":6556,"width":50,"height":50,"provider_metadata":14807},{"public_id":6554,"resource_type":44},{"ext":3437,"url":6559,"hash":6560,"mime":100,"name":6561,"path":39,"size":6562,"width":58,"height":58,"provider_metadata":14809},{"public_id":6560,"resource_type":44},{"ext":3437,"url":6565,"hash":6566,"mime":100,"name":6567,"path":39,"size":6568,"width":67,"height":67,"provider_metadata":14811},{"public_id":6566,"resource_type":44},{"public_id":6570,"resource_type":44},{"__component":141,"id":427,"Size":4089,"caption":6577,"Image":14814},[14815,14826],{"id":4718,"name":6580,"alternativeText":29,"caption":6580,"width":6248,"height":6248,"formats":14816,"hash":6606,"ext":3437,"mime":100,"size":6607,"url":6608,"previewUrl":39,"provider":72,"provider_metadata":14825,"created_at":6610,"updated_at":6611},{"large":14817,"small":14819,"medium":14821,"thumbnail":14823},{"ext":3437,"url":6583,"hash":6584,"mime":100,"name":6585,"path":39,"size":6586,"width":41,"height":41,"provider_metadata":14818},{"public_id":6584,"resource_type":44},{"ext":3437,"url":6589,"hash":6590,"mime":100,"name":6591,"path":39,"size":6592,"width":50,"height":50,"provider_metadata":14820},{"public_id":6590,"resource_type":44},{"ext":3437,"url":6595,"hash":6596,"mime":100,"name":6597,"path":39,"size":6598,"width":58,"height":58,"provider_metadata":14822},{"public_id":6596,"resource_type":44},{"ext":3437,"url":6601,"hash":6602,"mime":100,"name":6603,"path":39,"size":6604,"width":67,"height":67,"provider_metadata":14824},{"public_id":6602,"resource_type":44},{"public_id":6606,"resource_type":44},{"id":4622,"name":6613,"alternativeText":29,"caption":6613,"width":6248,"height":6248,"formats":14827,"hash":6635,"ext":3437,"mime":100,"size":6571,"url":6636,"previewUrl":39,"provider":72,"provider_metadata":14836,"created_at":6638,"updated_at":6639},{"large":14828,"small":14830,"medium":14832,"thumbnail":14834},{"ext":3437,"url":6616,"hash":6617,"mime":100,"name":6618,"path":39,"size":6550,"width":41,"height":41,"provider_metadata":14829},{"public_id":6617,"resource_type":44},{"ext":3437,"url":6621,"hash":6622,"mime":100,"name":6623,"path":39,"size":6556,"width":50,"height":50,"provider_metadata":14831},{"public_id":6622,"resource_type":44},{"ext":3437,"url":6626,"hash":6627,"mime":100,"name":6628,"path":39,"size":6562,"width":58,"height":58,"provider_metadata":14833},{"public_id":6627,"resource_type":44},{"ext":3437,"url":6631,"hash":6632,"mime":100,"name":6633,"path":39,"size":6568,"width":67,"height":67,"provider_metadata":14835},{"public_id":6632,"resource_type":44},{"public_id":6635,"resource_type":44},{"__component":23,"id":672,"Text":6641},{"__component":141,"id":433,"Size":4089,"caption":6643,"Image":14839},[14840],{"id":3299,"name":6646,"alternativeText":29,"caption":6646,"width":6248,"height":6248,"formats":14841,"hash":6671,"ext":3437,"mime":100,"size":6672,"url":6673,"previewUrl":39,"provider":72,"provider_metadata":14850,"created_at":6675,"updated_at":6676},{"large":14842,"small":14844,"medium":14846,"thumbnail":14848},{"ext":3437,"url":6649,"hash":6650,"mime":100,"name":6651,"path":39,"size":6652,"width":41,"height":41,"provider_metadata":14843},{"public_id":6650,"resource_type":44},{"ext":3437,"url":6655,"hash":6656,"mime":100,"name":6657,"path":39,"size":6658,"width":50,"height":50,"provider_metadata":14845},{"public_id":6656,"resource_type":44},{"ext":3437,"url":6661,"hash":6662,"mime":100,"name":6663,"path":39,"size":6598,"width":58,"height":58,"provider_metadata":14847},{"public_id":6662,"resource_type":44},{"ext":3437,"url":6666,"hash":6667,"mime":100,"name":6668,"path":39,"size":6669,"width":67,"height":67,"provider_metadata":14849},{"public_id":6667,"resource_type":44},{"public_id":6671,"resource_type":44},{"__component":23,"id":6678,"Text":6679},{"__component":141,"id":439,"Size":4089,"caption":6681,"Image":14853},[14854],{"id":1404,"name":6684,"alternativeText":29,"caption":6684,"width":6248,"height":6248,"formats":14855,"hash":6710,"ext":3437,"mime":100,"size":6711,"url":6712,"previewUrl":39,"provider":72,"provider_metadata":14864,"created_at":6714,"updated_at":6715},{"large":14856,"small":14858,"medium":14860,"thumbnail":14862},{"ext":3437,"url":6687,"hash":6688,"mime":100,"name":6689,"path":39,"size":6690,"width":41,"height":41,"provider_metadata":14857},{"public_id":6688,"resource_type":44},{"ext":3437,"url":6693,"hash":6694,"mime":100,"name":6695,"path":39,"size":6696,"width":50,"height":50,"provider_metadata":14859},{"public_id":6694,"resource_type":44},{"ext":3437,"url":6699,"hash":6700,"mime":100,"name":6701,"path":39,"size":6702,"width":58,"height":58,"provider_metadata":14861},{"public_id":6700,"resource_type":44},{"ext":3437,"url":6705,"hash":6706,"mime":100,"name":6707,"path":39,"size":6708,"width":67,"height":67,"provider_metadata":14863},{"public_id":6706,"resource_type":44},{"public_id":6710,"resource_type":44},{"__component":23,"id":6717,"Text":6718},{"__component":141,"id":445,"Size":4089,"caption":6720,"Image":14867},[14868,14879],{"id":6723,"name":6724,"alternativeText":29,"caption":6724,"width":6248,"height":6248,"formats":14869,"hash":6749,"ext":3437,"mime":100,"size":6750,"url":6751,"previewUrl":39,"provider":72,"provider_metadata":14878,"created_at":6753,"updated_at":6754},{"large":14870,"small":14872,"medium":14874,"thumbnail":14876},{"ext":3437,"url":6727,"hash":6728,"mime":100,"name":6729,"path":39,"size":3144,"width":41,"height":41,"provider_metadata":14871},{"public_id":6728,"resource_type":44},{"ext":3437,"url":6732,"hash":6733,"mime":100,"name":6734,"path":39,"size":6735,"width":50,"height":50,"provider_metadata":14873},{"public_id":6733,"resource_type":44},{"ext":3437,"url":6738,"hash":6739,"mime":100,"name":6740,"path":39,"size":6741,"width":58,"height":58,"provider_metadata":14875},{"public_id":6739,"resource_type":44},{"ext":3437,"url":6744,"hash":6745,"mime":100,"name":6746,"path":39,"size":6747,"width":67,"height":67,"provider_metadata":14877},{"public_id":6745,"resource_type":44},{"public_id":6749,"resource_type":44},{"id":6756,"name":6757,"alternativeText":29,"caption":6757,"width":6248,"height":6248,"formats":14880,"hash":6782,"ext":3437,"mime":100,"size":6783,"url":6784,"previewUrl":39,"provider":72,"provider_metadata":14889,"created_at":6786,"updated_at":6787},{"large":14881,"small":14883,"medium":14885,"thumbnail":14887},{"ext":3437,"url":6760,"hash":6761,"mime":100,"name":6762,"path":39,"size":6763,"width":41,"height":41,"provider_metadata":14882},{"public_id":6761,"resource_type":44},{"ext":3437,"url":6766,"hash":6767,"mime":100,"name":6768,"path":39,"size":6769,"width":50,"height":50,"provider_metadata":14884},{"public_id":6767,"resource_type":44},{"ext":3437,"url":6772,"hash":6773,"mime":100,"name":6774,"path":39,"size":6775,"width":58,"height":58,"provider_metadata":14886},{"public_id":6773,"resource_type":44},{"ext":3437,"url":6778,"hash":6779,"mime":100,"name":6780,"path":39,"size":6747,"width":67,"height":67,"provider_metadata":14888},{"public_id":6779,"resource_type":44},{"public_id":6782,"resource_type":44},{"__component":141,"id":499,"Size":4089,"caption":6789,"Image":14891},[14892],{"id":448,"name":6792,"alternativeText":29,"caption":29,"width":6248,"height":6248,"formats":14893,"hash":6814,"ext":3437,"mime":100,"size":6783,"url":6815,"previewUrl":39,"provider":72,"provider_metadata":14902,"created_at":6817,"updated_at":6818},{"large":14894,"small":14896,"medium":14898,"thumbnail":14900},{"ext":3437,"url":6795,"hash":6796,"mime":100,"name":6797,"path":39,"size":6763,"width":41,"height":41,"provider_metadata":14895},{"public_id":6796,"resource_type":44},{"ext":3437,"url":6800,"hash":6801,"mime":100,"name":6802,"path":39,"size":6769,"width":50,"height":50,"provider_metadata":14897},{"public_id":6801,"resource_type":44},{"ext":3437,"url":6805,"hash":6806,"mime":100,"name":6807,"path":39,"size":6775,"width":58,"height":58,"provider_metadata":14899},{"public_id":6806,"resource_type":44},{"ext":3437,"url":6810,"hash":6811,"mime":100,"name":6812,"path":39,"size":6747,"width":67,"height":67,"provider_metadata":14901},{"public_id":6811,"resource_type":44},{"public_id":6814,"resource_type":44},{"__component":23,"id":2837,"Text":6820},{"id":311,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":14905,"hash":6838,"ext":34,"mime":37,"size":6839,"url":6840,"previewUrl":39,"provider":72,"provider_metadata":14912,"created_at":6842,"updated_at":6842},{"small":14906,"medium":14908,"thumbnail":14910},{"ext":34,"url":6824,"hash":6825,"mime":37,"name":302,"path":39,"size":6826,"width":50,"height":311,"provider_metadata":14907},{"public_id":6825,"resource_type":44},{"ext":34,"url":6829,"hash":6830,"mime":37,"name":309,"path":39,"size":6831,"width":58,"height":537,"provider_metadata":14909},{"public_id":6830,"resource_type":44},{"ext":34,"url":6834,"hash":6835,"mime":37,"name":316,"path":39,"size":6836,"width":544,"height":67,"provider_metadata":14911},{"public_id":6835,"resource_type":44},{"public_id":6838,"resource_type":44},{"id":2658,"Title":5313,"user":3523,"Summary":5320,"created_at":5321,"updated_at":5322,"slug":5323,"published_at":5324,"release_date":5325,"Layout":381,"Content":14914,"Feature":15143},[14915,14920,14921,14922,14935,14936,14937,14938,14951,14952,14953,14954,14967,14980,14993,15004,15005,15006,15019,15020,15029,15038,15051,15052,15065,15066,15077,15078,15091,15092,15103,15104,15115,15116,15129,15142],{"__component":269,"id":1272,"title":271,"blog_series":39,"post_link":14916},[14917,14918,14919],{"id":91,"title":4761,"slug":4786,"description":39,"blog_series":39},{"id":1693,"title":5089,"slug":5099,"description":39,"blog_series":39},{"id":1699,"title":5313,"slug":5323,"description":39,"blog_series":39},{"__component":23,"id":5333,"Text":5334},{"__component":23,"id":2987,"Text":5336},{"__component":141,"id":1912,"Size":4089,"caption":5338,"Image":14923},[14924],{"id":5341,"name":5342,"alternativeText":29,"caption":29,"width":5343,"height":5344,"formats":14925,"hash":5372,"ext":34,"mime":37,"size":5373,"url":5374,"previewUrl":39,"provider":72,"provider_metadata":14934,"created_at":5376,"updated_at":5377},{"large":14926,"small":14928,"medium":14930,"thumbnail":14932},{"ext":34,"url":5347,"hash":5348,"mime":37,"name":5349,"path":39,"size":5350,"width":41,"height":2023,"provider_metadata":14927},{"public_id":5348,"resource_type":44},{"ext":34,"url":5353,"hash":5354,"mime":37,"name":5355,"path":39,"size":5356,"width":50,"height":5357,"provider_metadata":14929},{"public_id":5354,"resource_type":44},{"ext":34,"url":5360,"hash":5361,"mime":37,"name":5362,"path":39,"size":5363,"width":58,"height":5364,"provider_metadata":14931},{"public_id":5361,"resource_type":44},{"ext":34,"url":5367,"hash":5368,"mime":37,"name":5369,"path":39,"size":5370,"width":1655,"height":67,"provider_metadata":14933},{"public_id":5368,"resource_type":44},{"public_id":5372,"resource_type":44},{"__component":23,"id":5379,"Text":5380},{"__component":23,"id":4202,"Text":5382},{"__component":23,"id":1817,"Text":5384},{"__component":141,"id":957,"Size":4089,"caption":5386,"Image":14939},[14940],{"id":3948,"name":5389,"alternativeText":29,"caption":29,"width":5390,"height":5391,"formats":14941,"hash":5418,"ext":34,"mime":37,"size":5419,"url":5420,"previewUrl":39,"provider":72,"provider_metadata":14950,"created_at":5422,"updated_at":5423},{"large":14942,"small":14944,"medium":14946,"thumbnail":14948},{"ext":34,"url":5394,"hash":5395,"mime":37,"name":5396,"path":39,"size":5397,"width":41,"height":5398,"provider_metadata":14943},{"public_id":5395,"resource_type":44},{"ext":34,"url":5401,"hash":5402,"mime":37,"name":5403,"path":39,"size":5404,"width":50,"height":311,"provider_metadata":14945},{"public_id":5402,"resource_type":44},{"ext":34,"url":5407,"hash":5408,"mime":37,"name":5409,"path":39,"size":5410,"width":58,"height":537,"provider_metadata":14947},{"public_id":5408,"resource_type":44},{"ext":34,"url":5413,"hash":5414,"mime":37,"name":5415,"path":39,"size":5416,"width":544,"height":67,"provider_metadata":14949},{"public_id":5414,"resource_type":44},{"public_id":5418,"resource_type":44},{"__component":23,"id":4660,"Text":5425},{"__component":23,"id":288,"Text":5427},{"__component":23,"id":3666,"Text":5429},{"__component":141,"id":777,"Size":4089,"caption":5431,"Image":14955},[14956],{"id":5434,"name":5435,"alternativeText":29,"caption":29,"width":5436,"height":5437,"formats":14957,"hash":5463,"ext":34,"mime":37,"size":5464,"url":5465,"previewUrl":39,"provider":72,"provider_metadata":14966,"created_at":5467,"updated_at":5468},{"large":14958,"small":14960,"medium":14962,"thumbnail":14964},{"ext":34,"url":5440,"hash":5441,"mime":37,"name":5442,"path":39,"size":5443,"width":157,"height":41,"provider_metadata":14959},{"public_id":5441,"resource_type":44},{"ext":34,"url":5446,"hash":5447,"mime":37,"name":5448,"path":39,"size":5449,"width":164,"height":50,"provider_metadata":14961},{"public_id":5447,"resource_type":44},{"ext":34,"url":5452,"hash":5453,"mime":37,"name":5454,"path":39,"size":5455,"width":171,"height":58,"provider_metadata":14963},{"public_id":5453,"resource_type":44},{"ext":34,"url":5458,"hash":5459,"mime":37,"name":5460,"path":39,"size":5461,"width":67,"height":67,"provider_metadata":14965},{"public_id":5459,"resource_type":44},{"public_id":5463,"resource_type":44},{"__component":141,"id":1925,"Size":4089,"caption":5470,"Image":14968},[14969],{"id":5473,"name":5474,"alternativeText":29,"caption":29,"width":5343,"height":5475,"formats":14970,"hash":5504,"ext":34,"mime":37,"size":5505,"url":5506,"previewUrl":39,"provider":72,"provider_metadata":14979,"created_at":5508,"updated_at":5509},{"large":14971,"small":14973,"medium":14975,"thumbnail":14977},{"ext":34,"url":5478,"hash":5479,"mime":37,"name":5480,"path":39,"size":5481,"width":41,"height":5482,"provider_metadata":14972},{"public_id":5479,"resource_type":44},{"ext":34,"url":5485,"hash":5486,"mime":37,"name":5487,"path":39,"size":5488,"width":50,"height":5489,"provider_metadata":14974},{"public_id":5486,"resource_type":44},{"ext":34,"url":5492,"hash":5493,"mime":37,"name":5494,"path":39,"size":5495,"width":58,"height":5496,"provider_metadata":14976},{"public_id":5493,"resource_type":44},{"ext":34,"url":5499,"hash":5500,"mime":37,"name":5501,"path":39,"size":5502,"width":1660,"height":67,"provider_metadata":14978},{"public_id":5500,"resource_type":44},{"public_id":5504,"resource_type":44},{"__component":141,"id":867,"Size":4089,"caption":5470,"Image":14981},[14982],{"id":304,"name":5513,"alternativeText":29,"caption":29,"width":5343,"height":5514,"formats":14983,"hash":5543,"ext":34,"mime":37,"size":5544,"url":5545,"previewUrl":39,"provider":72,"provider_metadata":14992,"created_at":5547,"updated_at":5548},{"large":14984,"small":14986,"medium":14988,"thumbnail":14990},{"ext":34,"url":5517,"hash":5518,"mime":37,"name":5519,"path":39,"size":5520,"width":41,"height":5521,"provider_metadata":14985},{"public_id":5518,"resource_type":44},{"ext":34,"url":5524,"hash":5525,"mime":37,"name":5526,"path":39,"size":5527,"width":50,"height":5528,"provider_metadata":14987},{"public_id":5525,"resource_type":44},{"ext":34,"url":5531,"hash":5532,"mime":37,"name":5533,"path":39,"size":5534,"width":58,"height":5535,"provider_metadata":14989},{"public_id":5532,"resource_type":44},{"ext":34,"url":5538,"hash":5539,"mime":37,"name":5540,"path":39,"size":5541,"width":1655,"height":67,"provider_metadata":14991},{"public_id":5539,"resource_type":44},{"public_id":5543,"resource_type":44},{"__component":141,"id":1592,"Size":4089,"caption":5470,"Image":14994},[14995],{"id":5552,"name":5553,"alternativeText":29,"caption":29,"width":5554,"height":4483,"formats":14996,"hash":5576,"ext":34,"mime":37,"size":5577,"url":5578,"previewUrl":39,"provider":72,"provider_metadata":15003,"created_at":5580,"updated_at":5581},{"small":14997,"medium":14999,"thumbnail":15001},{"ext":34,"url":5557,"hash":5558,"mime":37,"name":5559,"path":39,"size":5560,"width":50,"height":5561,"provider_metadata":14998},{"public_id":5558,"resource_type":44},{"ext":34,"url":5564,"hash":5565,"mime":37,"name":5566,"path":39,"size":5567,"width":58,"height":5568,"provider_metadata":15000},{"public_id":5565,"resource_type":44},{"ext":34,"url":5571,"hash":5572,"mime":37,"name":5573,"path":39,"size":5574,"width":1672,"height":67,"provider_metadata":15002},{"public_id":5572,"resource_type":44},{"public_id":5576,"resource_type":44},{"__component":23,"id":2858,"Text":5583},{"__component":23,"id":3718,"Text":5585},{"__component":141,"id":1967,"Size":4089,"caption":5587,"Image":15007},[15008],{"id":5590,"name":5591,"alternativeText":29,"caption":29,"width":5592,"height":1015,"formats":15009,"hash":5621,"ext":3437,"mime":100,"size":5622,"url":5623,"previewUrl":39,"provider":72,"provider_metadata":15018,"created_at":5625,"updated_at":5626},{"large":15010,"small":15012,"medium":15014,"thumbnail":15016},{"ext":3437,"url":5595,"hash":5596,"mime":100,"name":5597,"path":39,"size":5598,"width":5599,"height":41,"provider_metadata":15011},{"public_id":5596,"resource_type":44},{"ext":3437,"url":5602,"hash":5603,"mime":100,"name":5604,"path":39,"size":5605,"width":5606,"height":50,"provider_metadata":15013},{"public_id":5603,"resource_type":44},{"ext":3437,"url":5609,"hash":5610,"mime":100,"name":5611,"path":39,"size":5612,"width":5613,"height":58,"provider_metadata":15015},{"public_id":5610,"resource_type":44},{"ext":3437,"url":5616,"hash":5617,"mime":100,"name":5618,"path":39,"size":5619,"width":1579,"height":67,"provider_metadata":15017},{"public_id":5617,"resource_type":44},{"public_id":5621,"resource_type":44},{"__component":23,"id":521,"Text":5628},{"__component":141,"id":239,"Size":4089,"caption":39,"Image":15021},[15022],{"id":5632,"name":5633,"alternativeText":29,"caption":29,"width":2910,"height":5634,"formats":15023,"hash":5649,"ext":34,"mime":37,"size":5650,"url":5651,"previewUrl":39,"provider":72,"provider_metadata":15028,"created_at":5653,"updated_at":5654},{"small":15024,"thumbnail":15026},{"ext":34,"url":5637,"hash":5638,"mime":37,"name":5639,"path":39,"size":5640,"width":50,"height":5641,"provider_metadata":15025},{"public_id":5638,"resource_type":44},{"ext":34,"url":5644,"hash":5645,"mime":37,"name":5646,"path":39,"size":5647,"width":598,"height":67,"provider_metadata":15027},{"public_id":5645,"resource_type":44},{"public_id":5649,"resource_type":44},{"__component":141,"id":147,"Size":4089,"caption":39,"Image":15030},[15031],{"id":5658,"name":5659,"alternativeText":29,"caption":29,"width":2543,"height":110,"formats":15032,"hash":5673,"ext":34,"mime":37,"size":5674,"url":5675,"previewUrl":39,"provider":72,"provider_metadata":15037,"created_at":5677,"updated_at":5678},{"small":15033,"thumbnail":15035},{"ext":34,"url":5662,"hash":5663,"mime":37,"name":5664,"path":39,"size":5665,"width":50,"height":860,"provider_metadata":15034},{"public_id":5663,"resource_type":44},{"ext":34,"url":5668,"hash":5669,"mime":37,"name":5670,"path":39,"size":5671,"width":921,"height":67,"provider_metadata":15036},{"public_id":5669,"resource_type":44},{"public_id":5673,"resource_type":44},{"__component":141,"id":193,"Size":4089,"caption":39,"Image":15039},[15040],{"id":5682,"name":5683,"alternativeText":29,"caption":29,"width":5684,"height":5685,"formats":15041,"hash":5710,"ext":34,"mime":37,"size":5711,"url":5712,"previewUrl":39,"provider":72,"provider_metadata":15050,"created_at":5714,"updated_at":5715},{"large":15042,"small":15044,"medium":15046,"thumbnail":15048},{"ext":34,"url":5688,"hash":5689,"mime":37,"name":5690,"path":39,"size":5691,"width":41,"height":4727,"provider_metadata":15043},{"public_id":5689,"resource_type":44},{"ext":34,"url":5694,"hash":5695,"mime":37,"name":5696,"path":39,"size":1520,"width":50,"height":1266,"provider_metadata":15045},{"public_id":5695,"resource_type":44},{"ext":34,"url":5699,"hash":5700,"mime":37,"name":5701,"path":39,"size":5702,"width":58,"height":2917,"provider_metadata":15047},{"public_id":5700,"resource_type":44},{"ext":34,"url":5705,"hash":5706,"mime":37,"name":5707,"path":39,"size":5708,"width":256,"height":1214,"provider_metadata":15049},{"public_id":5706,"resource_type":44},{"public_id":5710,"resource_type":44},{"__component":23,"id":1280,"Text":5717},{"__component":141,"id":2063,"Size":4089,"caption":39,"Image":15053},[15054],{"id":5721,"name":5722,"alternativeText":29,"caption":29,"width":1229,"height":3124,"formats":15055,"hash":5749,"ext":34,"mime":37,"size":5750,"url":5751,"previewUrl":39,"provider":72,"provider_metadata":15064,"created_at":5753,"updated_at":5754},{"large":15056,"small":15058,"medium":15060,"thumbnail":15062},{"ext":34,"url":5725,"hash":5726,"mime":37,"name":5727,"path":39,"size":5728,"width":41,"height":5729,"provider_metadata":15057},{"public_id":5726,"resource_type":44},{"ext":34,"url":5732,"hash":5733,"mime":37,"name":5734,"path":39,"size":4215,"width":50,"height":3442,"provider_metadata":15059},{"public_id":5733,"resource_type":44},{"ext":34,"url":5737,"hash":5738,"mime":37,"name":5739,"path":39,"size":5740,"width":58,"height":5741,"provider_metadata":15061},{"public_id":5738,"resource_type":44},{"ext":34,"url":5744,"hash":5745,"mime":37,"name":5746,"path":39,"size":5747,"width":650,"height":67,"provider_metadata":15063},{"public_id":5745,"resource_type":44},{"public_id":5749,"resource_type":44},{"__component":23,"id":1496,"Text":5756},{"__component":141,"id":2068,"Size":4089,"caption":39,"Image":15067},[15068],{"id":1244,"name":5760,"alternativeText":29,"caption":29,"width":94,"height":24,"formats":15069,"hash":5779,"ext":34,"mime":37,"size":5780,"url":5781,"previewUrl":39,"provider":72,"provider_metadata":15076,"created_at":5783,"updated_at":5784},{"small":15070,"medium":15072,"thumbnail":15074},{"ext":34,"url":5763,"hash":5764,"mime":37,"name":5765,"path":39,"size":5766,"width":50,"height":436,"provider_metadata":15071},{"public_id":5764,"resource_type":44},{"ext":34,"url":5769,"hash":5770,"mime":37,"name":5771,"path":39,"size":4460,"width":58,"height":1994,"provider_metadata":15073},{"public_id":5770,"resource_type":44},{"ext":34,"url":5774,"hash":5775,"mime":37,"name":5776,"path":39,"size":5777,"width":256,"height":445,"provider_metadata":15075},{"public_id":5775,"resource_type":44},{"public_id":5779,"resource_type":44},{"__component":23,"id":1731,"Text":5786},{"__component":141,"id":2073,"Size":4089,"caption":39,"Image":15079},[15080],{"id":2677,"name":5790,"alternativeText":29,"caption":29,"width":5791,"height":5792,"formats":15081,"hash":5821,"ext":34,"mime":37,"size":949,"url":5822,"previewUrl":39,"provider":72,"provider_metadata":15090,"created_at":5824,"updated_at":5825},{"large":15082,"small":15084,"medium":15086,"thumbnail":15088},{"ext":34,"url":5795,"hash":5796,"mime":37,"name":5797,"path":39,"size":5798,"width":41,"height":5799,"provider_metadata":15083},{"public_id":5796,"resource_type":44},{"ext":34,"url":5802,"hash":5803,"mime":37,"name":5804,"path":39,"size":5805,"width":50,"height":5806,"provider_metadata":15085},{"public_id":5803,"resource_type":44},{"ext":34,"url":5809,"hash":5810,"mime":37,"name":5811,"path":39,"size":5812,"width":58,"height":5813,"provider_metadata":15087},{"public_id":5810,"resource_type":44},{"ext":34,"url":5816,"hash":5817,"mime":37,"name":5818,"path":39,"size":5819,"width":1722,"height":67,"provider_metadata":15089},{"public_id":5817,"resource_type":44},{"public_id":5821,"resource_type":44},{"__component":23,"id":2148,"Text":5827},{"__component":141,"id":2078,"Size":4089,"caption":39,"Image":15093},[15094],{"id":1810,"name":5831,"alternativeText":29,"caption":29,"width":5832,"height":5833,"formats":15095,"hash":5854,"ext":34,"mime":37,"size":5855,"url":5856,"previewUrl":39,"provider":72,"provider_metadata":15102,"created_at":5858,"updated_at":5859},{"small":15096,"medium":15098,"thumbnail":15100},{"ext":34,"url":5836,"hash":5837,"mime":37,"name":5838,"path":39,"size":5839,"width":3103,"height":50,"provider_metadata":15097},{"public_id":5837,"resource_type":44},{"ext":34,"url":5842,"hash":5843,"mime":37,"name":5844,"path":39,"size":5845,"width":5846,"height":58,"provider_metadata":15099},{"public_id":5843,"resource_type":44},{"ext":34,"url":5849,"hash":5850,"mime":37,"name":5851,"path":39,"size":5852,"width":2145,"height":67,"provider_metadata":15101},{"public_id":5850,"resource_type":44},{"public_id":5854,"resource_type":44},{"__component":23,"id":2307,"Text":5861},{"__component":141,"id":2083,"Size":4089,"caption":39,"Image":15105},[15106],{"id":5865,"name":5866,"alternativeText":29,"caption":29,"width":5867,"height":5832,"formats":15107,"hash":5887,"ext":34,"mime":37,"size":5888,"url":5889,"previewUrl":39,"provider":72,"provider_metadata":15114,"created_at":5891,"updated_at":5892},{"small":15108,"medium":15110,"thumbnail":15112},{"ext":34,"url":5870,"hash":5871,"mime":37,"name":5872,"path":39,"size":5873,"width":5606,"height":50,"provider_metadata":15109},{"public_id":5871,"resource_type":44},{"ext":34,"url":5876,"hash":5877,"mime":37,"name":5878,"path":39,"size":5879,"width":5613,"height":58,"provider_metadata":15111},{"public_id":5877,"resource_type":44},{"ext":34,"url":5882,"hash":5883,"mime":37,"name":5884,"path":39,"size":5885,"width":1579,"height":67,"provider_metadata":15113},{"public_id":5883,"resource_type":44},{"public_id":5887,"resource_type":44},{"__component":23,"id":1169,"Text":5894},{"__component":141,"id":1579,"Size":4089,"caption":39,"Image":15117},[15118],{"id":384,"name":5898,"alternativeText":29,"caption":29,"width":5899,"height":5900,"formats":15119,"hash":5928,"ext":34,"mime":37,"size":5929,"url":5930,"previewUrl":39,"provider":72,"provider_metadata":15128,"created_at":5932,"updated_at":5933},{"large":15120,"small":15122,"medium":15124,"thumbnail":15126},{"ext":34,"url":5903,"hash":5904,"mime":37,"name":5905,"path":39,"size":5906,"width":41,"height":5907,"provider_metadata":15121},{"public_id":5904,"resource_type":44},{"ext":34,"url":5910,"hash":5911,"mime":37,"name":5912,"path":39,"size":5913,"width":50,"height":249,"provider_metadata":15123},{"public_id":5911,"resource_type":44},{"ext":34,"url":5916,"hash":5917,"mime":37,"name":5918,"path":39,"size":5919,"width":58,"height":5920,"provider_metadata":15125},{"public_id":5917,"resource_type":44},{"ext":34,"url":5923,"hash":5924,"mime":37,"name":5925,"path":39,"size":5926,"width":256,"height":257,"provider_metadata":15127},{"public_id":5924,"resource_type":44},{"public_id":5928,"resource_type":44},{"__component":141,"id":2092,"Size":4089,"caption":39,"Image":15130},[15131],{"id":3138,"name":5937,"alternativeText":29,"caption":29,"width":5938,"height":5939,"formats":15132,"hash":5966,"ext":34,"mime":37,"size":5967,"url":5968,"previewUrl":39,"provider":72,"provider_metadata":15141,"created_at":5970,"updated_at":5971},{"large":15133,"small":15135,"medium":15137,"thumbnail":15139},{"ext":34,"url":5942,"hash":5943,"mime":37,"name":5944,"path":39,"size":5945,"width":5946,"height":41,"provider_metadata":15134},{"public_id":5943,"resource_type":44},{"ext":34,"url":5949,"hash":5950,"mime":37,"name":5951,"path":39,"size":5952,"width":164,"height":50,"provider_metadata":15136},{"public_id":5950,"resource_type":44},{"ext":34,"url":5955,"hash":5956,"mime":37,"name":5957,"path":39,"size":5958,"width":171,"height":58,"provider_metadata":15138},{"public_id":5956,"resource_type":44},{"ext":34,"url":5961,"hash":5962,"mime":37,"name":5963,"path":39,"size":5964,"width":67,"height":67,"provider_metadata":15140},{"public_id":5962,"resource_type":44},{"public_id":5966,"resource_type":44},{"__component":23,"id":724,"Text":5973},{"id":1876,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":15144,"hash":5991,"ext":34,"mime":37,"size":5992,"url":5993,"previewUrl":39,"provider":72,"provider_metadata":15151,"created_at":5995,"updated_at":5995},{"small":15145,"medium":15147,"thumbnail":15149},{"ext":34,"url":5977,"hash":5978,"mime":37,"name":302,"path":39,"size":5979,"width":50,"height":311,"provider_metadata":15146},{"public_id":5978,"resource_type":44},{"ext":34,"url":5982,"hash":5983,"mime":37,"name":309,"path":39,"size":5984,"width":58,"height":537,"provider_metadata":15148},{"public_id":5983,"resource_type":44},{"ext":34,"url":5987,"hash":5988,"mime":37,"name":316,"path":39,"size":5989,"width":544,"height":67,"provider_metadata":15150},{"public_id":5988,"resource_type":44},{"public_id":5991,"resource_type":44},{"id":2589,"Title":5089,"user":3523,"Summary":5096,"created_at":5097,"updated_at":5098,"slug":5099,"published_at":5100,"release_date":5101,"Layout":381,"Content":15153,"Feature":15219},[15154,15158,15159,15160,15161,15174,15187,15188,15201,15202,15203,15206],{"__component":269,"id":404,"title":271,"blog_series":39,"post_link":15155},[15156,15157],{"id":1675,"title":4761,"slug":4786,"description":39,"blog_series":39},{"id":1681,"title":5089,"slug":5099,"description":39,"blog_series":39},{"__component":23,"id":311,"Text":5108},{"__component":23,"id":5110,"Text":5111},{"__component":23,"id":2123,"Text":5113},{"__component":141,"id":1854,"Size":4089,"caption":5115,"Image":15162},[15163],{"id":507,"name":5118,"alternativeText":29,"caption":29,"width":5119,"height":5120,"formats":15164,"hash":5147,"ext":34,"mime":37,"size":5148,"url":5149,"previewUrl":39,"provider":72,"provider_metadata":15173,"created_at":5151,"updated_at":5152},{"large":15165,"small":15167,"medium":15169,"thumbnail":15171},{"ext":34,"url":5123,"hash":5124,"mime":37,"name":5125,"path":39,"size":5126,"width":41,"height":171,"provider_metadata":15166},{"public_id":5124,"resource_type":44},{"ext":34,"url":5129,"hash":5130,"mime":37,"name":5131,"path":39,"size":5132,"width":50,"height":311,"provider_metadata":15168},{"public_id":5130,"resource_type":44},{"ext":34,"url":5135,"hash":5136,"mime":37,"name":5137,"path":39,"size":5138,"width":58,"height":5139,"provider_metadata":15170},{"public_id":5136,"resource_type":44},{"ext":34,"url":5142,"hash":5143,"mime":37,"name":5144,"path":39,"size":5145,"width":544,"height":67,"provider_metadata":15172},{"public_id":5143,"resource_type":44},{"public_id":5147,"resource_type":44},{"__component":141,"id":731,"Size":4089,"caption":5154,"Image":15175},[15176],{"id":512,"name":5157,"alternativeText":29,"caption":29,"width":5158,"height":5159,"formats":15177,"hash":5187,"ext":34,"mime":37,"size":5188,"url":5189,"previewUrl":39,"provider":72,"provider_metadata":15186,"created_at":5191,"updated_at":5192},{"large":15178,"small":15180,"medium":15182,"thumbnail":15184},{"ext":34,"url":5162,"hash":5163,"mime":37,"name":5164,"path":39,"size":5165,"width":41,"height":2817,"provider_metadata":15179},{"public_id":5163,"resource_type":44},{"ext":34,"url":5168,"hash":5169,"mime":37,"name":5170,"path":39,"size":5171,"width":50,"height":5172,"provider_metadata":15181},{"public_id":5169,"resource_type":44},{"ext":34,"url":5175,"hash":5176,"mime":37,"name":5177,"path":39,"size":5178,"width":58,"height":5179,"provider_metadata":15183},{"public_id":5176,"resource_type":44},{"ext":34,"url":5182,"hash":5183,"mime":37,"name":5184,"path":39,"size":5185,"width":1222,"height":67,"provider_metadata":15185},{"public_id":5183,"resource_type":44},{"public_id":5187,"resource_type":44},{"__component":23,"id":5172,"Text":5194},{"__component":141,"id":1824,"Size":4089,"caption":5115,"Image":15189},[15190],{"id":518,"name":5198,"alternativeText":29,"caption":29,"width":5199,"height":5200,"formats":15191,"hash":5226,"ext":34,"mime":37,"size":5227,"url":5228,"previewUrl":39,"provider":72,"provider_metadata":15200,"created_at":5230,"updated_at":5231},{"large":15192,"small":15194,"medium":15196,"thumbnail":15198},{"ext":34,"url":5203,"hash":5204,"mime":37,"name":5205,"path":39,"size":5206,"width":41,"height":171,"provider_metadata":15193},{"public_id":5204,"resource_type":44},{"ext":34,"url":5209,"hash":5210,"mime":37,"name":5211,"path":39,"size":5212,"width":50,"height":311,"provider_metadata":15195},{"public_id":5210,"resource_type":44},{"ext":34,"url":5215,"hash":5216,"mime":37,"name":5217,"path":39,"size":5218,"width":58,"height":5139,"provider_metadata":15197},{"public_id":5216,"resource_type":44},{"ext":34,"url":5221,"hash":5222,"mime":37,"name":5223,"path":39,"size":5224,"width":544,"height":67,"provider_metadata":15199},{"public_id":5222,"resource_type":44},{"public_id":5226,"resource_type":44},{"__component":23,"id":5233,"Text":5234},{"__component":23,"id":5236,"Text":5237},{"__component":1373,"id":2782,"Video":15204},{"id":232,"name":5240,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":5241,"ext":1558,"mime":1559,"size":5242,"url":5243,"previewUrl":5244,"provider":72,"provider_metadata":15205,"created_at":5246,"updated_at":5247},{"public_id":5241,"resource_type":1385},{"__component":141,"id":1907,"Size":4089,"caption":39,"Image":15207},[15208],{"id":266,"name":5251,"alternativeText":29,"caption":29,"width":5252,"height":5253,"formats":15209,"hash":5282,"ext":34,"mime":37,"size":5283,"url":5284,"previewUrl":39,"provider":72,"provider_metadata":15218,"created_at":5286,"updated_at":5287},{"large":15210,"small":15212,"medium":15214,"thumbnail":15216},{"ext":34,"url":5256,"hash":5257,"mime":37,"name":5258,"path":39,"size":5259,"width":5260,"height":41,"provider_metadata":15211},{"public_id":5257,"resource_type":44},{"ext":34,"url":5263,"hash":5264,"mime":37,"name":5265,"path":39,"size":5266,"width":5267,"height":50,"provider_metadata":15213},{"public_id":5264,"resource_type":44},{"ext":34,"url":5270,"hash":5271,"mime":37,"name":5272,"path":39,"size":5273,"width":5274,"height":58,"provider_metadata":15215},{"public_id":5271,"resource_type":44},{"ext":34,"url":5277,"hash":5278,"mime":37,"name":5279,"path":39,"size":5280,"width":1967,"height":67,"provider_metadata":15217},{"public_id":5278,"resource_type":44},{"public_id":5282,"resource_type":44},{"id":4923,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":15220,"hash":5305,"ext":34,"mime":37,"size":5306,"url":5307,"previewUrl":39,"provider":72,"provider_metadata":15227,"created_at":5309,"updated_at":5309},{"small":15221,"medium":15223,"thumbnail":15225},{"ext":34,"url":5291,"hash":5292,"mime":37,"name":302,"path":39,"size":5293,"width":50,"height":311,"provider_metadata":15222},{"public_id":5292,"resource_type":44},{"ext":34,"url":5296,"hash":5297,"mime":37,"name":309,"path":39,"size":5298,"width":58,"height":537,"provider_metadata":15224},{"public_id":5297,"resource_type":44},{"ext":34,"url":5301,"hash":5302,"mime":37,"name":316,"path":39,"size":5303,"width":544,"height":67,"provider_metadata":15226},{"public_id":5302,"resource_type":44},{"public_id":5305,"resource_type":44},{"id":2757,"Title":6387,"user":3523,"Summary":6394,"created_at":6395,"updated_at":6396,"slug":6397,"published_at":6398,"release_date":6011,"Layout":381,"Content":15229,"Feature":15266},[15230,15236,15237,15238,15251,15252,15265],{"__component":269,"id":390,"title":271,"blog_series":39,"post_link":15231},[15232,15233,15234,15235],{"id":879,"title":6403,"slug":6017,"description":39,"blog_series":39},{"id":924,"title":6405,"slug":6009,"description":39,"blog_series":39},{"id":969,"title":6407,"slug":6230,"description":39,"blog_series":39},{"id":1194,"title":6409,"slug":6397,"description":39,"blog_series":39},{"__component":23,"id":6411,"Text":6412},{"__component":23,"id":6414,"Text":6415},{"__component":141,"id":469,"Size":4089,"caption":39,"Image":15239},[15240],{"id":417,"name":6419,"alternativeText":29,"caption":6420,"width":6248,"height":6248,"formats":15241,"hash":6446,"ext":3437,"mime":100,"size":6447,"url":6448,"previewUrl":39,"provider":72,"provider_metadata":15250,"created_at":6450,"updated_at":6451},{"large":15242,"small":15244,"medium":15246,"thumbnail":15248},{"ext":3437,"url":6423,"hash":6424,"mime":100,"name":6425,"path":39,"size":6426,"width":41,"height":41,"provider_metadata":15243},{"public_id":6424,"resource_type":44},{"ext":3437,"url":6429,"hash":6430,"mime":100,"name":6431,"path":39,"size":6432,"width":50,"height":50,"provider_metadata":15245},{"public_id":6430,"resource_type":44},{"ext":3437,"url":6435,"hash":6436,"mime":100,"name":6437,"path":39,"size":6438,"width":58,"height":58,"provider_metadata":15247},{"public_id":6436,"resource_type":44},{"ext":3437,"url":6441,"hash":6442,"mime":100,"name":6443,"path":39,"size":6444,"width":67,"height":67,"provider_metadata":15249},{"public_id":6442,"resource_type":44},{"public_id":6446,"resource_type":44},{"__component":23,"id":4857,"Text":6453},{"__component":141,"id":475,"Size":4089,"caption":39,"Image":15253},[15254],{"id":424,"name":6457,"alternativeText":29,"caption":6458,"width":6248,"height":6248,"formats":15255,"hash":6484,"ext":3437,"mime":100,"size":6485,"url":6486,"previewUrl":39,"provider":72,"provider_metadata":15264,"created_at":6488,"updated_at":6489},{"large":15256,"small":15258,"medium":15260,"thumbnail":15262},{"ext":3437,"url":6461,"hash":6462,"mime":100,"name":6463,"path":39,"size":6464,"width":41,"height":41,"provider_metadata":15257},{"public_id":6462,"resource_type":44},{"ext":3437,"url":6467,"hash":6468,"mime":100,"name":6469,"path":39,"size":6470,"width":50,"height":50,"provider_metadata":15259},{"public_id":6468,"resource_type":44},{"ext":3437,"url":6473,"hash":6474,"mime":100,"name":6475,"path":39,"size":6476,"width":58,"height":58,"provider_metadata":15261},{"public_id":6474,"resource_type":44},{"ext":3437,"url":6479,"hash":6480,"mime":100,"name":6481,"path":39,"size":6482,"width":67,"height":67,"provider_metadata":15263},{"public_id":6480,"resource_type":44},{"public_id":6484,"resource_type":44},{"__component":23,"id":4937,"Text":6491},{"id":242,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":15267,"hash":6509,"ext":34,"mime":37,"size":6510,"url":6511,"previewUrl":39,"provider":72,"provider_metadata":15274,"created_at":6513,"updated_at":6513},{"small":15268,"medium":15270,"thumbnail":15272},{"ext":34,"url":6495,"hash":6496,"mime":37,"name":302,"path":39,"size":6497,"width":50,"height":311,"provider_metadata":15269},{"public_id":6496,"resource_type":44},{"ext":34,"url":6500,"hash":6501,"mime":37,"name":309,"path":39,"size":6502,"width":58,"height":537,"provider_metadata":15271},{"public_id":6501,"resource_type":44},{"ext":34,"url":6505,"hash":6506,"mime":37,"name":316,"path":39,"size":6507,"width":544,"height":67,"provider_metadata":15273},{"public_id":6506,"resource_type":44},{"public_id":6509,"resource_type":44},{"id":2644,"Title":5999,"user":3523,"Summary":6006,"created_at":6007,"updated_at":6008,"slug":6009,"published_at":6010,"release_date":6011,"Layout":381,"Content":15276,"Feature":15337},[15277,15281,15282,15283,15286,15287,15290,15291,15294,15295,15298,15299,15302,15303,15306,15307,15310,15311,15314,15315,15318,15319,15332,15333,15336],{"__component":269,"id":1599,"title":271,"blog_series":39,"post_link":15278},[15279,15280],{"id":743,"title":6016,"slug":6017,"description":39,"blog_series":39},{"id":1052,"title":6019,"slug":6009,"description":39,"blog_series":39},{"__component":23,"id":6021,"Text":6022},{"__component":23,"id":6024,"Text":6025},{"__component":1373,"id":1760,"Video":15284},{"id":1451,"name":6028,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6029,"ext":1558,"mime":1559,"size":6030,"url":6031,"previewUrl":6032,"provider":72,"provider_metadata":15285,"created_at":6034,"updated_at":6035},{"public_id":6029,"resource_type":1385},{"__component":23,"id":4434,"Text":6037},{"__component":1373,"id":327,"Video":15288},{"id":1465,"name":6040,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6041,"ext":1558,"mime":1559,"size":6042,"url":6043,"previewUrl":6044,"provider":72,"provider_metadata":15289,"created_at":6046,"updated_at":6047},{"public_id":6041,"resource_type":1385},{"__component":23,"id":853,"Text":6049},{"__component":1373,"id":558,"Video":15292},{"id":1479,"name":6052,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6053,"ext":1558,"mime":1559,"size":6054,"url":6055,"previewUrl":6056,"provider":72,"provider_metadata":15293,"created_at":6058,"updated_at":6059},{"public_id":6053,"resource_type":1385},{"__component":23,"id":4480,"Text":6061},{"__component":1373,"id":569,"Video":15296},{"id":1493,"name":6064,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6065,"ext":1558,"mime":1559,"size":6066,"url":6067,"previewUrl":6068,"provider":72,"provider_metadata":15297,"created_at":6070,"updated_at":6071},{"public_id":6065,"resource_type":1385},{"__component":23,"id":4522,"Text":6073},{"__component":1373,"id":1520,"Video":15300},{"id":592,"name":6076,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6077,"ext":1558,"mime":1559,"size":6078,"url":6079,"previewUrl":6080,"provider":72,"provider_metadata":15301,"created_at":6082,"updated_at":6083},{"public_id":6077,"resource_type":1385},{"__component":23,"id":4565,"Text":6085},{"__component":1373,"id":2174,"Video":15304},{"id":598,"name":6088,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6089,"ext":1558,"mime":1559,"size":6090,"url":6091,"previewUrl":6092,"provider":72,"provider_metadata":15305,"created_at":6094,"updated_at":6095},{"public_id":6089,"resource_type":1385},{"__component":23,"id":4607,"Text":6097},{"__component":1373,"id":333,"Video":15308},{"id":604,"name":6100,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6101,"ext":1558,"mime":1559,"size":6102,"url":6103,"previewUrl":6104,"provider":72,"provider_metadata":15309,"created_at":6106,"updated_at":6107},{"public_id":6101,"resource_type":1385},{"__component":23,"id":4650,"Text":6109},{"__component":1373,"id":78,"Video":15312},{"id":650,"name":6112,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6113,"ext":1558,"mime":1559,"size":6114,"url":6115,"previewUrl":6116,"provider":72,"provider_metadata":15313,"created_at":6118,"updated_at":6119},{"public_id":6113,"resource_type":1385},{"__component":23,"id":4688,"Text":6121},{"__component":1373,"id":3471,"Video":15316},{"id":694,"name":6124,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6125,"ext":1558,"mime":1559,"size":6126,"url":6127,"previewUrl":6128,"provider":72,"provider_metadata":15317,"created_at":6130,"updated_at":6131},{"public_id":6125,"resource_type":1385},{"__component":23,"id":1350,"Text":6133},{"__component":141,"id":368,"Size":143,"caption":6135,"Image":15320},[15321],{"id":460,"name":6138,"alternativeText":29,"caption":29,"width":6139,"height":6140,"formats":15322,"hash":6169,"ext":34,"mime":37,"size":6170,"url":6171,"previewUrl":39,"provider":72,"provider_metadata":15331,"created_at":6173,"updated_at":6174},{"large":15323,"small":15325,"medium":15327,"thumbnail":15329},{"ext":34,"url":6143,"hash":6144,"mime":37,"name":6145,"path":39,"size":6146,"width":41,"height":6147,"provider_metadata":15324},{"public_id":6144,"resource_type":44},{"ext":34,"url":6150,"hash":6151,"mime":37,"name":6152,"path":39,"size":6153,"width":50,"height":6154,"provider_metadata":15326},{"public_id":6151,"resource_type":44},{"ext":34,"url":6157,"hash":6158,"mime":37,"name":6159,"path":39,"size":6160,"width":58,"height":6161,"provider_metadata":15328},{"public_id":6158,"resource_type":44},{"ext":34,"url":6164,"hash":6165,"mime":37,"name":6166,"path":39,"size":6167,"width":256,"height":2083,"provider_metadata":15330},{"public_id":6165,"resource_type":44},{"public_id":6169,"resource_type":44},{"__component":23,"id":6176,"Text":6177},{"__component":1373,"id":342,"Video":15334},{"id":740,"name":6180,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":6181,"ext":1558,"mime":1559,"size":6182,"url":6183,"previewUrl":6184,"provider":72,"provider_metadata":15335,"created_at":6186,"updated_at":6187},{"public_id":6181,"resource_type":1385},{"__component":23,"id":1942,"Text":6189},{"id":4539,"name":522,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":15338,"hash":6207,"ext":34,"mime":37,"size":6208,"url":6209,"previewUrl":39,"provider":72,"provider_metadata":15345,"created_at":6211,"updated_at":6211},{"small":15339,"medium":15341,"thumbnail":15343},{"ext":34,"url":6193,"hash":6194,"mime":37,"name":529,"path":39,"size":6195,"width":50,"height":311,"provider_metadata":15340},{"public_id":6194,"resource_type":44},{"ext":34,"url":6198,"hash":6199,"mime":37,"name":535,"path":39,"size":6200,"width":58,"height":537,"provider_metadata":15342},{"public_id":6199,"resource_type":44},{"ext":34,"url":6203,"hash":6204,"mime":37,"name":542,"path":39,"size":6205,"width":544,"height":67,"provider_metadata":15344},{"public_id":6204,"resource_type":44},{"public_id":6207,"resource_type":44},{"id":387,"Title":6847,"user":3523,"Summary":6854,"created_at":6855,"updated_at":6856,"slug":6857,"published_at":6858,"release_date":6859,"Layout":381,"Content":15347,"Feature":15391},[15348,15361,15362,15375,15376,15389,15390],{"__component":141,"id":487,"Size":143,"caption":6862,"Image":15349},[15350],{"id":436,"name":6865,"alternativeText":29,"caption":29,"width":5592,"height":6866,"formats":15351,"hash":6894,"ext":3437,"mime":100,"size":6895,"url":6896,"previewUrl":39,"provider":72,"provider_metadata":15360,"created_at":6898,"updated_at":6899},{"large":15352,"small":15354,"medium":15356,"thumbnail":15358},{"ext":3437,"url":6869,"hash":6870,"mime":100,"name":6871,"path":39,"size":6872,"width":6873,"height":41,"provider_metadata":15353},{"public_id":6870,"resource_type":44},{"ext":3437,"url":6876,"hash":6877,"mime":100,"name":6878,"path":39,"size":6879,"width":59,"height":50,"provider_metadata":15355},{"public_id":6877,"resource_type":44},{"ext":3437,"url":6882,"hash":6883,"mime":100,"name":6884,"path":39,"size":6885,"width":6886,"height":58,"provider_metadata":15357},{"public_id":6883,"resource_type":44},{"ext":3437,"url":6889,"hash":6890,"mime":100,"name":6891,"path":39,"size":6892,"width":2145,"height":67,"provider_metadata":15359},{"public_id":6890,"resource_type":44},{"public_id":6894,"resource_type":44},{"__component":23,"id":6901,"Text":6902},{"__component":141,"id":481,"Size":143,"caption":6904,"Image":15363},[15364],{"id":430,"name":6907,"alternativeText":29,"caption":29,"width":5792,"height":544,"formats":15365,"hash":6932,"ext":34,"mime":37,"size":6933,"url":6934,"previewUrl":39,"provider":72,"provider_metadata":15374,"created_at":6936,"updated_at":6937},{"large":15366,"small":15368,"medium":15370,"thumbnail":15372},{"ext":34,"url":6910,"hash":6911,"mime":37,"name":6912,"path":39,"size":6913,"width":41,"height":124,"provider_metadata":15367},{"public_id":6911,"resource_type":44},{"ext":34,"url":6916,"hash":6917,"mime":37,"name":6918,"path":39,"size":6919,"width":50,"height":1725,"provider_metadata":15369},{"public_id":6917,"resource_type":44},{"ext":34,"url":6922,"hash":6923,"mime":37,"name":6924,"path":39,"size":6925,"width":58,"height":1824,"provider_metadata":15371},{"public_id":6923,"resource_type":44},{"ext":34,"url":6928,"hash":6929,"mime":37,"name":6930,"path":39,"size":5777,"width":256,"height":2782,"provider_metadata":15373},{"public_id":6929,"resource_type":44},{"public_id":6932,"resource_type":44},{"__component":23,"id":6939,"Text":6940},{"__component":141,"id":493,"Size":143,"caption":6942,"Image":15377},[15378],{"id":442,"name":6945,"alternativeText":29,"caption":29,"width":6946,"height":6947,"formats":15379,"hash":6976,"ext":3437,"mime":100,"size":6977,"url":6978,"previewUrl":39,"provider":72,"provider_metadata":15388,"created_at":6980,"updated_at":6981},{"large":15380,"small":15382,"medium":15384,"thumbnail":15386},{"ext":3437,"url":6950,"hash":6951,"mime":100,"name":6952,"path":39,"size":6953,"width":41,"height":6954,"provider_metadata":15381},{"public_id":6951,"resource_type":44},{"ext":3437,"url":6957,"hash":6958,"mime":100,"name":6959,"path":39,"size":6960,"width":50,"height":6961,"provider_metadata":15383},{"public_id":6958,"resource_type":44},{"ext":3437,"url":6964,"hash":6965,"mime":100,"name":6966,"path":39,"size":6967,"width":58,"height":6968,"provider_metadata":15385},{"public_id":6965,"resource_type":44},{"ext":3437,"url":6971,"hash":6972,"mime":100,"name":6973,"path":39,"size":6974,"width":1685,"height":67,"provider_metadata":15387},{"public_id":6972,"resource_type":44},{"public_id":6976,"resource_type":44},{"__component":23,"id":6983,"Text":6984},{"__component":23,"id":6986,"Text":6987},{"id":5110,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":15392,"hash":7005,"ext":34,"mime":37,"size":7006,"url":7007,"previewUrl":39,"provider":72,"provider_metadata":15399,"created_at":7009,"updated_at":7009},{"small":15393,"medium":15395,"thumbnail":15397},{"ext":34,"url":6991,"hash":6992,"mime":37,"name":302,"path":39,"size":6993,"width":50,"height":311,"provider_metadata":15394},{"public_id":6992,"resource_type":44},{"ext":34,"url":6996,"hash":6997,"mime":37,"name":309,"path":39,"size":6998,"width":58,"height":537,"provider_metadata":15396},{"public_id":6997,"resource_type":44},{"ext":34,"url":7001,"hash":7002,"mime":37,"name":316,"path":39,"size":7003,"width":544,"height":67,"provider_metadata":15398},{"public_id":7002,"resource_type":44},{"public_id":7005,"resource_type":44},{"id":1269,"Title":4761,"user":3523,"Summary":4783,"created_at":4784,"updated_at":4785,"slug":4786,"published_at":4787,"release_date":4788,"Layout":381,"Content":15401,"Feature":15496},[15402,15405,15406,15419,15420,15421,15434,15435,15436,15449,15450,15463,15464,15477,15478,15491,15492,15493],{"__component":269,"id":399,"title":271,"blog_series":39,"post_link":15403},[15404],{"id":1225,"title":4761,"slug":4786,"description":39,"blog_series":39},{"__component":23,"id":4794,"Text":4795},{"__component":141,"id":515,"Size":4089,"caption":4797,"Image":15407},[15408],{"id":466,"name":4800,"alternativeText":29,"caption":29,"width":4801,"height":4802,"formats":15409,"hash":4830,"ext":34,"mime":37,"size":4831,"url":4832,"previewUrl":39,"provider":72,"provider_metadata":15418,"created_at":4834,"updated_at":4835},{"large":15410,"small":15412,"medium":15414,"thumbnail":15416},{"ext":34,"url":4805,"hash":4806,"mime":37,"name":4807,"path":39,"size":4808,"width":41,"height":4809,"provider_metadata":15411},{"public_id":4806,"resource_type":44},{"ext":34,"url":4812,"hash":4813,"mime":37,"name":4814,"path":39,"size":4815,"width":50,"height":1496,"provider_metadata":15413},{"public_id":4813,"resource_type":44},{"ext":34,"url":4818,"hash":4819,"mime":37,"name":4820,"path":39,"size":4821,"width":58,"height":4822,"provider_metadata":15415},{"public_id":4819,"resource_type":44},{"ext":34,"url":4825,"hash":4826,"mime":37,"name":4827,"path":39,"size":4828,"width":1141,"height":67,"provider_metadata":15417},{"public_id":4826,"resource_type":44},{"public_id":4830,"resource_type":44},{"__component":23,"id":4127,"Text":4837},{"__component":23,"id":993,"Text":4839},{"__component":141,"id":700,"Size":4089,"caption":39,"Image":15422},[15423],{"id":472,"name":4843,"alternativeText":29,"caption":29,"width":4844,"height":4051,"formats":15424,"hash":4873,"ext":34,"mime":37,"size":4874,"url":4875,"previewUrl":39,"provider":72,"provider_metadata":15433,"created_at":4877,"updated_at":4878},{"large":15425,"small":15427,"medium":15429,"thumbnail":15431},{"ext":34,"url":4847,"hash":4848,"mime":37,"name":4849,"path":39,"size":4850,"width":41,"height":4851,"provider_metadata":15426},{"public_id":4848,"resource_type":44},{"ext":34,"url":4854,"hash":4855,"mime":37,"name":4856,"path":39,"size":4857,"width":50,"height":4858,"provider_metadata":15428},{"public_id":4855,"resource_type":44},{"ext":34,"url":4861,"hash":4862,"mime":37,"name":4863,"path":39,"size":4864,"width":58,"height":4865,"provider_metadata":15430},{"public_id":4862,"resource_type":44},{"ext":34,"url":4868,"hash":4869,"mime":37,"name":4870,"path":39,"size":4871,"width":436,"height":67,"provider_metadata":15432},{"public_id":4869,"resource_type":44},{"public_id":4873,"resource_type":44},{"__component":23,"id":4730,"Text":4880},{"__component":23,"id":4704,"Text":4882},{"__component":141,"id":318,"Size":4089,"caption":39,"Image":15437},[15438],{"id":478,"name":4886,"alternativeText":29,"caption":29,"width":4887,"height":4888,"formats":15439,"hash":4916,"ext":34,"mime":37,"size":4917,"url":4918,"previewUrl":39,"provider":72,"provider_metadata":15448,"created_at":4920,"updated_at":4921},{"large":15440,"small":15442,"medium":15444,"thumbnail":15446},{"ext":34,"url":4891,"hash":4892,"mime":37,"name":4893,"path":39,"size":4894,"width":4895,"height":41,"provider_metadata":15441},{"public_id":4892,"resource_type":44},{"ext":34,"url":4898,"hash":4899,"mime":37,"name":4900,"path":39,"size":4901,"width":1769,"height":50,"provider_metadata":15443},{"public_id":4899,"resource_type":44},{"ext":34,"url":4904,"hash":4905,"mime":37,"name":4906,"path":39,"size":4907,"width":4908,"height":58,"provider_metadata":15445},{"public_id":4905,"resource_type":44},{"ext":34,"url":4911,"hash":4912,"mime":37,"name":4913,"path":39,"size":4914,"width":1843,"height":67,"provider_metadata":15447},{"public_id":4912,"resource_type":44},{"public_id":4916,"resource_type":44},{"__component":23,"id":4923,"Text":4924},{"__component":141,"id":1838,"Size":4089,"caption":39,"Image":15451},[15452],{"id":484,"name":4928,"alternativeText":29,"caption":29,"width":4929,"height":4930,"formats":15453,"hash":4957,"ext":34,"mime":37,"size":4958,"url":4959,"previewUrl":39,"provider":72,"provider_metadata":15462,"created_at":4961,"updated_at":4962},{"large":15454,"small":15456,"medium":15458,"thumbnail":15460},{"ext":34,"url":4933,"hash":4934,"mime":37,"name":4935,"path":39,"size":4936,"width":41,"height":4937,"provider_metadata":15455},{"public_id":4934,"resource_type":44},{"ext":34,"url":4940,"hash":4941,"mime":37,"name":4942,"path":39,"size":4943,"width":50,"height":592,"provider_metadata":15457},{"public_id":4941,"resource_type":44},{"ext":34,"url":4946,"hash":4947,"mime":37,"name":4948,"path":39,"size":4949,"width":58,"height":4171,"provider_metadata":15459},{"public_id":4947,"resource_type":44},{"ext":34,"url":4952,"hash":4953,"mime":37,"name":4954,"path":39,"size":4955,"width":256,"height":1663,"provider_metadata":15461},{"public_id":4953,"resource_type":44},{"public_id":4957,"resource_type":44},{"__component":23,"id":1876,"Text":4964},{"__component":141,"id":1843,"Size":4089,"caption":39,"Image":15465},[15466],{"id":490,"name":4968,"alternativeText":29,"caption":29,"width":4969,"height":4970,"formats":15467,"hash":4999,"ext":34,"mime":37,"size":5000,"url":5001,"previewUrl":39,"provider":72,"provider_metadata":15476,"created_at":5003,"updated_at":5004},{"large":15468,"small":15470,"medium":15472,"thumbnail":15474},{"ext":34,"url":4973,"hash":4974,"mime":37,"name":4975,"path":39,"size":4976,"width":4977,"height":41,"provider_metadata":15469},{"public_id":4974,"resource_type":44},{"ext":34,"url":4980,"hash":4981,"mime":37,"name":4982,"path":39,"size":4983,"width":4984,"height":50,"provider_metadata":15471},{"public_id":4981,"resource_type":44},{"ext":34,"url":4987,"hash":4988,"mime":37,"name":4989,"path":39,"size":4990,"width":4991,"height":58,"provider_metadata":15473},{"public_id":4988,"resource_type":44},{"ext":34,"url":4994,"hash":4995,"mime":37,"name":4996,"path":39,"size":4997,"width":2078,"height":67,"provider_metadata":15475},{"public_id":4995,"resource_type":44},{"public_id":4999,"resource_type":44},{"__component":23,"id":4539,"Text":5006},{"__component":141,"id":1257,"Size":4089,"caption":39,"Image":15479},[15480],{"id":496,"name":5010,"alternativeText":29,"caption":29,"width":5011,"height":5012,"formats":15481,"hash":5039,"ext":34,"mime":37,"size":5040,"url":5041,"previewUrl":39,"provider":72,"provider_metadata":15490,"created_at":5043,"updated_at":5044},{"large":15482,"small":15484,"medium":15486,"thumbnail":15488},{"ext":34,"url":5015,"hash":5016,"mime":37,"name":5017,"path":39,"size":5018,"width":41,"height":1883,"provider_metadata":15483},{"public_id":5016,"resource_type":44},{"ext":34,"url":5021,"hash":5022,"mime":37,"name":5023,"path":39,"size":5024,"width":50,"height":4565,"provider_metadata":15485},{"public_id":5022,"resource_type":44},{"ext":34,"url":5027,"hash":5028,"mime":37,"name":5029,"path":39,"size":5030,"width":58,"height":5031,"provider_metadata":15487},{"public_id":5028,"resource_type":44},{"ext":34,"url":5034,"hash":5035,"mime":37,"name":5036,"path":39,"size":5037,"width":256,"height":1967,"provider_metadata":15489},{"public_id":5035,"resource_type":44},{"public_id":5039,"resource_type":44},{"__component":23,"id":5046,"Text":5047},{"__component":23,"id":242,"Text":5049},{"__component":1373,"id":390,"Video":15494},{"id":256,"name":5052,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":5053,"ext":1558,"mime":1559,"size":5054,"url":5055,"previewUrl":5056,"provider":72,"provider_metadata":15495,"created_at":5058,"updated_at":5059},{"public_id":5053,"resource_type":1385},{"id":4704,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":15497,"hash":5077,"ext":34,"mime":37,"size":5078,"url":5079,"previewUrl":39,"provider":72,"provider_metadata":15504,"created_at":5081,"updated_at":5081},{"small":15498,"medium":15500,"thumbnail":15502},{"ext":34,"url":5063,"hash":5064,"mime":37,"name":302,"path":39,"size":5065,"width":50,"height":311,"provider_metadata":15499},{"public_id":5064,"resource_type":44},{"ext":34,"url":5068,"hash":5069,"mime":37,"name":309,"path":39,"size":5070,"width":58,"height":537,"provider_metadata":15501},{"public_id":5069,"resource_type":44},{"ext":34,"url":5073,"hash":5074,"mime":37,"name":316,"path":39,"size":5075,"width":544,"height":67,"provider_metadata":15503},{"public_id":5074,"resource_type":44},{"public_id":5077,"resource_type":44},{"id":2710,"Title":6220,"user":3523,"Summary":6227,"created_at":6228,"updated_at":6229,"slug":6230,"published_at":6231,"release_date":6011,"Layout":381,"Content":15506,"Feature":15555},[15507,15512,15513,15526,15527,15540,15541,15554],{"__component":269,"id":2796,"title":271,"blog_series":39,"post_link":15508},[15509,15510,15511],{"id":789,"title":6236,"slug":6017,"description":39,"blog_series":39},{"id":834,"title":6019,"slug":6009,"description":39,"blog_series":39},{"id":1144,"title":6239,"slug":6230,"description":39,"blog_series":39},{"__component":23,"id":4858,"Text":6241},{"__component":141,"id":451,"Size":4089,"caption":6243,"Image":15514},[15515],{"id":6246,"name":6247,"alternativeText":29,"caption":6247,"width":6248,"height":6248,"formats":15516,"hash":6274,"ext":3437,"mime":100,"size":6275,"url":6276,"previewUrl":39,"provider":72,"provider_metadata":15525,"created_at":6278,"updated_at":6279},{"large":15517,"small":15519,"medium":15521,"thumbnail":15523},{"ext":3437,"url":6251,"hash":6252,"mime":100,"name":6253,"path":39,"size":6254,"width":41,"height":41,"provider_metadata":15518},{"public_id":6252,"resource_type":44},{"ext":3437,"url":6257,"hash":6258,"mime":100,"name":6259,"path":39,"size":6260,"width":50,"height":50,"provider_metadata":15520},{"public_id":6258,"resource_type":44},{"ext":3437,"url":6263,"hash":6264,"mime":100,"name":6265,"path":39,"size":6266,"width":58,"height":58,"provider_metadata":15522},{"public_id":6264,"resource_type":44},{"ext":3437,"url":6269,"hash":6270,"mime":100,"name":6271,"path":39,"size":6272,"width":67,"height":67,"provider_metadata":15524},{"public_id":6270,"resource_type":44},{"public_id":6274,"resource_type":44},{"__component":23,"id":6281,"Text":6282},{"__component":141,"id":457,"Size":4089,"caption":6284,"Image":15528},[15529],{"id":6287,"name":6284,"alternativeText":29,"caption":6284,"width":6248,"height":6248,"formats":15530,"hash":6313,"ext":3437,"mime":100,"size":6314,"url":6315,"previewUrl":39,"provider":72,"provider_metadata":15539,"created_at":6317,"updated_at":6318},{"large":15531,"small":15533,"medium":15535,"thumbnail":15537},{"ext":3437,"url":6290,"hash":6291,"mime":100,"name":6292,"path":39,"size":6293,"width":41,"height":41,"provider_metadata":15532},{"public_id":6291,"resource_type":44},{"ext":3437,"url":6296,"hash":6297,"mime":100,"name":6298,"path":39,"size":6299,"width":50,"height":50,"provider_metadata":15534},{"public_id":6297,"resource_type":44},{"ext":3437,"url":6302,"hash":6303,"mime":100,"name":6304,"path":39,"size":6305,"width":58,"height":58,"provider_metadata":15536},{"public_id":6303,"resource_type":44},{"ext":3437,"url":6308,"hash":6309,"mime":100,"name":6310,"path":39,"size":6311,"width":67,"height":67,"provider_metadata":15538},{"public_id":6309,"resource_type":44},{"public_id":6313,"resource_type":44},{"__component":23,"id":6320,"Text":6321},{"__component":141,"id":463,"Size":4089,"caption":39,"Image":15542},[15543],{"id":409,"name":6325,"alternativeText":29,"caption":6325,"width":6248,"height":6326,"formats":15544,"hash":6353,"ext":3437,"mime":100,"size":1642,"url":6354,"previewUrl":39,"provider":72,"provider_metadata":15553,"created_at":6356,"updated_at":6357},{"large":15545,"small":15547,"medium":15549,"thumbnail":15551},{"ext":3437,"url":6329,"hash":6330,"mime":100,"name":6331,"path":39,"size":6332,"width":41,"height":5267,"provider_metadata":15546},{"public_id":6330,"resource_type":44},{"ext":3437,"url":6335,"hash":6336,"mime":100,"name":6337,"path":39,"size":6338,"width":50,"height":417,"provider_metadata":15548},{"public_id":6336,"resource_type":44},{"ext":3437,"url":6341,"hash":6342,"mime":100,"name":6343,"path":39,"size":6344,"width":58,"height":6345,"provider_metadata":15550},{"public_id":6342,"resource_type":44},{"ext":3437,"url":6348,"hash":6349,"mime":100,"name":6350,"path":39,"size":6351,"width":256,"height":439,"provider_metadata":15552},{"public_id":6349,"resource_type":44},{"public_id":6353,"resource_type":44},{"__component":23,"id":6359,"Text":6360},{"id":5046,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":15556,"hash":6378,"ext":34,"mime":37,"size":6379,"url":6380,"previewUrl":39,"provider":72,"provider_metadata":15563,"created_at":6382,"updated_at":6382},{"small":15557,"medium":15559,"thumbnail":15561},{"ext":34,"url":6364,"hash":6365,"mime":37,"name":302,"path":39,"size":6366,"width":50,"height":311,"provider_metadata":15558},{"public_id":6365,"resource_type":44},{"ext":34,"url":6369,"hash":6370,"mime":37,"name":309,"path":39,"size":6371,"width":58,"height":537,"provider_metadata":15560},{"public_id":6370,"resource_type":44},{"ext":34,"url":6374,"hash":6375,"mime":37,"name":316,"path":39,"size":6376,"width":544,"height":67,"provider_metadata":15562},{"public_id":6375,"resource_type":44},{"public_id":6378,"resource_type":44},[15565,15756,15921,16038],{"id":87,"Title":15566,"Summary":15567,"created_at":15568,"updated_at":15569,"ShortDescription":15570,"Order":270,"slug":15571,"Content":15572,"Feature":15719},"Rye & Beyond","We built the Rye and Beyond Cottages holiday rental site using modern JAMStack technologies to give them an advantage over their slow competitors and £0 hosting costs.\n","2020-04-26T09:44:51.098Z","2024-02-28T11:29:48.553Z","Hand picked Cottages, Houses & apartments in East Sussex & Kent.","rye-and-beyond",[15573,15575,15609,15611,15645,15647,15681,15683,15717],{"__component":23,"id":3548,"Text":15574},"[Rye and Beyond Cottages](https://ryeandbeyondcottages.co.uk) needed a website to showcase their wonderful collection of holiday cottages and rentals in South East England. Great photos and content are key to choosing a holiday cottage, so the site needed to provide comprehensive content management abilities, as well as photo-rich pages to showcase each property, all while being easy to use, fast and SEO friendly.",{"__component":141,"id":3548,"Size":39,"caption":39,"Image":15576},[15577],{"id":1520,"name":15578,"alternativeText":15579,"caption":29,"width":15580,"height":15581,"formats":15582,"hash":15603,"ext":34,"mime":37,"size":15604,"url":15605,"previewUrl":39,"provider":72,"provider_metadata":15606,"created_at":15607,"updated_at":15608},"Screenshot 2020-04-30 at 16.35.09","Rye and Beyond Cottages Homepage",2594,1560,{"large":15583,"small":15588,"medium":15593,"thumbnail":15598},{"ext":34,"url":15584,"hash":15585,"mime":37,"size":15586,"width":41,"height":4334,"provider_metadata":15587},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588261188/large_Screenshot_2020-04-30_at_16.35.09_4b0f0dfa96.png","large_Screenshot_2020-04-30_at_16.35.09_4b0f0dfa96",1085.41,{"public_id":15585,"resource_type":44},{"ext":34,"url":15589,"hash":15590,"mime":37,"size":15591,"width":50,"height":7487,"provider_metadata":15592},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588261190/small_Screenshot_2020-04-30_at_16.35.09_4b0f0dfa96.png","small_Screenshot_2020-04-30_at_16.35.09_4b0f0dfa96",298.41,{"public_id":15590,"resource_type":44},{"ext":34,"url":15594,"hash":15595,"mime":37,"size":15596,"width":58,"height":3370,"provider_metadata":15597},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588261189/medium_Screenshot_2020-04-30_at_16.35.09_4b0f0dfa96.png","medium_Screenshot_2020-04-30_at_16.35.09_4b0f0dfa96",636.76,{"public_id":15595,"resource_type":44},{"ext":34,"url":15599,"hash":15600,"mime":37,"size":15601,"width":256,"height":2092,"provider_metadata":15602},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588261185/thumbnail_Screenshot_2020-04-30_at_16.35.09_4b0f0dfa96.png","thumbnail_Screenshot_2020-04-30_at_16.35.09_4b0f0dfa96",78.7,{"public_id":15600,"resource_type":44},"Screenshot_2020-04-30_at_16.35.09_4b0f0dfa96",5473.45,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588261184/Screenshot_2020-04-30_at_16.35.09_4b0f0dfa96.png",{"public_id":15603,"resource_type":44},"2020-04-30T15:39:50.605Z","2020-05-02T10:31:43.401Z",{"__component":23,"id":81,"Text":15610},"## Gaining an edge with the JAMStack\n\nThe holiday cottage sector is hotly contested in the UK, and any competitive advantage is worthwhile. While researching local competitors we found that the majority seemed to care more about SEO than the usability and performance of their sites. \n\nCompetitors sites were typically extremely slow to load, especially when on mobile, and navigating between page and performing common activities such as searching and booking felt like a chore rather than an exciting pre-holiday activity.\n\nBelow is a Google Lighthouse report for Rye and Beyond's biggest local competitor:\n\n\n\n\n",{"__component":141,"id":81,"Size":39,"caption":39,"Image":15612},[15613],{"id":327,"name":15614,"alternativeText":15615,"caption":29,"width":15616,"height":15617,"formats":15618,"hash":15639,"ext":34,"mime":37,"size":15640,"url":15641,"previewUrl":39,"provider":72,"provider_metadata":15642,"created_at":15643,"updated_at":15644},"Screenshot 2020-04-30 at 16.25.29","A Rye and Beyond competitor's lighthouse poor score",1178,496,{"large":15619,"small":15624,"medium":15629,"thumbnail":15634},{"ext":34,"url":15620,"hash":15621,"mime":37,"size":15622,"width":41,"height":8461,"provider_metadata":15623},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588260350/large_Screenshot_2020-04-30_at_16.25.29_28b4882c6b.png","large_Screenshot_2020-04-30_at_16.25.29_28b4882c6b",81.89,{"public_id":15621,"resource_type":44},{"ext":34,"url":15625,"hash":15626,"mime":37,"size":15627,"width":50,"height":4718,"provider_metadata":15628},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588260351/small_Screenshot_2020-04-30_at_16.25.29_28b4882c6b.png","small_Screenshot_2020-04-30_at_16.25.29_28b4882c6b",31.2,{"public_id":15626,"resource_type":44},{"ext":34,"url":15630,"hash":15631,"mime":37,"size":15632,"width":58,"height":2865,"provider_metadata":15633},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588260351/medium_Screenshot_2020-04-30_at_16.25.29_28b4882c6b.png","medium_Screenshot_2020-04-30_at_16.25.29_28b4882c6b",54.42,{"public_id":15631,"resource_type":44},{"ext":34,"url":15635,"hash":15636,"mime":37,"size":15637,"width":256,"height":1376,"provider_metadata":15638},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588260349/thumbnail_Screenshot_2020-04-30_at_16.25.29_28b4882c6b.png","thumbnail_Screenshot_2020-04-30_at_16.25.29_28b4882c6b",10.92,{"public_id":15636,"resource_type":44},"Screenshot_2020-04-30_at_16.25.29_28b4882c6b",36.99,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588260348/Screenshot_2020-04-30_at_16.25.29_28b4882c6b.png",{"public_id":15639,"resource_type":44},"2020-04-30T15:25:52.085Z","2020-05-02T10:32:36.717Z",{"__component":23,"id":3523,"Text":15646},"In case you aren't aware, Google Lighthouse is a tool used by web developers to measure and improve the quality of websites. It gives a website a score out of 100 based on many factors, including how quickly the site loads, the accessibility of the site, how well the site is optimised for SEO amongst other factors.\n\nAs you can see above, Rye and Beyond's competitors don't fair well. There is no point spending so much time optimising your site for SEO if it takes 13 seconds to load when people finally arrive there. We wanted to make sure we didn't make the same mistake for Rye and Beyond.\n\nHere is Rye and Beyond's Lighthouse score and as you can see its night and day difference! ",{"__component":141,"id":3523,"Size":39,"caption":39,"Image":15648},[15649],{"id":558,"name":15650,"alternativeText":15651,"caption":29,"width":15652,"height":15653,"formats":15654,"hash":15675,"ext":34,"mime":37,"size":15676,"url":15677,"previewUrl":39,"provider":72,"provider_metadata":15678,"created_at":15679,"updated_at":15680},"Screenshot 2020-04-30 at 16.26.38","Rye and Beyond's Lighthouse good score",1187,508,{"large":15655,"small":15660,"medium":15665,"thumbnail":15670},{"ext":34,"url":15656,"hash":15657,"mime":37,"size":15658,"width":41,"height":8978,"provider_metadata":15659},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588260429/large_Screenshot_2020-04-30_at_16.26.38_9edf6bbd19.png","large_Screenshot_2020-04-30_at_16.26.38_9edf6bbd19",84.98,{"public_id":15657,"resource_type":44},{"ext":34,"url":15661,"hash":15662,"mime":37,"size":15663,"width":50,"height":1404,"provider_metadata":15664},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588260431/small_Screenshot_2020-04-30_at_16.26.38_9edf6bbd19.png","small_Screenshot_2020-04-30_at_16.26.38_9edf6bbd19",30.73,{"public_id":15662,"resource_type":44},{"ext":34,"url":15666,"hash":15667,"mime":37,"size":15668,"width":58,"height":51,"provider_metadata":15669},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588260430/medium_Screenshot_2020-04-30_at_16.26.38_9edf6bbd19.png","medium_Screenshot_2020-04-30_at_16.26.38_9edf6bbd19",55.46,{"public_id":15667,"resource_type":44},{"ext":34,"url":15671,"hash":15672,"mime":37,"size":15673,"width":256,"height":420,"provider_metadata":15674},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588260428/thumbnail_Screenshot_2020-04-30_at_16.26.38_9edf6bbd19.png","thumbnail_Screenshot_2020-04-30_at_16.26.38_9edf6bbd19",11.51,{"public_id":15672,"resource_type":44},"Screenshot_2020-04-30_at_16.26.38_9edf6bbd19",37.84,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588260427/Screenshot_2020-04-30_at_16.26.38_9edf6bbd19.png",{"public_id":15675,"resource_type":44},"2020-04-30T15:27:11.383Z","2020-05-02T10:32:24.552Z",{"__component":23,"id":274,"Text":15682},"As a result of these high scores Rye and Beyond loads in a flash, even on mobile with a poor connection, and navigation between pages feels almost instant. All of this while maintaining great SEO optimisation, accessibility, and security. \n\nTo achieve scores like these we used something called the [JAMStack](https://jamstack.org/). The JAMStack is a modern way to build websites that offers much better performance, security, and cheaper, easier scaling.\n\n## Tiny Hosting Costs \n\nAnother welcome benefit of JAMstack sites are the reduced hosting costs. A traditional site requires a server to host the site and its content, and can quickly become an expensive recurring cost, especially when traffic to the site increases.\n\nThe Rye and Beyond site hosted entirely on [Netlify](https://netlify.com) and to date, the hosting bill has been £0. Netlify has an extremely generous free tier that is enough to support sites even as their traffic grows far beyond what a tradition host/server could support. \n\nOn top of this hosting on Netlify allows the site to load quickly wherever you are in the world. A traditional web server becomes slower the further away you are from its geographic location. You can see this clearly by how Rye and Beyond's competitors Lighthouse scores vary drastically by region, where are Rye and Beyond's stay fairly consistent. \n\n",{"__component":141,"id":274,"Size":39,"caption":39,"Image":15684},[15685],{"id":333,"name":15686,"alternativeText":15687,"caption":29,"width":15688,"height":1057,"formats":15689,"hash":15711,"ext":34,"mime":37,"size":15712,"url":15713,"previewUrl":39,"provider":72,"provider_metadata":15714,"created_at":15715,"updated_at":15716},"Screenshot 2020-05-01 at 08.44.35","Rye and Beyonds blog page",2486,{"large":15690,"small":15695,"medium":15700,"thumbnail":15706},{"ext":34,"url":15691,"hash":15692,"mime":37,"size":15693,"width":41,"height":5568,"provider_metadata":15694},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588319117/large_Screenshot_2020-05-01_at_08.44.35_168bce4279.png","large_Screenshot_2020-05-01_at_08.44.35_168bce4279",881,{"public_id":15692,"resource_type":44},{"ext":34,"url":15696,"hash":15697,"mime":37,"size":15698,"width":50,"height":4730,"provider_metadata":15699},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588319119/small_Screenshot_2020-05-01_at_08.44.35_168bce4279.png","small_Screenshot_2020-05-01_at_08.44.35_168bce4279",243.18,{"public_id":15697,"resource_type":44},{"ext":34,"url":15701,"hash":15702,"mime":37,"size":15703,"width":58,"height":15704,"provider_metadata":15705},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588319118/medium_Screenshot_2020-05-01_at_08.44.35_168bce4279.png","medium_Screenshot_2020-05-01_at_08.44.35_168bce4279",519.11,553,{"public_id":15702,"resource_type":44},{"ext":34,"url":15707,"hash":15708,"mime":37,"size":15709,"width":4622,"height":67,"provider_metadata":15710},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588319115/thumbnail_Screenshot_2020-05-01_at_08.44.35_168bce4279.png","thumbnail_Screenshot_2020-05-01_at_08.44.35_168bce4279",50.34,{"public_id":15708,"resource_type":44},"Screenshot_2020-05-01_at_08.44.35_168bce4279",4211.48,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1588319114/Screenshot_2020-05-01_at_08.44.35_168bce4279.png",{"public_id":15711,"resource_type":44},"2020-05-01T07:45:20.201Z","2020-05-02T10:33:00.924Z",{"__component":23,"id":279,"Text":15718},"## First of its kind\n\nAs far as we are aware this is the first holiday rental site built using the JAMStack but we are sure there will be many more to follow!\n\nUsing the JAMStack approach has given Rye and Beyond a website that stands out amongst their competitors, is fast and easy to use, and has tiny running costs. ",{"id":2727,"name":15720,"alternativeText":29,"caption":29,"width":15721,"height":15722,"formats":15723,"hash":15750,"ext":34,"mime":37,"size":15751,"url":15752,"previewUrl":39,"provider":72,"provider_metadata":15753,"created_at":15754,"updated_at":15755},"Group 67.png",1561,1020,{"large":15724,"small":15731,"medium":15737,"thumbnail":15744},{"ext":34,"url":15725,"hash":15726,"mime":37,"name":15727,"path":39,"size":15728,"width":41,"height":15729,"provider_metadata":15730},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1708621094/large_Group_67_d4f09e214b.png","large_Group_67_d4f09e214b","large_Group 67.png",701.21,653,{"public_id":15726,"resource_type":44},{"ext":34,"url":15732,"hash":15733,"mime":37,"name":15734,"path":39,"size":15735,"width":50,"height":7283,"provider_metadata":15736},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1708621096/small_Group_67_d4f09e214b.png","small_Group_67_d4f09e214b","small_Group 67.png",206.74,{"public_id":15733,"resource_type":44},{"ext":34,"url":15738,"hash":15739,"mime":37,"name":15740,"path":39,"size":15741,"width":58,"height":15742,"provider_metadata":15743},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1708621095/medium_Group_67_d4f09e214b.png","medium_Group_67_d4f09e214b","medium_Group 67.png",422.02,490,{"public_id":15739,"resource_type":44},{"ext":34,"url":15745,"hash":15746,"mime":37,"name":15747,"path":39,"size":15748,"width":232,"height":67,"provider_metadata":15749},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1708621093/thumbnail_Group_67_d4f09e214b.png","thumbnail_Group_67_d4f09e214b","thumbnail_Group 67.png",58.45,{"public_id":15746,"resource_type":44},"Group_67_d4f09e214b",947.75,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1708621092/Group_67_d4f09e214b.png",{"public_id":15750,"resource_type":44},"2024-02-22T16:58:17.410Z","2024-02-22T16:58:17.423Z",{"id":81,"Title":15757,"Summary":15758,"created_at":15759,"updated_at":15760,"ShortDescription":15761,"Order":87,"slug":15762,"Content":15763,"Feature":15886},"Run Things","[Run Things](https://www.runthings.co.uk/) is a virtual running platform organising exciting events in aid of the charity Mind. They aim to promote brilliant mental and physical health, all while bringing people together from all over the world.\n\nWe love everything Run Things are about, so we were really excited when they came to us for help with their new site.","2021-02-04T18:57:28.159Z","2024-02-28T11:29:26.956Z","Virtual running events in aid of Mind.","run-things",[15764,15799,15801,15810,15812,15848,15850,15884],{"__component":141,"id":569,"Size":39,"caption":39,"Image":15765},[15766],{"id":2589,"name":15767,"alternativeText":15768,"caption":29,"width":15769,"height":15770,"formats":15771,"hash":15793,"ext":34,"mime":37,"size":15794,"url":15795,"previewUrl":39,"provider":72,"provider_metadata":15796,"created_at":15797,"updated_at":15798},"Screenshot 2021-02-04 at 19.05.52","Run Things homepage",2754,1812,{"large":15772,"small":15778,"medium":15783,"thumbnail":15788},{"ext":34,"url":15773,"hash":15774,"mime":37,"size":15775,"width":41,"height":15776,"provider_metadata":15777},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612465582/large_Screenshot_2021-02-04_at_19.05.52_3908fa547b.png","large_Screenshot_2021-02-04_at_19.05.52_3908fa547b",1118.53,658,{"public_id":15774,"resource_type":44},{"ext":34,"url":15779,"hash":15780,"mime":37,"size":15781,"width":50,"height":2613,"provider_metadata":15782},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612465584/small_Screenshot_2021-02-04_at_19.05.52_3908fa547b.png","small_Screenshot_2021-02-04_at_19.05.52_3908fa547b",313.43,{"public_id":15780,"resource_type":44},{"ext":34,"url":15784,"hash":15785,"mime":37,"size":15786,"width":58,"height":5489,"provider_metadata":15787},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612465583/medium_Screenshot_2021-02-04_at_19.05.52_3908fa547b.png","medium_Screenshot_2021-02-04_at_19.05.52_3908fa547b",661.89,{"public_id":15785,"resource_type":44},{"ext":34,"url":15789,"hash":15790,"mime":37,"size":15791,"width":518,"height":67,"provider_metadata":15792},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612465579/thumbnail_Screenshot_2021-02-04_at_19.05.52_3908fa547b.png","thumbnail_Screenshot_2021-02-04_at_19.05.52_3908fa547b",80.96,{"public_id":15790,"resource_type":44},"Screenshot_2021-02-04_at_19.05.52_3908fa547b",5935.56,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612465578/Screenshot_2021-02-04_at_19.05.52_3908fa547b.png",{"public_id":15793,"resource_type":44},"2021-02-04T19:06:25.125Z","2021-02-04T19:06:37.315Z",{"__component":23,"id":2757,"Text":15800},"## Outgrowing Wordpress\n\nLike many companies, Run Things had got by with WordPress site for several years. Unfortunately, it was beginning to crack under the weight of Run Things' increasing popularity.\n\nWordPress had been heavily customised to power their virtual running events. It was bursting at the seams with plugins and pages were taking ages to load leaving their customer's frustrated.\nIf there's one thing runners appreciate it has to be speed, and Run Things was literally a \"slow running site\". 🤣\n\nIt was time for Run Things to move away from WordPress and onto a platform that would better support their bespoke needs and give their customer base the kind of performance they crave.\n\n## Our solution\n\nWe rebuilt the Run Things marketing site, shop and event entry process from the ground up with modern technologies that would allow Run Things to scale and grow in the future without the constraints of WordPress. \n\n### Headless Craft CMS & Craft Commerce\n\nTo manage their content and power the Run Things store we decided to use Craft CMS and its e-commerce extension Craft Commerce.\n\nCraft CMS allowed us to model the site content intuitively and flexibly making it easy for Run Things to add new pages, create new events, and add items to their store. We use Craft CMS heedlessly. This means Craft CMS isn't being used to render the site pages, instead, we make use of the GraphQL APIs to load the content separately on the frontend.\n\nIn layman's terms this means the site much more scalable and performant. On top of that, if Run Thing's were ever to make a mobile app, using Craft heedlessly would make re-using the same content in the mobile app a breeze.\n\n### Gridsome, Vue.js and Netlify for speed and scalability\n\nTo power the front-end experience we used the static site generator Gridsome. This is what makes the site super fast. Gridsome uses the APIs from Craft CMS to load in all the content and then pre-renders all of the sites pages. This means when a user loads a page its not slowed down by things like slow database connects, or naughty WordPress plugins.\n\nCombine this with hosting on Netlify and you have got a site that's fast enough for Usain Bolt.\n\nThis approach is called the JAMstack. You might have noticed we talk about it a lot, and hopefully, by clicking around the Run Things site for yourself you can appreciate its benefits.\n\nVue.js is our weapon of choice when building interactivity on websites as it allows us to build highly usable sites without stifling our creative flare.\n\n### Sparking joy\n\nWe believe every site should spark joy. Our slogan is \"We make computers dance\" after all!\n\nRun Things is no different, and we sprinkled a little bit of signature Pixelhop seasoning in the form of a shower of confetti to make users feel like winners when adding products to their shopping basket.",{"__component":1373,"id":87,"Video":15802},{"id":2658,"name":15803,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":15804,"ext":1558,"mime":1559,"size":15805,"url":15806,"previewUrl":15807,"provider":72,"provider_metadata":15808,"created_at":15809,"updated_at":15809},"Screen_Recording_2021-02-01_at_16.49.46_(convert-video-online.com)","Screen_Recording_2021-02-01_at_16.49.46_(convert-video-online.com)_61ccbb12af",340.46,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1612465699/Screen_Recording_2021-02-01_at_16.49.46_%28convert-video-online.com%29_61ccbb12af.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Screen_Recording_2021-02-01_at_16.49.46_(convert-video-online.com)_61ccbb12af.gif",{"public_id":15804,"resource_type":1385},"2021-02-04T19:08:20.593Z",{"__component":23,"id":1269,"Text":15811},"Not only does this make filling up your shopping basket super fun and satisfying, but it also serves an important UX purpose in indicating the product has been added and to basket successfully and to draw the user's eye to the new basket total.\n\n## Happy customers, happy client\n\nWhat does all of the above amount to? Well on launch day Run Things were happy to receive lots of lovely comments from customers and their first big event post-launch Run Up To Christmas was a huge success.",{"__component":141,"id":2174,"Size":39,"caption":39,"Image":15813},[15814],{"id":2715,"name":15815,"alternativeText":15816,"caption":29,"width":15817,"height":15818,"formats":15819,"hash":15842,"ext":34,"mime":37,"size":15843,"url":15844,"previewUrl":39,"provider":72,"provider_metadata":15845,"created_at":15846,"updated_at":15847},"Screenshot_2021-02-01_at_16.55.16","Great Run Things launch day twitter feedback",1232,1282,{"large":15820,"small":15826,"medium":15831,"thumbnail":15837},{"ext":34,"url":15821,"hash":15822,"mime":37,"size":15823,"width":15824,"height":41,"provider_metadata":15825},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612513223/large_Screenshot_2021-02-01_at_16.55.16_1d05bae289.png","large_Screenshot_2021-02-01_at_16.55.16_1d05bae289",343.34,961,{"public_id":15822,"resource_type":44},{"ext":34,"url":15827,"hash":15828,"mime":37,"size":15829,"width":8049,"height":50,"provider_metadata":15830},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612513225/small_Screenshot_2021-02-01_at_16.55.16_1d05bae289.png","small_Screenshot_2021-02-01_at_16.55.16_1d05bae289",127.49,{"public_id":15828,"resource_type":44},{"ext":34,"url":15832,"hash":15833,"mime":37,"size":15834,"width":15835,"height":58,"provider_metadata":15836},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612513224/medium_Screenshot_2021-02-01_at_16.55.16_1d05bae289.png","medium_Screenshot_2021-02-01_at_16.55.16_1d05bae289",225.63,721,{"public_id":15833,"resource_type":44},{"ext":34,"url":15838,"hash":15839,"mime":37,"size":15840,"width":2145,"height":67,"provider_metadata":15841},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612513221/thumbnail_Screenshot_2021-02-01_at_16.55.16_1d05bae289.png","thumbnail_Screenshot_2021-02-01_at_16.55.16_1d05bae289",21.05,{"public_id":15839,"resource_type":44},"Screenshot_2021-02-01_at_16.55.16_1d05bae289",262.8,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612513220/Screenshot_2021-02-01_at_16.55.16_1d05bae289.png",{"public_id":15842,"resource_type":44},"2021-02-05T08:20:25.707Z","2021-02-05T08:21:25.359Z",{"__component":23,"id":2589,"Text":15849},"We were lucky enough to receive an awesome testimonial from Run Things too:",{"__component":141,"id":333,"Size":39,"caption":39,"Image":15851},[15852],{"id":2782,"name":15853,"alternativeText":15854,"caption":29,"width":15855,"height":5606,"formats":15856,"hash":15878,"ext":34,"mime":37,"size":15879,"url":15880,"previewUrl":39,"provider":72,"provider_metadata":15881,"created_at":15882,"updated_at":15883},"Screenshot_2021-02-01_at_16.58.36","Awesome Run Things testimonial for Pixelhop",1194,{"large":15857,"small":15862,"medium":15867,"thumbnail":15873},{"ext":34,"url":15858,"hash":15859,"mime":37,"size":15860,"width":41,"height":2307,"provider_metadata":15861},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612513447/large_Screenshot_2021-02-01_at_16.58.36_e931613118.png","large_Screenshot_2021-02-01_at_16.58.36_e931613118",142.41,{"public_id":15859,"resource_type":44},{"ext":34,"url":15863,"hash":15864,"mime":37,"size":15865,"width":50,"height":1116,"provider_metadata":15866},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612513449/small_Screenshot_2021-02-01_at_16.58.36_e931613118.png","small_Screenshot_2021-02-01_at_16.58.36_e931613118",56.12,{"public_id":15864,"resource_type":44},{"ext":34,"url":15868,"hash":15869,"mime":37,"size":15870,"width":58,"height":15871,"provider_metadata":15872},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612513448/medium_Screenshot_2021-02-01_at_16.58.36_e931613118.png","medium_Screenshot_2021-02-01_at_16.58.36_e931613118",95.06,294,{"public_id":15869,"resource_type":44},{"ext":34,"url":15874,"hash":15875,"mime":37,"size":15876,"width":256,"height":1125,"provider_metadata":15877},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612513446/thumbnail_Screenshot_2021-02-01_at_16.58.36_e931613118.png","thumbnail_Screenshot_2021-02-01_at_16.58.36_e931613118",20.91,{"public_id":15875,"resource_type":44},"Screenshot_2021-02-01_at_16.58.36_e931613118",65.36,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612513445/Screenshot_2021-02-01_at_16.58.36_e931613118.png",{"public_id":15878,"resource_type":44},"2021-02-05T08:24:09.642Z","2021-02-05T08:26:05.933Z",{"__component":23,"id":2658,"Text":15885},"### Collaborating to get results\n\nAt Pixelhop we are used to collaborating with UI designers, UX designers, and developers to achieve great results. Run Things was no different and we had a great time breaking down the barriers of time and distance working with the awesome New Zealand based designer Alex Slack ([Check his instragram here](https://www.instagram.com/alex_slack_creative/?hl=en-gb)) and Run Things' own in house developer [Jack Allen](https://jackallen.me/) who did an amazing job building the RunThings app and APIs.",{"id":1411,"name":15887,"alternativeText":29,"caption":29,"width":15888,"height":15889,"formats":15890,"hash":15915,"ext":34,"mime":37,"size":15916,"url":15917,"previewUrl":39,"provider":72,"provider_metadata":15918,"created_at":15919,"updated_at":15920},"Group 43.png",1542,990,{"large":15891,"small":15897,"medium":15903,"thumbnail":15909},{"ext":34,"url":15892,"hash":15893,"mime":37,"name":15894,"path":39,"size":15895,"width":41,"height":42,"provider_metadata":15896},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1708620915/large_Group_43_7e8f7ebc12.png","large_Group_43_7e8f7ebc12","large_Group 43.png",522.52,{"public_id":15893,"resource_type":44},{"ext":34,"url":15898,"hash":15899,"mime":37,"name":15900,"path":39,"size":15901,"width":50,"height":51,"provider_metadata":15902},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1708620918/small_Group_43_7e8f7ebc12.png","small_Group_43_7e8f7ebc12","small_Group 43.png",159.24,{"public_id":15899,"resource_type":44},{"ext":34,"url":15904,"hash":15905,"mime":37,"name":15906,"path":39,"size":15907,"width":58,"height":59,"provider_metadata":15908},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1708620916/medium_Group_43_7e8f7ebc12.png","medium_Group_43_7e8f7ebc12","medium_Group 43.png",313.37,{"public_id":15905,"resource_type":44},{"ext":34,"url":15910,"hash":15911,"mime":37,"name":15912,"path":39,"size":15913,"width":66,"height":67,"provider_metadata":15914},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1708620914/thumbnail_Group_43_7e8f7ebc12.png","thumbnail_Group_43_7e8f7ebc12","thumbnail_Group 43.png",50.39,{"public_id":15911,"resource_type":44},"Group_43_7e8f7ebc12",739.45,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1708620912/Group_43_7e8f7ebc12.png",{"public_id":15915,"resource_type":44},"2024-02-22T16:55:18.544Z","2024-02-22T16:55:18.600Z",{"id":3523,"Title":15922,"Summary":15923,"created_at":15924,"updated_at":15925,"ShortDescription":15926,"Order":336,"slug":15927,"Content":15928,"Feature":16005},"Sussex University - Halogen","We were approached by the School of Mathematical and Physical Sciences at the University of Sussex to help them produce a tool for regional healthcare planners to forecast the local impact of Covid-19.\n\nCovid-19 has changed everyone's lives on a global scale so we jumped at the chance to help in any way we could.","2021-02-05T08:57:48.661Z","2024-02-28T11:30:06.288Z","Forecast the local impact of COVID-19","sussex-university-halogen",[15929,15964,15966,16003],{"__component":141,"id":78,"Size":39,"caption":39,"Image":15930},[15931],{"id":1599,"name":15932,"alternativeText":15932,"caption":29,"width":15933,"height":15934,"formats":15935,"hash":15958,"ext":34,"mime":37,"size":15959,"url":15960,"previewUrl":39,"provider":72,"provider_metadata":15961,"created_at":15962,"updated_at":15963},"Halogen homepage",2630,1858,{"large":15936,"small":15942,"medium":15947,"thumbnail":15953},{"ext":34,"url":15937,"hash":15938,"mime":37,"size":15939,"width":41,"height":15940,"provider_metadata":15941},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612515281/large_Halogen_homepage_0f8f2f04b6.png","large_Halogen_homepage_0f8f2f04b6",212.75,706,{"public_id":15938,"resource_type":44},{"ext":34,"url":15943,"hash":15944,"mime":37,"size":15945,"width":50,"height":6320,"provider_metadata":15946},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612515282/small_Halogen_homepage_0f8f2f04b6.png","small_Halogen_homepage_0f8f2f04b6",80.33,{"public_id":15944,"resource_type":44},{"ext":34,"url":15948,"hash":15949,"mime":37,"size":15950,"width":58,"height":15951,"provider_metadata":15952},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612515282/medium_Halogen_homepage_0f8f2f04b6.png","medium_Halogen_homepage_0f8f2f04b6",144.36,530,{"public_id":15949,"resource_type":44},{"ext":34,"url":15954,"hash":15955,"mime":37,"size":15956,"width":424,"height":67,"provider_metadata":15957},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612515279/thumbnail_Halogen_homepage_0f8f2f04b6.png","thumbnail_Halogen_homepage_0f8f2f04b6",23.27,{"public_id":15955,"resource_type":44},"Halogen_homepage_0f8f2f04b6",326.84,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1612515278/Halogen_homepage_0f8f2f04b6.png",{"public_id":15958,"resource_type":44},"2021-02-05T08:54:43.215Z","2021-02-05T08:55:11.096Z",{"__component":23,"id":2715,"Text":15965},"## Forecasting the local impact of Covid-19\n\nThe fantastic team at the University of Sussex had an innovative way to model Covid-19 on a local scale. Most of the existing Covid tools focussed on a national scale ignoring regional differences in population demographics that can significantly impact the way the pandemic progresses within a region.\n\nThe University of Sussex envisaged a tool that took into account these local differences and could help regional planners develop scenario-based policies to help manage the pandemic.\n\nSussex came to us with a basic prototype completed but wanted to build it into a professional quality tool.",{"__component":141,"id":3471,"Size":39,"caption":39,"Image":15967},[15968],{"id":390,"name":15969,"alternativeText":29,"caption":29,"width":1335,"height":15970,"formats":15971,"hash":15997,"ext":34,"mime":37,"size":15998,"url":15999,"previewUrl":39,"provider":72,"provider_metadata":16000,"created_at":16001,"updated_at":16002},"localhost_63395_dashboard_hospital-admissions.png",3316,{"large":15972,"small":15979,"medium":15985,"thumbnail":15991},{"ext":34,"url":15973,"hash":15974,"mime":37,"name":15975,"path":39,"size":15976,"width":41,"height":15977,"provider_metadata":15978},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1619798163/large_localhost_63395_dashboard_hospital_admissions_e1cac35cc0.png","large_localhost_63395_dashboard_hospital_admissions_e1cac35cc0","large_localhost_63395_dashboard_hospital-admissions.png",116.13,925,{"public_id":15974,"resource_type":44},{"ext":34,"url":15980,"hash":15981,"mime":37,"name":15982,"path":39,"size":15983,"width":50,"height":4984,"provider_metadata":15984},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1619798165/small_localhost_63395_dashboard_hospital_admissions_e1cac35cc0.png","small_localhost_63395_dashboard_hospital_admissions_e1cac35cc0","small_localhost_63395_dashboard_hospital-admissions.png",43.76,{"public_id":15981,"resource_type":44},{"ext":34,"url":15986,"hash":15987,"mime":37,"name":15988,"path":39,"size":15989,"width":58,"height":665,"provider_metadata":15990},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1619798164/medium_localhost_63395_dashboard_hospital_admissions_e1cac35cc0.png","medium_localhost_63395_dashboard_hospital_admissions_e1cac35cc0","medium_localhost_63395_dashboard_hospital-admissions.png",76.44,{"public_id":15987,"resource_type":44},{"ext":34,"url":15992,"hash":15993,"mime":37,"name":15994,"path":39,"size":15995,"width":1722,"height":67,"provider_metadata":15996},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1619798160/thumbnail_localhost_63395_dashboard_hospital_admissions_e1cac35cc0.png","thumbnail_localhost_63395_dashboard_hospital_admissions_e1cac35cc0","thumbnail_localhost_63395_dashboard_hospital-admissions.png",11.16,{"public_id":15993,"resource_type":44},"localhost_63395_dashboard_hospital_admissions_e1cac35cc0",354.9,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1619798159/localhost_63395_dashboard_hospital_admissions_e1cac35cc0.png",{"public_id":15997,"resource_type":44},"2021-04-30T15:56:05.383Z","2021-04-30T15:56:05.408Z",{"__component":23,"id":2787,"Text":16004},"## Interactive graphs and simulations\n\nIn addition to a traditional marketing site explaining how the tool works and selling its features, we built the main app using Nuxt.JS allowing us to create interactive graphs that will enable planners to see how the pandemic is predicted to progress.\n\nUsers can adjust key pandemic parameters such as R rate and hospital capacity to help them predict when they will need to make interventions such as local lockdowns to ease demand on hospitals and reduce transmission.\n\nWe also helped the Sussex mathematicians take their mathematical models written in Python and place them behind a secure API that the front end can use to run the simulations and retrieve the graphs' data.\n\n\u003Ciframe data-v-20ed4c6b=\"\" width=\"100%\" height=\"600\" src=\"https://www.youtube.com/embed/uq16rVvjouA\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"allowfullscreen\" loading=\"lazy\">\u003C/iframe>\n\n## Keeping pace with the pandemic\n\nWhen we started the project, no one could have predicted how quickly the pandemic would progress, so building an app that kept up with the ever-changing situation was undoubtedly a challenge. \n\nLuckily we worked with an incredible team including a UX researcher (\u003Ca target=\"_blank\" href=\"https://bensauer.net/\">Ben Sauer\u003C/a>), UX designer (\u003Ca target=\"_blank\" href=\"https://emma-smith.co.uk/\">Emma Smith\u003C/a>), and UI Designer (\u003Ca target=\"_blank\" href=\"https://www.hustlersquad.net/\">James Gilliard\u003C/a>) who all did an excellent job of taking the tricky maths behind the models and making them into a useful and understandable tool.",{"id":7261,"name":16006,"alternativeText":29,"caption":29,"width":15888,"height":15889,"formats":16007,"hash":16032,"ext":34,"mime":37,"size":16033,"url":16034,"previewUrl":39,"provider":72,"provider_metadata":16035,"created_at":16036,"updated_at":16037},"halogen.png",{"large":16008,"small":16014,"medium":16020,"thumbnail":16026},{"ext":34,"url":16009,"hash":16010,"mime":37,"name":16011,"path":39,"size":16012,"width":41,"height":42,"provider_metadata":16013},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1708621811/large_halogen_9593044a07.png","large_halogen_9593044a07","large_halogen.png",337.1,{"public_id":16010,"resource_type":44},{"ext":34,"url":16015,"hash":16016,"mime":37,"name":16017,"path":39,"size":16018,"width":50,"height":51,"provider_metadata":16019},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1708621814/small_halogen_9593044a07.png","small_halogen_9593044a07","small_halogen.png",105.85,{"public_id":16016,"resource_type":44},{"ext":34,"url":16021,"hash":16022,"mime":37,"name":16023,"path":39,"size":16024,"width":58,"height":59,"provider_metadata":16025},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1708621812/medium_halogen_9593044a07.png","medium_halogen_9593044a07","medium_halogen.png",208.64,{"public_id":16022,"resource_type":44},{"ext":34,"url":16027,"hash":16028,"mime":37,"name":16029,"path":39,"size":16030,"width":66,"height":67,"provider_metadata":16031},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1708621810/thumbnail_halogen_9593044a07.png","thumbnail_halogen_9593044a07","thumbnail_halogen.png",36.65,{"public_id":16028,"resource_type":44},"halogen_9593044a07",451.33,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1708621809/halogen_9593044a07.png",{"public_id":16032,"resource_type":44},"2024-02-22T17:10:15.348Z","2024-02-22T17:10:15.363Z",{"id":279,"Title":16039,"Summary":16040,"created_at":16041,"updated_at":16042,"ShortDescription":16043,"Order":39,"slug":16044,"Content":16045,"Feature":16048},"Chat Thing","Chat Thing is our first in house product that allows users to create magic AI chatbots.","2024-02-28T09:41:15.840Z","2024-03-20T12:01:15.997Z","Chat Thing is our first in house product that allows users to create magic AI chatbots","chat-thing",[16046],{"__component":23,"id":8461,"Text":16047},"## Client\nPixelhop! We were the client! We have always wanted to diversify Pixelhop’s revenue, and balance client work with our own in house product. After many many projects that we began and never saw through, it felt good to finally change that with Chat Thing.\n\n![Xnapper-2024-03-19-19.34.53.webp](https://res.cloudinary.com/djyjvrw5u/image/upload/v1710876950/Xnapper_2024_03_19_19_34_53_66b816965e.webp)\n\n## The problem\n\nTrue story, this all started because we had a bit of an existential crisis one weekend and were worried about our jobs as designers and developers. Instead of quivering and shying away from it we used it as an excuse to learn more about AI. So we racked our brains and came up with Chat Thing. An easy to use platform that allows users to use their data from different sources and create their own bots. We wanted a no code solution opening up AI possibilities for almost anyone. After a hackathon weekend we had our MVP and Chat Thing was born. \n\n![Xnapper-2024-03-20-11.52.12.webp](https://res.cloudinary.com/djyjvrw5u/image/upload/v1710935582/Xnapper_2024_03_20_11_52_12_788eaba87e.webp)\n\n## Pixelhop’s approach\n\n### SPEED! Just get it out there…\n\nOur approach was essentially speed, we didn’t wait for things to be perfect and polished before getting it out. We designed > built > launched > adapted > repeat.\n\nChat Thing was a weekend project that quickly rocketed. We didn’t have the time to spend on getting it absolutely perfect from the start, we had to build, get it out and adapt. \n\nWe started small and basic then build form there. We decided to start by connecting it up to Notion, where so much of our Pixelhop work is (employee handbook, project management, proposals, documentation etc etc). From here we could create bots and showcase Chat thing. \n\nIn under a week we had a working prototype, we recorded some videos and shared to see how they were received. Eventually people seemed to be getting excited. We weren’t ready yet to launch, so we created a really basic page where people could sign up to show their interest, and to see how many people would sign up. \n\nWe couldn’t believe we got a couple of thousand people sign up in less than a month. \n\nAt this point we hadn’t really thought of all of the possibilities, or where Chat Thing could really go. To be honest, we still don’t know all the different possibilities as the opportunities are endless. \n\n## Strategies Employed\n\n- **Bootstrap Approach:** Chat Thing was developed and launched without external funding.\n- **Fast Prototyping:** The initial idea was prototyped on February 27, with a working model by March 5.\n- **Waitlist Generation:** A basic landing page and strategic posting on Twitter generated a growing waitlist of users eager to try the product.\n- **Phased User Invites:** Began inviting users from the waitlist in small batches to control growth and user experience.\n- **Name and Brand:** The name “Chat Thing” reflects the versatility of the AI bots that can be created using the platform.\n- **High-Profile Support:** Recognition and support from Seth Godin and Dave Winer boosted credibility and exposure.\n\n## Results\n\n- **Revenue Generation:** First paying customer signed up on March 22, and by June, monthly recurring revenue reached £5,000.\n- **User Engagement:** More than 5,300 users have created nearly 4,000 bots within three months.\n- **Product Evolution:** From a single data source and chat channel at launch to supporting multiple data sources and chat channels like Discord, Slack, WhatsApp, and an API.\n- **Recognition:** High-profile users like Seth Godin and Dave Winer have adopted the platform for their content.\n- **Improved Features:** Ongoing updates to product features based on customer feedback.\n\n## Next Steps\n\n- **MRR Goal:** Aim to reach £10,000 MRR, which would make the project self-sustaining and allow for re-investment into the product.\n- **Feature Development:** Implementation of new features and improvements to differentiate Chat Thing from competitors.\n- **Marketing Efforts:** Address current lack of marketing to aid further growth.\n\n## Conclusion\n\nChat Thing has successfully launched as a bootstrapped side project, quickly gaining traction and revenue. Despite the initial challenges and competition, the product has attracted a significant user base and high-profile endorsements. With continuous improvements and strategic marketing, Pixelhop aims to solidify Chat Thing's presence in the market.",{"id":7266,"name":16049,"alternativeText":29,"caption":29,"width":15888,"height":15889,"formats":16050,"hash":16074,"ext":34,"mime":37,"size":16075,"url":16076,"previewUrl":39,"provider":72,"provider_metadata":16077,"created_at":16078,"updated_at":16079},"chatthing (1).png",{"large":16051,"small":16057,"medium":16063,"thumbnail":16069},{"ext":34,"url":16052,"hash":16053,"mime":37,"name":16054,"path":39,"size":16055,"width":41,"height":42,"provider_metadata":16056},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1709113234/large_chatthing_1_dee071de7f.png","large_chatthing_1_dee071de7f","large_chatthing (1).png",438.37,{"public_id":16053,"resource_type":44},{"ext":34,"url":16058,"hash":16059,"mime":37,"name":16060,"path":39,"size":16061,"width":50,"height":51,"provider_metadata":16062},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1709113237/small_chatthing_1_dee071de7f.png","small_chatthing_1_dee071de7f","small_chatthing (1).png",141.71,{"public_id":16059,"resource_type":44},{"ext":34,"url":16064,"hash":16065,"mime":37,"name":16066,"path":39,"size":16067,"width":58,"height":59,"provider_metadata":16068},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1709113236/medium_chatthing_1_dee071de7f.png","medium_chatthing_1_dee071de7f","medium_chatthing (1).png",276.89,{"public_id":16065,"resource_type":44},{"ext":34,"url":16070,"hash":16071,"mime":37,"name":16072,"path":39,"size":9220,"width":66,"height":67,"provider_metadata":16073},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1709113233/thumbnail_chatthing_1_dee071de7f.png","thumbnail_chatthing_1_dee071de7f","thumbnail_chatthing (1).png",{"public_id":16071,"resource_type":44},"chatthing_1_dee071de7f",504.53,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1709113232/chatthing_1_dee071de7f.png",{"public_id":16074,"resource_type":44},"2024-02-28T09:40:37.656Z","2024-02-28T09:40:37.670Z",{"id":2639,"Name":8906,"created_at":8907,"updated_at":8908,"slug":8909,"blogs":16081,"projects":16344},[16082,16096,16165,16232],{"id":2782,"Title":9335,"user":336,"Summary":9348,"created_at":9349,"updated_at":9350,"slug":9351,"published_at":9352,"release_date":9353,"Layout":4165,"Content":16083,"Feature":16085},[16084],{"__component":23,"id":860,"Text":9356},{"id":993,"name":289,"alternativeText":39,"caption":39,"width":3576,"height":523,"formats":16086,"hash":9379,"ext":34,"mime":37,"size":9380,"url":9381,"previewUrl":39,"provider":72,"provider_metadata":16095,"created_at":9383,"updated_at":9383},{"large":16087,"small":16089,"medium":16091,"thumbnail":16093},{"ext":34,"url":9360,"hash":9361,"mime":37,"name":296,"path":39,"size":9362,"width":41,"height":537,"provider_metadata":16088},{"public_id":9361,"resource_type":44},{"ext":34,"url":9365,"hash":9366,"mime":37,"name":302,"path":39,"size":9367,"width":50,"height":4650,"provider_metadata":16090},{"public_id":9366,"resource_type":44},{"ext":34,"url":9370,"hash":9371,"mime":37,"name":309,"path":39,"size":9372,"width":58,"height":3947,"provider_metadata":16092},{"public_id":9371,"resource_type":44},{"ext":34,"url":9375,"hash":9376,"mime":37,"name":316,"path":39,"size":9377,"width":256,"height":239,"provider_metadata":16094},{"public_id":9376,"resource_type":44},{"public_id":9379,"resource_type":44},{"id":390,"Title":8917,"user":336,"Summary":8930,"created_at":8931,"updated_at":8932,"slug":8933,"published_at":8934,"release_date":8935,"Layout":4165,"Content":16097,"Feature":16154},[16098,16111,16112,16125,16126,16139,16140,16153],{"__component":141,"id":1717,"Size":4089,"caption":8938,"Image":16099},[16100],{"id":672,"name":8941,"alternativeText":8942,"caption":29,"width":8943,"height":8944,"formats":16101,"hash":8971,"ext":97,"mime":100,"size":8972,"url":8973,"previewUrl":39,"provider":72,"provider_metadata":16110,"created_at":8975,"updated_at":8976},{"large":16102,"small":16104,"medium":16106,"thumbnail":16108},{"ext":97,"url":8947,"hash":8948,"mime":100,"name":8949,"path":39,"size":8950,"width":41,"height":4977,"provider_metadata":16103},{"public_id":8948,"resource_type":44},{"ext":97,"url":8953,"hash":8954,"mime":100,"name":8955,"path":39,"size":8956,"width":50,"height":8957,"provider_metadata":16105},{"public_id":8954,"resource_type":44},{"ext":97,"url":8960,"hash":8961,"mime":100,"name":8962,"path":39,"size":8963,"width":58,"height":4991,"provider_metadata":16107},{"public_id":8961,"resource_type":44},{"ext":97,"url":8966,"hash":8967,"mime":100,"name":8968,"path":39,"size":8969,"width":1728,"height":67,"provider_metadata":16109},{"public_id":8967,"resource_type":44},{"public_id":8971,"resource_type":44},{"__component":23,"id":8978,"Text":8979},{"__component":141,"id":1722,"Size":4089,"caption":8981,"Image":16113},[16114],{"id":6717,"name":8984,"alternativeText":29,"caption":29,"width":8985,"height":8986,"formats":16115,"hash":9012,"ext":34,"mime":37,"size":9013,"url":9014,"previewUrl":39,"provider":72,"provider_metadata":16124,"created_at":9016,"updated_at":9017},{"large":16116,"small":16118,"medium":16120,"thumbnail":16122},{"ext":34,"url":8989,"hash":8990,"mime":37,"name":8991,"path":39,"size":8992,"width":41,"height":4667,"provider_metadata":16117},{"public_id":8990,"resource_type":44},{"ext":34,"url":8995,"hash":8996,"mime":37,"name":8997,"path":39,"size":8998,"width":50,"height":4273,"provider_metadata":16119},{"public_id":8996,"resource_type":44},{"ext":34,"url":9001,"hash":9002,"mime":37,"name":9003,"path":39,"size":9004,"width":58,"height":8582,"provider_metadata":16121},{"public_id":9002,"resource_type":44},{"ext":34,"url":9007,"hash":9008,"mime":37,"name":9009,"path":39,"size":9010,"width":256,"height":2063,"provider_metadata":16123},{"public_id":9008,"resource_type":44},{"public_id":9012,"resource_type":44},{"__component":23,"id":3442,"Text":9019},{"__component":141,"id":1728,"Size":4089,"caption":9021,"Image":16127},[16128],{"id":6678,"name":9024,"alternativeText":9025,"caption":29,"width":9026,"height":9027,"formats":16129,"hash":9055,"ext":34,"mime":37,"size":9056,"url":9057,"previewUrl":39,"provider":72,"provider_metadata":16138,"created_at":9059,"updated_at":9060},{"large":16130,"small":16132,"medium":16134,"thumbnail":16136},{"ext":34,"url":9030,"hash":9031,"mime":37,"name":9032,"path":39,"size":9033,"width":41,"height":9034,"provider_metadata":16131},{"public_id":9031,"resource_type":44},{"ext":34,"url":9037,"hash":9038,"mime":37,"name":9039,"path":39,"size":9040,"width":50,"height":7306,"provider_metadata":16133},{"public_id":9038,"resource_type":44},{"ext":34,"url":9043,"hash":9044,"mime":37,"name":9045,"path":39,"size":9046,"width":58,"height":9047,"provider_metadata":16135},{"public_id":9044,"resource_type":44},{"ext":34,"url":9050,"hash":9051,"mime":37,"name":9052,"path":39,"size":9053,"width":518,"height":67,"provider_metadata":16137},{"public_id":9051,"resource_type":44},{"public_id":9055,"resource_type":44},{"__component":23,"id":9062,"Text":9063},{"__component":141,"id":1666,"Size":608,"caption":9065,"Image":16141},[16142],{"id":6538,"name":9068,"alternativeText":9069,"caption":29,"width":9070,"height":9071,"formats":16143,"hash":9095,"ext":97,"mime":100,"size":9096,"url":9097,"previewUrl":39,"provider":72,"provider_metadata":16152,"created_at":9099,"updated_at":9100},{"large":16144,"small":16146,"medium":16148,"thumbnail":16150},{"ext":97,"url":9074,"hash":9075,"mime":100,"name":9076,"path":39,"size":9077,"width":58,"height":41,"provider_metadata":16145},{"public_id":9075,"resource_type":44},{"ext":97,"url":9080,"hash":9081,"mime":100,"name":9082,"path":39,"size":5740,"width":311,"height":50,"provider_metadata":16147},{"public_id":9081,"resource_type":44},{"ext":97,"url":9085,"hash":9086,"mime":100,"name":9087,"path":39,"size":9088,"width":537,"height":58,"provider_metadata":16149},{"public_id":9086,"resource_type":44},{"ext":97,"url":9091,"hash":9092,"mime":100,"name":9093,"path":39,"size":7713,"width":493,"height":67,"provider_metadata":16151},{"public_id":9092,"resource_type":44},{"public_id":9095,"resource_type":44},{"__component":23,"id":9102,"Text":9103},{"id":6411,"name":289,"alternativeText":39,"caption":39,"width":3576,"height":523,"formats":16155,"hash":9126,"ext":34,"mime":37,"size":9127,"url":9128,"previewUrl":39,"provider":72,"provider_metadata":16164,"created_at":9130,"updated_at":9130},{"large":16156,"small":16158,"medium":16160,"thumbnail":16162},{"ext":34,"url":9107,"hash":9108,"mime":37,"name":296,"path":39,"size":9109,"width":41,"height":537,"provider_metadata":16157},{"public_id":9108,"resource_type":44},{"ext":34,"url":9112,"hash":9113,"mime":37,"name":302,"path":39,"size":9114,"width":50,"height":4650,"provider_metadata":16159},{"public_id":9113,"resource_type":44},{"ext":34,"url":9117,"hash":9118,"mime":37,"name":309,"path":39,"size":9119,"width":58,"height":3947,"provider_metadata":16161},{"public_id":9118,"resource_type":44},{"ext":34,"url":9122,"hash":9123,"mime":37,"name":316,"path":39,"size":9124,"width":256,"height":239,"provider_metadata":16163},{"public_id":9123,"resource_type":44},{"public_id":9126,"resource_type":44},{"id":1599,"Title":9137,"user":336,"Summary":9150,"created_at":9151,"updated_at":9152,"slug":9153,"published_at":9154,"release_date":9155,"Layout":381,"Content":16166,"Feature":16223},[16167,16168,16181,16182,16195,16196,16209,16210],{"__component":23,"id":1397,"Text":9158},{"__component":141,"id":1707,"Size":4450,"caption":39,"Image":16169},[16170],{"id":7147,"name":9162,"alternativeText":29,"caption":29,"width":9163,"height":9026,"formats":16171,"hash":9189,"ext":97,"mime":100,"size":9190,"url":9191,"previewUrl":39,"provider":72,"provider_metadata":16180,"created_at":9193,"updated_at":9194},{"large":16172,"small":16174,"medium":16176,"thumbnail":16178},{"ext":97,"url":9166,"hash":9167,"mime":100,"name":9168,"path":39,"size":9169,"width":41,"height":9170,"provider_metadata":16173},{"public_id":9167,"resource_type":44},{"ext":97,"url":9173,"hash":9174,"mime":100,"name":9175,"path":39,"size":9176,"width":50,"height":210,"provider_metadata":16175},{"public_id":9174,"resource_type":44},{"ext":97,"url":9179,"hash":9180,"mime":100,"name":9181,"path":39,"size":9182,"width":58,"height":50,"provider_metadata":16177},{"public_id":9180,"resource_type":44},{"ext":97,"url":9185,"hash":9186,"mime":100,"name":9187,"path":39,"size":5671,"width":223,"height":67,"provider_metadata":16179},{"public_id":9186,"resource_type":44},{"public_id":9189,"resource_type":44},{"__component":23,"id":9196,"Text":9197},{"__component":141,"id":1712,"Size":608,"caption":39,"Image":16183},[16184],{"id":7482,"name":9201,"alternativeText":29,"caption":29,"width":9202,"height":4482,"formats":16185,"hash":9228,"ext":97,"mime":100,"size":9229,"url":9230,"previewUrl":39,"provider":72,"provider_metadata":16194,"created_at":9232,"updated_at":9233},{"large":16186,"small":16188,"medium":16190,"thumbnail":16192},{"ext":97,"url":9205,"hash":9206,"mime":100,"name":9207,"path":39,"size":9208,"width":5398,"height":41,"provider_metadata":16187},{"public_id":9206,"resource_type":44},{"ext":97,"url":9211,"hash":9212,"mime":100,"name":9213,"path":39,"size":9214,"width":311,"height":50,"provider_metadata":16189},{"public_id":9212,"resource_type":44},{"ext":97,"url":9217,"hash":9218,"mime":100,"name":9219,"path":39,"size":9220,"width":537,"height":58,"provider_metadata":16191},{"public_id":9218,"resource_type":44},{"ext":97,"url":9223,"hash":9224,"mime":100,"name":9225,"path":39,"size":9226,"width":493,"height":67,"provider_metadata":16193},{"public_id":9224,"resource_type":44},{"public_id":9228,"resource_type":44},{"__component":23,"id":9235,"Text":9236},{"__component":141,"id":1696,"Size":4089,"caption":39,"Image":16197},[16198],{"id":7449,"name":9240,"alternativeText":29,"caption":29,"width":9163,"height":9026,"formats":16199,"hash":9266,"ext":4096,"mime":100,"size":9267,"url":9268,"previewUrl":39,"provider":72,"provider_metadata":16208,"created_at":9270,"updated_at":9271},{"large":16200,"small":16202,"medium":16204,"thumbnail":16206},{"ext":4096,"url":9243,"hash":9244,"mime":100,"name":9245,"path":39,"size":9246,"width":41,"height":9170,"provider_metadata":16201},{"public_id":9244,"resource_type":44},{"ext":4096,"url":9249,"hash":9250,"mime":100,"name":9251,"path":39,"size":9252,"width":50,"height":210,"provider_metadata":16203},{"public_id":9250,"resource_type":44},{"ext":4096,"url":9255,"hash":9256,"mime":100,"name":9257,"path":39,"size":9258,"width":58,"height":50,"provider_metadata":16205},{"public_id":9256,"resource_type":44},{"ext":4096,"url":9261,"hash":9262,"mime":100,"name":9263,"path":39,"size":9264,"width":223,"height":67,"provider_metadata":16207},{"public_id":9262,"resource_type":44},{"public_id":9266,"resource_type":44},{"__component":23,"id":5031,"Text":9273},{"__component":141,"id":1702,"Size":143,"caption":39,"Image":16211},[16212],{"id":7172,"name":9277,"alternativeText":29,"caption":29,"width":7882,"height":7883,"formats":16213,"hash":9303,"ext":97,"mime":100,"size":9304,"url":9305,"previewUrl":39,"provider":72,"provider_metadata":16222,"created_at":9307,"updated_at":9308},{"large":16214,"small":16216,"medium":16218,"thumbnail":16220},{"ext":97,"url":9280,"hash":9281,"mime":100,"name":9282,"path":39,"size":9283,"width":58,"height":41,"provider_metadata":16215},{"public_id":9281,"resource_type":44},{"ext":97,"url":9286,"hash":9287,"mime":100,"name":9288,"path":39,"size":9289,"width":311,"height":50,"provider_metadata":16217},{"public_id":9287,"resource_type":44},{"ext":97,"url":9292,"hash":9293,"mime":100,"name":9294,"path":39,"size":9295,"width":537,"height":58,"provider_metadata":16219},{"public_id":9293,"resource_type":44},{"ext":97,"url":9298,"hash":9299,"mime":100,"name":9300,"path":39,"size":9301,"width":493,"height":67,"provider_metadata":16221},{"public_id":9299,"resource_type":44},{"public_id":9303,"resource_type":44},{"id":4794,"name":289,"alternativeText":39,"caption":39,"width":523,"height":524,"formats":16224,"hash":9326,"ext":34,"mime":37,"size":9327,"url":9328,"previewUrl":39,"provider":72,"provider_metadata":16231,"created_at":9330,"updated_at":9330},{"small":16225,"medium":16227,"thumbnail":16229},{"ext":34,"url":9312,"hash":9313,"mime":37,"name":302,"path":39,"size":9314,"width":50,"height":311,"provider_metadata":16226},{"public_id":9313,"resource_type":44},{"ext":34,"url":9317,"hash":9318,"mime":37,"name":309,"path":39,"size":9319,"width":58,"height":537,"provider_metadata":16228},{"public_id":9318,"resource_type":44},{"ext":34,"url":9322,"hash":9323,"mime":37,"name":316,"path":39,"size":9324,"width":544,"height":67,"provider_metadata":16230},{"public_id":9323,"resource_type":44},{"public_id":9326,"resource_type":44},{"id":395,"Title":8561,"user":336,"Summary":8574,"created_at":8575,"updated_at":8576,"slug":8577,"published_at":8578,"release_date":8579,"Layout":138,"Content":16233,"Feature":16333},[16234,16235,16248,16249,16262,16263,16276,16277,16290,16291,16304,16305,16318,16319,16332],{"__component":23,"id":8582,"Text":8583},{"__component":141,"id":1328,"Size":4089,"caption":8585,"Image":16236},[16237],{"id":4937,"name":8588,"alternativeText":8585,"caption":8585,"width":8589,"height":8590,"formats":16238,"hash":8618,"ext":97,"mime":100,"size":8619,"url":8620,"previewUrl":39,"provider":72,"provider_metadata":16247,"created_at":8622,"updated_at":8623},{"large":16239,"small":16241,"medium":16243,"thumbnail":16245},{"ext":97,"url":8593,"hash":8594,"mime":100,"name":8595,"path":39,"size":8596,"width":41,"height":8597,"provider_metadata":16240},{"public_id":8594,"resource_type":44},{"ext":97,"url":8600,"hash":8601,"mime":100,"name":8602,"path":39,"size":8603,"width":50,"height":8604,"provider_metadata":16242},{"public_id":8601,"resource_type":44},{"ext":97,"url":8607,"hash":8608,"mime":100,"name":8609,"path":39,"size":8610,"width":58,"height":1869,"provider_metadata":16244},{"public_id":8608,"resource_type":44},{"ext":97,"url":8613,"hash":8614,"mime":100,"name":8615,"path":39,"size":8616,"width":1655,"height":67,"provider_metadata":16246},{"public_id":8614,"resource_type":44},{"public_id":8618,"resource_type":44},{"__component":23,"id":8625,"Text":8626},{"__component":141,"id":124,"Size":4089,"caption":8628,"Image":16250},[16251],{"id":2837,"name":8631,"alternativeText":8628,"caption":8628,"width":4396,"height":8632,"formats":16252,"hash":8658,"ext":34,"mime":37,"size":8659,"url":8660,"previewUrl":39,"provider":72,"provider_metadata":16261,"created_at":8662,"updated_at":8663},{"large":16253,"small":16255,"medium":16257,"thumbnail":16259},{"ext":34,"url":8635,"hash":8636,"mime":37,"name":8637,"path":39,"size":8638,"width":1987,"height":41,"provider_metadata":16254},{"public_id":8636,"resource_type":44},{"ext":34,"url":8641,"hash":8642,"mime":37,"name":8643,"path":39,"size":8644,"width":1994,"height":50,"provider_metadata":16256},{"public_id":8642,"resource_type":44},{"ext":34,"url":8647,"hash":8648,"mime":37,"name":8649,"path":39,"size":8650,"width":2001,"height":58,"provider_metadata":16258},{"public_id":8648,"resource_type":44},{"ext":34,"url":8653,"hash":8654,"mime":37,"name":8655,"path":39,"size":8656,"width":413,"height":67,"provider_metadata":16260},{"public_id":8654,"resource_type":44},{"public_id":8658,"resource_type":44},{"__component":23,"id":5641,"Text":8665},{"__component":141,"id":1389,"Size":4089,"caption":8667,"Image":16264},[16265],{"id":6281,"name":8670,"alternativeText":8667,"caption":8667,"width":8671,"height":8672,"formats":16266,"hash":8700,"ext":34,"mime":37,"size":8701,"url":8702,"previewUrl":39,"provider":72,"provider_metadata":16275,"created_at":8704,"updated_at":8705},{"large":16267,"small":16269,"medium":16271,"thumbnail":16273},{"ext":34,"url":8675,"hash":8676,"mime":37,"name":8677,"path":39,"size":8678,"width":41,"height":8679,"provider_metadata":16268},{"public_id":8676,"resource_type":44},{"ext":34,"url":8682,"hash":8683,"mime":37,"name":8684,"path":39,"size":8685,"width":50,"height":5031,"provider_metadata":16270},{"public_id":8683,"resource_type":44},{"ext":34,"url":8688,"hash":8689,"mime":37,"name":8690,"path":39,"size":8691,"width":58,"height":8692,"provider_metadata":16272},{"public_id":8689,"resource_type":44},{"ext":34,"url":8695,"hash":8696,"mime":37,"name":8697,"path":39,"size":8698,"width":876,"height":67,"provider_metadata":16274},{"public_id":8696,"resource_type":44},{"public_id":8700,"resource_type":44},{"__component":23,"id":3265,"Text":8707},{"__component":141,"id":1437,"Size":4089,"caption":8709,"Image":16278},[16279],{"id":4858,"name":8712,"alternativeText":8709,"caption":8709,"width":4567,"height":8713,"formats":16280,"hash":8741,"ext":34,"mime":37,"size":8742,"url":8743,"previewUrl":39,"provider":72,"provider_metadata":16289,"created_at":8745,"updated_at":8746},{"large":16281,"small":16283,"medium":16285,"thumbnail":16287},{"ext":34,"url":8716,"hash":8717,"mime":37,"name":8718,"path":39,"size":8719,"width":8720,"height":41,"provider_metadata":16282},{"public_id":8717,"resource_type":44},{"ext":34,"url":8723,"hash":8724,"mime":37,"name":8725,"path":39,"size":8726,"width":8727,"height":50,"provider_metadata":16284},{"public_id":8724,"resource_type":44},{"ext":34,"url":8730,"hash":8731,"mime":37,"name":8732,"path":39,"size":8733,"width":2910,"height":58,"provider_metadata":16286},{"public_id":8731,"resource_type":44},{"ext":34,"url":8736,"hash":8737,"mime":37,"name":8738,"path":39,"size":8739,"width":2101,"height":67,"provider_metadata":16288},{"public_id":8737,"resource_type":44},{"public_id":8741,"resource_type":44},{"__component":23,"id":8748,"Text":8749},{"__component":141,"id":1451,"Size":4089,"caption":8751,"Image":16292},[16293],{"id":6320,"name":8754,"alternativeText":8755,"caption":8755,"width":8756,"height":8757,"formats":16294,"hash":8784,"ext":34,"mime":37,"size":8785,"url":8786,"previewUrl":39,"provider":72,"provider_metadata":16303,"created_at":8788,"updated_at":8789},{"large":16295,"small":16297,"medium":16299,"thumbnail":16301},{"ext":34,"url":8760,"hash":8761,"mime":37,"name":8762,"path":39,"size":8763,"width":41,"height":8764,"provider_metadata":16296},{"public_id":8761,"resource_type":44},{"ext":34,"url":8767,"hash":8768,"mime":37,"name":8769,"path":39,"size":8770,"width":50,"height":8013,"provider_metadata":16298},{"public_id":8768,"resource_type":44},{"ext":34,"url":8773,"hash":8774,"mime":37,"name":8775,"path":39,"size":8776,"width":58,"height":1496,"provider_metadata":16300},{"public_id":8774,"resource_type":44},{"ext":34,"url":8779,"hash":8780,"mime":37,"name":8781,"path":39,"size":8782,"width":256,"height":1854,"provider_metadata":16302},{"public_id":8780,"resource_type":44},{"public_id":8784,"resource_type":44},{"__component":23,"id":3637,"Text":8791},{"__component":141,"id":1465,"Size":4089,"caption":8793,"Image":16306},[16307],{"id":6983,"name":8796,"alternativeText":8797,"caption":8797,"width":8798,"height":8799,"formats":16308,"hash":8827,"ext":34,"mime":37,"size":8828,"url":8829,"previewUrl":39,"provider":72,"provider_metadata":16317,"created_at":8831,"updated_at":8832},{"large":16309,"small":16311,"medium":16313,"thumbnail":16315},{"ext":34,"url":8802,"hash":8803,"mime":37,"name":8804,"path":39,"size":8805,"width":41,"height":8806,"provider_metadata":16310},{"public_id":8803,"resource_type":44},{"ext":34,"url":8809,"hash":8810,"mime":37,"name":8811,"path":39,"size":8812,"width":50,"height":6961,"provider_metadata":16312},{"public_id":8810,"resource_type":44},{"ext":34,"url":8815,"hash":8816,"mime":37,"name":8817,"path":39,"size":8818,"width":58,"height":8819,"provider_metadata":16314},{"public_id":8816,"resource_type":44},{"ext":34,"url":8822,"hash":8823,"mime":37,"name":8824,"path":39,"size":8825,"width":1685,"height":67,"provider_metadata":16316},{"public_id":8823,"resource_type":44},{"public_id":8827,"resource_type":44},{"__component":23,"id":1935,"Text":8834},{"__component":141,"id":1479,"Size":4089,"caption":8836,"Image":16320},[16321],{"id":6414,"name":8839,"alternativeText":8836,"caption":8836,"width":8840,"height":8841,"formats":16322,"hash":8868,"ext":34,"mime":37,"size":8869,"url":8870,"previewUrl":39,"provider":72,"provider_metadata":16331,"created_at":8872,"updated_at":8873},{"large":16323,"small":16325,"medium":16327,"thumbnail":16329},{"ext":34,"url":8844,"hash":8845,"mime":37,"name":8846,"path":39,"size":8847,"width":41,"height":8848,"provider_metadata":16324},{"public_id":8845,"resource_type":44},{"ext":34,"url":8851,"hash":8852,"mime":37,"name":8853,"path":39,"size":8854,"width":50,"height":5721,"provider_metadata":16326},{"public_id":8852,"resource_type":44},{"ext":34,"url":8857,"hash":8858,"mime":37,"name":8859,"path":39,"size":8860,"width":58,"height":4660,"provider_metadata":16328},{"public_id":8858,"resource_type":44},{"ext":34,"url":8863,"hash":8864,"mime":37,"name":8865,"path":39,"size":8866,"width":256,"height":1257,"provider_metadata":16330},{"public_id":8864,"resource_type":44},{"public_id":8868,"resource_type":44},{"__component":23,"id":2253,"Text":8875},{"id":6021,"name":522,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":16334,"hash":8899,"ext":34,"mime":37,"size":8900,"url":8901,"previewUrl":39,"provider":72,"provider_metadata":16343,"created_at":8903,"updated_at":8903},{"large":16335,"small":16337,"medium":16339,"thumbnail":16341},{"ext":34,"url":8879,"hash":8880,"mime":37,"name":8881,"path":39,"size":8882,"width":41,"height":50,"provider_metadata":16336},{"public_id":8880,"resource_type":44},{"ext":34,"url":8885,"hash":8886,"mime":37,"name":529,"path":39,"size":8887,"width":50,"height":304,"provider_metadata":16338},{"public_id":8886,"resource_type":44},{"ext":34,"url":8890,"hash":8891,"mime":37,"name":535,"path":39,"size":8892,"width":58,"height":311,"provider_metadata":16340},{"public_id":8891,"resource_type":44},{"ext":34,"url":8895,"hash":8896,"mime":37,"name":542,"path":39,"size":8897,"width":256,"height":318,"provider_metadata":16342},{"public_id":8896,"resource_type":44},{"public_id":8899,"resource_type":44},[],{"id":2644,"Name":8912,"created_at":8913,"updated_at":8914,"slug":8915,"blogs":16346,"projects":16528},[16347,16416],{"id":390,"Title":8917,"user":336,"Summary":8930,"created_at":8931,"updated_at":8932,"slug":8933,"published_at":8934,"release_date":8935,"Layout":4165,"Content":16348,"Feature":16405},[16349,16362,16363,16376,16377,16390,16391,16404],{"__component":141,"id":1717,"Size":4089,"caption":8938,"Image":16350},[16351],{"id":672,"name":8941,"alternativeText":8942,"caption":29,"width":8943,"height":8944,"formats":16352,"hash":8971,"ext":97,"mime":100,"size":8972,"url":8973,"previewUrl":39,"provider":72,"provider_metadata":16361,"created_at":8975,"updated_at":8976},{"large":16353,"small":16355,"medium":16357,"thumbnail":16359},{"ext":97,"url":8947,"hash":8948,"mime":100,"name":8949,"path":39,"size":8950,"width":41,"height":4977,"provider_metadata":16354},{"public_id":8948,"resource_type":44},{"ext":97,"url":8953,"hash":8954,"mime":100,"name":8955,"path":39,"size":8956,"width":50,"height":8957,"provider_metadata":16356},{"public_id":8954,"resource_type":44},{"ext":97,"url":8960,"hash":8961,"mime":100,"name":8962,"path":39,"size":8963,"width":58,"height":4991,"provider_metadata":16358},{"public_id":8961,"resource_type":44},{"ext":97,"url":8966,"hash":8967,"mime":100,"name":8968,"path":39,"size":8969,"width":1728,"height":67,"provider_metadata":16360},{"public_id":8967,"resource_type":44},{"public_id":8971,"resource_type":44},{"__component":23,"id":8978,"Text":8979},{"__component":141,"id":1722,"Size":4089,"caption":8981,"Image":16364},[16365],{"id":6717,"name":8984,"alternativeText":29,"caption":29,"width":8985,"height":8986,"formats":16366,"hash":9012,"ext":34,"mime":37,"size":9013,"url":9014,"previewUrl":39,"provider":72,"provider_metadata":16375,"created_at":9016,"updated_at":9017},{"large":16367,"small":16369,"medium":16371,"thumbnail":16373},{"ext":34,"url":8989,"hash":8990,"mime":37,"name":8991,"path":39,"size":8992,"width":41,"height":4667,"provider_metadata":16368},{"public_id":8990,"resource_type":44},{"ext":34,"url":8995,"hash":8996,"mime":37,"name":8997,"path":39,"size":8998,"width":50,"height":4273,"provider_metadata":16370},{"public_id":8996,"resource_type":44},{"ext":34,"url":9001,"hash":9002,"mime":37,"name":9003,"path":39,"size":9004,"width":58,"height":8582,"provider_metadata":16372},{"public_id":9002,"resource_type":44},{"ext":34,"url":9007,"hash":9008,"mime":37,"name":9009,"path":39,"size":9010,"width":256,"height":2063,"provider_metadata":16374},{"public_id":9008,"resource_type":44},{"public_id":9012,"resource_type":44},{"__component":23,"id":3442,"Text":9019},{"__component":141,"id":1728,"Size":4089,"caption":9021,"Image":16378},[16379],{"id":6678,"name":9024,"alternativeText":9025,"caption":29,"width":9026,"height":9027,"formats":16380,"hash":9055,"ext":34,"mime":37,"size":9056,"url":9057,"previewUrl":39,"provider":72,"provider_metadata":16389,"created_at":9059,"updated_at":9060},{"large":16381,"small":16383,"medium":16385,"thumbnail":16387},{"ext":34,"url":9030,"hash":9031,"mime":37,"name":9032,"path":39,"size":9033,"width":41,"height":9034,"provider_metadata":16382},{"public_id":9031,"resource_type":44},{"ext":34,"url":9037,"hash":9038,"mime":37,"name":9039,"path":39,"size":9040,"width":50,"height":7306,"provider_metadata":16384},{"public_id":9038,"resource_type":44},{"ext":34,"url":9043,"hash":9044,"mime":37,"name":9045,"path":39,"size":9046,"width":58,"height":9047,"provider_metadata":16386},{"public_id":9044,"resource_type":44},{"ext":34,"url":9050,"hash":9051,"mime":37,"name":9052,"path":39,"size":9053,"width":518,"height":67,"provider_metadata":16388},{"public_id":9051,"resource_type":44},{"public_id":9055,"resource_type":44},{"__component":23,"id":9062,"Text":9063},{"__component":141,"id":1666,"Size":608,"caption":9065,"Image":16392},[16393],{"id":6538,"name":9068,"alternativeText":9069,"caption":29,"width":9070,"height":9071,"formats":16394,"hash":9095,"ext":97,"mime":100,"size":9096,"url":9097,"previewUrl":39,"provider":72,"provider_metadata":16403,"created_at":9099,"updated_at":9100},{"large":16395,"small":16397,"medium":16399,"thumbnail":16401},{"ext":97,"url":9074,"hash":9075,"mime":100,"name":9076,"path":39,"size":9077,"width":58,"height":41,"provider_metadata":16396},{"public_id":9075,"resource_type":44},{"ext":97,"url":9080,"hash":9081,"mime":100,"name":9082,"path":39,"size":5740,"width":311,"height":50,"provider_metadata":16398},{"public_id":9081,"resource_type":44},{"ext":97,"url":9085,"hash":9086,"mime":100,"name":9087,"path":39,"size":9088,"width":537,"height":58,"provider_metadata":16400},{"public_id":9086,"resource_type":44},{"ext":97,"url":9091,"hash":9092,"mime":100,"name":9093,"path":39,"size":7713,"width":493,"height":67,"provider_metadata":16402},{"public_id":9092,"resource_type":44},{"public_id":9095,"resource_type":44},{"__component":23,"id":9102,"Text":9103},{"id":6411,"name":289,"alternativeText":39,"caption":39,"width":3576,"height":523,"formats":16406,"hash":9126,"ext":34,"mime":37,"size":9127,"url":9128,"previewUrl":39,"provider":72,"provider_metadata":16415,"created_at":9130,"updated_at":9130},{"large":16407,"small":16409,"medium":16411,"thumbnail":16413},{"ext":34,"url":9107,"hash":9108,"mime":37,"name":296,"path":39,"size":9109,"width":41,"height":537,"provider_metadata":16408},{"public_id":9108,"resource_type":44},{"ext":34,"url":9112,"hash":9113,"mime":37,"name":302,"path":39,"size":9114,"width":50,"height":4650,"provider_metadata":16410},{"public_id":9113,"resource_type":44},{"ext":34,"url":9117,"hash":9118,"mime":37,"name":309,"path":39,"size":9119,"width":58,"height":3947,"provider_metadata":16412},{"public_id":9118,"resource_type":44},{"ext":34,"url":9122,"hash":9123,"mime":37,"name":316,"path":39,"size":9124,"width":256,"height":239,"provider_metadata":16414},{"public_id":9123,"resource_type":44},{"public_id":9126,"resource_type":44},{"id":395,"Title":8561,"user":336,"Summary":8574,"created_at":8575,"updated_at":8576,"slug":8577,"published_at":8578,"release_date":8579,"Layout":138,"Content":16417,"Feature":16517},[16418,16419,16432,16433,16446,16447,16460,16461,16474,16475,16488,16489,16502,16503,16516],{"__component":23,"id":8582,"Text":8583},{"__component":141,"id":1328,"Size":4089,"caption":8585,"Image":16420},[16421],{"id":4937,"name":8588,"alternativeText":8585,"caption":8585,"width":8589,"height":8590,"formats":16422,"hash":8618,"ext":97,"mime":100,"size":8619,"url":8620,"previewUrl":39,"provider":72,"provider_metadata":16431,"created_at":8622,"updated_at":8623},{"large":16423,"small":16425,"medium":16427,"thumbnail":16429},{"ext":97,"url":8593,"hash":8594,"mime":100,"name":8595,"path":39,"size":8596,"width":41,"height":8597,"provider_metadata":16424},{"public_id":8594,"resource_type":44},{"ext":97,"url":8600,"hash":8601,"mime":100,"name":8602,"path":39,"size":8603,"width":50,"height":8604,"provider_metadata":16426},{"public_id":8601,"resource_type":44},{"ext":97,"url":8607,"hash":8608,"mime":100,"name":8609,"path":39,"size":8610,"width":58,"height":1869,"provider_metadata":16428},{"public_id":8608,"resource_type":44},{"ext":97,"url":8613,"hash":8614,"mime":100,"name":8615,"path":39,"size":8616,"width":1655,"height":67,"provider_metadata":16430},{"public_id":8614,"resource_type":44},{"public_id":8618,"resource_type":44},{"__component":23,"id":8625,"Text":8626},{"__component":141,"id":124,"Size":4089,"caption":8628,"Image":16434},[16435],{"id":2837,"name":8631,"alternativeText":8628,"caption":8628,"width":4396,"height":8632,"formats":16436,"hash":8658,"ext":34,"mime":37,"size":8659,"url":8660,"previewUrl":39,"provider":72,"provider_metadata":16445,"created_at":8662,"updated_at":8663},{"large":16437,"small":16439,"medium":16441,"thumbnail":16443},{"ext":34,"url":8635,"hash":8636,"mime":37,"name":8637,"path":39,"size":8638,"width":1987,"height":41,"provider_metadata":16438},{"public_id":8636,"resource_type":44},{"ext":34,"url":8641,"hash":8642,"mime":37,"name":8643,"path":39,"size":8644,"width":1994,"height":50,"provider_metadata":16440},{"public_id":8642,"resource_type":44},{"ext":34,"url":8647,"hash":8648,"mime":37,"name":8649,"path":39,"size":8650,"width":2001,"height":58,"provider_metadata":16442},{"public_id":8648,"resource_type":44},{"ext":34,"url":8653,"hash":8654,"mime":37,"name":8655,"path":39,"size":8656,"width":413,"height":67,"provider_metadata":16444},{"public_id":8654,"resource_type":44},{"public_id":8658,"resource_type":44},{"__component":23,"id":5641,"Text":8665},{"__component":141,"id":1389,"Size":4089,"caption":8667,"Image":16448},[16449],{"id":6281,"name":8670,"alternativeText":8667,"caption":8667,"width":8671,"height":8672,"formats":16450,"hash":8700,"ext":34,"mime":37,"size":8701,"url":8702,"previewUrl":39,"provider":72,"provider_metadata":16459,"created_at":8704,"updated_at":8705},{"large":16451,"small":16453,"medium":16455,"thumbnail":16457},{"ext":34,"url":8675,"hash":8676,"mime":37,"name":8677,"path":39,"size":8678,"width":41,"height":8679,"provider_metadata":16452},{"public_id":8676,"resource_type":44},{"ext":34,"url":8682,"hash":8683,"mime":37,"name":8684,"path":39,"size":8685,"width":50,"height":5031,"provider_metadata":16454},{"public_id":8683,"resource_type":44},{"ext":34,"url":8688,"hash":8689,"mime":37,"name":8690,"path":39,"size":8691,"width":58,"height":8692,"provider_metadata":16456},{"public_id":8689,"resource_type":44},{"ext":34,"url":8695,"hash":8696,"mime":37,"name":8697,"path":39,"size":8698,"width":876,"height":67,"provider_metadata":16458},{"public_id":8696,"resource_type":44},{"public_id":8700,"resource_type":44},{"__component":23,"id":3265,"Text":8707},{"__component":141,"id":1437,"Size":4089,"caption":8709,"Image":16462},[16463],{"id":4858,"name":8712,"alternativeText":8709,"caption":8709,"width":4567,"height":8713,"formats":16464,"hash":8741,"ext":34,"mime":37,"size":8742,"url":8743,"previewUrl":39,"provider":72,"provider_metadata":16473,"created_at":8745,"updated_at":8746},{"large":16465,"small":16467,"medium":16469,"thumbnail":16471},{"ext":34,"url":8716,"hash":8717,"mime":37,"name":8718,"path":39,"size":8719,"width":8720,"height":41,"provider_metadata":16466},{"public_id":8717,"resource_type":44},{"ext":34,"url":8723,"hash":8724,"mime":37,"name":8725,"path":39,"size":8726,"width":8727,"height":50,"provider_metadata":16468},{"public_id":8724,"resource_type":44},{"ext":34,"url":8730,"hash":8731,"mime":37,"name":8732,"path":39,"size":8733,"width":2910,"height":58,"provider_metadata":16470},{"public_id":8731,"resource_type":44},{"ext":34,"url":8736,"hash":8737,"mime":37,"name":8738,"path":39,"size":8739,"width":2101,"height":67,"provider_metadata":16472},{"public_id":8737,"resource_type":44},{"public_id":8741,"resource_type":44},{"__component":23,"id":8748,"Text":8749},{"__component":141,"id":1451,"Size":4089,"caption":8751,"Image":16476},[16477],{"id":6320,"name":8754,"alternativeText":8755,"caption":8755,"width":8756,"height":8757,"formats":16478,"hash":8784,"ext":34,"mime":37,"size":8785,"url":8786,"previewUrl":39,"provider":72,"provider_metadata":16487,"created_at":8788,"updated_at":8789},{"large":16479,"small":16481,"medium":16483,"thumbnail":16485},{"ext":34,"url":8760,"hash":8761,"mime":37,"name":8762,"path":39,"size":8763,"width":41,"height":8764,"provider_metadata":16480},{"public_id":8761,"resource_type":44},{"ext":34,"url":8767,"hash":8768,"mime":37,"name":8769,"path":39,"size":8770,"width":50,"height":8013,"provider_metadata":16482},{"public_id":8768,"resource_type":44},{"ext":34,"url":8773,"hash":8774,"mime":37,"name":8775,"path":39,"size":8776,"width":58,"height":1496,"provider_metadata":16484},{"public_id":8774,"resource_type":44},{"ext":34,"url":8779,"hash":8780,"mime":37,"name":8781,"path":39,"size":8782,"width":256,"height":1854,"provider_metadata":16486},{"public_id":8780,"resource_type":44},{"public_id":8784,"resource_type":44},{"__component":23,"id":3637,"Text":8791},{"__component":141,"id":1465,"Size":4089,"caption":8793,"Image":16490},[16491],{"id":6983,"name":8796,"alternativeText":8797,"caption":8797,"width":8798,"height":8799,"formats":16492,"hash":8827,"ext":34,"mime":37,"size":8828,"url":8829,"previewUrl":39,"provider":72,"provider_metadata":16501,"created_at":8831,"updated_at":8832},{"large":16493,"small":16495,"medium":16497,"thumbnail":16499},{"ext":34,"url":8802,"hash":8803,"mime":37,"name":8804,"path":39,"size":8805,"width":41,"height":8806,"provider_metadata":16494},{"public_id":8803,"resource_type":44},{"ext":34,"url":8809,"hash":8810,"mime":37,"name":8811,"path":39,"size":8812,"width":50,"height":6961,"provider_metadata":16496},{"public_id":8810,"resource_type":44},{"ext":34,"url":8815,"hash":8816,"mime":37,"name":8817,"path":39,"size":8818,"width":58,"height":8819,"provider_metadata":16498},{"public_id":8816,"resource_type":44},{"ext":34,"url":8822,"hash":8823,"mime":37,"name":8824,"path":39,"size":8825,"width":1685,"height":67,"provider_metadata":16500},{"public_id":8823,"resource_type":44},{"public_id":8827,"resource_type":44},{"__component":23,"id":1935,"Text":8834},{"__component":141,"id":1479,"Size":4089,"caption":8836,"Image":16504},[16505],{"id":6414,"name":8839,"alternativeText":8836,"caption":8836,"width":8840,"height":8841,"formats":16506,"hash":8868,"ext":34,"mime":37,"size":8869,"url":8870,"previewUrl":39,"provider":72,"provider_metadata":16515,"created_at":8872,"updated_at":8873},{"large":16507,"small":16509,"medium":16511,"thumbnail":16513},{"ext":34,"url":8844,"hash":8845,"mime":37,"name":8846,"path":39,"size":8847,"width":41,"height":8848,"provider_metadata":16508},{"public_id":8845,"resource_type":44},{"ext":34,"url":8851,"hash":8852,"mime":37,"name":8853,"path":39,"size":8854,"width":50,"height":5721,"provider_metadata":16510},{"public_id":8852,"resource_type":44},{"ext":34,"url":8857,"hash":8858,"mime":37,"name":8859,"path":39,"size":8860,"width":58,"height":4660,"provider_metadata":16512},{"public_id":8858,"resource_type":44},{"ext":34,"url":8863,"hash":8864,"mime":37,"name":8865,"path":39,"size":8866,"width":256,"height":1257,"provider_metadata":16514},{"public_id":8864,"resource_type":44},{"public_id":8868,"resource_type":44},{"__component":23,"id":2253,"Text":8875},{"id":6021,"name":522,"alternativeText":39,"caption":39,"width":290,"height":291,"formats":16518,"hash":8899,"ext":34,"mime":37,"size":8900,"url":8901,"previewUrl":39,"provider":72,"provider_metadata":16527,"created_at":8903,"updated_at":8903},{"large":16519,"small":16521,"medium":16523,"thumbnail":16525},{"ext":34,"url":8879,"hash":8880,"mime":37,"name":8881,"path":39,"size":8882,"width":41,"height":50,"provider_metadata":16520},{"public_id":8880,"resource_type":44},{"ext":34,"url":8885,"hash":8886,"mime":37,"name":529,"path":39,"size":8887,"width":50,"height":304,"provider_metadata":16522},{"public_id":8886,"resource_type":44},{"ext":34,"url":8890,"hash":8891,"mime":37,"name":535,"path":39,"size":8892,"width":58,"height":311,"provider_metadata":16524},{"public_id":8891,"resource_type":44},{"ext":34,"url":8895,"hash":8896,"mime":37,"name":542,"path":39,"size":8897,"width":256,"height":318,"provider_metadata":16526},{"public_id":8896,"resource_type":44},{"public_id":8899,"resource_type":44},[16529,16599,16658,16699,16824],{"id":87,"Title":15566,"Summary":15567,"created_at":15568,"updated_at":15569,"ShortDescription":15570,"Order":270,"slug":15571,"Content":16530,"Feature":16588},[16531,16532,16545,16546,16559,16560,16573,16574,16587],{"__component":23,"id":3548,"Text":15574},{"__component":141,"id":3548,"Size":39,"caption":39,"Image":16533},[16534],{"id":1520,"name":15578,"alternativeText":15579,"caption":29,"width":15580,"height":15581,"formats":16535,"hash":15603,"ext":34,"mime":37,"size":15604,"url":15605,"previewUrl":39,"provider":72,"provider_metadata":16544,"created_at":15607,"updated_at":15608},{"large":16536,"small":16538,"medium":16540,"thumbnail":16542},{"ext":34,"url":15584,"hash":15585,"mime":37,"size":15586,"width":41,"height":4334,"provider_metadata":16537},{"public_id":15585,"resource_type":44},{"ext":34,"url":15589,"hash":15590,"mime":37,"size":15591,"width":50,"height":7487,"provider_metadata":16539},{"public_id":15590,"resource_type":44},{"ext":34,"url":15594,"hash":15595,"mime":37,"size":15596,"width":58,"height":3370,"provider_metadata":16541},{"public_id":15595,"resource_type":44},{"ext":34,"url":15599,"hash":15600,"mime":37,"size":15601,"width":256,"height":2092,"provider_metadata":16543},{"public_id":15600,"resource_type":44},{"public_id":15603,"resource_type":44},{"__component":23,"id":81,"Text":15610},{"__component":141,"id":81,"Size":39,"caption":39,"Image":16547},[16548],{"id":327,"name":15614,"alternativeText":15615,"caption":29,"width":15616,"height":15617,"formats":16549,"hash":15639,"ext":34,"mime":37,"size":15640,"url":15641,"previewUrl":39,"provider":72,"provider_metadata":16558,"created_at":15643,"updated_at":15644},{"large":16550,"small":16552,"medium":16554,"thumbnail":16556},{"ext":34,"url":15620,"hash":15621,"mime":37,"size":15622,"width":41,"height":8461,"provider_metadata":16551},{"public_id":15621,"resource_type":44},{"ext":34,"url":15625,"hash":15626,"mime":37,"size":15627,"width":50,"height":4718,"provider_metadata":16553},{"public_id":15626,"resource_type":44},{"ext":34,"url":15630,"hash":15631,"mime":37,"size":15632,"width":58,"height":2865,"provider_metadata":16555},{"public_id":15631,"resource_type":44},{"ext":34,"url":15635,"hash":15636,"mime":37,"size":15637,"width":256,"height":1376,"provider_metadata":16557},{"public_id":15636,"resource_type":44},{"public_id":15639,"resource_type":44},{"__component":23,"id":3523,"Text":15646},{"__component":141,"id":3523,"Size":39,"caption":39,"Image":16561},[16562],{"id":558,"name":15650,"alternativeText":15651,"caption":29,"width":15652,"height":15653,"formats":16563,"hash":15675,"ext":34,"mime":37,"size":15676,"url":15677,"previewUrl":39,"provider":72,"provider_metadata":16572,"created_at":15679,"updated_at":15680},{"large":16564,"small":16566,"medium":16568,"thumbnail":16570},{"ext":34,"url":15656,"hash":15657,"mime":37,"size":15658,"width":41,"height":8978,"provider_metadata":16565},{"public_id":15657,"resource_type":44},{"ext":34,"url":15661,"hash":15662,"mime":37,"size":15663,"width":50,"height":1404,"provider_metadata":16567},{"public_id":15662,"resource_type":44},{"ext":34,"url":15666,"hash":15667,"mime":37,"size":15668,"width":58,"height":51,"provider_metadata":16569},{"public_id":15667,"resource_type":44},{"ext":34,"url":15671,"hash":15672,"mime":37,"size":15673,"width":256,"height":420,"provider_metadata":16571},{"public_id":15672,"resource_type":44},{"public_id":15675,"resource_type":44},{"__component":23,"id":274,"Text":15682},{"__component":141,"id":274,"Size":39,"caption":39,"Image":16575},[16576],{"id":333,"name":15686,"alternativeText":15687,"caption":29,"width":15688,"height":1057,"formats":16577,"hash":15711,"ext":34,"mime":37,"size":15712,"url":15713,"previewUrl":39,"provider":72,"provider_metadata":16586,"created_at":15715,"updated_at":15716},{"large":16578,"small":16580,"medium":16582,"thumbnail":16584},{"ext":34,"url":15691,"hash":15692,"mime":37,"size":15693,"width":41,"height":5568,"provider_metadata":16579},{"public_id":15692,"resource_type":44},{"ext":34,"url":15696,"hash":15697,"mime":37,"size":15698,"width":50,"height":4730,"provider_metadata":16581},{"public_id":15697,"resource_type":44},{"ext":34,"url":15701,"hash":15702,"mime":37,"size":15703,"width":58,"height":15704,"provider_metadata":16583},{"public_id":15702,"resource_type":44},{"ext":34,"url":15707,"hash":15708,"mime":37,"size":15709,"width":4622,"height":67,"provider_metadata":16585},{"public_id":15708,"resource_type":44},{"public_id":15711,"resource_type":44},{"__component":23,"id":279,"Text":15718},{"id":2727,"name":15720,"alternativeText":29,"caption":29,"width":15721,"height":15722,"formats":16589,"hash":15750,"ext":34,"mime":37,"size":15751,"url":15752,"previewUrl":39,"provider":72,"provider_metadata":16598,"created_at":15754,"updated_at":15755},{"large":16590,"small":16592,"medium":16594,"thumbnail":16596},{"ext":34,"url":15725,"hash":15726,"mime":37,"name":15727,"path":39,"size":15728,"width":41,"height":15729,"provider_metadata":16591},{"public_id":15726,"resource_type":44},{"ext":34,"url":15732,"hash":15733,"mime":37,"name":15734,"path":39,"size":15735,"width":50,"height":7283,"provider_metadata":16593},{"public_id":15733,"resource_type":44},{"ext":34,"url":15738,"hash":15739,"mime":37,"name":15740,"path":39,"size":15741,"width":58,"height":15742,"provider_metadata":16595},{"public_id":15739,"resource_type":44},{"ext":34,"url":15745,"hash":15746,"mime":37,"name":15747,"path":39,"size":15748,"width":232,"height":67,"provider_metadata":16597},{"public_id":15746,"resource_type":44},{"public_id":15750,"resource_type":44},{"id":81,"Title":15757,"Summary":15758,"created_at":15759,"updated_at":15760,"ShortDescription":15761,"Order":87,"slug":15762,"Content":16600,"Feature":16647},[16601,16614,16615,16618,16619,16632,16633,16646],{"__component":141,"id":569,"Size":39,"caption":39,"Image":16602},[16603],{"id":2589,"name":15767,"alternativeText":15768,"caption":29,"width":15769,"height":15770,"formats":16604,"hash":15793,"ext":34,"mime":37,"size":15794,"url":15795,"previewUrl":39,"provider":72,"provider_metadata":16613,"created_at":15797,"updated_at":15798},{"large":16605,"small":16607,"medium":16609,"thumbnail":16611},{"ext":34,"url":15773,"hash":15774,"mime":37,"size":15775,"width":41,"height":15776,"provider_metadata":16606},{"public_id":15774,"resource_type":44},{"ext":34,"url":15779,"hash":15780,"mime":37,"size":15781,"width":50,"height":2613,"provider_metadata":16608},{"public_id":15780,"resource_type":44},{"ext":34,"url":15784,"hash":15785,"mime":37,"size":15786,"width":58,"height":5489,"provider_metadata":16610},{"public_id":15785,"resource_type":44},{"ext":34,"url":15789,"hash":15790,"mime":37,"size":15791,"width":518,"height":67,"provider_metadata":16612},{"public_id":15790,"resource_type":44},{"public_id":15793,"resource_type":44},{"__component":23,"id":2757,"Text":15800},{"__component":1373,"id":87,"Video":16616},{"id":2658,"name":15803,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":15804,"ext":1558,"mime":1559,"size":15805,"url":15806,"previewUrl":15807,"provider":72,"provider_metadata":16617,"created_at":15809,"updated_at":15809},{"public_id":15804,"resource_type":1385},{"__component":23,"id":1269,"Text":15811},{"__component":141,"id":2174,"Size":39,"caption":39,"Image":16620},[16621],{"id":2715,"name":15815,"alternativeText":15816,"caption":29,"width":15817,"height":15818,"formats":16622,"hash":15842,"ext":34,"mime":37,"size":15843,"url":15844,"previewUrl":39,"provider":72,"provider_metadata":16631,"created_at":15846,"updated_at":15847},{"large":16623,"small":16625,"medium":16627,"thumbnail":16629},{"ext":34,"url":15821,"hash":15822,"mime":37,"size":15823,"width":15824,"height":41,"provider_metadata":16624},{"public_id":15822,"resource_type":44},{"ext":34,"url":15827,"hash":15828,"mime":37,"size":15829,"width":8049,"height":50,"provider_metadata":16626},{"public_id":15828,"resource_type":44},{"ext":34,"url":15832,"hash":15833,"mime":37,"size":15834,"width":15835,"height":58,"provider_metadata":16628},{"public_id":15833,"resource_type":44},{"ext":34,"url":15838,"hash":15839,"mime":37,"size":15840,"width":2145,"height":67,"provider_metadata":16630},{"public_id":15839,"resource_type":44},{"public_id":15842,"resource_type":44},{"__component":23,"id":2589,"Text":15849},{"__component":141,"id":333,"Size":39,"caption":39,"Image":16634},[16635],{"id":2782,"name":15853,"alternativeText":15854,"caption":29,"width":15855,"height":5606,"formats":16636,"hash":15878,"ext":34,"mime":37,"size":15879,"url":15880,"previewUrl":39,"provider":72,"provider_metadata":16645,"created_at":15882,"updated_at":15883},{"large":16637,"small":16639,"medium":16641,"thumbnail":16643},{"ext":34,"url":15858,"hash":15859,"mime":37,"size":15860,"width":41,"height":2307,"provider_metadata":16638},{"public_id":15859,"resource_type":44},{"ext":34,"url":15863,"hash":15864,"mime":37,"size":15865,"width":50,"height":1116,"provider_metadata":16640},{"public_id":15864,"resource_type":44},{"ext":34,"url":15868,"hash":15869,"mime":37,"size":15870,"width":58,"height":15871,"provider_metadata":16642},{"public_id":15869,"resource_type":44},{"ext":34,"url":15874,"hash":15875,"mime":37,"size":15876,"width":256,"height":1125,"provider_metadata":16644},{"public_id":15875,"resource_type":44},{"public_id":15878,"resource_type":44},{"__component":23,"id":2658,"Text":15885},{"id":1411,"name":15887,"alternativeText":29,"caption":29,"width":15888,"height":15889,"formats":16648,"hash":15915,"ext":34,"mime":37,"size":15916,"url":15917,"previewUrl":39,"provider":72,"provider_metadata":16657,"created_at":15919,"updated_at":15920},{"large":16649,"small":16651,"medium":16653,"thumbnail":16655},{"ext":34,"url":15892,"hash":15893,"mime":37,"name":15894,"path":39,"size":15895,"width":41,"height":42,"provider_metadata":16650},{"public_id":15893,"resource_type":44},{"ext":34,"url":15898,"hash":15899,"mime":37,"name":15900,"path":39,"size":15901,"width":50,"height":51,"provider_metadata":16652},{"public_id":15899,"resource_type":44},{"ext":34,"url":15904,"hash":15905,"mime":37,"name":15906,"path":39,"size":15907,"width":58,"height":59,"provider_metadata":16654},{"public_id":15905,"resource_type":44},{"ext":34,"url":15910,"hash":15911,"mime":37,"name":15912,"path":39,"size":15913,"width":66,"height":67,"provider_metadata":16656},{"public_id":15911,"resource_type":44},{"public_id":15915,"resource_type":44},{"id":3523,"Title":15922,"Summary":15923,"created_at":15924,"updated_at":15925,"ShortDescription":15926,"Order":336,"slug":15927,"Content":16659,"Feature":16688},[16660,16673,16674,16687],{"__component":141,"id":78,"Size":39,"caption":39,"Image":16661},[16662],{"id":1599,"name":15932,"alternativeText":15932,"caption":29,"width":15933,"height":15934,"formats":16663,"hash":15958,"ext":34,"mime":37,"size":15959,"url":15960,"previewUrl":39,"provider":72,"provider_metadata":16672,"created_at":15962,"updated_at":15963},{"large":16664,"small":16666,"medium":16668,"thumbnail":16670},{"ext":34,"url":15937,"hash":15938,"mime":37,"size":15939,"width":41,"height":15940,"provider_metadata":16665},{"public_id":15938,"resource_type":44},{"ext":34,"url":15943,"hash":15944,"mime":37,"size":15945,"width":50,"height":6320,"provider_metadata":16667},{"public_id":15944,"resource_type":44},{"ext":34,"url":15948,"hash":15949,"mime":37,"size":15950,"width":58,"height":15951,"provider_metadata":16669},{"public_id":15949,"resource_type":44},{"ext":34,"url":15954,"hash":15955,"mime":37,"size":15956,"width":424,"height":67,"provider_metadata":16671},{"public_id":15955,"resource_type":44},{"public_id":15958,"resource_type":44},{"__component":23,"id":2715,"Text":15965},{"__component":141,"id":3471,"Size":39,"caption":39,"Image":16675},[16676],{"id":390,"name":15969,"alternativeText":29,"caption":29,"width":1335,"height":15970,"formats":16677,"hash":15997,"ext":34,"mime":37,"size":15998,"url":15999,"previewUrl":39,"provider":72,"provider_metadata":16686,"created_at":16001,"updated_at":16002},{"large":16678,"small":16680,"medium":16682,"thumbnail":16684},{"ext":34,"url":15973,"hash":15974,"mime":37,"name":15975,"path":39,"size":15976,"width":41,"height":15977,"provider_metadata":16679},{"public_id":15974,"resource_type":44},{"ext":34,"url":15980,"hash":15981,"mime":37,"name":15982,"path":39,"size":15983,"width":50,"height":4984,"provider_metadata":16681},{"public_id":15981,"resource_type":44},{"ext":34,"url":15986,"hash":15987,"mime":37,"name":15988,"path":39,"size":15989,"width":58,"height":665,"provider_metadata":16683},{"public_id":15987,"resource_type":44},{"ext":34,"url":15992,"hash":15993,"mime":37,"name":15994,"path":39,"size":15995,"width":1722,"height":67,"provider_metadata":16685},{"public_id":15993,"resource_type":44},{"public_id":15997,"resource_type":44},{"__component":23,"id":2787,"Text":16004},{"id":7261,"name":16006,"alternativeText":29,"caption":29,"width":15888,"height":15889,"formats":16689,"hash":16032,"ext":34,"mime":37,"size":16033,"url":16034,"previewUrl":39,"provider":72,"provider_metadata":16698,"created_at":16036,"updated_at":16037},{"large":16690,"small":16692,"medium":16694,"thumbnail":16696},{"ext":34,"url":16009,"hash":16010,"mime":37,"name":16011,"path":39,"size":16012,"width":41,"height":42,"provider_metadata":16691},{"public_id":16010,"resource_type":44},{"ext":34,"url":16015,"hash":16016,"mime":37,"name":16017,"path":39,"size":16018,"width":50,"height":51,"provider_metadata":16693},{"public_id":16016,"resource_type":44},{"ext":34,"url":16021,"hash":16022,"mime":37,"name":16023,"path":39,"size":16024,"width":58,"height":59,"provider_metadata":16695},{"public_id":16022,"resource_type":44},{"ext":34,"url":16027,"hash":16028,"mime":37,"name":16029,"path":39,"size":16030,"width":66,"height":67,"provider_metadata":16697},{"public_id":16028,"resource_type":44},{"public_id":16032,"resource_type":44},{"id":3548,"Title":16700,"Summary":16701,"created_at":16702,"updated_at":16703,"ShortDescription":16704,"Order":87,"slug":16705,"Content":16706,"Feature":16795},"F1 Arcade","## Helping deliver a world first F1 Arcade Experience in London\n\nPixelhop collaborated with F1 Arcade to create an exciting new racing experience in central London, combining cutting-edge racing simulation with delicious food and cocktails. Pixelhop provided a range of digital projects for F1 Arcade, forming a major part of the customer-facing experience.","2023-01-09T13:02:35.609Z","2023-01-09T13:23:26.888Z","Pixelhop collaborated with F1 Arcade to create an exciting new racing experience in central London.","f1-arcade",[16707,16710,16720,16722,16732,16735,16745,16747,16757,16759,16769,16771,16781,16783,16793],{"__component":23,"id":16708,"Text":16709},287,"## Creating the sim user interface\n\nAt the core of F1 Arcade are the simulators! These are the state-of-the-art racing simulators in which you and your friends will be experiencing sweat-inducing F1 races. Pixelhop built a custom interface displayed on both simulator screens before and after the race that onboards users to the F1 Arcade experiences, allowing them to make selections using the steering wheel, such as their team and difficulty, and displays the race results after the race.\n\nIn addition, Pixelhop also built the in-game heads-up display, including your car's speedometer, the leaderboard and in-race notifications.\n\nBelow is a short vid of the F1 legends David Coulthard and Mika Häkkinen experiencing our work and battling it out together.\n \n\n",{"__component":1373,"id":2584,"Video":16711},{"id":921,"name":16712,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":16713,"ext":1558,"mime":1559,"size":16714,"url":16715,"previewUrl":16716,"provider":72,"provider_metadata":16717,"created_at":16718,"updated_at":16719},"VIDEO-2022-12-01-00-09-58.mp4","VIDEO_2022_12_01_00_09_58_c46bebf7a8",58368.44,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1673268854/VIDEO_2022_12_01_00_09_58_c46bebf7a8.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/VIDEO_2022_12_01_00_09_58_c46bebf7a8.gif",{"public_id":16713,"resource_type":1385},"2023-01-09T12:54:18.593Z","2023-01-09T12:54:18.614Z",{"__component":23,"id":4273,"Text":16721},"And here's a little taster of some of our work on the team leaderboards close up during development. ",{"__component":1373,"id":2630,"Video":16723},{"id":876,"name":16724,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":16725,"ext":1379,"mime":1380,"size":16726,"url":16727,"previewUrl":16728,"provider":72,"provider_metadata":16729,"created_at":16730,"updated_at":16731},"Screen Recording 2022-10-26 at 20.19.19 (1).mov","Screen_Recording_2022_10_26_at_20_19_19_1_d129424f71",58993.91,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1673268540/Screen_Recording_2022_10_26_at_20_19_19_1_d129424f71.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Screen_Recording_2022_10_26_at_20_19_19_1_d129424f71.gif",{"public_id":16725,"resource_type":1385},"2023-01-09T12:49:04.207Z","2023-01-09T12:49:04.223Z",{"__component":23,"id":16733,"Text":16734},289,"## Boosting guest interactions with the Driver Hub\n\nThe fun doesn't stop once your race has finished. Racing at F1 Arcade earns you Arcadians which can be spent in the F1 Arcade Driver Hub on exclusive rewards such as winners' cocktails, prize draws and mini-games. We built the Driver Hub to help extend guests racing experiences, make them more memorable and keep them coming back for more.",{"__component":1373,"id":1642,"Video":16736},{"id":966,"name":16737,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":16738,"ext":1558,"mime":1559,"size":16739,"url":16740,"previewUrl":16741,"provider":72,"provider_metadata":16742,"created_at":16743,"updated_at":16744},"Hub editted.mp4","Hub_editted_0a3568d180",16367.23,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1673268942/Hub_editted_0a3568d180.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Hub_editted_0a3568d180.gif",{"public_id":16738,"resource_type":1385},"2023-01-09T12:55:44.152Z","2023-01-09T12:55:44.161Z",{"__component":23,"id":3258,"Text":16746},"## Who can top the leaderboard?\n\nGot some spare time between races? Why not try one of the two in-venue mini-games Pixelhop built to pass the time?\n\nReact is a reaction game where players have to physically turn off lights as they light up around a track when they light up. You have 60 seconds to turn off as many as you can. You might reach the top of the leaderboard if you are good enough. Pixelhop built the game on top of the provided hardware, allowing users to join the game by scanning their ticket, the main game interface and the public leaderboards.\n\nLights out is a pure test of reaction speed. Guests can see how quickly they would be off the start line by reacting to the F1 grid starting lights. Pixelhop built the entire game interface and leaderboards.",{"__component":1373,"id":2639,"Video":16748},{"id":1008,"name":16749,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":16750,"ext":1379,"mime":1380,"size":16751,"url":16752,"previewUrl":16753,"provider":72,"provider_metadata":16754,"created_at":16755,"updated_at":16756},"IMG_1270.MOV.mov","IMG_1270_MOV_3fa69cbdcb",31411.47,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1673269064/IMG_1270_MOV_3fa69cbdcb.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/IMG_1270_MOV_3fa69cbdcb.gif",{"public_id":16750,"resource_type":1385},"2023-01-09T12:57:46.042Z","2023-01-09T12:57:46.050Z",{"__component":23,"id":3630,"Text":16758},"## Learn about F1 Arcade\n\nA new concept like F1 Arcade needs a marketing site that explains the concept, conveys the vibe and encourages bookings. So Pixelhop built F1 Arcade, a marketing site where users can learn everything they need about the experience.\n\n",{"__component":1373,"id":2644,"Video":16760},{"id":822,"name":16761,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":16762,"ext":1558,"mime":1559,"size":16763,"url":16764,"previewUrl":16765,"provider":72,"provider_metadata":16766,"created_at":16767,"updated_at":16768},"Marketing site editted.mp4","Marketing_site_editted_ea31d0bc86",59099.51,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1673269235/Marketing_site_editted_ea31d0bc86.mp4","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Marketing_site_editted_ea31d0bc86.gif",{"public_id":16762,"resource_type":1385},"2023-01-09T13:00:38.489Z","2023-01-09T13:00:38.503Z",{"__component":23,"id":4049,"Text":16770},"## Booking Journey & Booking companion\n\nBooking your F1 Arcade experience must be as fast and straightforward as possible. So Pixelhop built a custom booking journey that guides users through choosing their race mode, adding guests, and selecting a date and time.\n\nOnce they have a booking, Pixelhop also built a booking companion that allows guests to check in on race day and add drivers to their race.",{"__component":1373,"id":2649,"Video":16772},{"id":1098,"name":16773,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":16774,"ext":1379,"mime":1380,"size":16775,"url":16776,"previewUrl":16777,"provider":72,"provider_metadata":16778,"created_at":16779,"updated_at":16780},"Booking editted.mov","Booking_editted_96c6694141",8950.19,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1673270112/Booking_editted_96c6694141.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Booking_editted_96c6694141.gif",{"public_id":16774,"resource_type":1385},"2023-01-09T13:15:14.450Z","2023-01-09T13:15:14.461Z",{"__component":23,"id":2246,"Text":16782},"## A shared foundation - Front-end component library\n\nIn addition to the above projects, Pixelhop built a bespoke component library shared across all the F1 Arcade front-end projects. This keeps all projects consistent with the F1 Arcade brand and provides an excellent base for starting new projects. Although there were unique challenges in creating the component library, it needed to work across a vast range of resolutions, up to gigantic sim screens down to mobile.\n",{"__component":1373,"id":5,"Video":16784},{"id":1104,"name":16785,"alternativeText":29,"caption":29,"width":39,"height":39,"formats":39,"hash":16786,"ext":1379,"mime":1380,"size":16787,"url":16788,"previewUrl":16789,"provider":72,"provider_metadata":16790,"created_at":16791,"updated_at":16792},"Screen Recording 2023-01-09 at 13.18.05.mov","Screen_Recording_2023_01_09_at_13_18_05_2c0a5297a1",54739.21,"https://res.cloudinary.com/djyjvrw5u/video/upload/v1673270411/Screen_Recording_2023_01_09_at_13_18_05_2c0a5297a1.mov","http://res.cloudinary.com/djyjvrw5u/video/upload/c_scale,dl_200,vs_6,w_250/Screen_Recording_2023_01_09_at_13_18_05_2c0a5297a1.gif",{"public_id":16786,"resource_type":1385},"2023-01-09T13:20:13.936Z","2023-01-09T13:20:13.950Z",{"__component":23,"id":15871,"Text":16794},"## Wrapping up an extremely exciting multi-faceted digital project\n\nThe above is a concise summary of how Pixelhop helped F1 Arcade deliver a world-first experience. Each project could do with a case study of its own, but hopefully, this gives you a flavour of the kind of multi-platform innovative work we can achieve.",{"id":1110,"name":16796,"alternativeText":29,"caption":29,"width":16797,"height":16798,"formats":16799,"hash":16818,"ext":97,"mime":100,"size":16819,"url":16820,"previewUrl":39,"provider":72,"provider_metadata":16821,"created_at":16822,"updated_at":16823},"f1-arcade.jpeg",820,547,{"small":16800,"medium":16806,"thumbnail":16812},{"ext":97,"url":16801,"hash":16802,"mime":100,"name":16803,"path":39,"size":16804,"width":50,"height":1994,"provider_metadata":16805},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1673270602/small_f1_arcade_6a97fa7ee2.jpg","small_f1_arcade_6a97fa7ee2","small_f1-arcade.jpeg",43.77,{"public_id":16802,"resource_type":44},{"ext":97,"url":16807,"hash":16808,"mime":100,"name":16809,"path":39,"size":16810,"width":58,"height":50,"provider_metadata":16811},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1673270602/medium_f1_arcade_6a97fa7ee2.jpg","medium_f1_arcade_6a97fa7ee2","medium_f1-arcade.jpeg",84.9,{"public_id":16808,"resource_type":44},{"ext":97,"url":16813,"hash":16814,"mime":100,"name":16815,"path":39,"size":16816,"width":223,"height":67,"provider_metadata":16817},"https://res.cloudinary.com/djyjvrw5u/image/upload/v1673270601/thumbnail_f1_arcade_6a97fa7ee2.jpg","thumbnail_f1_arcade_6a97fa7ee2","thumbnail_f1-arcade.jpeg",12.23,{"public_id":16814,"resource_type":44},"f1_arcade_6a97fa7ee2",102.03,"https://res.cloudinary.com/djyjvrw5u/image/upload/v1673270600/f1_arcade_6a97fa7ee2.jpg",{"public_id":16818,"resource_type":44},"2023-01-09T13:23:23.279Z","2023-01-09T13:23:23.290Z",{"id":279,"Title":16039,"Summary":16040,"created_at":16041,"updated_at":16042,"ShortDescription":16043,"Order":39,"slug":16044,"Content":16825,"Feature":16827},[16826],{"__component":23,"id":8461,"Text":16047},{"id":7266,"name":16049,"alternativeText":29,"caption":29,"width":15888,"height":15889,"formats":16828,"hash":16074,"ext":34,"mime":37,"size":16075,"url":16076,"previewUrl":39,"provider":72,"provider_metadata":16837,"created_at":16078,"updated_at":16079},{"large":16829,"small":16831,"medium":16833,"thumbnail":16835},{"ext":34,"url":16052,"hash":16053,"mime":37,"name":16054,"path":39,"size":16055,"width":41,"height":42,"provider_metadata":16830},{"public_id":16053,"resource_type":44},{"ext":34,"url":16058,"hash":16059,"mime":37,"name":16060,"path":39,"size":16061,"width":50,"height":51,"provider_metadata":16832},{"public_id":16059,"resource_type":44},{"ext":34,"url":16064,"hash":16065,"mime":37,"name":16066,"path":39,"size":16067,"width":58,"height":59,"provider_metadata":16834},{"public_id":16065,"resource_type":44},{"ext":34,"url":16070,"hash":16071,"mime":37,"name":16072,"path":39,"size":9220,"width":66,"height":67,"provider_metadata":16836},{"public_id":16071,"resource_type":44},{"public_id":16074,"resource_type":44},{"id":2649,"Name":1521,"created_at":16839,"updated_at":16840,"slug":1524,"blogs":16841,"projects":16842},"2024-02-28T11:26:42.918Z","2024-02-28T11:26:42.935Z",[],[16843],{"id":279,"Title":16039,"Summary":16040,"created_at":16041,"updated_at":16042,"ShortDescription":16043,"Order":39,"slug":16044,"Content":16844,"Feature":16846},[16845],{"__component":23,"id":8461,"Text":16047},{"id":7266,"name":16049,"alternativeText":29,"caption":29,"width":15888,"height":15889,"formats":16847,"hash":16074,"ext":34,"mime":37,"size":16075,"url":16076,"previewUrl":39,"provider":72,"provider_metadata":16856,"created_at":16078,"updated_at":16079},{"large":16848,"small":16850,"medium":16852,"thumbnail":16854},{"ext":34,"url":16052,"hash":16053,"mime":37,"name":16054,"path":39,"size":16055,"width":41,"height":42,"provider_metadata":16849},{"public_id":16053,"resource_type":44},{"ext":34,"url":16058,"hash":16059,"mime":37,"name":16060,"path":39,"size":16061,"width":50,"height":51,"provider_metadata":16851},{"public_id":16059,"resource_type":44},{"ext":34,"url":16064,"hash":16065,"mime":37,"name":16066,"path":39,"size":16067,"width":58,"height":59,"provider_metadata":16853},{"public_id":16065,"resource_type":44},{"ext":34,"url":16070,"hash":16071,"mime":37,"name":16072,"path":39,"size":9220,"width":66,"height":67,"provider_metadata":16855},{"public_id":16071,"resource_type":44},{"public_id":16074,"resource_type":44},{"id":5,"Name":6,"created_at":7,"updated_at":8,"slug":9,"blogs":16858,"projects":16859},[],[16860],{"id":13,"Title":14,"Summary":15,"created_at":16,"updated_at":17,"ShortDescription":18,"Order":19,"slug":20,"Content":16861,"Feature":16863},[16862],{"__component":23,"id":24,"Text":25},{"id":27,"name":28,"alternativeText":29,"caption":29,"width":30,"height":31,"formats":16864,"hash":69,"ext":34,"mime":37,"size":70,"url":71,"previewUrl":39,"provider":72,"provider_metadata":16873,"created_at":74,"updated_at":75},{"large":16865,"small":16867,"medium":16869,"thumbnail":16871},{"ext":34,"url":35,"hash":36,"mime":37,"name":38,"path":39,"size":40,"width":41,"height":42,"provider_metadata":16866},{"public_id":36,"resource_type":44},{"ext":34,"url":46,"hash":47,"mime":37,"name":48,"path":39,"size":49,"width":50,"height":51,"provider_metadata":16868},{"public_id":47,"resource_type":44},{"ext":34,"url":54,"hash":55,"mime":37,"name":56,"path":39,"size":57,"width":58,"height":59,"provider_metadata":16870},{"public_id":55,"resource_type":44},{"ext":34,"url":62,"hash":63,"mime":37,"name":64,"path":39,"size":65,"width":66,"height":67,"provider_metadata":16872},{"public_id":63,"resource_type":44},{"public_id":69,"resource_type":44},{"id":2700,"Name":16875,"created_at":16876,"updated_at":16877,"slug":16878,"blogs":16879,"projects":16880},"AI product development","2026-05-12T15:26:02.906Z","2026-05-12T15:26:02.921Z","ai-product-development",[],[],{"id":2705,"Name":16882,"created_at":16883,"updated_at":16884,"slug":16885,"blogs":16886,"projects":16887},"AI Automations","2026-05-12T15:26:32.941Z","2026-05-12T15:26:32.951Z","ai-automations",[],[16888],{"id":13,"Title":14,"Summary":15,"created_at":16,"updated_at":17,"ShortDescription":18,"Order":19,"slug":20,"Content":16889,"Feature":16891},[16890],{"__component":23,"id":24,"Text":25},{"id":27,"name":28,"alternativeText":29,"caption":29,"width":30,"height":31,"formats":16892,"hash":69,"ext":34,"mime":37,"size":70,"url":71,"previewUrl":39,"provider":72,"provider_metadata":16901,"created_at":74,"updated_at":75},{"large":16893,"small":16895,"medium":16897,"thumbnail":16899},{"ext":34,"url":35,"hash":36,"mime":37,"name":38,"path":39,"size":40,"width":41,"height":42,"provider_metadata":16894},{"public_id":36,"resource_type":44},{"ext":34,"url":46,"hash":47,"mime":37,"name":48,"path":39,"size":49,"width":50,"height":51,"provider_metadata":16896},{"public_id":47,"resource_type":44},{"ext":34,"url":54,"hash":55,"mime":37,"name":56,"path":39,"size":57,"width":58,"height":59,"provider_metadata":16898},{"public_id":55,"resource_type":44},{"ext":34,"url":62,"hash":63,"mime":37,"name":64,"path":39,"size":65,"width":66,"height":67,"provider_metadata":16900},{"public_id":63,"resource_type":44},{"public_id":69,"resource_type":44},1778602948745]