{"id":20,"date":"2023-07-25T21:55:59","date_gmt":"2023-07-25T21:55:59","guid":{"rendered":"http:\/\/localhost:8888\/newbrews\/?page_id=20"},"modified":"2023-08-30T06:32:41","modified_gmt":"2023-08-30T06:32:41","slug":"about","status":"publish","type":"page","link":"https:\/\/www.colinneal.com\/newbrews\/about\/","title":{"rendered":"About"},"content":{"rendered":"<p><main>\r\t\t<style type=\"text\/css\">\r\t\t\t\t\t\t\t.hbupro-hero-banner-wrp-1 .hbupro-hero-banner{background-color: #292929; }\r\t\t\t\t\t\t.hbupro-hero-banner-wrp-1 .hbupro-hero-banner-inner-wrap{max-width: px;}\r\t\t\t.hbupro-hero-banner-wrp-1 .hbupro-hero-banner h2.hbupro-hero-banner-title{font-size: 50px !important; line-height: 50px !important;  color:#fff }\r\t\t\t.hbupro-hero-banner-wrp-1 .hbupro-hero-banner .hbupro-hero-banner-sub-title p, .hbupro-hero-banner-wrp-1 .hbupro-hero-banner .hbupro-hero-banner-sub-title{font-size: 20px !important;  color:#fff }\r\t\t\t.hbupro-hero-banner-wrp-1 .hbupro-hero-banner-inner{padding:7% 5% 5% 5%}\r\t\t<\/style>\r\r\t\t\r\t\t<div class=\"hbupro-hero-banner-wrp-1 hbupro-clearfix hbupro-layout-1\" >\r\t\t\t<div class=\"hbupro-hero-banner hbupro-clearfix\">\r\r\t\t\t\r\n<div class=\"hbupro-hero-banner-inner hbupro-clearfix\">\r\n\t<div class=\"hbupro-hero-banner-inner-wrap\">\r\n\t\t<div class=\" hbupro-medium-12 hbupro-columns hbupro-hero-content-position hbupro-text-center\">\r\n\r\n\t\t\t<h2 class=\"hbupro-hero-banner-title\">Site Purpose<\/h2>\r\n\t\t\t<div class=\"hbupro-hero-banner-sub-title\"><\/div>\r\n\r\n\t\t\t\r\n\t\t<\/div>\r\n\t<\/div>\t\r\n<\/div>\r\t\t\t<\/div>\r\t\t<\/div>\r\r\t<\/p>\n<div class=\"grid-container\">        <div class=\"breadcrumb-container theme1\">\r\n                    <ol>\r\n                    <\/ol>\r\n        <script type=\"application\/ld+json\">\r\n        {\r\n            \"@context\": \"http:\/\/schema.org\",\r\n            \"@type\": \"BreadcrumbList\",\r\n            \"itemListElement\": [\r\n                            ]\r\n        }\r\n    <\/script>\r\n    <style type=\"text\/css\">\r\n        .breadcrumb-container {\r\n            font-size: 13px;\r\n        }\r\n\r\n        .breadcrumb-container ul {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .breadcrumb-container li {\r\n            box-sizing: unset;\r\n            display: inline-block;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .breadcrumb-container li a {\r\n            box-sizing: unset;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        .breadcrumb-container {\r\n            font-size:  !important;\r\n            padding: ;\r\n            margin: ;\r\n        }\r\n\r\n        .breadcrumb-container li a {\r\n            color:  !important;\r\n            font-size:  !important;\r\n            line-height:  !important;\r\n        }\r\n\r\n        .breadcrumb-container li .separator {\r\n            color:  !important;\r\n            font-size:  !important;\r\n        }\r\n\r\n        .breadcrumb-container li:last-child .separator {\r\n            display: none;\r\n        }\r\n\r\n            <\/style>\r\n    <style type=\"text\/css\">\r\n        .breadcrumb-container.theme1 li {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n        .breadcrumb-container.theme1 a {\r\n            background: ;\r\n            display: inline-block;\r\n            margin: 0 5px;\r\n            padding: 5px 10px;\r\n            text-decoration: none;\r\n        }\r\n    <\/style>\r\n        <style type=\"text\/css\">\r\n        .breadcrumb-container{}\r\n.breadcrumb-container ul{}\r\n.breadcrumb-container li{}\r\n.breadcrumb-container a{}\r\n.breadcrumb-container .separator{}\r\n    <\/style>\r\n    <script>\r\n            <\/script>\r\n        <\/div>\r\n        <\/p>\n<h4>I developed this mockup website for a ficticious chain of coffee shops in Upstate New York primarily in order to practice my skills in wireframing and prototyping.<\/h4>\n<hr \/>\n<p>To get started, I first developed a series of very low-fidelity wireframes in Balsamiq Wireframes in order to create the basic layout of the website to be constructed. Upon completing the first series of wireframes in Balsamiq, I then used WireframeSketcher to develop slightly more detailed wireframes using components from the open-source Foundation CSS framework that was intially developed by Zurb Technologies. (WireframeSketcher&#8217;s integration of Foundation UI stencils made it fairly easy to accomlish this task.)<\/p>\n<p>After this, I then coded the front-end interface in HTML and CSS, integrating the Foundation XY grid system with the various Foundation UI components from the wireframes. I also used jQuery to do some basic DOM manipulating. After completing a full static prototype, I then converted the site to WordPress using the JointsWP theme, which is an empty boilerplate starter theme that utilizes the Foundation framework.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-51\" src=\"wp-content\/uploads\/2023\/07\/homePage.png\" alt=\"Home Page Wireframe\" width=\"1367\" height=\"4783\" srcset=\"https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/homePage.png 1367w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/homePage-86x300.png 86w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/homePage-293x1024.png 293w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/homePage-768x2687.png 768w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/homePage-439x1536.png 439w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/homePage-585x2048.png 585w\" sizes=\"auto, (max-width: 1367px) 100vw, 1367px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-59\" src=\"wp-content\/uploads\/2023\/07\/MealsPage.png\" alt=\"Meals Page Wireframe\" width=\"1367\" height=\"1543\" srcset=\"https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/MealsPage.png 1367w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/MealsPage-266x300.png 266w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/MealsPage-907x1024.png 907w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/MealsPage-768x867.png 768w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/MealsPage-1361x1536.png 1361w\" sizes=\"auto, (max-width: 1367px) 100vw, 1367px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-50\" src=\"wp-content\/uploads\/2023\/07\/beveragesPage.png\" alt=\"Beverages Page Wireframe\" width=\"1367\" height=\"2839\" srcset=\"https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/beveragesPage.png 1367w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/beveragesPage-144x300.png 144w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/beveragesPage-493x1024.png 493w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/beveragesPage-768x1595.png 768w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/beveragesPage-740x1536.png 740w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/beveragesPage-986x2048.png 986w\" sizes=\"auto, (max-width: 1367px) 100vw, 1367px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-59\" src=\"wp-content\/uploads\/2023\/07\/MealsPage.png\" alt=\"Meals Page Wireframes\" width=\"1367\" height=\"1543\" srcset=\"https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/MealsPage.png 1367w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/MealsPage-266x300.png 266w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/MealsPage-907x1024.png 907w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/MealsPage-768x867.png 768w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/MealsPage-1361x1536.png 1361w\" sizes=\"auto, (max-width: 1367px) 100vw, 1367px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-41\" src=\"wp-content\/uploads\/2023\/07\/bakeryPage.png\" alt=\"Bakery Page Wireframes\" width=\"1367\" height=\"2155\" srcset=\"https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/bakeryPage.png 1367w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/bakeryPage-190x300.png 190w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/bakeryPage-650x1024.png 650w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/bakeryPage-768x1211.png 768w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/bakeryPage-974x1536.png 974w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/bakeryPage-1299x2048.png 1299w\" sizes=\"auto, (max-width: 1367px) 100vw, 1367px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-55\" src=\"wp-content\/uploads\/2023\/07\/locationsPage.png\" alt=\"Locations Page Wireframes\" width=\"1367\" height=\"2335\" srcset=\"https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/locationsPage.png 1367w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/locationsPage-176x300.png 176w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/locationsPage-599x1024.png 599w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/locationsPage-768x1312.png 768w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/locationsPage-899x1536.png 899w, https:\/\/www.colinneal.com\/newbrews\/wp-content\/uploads\/2023\/07\/locationsPage-1199x2048.png 1199w\" sizes=\"auto, (max-width: 1367px) 100vw, 1367px\" \/><\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<p><\/main><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I developed this mockup website for a ficticious chain of coffee shops in Upstate New York primarily in order to practice my skills in wireframing and prototyping. To get started, I first developed a series of very low-fidelity wireframes in Balsamiq Wireframes in order to create the basic layout of the website to be constructed.<a class=\"excerpt-read-more\" href=\"https:\/\/www.colinneal.com\/newbrews\/about\/\" title=\"ReadAbout\">&#8230; Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-full-width.php","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.colinneal.com\/newbrews\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.colinneal.com\/newbrews\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.colinneal.com\/newbrews\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.colinneal.com\/newbrews\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.colinneal.com\/newbrews\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":12,"href":"https:\/\/www.colinneal.com\/newbrews\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":252,"href":"https:\/\/www.colinneal.com\/newbrews\/wp-json\/wp\/v2\/pages\/20\/revisions\/252"}],"wp:attachment":[{"href":"https:\/\/www.colinneal.com\/newbrews\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}