{"id":8,"date":"2025-08-01T02:16:26","date_gmt":"2025-08-01T02:16:26","guid":{"rendered":"https:\/\/julianashortcreative.com\/?page_id=8"},"modified":"2025-08-03T06:41:29","modified_gmt":"2025-08-03T06:41:29","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/julianashortcreative.com\/?page_id=8","title":{"rendered":"Portfolio"},"content":{"rendered":"<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Portfolio | Juliana Short<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Quiche+Sans&#038;family=Basic+Sans&#038;display=swap\" rel=\"stylesheet\"\/>\r\n<\/head>\r\n\r\n<body>\r\n  <main>\r\n    <section class=\"portfolio-section\">\r\n      <div class=\"container\">\r\n        <h2 class=\"portfolio-heading\">My Portfolio<\/h2>\r\n\r\n        <div class=\"portfolio-grid\">\r\n          <div class=\"project-card\" onclick=\"openModal('modal1')\">\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\" alt=\"cookbook\"\/>\r\n            <h3>Made with Love, Mom<\/h3>\r\n            <p>CUSTOM TYPESET RECIPE BOOK<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"project-card\" onclick=\"openModal('modal2')\">\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\" alt=\"Hobby Horse\"\/>\r\n            <h3>Hobby Horse<\/h3>\r\n            <p>CUSTOM TYPE<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"project-card\" onclick=\"openModal('modal3')\">\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\" alt=\"Project 3\"\/>\r\n            <h3>Gala Invitation: The American Foundation of the Blind<\/h3>\r\n              <p>GALA INVITATION<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"project-card\" onclick=\"openModal('modal4')\">\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\" alt=\"Project 4\"\/>\r\n            <h3>Meramec Contemporary Art Gallery Posters<\/h3>\r\n              <p>ART GALLERY POSTERS<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"project-card\" onclick=\"openModal('modal5')\">\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\" alt=\"Project 5\"\/>\r\n            <h3>Czech Republic Banknote Design<\/h3>\r\n              <p>CURRENCY REDESIGN: CZECH REPUBLIC<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"project-card\" onclick=\"openModal('modal6')\">\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\" alt=\"Project 6\"\/>\r\n            <h3>E-Sports Branding: Memorial High School Mustangs<\/h3>\r\n              <p>ESPORTS LOGO DESIGN SUITE<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"project-card\" onclick=\"openModal('modal7')\">\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\" alt=\"Project 7\"\/>\r\n            <h3>STLCC Men\u2019s and Women\u2019s Soccer Posters<\/h3>\r\n              <p>SPORTS POSTERS<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"project-card\" onclick=\"openModal('modal8')\">\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\" alt=\"Project 8\"\/>\r\n            <h3>Branding a Nation: New Zealand<\/h3>\r\n              <p>BRANDING DESIGN<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"project-card\" onclick=\"openModal('modal9')\">\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\" alt=\"Project 9\"\/>\r\n            <h3>Traveling Exhibition: The Science of Ripley&#8217;s Believe It or Not!<\/h3>\r\n            <p>MUSEUM EXHIBIT BRANDING SUITE<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"project-card\" onclick=\"openModal('modal10')\">\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\" alt=\"Project 10\"\/>\r\n            <h3>Designer Biography Project: Herbert Bayer<\/h3>\r\n            <p>DESIGNER POSTER<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"project-card\" onclick=\"openModal('modal11')\">\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\" alt=\"Project 11\"\/>\r\n            <h3>Drawings<\/h3>\r\n            <p>DRAWING 1<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n<div id=\"modal1\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal1')\">&times;<\/span>\r\n    <h2>Made with Love, Mom<\/h2>\r\n    <img decoding=\"async\" src=\"images\/project1.jpg\" alt=\"cookbook\"\/>\r\n    <p>CUSTOM TYPESET RECIPE BOOK<\/p>\r\n    <p>TYPOGRAPHY<\/p>\r\n    <p>Typography, Illustration, Icon Design<\/p>\r\n    <h3>Objective<\/h3>\r\n    <p>To design a cookbook that highlights layout and typography in a recipe format.<\/p>\r\n    <h3>Description<\/h3>\r\n    <p>Made with Love, Mom is a dessert cookbook inspired by the recipes my mom has made for me throughout my life. Designed as a heartfelt gift, the book blends expressive typography with illustrative elements that reflect my Houston roots and the ingredients used in each dessert. The result is a personal and visually rich piece showcasing both design and memory.\r\n<\/p>\r\n    <div class=\"modal-details\">\r\n      <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"modal2\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal2')\">&times;<\/span>\r\n    <h2>Hobby Horse<\/h2>\r\n    <h3>CUSTOM TYPE<\/h3>\r\n    <p>TYPOGRAPHY<\/p>\r\n    <p>Typography, 3D Design, Printmaking<\/p>\r\n    <p><h3>Hobby Horse<\/h3> is a custom typeface that combines bold modern flair and a touch of western charm. Inspired by my Texas roots, I set out to design a typeface with oversized personality\u2014playful, energetic, and full of character. Each letter was crafted in Illustrator, then 3D printed and hand-inked for printmaking. Running the 3D forms through the press resulted in an abudance of brilliant textures and authentic prints, celebrating both digital and traditional processes.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n      <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"modal3\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal3')\">&times;<\/span>\r\n    <h2>Gala Invitation: The American Foundation of the Blind<\/h2>\r\n    <img decoding=\"async\" src=\"images\/project3.jpg\" alt=\"Ripley's Exhibit\"\/>\r\n    <p>GALA INVITATION<\/p>\r\n    <p>GRAPHIC DESIGN 3<\/p>\r\n    <p>Illustration, Typography, Gala Invitation Design<\/p>\r\n    <h3>Objective<\/h3>\r\n    <p>Create an invitation suite for a fictional gala for a real foundation or organization.<\/p>\r\n    <h3>Process<\/h3>\r\n    <p>For the gala invitation project, I chose the American Foundation of the Blind as my foundation, and I chose to do a \u201cNight Under the Stars\u201d theme. For my invitation design, I wanted to design something that anyone who recived the invitation would feel intrigued, and excited about. I incorporated many different details that were catered to those who have vision impairments. I created the printed invitation with a particular fold design that, when delivered would give any audience an interactive and enticing feel. I also made my own braille impressions on the invitation for intention and inclusivity.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n      <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"modal4\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal4')\">&times;<\/span>\r\n    <h2>Meramec Contemporary Art Gallery Posters<\/h2>\r\n    <img decoding=\"async\" src=\"images\/project4.jpg\" alt=\"Esports Branding\"\/>\r\n    <p>ART GALLERY POSTERS<\/p>\r\n    <p>GRAPHIC DESIGN 4<\/p>\r\n    <p>Tyypography, Illustration, School Advertisement<\/p>\r\n    <h3>Objective<\/h3>\r\n    <p>To design two posters for the Meramec Contemporary Art Gallery for the 2025 Fall and 2026 Spring Seasons<\/p>\r\n    <h3>Process<\/h3>\r\n    <p>The Art Gallery is a wonderful place on campus and provides many different opportunities for artists to showcase their work. I chose to create a two-sided poster for Fall and Spring, so that when printed multiple times that could be set up together and connect. I wanted to use the electric colors to share the excitement that the Art Gallery brings.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n       <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"modal5\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal5')\">&times;<\/span>\r\n    <h2>Czech Republic Banknote Design<\/h2>\r\n    <img decoding=\"async\" src=\"images\/project5.jpg\" alt=\"Planner App\"\/>\r\n    <p>CURRENCY REDESIGN: CZECH REPUBLIC<\/p>\r\n    <p>GRAPHIC DESIGN 4<\/p>\r\n    <p>Typography, Illustration, Country Research, Brand Design<\/p>\r\n    <h3>Objective<\/h3>\r\n    <p>To design a 4 banknotes for the Czech Republic<\/p>\r\n    <h3>Process<\/h3>\r\n    <p>The currency redesign project was based upon famous figures from the Czech Republic and their ties to the community and history of the country. Each banknote features architecture, layered patterns, security strips and front and back designs.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n       <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"modal6\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal6')\">&times;<\/span>\r\n    <h2>E-Sports Branding: Memorial High School Mustangs<\/h2>\r\n    <img decoding=\"async\" src=\"images\/project6.jpg\" alt=\"St. Louis Sports\"\/>\r\n    <p>ESPORTS LOGO DESIGN SUITE<\/p>\r\n    <p>GRAPHIC DESIGN 3<\/p>\r\n    <p>Typography, Logo Design, Illustration<\/p>\r\n    <h3>Objective<\/h3>\r\n    <p>Create a visual identity for the E-sports team, including a logo, digital and print posters, a jersey and a mousepad for your high school.<\/p>\r\n    <h3>Process<\/h3>\r\n    <p>The high school I attended in Houston, Texas was the Memorial High School Mustangs. I wanted to elevate the mustangs and give the e-sports team an electric design that joined technology and school spirit. The jersey I created with strength in mind, bringing together a team that brings each other up. I leaned into high-energy graphics like glitch textures, angled lines, block elements, and bold typography to reflect the speed and intensity of competitive gaming. Everything is tied together with strong school colors and a sense of movement.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n      <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"modal7\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal7')\">&times;<\/span>\r\n    <h2>Roadwell Kit<\/h2>\r\n    <img decoding=\"async\" src=\"images\/project7.jpg\" alt=\"Roadwell Kit\"\/>\r\n    <h2>STLCC Men\u2019s and Women\u2019s Soccer Posters<\/h2>\r\n    <p>SPORTS POSTERS<\/p>\r\n    <p>GRAPHIC DESIGN 2<\/p>\r\n    <p>Photoshop, Typography, Sports<\/p>\r\n    <h3>Objective<\/h3>\r\n    <p>Design the men\u2019s and women\u2019s soccer posters for the 2024-2025 season in a group project with 2 other students.<\/p>\r\n    <h3>Process<\/h3>\r\n    <p>After receiving the photoshoot photos of each team, our worked on cutting out each player on Photoshop so we could bring them together in the poster. We also were provided lots of typographic  elements including the players names, numbers, the schedule, and their statistics. We used Illustrator and Photoshop to design the poster and bring together a seamless design that was powerful, bold and bright and celebrated the success of the soccer teams.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n      <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"modal8\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal8')\">&times;<\/span>\r\n    <h2>Branding a Nation: New Zealand<\/h2>\r\n    <img decoding=\"async\" src=\"images\/project8.jpg\" alt=\"Meramec Gallery Campaign\"\/>\r\n    <p>BRANDING DESIGN<\/p>\r\n    <p>GRAPHIC DESIGN 2<\/p>\r\n    <p>Logo Design, Branding ,National Identity<\/p>\r\n    <h3>Objective<\/h3>\r\n    <p>Create a national identity for the country of New Zealand that reflects the country\u2019s beauty, innovation, and culture.<\/p>\r\n    <h3>Process<\/h3>\r\n    <p>This project began by researching the country\u2019s history, its current branding through national and tourism websites, and its traditions. I was highly influenced by the M\u0101ori culture and their traditional Haka dance. My goal was to create a clean, and modern icon that reflected the identity of the country through the powerful and expressive form of the Haka dance and its meanings of strength, unity, and spirit.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n      <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"modal9\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal9')\">&times;<\/span>\r\n    <h2>Traveling Exhibition: The Science of Ripley&#8217;s Believe It or Not!<\/h2>\r\n    <img decoding=\"async\" src=\"images\/project10.jpg\" alt=\"Recipe Design\"\/>\r\n    <p>MUSEUM EXHIBIT BRANDING SUITE<\/p>\r\n    <p>GRAPHIC DESIGN 3<\/p>\r\n    <p>Illustration, Typography<\/p>\r\n    <h3>Objective<\/h3>\r\n    <p>Create a museum branding suite for the traveling exhibition, Ripley\u2019s Believe It or Not!<\/p>\r\n    <h3>Process<\/h3>\r\n    <p>I wanted to capture the surreal and curious energy of the Ripley\u2019s brand, so I chose to create a black and white optical illusion that showcased a few of the exhibits you could see while at the museum. Inspired by immersive experiences, I designed a floor to ceiling design for the elevator mockup that is a strange portal to the exhibit, something that would make viewers stop and wonder what is on the other side. The end result of interactive, strange and energetic carries on throughout the digital graphics and the billboard designs catching viewers attention one illusion at a time.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n      <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"modal10\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal10')\">&times;<\/span>\r\n    <h2>Designer Biography Project: Herbert Bayer<\/h2>\r\n    <img decoding=\"async\" src=\"images\/project10.jpg\" alt=\"Recipe Design\"\/>\r\n    <p>DESIGNER POSTER<\/p>\r\n    <p>GRAPHIC DESIGN 1<\/p>\r\n    <p>Typography, Illustration, Designer Research<\/p>\r\n    <h3>Objective<\/h3>\r\n    <p>Research and design a poster about a famous Graphic Designer<\/p>\r\n    <h3>Process<\/h3>\r\n    <p>Herbert Bayer\u2019s influential work at the Bauhaus + Post Bauhaus was full of bold colors, geometric shapes, and a value of negative space. My poster ideation spurred from prior works of Bayer, specifically his Aspen collection. I wanted to make these posters feel as close to the designer as possible, while giving it a modern twist.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n      <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"modal11\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal11')\">&times;<\/span>\r\n    <h2>Drawing 1<\/h2><h2>\r\n    <img decoding=\"async\" src=\"images\/project11.jpg\" alt=\"Bauhaus Poster\"\/>\r\n    <p>A compilation of drawings I created in Drawing 1 class where I used many different forms of drawing utensils such as graphite, charcoal, sharpies, ball point pen, blending pens, and colored pencils.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n      <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n  <\/h2><\/div>\r\n<\/div>\r\n<\/main>\r\n\r\n<div class=\"footer\">\u00a9 2025 Juliana Short<\/div>\r\n\r\n<script>\r\n  let currentIndex = 0;\r\n\r\n  function scrollCarousel(direction) {\r\n    const track = document.getElementById('carousel-track');\r\n    const cards = track.children;\r\n    const cardWidth = cards[0].offsetWidth + 20; \/\/ 20 = gap between cards\r\n    const visibleCards = getVisibleCards();\r\n    const maxIndex = cards.length - visibleCards;\r\n\r\n    currentIndex += direction;\r\n    if (currentIndex < 0) currentIndex = 0;\r\n    if (currentIndex > maxIndex) currentIndex = maxIndex;\r\n\r\n    track.style.transform = `translateX(-${currentIndex * cardWidth}px)`;\r\n  }\r\n\r\n  function getVisibleCards() {\r\n    if (window.innerWidth <= 480) return 1;\r\n    if (window.innerWidth <= 768) return 2;\r\n    return 3;\r\n  }\r\n\r\n  window.addEventListener('resize', () => {\r\n    scrollCarousel(0); \/\/ realign on resize\r\n  });\r\n\r\nfunction openModal(id) {\r\n    alert(\"Modal for \" + id + \" would open here.\");\r\n  }\r\n<\/script>\r\n<script>\r\n  function openModal(id) {\r\n    document.getElementById(id).style.display = 'block';\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  function closeModal(id) {\r\n    document.getElementById(id).style.display = 'none';\r\n    document.body.style.overflow = 'auto';\r\n  }\r\n\r\n  window.addEventListener('click', function (event) {\r\n    const modals = document.querySelectorAll('.modal');\r\n    modals.forEach(modal => {\r\n      if (event.target === modal) {\r\n        modal.style.display = 'none';\r\n        document.body.style.overflow = 'auto';\r\n      }\r\n    });\r\n  });\r\n\r\n  <\/script><script>\r\n    function openModal(id) {\r\n      document.getElementById(id).style.display = 'block';\r\n    }\r\n\r\n    function closeModal(id) {\r\n      document.getElementById(id).style.display = 'none';\r\n    }\r\n\r\n    function openLightbox(img) {\r\n      const lightbox = document.getElementById('lightbox');\r\n      const lightboxImg = document.getElementById('lightbox-img');\r\n      lightboxImg.src = img.src;\r\n      lightbox.style.display = 'flex';\r\n    }\r\n\r\n    function closeLightbox() {\r\n      document.getElementById('lightbox').style.display = 'none';\r\n    }\r\n  <\/script>\r\n<\/body>\r\n<\/html>","protected":false},"excerpt":{"rendered":"Portfolio | Juliana Short My Portfolio Made with Love, Mom CUSTOM TYPESET RECIPE BOOK Hobby Horse CUSTOM TYPE Gala Invitation: The American Foundation of the Blind GALA INVITATION Meramec Contemporary Art Gallery Posters ART GALLERY POSTERS Czech Republic Banknote Design CURRENCY REDESIGN: CZECH REPUBLIC E-Sports Branding: Memorial High School Mustangs ESPORTS LOGO DESIGN SUITE STLCC [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":21,"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":225,"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/225"}],"wp:attachment":[{"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}