{"id":599,"date":"2022-04-19T15:44:38","date_gmt":"2022-04-19T19:44:38","guid":{"rendered":"https:\/\/rudolfj.com\/?post_type=portfolio&#038;p=599"},"modified":"2024-10-28T12:32:21","modified_gmt":"2024-10-28T16:32:21","slug":"older-website-work","status":"publish","type":"portfolio","link":"https:\/\/rudolfj.com\/en\/portfolio\/older-website-work\/","title":{"rendered":"Older Website Work"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"599\" class=\"elementor elementor-599\" data-elementor-post-type=\"portfolio\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d2dfa72 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default elementor-repeater-item-none elementor-repeater-item-none_hover\" data-id=\"d2dfa72\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7d083d9 elementor-repeater-item-none elementor-repeater-item-none_hover\" data-id=\"7d083d9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7dd369a elementor-repeater-item-none elementor-repeater-item-none_hover\" data-id=\"7dd369a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a5dbc02 elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-text-editor\" data-id=\"a5dbc02\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A collection of websites I worked on quite a while ago.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6043b08 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default elementor-repeater-item-none elementor-repeater-item-none_hover\" data-id=\"6043b08\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ff87e03 elementor-repeater-item-none elementor-repeater-item-none_hover\" data-id=\"ff87e03\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3310732 elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-gallery\" data-id=\"3310732\" data-element_type=\"widget\" data-settings=\"{&quot;columns&quot;:2,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/rudolfj.com\/wp-content\/uploads\/2022\/04\/vitalhub-all-1-small.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"3310732\" data-elementor-lightbox-title=\"Vitalhub Homepage\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NTYwLCJ1cmwiOiJodHRwczpcL1wvcnVkb2xmai5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjJcLzA0XC92aXRhbGh1Yi1hbGwtMS1zbWFsbC5qcGciLCJzbGlkZXNob3ciOiIzMzEwNzMyIn0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/rudolfj.com\/wp-content\/uploads\/2022\/04\/vitalhub-all-1-small.jpg\" data-width=\"640\" data-height=\"432\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/rudolfj.com\/wp-content\/uploads\/2022\/04\/vitalhub-all-2-small.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"3310732\" data-elementor-lightbox-title=\"VitalHub Product Page\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NTYxLCJ1cmwiOiJodHRwczpcL1wvcnVkb2xmai5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjJcLzA0XC92aXRhbGh1Yi1hbGwtMi1zbWFsbC5qcGciLCJzbGlkZXNob3ciOiIzMzEwNzMyIn0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/rudolfj.com\/wp-content\/uploads\/2022\/04\/vitalhub-all-2-small.jpg\" data-width=\"640\" data-height=\"432\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-71ba7bd elementor-repeater-item-none elementor-repeater-item-none_hover\" data-id=\"71ba7bd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b0682c7 elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-text-editor\" data-id=\"b0682c7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>VitalHub<\/strong> &#8211; Working closely with the client and an a design Agency, I turned a PSD into a working WordPress theme. While developing I also incorporated some UX improvements to the design and flow of the site, and we launched the site before Christmas 2016.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-43ecb95 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default elementor-repeater-item-none elementor-repeater-item-none_hover\" data-id=\"43ecb95\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-fbe49ea elementor-repeater-item-none elementor-repeater-item-none_hover\" data-id=\"fbe49ea\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-17e24fc elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-gallery\" data-id=\"17e24fc\" data-element_type=\"widget\" data-settings=\"{&quot;columns&quot;:2,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/rudolfj.com\/wp-content\/uploads\/2022\/04\/devices-angelcafe-1.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"17e24fc\" data-elementor-lightbox-title=\"Uncle Tetsu&#039;s Japanese Angel Cafe Homepage\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NTUyLCJ1cmwiOiJodHRwczpcL1wvcnVkb2xmai5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjJcLzA0XC9kZXZpY2VzLWFuZ2VsY2FmZS0xLmpwZyIsInNsaWRlc2hvdyI6IjE3ZTI0ZmMifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/rudolfj.com\/wp-content\/uploads\/2022\/04\/devices-angelcafe-1.jpg\" data-width=\"640\" data-height=\"485\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/rudolfj.com\/wp-content\/uploads\/2022\/04\/devices-angelcafe-2.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"17e24fc\" data-elementor-lightbox-title=\"Uncle Tetsu&#039;s Japanese Angel Cafe Maids Page\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NTUzLCJ1cmwiOiJodHRwczpcL1wvcnVkb2xmai5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjJcLzA0XC9kZXZpY2VzLWFuZ2VsY2FmZS0yLmpwZyIsInNsaWRlc2hvdyI6IjE3ZTI0ZmMifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/rudolfj.com\/wp-content\/uploads\/2022\/04\/devices-angelcafe-2.jpg\" data-width=\"640\" data-height=\"485\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-826ed67 elementor-repeater-item-none elementor-repeater-item-none_hover\" data-id=\"826ed67\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c74bc96 elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-text-editor\" data-id=\"c74bc96\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Uncle Tetsu&#8217;s Angel Cafe<\/strong> &#8211; I designed and coded the website by myself, building on a premium WordPress theme. Using Advanced Custom Fields and knowledge of shortcodes, I created an easy way for the client to make changes to the website! <a href=\"https:\/\/web.archive.org\/web\/20180203022644\/http:\/\/angelcafetoronto.com\/\">Archived Version<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5b9a801 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default elementor-repeater-item-none elementor-repeater-item-none_hover\" data-id=\"5b9a801\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f8c00f8 elementor-repeater-item-none elementor-repeater-item-none_hover\" data-id=\"f8c00f8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4ad7f34 elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-gallery\" data-id=\"4ad7f34\" data-element_type=\"widget\" data-settings=\"{&quot;columns&quot;:2,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/rudolfj.com\/wp-content\/uploads\/2022\/04\/simply-laundry-1-small.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"4ad7f34\" data-elementor-lightbox-title=\"Simply Laundry Homepage\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NTU4LCJ1cmwiOiJodHRwczpcL1wvcnVkb2xmai5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjJcLzA0XC9zaW1wbHktbGF1bmRyeS0xLXNtYWxsLmpwZyIsInNsaWRlc2hvdyI6IjRhZDdmMzQifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/rudolfj.com\/wp-content\/uploads\/2022\/04\/simply-laundry-1-small.jpg\" data-width=\"640\" data-height=\"485\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/rudolfj.com\/wp-content\/uploads\/2022\/04\/simply-laundry-2-small.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"4ad7f34\" data-elementor-lightbox-title=\"Simply Laundry Sign-in Page\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NTU5LCJ1cmwiOiJodHRwczpcL1wvcnVkb2xmai5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjJcLzA0XC9zaW1wbHktbGF1bmRyeS0yLXNtYWxsLmpwZyIsInNsaWRlc2hvdyI6IjRhZDdmMzQifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/rudolfj.com\/wp-content\/uploads\/2022\/04\/simply-laundry-2-small.jpg\" data-width=\"640\" data-height=\"485\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7d32adb elementor-repeater-item-none elementor-repeater-item-none_hover\" data-id=\"7d32adb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a8897a5 elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-text-editor\" data-id=\"a8897a5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>SimplyLaundry<\/strong> &#8211; I was tasked with converting a flat PSD file into a responsive HTML version. The final, live version of the site was built using OpenCart by another development team, and most of my HTML and CSS code was used for it. <a href=\"https:\/\/simply-laundry.com\/\">Live Version<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":560,"menu_order":6,"template":"","categories":[],"tags":[13,11],"class_list":["post-599","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","tag-visual-design","tag-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/rudolfj.com\/en\/wp-json\/wp\/v2\/portfolio\/599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rudolfj.com\/en\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/rudolfj.com\/en\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":11,"href":"https:\/\/rudolfj.com\/en\/wp-json\/wp\/v2\/portfolio\/599\/revisions"}],"predecessor-version":[{"id":690,"href":"https:\/\/rudolfj.com\/en\/wp-json\/wp\/v2\/portfolio\/599\/revisions\/690"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rudolfj.com\/en\/wp-json\/wp\/v2\/media\/560"}],"wp:attachment":[{"href":"https:\/\/rudolfj.com\/en\/wp-json\/wp\/v2\/media?parent=599"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rudolfj.com\/en\/wp-json\/wp\/v2\/categories?post=599"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rudolfj.com\/en\/wp-json\/wp\/v2\/tags?post=599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}