{"id":448,"date":"2021-04-10T18:58:00","date_gmt":"2021-04-10T17:58:00","guid":{"rendered":"https:\/\/marcosrego.com\/account\/?p=448"},"modified":"2023-07-30T11:36:33","modified_gmt":"2023-07-30T10:36:33","slug":"rubenrdias","status":"publish","type":"post","link":"https:\/\/marcosrego.com\/account\/websites\/rubenrdias\/","title":{"rendered":"Ruben R. Dias"},"content":{"rendered":"\n<!--more-->\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\/06\/rubenrdias-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\/06\/rubenrdias-site_desktop.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>A portfolio website done for a designer, author, consultant and scholar.<\/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:\/\/rubenrdias.com\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Visit website<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"  wp-block-heading\"><strong>The biggest challenge for this project was to combine the many needs<\/strong>:<\/h3>\n\n\n\n<ul>\n<li>All projects appear on the page, inside accordions and tabs.<\/li>\n\n\n\n<li>Each project still needs its unique url that opens the correspondent accordion and tab.<\/li>\n\n\n\n<li>Keep it easy for the client to add and organize the content.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"  wp-block-heading\"><strong>To answer to those needs, I started a widget that would later become the <a href=\"https:\/\/marcosrego.com\/account\/development\/mrdev-widget\/\" data-type=\"post\" data-id=\"574\">Mr.Dev.&#8217;s widget<\/a>.<\/strong><\/h3>\n\n\n\n<p>That widget would show all five categories&#8217; titles and descriptions in an accordion.<br>And on <a href=\"https:\/\/marcosrego.com\/account\/blog\/display-wordpress-category-descriptions\/\" data-type=\"post\" data-id=\"1522\">each category description<\/a> another widget, showing the posts in a tabs layout.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"  wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex\">\n<figure class=\"     wp-block-image size-large\"><a href=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/08\/rubenrdias-site-desktop-categories.jpg\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"610\" data-id=\"1572\" src=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/08\/rubenrdias-site-desktop-categories-1024x610.jpg\" alt=\"Ruben R. Dias desktop website showing the main categories\" class=\"wp-image-1572\" srcset=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/08\/rubenrdias-site-desktop-categories-1024x610.jpg 1024w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/08\/rubenrdias-site-desktop-categories-300x179.jpg 300w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/08\/rubenrdias-site-desktop-categories-768x457.jpg 768w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/08\/rubenrdias-site-desktop-categories-1536x914.jpg 1536w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/08\/rubenrdias-site-desktop-categories.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" title=\"-\"><\/a><figcaption class=\"wp-element-caption\">Ruben R. Dias desktop website showing the main categories<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"  wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":454,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[16],"tags":[48,30,24,27,28,23],"_links":{"self":[{"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/posts\/448"}],"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=448"}],"version-history":[{"count":1,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/posts\/448\/revisions"}],"predecessor-version":[{"id":2949,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/posts\/448\/revisions\/2949"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/media\/454"}],"wp:attachment":[{"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/media?parent=448"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/categories?post=448"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/tags?post=448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}