Skip to content

Instantly share code, notes, and snippets.

@jthomassie
Created February 25, 2024 18:20
Show Gist options
  • Save jthomassie/eee30b31700b5b4f3513505ac0a7e757 to your computer and use it in GitHub Desktop.
Save jthomassie/eee30b31700b5b4f3513505ac0a7e757 to your computer and use it in GitHub Desktop.
grantee map snippet
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><link rel="stylesheet" href="https://projects.data-visual.net/firelight/_next/static/css/ed46f39d8c96a53f.css" crossorigin="" data-precedence="next" /><link rel="stylesheet" href="https://projects.data-visual.net/firelight/_next/static/css/494038633ee55e22.css" crossorigin="" data-precedence="next" /><link rel="preload" as="script" fetchPriority="low" href="https://projects.data-visual.net/firelight/_next/static/chunks/webpack-776a2fc15c7d2004.js" crossorigin="" /><script src="https://projects.data-visual.net/firelight/_next/static/chunks/fd9d1056-278f759219ca9de7.js" async="" crossorigin="" ></script><script src="https://projects.data-visual.net/firelight/_next/static/chunks/69-1d2561e4e151cf08.js" async="" crossorigin="" ></script><script src="https://projects.data-visual.net/firelight/_next/static/chunks/main-app-b938a3bd9f777a1e.js" async="" crossorigin="" ></script><script src="https://projects.data-visual.net/firelight/_next/static/chunks/e37a0b60-f215fdc0700fdd9b.js" async="" ></script><script src="https://projects.data-visual.net/firelight/_next/static/chunks/524-65139c431fcece61.js" async="" ></script><script src="https://projects.data-visual.net/firelight/_next/static/chunks/app/map/page-78673cdafbc9537a.js" async="" ></script><script src="https://projects.data-visual.net/firelight/_next/static/chunks/app/layout-3a9c5d91c1ae3e90.js" async="" ></script><script src="https://projects.data-visual.net/firelight/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js" crossorigin="" nomodule="" ></script></head><body><div class="container-fluid p-0 m-0"><div class="row g-0"><div class="col-12 col-md-8">data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING" ></template><div class="map-container map-bkgd m-0 p-0"><p class="ms-4 mt-4">Loading map data...</p></div></div><div class="col-12 col-md-4"><div class="ui-col border px-3"><div class="row g-3"><div class="col-12 mt-4"><div class="d-grid mt-1"><button type="button" class="btn btn-primary" disabled="">Reset filters </button></div><hr /></div><div class="col-12 m-0"><div class="row g-0 text-start"><div class="col-6 col-md-12 p-0 m-0"><h6 class="bolder mb-1">CBO grantee-partner status</h6><div class="d-flex align-items-start gap-4 mt-1 mb-3 mt-md-0 mb-md-3" ><div class="form-check m-0"><input class="form-check-input" type="checkbox" id="cbx1" readonly="" checked="" /><label class="form-check-label" for="cbx1" >Current</label ></div><div class="form-check m-0"><input class="form-check-input" type="checkbox" id="cbx2" readonly="" checked="" /><label class="form-check-label" for="cbx2" >Former</label ></div></div></div><div class="col-6 col-md-12 p-0 m-0"><h6 class="bolder mb-1">CBO grantee-partner type</h6><div class="d-flex align-items-start gap-4 mt-1 mb-3 mt-md-0 mb-md-0" ><div class="form-check m-0"><input class="form-check-input" type="checkbox" id="cbx3" readonly="" checked="" /><label class="form-check-label" for="cbx3" >Grantee</label ></div><div class="form-check m-0"><input class="form-check-input" type="checkbox" id="cbx4" readonly="" checked="" /><label class="form-check-label" for="cbx4" >Sub-grantee</label ></div></div></div><hr /></div><div class="d-grid gap-2"><div class="col-12 p-0 m-0"><h6 class="bolder">Countries</h6></div><style data-emotion="css d7ojh1">.css-d7ojh1{ display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; min-width: 0; padding: 0; margin: 0; border: 0; vertical-align: top; min-width: 100%;} .css-d7ojh1 .MuiSvgIcon-root{ fill: #fff;} .css-d7ojh1 .MuiSelect-select{ padding: 3px 14px;} .css-d7ojh1 .MuiOutlinedInput-notchedOutline{ border: none !important;} .css-d7ojh1 .MuiButtonBase-root-MuiMenuItem-root{ padding: 0 !important;} </style><div class="MuiFormControl-root css-d7ojh1"><style data-emotion="css-global 1prfaxn">@-webkit-keyframes mui-auto-fill{ from{ display: block;}} @keyframes mui-auto-fill{ from{ display: block;}} @-webkit-keyframes mui-auto-fill-cancel{ from{ display: block;}} @keyframes mui-auto-fill-cancel{ from{ display: block;}}</style ><style data-emotion="css hgiks">.css-hgiks{ font-family: Futura, "Helvetica Neue", Arial, sans-serif; font-weight: 400; font-size: 1.0714285714285714rem; line-height: 1.4375em; color: rgba(0, 0, 0, 0.87); box-sizing: border-box; position: relative; cursor: text; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border-radius: 4px;} .css-hgiks.Mui-disabled{ color: rgba(0, 0, 0, 0.38); cursor: default;} .css-hgiks:hover .MuiOutlinedInput-notchedOutline{ border-color: rgba(0, 0, 0, 0.87);} @media (hover: none){ .css-hgiks:hover .MuiOutlinedInput-notchedOutline{ border-color: rgba(0, 0, 0, 0.23);}} .css-hgiks.Mui-focused .MuiOutlinedInput-notchedOutline{ border-color: #a63f1e; border-width: 2px;} .css-hgiks.Mui-error .MuiOutlinedInput-notchedOutline{ border-color: #d32f2f;} .css-hgiks.Mui-disabled .MuiOutlinedInput-notchedOutline{ border-color: rgba(0, 0, 0, 0.26);} </style><div style=" color: #fff; background-color: var(--orange); padding: 0.3rem 0.7rem 0.3rem 0.2rem !important; margin: 0 0 0.3rem 0; font-weight: 500; " class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-sizeSmall css-hgiks" ><style data-emotion="css 1o6z5ng">.css-1o6z5ng{ font: inherit; letter-spacing: inherit; color: currentColor; padding: 4px 0 5px; border: 0; box-sizing: content-box; background: none; height: 1.4375em; margin: 0; -webkit-tap-highlight-color: transparent; display: block; min-width: 0; width: 100%; -webkit-animation-name: mui-auto-fill-cancel; animation-name: mui-auto-fill-cancel; -webkit-animation-duration: 10ms; animation-duration: 10ms; padding-top: 1px; padding: 8.5px 14px;} .css-1o6z5ng::-webkit-input-placeholder{ color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;} .css-1o6z5ng::-moz-placeholder{ color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;} .css-1o6z5ng:-ms-input-placeholder{ color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;} .css-1o6z5ng::-ms-input-placeholder{ color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;} .css-1o6z5ng:focus{ outline: 0;} .css-1o6z5ng:invalid{ box-shadow: none;} .css-1o6z5ng::-webkit-search-decoration{ -webkit-appearance: none;} label[data-shrink="false"] + .MuiInputBase-formControl .css-1o6z5ng::-webkit-input-placeholder{ opacity: 0 !important;} label[data-shrink="false"] + .MuiInputBase-formControl .css-1o6z5ng::-moz-placeholder{ opacity: 0 !important;} label[data-shrink="false"] + .MuiInputBase-formControl .css-1o6z5ng:-ms-input-placeholder{ opacity: 0 !important;} label[data-shrink="false"] + .MuiInputBase-formControl .css-1o6z5ng::-ms-input-placeholder{ opacity: 0 !important;} label[data-shrink="false"] + .MuiInputBase-formControl .css-1o6z5ng:focus::-webkit-input-placeholder{ opacity: 0.42;} label[data-shrink="false"] + .MuiInputBase-formControl .css-1o6z5ng:focus::-moz-placeholder{ opacity: 0.42;} label[data-shrink="false"] + .MuiInputBase-formControl .css-1o6z5ng:focus:-ms-input-placeholder{ opacity: 0.42;} label[data-shrink="false"] + .MuiInputBase-formControl .css-1o6z5ng:focus::-ms-input-placeholder{ opacity: 0.42;} .css-1o6z5ng.Mui-disabled{ opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38);} .css-1o6z5ng:-webkit-autofill{ -webkit-animation-duration: 5000s; animation-duration: 5000s; -webkit-animation-name: mui-auto-fill; animation-name: mui-auto-fill;} .css-1o6z5ng:-webkit-autofill{ border-radius: inherit;}</style ><style data-emotion="css 182didf">.css-182didf{ -moz-appearance: none; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px; cursor: pointer; font: inherit; letter-spacing: inherit; color: currentColor; padding: 4px 0 5px; border: 0; box-sizing: content-box; background: none; height: 1.4375em; margin: 0; -webkit-tap-highlight-color: transparent; display: block; min-width: 0; width: 100%; -webkit-animation-name: mui-auto-fill-cancel; animation-name: mui-auto-fill-cancel; -webkit-animation-duration: 10ms; animation-duration: 10ms; padding-top: 1px; padding: 8.5px 14px;} .css-182didf:focus{ border-radius: 4px;} .css-182didf::-ms-expand{ display: none;} .css-182didf.Mui-disabled{ cursor: default;} .css-182didf[multiple]{ height: auto;} .css-182didf:not([multiple]) option, .css-182didf:not([multiple]) optgroup{ background-color: #fff;} .css-182didf.css-182didf.css-182didf{ padding-right: 32px;} .css-182didf.MuiSelect-select{ height: auto; min-height: 1.4375em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .css-182didf::-webkit-input-placeholder{ color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;} .css-182didf::-moz-placeholder{ color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;} .css-182didf:-ms-input-placeholder{ color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;} .css-182didf::-ms-input-placeholder{ color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;} .css-182didf:focus{ outline: 0;} .css-182didf:invalid{ box-shadow: none;} .css-182didf::-webkit-search-decoration{ -webkit-appearance: none;} label[data-shrink="false"] + .MuiInputBase-formControl .css-182didf::-webkit-input-placeholder{ opacity: 0 !important;} label[data-shrink="false"] + .MuiInputBase-formControl .css-182didf::-moz-placeholder{ opacity: 0 !important;} label[data-shrink="false"] + .MuiInputBase-formControl .css-182didf:-ms-input-placeholder{ opacity: 0 !important;} label[data-shrink="false"] + .MuiInputBase-formControl .css-182didf::-ms-input-placeholder{ opacity: 0 !important;} label[data-shrink="false"] + .MuiInputBase-formControl .css-182didf:focus::-webkit-input-placeholder{ opacity: 0.42;} label[data-shrink="false"] + .MuiInputBase-formControl .css-182didf:focus::-moz-placeholder{ opacity: 0.42;} label[data-shrink="false"] + .MuiInputBase-formControl .css-182didf:focus:-ms-input-placeholder{ opacity: 0.42;} label[data-shrink="false"] + .MuiInputBase-formControl .css-182didf:focus::-ms-input-placeholder{ opacity: 0.42;} .css-182didf.Mui-disabled{ opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38);} .css-182didf:-webkit-autofill{ -webkit-animation-duration: 5000s; animation-duration: 5000s; -webkit-animation-name: mui-auto-fill; animation-name: mui-auto-fill;} .css-182didf:-webkit-autofill{ border-radius: inherit;} </style><div tabindex="0" role="combobox" aria-controls=":R4lalannla:" aria-expanded="false" aria-haspopup="listbox" aria-labelledby="CountrySelect CountrySelect" id="CountrySelect" class="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-182didf" >All </div><style data-emotion="css 1k3x8v3">.css-1k3x8v3{ bottom: 0; left: 0; position: absolute; opacity: 0; pointer-events: none; width: 100%; box-sizing: border-box;}</style ><input aria-invalid="false" aria-hidden="true" tabindex="-1" class="MuiSelect-nativeInput css-1k3x8v3" value="" /><style data-emotion="css bi4s6q">.css-bi4s6q{ position: absolute; right: 7px; top: calc(50% - 0.5em); pointer-events: none; color: rgba(0, 0, 0, 0.54);} .css-bi4s6q.Mui-disabled{ color: rgba(0, 0, 0, 0.26);}</style ><style data-emotion="css ae82v0">.css-ae82v0{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 1em; height: 1em; display: inline-block; fill: currentColor; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-size: 1.6071428571428572rem; position: absolute; right: 7px; top: calc(50% - 0.5em); pointer-events: none; color: rgba(0, 0, 0, 0.54);} .css-ae82v0.Mui-disabled{ color: rgba(0, 0, 0, 0.26);}</style ><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined css-ae82v0" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ArrowDropDownIcon" ><path d="M7 10l5 5 5-5z"></path></svg ><style data-emotion="css 19w1uun">.css-19w1uun{ border-color: rgba(0, 0, 0, 0.23);}</style ><style data-emotion="css igs3ac">.css-igs3ac{ text-align: left; position: absolute; bottom: 0; right: 0; top: -5px; left: 0; margin: 0; padding: 0 8px; pointer-events: none; border-radius: inherit; border-style: solid; border-width: 1px; overflow: hidden; min-width: 0%; border-color: rgba(0, 0, 0, 0.23);} </style><fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline css-igs3ac" ><style data-emotion="css ihdtdm">.css-ihdtdm{ float: unset; width: auto; overflow: hidden; padding: 0; line-height: 11px; -webkit-transition: width 150ms cubic-bezier(0, 0, 0.2, 1) 0ms; transition: width 150ms cubic-bezier(0, 0, 0.2, 1) 0ms;} </style><legend class="css-ihdtdm"><span class="notranslate">​</span></legend></fieldset></div></div></div><hr /></div></div></div></div></div></div><script src="https://projects.data-visual.net/firelight/_next/static/chunks/webpack-776a2fc15c7d2004.js" crossorigin="" async="" ></script><script>(self.__next_f=self.__next_f || []).push([0]); self.__next_f.push([2, null]); </script><script>self.__next_f.push([ 1, '1:HL["https://projects.data-visual.net/firelight/_next/static/css/ed46f39d8c96a53f.css","style",{"crossOrigin":""}]\n2:HL["https://projects.data-visual.net/firelight/_next/static/css/494038633ee55e22.css","style",{"crossOrigin":""}]\n0:"$L3"\n', ]); </script><script>self.__next_f.push([ 1, '4:I[7690,[],""]\n6:I[7831,[],""]\n7:I[4312,["389","static/chunks/e37a0b60-f215fdc0700fdd9b.js","524","static/chunks/524-65139c431fcece61.js","883","static/chunks/app/map/page-78673cdafbc9537a.js"],""]\n8:I[5613,[],""]\n9:I[1778,[],""]\na:I[8422,["185","static/chunks/app/layout-3a9c5d91c1ae3e90.js"],""]\nd:I[8955,[],""]\nb:{}\ne:[]\n', ]); </script><script>self.__next_f.push([ 1, '3:[[["$","link","0",{"rel":"stylesheet","href":"https://projects.data-visual.net/firelight/_next/static/css/ed46f39d8c96a53f.css","precedence":"next","crossOrigin":""}],["$","link","1",{"rel":"stylesheet","href":"https://projects.data-visual.net/firelight/_next/static/css/494038633ee55e22.css","precedence":"next","crossOrigin":""}]],["$","$L4",null,{"buildId":"9of22mVryR3ugEMCTGQgv","assetPrefix":"https://projects.data-visual.net/firelight","initialCanonicalUrl":"/map/","initialTree":["",{"children":["map",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],"initialSeedData":["",{"children":["map",{"children":["__PAGE__",{},["$L5",["$","$L6",null,{"propsForComponent":{"params":{}},"Component":"$7","isStaticGeneration":true}],null]]},["$","$L8",null,{"parallelRouterKey":"children","segmentPath":["children","map","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}]]},[null,["$","$La",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif,\\"Apple Color Emoji\\",\\"Segoe UI Emoji\\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}],"params":"$b"}],null]],"initialHead":[false,"$Lc"],"globalErrorComponent":"$d","missingSlots":"$We"}]]\n', ]); </script><script>self.__next_f.push([ 1, 'c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}]]\n5:null\n', ]); </script><script>self.__next_f.push([1, ""]); </script></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment