{"id":421,"date":"2025-07-25T05:47:34","date_gmt":"2025-07-25T05:47:34","guid":{"rendered":"https:\/\/alemu.ca\/?page_id=421"},"modified":"2025-07-25T06:09:22","modified_gmt":"2025-07-25T06:09:22","slug":"sniwwoc-graphics","status":"publish","type":"page","link":"https:\/\/alemu.ca\/?page_id=421","title":{"rendered":"SNIWWOC Graphics"},"content":{"rendered":"\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-1cd70c73 wp-block-group-is-layout-constrained\">\n<head>\n    <style>\n    body {background-color: #FFFFFF;}\n    .main-content {padding: 10em; display: flex; justify-content: center; flex-direction: column; align-items: center; row-gap: 2em;}\n    h1   {color: #1A0B12; font-family: \"Clash Display Variable\"; font-weight: 800;}\n    p    {color: #1A0B12; font-family: Ubuntu;}\n    .description-blocks {display: flex; flex-direction: row; column-gap: 3em; justify-content: space-evenly; flex: 1 0;}\n    .project-description {display: flex; flex-direction: column; flex: 1 0; box-shadow: 0 4px 4px 0 rgb(0 0 0 \/ 0.3); border-radius: 10px; padding: 1em 1em 1em 2em}\n    .subheading {color: #1A0B12; font-family: \"Clash Display Variable\"; font-weight: 500;}\n    .timeline {display: flex; flex-direction: column; text-align: right; flex: 1 0; box-shadow: 0 4px 4px 0 rgb(0 0 0 \/ 0.3); border-radius: 10px; padding: 1em 2em 1em 1em}\n    .img-label {display: flex; box-shadow: 0 4px 4px 0 rgb(0 0 0 \/ 0.3); border-radius: 10px; padding: 0.5em 3em 0.5em 3em; flex: 1}\n    .mockup-photos {display: flex; flex-direction: row; justify-content: center; column-gap: 1em;}\n    .poster {max-width: 650px;}\n    .slideshow-container {\n                max-width: 500px;\n                position: relative;\n                margin: auto;\n            }\n    .prev, .next {\n                cursor: pointer;\n                position: absolute;\n                top: 50%;\n                width: auto;\n                padding: 16px;\n                margin-top: -22px;\n                color: white;\n                font-weight: bold;\n                font-size: 18px;\n                transition: 0.6s ease;\n                border-radius: 0 3px 3px 0;\n                user-select: none;\n            }\n            .next {\n                right: 0;\n                border-radius: 3px 0 0 3px;\n            }\n            .prev:hover, .next:hover {\n                background-color: rgba(0,0,0,0.8);\n            }\n            .text {\n                color: #1A0B12;\n                font-size: 15px;\n                padding: 8px 12px;\n                position: absolute;\n                bottom: 8px;\n                width: 100%;\n                text-align: center;\n            }\n            .numbertext {\n                color: #1A0B12;\n                font-size: 12px;\n                padding: 8px 12px;\n                position: absolute;\n                top: 0;\n            }\n    @media screen and (max-width: 400px) {\n        .main-content {padding: 1em; display: flex; justify-content: center; flex-direction: column; align-items: center}\n        .description-blocks {display: flex; flex-direction: column; row-gap: 3px; justify-content: space-evenly;}\n        .timeline {display: flex; flex-direction: column; text-align: left;}\n        .mockup-photos {display: flex; flex-direction: column; justify-content: center; row-gap: 1em;}\n        .poster {max-width: 350px;}\n    }\n    <\/style>\n    <\/head>\n    <body>\n        <div class=\"main-content\">\n            <div class=\"description-blocks\">\n                <div class=\"project-description\">\n                    <h2 class=\"subheading\">Project Description<\/h2>\n                    <p>These graphics were all assignments given by the Support Network for Indigenous Women and Women of Colour for promotional materials to be posted on various social media platforms including Instagram, Eventbrite, and Facebook. The main theme in these graphics was to create something that could appeal to anyone, while holding space for women of colour especially and how they would see these materials.<\/p>\n                <\/div>\n                <div class=\"timeline\">\n                    <h2 class=\"subheading\">Timeline<\/h2>\n                    <p>8 Weeks<\/p>\n                    <h2 class=\"subheading\">Programs Used<\/h2>\n                    <p>Canva, Adobe Illustrator<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"mockup-photos\">\n                <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/07\/SNIWWOC-Domestic-Violence-Workshop.png\" class=\"poster\"\/>\n            <\/div>\n            <div class=\"img-label\">\n                <p>Domestic Violence Workshop Flyer<\/p>\n            <\/div>\n            <div class=\"slideshow-container\">\n                <div class=\"mySlides fade\">\n                    <div class=\"numbertext\">\n                        1\/3\n                    <\/div>\n                    <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/07\/1.png\" style=\"width:100%\"\/>\n                <\/div>\n                <div class=\"mySlides fade\">\n                    <div class=\"numbertext\">\n                        2\/3\n                    <\/div>\n                    <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/07\/2.png\" style=\"width:100%\"\/>\n                <\/div>\n                <div class=\"mySlides fade\">\n                    <div class=\"numbertext\">\n                        3\/3\n                    <\/div>\n                    <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/07\/3.png\" style=\"width:100%\"\/>\n                <\/div>\n                <a class=\"prev\" onclick=\"plusSlides(-1)\">\u276e<\/a>\n                <a class=\"next\" onclick=\"plusSlides(1)\">\u276f<\/a>\n            <\/div>\n            <br\/>\n            <div style=\"text-align:center\">\n                <span class=\"dot\" onclick=\"currentSlide(1)\"><\/span> \n                <span class=\"dot\" onclick=\"currentSlide(2)\"><\/span> \n                <span class=\"dot\" onclick=\"currentSlide(3)\"><\/span>\n            <\/div>\n            <div class=\"img-label\">\n                <p>Artist Callout Instagram Post<\/p>\n            <\/div>\n            <div class=\"mockup-photos\">\n                <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/07\/Photographers-Videographers-Needed.png\" class=\"poster\"\/>\n            <\/div>\n            <div class=\"img-label\">\n                <p>Photographer &#038; Videographer Callout Instagram Post<\/p>\n            <\/div>\n        <\/div>\n        <script>\n            let slideIndex = 1;\n            showSlides(slideIndex);\n            \n            function plusSlides(n) {\n              showSlides(slideIndex += n);\n            }\n            \n            function currentSlide(n) {\n              showSlides(slideIndex = n);\n            }\n            \n            function showSlides(n) {\n              let i;\n              let slides = document.getElementsByClassName(\"mySlides\");\n              let dots = document.getElementsByClassName(\"dot\");\n              if (n > slides.length) {slideIndex = 1}    \n              if (n < 1) {slideIndex = slides.length}\n              for (i = 0; i < slides.length; i++) {\n                slides[i].style.display = \"none\";  \n              }\n              for (i = 0; i < dots.length; i++) {\n                dots[i].className = dots[i].className.replace(\" active\", \"\");\n              }\n              slides[slideIndex-1].style.display = \"block\";  \n              dots[slideIndex-1].className += \" active\";\n            }\n            <\/script>\n    <\/body>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Project Description These graphics were all assignments given by the Support Network for Indigenous Women and Women of Colour for promotional materials to be posted on various social media platforms including Instagram, Eventbrite, and Facebook. The main theme in these graphics was to create something that could appeal to anyone, while holding space for women [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-421","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages\/421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alemu.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=421"}],"version-history":[{"count":5,"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages\/421\/revisions"}],"predecessor-version":[{"id":434,"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages\/421\/revisions\/434"}],"wp:attachment":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}