From 55cffd8f5b5947965cdd5814798feb85c7be93d0 Mon Sep 17 00:00:00 2001 From: Helen Chong <119173961+helenclx@users.noreply.github.com> Date: Mon, 1 Jul 2024 20:00:40 +0800 Subject: [PATCH] Add Dsiability Pride Month event --- src/_includes/main/hero.njk | 5 +++++ src/assets/css/pridesymbols.css | 7 +++++++ 2 files changed, 12 insertions(+) diff --git a/src/_includes/main/hero.njk b/src/_includes/main/hero.njk index c9183b11..463ee67a 100644 --- a/src/_includes/main/hero.njk +++ b/src/_includes/main/hero.njk @@ -89,6 +89,11 @@ return { blurb: `Today is Leilukin's Birthday` }; + else if (month === 7) + return{ + blurb: `Happy Disability Pride Month!`, + class: "flag-disability" + } else if (month === 8 && day === 25) return { blurb: `Today is Aromantic Spectrum Visibility Day`, diff --git a/src/assets/css/pridesymbols.css b/src/assets/css/pridesymbols.css index 80f4adfe..265331a2 100644 --- a/src/assets/css/pridesymbols.css +++ b/src/assets/css/pridesymbols.css @@ -196,4 +196,11 @@ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12pt' height='12pt' viewBox='0 0 12 12' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style='fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(35.15%25,0%25,64.85%25);stroke-opacity:1;stroke-miterlimit:10;' d='M 85 85 C 85 98.789062 73.789062 110 60 110 C 46.210938 110 35 98.789062 35 85 C 35 71.210938 46.210938 60 60 60 C 73.789062 60 85 71.210938 85 85 Z M 85 85 ' transform='matrix(0.1,0,0,-0.1,0,12)'/%3E%3Cpath style='fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(35.15%25,0%25,64.85%25);stroke-opacity:1;stroke-miterlimit:10;' d='M 60 10 L 60 60 ' transform='matrix(0.1,0,0,-0.1,0,12)'/%3E%3Cpath style='fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(35.15%25,0%25,64.85%25);stroke-opacity:1;stroke-miterlimit:10;' d='M 35 35 L 85 35 ' transform='matrix(0.1,0,0,-0.1,0,12)'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100% 100%; +} + +.flag-disability { + background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='651.83px' height='300px' viewBox='-90.33 0 651.83 300' enable-background='new -90.33 0 651.83 300' xml:space='preserve' %3E%3Cpolygon fill='%233BB07D' stroke='%233BB07D' stroke-width='0.3514' stroke-miterlimit='10' points='561.5,300 162.902,0.664 112.268,0.664 510.867,300 '/%3E%3Cpolygon fill='%237BC2E0' stroke='%237BC2E0' stroke-width='0.3514' stroke-miterlimit='10' points='510.711,300 112.113,0.664 61.478,0.664 460.078,300 '/%3E%3Cpolygon fill='%23E8E8E8' stroke='%23E8E8E8' stroke-width='0.3514' stroke-miterlimit='10' points='460.077,300 61.478,0.664 8.094,0.664 406.693,300 '/%3E%3Cpolygon fill='%23EEDE77' stroke='%23EEDE77' stroke-width='0.3514' stroke-miterlimit='10' points='406.692,300 8.095,0.664 -41.016,0.664 357.584,300 '/%3E%3Cpolygon fill='%23CF7280' stroke='%23CF7280' stroke-width='0.3514' stroke-miterlimit='10' points='357.378,300 -41.22,0.664 -90.33,0.664 308.27,300 '/%3E%3C/svg%3E"); + background-color: #595959; + background-repeat: no-repeat; + background-size: 100% 100%; } \ No newline at end of file