[{"data":1,"prerenderedAt":92},["ShallowReactive",2],{"project-\u002Fportfolio\u002Fwebsite\u002Fbeauty-edinburgh":3},{"id":4,"title":5,"archived":6,"body":7,"carousel":68,"category":69,"description":70,"displayOrder":71,"extension":72,"featured":6,"features":73,"fullImage":68,"image":82,"imageAlt":83,"meta":84,"mockup":68,"navigation":85,"path":86,"repo":68,"seo":87,"stem":88,"subhead":89,"url":90,"__hash__":91},"projects\u002Fportfolio\u002Fwebsite\u002Fbeauty-edinburgh.md","Beauty Edinburgh",false,{"type":8,"value":9,"toc":64},"minimark",[10,14,17,29,40,54,61],[11,12,13],"p",{},"The Beauty Edinburgh Website is a something that has evolved over time.",[11,15,16],{},"In its infancy, the site was created using the very limited Google Sites platform.\nThis of course is a product which has its uses however building a modern customer\nfacing image is not one.",[11,18,19,20,24,25,28],{},"After the frustrations of trying to 'personalise' the Google Site, the project\nstarted from scratch as a simple static html site. As I progressed with the rebuild\nI was learning ",[21,22,23],"em",{},"html"," and ",[21,26,27],{},"css"," as I went along, but after little time the website\nwas looking much more like a business website should.",[11,30,31,32,35,36,39],{},"At the same time, mobile devices were really becoming more of a consideration,\nand I spent more of my time getting to grips with ",[21,33,34],{},"media queries",". Although the\nthird generation mobile friendly version of the site was working well, I was very\naware that older browsers and some of the mobile browsers were not supporting many\nof the ",[21,37,38],{},"CSS3"," features that I was implementing.",[11,41,42,43,46,47,50,51,53],{},"In addition to this I had starting picking up some ",[21,44,45],{},"PHP"," and was discovering the\nlack of ",[21,48,49],{},"DRY"," in my workflow. The site was loosely transferred to ",[21,52,45],{}," and I was\nable include common parts of the site (head, header & footer) to simplify\nthe process of making any further changes.",[11,55,56,57,60],{},"The fourth, version of the site introduced ",[21,58,59],{},"Bootstrap"," and immediately\nI found a lot of my headaches went away. The ability to work responsively out of\nthe box was a big plus and although there was a fair bit of work 'tweaking' it,\nthe end result was much more resilient.",[11,62,63],{},"The site evolved yet again and was re-written as a fast static website. It is\nnow hooked up to DatoCMS and automatically re-built as\nand when required meaning the site does not require a great deal of resources\nand can be run and hosted for free.",{"title":65,"searchDepth":66,"depth":66,"links":67},"",2,[],null,"website","A static beauty website with headless CMS designed and developed for Edinburgh Beauty Salon Debbie Clare Skin Beauty and Wellbeing",4,"md",[74,75,76,77,78,79,80,81],"HTML","CSS","Tailwind","JavaScript","DatoCMS","Netlify","Online Booking","Responsive Design","\u002Fimages\u002Fprojects\u002Fweb\u002FBeautyEdinburgh.jpg","Beauty Edinburgh - Beauty Salon PHP Website",{},true,"\u002Fportfolio\u002Fwebsite\u002Fbeauty-edinburgh",{"title":5,"description":70},"portfolio\u002Fwebsite\u002Fbeauty-edinburgh","A static beauty website with headless CMS","https:\u002F\u002Fwww.beautyedinburgh.co.uk","giMzmpR7jDyyAgqruXJ9cflsc6nHKe03Mmygl0i_kfU",1794401864929]