{"id":2940,"date":"2021-04-09T19:11:00","date_gmt":"2021-04-09T18:11:00","guid":{"rendered":"https:\/\/marcosrego.com\/account\/?p=2940"},"modified":"2023-07-30T11:58:07","modified_gmt":"2023-07-30T10:58:07","slug":"fazer","status":"publish","type":"post","link":"https:\/\/marcosrego.com\/account\/websites\/fazer\/","title":{"rendered":"Fazer"},"content":{"rendered":"\n<!--more-- class=\" \">\n<!--noteaser-->\n\n\n\n<figure class=\" fixed-video_mobile mr-fadein  wp-block-video fixed-video_mobile mr-fadein\"><video autoplay loop muted preload=\"none\" src=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/fazer_site_phone.mp4\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\" fixed-video_desktop mr-fadein  wp-block-video fixed-video_desktop mr-fadein\"><video autoplay loop muted preload=\"none\" src=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/fazer_site_desktop.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Fazer is a new Portuguese magazine about design, their one-page website was designed by <a href=\"http:\/\/carvalho-bernau.com\/\" data-type=\"URL\" data-id=\"http:\/\/carvalho-bernau.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Carvalho Bernau<\/a> and developed by me.<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex\">\n<div class=\"   wp-block-button\"><a class=\"wp-block-button__link has-main-background-color-color has-main-text-color-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/fazer.design\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Visit website<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p>This was a small coding project for a one-page website, without backend and including a privacy policy for the newsletter.<\/p>\n\n\n\n<p>Here I used <strong><a href=\"https:\/\/marcosrego.com\/account\/tag\/tailwind\/\" data-type=\"post_tag\" data-id=\"77\">Tailwind<\/a> <\/strong>for the first time, a cross-fade slider for background images (kudos to Dudley Storey) and a private Github repository for collaboration.<\/p>\n\n\n\n<p>Although this is a coded project, I made it easier for the client to add and replace images to the background slider, with a dedicated JS file that only shows the necessary variables. Therefore, the only steps needed for the client were:<\/p>\n\n\n\n<ul>\n<li>Upload images into dist\/assets\/slider.<\/li>\n\n\n\n<li>Add the filename (including format) into the array &#8216;bgImageArray&#8217;, located in dist\/assets\/slider.js. And add the CSS value for background position into the array &#8216;bgImagePosition&#8217;.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":2944,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[16],"tags":[32,48,30,77],"_links":{"self":[{"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/posts\/2940"}],"collection":[{"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/comments?post=2940"}],"version-history":[{"count":3,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/posts\/2940\/revisions"}],"predecessor-version":[{"id":2950,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/posts\/2940\/revisions\/2950"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/media\/2944"}],"wp:attachment":[{"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/media?parent=2940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/categories?post=2940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/tags?post=2940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}