{"id":48,"date":"2015-03-18T15:12:51","date_gmt":"2015-03-18T15:12:51","guid":{"rendered":"https:\/\/smithtownbull.com\/index.php\/about\/"},"modified":"2015-03-18T15:12:51","modified_gmt":"2015-03-18T15:12:51","slug":"about","status":"publish","type":"page","link":"https:\/\/smithtownbull.com\/index.php\/about\/","title":{"rendered":"About"},"content":{"rendered":"\n<p>We have envisioned <a href=\"#\">PATCH<\/a> as a fresh approach to blog\/magazine themes, focused around <strong>an algorithmic layout concept<\/strong>, meaning taking a large diversity of user content (posts) and cleverly generating a visual style that is in tune with the user&#8217;s intent and the whole website.<\/p>\n\n\n\n<p>To keep things manageable, the design is focused on <strong>generating a specific layout for each post,<\/strong> based on: the featured image proportions (or it&#8217;s absence), post title and excerpt length.<\/p>\n\n\n\n<p><strong>The challenge<\/strong> was to offer the same visual weight for each post as we cannot programmatically determine the importance of each post content.<\/p>\n\n\n\n<p>We have created a system where each masonry block is aimed at filling almost the same amount of macro space, no matter if the post has a long title or a portrait image (eg. small titles have a bigger font size than the long ones).<\/p>\n\n\n\n<p>Below are some of the cases we have considered:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/cdn.demos.pixelgrade.com\/wp-content\/uploads\/sites\/4\/2015\/03\/patch-grid.jpg\" class=\"img-link\"><img loading=\"lazy\" width=\"2560\" height=\"1981\" src=\"https:\/\/smithtownbull.com\/wp-content\/uploads\/2022\/06\/patch-grid-scaled.jpg\" alt=\"patch-grid\" class=\"wp-image-9\" srcset=\"https:\/\/smithtownbull.com\/wp-content\/uploads\/2022\/06\/patch-grid-scaled.jpg 2560w, https:\/\/smithtownbull.com\/wp-content\/uploads\/2022\/06\/patch-grid-300x232.jpg 300w, https:\/\/smithtownbull.com\/wp-content\/uploads\/2022\/06\/patch-grid-1024x792.jpg 1024w, https:\/\/smithtownbull.com\/wp-content\/uploads\/2022\/06\/patch-grid-768x594.jpg 768w, https:\/\/smithtownbull.com\/wp-content\/uploads\/2022\/06\/patch-grid-1536x1189.jpg 1536w, https:\/\/smithtownbull.com\/wp-content\/uploads\/2022\/06\/patch-grid-2048x1585.jpg 2048w, https:\/\/smithtownbull.com\/wp-content\/uploads\/2022\/06\/patch-grid-640x495.jpg 640w, https:\/\/smithtownbull.com\/wp-content\/uploads\/2022\/06\/patch-grid-646x500.jpg 646w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Maintaining the structure but still creating a <strong>dynamic layout<\/strong>, all the posts are placed on a <strong>grid<\/strong> layout with a three column gutter. Each post can overlap the middle gutter column (eg. portrait, wide) or stay away from it (eg. square). This overlapping is aimed at allowing for &#8220;good&#8221; visual accidents to happen from time to time.<\/p>\n\n\n\n<p>Even if there isn\u2019t a similar theme out there (that we know of at least) &#8211; we think that this approach to layout (and web design in general) is where the web is heading, more dynamic and more adaptable to the user&#8217;s needs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We have envisioned PATCH as a fresh approach to blog\/magazine themes, focused around an algorithmic layout concept, meaning taking a large diversity of user content (posts) and cleverly generating a visual style that is in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/smithtownbull.com\/index.php\/wp-json\/wp\/v2\/pages\/48"}],"collection":[{"href":"https:\/\/smithtownbull.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smithtownbull.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smithtownbull.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smithtownbull.com\/index.php\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":0,"href":"https:\/\/smithtownbull.com\/index.php\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"wp:attachment":[{"href":"https:\/\/smithtownbull.com\/index.php\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}