1<!DOCTYPE html><html><head>
1<script type="1394ec702260ffe80de2afe2-text/javascript">var StoryblokCacheVersion = 'cacheVersion(){return h[this.accessToken]}';</script>
1<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"/><link rel="manifest" href="/favicons/site.webmanifest"/><link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#000000"/><link rel="shortcut icon" href="/favicons/favicon.ico"/><meta name="msapplication-TileColor" content="#000000"/><meta name="msapplication-config" content="/favicons/browserconfig.xml"/><meta name="theme-color" content="#0000"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"/><link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"/><meta name="msapplication-TileColor" content="#000"/><meta name="theme-color" content="#000"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black"/>
1<script type="1394ec702260ffe80de2afe2-text/javascript">
vendor: 327 bytes, lines 1-5
1(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 2new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 3j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 4'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 5})(window,document,'script','dataLayer','
5GTM-PTW6RMBF
vendor: 3 bytes, line 5
5');
5</script>
5<style> 6 @font-face { 7 font-family: 'EuropaGrotesk'; 8 src: url('/fonts/EuropaGroteskNr2SHMed/font.woff2') format('woff2'), 9 url('/fonts/EuropaGroteskNr2SHMed/font.woff') format('woff'); 10 font-weight: 500; 11 font-style: normal; 12 } 13 </style><link rel="stylesheet" type="text/css" charSet="UTF-8" href="/fonts/apercu/stylesheet.css"/><link rel="preload" href="/fonts/EuropaGroteskNr2SHMed/font.woff2" as="font" crossorigin="anonymous"/><link rel="preload" href="/fonts/apercu/Apercu-Light.wo2ff2" as="font" crossorigin="anonymous"/><link rel="preload" href="/fonts/apercu/hinted-ApercuPro.woff2" as="font" crossorigin="anonymous"/><link rel="preload" href="/fonts/apercu/hinted-ApercuPro-Italic.woff2" as="font" crossorigin="anonymous"/><link rel="preload" href="/fonts/apercu/hinted-ApercuPro-Medium.woff2" as="font" crossorigin="anonymous"/><link rel="stylesheet" type="text/css" charSet="UTF-8" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css"/><link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"/><meta charSet="utf-8"/><title></title><meta name="description" content=""/><meta name="viewport" content="width=x`x```device-width, initial-scale=1"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="next-head-count" content="5"/><link rel="preload" href="/_next/static/css/f2ff6db6f114b34a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f2ff6db6f114b34a.css" data-n-g=""/><link rel="preload" href="/_next/static/css/7792ce6daad9d828.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7792ce6daad9d828.css" data-n-p=""/><noscript data-n-css=""></noscript>
13<script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js" type="1394ec702260ffe80de2afe2-text/javascript"></script>
13<script src="/_next/static/chunks/webpack-9459495c5dd8a201.js" defer="" type="1394ec702260ffe80de2afe2-text/javascript"></script>
13<script src="/_next/static/chunks/framework-4975f770e34de116.js" defer="" type="1394ec702260ffe80de2afe2-text/javascript"></script>
13<script src="/_next/static/chunks/main-875aefb67ee315bc.js" defer="" type="1394ec702260ffe80de2afe2-text/javascript"></script>
13<script src="/_next/static/chunks/pages/_app-35d41dcd3793edaf.js" defer="" type="1394ec702260ffe80de2afe2-text/javascript"></script>
13<script src="/_next/static/chunks/ea88be26-0bc714618dbf5d54.js" defer="" type="1394ec702260ffe80de2afe2-text/javascript"></script>
13<script src="/_next/static/chunks/491-e0bd40860792119b.js" defer="" type="1394ec702260ffe80de2afe2-text/javascript"></script>
13<script src="/_next/static/chunks/873-92a7f76e9925d183.js" defer="" type="1394ec702260ffe80de2afe2-text/javascript"></script>
13<script src="/_next/static/chunks/pages/blog-9ef65d89da57f6e9.js" defer="" type="1394ec702260ffe80de2afe2-text/javascript"></script>
13<script src="/_next/static/57zaH_6pwTtZaUMr2p6GX/_buildManifest.js" defer="" type="1394ec702260ffe80de2afe2-text/javascript"></script>
13<script src="/_next/static/57zaH_6pwTtZaUMr2p6GX/_ssgManifest.js" defer="" type="1394ec702260ffe80de2afe2-text/javascript"></script>
13<script src="/_next/static/57zaH_6pwTtZaUMr2p6GX/_middlewareManifest.js" defer="" type="1394ec702260ffe80de2afe2-text/javascript"></script>
13</head><body><div id="__next" data-reactroot=""><div><div class="app"><div class="page-transition-enter"><div class=""><header><div class="HeaderV2_header__mx1Nn HeaderV2_headerDesktop__EPg6A HeaderV2_scrollingUp__d_JVD"><div class="HeaderV2_headerContent__u5DE_ header-content"><div data-testid="Container" class="Container_container__B3zyu container-fluid"><div class="justify-content-between row"><div data-testid="Col" role="navigation" class="column animateV2 HeaderV2_linksCol__FeSW7 col-auto"><a role="button" tabindex="0" href="/services/" target="" _uid="ba174bdf-89bc-4237-914e-22348f9d1cff" text="Services" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text btn-lg">Services</a><a role="button" tabindex="0" href="/work/" target="" _uid="a4a20e5b-1eb3-4ea9-a366-1a1f2b8289fb" text="Portfolio" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text btn-lg">Portfolio</a></div><div data-testid="Col" class="column animateV2 HeaderV2_logoCol__KPxmW col__flex Col_flex__vMwBX Col_align-items-center__Qqijl align-items-center Col_justify-content-center__ZaJd1 justify-content-center col-auto"><div class="HeaderV2_centerLogo__YVaNU"><a href="/"><img class="HeaderV2_logoLight__bEuqv logo-light" alt="" src="https://a.storyblok.com/f/66217/x/fc6eccd2f0/rumor-logo-white.svg"/></a></div></div><div data-testid="Col" role="navigation" class="column animateV2 HeaderV2_linksCol__FeSW7 col-auto"><a role="button" tabindex="0" href="/careers/" target="" _uid="5a5ab571-b724-42bd-9aea-e336ecca5964" text="Careers" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text btn-lg">Careers</a><a role="button" tabindex="0" href="/contact/" target="" _uid="61443b9a-bfb0-431b-8cd6-ed4fd5f7b8ea" text="Get in Touch" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text btn-lg">Get in Touch</a></div></div></div></div></div><div class="HeaderV2_header__mx1Nn HeaderV2_headerMobile__QGGnt HeaderV2_scrollingUp__d_JVD"><div class="HeaderV2_headerContent__u5DE_ header-content"><div data-testid="Container" class="Container_container__B3zyu container"><div class="justify-content-between row"><div data-testid="Col" class="column animateV2 HeaderV2_logoCol__KPxmW col__flex Col_flex__vMwBX Col_align-items-center__Qqijl align-items-center Col_justify-content-center__ZaJd1 justify-content-center col-auto"><a href="/"><img class="HeaderV2_logoLight__bEuqv logo-light" alt="" src="https://a.storyblok.com/f/66217/x/fc6eccd2f0/rumor-logo-white.svg"/></a></div><div data-testid="Col" class="column animateV2 col-auto"><div class="HeaderV2_hamburger__W1ULu"><div class="hamburger-react" aria-expanded="false" role="button" style="cursor:pointer;height:48px;position:relative;transition:0.4s cubic-bezier(0, 0, 0, 1);user-select:none;width:48px;outline:none;transform:none" tabindex="0"><div style="transition:0.2s cubic-bezier(0, 0, 0, 1) 0.2s;transform:none"><div style="background:currentColor;height:3px;left:8px;position:absolute;width:32px;top:17px;transition:0.2s cubic-bezier(0, 0, 0, 1) 0s;transform:none"></div></div><div style="transition:0.2s cubic-bezier(0, 0, 0, 1) 0.2s;transform:none"><div style="background:currentColor;height:3px;left:8px;position:absolute;width:32px;top:29px;transition:0.2s cubic-bezier(0, 0, 0, 1) 0s;transform:none"></div></div></div></div></div></div></div></div><div class="HeaderV2_overlayMenu__yLQpG"><div data-testid="Container" class="HeaderV2_h100__PDjNL Container_container__B3zyu container"><div class="HeaderV2_overlayMenuContent__H_PT6"><div class="HeaderV2_mobileLinks__1a_eo"><a role="button" tabindex="0" href="/services/" target="" _uid="ba174bdf-89bc-4237-914e-22348f9d1cff" text="Services" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text btn-lg">Services</a><a role="button" tabindex="0" href="/work/" target="" _uid="a4a20e5b-1eb3-4ea9-a366-1a1f2b8289fb" text="Portfolio" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text btn-lg">Portfolio</a><a role="button" tabindex="0" href="/careers/" target="" _uid="5a5ab571-b724-42bd-9aea-e336ecca5964" text="Careers" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text btn-lg">Careers</a><a role="button" tabindex="0" href="/contact/" target="" _uid="61443b9a-bfb0-431b-8cd6-ed4fd5f7b8ea" text="Get in Touch" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text btn-lg">Get in Touch</a></div></div></div></div></div></header><div id="page" class="page-content "><div class="page normal "><div data-testid="Spacer" class="spacer SpacerV2_spacer__tJAmI SpacerV2_spacer--mobile-only__MKcUx"><div class="SpacerV2_spacer__desktop__bxZPz" style="height:4.375rem"></div><div class="SpacerV2_spacer__mobile__SHc7K" style="height:2.1875rem"></div></div><div class="banner row mini" style="min-height:;background-color:#000"><div class="overlay" style="background-image:url("null");background-position:;background-size:;opacity:0"></div><div class="content container align-self-center"><div class="container"><div class="row justify-content-between"><div><div _uid="64114679-e1a7-46e2-9677-38a34aa812f2" component="contentSection" class="justify-center row"><div data-testid="Col" class="column animateV2 ContentSection_text-center__xobh6 col-xxl-6 col-xl-6 col-lg-6"><div class="image-wrap Img_image-wrap__B2_nM"><img alt="" title="" width="603" _uid="00e8c92a-242f-4c16-afcb-d262db84d1cf" component="mediaV2" style="object-position:% %" data-srcset="https://a.storyblok.com/f/66217/603x162/f65e959291/gossip-text.svg 320w, https://a.storyblok.com/f/66217/603x162/f65e959291/gossip-text.svg 640w, https://a.storyblok.com/f/66217/603x162/f65e959291/gossip-text.svg 1000w, https://a.storyblok.com/f/66217/603x162/f65e959291/gossip-text.svg 2000w, https://a.storyblok.com/f/66217/603x162/f65e959291/gossip-text.svg 3000w" height="162" class="media Image_image__7bYel Img_image__ucF4_ image" src="https://a.storyblok.com/f/66217/603x162/f65e959291/gossip-text.svg" data-src="https://a.storyblok.com/f/66217/603x162/f65e959291/gossip-text.svg"/></div></div></div></div></div></div></div></div><div data-testid="Spacer" class="spacer SpacerV2_spacer__tJAmI"><div class="SpacerV2_spacer__desktop__bxZPz" style="height:5rem"></div><div class="SpacerV2_spacer__mobile__SHc7K" style="height:2.5rem"></div></div><div data-testid="Container" class="Blogs_blogs__omhKh Container_
13container__B3zyu container"><div class="Flex_flex__GL__j Flex_flex-direction-row__he6dq Flex_align-items-normal__uwm00 Flex_noAutofit__fQX7p Flex_wrap__LIrUE Flex_col-2__jUoG5 Flex_col-1-md__aXaqh Flex_noAutofitMd__1P2c8 Flex_gap-xl__A13oR"></div></div><div data-testid="Spacer" class="spacer SpacerV2_spacer__tJAmI"><div class="SpacerV2_spacer__desktop__bxZPz" style="height:5rem"></div><div class="SpacerV2_spacer__mobile__SHc7K" style="height:2.5rem"></div></div><div class="additional-work"></div></div><div data-testid="Spacer" class="spacer SpacerV2_spacer__tJAmI"><div class="SpacerV2_spacer__desktop__bxZPz" style="height:6.25rem"></div><div class="SpacerV2_spacer__mobile__SHc7K" style="height:3.125rem"></div></div><div data-testid="Spacer" class="spacer SpacerV2_spacer__tJAmI SpacerV2_spacer--mobile-only__MKcUx"><div class="SpacerV2_spacer__desktop__bxZPz" style="height:6.25rem"></div><div class="SpacerV2_spacer__mobile__SHc7K" style="height:3.125rem"></div></div><div class="footer-v2 FooterV2_footerv2__ALRNb"><div class="FooterV2_animationWrap__Uz_bc"><div class="FooterV2_animation__lnE01"><svg class="FooterV2_radar__PgXP_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2500 3372" fill="none"><defs><path id="reuse-0" fill-rule="evenodd" d="M34.38 2181.73v299.51h103.613v-246.11l91.759.75c75.997.62 93.741 1.23 103.298 3.54 54.626 13.23 71.257 43.82 77.978 143.47 3.698 54.83 5.377 67.53 11.06 83.78l4.791 13.69 57.559.46 57.559.47-6.041-8.79c-12.216-17.75-16.302-37.79-23.112-113.31-6.732-74.67-12.413-97.51-30.756-123.63-13.485-19.2-28.423-29.47-55.051-37.86-2.561-.81-.385-2.48 9.205-7.08 54.913-26.32 82.838-74.54 82.955-143.25.128-75.02-41.536-133.46-110.301-154.7-29.714-9.18-26.33-9.02-206.365-9.75l-168.15-.69v299.5zm293.322-211.47c49.402 6.02 76.752 27.98 85.286 68.48 9.49 45.05-10.574 89.8-47.081 105-25.074 10.44-33.11 11.16-135.277 12.1l-92.637.85v-188.25h87.414c49.37 0 93.89.8 102.295 1.82zm1535.758 65.95c-109.9 17.08-177.33 104.18-177.31 229.02.01 60.03 10.79 99.41 38.82 141.81 77.22 116.8 280.82 118.68 358.68 3.3 53.9-79.88 54.64-208.66 1.65-289.35-43.19-65.79-130.17-99.03-221.84-84.78zm-660.37 1.61c-36.99 6.99-69.26 27.3-96.25 60.58l-6.41 7.9-.04-30.29-.03-30.3h-91.32v435.53h96.41l.64-138.3c.71-152.2.55-149.77 11.78-173.32 30.78-64.49 132.73-72.27 153.27-11.69l3.93 11.59.52 155.86.51 155.86h96.46l.01-132.15c0-156.18.77-166.13 14.74-189.96 29.93-51.05 118.57-57.54 146.02-10.71 10.07 17.19 10.12 18.15 10.86 182.23l.69 150.59h96.49l-.53-169.03c-.52-168.19-.54-169.1-4.4-182.73-15.89-56.21-64.1-90.84-130.58-93.8-60.13-2.68-102.73 17.09-144.24 66.92l-4.24 5.08-4.91-9.47c-17.57-33.82-44.72-53.5-83.52-60.52-16.51-2.99-49.69-2.93-65.86.13zm1164.33 2.03c-38.93 8.32-74.45 35.46-97.59 74.57l-9.54 16.11-.47-42.41-.47-42.41h-91.26v435.53h96.59V2375.3c0-135.71 1.62-152.55 17.83-185.52 13.59-27.66 42.06-50.54 73.49-59.04 12.13-3.29 47.6-4.4 60.15-1.89l6.58 1.32v-93.24l-21.51.15c-11.87.08-27.02 1.32-33.8 2.77zM570.006 2193.67c.002 152.42.785 174.56 7.135 201.45 14.761 62.5 65.957 97.39 143.013 97.47 60.601.06 101.462-20.63 138.625-70.18 2.374-3.17 2.639-.45 2.689 27.66l.056 31.17h91.319v-435.53h-96.428l-.571 136.55c-.56 133.84-.648 136.8-4.379 150.07-4.863 17.28-11.133 30.03-20.883 42.45-41.413 52.77-136.689 48.86-155.053-6.35-6.51-19.57-7.07-33.76-7.126-180.03l-.055-142.69h-98.344l.002 147.96zm1367.274-80.29c57.29 14.62 88.58 68.49 88.56 152.42-.03 96.95-43.97 152.82-120.29 152.94-55.39.1-96.28-30.94-113.19-85.9-12.51-40.67-11.77-99.77 1.77-140.18 16.17-48.26 46.29-74.08 96.49-82.72 7.88-1.36 36 .72 46.66 3.44zm399.4 310.78v57.08h117.66v-114.15h-117.66v57.07z" clip-rule="evenodd"></path></defs><g clip-path="url(#a)"><path fill="#000" d="M0 0h2500v3372H0z"></path><g filter="url(#b)"><mask id="c" fill="#fff"><use fill-rule="evenodd" clip-rule="evenodd" xlink:href="#reuse-0"></use></mask><path fill="#17CF2A" fill-opacity="0.05" fill-rule="evenodd" d="M34.38 2181.73v299.51h103.613v-246.11l91.759.75c75.997.62 93.741 1.23 103.298 3.54 54.626 13.23 71.257 43.82 77.978 143.47 3.698 54.83 5.377 67.53 11.06 83.78l4.791 13.69 57.559.46 57.559.47-6.041-8.79c-12.216-17.75-16.302-37.79-23.112-113.31-6.732-74.67-12.413-97.51-30.756-123.63-13.485-19.2-28.423-29.47-55.051-37.86-2.561-.81-.385-2.48 9.205-7.08 54.913-26.32 82.838-74.54 82.955-143.25.128-75.02-41.536-133.46-110.301-154.7-29.714-9.18-26.33-9.02-206.365-9.75l-168.15-.69v299.5zm293.322-211.47c49.402 6.02 76.752 27.98 85.28
136 68.48 9.49 45.05-10.574 89.8-47.081 105-25.074 10.44-33.11 11.16-135.277 12.1l-92.637.85v-188.25h87.414c49.37 0 93.89.8 102.295 1.82zm1535.758 65.95c-109.9 17.08-177.33 104.18-177.31 229.02.01 60.03 10.79 99.41 38.82 141.81 77.22 116.8 280.82 118.68 358.68 3.3 53.9-79.88 54.64-208.66 1.65-289.35-43.19-65.79-130.17-99.03-221.84-84.78zm-660.37 1.61c-36.99 6.99-69.26 27.3-96.25 60.58l-6.41 7.9-.04-30.29-.03-30.3h-91.32v435.53h96.41l.64-138.3c.71-152.2.55-149.77 11.78-173.32 30.78-64.49 132.73-72.27 153.27-11.69l3.93 11.59.52 155.86.51 155.86h96.46l.01-132.15c0-156.18.77-166.13 14.74-189.96 29.93-51.05 118.57-57.54 146.02-10.71 10.07 17.19 10.12 18.15 10.86 182.23l.69 150.59h96.49l-.53-169.03c-.52-168.19-.54-169.1-4.4-182.73-15.89-56.21-64.1-90.84-130.58-93.8-60.13-2.68-102.73 17.09-144.24 66.92l-4.24 5.08-4.91-9.47c-17.57-33.82-44.72-53.5-83.52-60.52-16.51-2.99-49.69-2.93-65.86.13zm1164.33 2.03c-38.93 8.32-74.45 35.46-97.59 74.57l-9.54 16.11-.47-42.41-.47-42.41h-91.26v435.53h96.59V2375.3c0-135.71 1.62-152.55 17.83-185.52 13.59-27.66 42.06-50.54 73.49-59.04 12.13-3.29 47.6-4.4 60.15-1.89l6.58 1.32v-93.24l-21.51.15c-11.87.08-27.02 1.32-33.8 2.77zM570.006 2193.67c.002 152.42.785 174.56 7.135 201.45 14.761 62.5 65.957 97.39 143.013 97.47 60.601.06 101.462-20.63 138.625-70.18 2.374-3.17 2.639-.45 2.689 27.66l.056 31.17h91.319v-435.53h-96.428l-.571 136.55c-.56 133.84-.648 136.8-4.379 150.07-4.863 17.28-11.133 30.03-20.883 42.45-41.413 52.77-136.689 48.86-155.053-6.35-6.51-19.57-7.07-33.76-7.126-180.03l-.055-142.69h-98.344l.002 147.96zm1367.274-80.29c57.29 14.62 88.58 68.49 88.56 152.42-.03 96.95-43.97 152.82-120.29 152.94-55.39.1-96.28-30.94-113.19-85.9-12.51-40.67-11.77-99.77 1.77-140.18 16.17-48.26 46.29-74.08 96.49-82.72 7.88-1.36 36 .72 46.66 3.44zm399.4 310.78v57.08h117.66v-114.15h-117.66v57.07z" clip-rule="evenodd"></path><path stroke="#17CF2A" stroke-width="2" d="M34.38 2181.73v299.51h103.613v-246.11l91.759.75c75.997.62 93.741 1.23 103.298 3.54 54.626 13.23 71.257 43.82 77.978 143.47 3.698 54.83 5.377 67.53 11.06 83.78l4.791 13.69 57.559.46 57.559.47-6.041-8.79c-12.216-17.75-16.302-37.79-23.112-113.31-6.732-74.67-12.413-97.51-30.756-123.63-13.485-19.2-28.423-29.47-55.051-37.86-2.561-.81-.385-2.48 9.205-7.08 54.913-26.32 82.838-74.54 82.955-143.25.128-75.02-41.536-133.46-110.301-154.7-29.714-9.18-26.33-9.02-206.365-9.75l-168.15-.69v299.5zm293.322-211.47c49.402 6.02 76.752 27.98 85.286 68.48 9.49 45.05-10.574 89.8-47.081 105-25.074 10.44-33.11 11.16-135.277 12.1l-92.637.85v-188.25h87.414c49.37 0 93.89.8 102.295 1.82zm1535.758 65.95c-109.9 17.08-177.33 104.18-177.31 229.02.01 60.03 10.79 99.41 38.82 141.81 77.22 116.8 280.82 118.68 358.68 3.3 53.9-79.88 54.64-208.66 1.65-289.35-43.19-65.79-130.17-99.03-221.84-84.78zm-660.37 1.61c-36.99 6.99-69.26 27.3-96.25 60.58l-6.41 7.9-.04-30.29-.03-30.3h-91.32v435.53h96.41l.64-138.3c.71-152.2.55-149.77 11.78-173.32 30.78-64.49 132.73-72.27 153.27-11.69l3.93 11.59.52 155.86.51 155.86h96.46l.01-132.15c0-156.18.77-166.13 14.74-189.96 29.93-51.05 118.57-57.54 146.02-10.71 10.07 17.19 10.12 18.15 10.86 182.23l.69 150.59h96.49l-.53-169.03c-.52-168.19-.54-169.1-4.4-182.73-15.89-56.21-64.1-90.84-130.58-93.8-60.13-2.68-102.73 17.09-144.24 66.92l-4.24 5.08-4.91-9.47c-17.57-33.82-44.72-53.5-83.52-60.52-16.51-2.99-49.69-2.93-65.86.13zm1164.33 2.03c-38.93 8.32-74.45 35.46-97.59 74.57l-9.54 16.11-.47-42.41-.47-42.41h-91.26v435.53h96.59V2375.3c0-135.71 1.62-152.55 17.83-185.52 13.59-27.66 42.06-50.54 73.49-59.04 12.13-3.29 47.6-4.4 60.15-1.89l6.58 1.32v-93.24l-21.51.15c-11.87.08-27.02 1.32-33.8 2.77zM570.006 2193.67c.002 152.42.785 174.56 7.135 201.45 14.761 62.5 65.957 97.39 143.013 97.47 60.601.06 101.462-20.63 138.625-70.18 2.374-3.17 2.639-.45 2.689 27.66l.056 31.17h91.319v-435.53h-96.428l-.571 136.55c-.56 133.84-.648 136.8-4.379 150.07-4.863 17.28-11.133 30.03-20.883 42.45-41.413 52.77-136.689 48.86-155.053-6.35-6.51-19.57-7.07-33.76-7.126-180.03l-.055-142.69h-98.344l.002 147.96zm1367.274-80.29c57.29 14.62 88.58 68.49 88.56 152.42-.03 96.95-43.97 152.82-120.29 152.94-55.39.1-96.28-30.94-113.19-85.9-12.51-40.67-11.77-99.77 1.77-140.18 16.17-48.26 46.29-74.08 96.49-82.72 7.88-1.36 36 .72 46.66 3.44zm399.4 310.78v57.08h117.66v-114.15h-117.66v57.07z" clip-rule="evenodd" mask="url(#c)"></path></g><mask id="f" fill="#fff"><use fill-rule="evenodd" clip-rule="evenodd" xlink:href="#reuse-0"></use></mask><path fill="url(#d)" fill-opacity="0.05" fill-rule="evenodd" stroke="url
13(#e)" stroke-width="2" d="M34.38 2181.73v299.51h103.613v-246.11l91.759.75c75.997.62 93.741 1.23 103.298 3.54 54.626 13.23 71.257 43.82 77.978 143.47 3.698 54.83 5.377 67.53 11.06 83.78l4.791 13.69 57.559.46 57.559.47-6.041-8.79c-12.216-17.75-16.302-37.79-23.112-113.31-6.732-74.67-12.413-97.51-30.756-123.63-13.485-19.2-28.423-29.47-55.051-37.86-2.561-.81-.385-2.48 9.205-7.08 54.913-26.32 82.838-74.54 82.955-143.25.128-75.02-41.536-133.46-110.301-154.7-29.714-9.18-26.33-9.02-206.365-9.75l-168.15-.69v299.5zm293.322-211.47c49.402 6.02 76.752 27.98 85.286 68.48 9.49 45.05-10.574 89.8-47.081 105-25.074 10.44-33.11 11.16-135.277 12.1l-92.637.85v-188.25h87.414c49.37 0 93.89.8 102.295 1.82zm1535.758 65.95c-109.9 17.08-177.33 104.18-177.31 229.02.01 60.03 10.79 99.41 38.82 141.81 77.22 116.8 280.82 118.68 358.68 3.3 53.9-79.88 54.64-208.66 1.65-289.35-43.19-65.79-130.17-99.03-221.84-84.78zm-660.37 1.61c-36.99 6.99-69.26 27.3-96.25 60.58l-6.41 7.9-.04-30.29-.03-30.3h-91.32v435.53h96.41l.64-138.3c.71-152.2.55-149.77 11.78-173.32 30.78-64.49 132.73-72.27 153.27-11.69l3.93 11.59.52 155.86.51 155.86h96.46l.01-132.15c0-156.18.77-166.13 14.74-189.96 29.93-51.05 118.57-57.54 146.02-10.71 10.07 17.19 10.12 18.15 10.86 182.23l.69 150.59h96.49l-.53-169.03c-.52-168.19-.54-169.1-4.4-182.73-15.89-56.21-64.1-90.84-130.58-93.8-60.13-2.68-102.73 17.09-144.24 66.92l-4.24 5.08-4.91-9.47c-17.57-33.82-44.72-53.5-83.52-60.52-16.51-2.99-49.69-2.93-65.86.13zm1164.33 2.03c-38.93 8.32-74.45 35.46-97.59 74.57l-9.54 16.11-.47-42.41-.47-42.41h-91.26v435.53h96.59V2375.3c0-135.71 1.62-152.55 17.83-185.52 13.59-27.66 42.06-50.54 73.49-59.04 12.13-3.29 47.6-4.4 60.15-1.89l6.58 1.32v-93.24l-21.51.15c-11.87.08-27.02 1.32-33.8 2.77zM570.006 2193.67c.002 152.42.785 174.56 7.135 201.45 14.761 62.5 65.957 97.39 143.013 97.47 60.601.06 101.462-20.63 138.625-70.18 2.374-3.17 2.639-.45 2.689 27.66l.056 31.17h91.319v-435.53h-96.428l-.571 136.55c-.56 133.84-.648 136.8-4.379 150.07-4.863 17.28-11.133 30.03-20.883 42.45-41.413 52.77-136.689 48.86-155.053-6.35-6.51-19.57-7.07-33.76-7.126-180.03l-.055-142.69h-98.344l.002 147.96zm1367.274-80.29c57.29 14.62 88.58 68.49 88.56 152.42-.03 96.95-43.97 152.82-120.29 152.94-55.39.1-96.28-30.94-113.19-85.9-12.51-40.67-11.77-99.77 1.77-140.18 16.17-48.26 46.29-74.08 96.49-82.72 7.88-1.36 36 .72 46.66 3.44zm399.4 310.78v57.08h117.66v-114.15h-117.66v57.07z" clip-rule="evenodd" mask="url(#f)"></path><circle cx="1250" cy="2189" r="1270.04" fill="#000" fill-opacity="0.05" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="1481.34" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="1704.83" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="1915.08" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="2144.56" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="2375.07" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="2624.04" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="2869.65" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="3114.29" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="3360.69" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="3635.88" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="1065.34" fill="#000" fill-opacity="0.05" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="839.432" fill="#000" fill-opacity="0.05" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="656.556" fill="#000" fill-opacity="0.05" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="481.716" fill="#000" fill-opacity="0.05" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="314.548" fill="#000" fill-opacity="0.05" stroke="#17CF2A"></circle><circle cx="1250" cy="2189" r="149.951" fill="#000" fill-opacity="0.05" stroke="#17CF2A"></circle><circle cx="570.171" cy="2046.47" r="12.366" fill="url(#i)"></circle><circle cx="667.171" cy="2046.47" r="12.366" fill="url(#j)"></circle><circle cx="539.171" cy="2479.47" r="12.366" fill="url(#k)"></circle><circle cx="428.171" cy="2195.47" r="12.366" fill="url(#l)"></circle><circle cx="34.38" cy="1882.23" r="12.366" fill="url(#m)"></circle><circle cx="137.38" cy="2156.76" r="12.366" fill="url(#n)"></circle><circle cx="137.38" cy="2234.76" r="12.366" fill="url(#o)"></circle><circle cx="137.38" cy="1968.76" r="12.366" fill="url(#p)"></circle><circle cx="135.259" cy="2479.47" r="12.366" fill="url(#q)"></circle><circle cx="31.38" cy="2479.47" r="12.366" fill="url(#r)"></circle><circle cx="854.989" cy="2046.47" r="12.366" fill="url(#s)"></circle><circle cx="951.989" cy="2046.47" r="12.366" fill="url(#t)"></circle><circle cx="951.989" cy="2479.47" r="12.366" fill="url(#u)"></circle><circle cx="862.747" cy="2479.47" r="12.366" fill="url(#v)"></circle><circle cx="1010.38" cy="2479.47" r="12.366" fill="url(#w)"></circle><circle cx="1107.31" cy="2479.47" r="12.366" fill="url(#x)"></circle><circle cx="1099.55" cy="2046.47" r="12.366" fill="url(#y)"></circle><circle cx="1010.38" cy="2046.31" r="12.366" fill="url(#z)"></circle><circle cx="1274.38" cy="2479.47" r="12.366" fill="url(#A)"></circle><circle cx="1371.31" cy="2479.47" r="12.366" fill="url(#B)"></circle><circle cx="1355.31" cy="2108.47" r="12.366" fill="url(#C)"></circle><circle cx="1546.31" cy="2479.47" r="12.366" fill="url(#D)"></circle><circle cx="1471.31" cy="2116.47" r="12.366" fill="url(#E)"></circle><circle cx="1503.31" cy="2038.47" r="12.366" fill="url(#F)"></circle><circle cx="1212.31" cy="2038.47" r="12.366" fill="url(#G)"></circle><circle cx="1212.31" cy="2116.47" r="12.366" fill="url(#H)"></circle><circle cx="703.308" cy="2495.47" r="12.366" fill="url(#I)"></circle><circle cx="751.308" cy="2412.47" r="12.366" fill="url(#J)"></circle><circle cx="1907.31" cy="2419.47" r="12.366" fill="url(#K)"></circle><circle cx="1907.31" cy="2108.47" r="12.366" fill="url(#L)"></circle><circle cx="1907.31" cy="2030.47" r="12.366" fill="url(#M)"></circle><circle cx="1907.31" cy="2497.47" r="12.366" fill="url(#N)"></circle><circle cx="1782.31" cy="2272.47" r="12.366" fill="url(#O)"></circle><circle cx="2027.31" cy="2272.47" r="12.366" fill="url(#P)"></circle><circle cx="2122.31" cy="2272.47" r="12.366" fill="url(#Q)"></circle><circle cx="2169.31" cy="2046.47" r="12.366" fill="url(#R)"></circle><circle cx="2169.31" cy="2479.47" r="12.366" fill="url(#S)"></circle><circle cx="2266.31" cy="2479.47" r="12.366" fill="url(#T)"></circle><circle cx="2261.31" cy="2130.47" r="12.366" fill="url(#U)"></circle><circle cx="2261.31" cy="2046.47" r="12.366" fill="url(#V)"></circle><circle cx="2422.31" cy="2038.47" r="12.366" fill="url(#W)"></circle><circle cx="2422.31" cy="2130.47" r="12.366" fill="url(#X)"></circle><circle cx="2337.31" cy="2368.47" r="12.366" fill="url(#Y)"></circle><circle cx="2337.31" cy="2479.47" r="12.366" fill="url(#Z)"></circle><circle cx="2454.31" cy="2368.47" r="12.366" fill="url(#aa)"></circle><circle cx="2454.31" cy="2479.47" r="12.366" fill="url(#ab)"></circle><circle cx="1687.31" cy="2272.47" r="12.366" fill="url(#ac)"></circle><circle cx="1643.31" cy="2479.47" r="12.366" fill="url(#ad)"></circle><path fill="url(#g)" d="M-.119 1935.87h1935.87v2500.12H-.119z" transform="rotate(-90 -.12 1935.87)"></path><path fill="url(#h)" d="M0 0h812.242v2500.12H0z" transform="matrix(0 1 1 0 -.12 2559.76)"></path></g><defs><radialGradient id="i" cx="0" cy="0" r="1" gradientTransform="rotate(90 -738.15 1308.32) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="j" cx="0" cy="0" r="1" gradientTransform="rotate(90 -689.65 1356.82) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="k" cx="0" cy="0" r="1" gradientTransform="rotate(90 -970.15 1509.32) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="l" cx="0" cy="0" r="1" gradientTransform="rotate(90 -883.65 1311.82) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="m" cx="0" cy="0" r="1" gradientTransform="rotate(90 -923.925 958.305) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="n" cx="0" cy="0" r="1" gradientTransform="rotate(90 -1009.69 1147.07) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="o" cx="0" cy="0" r="1" gradientTransform="rotate(90 -1048.69 1186.07) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="p" cx="0" cy="0" r="1" gradientTransform="rotate(90 -915.69 1053.07) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="q" cx="0" cy="0" r="1" gradientTransform="rotate(90 -1172.106 1307.364) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="r" cx="0" cy="0" r="1" gradientTransform="matrix(0 12.3662 -12.3
13662 0 31.38 2479.47)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="s" cx="0" cy="0" r="1" gradientTransform="rotate(90 -595.74 1450.73) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="t" cx="0" cy="0" r="1" gradientTransform="rotate(90 -547.24 1499.23) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="u" cx="0" cy="0" r="1" gradientTransform="rotate(90 -763.74 1715.73) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="v" cx="0" cy="0" r="1" gradientTransform="rotate(90 -808.362 1671.108) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="w" cx="0" cy="0" r="1" gradientTransform="rotate(90 -734.545 1744.925) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="x" cx="0" cy="0" r="1" gradientTransform="rotate(90 -686.08 1793.39) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="y" cx="0" cy="0" r="1" gradientTransform="rotate(90 -473.46 1573.01) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="z" cx="0" cy="0" r="1" gradientTransform="rotate(90 -517.965 1528.345) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="A" cx="0" cy="0" r="1" gradientTransform="rotate(90 -602.545 1876.925) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="B" cx="0" cy="0" r="1" gradientTransform="rotate(90 -554.08 1925.39) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="C" cx="0" cy="0" r="1" gradientTransform="rotate(90 -376.58 1731.89) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="D" cx="0" cy="0" r="1" gradientTransform="rotate(90 -466.58 2012.89) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="E" cx="0" cy="0" r="1" gradientTransform="rotate(90 -322.58 1793.89) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="F" cx="0" cy="0" r="1" gradientTransform="rotate(90 -267.58 1770.89) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="G" cx="0" cy="0" r="1" gradientTransform="rotate(90 -413.08 1625.39) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="H" cx="0" cy="0" r="1" gradientTransform="rotate(90 -452.08 1664.39) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="I" cx="0" cy="0" r="1" gradientTransform="rotate(90 -896.081 1599.389) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="J" cx="0" cy="0" r="1" gradientTransform="rotate(90 -830.581 1581.889) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="K" cx="0" cy="0" r="1" gradientTransform="rotate(90 -256.08 2163.39) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="L" cx="0" cy="0" r="1" gradientTransform="rotate(90 -100.58 2007.89) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="M" cx="0" cy="0" r="1" gradientTransform="rotate(90 -61.58 1968.89) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="N" cx="0" cy="0" r="1" gradientTransform="rotate(90 -295.08 2202.39) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="O" cx="0" cy="0" r="1" gradientTransform="rotate(90 -245.08 2027.39) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="P" cx="0" cy="0" r="1" gradientTransform="rotate(90 -122.58 2149.89) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="Q" cx="0" cy="0" r="1" gradientTransform="rotate(90 -75.08 2197.39) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="R" cx="0" cy="0" r="1" gradientTransform="rotate(90 61.42 2107.89) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="S" cx="0" cy="0" r="1" gradientTransform="rotate(90 -155.08 2324.39) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="T" cx="0" cy="0" r="1" gradientTransform="rotate(90 -106.58 2372.89) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="U" cx="0" cy="0" r="1" gradientTransform="rotate(90 65.42 2195.89) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="V" cx="0" cy="0" r="1" gradientTransform="rotate(90 107.42 2153.89) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="W" cx="0" cy="0" r="1" gradientTransform="rotate(90 191.92 2230.39) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="X" cx="0" cy="0" r="1" gradientTransform="rotate(90 145.92 2276.39) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient>
13<radialGradient id="Y" cx="0" cy="0" r="1" gradientTransform="rotate(90 -15.58 2352.89) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="Z" cx="0" cy="0" r="1" gradientTransform="rotate(90 -71.08 2408.39) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="aa" cx="0" cy="0" r="1" gradientTransform="rotate(90 42.92 2411.39) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="ab" cx="0" cy="0" r="1" gradientTransform="rotate(90 -12.58 2466.89) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="ac" cx="0" cy="0" r="1" gradientTransform="rotate(90 -292.58 1979.89) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><radialGradient id="ad" cx="0" cy="0" r="1" gradientTransform="rotate(90 -418.08 2061.39) scale(12.3662)" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A"></stop><stop offset="0.813" stop-color="#17CF2A" stop-opacity="0.14"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0"></stop></radialGradient><linearGradient id="d" x1="34.381" x2="2454.34" y1="2227.92" y2="2208.15" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A" stop-opacity="0.3"></stop><stop offset="0.526" stop-color="#17CF2A"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0.3"></stop></linearGradient><linearGradient id="e" x1="34.381" x2="2454.34" y1="2227.92" y2="2208.15" gradientUnits="userSpaceOnUse"><stop stop-color="#17CF2A" stop-opacity="0.3"></stop><stop offset="0.526" stop-color="#17CF2A"></stop><stop offset="1" stop-color="#17CF2A" stop-opacity="0.3"></stop></linearGradient><linearGradient id="g" x1="1935.75" x2="-0.119" y1="3073.66" y2="3073.66" gradientUnits="userSpaceOnUse"><stop></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><linearGradient id="h" x1="812.242" x2="0" y1="1137.8" y2="1137.8" gradientUnits="userSpaceOnUse"><stop></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><linearGradient id="ae" x1="1841.31" x2="1830.61" y1="1755.65" y2="2202.49" gradientUnits="userSpaceOnUse"><stop stop-color="#0EBC34"></stop><stop offset="1" stop-color="#1ACE41" stop-opacity="0"></stop></linearGradient><clipPath id="a"><path fill="#fff" d="M0 0h2500v3372H0z"></path></clipPath><filter id="b" width="2451.96" height="645.537" x="18.381" y="1866.23" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_562_8806" stdDeviation="8"></feGaussianBlur></filter></defs></svg><div class="FooterV2_radar__PgXP_"><img class="FooterV2_rotation__gkDEW" src="/_next/static/images/radar-fd6548b9b48671dc9d1ac28ef8fabb39.png"/><img class="FooterV2_rotation__gkDEW FooterV2_radial__eu7D2" src="/_next/static/images/radial-5-14810645c63fec4db66c65049e8103f6.png"/></div><div class="FooterV2_topGradient__9SZNr"></div></div></div><div class="FooterV2_mainContents__tygue"><div data-testid="Container" class="Container_container__B3zyu container-fluid"><div><div _uid="c01973a8-0794-4b62-83a7-1711b21aff85" component="contentSection" class="justify-center row"><div data-testid="Col" class="column animateV2 ContentSection_text-center__xobh6 col-xxl-7 col-xl-8 col-lg-10 col-md-10 col-sm-12"><h1 class="text text-h1 txt-center" data-testid="Text" _uid="707dad91-40b5-4656-9292-f305f15e1c8a" component="textV2"><p>Stay on the radar</p></h1><a role="button" tabindex="0" href="/contact/" target="" _uid="ac4ee69e-e451-4183-8570-6564d22e95de" text="Start a rumor" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-outline-primary btn-lg">
13Start a rumor</a></div></div></div></div></div><div class="FooterV2_contents__VSMO6"><div data-testid="Container" class="Container_container__B3zyu container-fluid"><div class="FooterV2_row__Y2_qs"><div class="FooterV2_col__aB7VR"><div class=""><div class="Row_gutter-size-64__xBc_m row"><div data-testid="Col" class="column animateV2 col-md-auto col-sm-12"><div class="Group_group___kONa Group_center__Wk1BB"><div class="text text-body1 text-mb-0 text-type-secondary" data-testid="Text" _uid="7716205f-879f-4909-b6c9-9cf588089806" component="textV2" font-weight=""><p>Vancouver</p></div><div data-testid="Spacer" class="spacer SpacerV2_spacer__tJAmI"><div class="SpacerV2_spacer__desktop__bxZPz" style="height:1.25rem"></div><div class="SpacerV2_spacer__mobile__SHc7K" style="height:0.625rem"></div></div><div data-testid="Spacer" class="spacer SpacerV2_spacer__tJAmI SpacerV2_spacer--mobile-only__MKcUx"><div class="SpacerV2_spacer__desktop__bxZPz" style="height:3.75rem"></div><div class="SpacerV2_spacer__mobile__SHc7K" style="height:1.875rem"></div></div></div></div><div data-testid="Col" class="column animateV2 col-md-auto col-sm-12"><div class="Group_group___kONa Group_center__Wk1BB"><div class="text text-body1 text-mb-0 text-type-secondary" data-testid="Text" _uid="cd2921e7-8aff-4530-8e21-17131eca699f" component="textV2"><p><span class="">Los Angeles</span></p></div><div data-testid="Spacer" class="spacer SpacerV2_spacer__tJAmI"><div class="SpacerV2_spacer__desktop__bxZPz" style="height:1.25rem"></div><div class="SpacerV2_spacer__mobile__SHc7K" style="height:0.625rem"></div></div><div data-testid="Spacer" class="spacer SpacerV2_spacer__tJAmI SpacerV2_spacer--mobile-only__MKcUx"><div class="SpacerV2_spacer__desktop__bxZPz" style="height:3.75rem"></div><div class="SpacerV2_spacer__mobile__SHc7K" style="height:1.875rem"></div></div></div></div><div data-testid="Col" class="column animateV2 col-md-auto col-sm-12"><div class="Group_group___kONa Group_center__Wk1BB"><div class="text text-body1 text-mb-0 text-type-secondary" data-testid="Text" _uid="5086ad85-fc21-46d7-9b9c-96651e5c4e0d" component="textV2"><p>Mohali</p></div><div data-testid="Spacer" class="spacer SpacerV2_spacer__tJAmI"><div class="SpacerV2_spacer__desktop__bxZPz" style="height:1.25rem"></div><div class="SpacerV2_spacer__mobile__SHc7K" style="height:0.625rem"></div></div><div data-testid="Spacer" class="spacer SpacerV2_spacer__tJAmI SpacerV2_spacer--mobile-only__MKcUx"><div class="SpacerV2_spacer__desktop__bxZPz" style="height:3.75rem"></div><div class="SpacerV2_spacer__mobile__SHc7K" style="height:1.875rem"></div></div></div></div></div></div></div><div class="FooterV2_colFlex__j5jBV"><a role="button" tabindex="0" href="/raas/" target="" _uid="67f4fd71-88c2-4f91-9ea2-bf60433ec334" text="RAAS" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text btn-lg">RAAS</a><a role="button" tabindex="0" href="/services/" target="" _uid="f11093a2-64d2-4b22-86b8-d13dc1755ec7" text="Services" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text btn-lg">Services</a><a role="button" tabindex="0" href="/careers/" target="" _uid="444615be-0e05-4b9d-b394-0cca5ce27c66" text="Careers" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text btn-lg">Careers</a><a role="button" tabindex="0" href="/blog/" target="" _uid="c1051159-f69c-435d-9463-3af0c0044ee7" text="Gossip" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text btn-lg">Gossip</a><a role="button" tabindex="0" href="/contact/" target="" _uid="5cf66a46-5c9d-493f-88bf-f95fdc8f0186" text="Get in touch" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text btn-lg">Get in touch</a></div><div class="FooterV2_col__aB7VR"><a role="button" tabindex="0" href="https://www.linkedin.com/company/rumor-avenue/" target="_blank" _uid="e63934e5-4fa3-4fe6-9e82-01cb497d160e" text="Check us out on LinkedIn" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text">Check us out on LinkedIn</a></div><div class="FooterV2_colFlex__j5jBV"><a role="button" tabindex="0" href="#" target="" _uid="41adc3c1-c13f-4c53-9ae6-002d3b3bda3a" text="© 2026 Rumor Avenue" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text-secondary btn-lg">© 2026 Rumor Avenue</a><a role="button" tabindex="0" href="/privacy-policy/" target="" _uid="55da15c2-3e8b-4f29-843e-b86ac89f67b7" text="Privacy Policy" component="buttonV2" class="ButtonV2_button__DJkKF btn btn-text-secondary btn-lg">Privacy Policy</a></div></div></div><div data-testid="Spacer" class="spacer SpacerV2_spacer__tJAmI"><div class="SpacerV2_spacer__desktop__bxZPz" style="height:3.125rem"></div><div class="SpacerV2_spacer__mobile__SHc7K" style="height:1.5625rem"></div></div></div></div></div></div></div></div></div></div>
13<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"blog":{"data":{"stories":[{"name":"blog","created_at":"2019-10-30T07:01:19.950Z","published_at":"2023-02-14T00:02:07.000Z","updated_at":"2019-11-30T04:12:25.413Z","id":3363061,"uuid":"501d37bb-a022-429f-9fe4-cb21826c097f","content":{"seo":{"_uid":"e9d66800-2e07-4635-a323-6ab605bcc47e","title":"","plugin":"meta-fields","description":""},"_uid":"e9a6eabf-1fbd-4946-87d3-4739377560ac","body":[{"_uid":"b01e1edd-c314-415a-911b-9b41ec8f20bb","height":"50","component":"spacer","hide_on_mobile":true,"hide_on_above_mobile":false},{"_uid":"df76de7b-d07e-4a98-a158-7e8becaa11f0","height":"100","component":"spacer","hide_on_mobile":false,"hide_on_above_mobile":true},{"_uid":"623a9961-d08d-4f4a-ad08-b5f8c53bf30b","component":"blogListing","make_first_full_view":false,"remove_post_thumbnails":false},{"_uid":"0907113a-e883-49a3-8cdb-c8ca6c02959e","height":"100","component":"spacer","hide_on_mobile":false,"hide_on_above_mobile":false}],"component":"page","opengraph":"","miniContainer":false},"slug":"blog-old","full_slug":"blog-old/","sort_by_date":null,"position":-50,"tag_list":[],"is_startpage":true,"parent_id":3288131,"meta_data":null,"group_id":"466f3f7d-2fc9-4622-a606-cdc9e20fb2ae","first_published_at":"2019-10-30T07:05:09.881Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},{"name":"Mixins in Styled Components - The better way latest","created_at":"2019-11-29T12:46:45.598Z","published_at":"2023-02-14T00:02:07.000Z","updated_at":"2019-12-03T12:46:56.284Z","id":4491040,"uuid":"7f3b9266-8ff7-40e1-9203-65f746160453","content":{"seo":{"_uid":"9254f290-aaa1-430d-a0dd-ca3bd97e7182","title":"","plugin":"meta-fields","description":""},"_uid":"3268fd66-dca7-45d0-9799-4459e90010e1","body":[{"_uid":"2a6a7bc0-353f-41cb-a5a3-444400000694","body":[],"text":"","type":"","align":"","color":{"_uid":"61606f19-fad8-473f-bc51-ebe75a6450e2","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"36b1535e-8ea0-4dc5-ad3c-286470992cd0","plugin":"wysiwyg-tinymce","content":"\u003cp\u003eSASS mixins are amazing, and helps to reuse so much code. However, when it comes to styled components there is no official way for mixins. There are many approaches online to handle this but none of them were as flexible as SASS mixins.\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eSo I decided to find my own way to achieve mixins.\u003c/p\u003e"},"margin_y":"","component":"text","reduce_space":false,"section_title":false},{"_uid":"07f215a2-8341-44b2-bb03-40b4a6a8597c","height":"50","component":"spacer","hide_on_mobile":true,"hide_on_above_mobile":false},{"_uid":"387353fc-35c9-4b1d-a1ae-8f87f97d3f35","text":"SASS Approach","type":"h2","align":"","color":{"_uid":"763b784f-3174-4aed-8ac5-d5a64624922d","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"2a1656ca-d8a3-44c2-8451-963badea09c0","plugin":"wysiwyg-tinymce","content":""},"component":"text","reduce_space":false},{"_uid":"4144f8ab-99e7-4d02-baea-df873c833be5","text":"","type":"","align":"","color":{"_uid":"9623a770-a0fb-4034-8a1a-ef241d647071","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"73ef3074-29f9-4349-959d-adefcaae39b6","plugin":"wysiwyg-tinymce","content":"\u003cp\u003eA responsive mixin in SASS would look like this:\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"47556a7e-d3fa-4bc1-afd2-58bc82c7d0af","language":"scss","codeBlock":"$screen-md-min: 768px;\n$screen-lg-min: 992px;\n\n@mixin sm {\n @media (max-width: #{$screen-sm-min}) {\n @content;\n }\n }\n\n @mixin md {\n @media (max-width: #{$screen-md-min}) {\n @content;\n }\n }","component":"syntaxHighlighter"},{"_uid":"d6cd22df-8076-4976-8dd0-46f195db4afa","text":"","type":"","align":"","color":{"_uid":"ea9118a9-8775-4461-b92b-e4a10f57a38b","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"828821d3-4509-46cf-8354-436c883228f6","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eAnd it could be used like this:\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"76e9ad30-ec0b-471e-9761-607b9764a221","language":"scss","codeBlock":".sidebar{\n width: 400px;\n\n /* On smaller screens make it fixed */\n @include md{\n width: 100%;\n left: 0;\n top: 0;\n bottom: 0;\n position: fixed;\n transform: translateX(-100%);\n \n /* If visible class added then reveal the sidebar */\n \u0026.visible{\n transform: translateX(0%);\n }\n }\n}","component":"syntaxHighlighter"},{"_uid":"3b7f8684-cb76-495c-8233-5185af95f65f","height":"50","component":"spacer","hide_on_mobile":true,"hide_on_above_mobile":false},{"_uid":"f69df113-b101-4866-9ebe-41e1319b90b2","text":"Styled Components implementation","type":"h2","align":"","color":{"_uid":"9295546f-135b-48d8-af67-6e79b48ff1d7","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"700623c7-0ed8-41a8-bef2-5dcc972e7d71","plugin":"wysiwyg-tinymce","content":""},"component":"text","reduce_space":false},{"_uid":"4b9afaa2-cff1-4127-9aca-205f4d19c00a","text":"","type":"","align":"","color":{"_uid":"102b221b-a3a7-455c-8ec6-e17e5883de41","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"383c2a6c-0108-4f35-a24c-feeb8244cfd8","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eEssentially, Styled Components is basically ES6 template literals, so we can create our own functions and those functions could be used inside Styled Components.\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"39992b9f-8c0b-42c0-9e45-202f105872ea","language":"jsx","codeBlock":"// devices.js\nimport { css } from 'styled-components';\n \nconst SCREEN_SM_MIN = '576px';\nconst SCREEN_MD_MIN = '768px';\n \nexport const sm = (content) =\u003e css`\n @media (max-width: ${SCREEN_SM_MIN}) {\n ${content}\n }\n`;\nexport const md = (content) =\u003e css`\n @media (max-width: ${SCREEN_MD_MIN}) {\n ${content}\n }\n`;\n","component":"syntaxHighlighter"},{"_uid":"beb364c8-adab-40bf-8320-b5dc5666aacd","text":"","type":"","align":"","color":{"_uid":"28576644-7b23-43f9-ad35-23c123f88fc4","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"03423bfc-708d-482c-b293-f37104d32d25","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eAnd it could be used like this:\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"9abddef5-3d85-4e30-9f40-dd2fc089e75e","language":"jsx","codeBlock":"import styled, { css } from 'styled-components';\nimport { sm, md } from './devices';\n\nconst Sidebar = styled.div`\n width: 400px;\n\n /* On smaller screens make it fixed */\n ${md(css)`\n width: 100%;\n left: 0;\n top: 0;\n bottom: 0;\n position: fixed;\n transform: translateX(-100%);\n\n /* If visible prop added then reveal the sidebar */\n ${props =\u003e props.visible \u0026\u0026 css`\n transform: translateX(0%);\n `}\n `}\n`;","component":"syntaxHighlighter"},{"_uid":"695f401b-9b05-45d3-8949-98671ffe1772","text":"","type":"","align":"","color":{"_uid":"2a245fa7-e89b-49bb-ad21-11951ed53244","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"c9cd4bfa-b4bc-46b3-a1a2-d6508c4943ae","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eThe following code would also work, but it won\u0026rsquo;t be able to use \u003c/span\u003e\u003cspan class=\"inline-code author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e\u003cspan style=\"font-family: monospace; background-color: #f7f9fa; color: #1b2733; border: 1px solid rgba(208,212,217,0.5); margin: 0 0 0 -1px;\"\u003eprops\u003c/span\u003e\u003c/span\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e inside the css code:\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"52b31d93-ecd3-4bcb-a8a6-143651144db0","language":"jsx","codeBlock":"${md`\n // css here\n`}","component":"syntaxHighlighter"},{"_uid":"ca8b1f41-03f0-4d24-9fa2-9848c48a2add","text":"","type":"","align":"","color":{"_uid":"f5488e8e-f624-4eec-9114-07e52fbfc9e7","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"2048db8d-1b2f-46e6-ac22-7316e4d86642","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eIn order to make the props work, we had to pass Styled Component\u0026rsquo;s \u003c/span\u003e\u003cspan class=\"inline-code author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e\u003cspan style=\"font-family: monospace; background-color: #f7f9fa; color: #1b2733; border: 1px solid rgba(208,212,217,0.5); margin: 0 0 0 -1px;\"\u003ecss\u003c/span\u003e\u003c/span\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e function inside our function.\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"7bb48ed0-f548-43be-b5e8-dd101cbab7e7","language":"jsx","codeBlock":"${md(css)`\n // css here\n ${props =\u003e props.visible \u0026\u0026 css`\n // prop based code\n `}\n`}","component":"syntaxHighlighter"},{"_uid":"549b9b6b-a7b7-48d8-9b0e-3a6675252f31","height":"50","component":"spacer","hide_on_mobile":true,"hide_on_above_mobile":false},{"_uid":"3be0d3d7-beaf-4cd8-836e-1dd14a07b987","text":"How it works","type":"h2","align":"","color":{"_uid":"575e0e1a-b1b2-4d61-9981-fa358de584ee","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"1c83eb04-710f-48d1-9fbd-c747f3de39ae","plugin":"wysiwyg-tinymce","content":""},"component":"text","reduce_space":false},{"_uid":"bb349bc5-1eaa-4a8e-b719-eeb53fa4f344","text":"","type":"","align":"","color":{"_uid":"825b7555-569f-4b09-a5c4-568d5c5031b8","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"05e05e2a-58ce-4660-8554-ab5856831d16","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eIf you know how Styled Components work, then this will be no brainer for you. But I would like to explain the behind the scenes.\u003c/span\u003e\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eYou can pass parameters to a functions via Template literals:\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"753051e5-fdfe-4c9c-9e39-7f33bdd08389","language":"jsx","codeBlock":"const sayHello = (name) =\u003e {\n console.log(`Hello ${name}`);\n}\n\n// instead of calling like sayHello(\"Sandy\");\nsayHello`Sandy`;","component":"syntaxHighlighter"},{"_uid":"6510c48e-0401-4679-9eba-f8bb74752524","text":"","type":"","align":"","color":{"_uid":"27484b2e-cdfa-4bed-8ec2-9d3744c0a805","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"ea6f0360-6ee7-46c5-97df-9274e862d692","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eSo our functions like \u003c/span\u003e\u003cspan class=\"inline-code author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e\u003cspan style=\"font-family: monospace; background-color: #f7f9fa; color: #1b2733; border: 1px solid rgba(208,212,217,0.5); margin: 0 0 0 -1px;\"\u003emd\u003c/span\u003e\u003c/span\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e and \u003c/span\u003e\u003cspan class=\"inline-code author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e\u003cspan style=\"font-family: monospace; background-color: #f7f9fa; color: #1b2733; border: 1px solid rgba(208,212,217,0.5); margin: 0 0 0 -1px;\"\u003esm\u003c/span\u003e\u003c/span\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e are also being used inside styled components the same way:\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"814cb707-16cb-4d8b-8d5f-ebb25c55558e","language":"jsx","codeBlock":"${md(css`\n // css here\n`)}\n\n// It's equivalant to\nmd( css('content') )","component":"syntaxHighlighter"},{"_uid":"a640d857-41c4-473b-9593-bef4c0c93553","text":"","type":"","align":"","color":{"_uid":"a4db848d-9073-4dc3-9864-c987ce94e917","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"6c4307fb-5af1-4e74-bd69-095a25d4f623","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eLet me know guys, what do you think about this approach.\u003c/span\u003e\u003c/p\u003e\n\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eDon\u0026rsquo;t forget to clap if you it helped you \u003c/span\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e\u003cimg title=\"slightly smiling face\" src=\"https://paper.dropboxstatic.com/static/img/ace/emoji/1f642.png?version=3.1.2\" alt=\"slightly smiling face\" height=\"16\" data-emoji-ch=\"ð\" /\u003e\u003c/span\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e\u0026nbsp;\u003c/span\u003e\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eCheers!\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false}],"date":"2019-10-27 21:57","title":"Mixins in Styled Components - The better way Latest","author":"sandy","header":[{"_uid":"32be4f42-bb47-44f8-a59d-9a118fa33d13","fade":false,"mini":false,"image":"https://i1.wp.com/programmingwithmosh.com/wp-content/uploads/2018/10/StyledComponentsInReactApplications.jpg?resize=1920%2C1080\u0026ssl=1","shape":false,"content":[],"overlay":"100","rounded":false,"view_in":"600px","parallax":"","component":"banner","noAnimate":false,"shapColor":{"_uid":"9ec633e8-0933-423f-99d7-abcb9f8c5418","color":"#f40000","plugin":"native-color-picker"},"shape_group":"","centerChildren":false,"backgroundColor":{"_uid":"855e90cc-22a8-4125-980b-47f36de836fc","color":"","plugin":"native-color-picker"},"background_size":"cover","background_image":"","background_position":"50% 50%"}],"groupSEO":"","component":"post","opengraph":""},"slug":"mixins-in-styled-components-the-better-way-latest","full_slug":"blog-old/mixins-in-styled-components-the-better-way-latest","sort_by_date":null,"position":-40,"tag_list":[],"is_startpage":false,"parent_id":3288131,"meta_data":null,"group_id":"1c61aedd-58e3-4f98-8efb-84fec30f1dcc","first_published_at":"2019-10-28T07:41:58.667Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},{"name":"Video Example","created_at":"2019-10-28T19:37:42.219Z","published_at":"2023-02-14T00:02:07.000Z","updated_at":"2019-11-30T05:29:03.140Z","id":3329032,"uuid":"c2
13ba2772-4f13-4a57-bcd9-ffcd52ab904d","content":{"seo":{"_uid":"9254f290-aaa1-430d-a0dd-ca3bd97e7182","title":"","plugin":"meta-fields","description":""},"_uid":"3268fd66-dca7-45d0-9799-4459e90010e1","body":[{"_uid":"ce583b7a-2f0e-4c31-a25a-673c880be312","text":"","type":"","align":"","color":{"_uid":"17e299c3-d4ff-4121-983c-4a5964d4b622","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"a71255f4-4899-4d52-b497-4d8c72e9f84f","plugin":"wysiwyg-tinymce","content":"\u003cp\u003eSASS mixins are amazing, and helps to reuse so much code. However, when it comes to styled components there is no official way for mixins. There are many approaches online to handle this but none of them were as flexible as SASS mixins.\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eSo I decided to find my own way to achieve mixins.\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"07f215a2-8341-44b2-bb03-40b4a6a8597c","height":"50","component":"spacer","hide_on_mobile":false,"hide_on_above_mobile":false}],"date":"2019-11-19 20:56","title":"Video example","author":"","header":[{"_uid":"ec988f56-cd60-434a-9610-2133860d90df","loop":true,"upload":"","youtube":"43ngkc2Ejgw","autoplay":false,"controls":false,"component":"video","cover_image":""}],"groupSEO":"","component":"post","opengraph":""},"slug":"video-example","full_slug":"blog-old/video-example","sort_by_date":null,"position":-20,"tag_list":[],"is_startpage":false,"parent_id":3288131,"meta_data":null,"group_id":"4803be48-0147-4028-9a72-d64eddff9790","first_published_at":"2019-10-28T07:41:58.667Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},{"name":"Ancy","created_at":"2024-03-15T19:00:09.377Z","published_at":"2024-03-15T19:33:29.611Z","updated_at":"2024-03-15T19:33:29.630Z","id":462273951,"uuid":"4beac769-f231-4523-8a19-78eec2f139c2","content":{"_uid":"37ec2db1-907e-4297-8134-5f7a837ccacd","name":"Ancy Mendonza","image":{"id":14740239,"alt":"","name":"","focus":"","title":"","source":"","filename":"https://a.storyblok.com/f/66217/420x420/d380a7c807/ancy.jpg","copyright":"","fieldtype":"asset","meta_data":{},"is_private":false,"is_external_url":false},"component":"author","description":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Leveraging 5 years of journalism and creative writing experience from India, I now manage content strategy and social media for clients at Rumor. Thrifting, music, baking - my passions only enrich my digital storytelling.","type":"text"}]}]},"designation":"Website and Social Media Editor"},"slug":"ancy","full_slug":"blog/author/ancy","sort_by_date":null,"position":-10,"tag_list":[],"is_startpage":false,"parent_id":328187139,"meta_data":null,"group_id":"4a790af7-427e-49ae-904c-92e1481b3335","first_published_at":"2024-02-16T16:32:57.327Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},{"name":"Sandeep","created_at":"2024-02-22T19:53:25.099Z","published_at":"2024-02-22T20:01:20.328Z","updated_at":"2024-02-22T20:01:20.348Z","id":448720904,"uuid":"3f17be56-1958-4764-a941-134356a8a656","content":{"_uid":"37ec2db1-907e-4297-8134-5f7a837ccacd","name":"Sandeep","image":{"id":14208396,"alt":"","name":"","focus":"","title":"","source":"","filename":"https://a.storyblok.com/f/66217/396x396/40bb73f75f/sandeep.jpg","copyright":"","fieldtype":"asset","meta_data":{},"is_private":false,"is_external_url":false},"component":"author","description":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"A multifaceted creator with a passion for programming and design. As a curious soul, I explore the world with an insatiable appetite for knowledge. Beyond the digital realm, I find solace in the art, music and spirituality.","type":"text"}]}]},"designation":"Director, Product Innovation"},"slug":"sandeep","full_slug":"blog/author/sandeep","sort_by_date":null,"position":-10,"tag_list":[],"is_startpage":false,"parent_id":328187139,"meta_data":null,"group_id":"1299584d-8770-4824-a40e-5ed97b87e879","first_published_at":"2024-02-16T16:32:57.327Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},{"name":"Andrew Macdonald","created_at":"2024-02-16T16:30:51.670Z","published_at":"2024-02-16T16:41:27.222Z","updated_at":"2024-02-16T16:41:27.254Z","i
13d":445136452,"uuid":"2ed92769-27d1-4bc1-864f-8925c5ed244f","content":{"_uid":"37ec2db1-907e-4297-8134-5f7a837ccacd","name":"Andrew Macdonald","image":{"id":14116868,"alt":"","name":"","focus":"","title":"","source":"","filename":"https://a.storyblok.com/f/66217/1466x1466/64d8a75421/andrew.jpg","copyright":"","fieldtype":"asset","meta_data":{},"is_private":"","is_external_url":false},"component":"author","description":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"An obsessive existentialist and unique observer, I have a penchant for fancy words, complex problems, and helping people solve anything theyâre stuck on. My voracious curiosity has consistently fuelled all my evolutions, and I am always looking for new ways to feed it. As a creative, I use UX methodologies in a variety of contexts and approaches to understand and solve my clientâs problems. Product, research, strategy, design, and anything experiential-focused is my wheelhouse.","type":"text","marks":[{"type":"textStyle","attrs":{"color":"#FFFFFF"}}]}]},{"type":"paragraph","content":[{"type":"hard_break"}]}]},"designation":"Senior Product Designer \u0026 UX Researcher"},"slug":"andrew-macdonald","full_slug":"blog/author/andrew-macdonald","sort_by_date":null,"position":-10,"tag_list":[],"is_startpage":false,"parent_id":328187139,"meta_data":null,"group_id":"75602298-7a18-4e09-bede-13f327c8b7f1","first_published_at":"2024-02-16T16:32:57.327Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},{"name":"Halloween Special","created_at":"2019-10-28T19:36:25.349Z","published_at":"2023-02-14T00:02:07.000Z","updated_at":"2019-11-30T05:28:47.569Z","id":3329031,"uuid":"e3721c24-0064-4576-a099-1ce0a6a795af","content":{"seo":{"_uid":"9254f290-aaa1-430d-a0dd-ca3bd97e7182","title":"","plugin":"meta-fields","description":""},"_uid":"3268fd66-dca7-45d0-9799-4459e90010e1","body":[{"_uid":"ce583b7a-2f0e-4c31-a25a-673c880be312","text":"","type":"","align":"","color":{"_uid":"17e299c3-d4ff-4121-983c-4a5964d4b622","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"a71255f4-4899-4d52-b497-4d8c72e9f84f","plugin":"wysiwyg-tinymce","content":"\u003cp\u003eSASS mixins are amazing, and helps to reuse so much code. However, when it comes to styled components there is no official way for mixins. There are many approaches online to handle this but none of them were as flexible as SASS mixins.\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eSo I decided to find my own way to achieve mixins.\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"07f215a2-8341-44b2-bb03-40b4a6a8597c","height":"50","component":"spacer","hide_on_mobile":false,"hide_on_above_mobile":false}],"date":"2019-09-11 20:56","title":"Halloween Special - The better way","author":"nav","header":[{"_uid":"e905d48c-4057-440b-8714-35f5efb8c0dd","loop":true,"component":"lottie","upload_JSON":"//a.storyblok.com/f/66217/x/74ec0c84d9/10307-halloween.json"}],"groupSEO":"","component":"post","opengraph":""},"slug":"halloween-special","full_slug":"blog-old/halloween-special","sort_by_date":null,"position":-10,"tag_list":[],"is_startpage":false,"parent_id":3288131,"meta_data":null,"group_id":"b02add65-4a28-4e30-b05d-16aa869ea522","first_published_at":"2019-10-28T07:41:58.667Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},{"name":"Click, Learn, Conquer: 3 Lessons After A Year in Social Media","created_at":"2024-03-15T18:54:36.618Z","published_at":"2024-03-15T19:41:53.555Z","updated_at":"2024-03-15T19:41:53.581Z","id":462273948,"uuid":"9eddbee9-3783-482b-9cb7-fe1523643283","content":{"_uid":"0b6802ec-9550-491e-a954-28d110020a9b","media":{"id":14740188,"alt":"","name":"","focus":"","title":"","source":"","filename":"https://a.storyblok.com/f/66217/2168x1001/011ce4ceb1/likes.jpg","copyright":"","fieldtype":"asset","meta_data":{},"is_private":false,"is_external_url":false},"title":"Click, Learn, Conquer: 3 Lessons After A Year in Social Media","author":"4beac769-f231-4523-8a19-78eec2f139c2","component":"blogPost","blogContent":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"It canât be wrong when I say that social media is an indispensable part of life for most of us nowadays. We consume news, the latest music, fashion, food ideas, travel plans and whatnot, and obviously ","type":"text"},{"text":"stay connected","type":"text","marks":[{"type":"italic"}]},{"text":" with friends (FYI checking your friendâs Instagram stories is not how you stay connected!). As a millennial, it has been a constant companion since the 2010s, and the scrolling has only increased in the past few years as a social media manager. And guess what, thereâs a major difference between being an enthusiastic consumer of social media and running actual social media accounts on behalf of brands. So, here are three lessons I learned using social media professionally:","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"type":"hard_break"},{"text":"Lesson 1: Content is King, But Consistency is Queen","type":"text","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"text":"On social media today, everyone's an influencer and/or a content creator. But what actually sets you apart? Good authentic content that makes people click. Users crave genuine and meaningful interactions with any influencer or brand they follow. However, while great content is the foundation, consistency fuels engagement and fosters brand loyalty. As a social media manager, I've learnt that striking a balance between authenticity and consistency reigns supreme. By staying true to your brand voice and values while also delivering content consistently, you can cultivate a loyal community that trusts and resonates with your message.","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"type":"hard_break"},{"text":"Lesson 2: Learn To Adapt When Algorithms Change","type":"text","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"text":"Social media algorithms are always evolving and often unexpected. The ripple effects of algorithmic shifts have often left me scrambling to re-evaluate my social media strategies for clients. However, ami
13dst all this lies an invaluable personal and professional lesson: adaptability is non-negotiable. Accept the fluid nature of social media algorithms and remain agile in your approach to your gameplan. Stay informed, monitor trends on different platforms, and take cues from other creators in your niche - do not shy away from trying out new ideas, as long as it matches your brand voice. Ultimately, social media only evolved into what it is now a few years ago, so algorithm updates and upgrades are not only inevitable, but also a necessity.","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"type":"hard_break"},{"text":"Lesson 3: Cultivate Meaningful Connections Beyond Metrics","type":"text","marks":[{"type":"bold"}]}]},{"type":"heading","attrs":{"level":3}},{"type":"paragraph","content":[{"text":"In a time when every creator is hustling to get the most views or become the âmost followed person on Instagramâ, itâs easy to dive in and get lost in the numbers game. While platform metrics do provide precious insights into engagement and content performance, they only skim the surface of true, meaningful connections. As a manager, our job is also to build a community of loyal followers that engage with content on a regular basis. This begins with you engaging authentically with your audience first, understanding their feedback, and cultivating genuine relationships beyond the limits of analytics dashboards. This in turn also helps with social media listening, which is important to understand what your audience expects of you. Behind every username (except for the fake ones) is a real person seeking connection and validation and by nurturing a sense of community, you'll not only drive engagement but also establish a lasting impact.","type":"text"}]},{"type":"paragraph","content":[{"text":"So, there you have itâthe three things I gathered from scrolling on social media for 10 hours every day! Jokes apart, working on various niches with different clients and teammates helps you learn a lot about this ever-changing medium everyday. I guess thatâs what makes this job as exciting as it is.","type":"text"}]}]},"publishedDate":"2024-03-15 12:00"},"slug":"click-learn-conquer-3-lessons-after-a-year-in-social-media","full_slug":"blog/click-learn-conquer-3-lessons-after-a-year-in-social-media","sort_by_date":null,"position":0,"tag_list":[],"is_startpage":false,"parent_id":328185005,"meta_data":null,"group_id":"6a33f952-f950-4140-8ba6-3f9c54b5b162","first_published_at":"2024-02-16T16:41:55.306Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},{"name":"Choosing Your Next CMS: A Comprehensive Guide","created_at":"2024-02-22T19:48:19.205Z","published_at":"2024-02-23T21:23:35.745Z","updated_at":"2024-02-23T21:23:35.772Z","id":448720660,"uuid":"c9b62ea3-12fc-4cc5-aff7-5a19c5654c37","content":{"_uid":"0b6802ec-9550-491e-a954-28d110020a9b","media":{"id":14248918,"alt":"","name":"","focus":"","title":"","source":"","filename":"https://a.storyblok.com/f/66217/3840x824/dc9e2321b2/logos-grid.png","copyright":"","fieldtype":"asset","meta_data":{},"is_private":false,"is_external_url":false},"title":"Choosing Your Next CMS: A Comprehensive Guide","author":"3f17be56-1958-4764-a941-134356a8a656","component":"blogPost","blogContent":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"As I sit to write this article, the first question that I would like to address is âWhat is a CMS.â","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"type":"hard_break"},{"text":"What is CMS?","type":"text","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"text":"A Content Management System (CMS) is a tool or set of tools used to manage digital content for websites. Content-editing teams can create, edit and publish digital content via a CMS to the website. It minimizes technical complexities, allowing businesses to focus on creating high-quality content. By offering an affordable and user-friendly solution, a CMS enables companies to efficie
13ntly manage and share their content without the need for a dedicated development team. ","type":"text"}]},{"type":"paragraph","content":[{"text":"When it comes to selecting a CMS, there are a multitude of options available which often makes the task of choosing the right CMS one filled with confusion and stress! To make life easier when doing that, weâve come up with this guide that can help you find the CMS thatâs most suited to your needs! ","type":"text"}]},{"type":"paragraph","content":[{"text":"Now that we know what a CMS is, the next logical question that comes to mind is â Why all the talk about CMS?! Can we just not use one? If we do, what are the advantages? â To address this, letâs first understand the importance of using a CMS.","type":"text"}]},{"type":"paragraph","content":[{"type":"hard_break"}]},{"type":"heading","attrs":{"level":2},"content":[{"type":"hard_break"},{"text":"Do we need a CMS and can it be added later?","type":"text","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"text":"The first question to ask yourself is âDo we really need a CMS?â ","type":"text"}]},{"type":"paragraph","content":[{"text":"The answer dependsâ¦","type":"text"}]},{"type":"paragraph","content":[{"text":"Developers create hard-coded websites which can only be updated by anyone with a development background. The benefit of this approach is that one can reduce the development costs associated with building CMS components. However, on the flip side, updating content might be slower than having a CMS. Also, maintaining a high-quality codebase is critical to prevent performance degradation over time.","type":"text"}]},{"type":"paragraph","content":[{"text":"In terms of cost, hard-coded websites are cheaper to build since thereâs no SASS behind them and businesses only pay for hosting and the domain. However, the additional development and maintenance costs might make it an expensive choice. Not to forget, there might be access issues to the hosting environment causing delays and hiccups.","type":"text"}]},{"type":"paragraph","content":[{"text":"On the brighter side, if you are trying to get something out in a hurry, this might be the way to go as you can always add it later. ","type":"text"}]},{"type":"paragraph","content":[{"text":"It all boils down to factoring in the priorities in terms of cost and timing. When going for this option, make sure that the architecture is planned out end-to-end and integration is simple. If not properly planned, the conversion might turn out to be the exact opposite of its purpose - more time-consuming and costly.","type":"text"}]},{"type":"paragraph","content":[{"text":"Now that weâve established the use of a CMS, letâs dive deeper into understanding the options.","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"type":"hard_break"},{"type":"hard_break"},{"text":"So, what are the options?","type":"text","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"text":"There are tons of options out there, the most popular being: Wordpress, Squarespace, Webflow, Wix, Contentful and Storyblok. Generally, a CMS to build a website falls in the following 3 categories:","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"type":"hard_break"},{"type":"hard_break"},{"text":"1. ","type":"text"},{"text":"Online website building platforms (SAAS)","type":"text","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"text":"Online website building platforms are the easiest tools that one has access to for building a website these days. The most popular in this category are Webflow, Wix and Squarespace. These tools come loaded with pre-built themes and plugins to serve different use cases. They mostly have a drag and drop based interface which makes it easy, fun and interactive to build layouts and pages. Webflow and Wix even offer a great animation system where (with some learning) one can build awe inspiring interactions.","type":"text"}]},{"type":"paragraph","content":[{"text":"Another great thing about them is that they require very little maintenance because their backend updates frequently and automatically, so any security vulnerabilities and performance issues are addressed by the service itself.","type":"text"}]},{"type":"paragraph","content":[{"text":"These tools do their best to fulfill various needs but in the case of something custom (which the tool doesnât support out of the box), they provide escape hatches to handle that. Now this is a tricky road to take as these escape hatches are where things might go wrong and the website might not scale very well. The other foreseeable drawback is that you will have very less control over the codebase since itâs a managed codebase by the service.","type":"text"}]},{"type":"paragraph","content":[{"text":"So, all in all, if youâre not looking for too many customizations and custom UI, this option can be your best bet. Itâs cheaper, faster and you donât need a deep understanding in tech to get started!","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"type":"hard_break"},{"type":"hard_break"},{"text":"2. Coupled CMS","type":"text","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"text":"A coupled CMS is basically a software where frontend and backend logic is combined. Wordpress is one of the most popular types with a market share of 42%. The reason behind its popularity is its extensibility, marketplace and large developer community. There are other softwares out there as well which are pretty similar to Wordpress, like Joomla and Drupal.","type":"text"}]},{"type":"paragraph","content":[{"text":"In the case of a coupled CMS, the interface is defined by the service, but components, page templates and UI logic can be defined by the developers. This allows better control over the codebase versus SASS services. Since there are several plugins in the marketplace, even s
13ome of the trickiest use-cases can be solved by plugins very quickly, which can drastically cut down the development time. You can also buy pre-built themes and extend them properly to serve your use cases.","type":"text"}]},{"type":"paragraph","content":[{"text":"Conversely, plugins and themes do need frequent updates. Plugin and theme developers frequently push new updates to address security and performance issues, but the theme admin needs to update all the components manually. The scalability also depends on various factors like the quality of the themeâs code, workflow used for content creation and updation. Since the frontend and backend code is coupled, you are not able to use the latest frontend frameworks like React. We have also seen a lot of security and malware issues if not maintained and set up right. ","type":"text"}]},{"type":"paragraph","content":[{"text":"So, who should choose a coupled CMS? Those who have quality developers who can make good decisions to fulfill your requirements. There are lots of choices and making the right choice is crucial with these systems. If your business has some complex requirements, you have plugins available in the marketplace, and you donât want to invest in building something custom, this option can be good for you. ","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"type":"hard_break"},{"type":"hard_break"},{"text":"3. Headless CMS","type":"text","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"text":"In a headless CMS the frontend and backend logic is decoupled. Since the codebase is decoupled, the development team only has to worry about the frontend logic. Some popular examples of Headless CMS are Storyblok and Contentful.","type":"text"}]},{"type":"paragraph","content":[{"text":"With Headless CMS you can build tailored custom components and manage compositions and pages on the backend editor. Developers can also leverage the latest frontend frameworks like React, Vue and Svelte, and use libraries from NPM to shorten the development time. Websites built using a headless CMS generally scale very well because developers have complete control over the codebase.","type":"text"}]},{"type":"paragraph","content":[{"text":"A Headless CMS also offers plugin systems, but generally frontend developers need to manually define the integrations to third parties. Developers also need to manually update the libraries used in the project to avoid security and performance issues.","type":"text"}]},{"type":"paragraph","content":[{"text":"If your project has a lot of customizations, custom UI that need a tailored solution, and you want to make it scalable, a Headless CMS is a good choice for you.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"type":"hard_break"},{"type":"hard_break"},{"text":"Making the Right Choice","type":"text","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"text":"Remember, thereâs no one-size-fits-all solution. First, thoroughly evaluate your projectâs requirements and future use-cases, and then go in to making a choice based on the following: ","type":"text"}]},{"type":"bullet_list","content":[{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"If you want to have a website up and running quickly with the least customizations, you might opt for online website building platforms. ","type":"text"}]}]},{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"If your business has complex use cases and you want to reduce the development time by using plugins, a coupled CMS and plugins might be best fit for you. ","type":"text"}]}]},{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"If you worry about scalability and flexibility but can invite in a tailored solution, a Headless CMS could be your best bet.","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"Another important tip is to go with what your team feels most comfortable with. Understanding that you can easily get support from the platform, your agency/freelancer, or your internal team is important when that critical 2AM update needs to happen. Those are the times where it's really n
13ot about the money but the level of support and sophistication needed to reach your goal, that dream project!","type":"text"}]},{"type":"paragraph","content":[{"text":"Well, thatâs all I have for now! I hope this assists you in moving away from the constant anxiety of trying out various CMS options and genuinely helps you in selecting the one best suited to your needs.","type":"text"}]}]},"publishedDate":"2024-02-23 00:00"},"slug":"choosing-your-next-cms-a-comprehensive-guide","full_slug":"blog/choosing-your-next-cms-a-comprehensive-guide","sort_by_date":null,"position":0,"tag_list":[],"is_startpage":false,"parent_id":328185005,"meta_data":null,"group_id":"9eafedcf-26ca-49e2-b725-cb4464bf2a5a","first_published_at":"2024-02-16T16:41:55.306Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},{"name":"Top 3 tips from a Senior Product Designer \u0026 UX Researcher.","created_at":"2024-02-16T16:26:11.565Z","published_at":"2024-02-16T16:51:50.445Z","updated_at":"2024-02-16T16:51:50.465Z","id":445129415,"uuid":"e0bd7a6a-dadb-44ce-8600-75ae3153fa02","content":{"_uid":"0b6802ec-9550-491e-a954-28d110020a9b","media":{"id":14116537,"alt":"","name":"","focus":"","title":"","source":"","filename":"https://a.storyblok.com/f/66217/5000x3337/e4b261ca0b/website-development.jpg","copyright":"","fieldtype":"asset","meta_data":{},"is_private":"","is_external_url":false},"title":"Top 3 tips from a Senior Product Designer \u0026 UX Researcher.","author":"2ed92769-27d1-4bc1-864f-8925c5ed244f","component":"blogPost","blogContent":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"To pick three things is a challenge in and of itself. A couple years ago, I was just truly starting to step into the responsibilities of being a Senior in design and research, so the journey has included a lot of growth!","type":"text"}]},{"type":"paragraph","content":[{"type":"hard_break"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"1. Deciding how much investment a piece of work requires, or deserves. ","type":"text","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"text":"Some projects are from the hip, with minimal opportunity to plan and invest in deeply understanding a space or product. Define success, set expectations, find precedent, draw it, get some early feedback during implementation, and let it rip. Other times, you want to step back and ensure there is a clear strategy and long term map with lots of research, dreaming blue sky or green field (same ****), while dotting every I and crossing every T. Knowing, or even simply communicating about these key parts of the projects early on with invested stakeholders truly makes or breaks any zero-to-hero project.","type":"text"}]},{"type":"paragraph","content":[{"type":"hard_break"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"2. Knowing who youâre working with. ","type":"text","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"text":"Understanding your stakeholders is more important than your users at the beginning, and I find many people in our work get this twisted. The business, team, leader, or founder that is driving your work is the most important person to know, and itâs not because they deserve it. Theyâll be the first friction you often experience, and not aligning with their goals, systems of measurement, and how they communicate will kill a project before it gets to start. While tongue-in-cheek, when you look at the modern discourse of many designers reflecting on the relationships with business and stakeholders, my learning sounds a lot like the old adage: âkeep your friends close, and your enemies closerâ. Earn the trust and admiration of your stakeholders, and make sure itâs mutual, before you go galavanting off into Figma.","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"type":"hard_break"},{"text":"3. Youâre gonna screw up!","type":"text","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"text":"This lesson may sound silly, but itâs got a lot more weight than you think. So get good at owning it, rebuilding, and repairing from it. With how complex and technical some of the products are that Iâve built, you are bound to make some assumptions for the sake of velocity. Early on these bit me in the arse a couple times, and the saving grace to anything was the fact that ownership happened quickly, and I aggressively moved to a solution. Had I attempted to vainly defend the oversights or blindspots I would have quickly burned trust, and thatâs far more expensive than pride. Acknowledging the opportunity to correct, directing conversation to what the new state will solve and how it helps us towards a better experience, and then adamantly evangelizing it to those that had a negative experience was critical to the productâs success. Eating your pride and seeing mistakes as growth is hard, but chewing on lost clients and products is way worse for your teeth.","type":"text"}]},{"type":"paragraph","content":[{"type":"hard_break"}]},{"type":"paragraph","content":[{"text":"When I look back at all the products, orgs, clients, and all the awesome team members Iâve worked with, itâs a really hard job to summarize it all simply. Learning how to manage expectations at multiple levels, building strong relationships within your stakeholder circles, and owning your work for all its faults were hard lessons that Iâm glad to have learned alongside those I have.","type":"text"}]},{"type":"paragraph","content":[{"type":"hard_break"}]}]},"publishedDate":"2024-02-16 00:00"},"slug":"top-3-tips-from-a-senior-product-designer-ux-researcher","full_slug":"blog/top-3-tips-from-a-senior-product-designer-ux-researcher","sort_by_date":null,"position":0,"tag_list":[],"is_startpage":false,"parent_id":328185005,"meta_data":null,"group_id":"c0a5a4e5-cb70-4bc1-b1c3-d7c520a973de","first_published_at":"2024-02-16T16:41:55.306Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},{"name":"Aamyneh","created_at":"2023-06-21T07:50:32.443Z","published_at":"2023-06-28T04:19:50.718Z","updated_at":"2023-06-28T04:19:50.740Z","id":328220776,"uuid":"cf42a6c0-9696-45a3-9b2f-bbd81d30dfb1","content":{"_uid":"ed0719a4-8f15-4028-b9c7-7bbef272ffed","name":"Aamyneh Mecklai","image":{"id":9926819,"alt":"","name":"","focus":"","title":"","source":"","filename":"https://a.storyblok.com/f/66217/117x117/4c450a84d1/aamyneh-author.svg","copyright":"","fieldtype":"asset","meta_data":{},"is_external_url":false},"component":"author","description":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Originally from Mumbai, India, Aamyneh was accepted to U of T in 2020 with a Lester B. Pearson International Scholarship. But the elation of receiving the universityâs most competitive full-ride scholarship for international students soon gave way to the reality that she wouldnât be able to move to Toronto due to the pandemic â and would have to complete her first semester remotely from half
13way around the world. Now in her final year, studying finance, economics and data science, she finds joy in working with clients, building valuable products, and hacking at problems with the Rumor team.","type":"text","marks":[{"type":"textStyle","attrs":{"color":""}}]}]}]},"designation":"Associate Product Manager"},"slug":"aamyneh","full_slug":"blog/author/aamyneh","sort_by_date":null,"position":0,"tag_list":[],"is_startpage":false,"parent_id":328187139,"meta_data":null,"group_id":"c08a541a-d454-461b-bb30-639222cb5fe2","first_published_at":"2023-06-21T13:14:18.686Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},{"name":"Mixins in Styled Components - The better way","created_at":"2019-10-28T07:29:34.634Z","published_at":"2023-02-14T00:02:07.000Z","updated_at":"2019-10-30T06:42:36.311Z","id":3288132,"uuid":"b44751a0-b415-40c2-bab4-3405cf18b731","content":{"seo":{"_uid":"9254f290-aaa1-430d-a0dd-ca3bd97e7182","title":"","plugin":"meta-fields","description":""},"_uid":"3268fd66-dca7-45d0-9799-4459e90010e1","body":[{"_uid":"ce583b7a-2f0e-4c31-a25a-673c880be312","text":"","type":"","align":"","color":{"_uid":"17e299c3-d4ff-4121-983c-4a5964d4b622","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"a71255f4-4899-4d52-b497-4d8c72e9f84f","plugin":"wysiwyg-tinymce","content":"\u003cp\u003eSASS mixins are amazing, and helps to reuse so much code. However, when it comes to styled components there is no official way for mixins. There are many approaches online to handle this but none of them were as flexible as SASS mixins.\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eSo I decided to find my own way to achieve mixins.\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"07f215a2-8341-44b2-bb03-40b4a6a8597c","height":"50","component":"spacer","hide_on_mobile":false,"hide_on_above_mobile":false},{"_uid":"387353fc-35c9-4b1d-a1ae-8f87f97d3f35","text":"SASS Approach","type":"h2","align":"","color":{"_uid":"763b784f-3174-4aed-8ac5-d5a64624922d","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"2a1656ca-d8a3-44c2-8451-963badea09c0","plugin":"wysiwyg-tinymce","content":""},"component":"text","reduce_space":false},{"_uid":"4144f8ab-99e7-4d02-baea-df873c833be5","text":"","type":"","align":"","color":{"_uid":"9623a770-a0fb-4034-8a1a-ef241d647071","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"73ef3074-29f9-4349-959d-adefcaae39b6","plugin":"wysiwyg-tinymce","content":"\u003cp\u003eA responsive mixin in SASS would look like this:\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"47556a7e-d3fa-4bc1-afd2-58bc82c7d0af","language":"scss","codeBlock":"$screen-md-min: 768px;\n$screen-lg-min: 992px;\n\n@mixin sm {\n @media (max-width: #{$screen-sm-min}) {\n @content;\n }\n }\n\n @mixin md {\n @media (max-width: #{$screen-md-min}) {\n @content;\n }\n }","component":"syntaxHighlighter"},{"_uid":"d6cd22df-8076-4976-8dd0-46f195db4afa","text":"","type":"","align":"","color":{"_uid":"ea9118a9-8775-4461-b92b-e4a10f57a38b","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"828821d3-4509-46cf-8354-436c883228f6","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eAnd it could be used like this:\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"76e9ad30-ec0b-471e-9761-607b9764a221","language":"scss","codeBlock":".sidebar{\n width: 400px;\n\n /* On smaller screens make it fixed */\n @include md{\n width: 100%;\n left: 0;\n top: 0;\n bottom: 0;\n position: fixed;\n transform: translateX(-100%);\n \n /* If visible class added then reveal the sidebar */\n \u0026.visible{\n transform: translateX(0%);\n }\n }\n}","component":"syntaxHighlighter"},{"_uid":"3b7f8684-cb76-495c-8233-5185af95f65f","height":"50","component":"spacer","hide_on_mobile":false,"hide_on_above_mobile":false},{"_uid":"f69df113-b101-4866-9ebe-41e1319b90b2","text":"Styled Components implementation","type":"h2","align":"","color":{"_uid":"9295546f-135b-48d8-af67-6e79b48ff1d7","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"700623c7-0ed8-41a8-bef2-5dcc972e7d71","plugin":"wysiwyg-tinymce","content":""},"component":"text","reduce_space":false},{"_uid":"4b9afaa2-cff1-4127-9aca-205f4d19c00a","text":"","type":"","align":"","color":{"_uid":"102b221b-a3a7-455c-8ec6-e17e5883de41","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"383c2a6c-0108-4f35-a24c-feeb8244cfd8","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eEssentially, Styled Components is basically ES6 template literals, so we can create our own functions and those functions could be used inside Styled Components.\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"39992b9f-8c0b-42c0-9e45-202f105872ea","language":"jsx","codeBlock":"// devices.js\nimport { css } from 'styled-components';\n \nconst SCREEN_SM_MIN = '576px';\nconst SCREEN_MD_MIN = '768px';\n \nexport const sm = (content) =\u003e css`\n @media (max-width: ${SCREEN_SM_MIN}) {\n ${content}\n }\n`;\nexport const md = (content) =\u003e css`\n @media (max-width: ${SCREEN_MD_MIN}) {\n ${content}\n }\n`;\n","component":"syntaxHighlighter"},{"_uid":"beb364c8-adab-40bf-8320-b5dc5666aacd","text":"","type":"","align":"","color":{"_uid":"28576644-7b23-43f9-ad35-23c123f88fc4","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"03423bfc-708d-482c-b293-f37104d32d25","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eAnd it could be used like this:\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"9abddef5-3d85-4e30-9f40-dd2fc089e75e","language":"jsx","codeBlock":"import styled, { css } from 'styled-components';\nimport { sm, md } from './devices';\n\nconst Sidebar = styled.div`\n width: 400px;\n\n /* On smaller screens make it fixed */\n ${md(css)`\n width: 100%;\n left: 0;\n top: 0;\n bottom: 0;\n position: fixed;\n transform: translateX(-100%);\n\n /* If visible prop added then reveal the sidebar */\n ${props =\u003e props.visible \u0026\u0026 css`\n transform: translateX(0%);\n `}\n `}\n`;","component":"syntaxHighlighter"},{"_uid":"695f401b-9b05-45d3-8949-98671ffe1772","text":"","type":"","align":"","color":{"_uid":"2a245fa7-e89b-49bb-ad21-11951ed53244","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"c9cd4bfa-b4bc-46b3-a1a2-d6508c4943ae","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eThe following code would also work, but it won\u0026rsquo;t be able to use \u003c/span\u003e\u003cspan class=\"inline-code author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e\u003cspan style=\"font-family: monospace; background-color: #f7f9fa; color: #1b2733; border: 1px solid rgba(208,212,217,0.5); margin: 0 0 0 -1px;\"\u003eprops\u003c/span\u003e\u003c/span\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e inside the css code:\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"52b31d93-ecd3-4bcb-a8a6-143651144db0","language":"jsx","codeBlock":"${md`\n // css here\n`}","component":"syntaxHighlighter"},{"_uid":"ca8b1f41-03f0-4d24-9fa2-9848c48a2add","text":"","type":"","align":"","color":{"_uid":"f5488e8e-f624-4eec-9114-07e52fbfc9e7","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"2048db8d-1b2f-46e6-ac22-7316e4d86642","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eIn order to make the props work, we had to pass Styled Component\u0026rsquo;s \u003c/span\u003e\u003cspan class=\"inline-code author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e\u003cspan style=\"font-family: monospace; background-color: #f7f9fa; color: #1b2733; border: 1px solid rgba(208,212,217,0.5); margin: 0 0 0 -1px;\"\u003ecss\u003c/span\u003e\u003c/span\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e function inside our function.\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"7bb48ed0-f548-43be-b5e8-dd101cbab7e7","language":"jsx","codeBlock":"${md(css)`\n // css here\n ${props =\u003e props.visible \u0026\u0026 css`\n // prop based code\n `}\n`}","component":"syntaxHighlighter"},{"_uid":"549b9b6b-a7b7-48d8-9b0e-3a6675252f31","height":"50","component":"spacer","hide_on_mobile":false,"hide_on_above_mobile":false},{"_uid":"3be0d3d7-beaf-4cd8-836e-1dd14a07b987","text":"How it works","type":"h2","align":"","color":{"_uid":"575e0e1a-b1b2-4d61-9981-fa358de584ee","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"1c83eb04-710f-48d1-9fbd-c747f3de39ae","plugin":"wysiwyg-tinymce","content":""},"component":"text","reduce_space":false},{"_uid":"bb349bc5-1eaa-4a8e-b719-eeb53fa4f344","text":"","type":"","align":"","color":{"_uid":"825b7555-569f-4b09-a5c4-568d5c5031b8","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"05e05e2a-58ce-4660-8554-ab5856831d16","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eIf you know how Styled Components work, then this will be no brainer for you. But I would like to explain the behind the scenes.\u003c/span\u003e\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eYou can pass parameters to a functions via Template literals:\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"753051e5-fdfe-4c9c-9e39-7f33bdd08389","language":"jsx","codeBlock":"const sayHello = (name) =\u003e {\n console.log(`Hello ${name}`);\n}\n\n// instead of calling like sayHello(\"Sandy\");\nsayHello`Sandy`;","component":"syntaxHighlighter"},{"_uid":"6510c48e-0401-4679-9eba-f8bb74752524","text":"","type":"","align":"","color":{"_uid":"27484b2e-cdfa-4bed-8ec2-9d3744c0a805","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"ea6f0360-6ee7-46c5-97df-9274e862d692","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eSo our functions like \u003c/span\u003e\u003cspan class=\"inline-code author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e\u003cspan style=\"font-family: monospace; background-color: #f7f9fa; color: #1b2733; border: 1px solid rgba(208,212,217,0.5); margin: 0 0 0 -1px;\"\u003emd\u003c/span\u003e\u003c/span\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e and \u003c/span\u003e\u003cspan class=\"inline-code author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e\u003cspan style=\"font-family: monospace; background-color: #f7f9fa; color: #1b2733; border: 1px solid rgba(208,212,217,0.5); margin: 0 0 0 -1px;\"\u003esm\u003c/span\u003e\u003c/span\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e are also being used inside styled components the same way:\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false},{"_uid":"814cb707-16cb-4d8b-8d5f-ebb25c55558e","language":"jsx","codeBlock":"${md(css`\n // css here\n`)}\n\n// It's equivalant to\nmd( css('content') )","component":"syntaxHighlighter"},{"_uid":"a640d857-41c4-473b-9593-bef4c0c93553","text":"","type":"","align":"","color":{"_uid":"a4db848d-9073-4dc3-9864-c987ce94e917","color":"","plugin":"official-colorpicker"},"text2":{"_uid":"6c4307fb-5af1-4e74-bd69-095a25d4f623","plugin":"wysiwyg-tinymce","content":"\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eLet me know guys, what do you think about this approach.\u003c/span\u003e\u003c/p\u003e\n\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eDon\u0026rsquo;t forget to clap if you it helped you \u003c/span\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e\u003cimg title=\"slightly smiling face\" src=\"https://paper.dropboxstatic.com/static/img/ace/emoji/1f642.png?version=3.1.2\" alt=\"slightly smiling face\" height=\"16\" data-emoji-ch=\"ð\" /\u003e\u003c/span\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003e\u0026nbsp;\u003c/span\u003e\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwz83zz66z9uimez66zz122zz78zfw2nqn7vwc9b6z74zz69zz79zdz122zz82zz88z\"\u003eCheers!\u003c/span\u003e\u003c/p\u003e"},"component":"text","reduce_space":false}],"date":"2019-10-26 21:57","title":"Mixins in Styled Components - The better way","author":"Sendy","header":[{"_uid":"32be4f42-bb47-44f8-a59d-9a118fa33d13","fade":false,"mini":false,"image":"https://i1.wp.com/programmingwithmosh.com/wp-content/uploads/2018/10/StyledComponentsInReactApplications.jpg?resize=1920%2C1080\u0026ssl=1","shape":false,"content":[],"overlay":"100","rounded":false,"view_in":"600px","parallax":"","component":"banner","noAnimate":false,"shapColor":{"_uid":"9ec633e8-0933-423f-99d7-abcb9f8c5418","color":"#f40000","plugin":"native-color-picker"},"shape_group":"","centerChildren":false,"backgroundColor":{"_uid":"855e90cc-22a8-4125-980b-47f36de836fc","color":"","plugin":"native-color-picker"},"background_size":"cover","background_image":"","background_position":"50% 50%"}],"groupSEO":"","component":"post","opengraph":""},"slug":"mixins-in-styled-components-the-better-way","full_slug":"blog-old/mixins-in-styled-components-the-better-way","sort_by_date":null,"position":0,"tag_list":[],"is_startpage":false,"parent_id":3288131,"meta_data":null,"group_id":"b7a160ce-947e-4a7d-9325-1cc6c640bb7b","first_published_at":"2019-10-28T07:41:58.667Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},{"name":"blog","created_at":"2023-06-21T06:29:02.351Z","published_at":"2024-02-16T16:42:01.717Z","updated_at":"2024-02-16T16:42:01.741Z","id":328187145,"uuid":"9e27856a-250e-47a4-9dc9-00e445dd55d2","content":{"seo":"","_uid":"8f724b09-f651-4d25-a177-501a237d38b9","body":[{"_uid":"e39bd2b6-0fe6-42cf-802a-8ec18f2ff85f","border":false,"height":"70","component":"spacer-v2","mobileOnly":true,"extraCompactOnMobile":false},{"_uid":"986b8b5b-67b2-4e19-98b5-ae5e66c5378e","fade":false,"mini":true,"image":"","shape":false,"content":[{"lg":"","md":"","sm":"","xl":"","_uid":"64114679-e1a7-46e2-9677-38a34aa812f2","body":[{"_uid":"00e8c92a-242f-4c16-afcb-d262db84d1cf","loop":false,"cover":{"id":null,"alt":null,"name":"","focus":null,"title":null,"source":null,"filename":"","copyright":null,"fieldtype":"asset","meta_data":{}},"media":{"id":10040357,"alt":"","name":"","focus":"","title":"","source":"","filename":"https://a.storyblok.com/f/66217/603x162/f65e959291/gossip-text.svg",
13"copyright":"","fieldtype":"asset","meta_data":{},"is_external_url":false},"youtube":"","autoplay":false,"controls":false,"parallax":false,"component":"mediaV2","objectFitX":"","objectFitY":"","mobileMedia":{"id":null,"alt":null,"name":"","focus":null,"title":null,"source":null,"filename":"","copyright":null,"fieldtype":"asset","meta_data":{}},"playOnHover":false,"playOnScroll":false,"vimeoVideoId":"","showStartOver":false}],"flip":false,"media":{"id":null,"alt":null,"name":"","focus":null,"title":null,"source":null,"filename":"","copyright":null,"fieldtype":"asset","meta_data":{}},"component":"contentSection","textAlign":"center","alignItems":"center","contentCol":"6","justifyContent":"center"}],"overlay":"0","rounded":false,"view_in":"","parallax":"","component":"banner","noAnimate":false,"shapColor":{"_uid":"a2f49277-fcb8-4ae9-b8ea-ebfd7ecad8fe","color":"#f40000","plugin":"native-color-picker"},"centerChildren":false,"backgroundColor":{"_uid":"c1564a66-711f-4277-a111-911326735231","color":"#000","plugin":"native-color-picker"},"background_size":"","background_position":""},{"_uid":"fcdf3d0a-e62f-47a5-9ad1-9093b700a543","border":false,"height":"80","component":"spacer-v2","mobileOnly":false,"extraCompactOnMobile":false},{"_uid":"f0cf2a93-c469-4b50-818d-08375d869bfe","component":"blogs"},{"_uid":"01700e5c-bd34-425d-b7ce-b436feced954","border":false,"height":"80","component":"spacer-v2","mobileOnly":false,"extraCompactOnMobile":false}],"fontsV2":false,"darkMode":true,"component":"page","opengraph":"","miniFooter":false,"lightHeader":false,"miniContainer":false,"additionalWork":[],"overlayedHeader":false},"slug":"blog","full_slug":"blog/","sort_by_date":null,"position":30,"tag_list":[],"is_startpage":true,"parent_id":328185005,"meta_data":null,"group_id":"fbe45948-050f-4756-9786-4d08bcf0daed","first_published_at":"2024-02-16T16:42:01.717Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},{"name":"Intern to Insider: Aamyneh's Journey at Rumor","created_at":"2023-06-21T07:43:25.899Z","published_at":"2023-06-30T23:52:22.512Z","updated_at":"2023-06-30T23:52:22.535Z","id":328219093,"uuid":"305c0b07-d324-4b0e-8f67-d68f9e85961d","content":{"_uid":"d87ec4b9-76df-442c-a169-55fe034f9e61","media":{"id":10040346,"alt":"","name":"","focus":"","title":"","source":"","filename":"https://a.storyblok.com/f/66217/3000x2000/162f6402f2/daria-nepriakhina-zocdwpuirua-unsplash-1.jpg","copyright":"","fieldtype":"asset","meta_data":{},"is_external_url":false},"title":"Intern to Insider: Aamyneh's Journey at Rumor","author":"cf42a6c0-9696-45a3-9b2f-bbd81d30dfb1","component":"blogPost","blogContent":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"I joined Rumor as an intern in January 2022 and spent my first few months helping with internal projects and research for our venture studio. Team members at Rumor quickly became my friends and mentors, our scheduled 5-minute Slack huddles quickly became long, protracted catch-up sessions, and I found myself becoming Rumorâs own little Product HuntâI became fascinated with the ability to build products ground-up.","type":"text"}]},{"type":"paragraph","content":[{"text":"A little over a year later, Iâm still fascinated by what weâre able to build, the problems that weâre able to solve, and the talent weâre able to find, cultivate, and bring together in order to create value.","type":"text"}]},{"type":"paragraph","content":[{"text":"Rumor has helped me find (a) simple solutions to overlooked problems (b) that actually need to be solved, and (c) deliver them as informally as possible, starting with a very crude version 1, then (d) iterating rapidly. ","type":"text"}]},{"type":"paragraph","content":[{"text":"Letâs break it down.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"1. Simple solutions to overlooked problems","type":"text"}]},{"type":"paragraph","content":[{"text":"School inadvertently promotes conformist thinking over individual thought and my time at Rumor helped me think independently through first principles. When I was tasked with validating Balance Bunny as an idea and exploring the Fintech space, I had to talk to potential users and/or friends and think deeply about whether there was really a need for this. The general idea is that when youâre building something new, donât just do something everyone agrees is a good idea. You have to do something that seems like a bad idea to most people, but is actually a smart move. Applying these concepts to Balance Bunny, we didn't just follow a popular trend. Instead, we took an idea - a platform for financial management and personalized advice - that may have seemed unconventional. We val
13idated it not by general consensus but by seeing the potential that others might have overlooked. When I did an initial PMR sweep, for the first time, I wasnât looking for head nods. Rumor very quickly taught me (1) the value of simplicity + (2) the benefit of positive and negative feedback.","type":"text","marks":[{"type":"textStyle","attrs":{"color":""}}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"2. That actually need to be solved","type":"text","marks":[{"type":"textStyle","attrs":{"color":""}}]}]},{"type":"paragraph","content":[{"text":"One of my main tasks at Rumor is to manage fivepm, the brainchild of Rumor and LHBI. Fivepm offers around-the-clock presentation design for startups, VCs, and enterprises. A large part of my job here is to understand the needs of a client, communicate them to our team of ultra-talented designers, and work closely with both to coordinate the (often rush) delivery of a clean, opinionated, and pixel-perfect deck. Here, weâre figuring out what needs to be solved and driven through this deckâdoes our client need to raise funds, sell prodÂucts, exÂplain com
13Âplex ideas, or hire great peoÂple? Each deck tells a story, and my job is to make our storytelling experience as persuasive and strong as possible. The only way to do this is to ask our clients all the right questions and equip our designers with the tools and information needed to create really incredible, clean slides.","type":"text","marks":[{"type":"textStyle","attrs":{"color":""}}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"3. Deliver them as informally as possible, starting with a very crude version 1","type":"text","marks":[{"type":"textStyle","attrs":{"color":""}}]}]},{"type":"paragraph","content":[{"text":"When I started off as an intern, I was obsessed with taking all the time I could to perfect each task. Almost 1.5 years later, Iâve learned to not delay getting started, and let my V1 be as simple and barebones as possible. This might mean that our V1 is a scrappy Google Doc or a Notion page. Working at a studio often means being a part of several projects at once, and learning to move quickly (and sometimes, crudely) has helped me gain vast breadth + depth in experience. ","type":"text","marks":[{"type":"textStyle","attrs":{"color":""}}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"4. And then iterating rapidly","type":"text","marks":[{"type":"textStyle","attrs":{"color":""}}]}]},{"type":"paragraph","content":[{"text":"We often work rush timelines, and so moving quickly is key. This means I needed to gain the ability to ask for, understand and apply feedback frequently. To me, school has been a non-iterative experience: you study for an exam, write the final, and get a grade back. Then, you move on to your next year. And youâre done. At Rumor, Iâve learned to immerse myself in an iterative experience: thereâs always room for improvement and with a solid team like ours, the possibilities are endless.","type":"text","marks":[{"type":"textStyle","attrs":{"color":""}}]}]},{"type":"paragraph","content":[{"text":"My time at Rumor has helped me grow into a more experienced professional, but also a deeply empathetic human being. Iâve learned to identify with, appreciate, and relate to clients from vastly different industries, backgrounds, timelines, budgets, and needs. Most importantly, Iâm excited to continue building with our team of talented, kind, and empathetic people.","type":"text","marks":[{"type":"textStyle","attrs":{"color":""}}]}]}]},"publishedDate":"2023-06-07 11:11"},"slug":"intern-to-insider-aamyneh-s-journey-at-rumor","full_slug":"blog/intern-to-insider-aamyneh-s-journey-at-rumor","sort_by_date":null,"position":50,"tag_list":[],"is_startpage":false,"parent_id":328185005,"meta_data":null,"group_id":"aa3ce07e-b6e2-44e5-b731-9ac8be44f0d4","first_published_at":"2023-06-21T13:14:22.282Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null}],"cv":1790701330,"rels":[],"links":[]},"headers":{"content-type":"application/json; charset=utf-8","content-length":"73763","connection":"keep-alive","date":"Tue, 29 Sep 2026 17:30:55 GMT","server":"nginx/1.29.1","x-frame-options":"SAMEORIGIN","x-xss-protection":"0","x-content-type-options":"nosniff","x-permitted-cross-domain-policies":"none","referrer-policy":"strict-origin-when-cross-origin","cache-control":"max-age=0, public, s-maxage=604800, stale-if-error=3600","total":"14","per-page":"25","etag":"W/\"e5ec9b2d3983d85d4ae2bea5237584b7\"","sb-be-version":"5.976.0","x-request-id":"98bc7244-4042-4c9a-bd0b-c1322628d07e","x-runtime":"0.069996","vary":"Origin","x-cache":"Hit from cloudfront","via":"1.1 cdde60990b0b117cb5626dabd6b537d2.cloudfront.net (CloudFront)","x-amz-cf-pop":"IAD55-P6","x-amz-cf-id":"ObBHMqMWf_BuhAJunUHZaj1bDVGk-LChleU5Lu9OwPAecJmFGvBbfA==","age":"545714"},"perPage":25,"total":14},"page":{"data":{"story":{"name":"blog","created_at":"2023-06-21T06:29:02.351Z","published_at":"2024-02-16T16:42:01.717Z","updated_at":"2024-02-16T16:42:01.741Z","id":328187145,"uuid":"9e27856a-250e-47a4-9dc9-00e445dd55d2","content":{"seo":"","_uid":"8f724b09-f651-4d25-a177-501a237d38b9","body":[{"_uid":"e39bd2b6-0fe6-42cf-802a-8ec18f2ff85f","border":false,"height":"70","component":"spacer-v2","mobileOnly":true,"extraCompactOnMobile":false},{"_uid":"986b8b5b-67b2-4e19-98b5-ae5e66c5378e","fade":false,"mini":true,"image":"","shape":false,"content":[{"lg":"","md":"","sm":"","xl":"","_uid":"64114679-e1a7-46e2-9677-38a34aa812f2","body":[{"_uid":"00e8c92a-242f-4c16-afcb-d262db84d1cf","loop":false,"cover":{"id":null,"alt":null,"name":"","focus":null,"title":null,"source":null,"filename":"","copyright":null,"fieldtype":"asset","meta_data":{}},"media":{"id":10040357,"alt":"","name":"","focus":"","title":"","source":"","filename":"https://a.storyblok.com/f/66217/603x162/f65e959291/gossip-text.svg","copyright":"","fieldtype":"asset","meta_data":{},"is_external_url":false},"youtube":"","autoplay":false,"controls":false,"parallax":false,"component":"mediaV2","objectFitX":"","objectFitY":"","mobileMedia":{"id":null,"alt":null,"name":"","focus":null,"title":null,"source":null,"filename":"","copyright":null,"fieldtype":"asset","meta_data":{}},"playOnHover":false,"playOnScroll":false,"vimeoVideoId":"","showStartOver"
13:false}],"flip":false,"media":{"id":null,"alt":null,"name":"","focus":null,"title":null,"source":null,"filename":"","copyright":null,"fieldtype":"asset","meta_data":{}},"component":"contentSection","textAlign":"center","alignItems":"center","contentCol":"6","justifyContent":"center"}],"overlay":"0","rounded":false,"view_in":"","parallax":"","component":"banner","noAnimate":false,"shapColor":{"_uid":"a2f49277-fcb8-4ae9-b8ea-ebfd7ecad8fe","color":"#f40000","plugin":"native-color-picker"},"centerChildren":false,"backgroundColor":{"_uid":"c1564a66-711f-4277-a111-911326735231","color":"#000","plugin":"native-color-picker"},"background_size":"","background_position":""},{"_uid":"fcdf3d0a-e62f-47a5-9ad1-9093b700a543","border":false,"height":"80","component":"spacer-v2","mobileOnly":false,"extraCompactOnMobile":false},{"_uid":"f0cf2a93-c469-4b50-818d-08375d869bfe","component":"blogs"},{"_uid":"01700e5c-bd34-425d-b7ce-b436feced954","border":false,"height":"80","component":"spacer-v2","mobileOnly":false,"extraCompactOnMobile":false}],"fontsV2":false,"darkMode":true,"component":"page","opengraph":"","miniFooter":false,"lightHeader":false,"miniContainer":false,"additionalWork":[],"overlayedHeader":false},"slug":"blog","full_slug":"blog/","sort_by_date":null,"position":30,"tag_list":[],"is_startpage":true,"parent_id":328185005,"meta_data":null,"group_id":"fbe45948-050f-4756-9786-4d08bcf0daed","first_published_at":"2024-02-16T16:42:01.717Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},"cv":1790701330,"rels":[],"links":[]},"headers":{"content-type":"application/json; charset=utf-8","content-length":"3008","connection":"keep-alive","date":"Tue, 29 Sep 2026 17:30:55 GMT","server":"nginx/1.29.1","x-frame-options":"SAMEORIGIN","x-xss-protection":"0","x-content-type-options":"nosniff","x-permitted-cross-domain-policies":"none","referrer-policy":"strict-origin-when-cross-origin","cache-control":"max-age=0, public, s-maxage=604800, stale-if-error=3600","etag":"W/\"a552b2e40ee71f2444d47590f3985422\"","sb-be-version":"5.976.0","x-request-id":"2fea7ed3-1b96-4af0-8f43-aee1e5ae0d11","x-runtime":"0.028728","vary":"Origin","x-cache":"Hit from cloudfront","via":"1.1 a6cf90963f3d761a69185cafd3ede98e.cloudfront.net (CloudFront)","x-amz-cf-pop":"IAD55-P6","x-amz-cf-id":"OEZMdQbmdE7d_uxcxo8Yo_s30E5mywPoF6F_wu1w3d45LS0FnIKupQ==","age":"545714"},"perPage":0,"total":0}},"header":{"data":{"story":{"name":"header-v2","created_at":"2024-12-04T07:52:11.052Z","published_at":"2025-07-17T03:06:51.470Z","updated_at":"2025-07-17T03:06:51.527Z","id":589721049,"uuid":"726aaf34-da2e-4354-b1fc-fab771b3e8c7","content":{"bkp":[],"_uid":"1c4e25f9-2eaa-4500-a536-60cd8be800a6","links":[{"_uid":"ba174bdf-89bc-4237-914e-22348f9d1cff","link":{"id":"5dec9201-362f-4798-bc4e-0843b7094fa6","url":"","linktype":"story","fieldtype":"multilink","cached_url":"services"},"size":"lg","text":"Services","block":false,"solid":false,"target":"","variant":"text","component":"buttonV2","iconTrailing":""},{"_uid":"a4a20e5b-1eb3-4ea9-a366-1a1f2b8289fb","link":{"id":"9849fdb4-0a58-4e16-b705-ca875f4169d0","url":"","linktype":"story","fieldtype":"multilink","cached_url":"work/"},"size":"lg","text":"Portfolio","block":false,"solid":false,"target":"","variant":"text","component":"buttonV2","iconTrailing":""},{"_uid":"5a5ab571-b724-42bd-9aea-e336ecca5964","link":{"id":"fd56d7aa-70a6-4fdf-b1c8-ed4c2fcab719","url":"","linktype":"story","fieldtype":"multilink","cached_url":"careers/"},"size":"lg","text":"Careers","block":false,"solid":false,"target":"","variant":"text","component":"buttonV2","iconTrailing":""},{"_uid":"61443b9a-bfb0-431b-8cd6-ed4fd5f7b8ea","link":{"id":"da1aeb5b-803f-48c0-9c17-5683edfe2888","url":"","linktype":"story","fieldtype":"multilink","cached_url":"contact"},"size":"lg","text":"Get in Touch","block":false,"solid":false,"target":"","variant":"text","component":"buttonV2","iconTrailing":""}],"logoDark":{"id":6783159,"alt":"","name":"","focus":"","title":"","source":"","filename":"https://a.storyblok.com/f/66217/x/dc5faae89b/rumor-logo-dark.svg","copyright":"","fieldtype":"asset","meta_data":{},"is_external_url":false}
13,"component":"header-v2","logoLight":{"id":6783158,"alt":"","name":"","focus":"","title":"","source":"","filename":"https://a.storyblok.com/f/66217/x/fc6eccd2f0/rumor-logo-white.svg","copyright":"","fieldtype":"asset","meta_data":{},"is_external_url":false}},"slug":"header-v2","full_slug":"header-v2","sort_by_date":null,"position":-50,"tag_list":[],"is_startpage":false,"parent_id":null,"meta_data":null,"group_id":"5111e87e-d7ec-42f6-af22-9136e12ff6bd","first_published_at":"2024-12-04T08:08:18.306Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},"cv":1790701330,"rels":[],"links":[]},"headers":{"content-type":"application/json; charset=utf-8","content-length":"2392","connection":"keep-alive","date":"Tue, 29 Sep 2026 17:02:14 GMT","server":"nginx/1.29.1","x-frame-options":"SAMEORIGIN","x-xss-protection":"0","x-content-type-options":"nosniff","x-permitted-cross-domain-policies":"none","referrer-policy":"strict-origin-when-cross-origin","cache-control":"max-age=0, public, s-maxage=604800, stale-if-error=3600","etag":"W/\"ecb64124c483ad234ade43e31f671ded\"","sb-be-version":"5.976.0","x-request-id":"e74096da-98fb-41bf-81f1-fe5a908368cf","x-runtime":"0.027739","vary":"Origin","x-cache":"Hit from cloudfront","via":"1.1 f8513f043bb0905bbc74a0542f2b9082.cloudfront.net (CloudFront)","x-amz-cf-pop":"IAD55-P6","x-amz-cf-id":"Wumiia_sshtX-xbFTQp-hLFQzqVDtMzieEHz4kNq8JPcIAymXjSopw==","age":"539007"},"perPage":0,"total":0},"footer":{"data":{"story":{"name":"Footer v2","created_at":"2023-01-07T01:56:59.618Z","published_at":"2026-01-10T05:08:08.221Z","updated_at":"2026-01-10T05:08:08.231Z","id":243725977,"uuid":"ae330a34-190d-4c20-9ca6-a5f051beeb45","content":{"_uid":"8526e9f6-3c49-421f-b185-d0b9be1ae75d","body":[{"lg":"10","md":"10","sm":"12","xl":"8","_uid":"c01973a8-0794-4b62-83a7-1711b21aff85","body":[{"mb0":false,"_uid":"707dad91-40b5-4656-9292-f305f15e1c8a","text":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Stay on the radar","type":"text"}]}]},"type":{"_uid":"d31414b4-f7a2-47ee-83ed-4f1d104f57fb","color":null,"value":null,"plugin":"palette"},"align":"center","italics":false,"variant":"h1","ellipsis":false,"component":"textV2","underline":false,"alignMobile":"","alignTablet":""},{"_uid":"ac4ee69e-e451-4183-8570-6564d22e95de","link":{"id":"da1aeb5b-803f-48c0-9c17-5683edfe2888","url":"","linktype":"story","fieldtype":"multilink","cached_url":"contact"},"text":"Start a rumor","block":false,"solid":false,"target":"","variant":"","component":"buttonV2"}],"flip":false,"media":{"id":null,"alt":null,"name":"","focus":null,"title":null,"filename":"","copyright":null,"fieldtype":"asset"},"component":"contentSection","textAlign":"center","alignItems":"center","contentCol":"7","justifyContent":"center"}],"links":[{"_uid":"67f4fd71-88c2-4f91-9ea2-bf60433ec334","link":{"id":"5ed76ebe-f067-4e73-b3b9-6cad14ab33e0","url":"","linktype":"story","fieldtype":"multilink","cached_url":"raas/"},"size":"lg","text":"RAAS","block":false,"solid":false,"target":"","variant":"text","component":"buttonV2","iconTrailing":""},{"_uid":"f11093a2-64d2-4b22-86b8-d13dc1755ec7","link":{"id":"5dec9201-362f-4798-bc4e-0843b7094fa6","url":"","linktype":"story","fieldtype":"multilink","cached_url":"services"},"text":"Services","block":false,"solid":false,"target":"","variant":"text","component":"buttonV2"},{"_uid":"444615be-0e05-4b9d-b394-0cca5ce27c66","link":{"id":"fd56d7aa-70a6-4fdf-b1c8-ed4c2fcab719","url":"","linktype":"story","fieldtype":"multilink","cached_url":"careers/"},"text":"Careers","block":false,"solid":false,"target":"","variant":"text","component":"buttonV2"},{"_uid":"c1051159-f69c-435d-9463-3af0c0044ee7","link":{"id":"9e27856a-250e-47a4-9dc9-00e445dd55d2","url":"","linktype":"story","fieldtype":"multilink","cached_url":"blog/"},"size":"lg","text":"Gossip","block":false,"solid":false,"target":"","variant":"text","component":"buttonV2","iconTrailing":""},{"_uid":"5cf66a46-5c9d-493f-88bf-f95fdc8f0186","link":{"id":"da1aeb5b-803f-48c0-9c17-5683edfe2888","url":"","linktype":"story","fieldtype":"multilink","cached_url":"contact"},"text":"Get in touch","block":false,"solid":false,"target":"","variant":"text","component":"buttonV2"}
13],"component":"footer-v2","preFooter":[],"leftColumn":[{"_uid":"1c049826-f51e-4ee1-8652-827b9540f233","body":[{"_uid":"cce68260-72a5-4d3b-a8c7-a7a6daa10ca8","body":[{"mb0":true,"_uid":"7716205f-879f-4909-b6c9-9cf588089806","text":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Vancouver","type":"text"}]}]},"type":{"_uid":"4bd8ab67-6f72-4113-8ac4-4566bce08526","color":"#00E7FF","value":"secondary","plugin":"palette"},"align":"","italics":false,"variant":"body1","ellipsis":false,"component":"textV2","underline":false,"fontWeight":"","alignMobile":"","alignTablet":""},{"_uid":"d0938133-f56e-43f8-aa76-1c2a242b9ea7","border":false,"height":"20","component":"spacer-v2","mobileOnly":false,"extraCompactOnMobile":false},{"_uid":"510b75c9-9907-422d-a4ed-19ccfcab2161","latLng":"49.26038,-123.11336","timezone":"GMT+10","component":"weatherAndTime","utcOffset":"-7"},{"_uid":"9694ab17-5137-4aa3-9b1e-7e397d39934f","border":false,"height":"60","component":"spacer-v2","mobileOnly":true,"extraCompactOnMobile":false}],"component":"group","alignContent":"center"},{"_uid":"2c206e8e-7183-4ac1-8f31-124eb0b1232e","body":[{"mb0":true,"_uid":"cd2921e7-8aff-4530-8e21-17131eca699f","text":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Los Angeles","type":"text","marks":[{"type":"styled","attrs":{"class":""}}]}]}]},"type":{"_uid":"4bd8ab67-6f72-4113-8ac4-4566bce08526","color":"#00E7FF","value":"secondary","plugin":"palette"},"align":"","italics":false,"variant":"body1","ellipsis":false,"component":"textV2","underline":false,"alignMobile":"","alignTablet":""},{"_uid":"6eb49657-ad6a-49cf-a5e2-be8829f371ee","border":false,"height":"20","component":"spacer-v2","mobileOnly":false,"extraCompactOnMobile":false},{"_uid":"19af69a4-b6c1-4c73-b0d1-5400f197dc22","latLng":"34.05349,-118.24532","component":"weatherAndTime","utcOffset":"-7"},{"_uid":"ef1d51f9-172e-4d0e-a07c-c0f9e165633b","border":false,"height":"60","component":"spacer-v2","mobileOnly":true,"extraCompactOnMobile":false}],"component":"group","alignContent":"center"},{"_uid":"a0f98fb6-2a0e-4b46-ab1c-75ef7d290ec0","body":[{"mb0":true,"_uid":"5086ad85-fc21-46d7-9b9c-96651e5c4e0d","text":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Mohali","type":"text"}]}]},"type":{"_uid":"4bd8ab67-6f72-4113-8ac4-4566bce08526","color":"#00E7FF","value":"secondary","plugin":"palette"},"align":"","italics":false,"variant":"body1","ellipsis":false,"component":"textV2","underline":false,"alignMobile":"","alignTablet":""},{"_uid":"8ab038ab-cf47-4705-a24d-9e95bf83971f","border":false,"height":"20","component":"spacer-v2","mobileOnly":false,"extraCompactOnMobile":false},{"_uid":"3f098b78-b857-4469-bb98-dd953ab8332d","latLng":"30.70133,76.69045","timezone":"GMT+0530","component":"weatherAndTime","utcOffset":"5.5"},{"_uid":"9b74c92a-880c-4583-b300-5349d255d98e","border":false,"height":"60","component":"spacer-v2","mobileOnly":true,"extraCompactOnMobile":false}],"component":"group","alignContent":"center"}],"component":"grid-v2","gutterSize":"64"}
13],"postFooter":[{"_uid":"72d3ad03-c556-499d-bb2f-1ac252504d6c","border":false,"height":"50","component":"spacer-v2","mobileOnly":false,"extraCompactOnMobile":false}],"rightColumn":[{"_uid":"e63934e5-4fa3-4fe6-9e82-01cb497d160e","link":{"id":"","url":"https://www.linkedin.com/company/rumor-avenue/","linktype":"url","fieldtype":"multilink","cached_url":"https://www.linkedin.com/company/rumor-avenue/"},"size":"","text":"Check us out on LinkedIn","block":false,"solid":false,"target":"_blank","variant":"text","component":"buttonV2","iconTrailing":""}],"additionalLinks":[{"_uid":"41adc3c1-c13f-4c53-9ae6-002d3b3bda3a","link":{"id":"","url":"","linktype":"story","fieldtype":"multilink","cached_url":""},"size":"lg","text":"© 2026 Rumor Avenue","block":false,"solid":false,"target":"","variant":"text-secondary","component":"buttonV2","iconTrailing":""},{"_uid":"55da15c2-3e8b-4f29-843e-b86ac89f67b7","link":{"id":"c8316b3f-069c-4264-93c3-cf93a62d5a51","url":"","linktype":"story","fieldtype":"multilink","cached_url":"privacy-policy"},"size":"lg","text":"Privacy Policy","block":false,"solid":false,"target":"","variant":"text-secondary","component":"buttonV2","iconTrailing":""}]},"slug":"footer-v2","full_slug":"footer-v2","sort_by_date":null,"position":130,"tag_list":[],"is_startpage":false,"parent_id":0,"meta_data":null,"group_id":"b21ce6f6-25ff-47b4-8eac-adb81ca63a8e","first_published_at":"2023-01-07T01:57:10.294Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},"cv":1790701330,"rels":[],"links":[]},"headers":{"content-type":"application/json; charset=utf-8","content-length":"7361","connection":"keep-alive","date":"Tue, 29 Sep 2026 17:02:14 GMT","server":"nginx/1.29.1","x-frame-options":"SAMEORIGIN","x-xss-protection":"0","x-content-type-options":"nosniff","x-permitted-cross-domain-policies":"none","referrer-policy":"strict-origin-when-cross-origin","cache-control":"max-age=0, public, s-maxage=604800, stale-if-error=3600","etag":"W/\"81e156b5d81f5df948e029c4b306ed57\"","sb-be-version":"5.976.0","x-request-id":"99e6858d-a854-40e2-8f57-a6222faedcda","x-runtime":"0.030870","vary":"Origin","x-cache":"Hit from cloudfront","via":"1.1 4182a074185cd4c9b91519add9c7edf6.cloudfront.net (CloudFront)","x-amz-cf-pop":"IAD55-P6","x-amz-cf-id":"251bOZlokQUUJZT8SPQwpCOyxGCKzz0SYfhRpWvyP8A-52ITqRcaGQ==","age":"539007"},"perPage":0,"total":0},"page404":{"data":{"story":{"name":"404","created_at":"2019-09-17T05:52:38.066Z","published_at":"2023-02-14T00:57:46.953Z","updated_at":"2023-02-14T00:57:46.969Z","id":2506403,"uuid":"7c00d3b0-7dd9-4ed1-a306-e726cbe0e481","content":{"seo":{"_uid":"e81e026c-dcc7-4a2f-90d3-55e5ac7dd131","title":"404 - Not Found","plugin":"meta-fields","description":"The page you are looking for does not exist."},"_uid":"c4e61730-5c5f-4117-9833-8993c55263bb","body":[{"_uid":"ff6916c2-9ffc-4a01-8ab7-988446fb99d9","border":false,"height":"200","component":"spacer-v2","mobileOnly":false,"extraCompactOnMobile":false},{"top":"","_uid":"cbfbccec-272d-4132-81cb-301c8b80b903","grid":false,"Lottie":"","bgSize":"","bottom":"","Padding":"","bgColor":{"_uid":"9d705f21-b018-40d1-a03b-d64b066ad3b6","color":"","plugin":"official-colorpicker"},"bgImage":"","columns":[{"_uid":"5226f04e-62b3-4542-8ed9-74dfae1b5601","card":false,"hide":"","width":"","column":{"_uid":"211d42b1-165c-4957-a312-cf6816863208","large":"","small":"","medium":"","plugin":"example_plugin","xlarge":"","xsmall":"12"},"content":[{"mb0":false,"_uid":"c29a4a36-022e-4a61-92cb-7b1638e5c5c3","text":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"404","type":"text"}]}]},"type":{"_uid":"70719e4a-ad47-4433-9477-9bafd77fc3ce","color":null,"value":null,"plugin":"palette"},"align":"center","italics":false,"variant":"h1","ellipsis":false,"component":"textV2","underline":false,"alignMobile":"","alignTablet":""},{"_uid":"6de1874a-531c-4ed5-a0d6-75b3a9efd77c","text":"The page you are looking for does not exist.","type":"","align":"text-center","color":{"_uid":"9b99afb9-f133-4c9f-a464-1bf06e5fc687","color":"#666666","plugin":"official-colorpicker"},"text2":{"_uid":"f148035e-87db-4e15-9875-0ab64b9b80ed","plugin":"wysiwyg-tinymce","content":""},"component":"text"}],"alignment":"","component":"column","noAnimate":false,"card_masonry":false,"hideOnDevice":"","justifyCenter":false,"hideAboveBelow":"","verticalCenter":true}],"overlay":false,"rounded":false,"noGutter":false,"bg_repeat":"","component":"grid","container":false,"marginTop":"","noAnimate":false,"textColor":{"_uid":"217a44c9-9017-4866-b93a-a7c93497e056","color":"","plugin":"official-colorpicker"},"fullHeight":false,"no_gutters":false,"centerContent":true,"overlay_color":{"_uid":"e88d501a-95c9-46e3-b904-df9a9e130304","color":"#f40000","plugin":"native-color-picker"},"overlay_opacity":"","columnAlignments":"","noAnimateChildren":false,"horizontalGapInChildren":false}
13],"fontsV2":false,"darkMode":true,"component":"page","opengraph":"//a.storyblok.com/f/66217/1200x630/9a504e9c8c/og-home.jpg","miniFooter":false,"lightHeader":false,"miniContainer":false,"additionalWork":[],"overlayedHeader":false},"slug":"page-404","full_slug":"page-404","sort_by_date":null,"position":250,"tag_list":[],"is_startpage":false,"parent_id":0,"meta_data":null,"group_id":"07b5b11e-d805-49fb-99dd-c96576a65ece","first_published_at":"2019-08-19T06:25:35.066Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null},"cv":1790701330,"rels":[],"links":[]},"headers":{"content-type":"application/json; charset=utf-8","content-length":"3101","connection":"keep-alive","date":"Tue, 29 Sep 2026 17:02:14 GMT","server":"nginx/1.29.1","x-frame-options":"SAMEORIGIN","x-xss-protection":"0","x-content-type-options":"nosniff","x-permitted-cross-domain-policies":"none","referrer-policy":"strict-origin-when-cross-origin","cache-control":"max-age=0, public, s-maxage=604800, stale-if-error=3600","etag":"W/\"f5a909428d250ea4137d8fe04ff6ec2c\"","sb-be-version":"5.976.0","x-request-id":"2ac76419-3325-464e-97ce-2896322a1933","x-runtime":"0.023458","vary":"Origin","x-cache":"Hit from cloudfront","via":"1.1 4fc8673a211db56277b05b91a8f98872.cloudfront.net (CloudFront)","x-amz-cf-pop":"IAD55-P6","x-amz-cf-id":"dkprOuQ6ezmi1kufVCXxrA0JaZ2b7c2rbVrfXh-33EFMqxo9ZE67WA==","age":"539007"},"perPage":0,"total":0}},"page":"/blog","query":{},"buildId":"57zaH_6pwTtZaUMr2p6GX","isFallback":false,"gip":true,"appGip":true,"scriptLoader":[]}</script>
13<div id="modal-root"></div>
vendor: 142 bytes, line 13
13<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="1394ec702260ffe80de2afe2-|49" defer></script>
13<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"6bf966246cba40f69101776cdeb67fb3","r":1,"spa":2}' crossorigin="anonymous"></script>
13 14</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.