{"id":3784,"date":"2023-07-11T00:00:00","date_gmt":"2023-07-11T07:00:00","guid":{"rendered":"http:\/\/familyhouseinc.org\/article\/johnnys-story\/"},"modified":"2025-09-16T16:27:14","modified_gmt":"2025-09-16T23:27:14","slug":"johnnys-story","status":"publish","type":"article","link":"https:\/\/familyhouseinc.org\/tl\/article\/johnnys-story\/","title":{"rendered":"Johnny&#8217;s Story"},"content":{"rendered":"<div\n\t\t\t\tclass=\"block--core-paragraph\">\n\t\n<p>With a free spirit and a heart full of love, 6-year-old Johnny rides his wheelchair around Family House with a giant smile on his face. He\u2019s bursting with positive energy and always stops to play and chit chat.<\/p>\n\n<\/div>\n\n\n<div\n\t\t\t\tclass=\"block--core-paragraph\">\n\t\n<p>Four years ago, Johnny was diagnosed with a rare autoimmune disease called Juvenile Dermatomyositis (JDM) with Calcinosis Universalis. JDM results in weak muscles and impairs physical function in severe cases.<\/p>\n\n<\/div>\n\n\n<div\n\t\t\t\tclass=\"block--core-paragraph\">\n\t\n<p><strong>\u201cFamily House has been a huge help to us financially and emotionally,\u201d said Johnny\u2019s mom and dad, Martina and Aldrich.<\/strong><\/p>\n\n<\/div>\n\n\n<div\n\t\t\t\tclass=\"block--core-paragraph\">\n\t\n<p>\u201cIt was a relief knowing we had a place to stay, while my son continues his treatment and follow-up appointments at UCSF,\u201d said Martina. Their family came to Family House from Houston, Texas in 2022.<\/p>\n\n<\/div>\n\n\n<!-- Image Carousel Block -->\n<div\n\t\tclass=\"relative my-24 pb-12 md:pb-0 px-3 md:px-0\">\n\t<div\n\t\t\tx-data=\"{\t\t\t\tembla: null,\t\t\t\tindex: 0,\t\t\t\tviewportWidth: 0,\t\t\t\tprev() {\t\t\t\t\tthis.embla.scrollPrev();\t\t\t\t\tthis.index = this.embla.selectedScrollSnap();\t\t\t\t},\t\t\t\tnext() {\t\t\t\t\tthis.embla.scrollNext();\t\t\t\t\tthis.index = this.embla.selectedScrollSnap();\t\t\t\t},\t\t\t\tgoTo(index) {\t\t\t\t\tthis.embla.scrollTo(index);\t\t\t\t\tthis.index = this.embla.selectedScrollSnap();\t\t\t\t},\t\t\t\thandleResize(width) {\t\t\t\t\tif (this.viewportWidth === width) {\t\t\t\t  \t\treturn;\t\t\t\t  }            this.viewportWidth = width;            const children = Array.from(this.$refs.container.children);            let containerWidth = 0;            children.forEach(function (slide) {              containerWidth += slide.offsetWidth;            });            if (containerWidth <= (width * 1.5)) {              if (this.embla !== null) {                this.embla.destroy();                this.embla = null;              }            } else if (this.embla === null) {                this.embla = EmblaCarousel(this.$refs.viewport, {loop: true, containScroll: false})            }          }\t\t\t}\"\n\t\t\tx-init=\"embla = EmblaCarousel($refs.viewport, {loop: true, containScroll: false})\"\n\t\t\trole=\"region\"\n\t\t\taria-roledescription=\"carousel\"\n\t\t\taria-label=\"Image Carousel\"\n\t\t\tclass=\"embla relative\">\n\n\t\t<div x-show=\"embla !== null\" role=\"group\" aria-label=\"Mga kontrol sa slide\">\n\t\t\t<div\n\t\t\t\t\tclass=\"embla__dots md:hidden absolute text-center transition-opacity transform-gpu -bottom-16 w-full z-10 ml-2\">\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclass=\"embla__dot size-11 inline-flex items-center justify-center transition-transform scale-100 hover:scale-125\"\n\t\t\t\t\t\t\t@click=\"goTo(0)\"\n\t\t\t\t\t\t\t:aria-disabled=\"index === 0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclass=\"rounded-full size-4 border-2 border-beige-600\"\n\t\t\t\t\t\t\t\t\t:class=\"index === 0 ? 'bg-beige-600' : 'bg-transparent'\"\n\t\t\t\t\t\t\t><\/span>\n\t\t\t\t\t\t<span class=\"sr-only\">Ipakita ang slide 1 ng 3 <\/span>\n\t\t\t\t\t\t<span class=\"sr-only\"\n\t\t\t\t\t\t\t\t\tx-text=\"index === 0 ? '(Current Slide)' : '' \"><\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclass=\"embla__dot size-11 inline-flex items-center justify-center transition-transform scale-100 hover:scale-125\"\n\t\t\t\t\t\t\t@click=\"goTo(1)\"\n\t\t\t\t\t\t\t:aria-disabled=\"index === 1\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclass=\"rounded-full size-4 border-2 border-beige-600\"\n\t\t\t\t\t\t\t\t\t:class=\"index === 1 ? 'bg-beige-600' : 'bg-transparent'\"\n\t\t\t\t\t\t\t><\/span>\n\t\t\t\t\t\t<span class=\"sr-only\">Ipakita ang slide 2 ng 3 <\/span>\n\t\t\t\t\t\t<span class=\"sr-only\"\n\t\t\t\t\t\t\t\t\tx-text=\"index === 1 ? '(Current Slide)' : '' \"><\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclass=\"embla__dot size-11 inline-flex items-center justify-center transition-transform scale-100 hover:scale-125\"\n\t\t\t\t\t\t\t@click=\"goTo(2)\"\n\t\t\t\t\t\t\t:aria-disabled=\"index === 2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclass=\"rounded-full size-4 border-2 border-beige-600\"\n\t\t\t\t\t\t\t\t\t:class=\"index === 2 ? 'bg-beige-600' : 'bg-transparent'\"\n\t\t\t\t\t\t\t><\/span>\n\t\t\t\t\t\t<span class=\"sr-only\">Ipakita ang slide 3 ng 3 <\/span>\n\t\t\t\t\t\t<span class=\"sr-only\"\n\t\t\t\t\t\t\t\t\tx-text=\"index === 2 ? '(Current Slide)' : '' \"><\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<button type=\"button\"\n\t\t\t\t\t\t\tclass=\"embla__prev absolute left-2 md:left-6 lg:left-10 xl:left-44 2xl:left-64 3xl:left-[27rem] top-1\/2 -translate-y-1\/2 z-10 text-brown bg-white\/55 hover:bg-white rounded-full transition-all scale-100 hover:scale-125\"\n\t\t\t\t\t\t\t@click=\"prev\">\n\t\t\t\t<span class=\"sr-only\">Previous Slide<\/span>\n\t\t\t\t<svg height=\"32\" viewbox=\"0 0 32 32\" width=\"32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-11 stroke-2 rotate-180\" \" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"><path d=\"m12.9 26.3 10.2-10.3-10.2-10.3\"\/><\/svg>\t\t\t<\/button>\n\n\t\t\t<button type=\"button\"\n\t\t\t\t\t\t\tclass=\"embla__next absolute right-2 md:right-6 lg:right-10 xl:right-44 2xl:right-64 3xl:right-[27rem] top-1\/2 -translate-y-1\/2 z-10 text-brown bg-white\/55 hover:bg-white rounded-full transition-all scale-100 hover:scale-125\"\n\t\t\t\t\t\t\t@click=\"next\">\n\t\t\t\t<span class=\"sr-only\">Next Slide<\/span>\n\t\t\t\t<svg height=\"32\" viewbox=\"0 0 32 32\" width=\"32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-11 stroke-2\" \" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"><path d=\"m12.9 26.3 10.2-10.3-10.2-10.3\"\/><\/svg>\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t<div x-show=\"embla !== null\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\"\n\t\t\t\t x-text=\"'Slide ' + (index + 1) + ' of 3'\"><\/div>\n\n\t\t<div\n\t\t\t\tx-ref=\"viewport\"\n\t\t\t\tx-resize=\"handleResize($width)\"\n\t\t\t\tclass=\"embla__viewport overflow-hidden\"\n\t\t>\n\t\t\t<div x-ref=\"container\" class=\"embla__container items-center flex -ml-3 md:-ml-5\"\n\t\t\t\t\t :class=\"embla === null ? 'flex-wrap justify-center gap-y-5' : ''\">\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"embla__slide min-w-0 flex-[0_0_100%] md:flex-[0_0_auto] max-w-full pl-3 md:pl-5\"\n\t\t\t\t\t\t\trole=\"group\"\n\t\t\t\t\t\t\taria-roledescription=\"Slide\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\n\t\t\n\t\t\n\t\t\t\t\n\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\tclass=\"md:h-[31rem] w-auto rounded-xl\"\n\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\tsizes=\"auto\"\n\t\t\t\t\twidth=\"2560\"\n\t\t\t\t\theight=\"1657\"\n\t\t\t\t\tsrcset=\"https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-133-copy-scaled.jpg 2560w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-133-copy-1200x777.jpg 1200w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-133-copy-1700x1100.jpg 1700w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-133-copy-1400x906.jpg 1400w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-133-copy-1536x994.jpg 1536w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-133-copy-2048x1326.jpg 2048w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-133-copy-18x12.jpg 18w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-133-copy-500x324.jpg 500w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-133-copy-700x453.jpg 700w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-133-copy-900x583.jpg 900w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-133-copy-1900x1230.jpg 1900w\"\n\t\t\t\t\tsrc=\"https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-133-copy-scaled.jpg\"\n\t\t\t\t\talt=\"family of three\"\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t>\n\t\t\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"embla__slide min-w-0 flex-[0_0_100%] md:flex-[0_0_auto] max-w-full pl-3 md:pl-5\"\n\t\t\t\t\t\t\trole=\"group\"\n\t\t\t\t\t\t\taria-roledescription=\"Slide\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\n\t\t\n\t\t\n\t\t\t\t\n\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\tclass=\"md:h-[31rem] w-auto rounded-xl\"\n\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\tsizes=\"auto\"\n\t\t\t\t\twidth=\"2560\"\n\t\t\t\t\theight=\"1674\"\n\t\t\t\t\tsrcset=\"https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-111-copy-scaled.jpg 2560w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-111-copy-1200x785.jpg 1200w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-111-copy-1700x1112.jpg 1700w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-111-copy-1400x916.jpg 1400w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-111-copy-1536x1005.jpg 1536w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-111-copy-2048x1339.jpg 2048w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-111-copy-18x12.jpg 18w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-111-copy-500x327.jpg 500w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-111-copy-700x458.jpg 700w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-111-copy-900x589.jpg 900w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-111-copy-1900x1243.jpg 1900w\"\n\t\t\t\t\tsrc=\"https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-111-copy-scaled.jpg\"\n\t\t\t\t\talt=\"boy reaching for keyboard\"\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t>\n\t\t\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"embla__slide min-w-0 flex-[0_0_100%] md:flex-[0_0_auto] max-w-full pl-3 md:pl-5\"\n\t\t\t\t\t\t\trole=\"group\"\n\t\t\t\t\t\t\taria-roledescription=\"Slide\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\n\t\t\n\t\t\n\t\t\t\t\n\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\tclass=\"md:h-[31rem] w-auto rounded-xl\"\n\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\tsizes=\"auto\"\n\t\t\t\t\twidth=\"2560\"\n\t\t\t\t\theight=\"1558\"\n\t\t\t\t\tsrcset=\"https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-106-copy-scaled.jpg 2560w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-106-copy-1200x731.jpg 1200w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-106-copy-1700x1035.jpg 1700w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-106-copy-1400x852.jpg 1400w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-106-copy-1536x935.jpg 1536w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-106-copy-2048x1247.jpg 2048w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-106-copy-18x12.jpg 18w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-106-copy-500x304.jpg 500w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-106-copy-700x426.jpg 700w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-106-copy-900x548.jpg 900w, https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-106-copy-1900x1157.jpg 1900w\"\n\t\t\t\t\tsrc=\"https:\/\/familyhouseinc.org\/wp-content\/uploads\/2025\/09\/Gabriel-Family-106-copy-scaled.jpg\"\n\t\t\t\t\talt=\"boy and toy store\"\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t>\n\t\t\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<!-- End Image Carousel Block -->\n\n<div\n\t\t\t\tclass=\"block--core-paragraph\">\n\t\n<p><strong>\u201cWe feel the homey vibe here.\u201d<\/strong><\/p>\n\n<\/div>\n\n\n<div\n\t\t\t\tclass=\"block--core-paragraph\">\n\t\n<p>Johnny has gotten into the groove at Family House. He loves to sing and dance, and he really enjoys engaging in music sessions. Johnny is a kindhearted kid who has many friends. Our staff quickly won his heart with uplifting acts of kindness, like toys from Fozzy\u2019s toy room. For Johnny, it is a welcome treat that can make all the difference after a day of doctor appointments at the hospital.<\/p>\n\n<\/div>\n\n\n<div\n\t\t\t\tclass=\"block--core-paragraph\">\n\t\n<p>Back home, he finds happiness in controlling Mario and Luigi in the popular Super Mario video game. He loves the challenge of navigating a colorful 3D world, defeating enemies, collecting power, and leveling up.<\/p>\n\n<\/div>\n\n\n<div\n\t\t\t\tclass=\"block--core-paragraph\">\n\t\n<p>He\u2019s also hands-on when it comes to playing with LEGOs and painting with his mom.<\/p>\n\n<\/div>\n\n\n<div\n\t\t\t\tclass=\"block--core-paragraph\">\n\t\n<p>Photography by Marco Sanchez, UCSF Documents &amp; Media.<\/p>\n\n<\/div>","protected":false},"parent":0,"template":"","class_list":["post-3784","article","type-article","status-publish","hentry","article-type-story","article-category-family-stories"],"acf":[],"_links":{"self":[{"href":"https:\/\/familyhouseinc.org\/tl\/wp-json\/wp\/v2\/article\/3784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/familyhouseinc.org\/tl\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/familyhouseinc.org\/tl\/wp-json\/wp\/v2\/types\/article"}],"version-history":[{"count":3,"href":"https:\/\/familyhouseinc.org\/tl\/wp-json\/wp\/v2\/article\/3784\/revisions"}],"predecessor-version":[{"id":5252,"href":"https:\/\/familyhouseinc.org\/tl\/wp-json\/wp\/v2\/article\/3784\/revisions\/5252"}],"wp:attachment":[{"href":"https:\/\/familyhouseinc.org\/tl\/wp-json\/wp\/v2\/media?parent=3784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}