Add map
@ -14,10 +14,12 @@
|
||||
\headcommand {\beamer@framepages {22}{22}}
|
||||
\headcommand {\slideentry {0}{0}{8}{23/23}{}{0}}
|
||||
\headcommand {\beamer@framepages {23}{23}}
|
||||
\headcommand {\slideentry {0}{0}{9}{24/29}{}{0}}
|
||||
\headcommand {\beamer@framepages {24}{29}}
|
||||
\headcommand {\beamer@partpages {1}{29}}
|
||||
\headcommand {\beamer@subsectionpages {1}{29}}
|
||||
\headcommand {\beamer@sectionpages {1}{29}}
|
||||
\headcommand {\beamer@documentpages {29}}
|
||||
\headcommand {\gdef \inserttotalframenumber {9}}
|
||||
\headcommand {\slideentry {0}{0}{9}{24/24}{}{0}}
|
||||
\headcommand {\beamer@framepages {24}{24}}
|
||||
\headcommand {\slideentry {0}{0}{10}{25/30}{}{0}}
|
||||
\headcommand {\beamer@framepages {25}{30}}
|
||||
\headcommand {\beamer@partpages {1}{30}}
|
||||
\headcommand {\beamer@subsectionpages {1}{30}}
|
||||
\headcommand {\beamer@sectionpages {1}{30}}
|
||||
\headcommand {\beamer@documentpages {30}}
|
||||
\headcommand {\gdef \inserttotalframenumber {10}}
|
||||
|
||||
@ -65,6 +65,20 @@ A number of challenges emerged for population estimates in Wyoming.
|
||||
\huge
|
||||
Trends and Background
|
||||
\end{frame}
|
||||
\begin{frame}{Location}
|
||||
\begin{columns}
|
||||
\begin{column}{0.6\textwidth}
|
||||
\includegraphics[width=\textwidth]{Wyoming-map.png}
|
||||
\end{column}
|
||||
\begin{column}{0.4\textwidth}
|
||||
|
||||
\includegraphics[width=\textwidth]{Kemmerer_Map.png}
|
||||
\end{column}
|
||||
\end{columns}
|
||||
|
||||
|
||||
\end{frame}
|
||||
|
||||
\begin{frame}[plain]
|
||||
\includegraphics[width=\textwidth]{Population_Historic_Plot.png}
|
||||
\end{frame}
|
||||
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
@ -0,0 +1,4 @@
|
||||
.Autocomplete{position:relative}.Autocomplete .resetButton,.Autocomplete .searchButton{height:100%;position:absolute;right:0;top:0}.Autocomplete .resetButton{right:35px}.Autocomplete .searchButton[disabled]{opacity:.7}
|
||||
:root{--100vh: 100vh;--100svh: 100svh;--global-nav-height: 55px;--red-400: #f87171;--red-200: #fecaca;--orange-400: #fb923c;--orange-200: #fed7aa;--blue-400: #60a5fa;--blue-200: #bfdbfe;--blue-100: #bfd1ff;--lime-400: #a3e635;--lime-200: #d9f99d;--purple-400: #c084fc;--purple-200: #e9d5ff;--yellow-400: #facc15;--yellow-200: #fef08a;--emerald-400: #34d399;--emerald-200: #a7f3d0;--sky-50: #ecfeff;--sky-200: #bae6fd;--orange-tih: #EB5E00;--black-tih: #0D0D0D;--tan-light-tih: #F5F4ED;--gray-100-tih: #D8D7D5;--gray-600-tih: #7C7874;--gray-700-tih: #5A5651}:root{--100vh: 100vh;--100svh: 100svh;--global-nav-height: 55px;--red-400: #f87171;--red-200: #fecaca;--orange-400: #fb923c;--orange-200: #fed7aa;--blue-400: #60a5fa;--blue-200: #bfdbfe;--blue-100: #bfd1ff;--lime-400: #a3e635;--lime-200: #d9f99d;--purple-400: #c084fc;--purple-200: #e9d5ff;--yellow-400: #facc15;--yellow-200: #fef08a;--emerald-400: #34d399;--emerald-200: #a7f3d0;--sky-50: #ecfeff;--sky-200: #bae6fd;--orange-tih: #EB5E00;--black-tih: #0D0D0D;--tan-light-tih: #F5F4ED;--gray-100-tih: #D8D7D5;--gray-600-tih: #7C7874;--gray-700-tih: #5A5651}.SearchAndBrowseFlyout{height:calc(100vh - 55px);top:55px;z-index:99999;display:grid;grid-template-areas:"searchContainer" "linkContainer";grid-template-rows:min-content 1fr}@media(max-width: 671.98px){.SearchAndBrowseFlyout{height:calc(100vh - 55px);top:55px}}.SearchAndBrowseFlyout .searchContainer{grid-area:searchContainer;border-bottom:1px solid var(--navy)}.SearchAndBrowseFlyout .linkContainer{grid-area:linkContainer;overflow-x:hidden;overflow-y:auto;padding-bottom:100px;-webkit-overflow-scrolling:touch}.SearchAndBrowseFlyout .linkContainer::-webkit-scrollbar{width:5px}.SearchAndBrowseFlyout .linkContainer::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.3)}@media(max-width: 671.98px){.SearchAndBrowseFlyout .featureLinks{columns:2}}.SearchAndBrowseFlyout .featureContainer{border-bottom:1px solid var(--navy)}.searchContainer .ui-autocomplete--list-visible{border:1px solid var(--gray-500);border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
|
||||
|
||||
/*# sourceMappingURL=380.06e77751.css.map*/
|
||||
@ -0,0 +1,9 @@
|
||||
:root{--100vh: 100vh;--100svh: 100svh;--global-nav-height: 55px;--red-400: #f87171;--red-200: #fecaca;--orange-400: #fb923c;--orange-200: #fed7aa;--blue-400: #60a5fa;--blue-200: #bfdbfe;--blue-100: #bfd1ff;--lime-400: #a3e635;--lime-200: #d9f99d;--purple-400: #c084fc;--purple-200: #e9d5ff;--yellow-400: #facc15;--yellow-200: #fef08a;--emerald-400: #34d399;--emerald-200: #a7f3d0;--sky-50: #ecfeff;--sky-200: #bae6fd;--orange-tih: #EB5E00;--black-tih: #0D0D0D;--tan-light-tih: #F5F4ED;--gray-100-tih: #D8D7D5;--gray-600-tih: #7C7874;--gray-700-tih: #5A5651}.eb-mo-caption-panel{overflow-x:hidden;overflow-y:auto}.eb-mo-caption-panel .eb-mo-caption-credit a{color:var(--white);text-decoration:underline}.eb-mo-caption-panel .eb-mo-caption-credit-url{word-break:break-all}.eb-mo-caption-panel .eb-mo-citation-toggle-btn,.eb-mo-caption-panel .em-mo-caption-more-btn{color:var(--blue-100)}.eb-mo-caption-panel .em-mo-caption-more-btn{color:var(--blue-100);vertical-align:baseline;background-color:var(--gray-900)}@media(hover: hover){.eb-mo-caption-panel .em-mo-caption-more-btn:hover{background-color:var(--gray-900)}}.eb-mo-caption-panel .em-mo-caption-more-btn:focus{background-color:var(--gray-900)}@media(min-width: 960px){.eb-mo-caption-panel .em-mo-caption-more-btn{background-color:var(--gray-800)}}@media(min-width: 960px)and (hover: hover){.eb-mo-caption-panel .em-mo-caption-more-btn:hover{background-color:var(--gray-800)}}@media(min-width: 960px){.eb-mo-caption-panel .em-mo-caption-more-btn:focus{background-color:var(--gray-800)}}
|
||||
.eb-mo-thumbnail{object-fit:cover}
|
||||
:root{--100vh: 100vh;--100svh: 100svh;--global-nav-height: 55px;--red-400: #f87171;--red-200: #fecaca;--orange-400: #fb923c;--orange-200: #fed7aa;--blue-400: #60a5fa;--blue-200: #bfdbfe;--blue-100: #bfd1ff;--lime-400: #a3e635;--lime-200: #d9f99d;--purple-400: #c084fc;--purple-200: #e9d5ff;--yellow-400: #facc15;--yellow-200: #fef08a;--emerald-400: #34d399;--emerald-200: #a7f3d0;--sky-50: #ecfeff;--sky-200: #bae6fd;--orange-tih: #EB5E00;--black-tih: #0D0D0D;--tan-light-tih: #F5F4ED;--gray-100-tih: #D8D7D5;--gray-600-tih: #7C7874;--gray-700-tih: #5A5651}.eb-mo-gallery{display:flex;flex-wrap:wrap;gap:.5rem}@media(hover: hover){.eb-mo-gallery .eb-mo-thumbnail:hover{border:2px solid var(--gray-700)}}.eb-mo-gallery .eb-mo-link-selected .eb-mo-thumbnail{border:3px solid var(--yellow)}
|
||||
:root{--100vh: 100vh;--100svh: 100svh;--global-nav-height: 55px;--red-400: #f87171;--red-200: #fecaca;--orange-400: #fb923c;--orange-200: #fed7aa;--blue-400: #60a5fa;--blue-200: #bfdbfe;--blue-100: #bfd1ff;--lime-400: #a3e635;--lime-200: #d9f99d;--purple-400: #c084fc;--purple-200: #e9d5ff;--yellow-400: #facc15;--yellow-200: #fef08a;--emerald-400: #34d399;--emerald-200: #a7f3d0;--sky-50: #ecfeff;--sky-200: #bae6fd;--orange-tih: #EB5E00;--black-tih: #0D0D0D;--tan-light-tih: #F5F4ED;--gray-100-tih: #D8D7D5;--gray-600-tih: #7C7874;--gray-700-tih: #5A5651}:root{--100vh: 100vh;--100svh: 100svh;--global-nav-height: 55px;--red-400: #f87171;--red-200: #fecaca;--orange-400: #fb923c;--orange-200: #fed7aa;--blue-400: #60a5fa;--blue-200: #bfdbfe;--blue-100: #bfd1ff;--lime-400: #a3e635;--lime-200: #d9f99d;--purple-400: #c084fc;--purple-200: #e9d5ff;--yellow-400: #facc15;--yellow-200: #fef08a;--emerald-400: #34d399;--emerald-200: #a7f3d0;--sky-50: #ecfeff;--sky-200: #bae6fd;--orange-tih: #EB5E00;--black-tih: #0D0D0D;--tan-light-tih: #F5F4ED;--gray-100-tih: #D8D7D5;--gray-600-tih: #7C7874;--gray-700-tih: #5A5651}.eb-mo-left-rail .grid{flex-wrap:nowrap}.eb-mo-left-rail-toggle-btn{border-width:2px}@media(hover: hover){.eb-mo-left-rail-toggle-btn:hover::after{align-items:center;background-color:var(--black);border-radius:var(--border-radius-sm);content:attr(aria-label);color:var(--white);display:flex;font-size:.75rem;justify-content:center;padding:.5rem;position:absolute;transform:translate(80px, 0);width:max-content;z-index:var(--zindex-tooltip)}}.eb-mo-left-rail-toggle-btn.close-btn{right:-20px}.eb-mo-left-rail{border-width:2px;width:380px}.eb-mo-left-rail-gallery{--thumb-color: var(--gray-900);--track-color: color-mix(in srgb, var(--gray-900), transparent 75%);--track-width: 5px;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--thumb-color) var(--track-color);scrollbar-width:thin}.eb-mo-left-rail-gallery::-webkit-scrollbar{background-color:var(--track-color);width:var(--track-width)}.eb-mo-left-rail-gallery::-webkit-scrollbar-thumb{background-color:var(--thumb-color);border-radius:var(--track-width)}.eb-mo-left-rail-gallery{border-top:1px solid var(--black);max-height:100%;overflow-x:hidden;overflow-y:auto}.eb-mo-left-rail-ad{border-top:1px solid var(--black);max-height:285px;max-width:380px;overflow:hidden}
|
||||
:root{--100vh: 100vh;--100svh: 100svh;--global-nav-height: 55px;--red-400: #f87171;--red-200: #fecaca;--orange-400: #fb923c;--orange-200: #fed7aa;--blue-400: #60a5fa;--blue-200: #bfdbfe;--blue-100: #bfd1ff;--lime-400: #a3e635;--lime-200: #d9f99d;--purple-400: #c084fc;--purple-200: #e9d5ff;--yellow-400: #facc15;--yellow-200: #fef08a;--emerald-400: #34d399;--emerald-200: #a7f3d0;--sky-50: #ecfeff;--sky-200: #bae6fd;--orange-tih: #EB5E00;--black-tih: #0D0D0D;--tan-light-tih: #F5F4ED;--gray-100-tih: #D8D7D5;--gray-600-tih: #7C7874;--gray-700-tih: #5A5651}.eb-mo-viewer-image-zoomed-in .eb-mo-default-image{cursor:grab}.eb-mo-default-image{height:100vh}.eb-mo-default-image img{object-fit:contain}.eb-mo-default-infogram{overflow-x:hidden;overflow-y:auto}.eb-mo-default-infogram iframe{background-color:var(--white);max-height:400px;height:100% !important;width:100% !important}@media(min-width: 672px){.eb-mo-default-infogram iframe{max-height:500px}}@media(min-width: 960px){.eb-mo-default-infogram iframe{max-height:550px}}@media(min-width: 1400px){.eb-mo-default-infogram iframe{max-height:750px}}.eb-mo-default-interactive iframe{aspect-ratio:1.33;background-color:var(--white);max-height:-webkit-fill-available}.eb-mo-default-video .eb-default-video-ad-btn{border-bottom:3px solid var(--white)}
|
||||
:root{--100vh: 100vh;--100svh: 100svh;--global-nav-height: 55px;--red-400: #f87171;--red-200: #fecaca;--orange-400: #fb923c;--orange-200: #fed7aa;--blue-400: #60a5fa;--blue-200: #bfdbfe;--blue-100: #bfd1ff;--lime-400: #a3e635;--lime-200: #d9f99d;--purple-400: #c084fc;--purple-200: #e9d5ff;--yellow-400: #facc15;--yellow-200: #fef08a;--emerald-400: #34d399;--emerald-200: #a7f3d0;--sky-50: #ecfeff;--sky-200: #bae6fd;--orange-tih: #EB5E00;--black-tih: #0D0D0D;--tan-light-tih: #F5F4ED;--gray-100-tih: #D8D7D5;--gray-600-tih: #7C7874;--gray-700-tih: #5A5651}:root{--100vh: 100vh;--100svh: 100svh;--global-nav-height: 55px;--red-400: #f87171;--red-200: #fecaca;--orange-400: #fb923c;--orange-200: #fed7aa;--blue-400: #60a5fa;--blue-200: #bfdbfe;--blue-100: #bfd1ff;--lime-400: #a3e635;--lime-200: #d9f99d;--purple-400: #c084fc;--purple-200: #e9d5ff;--yellow-400: #facc15;--yellow-200: #fef08a;--emerald-400: #34d399;--emerald-200: #a7f3d0;--sky-50: #ecfeff;--sky-200: #bae6fd;--orange-tih: #EB5E00;--black-tih: #0D0D0D;--tan-light-tih: #F5F4ED;--gray-100-tih: #D8D7D5;--gray-600-tih: #7C7874;--gray-700-tih: #5A5651}.eb-mo-viewer{border:2px solid var(--black);overflow-y:hidden}@media print{.eb-mo-viewer.border{border:0}}.eb-mo-viewer .eb-mo-zoom-controllers{top:120px}@media(max-width: 959.98px){.eb-mo-viewer{border-radius:var(--border-radius-lg)}}.eb-mo-viewer.eb-mo-viewer-not-image .react-transform-wrapper,.eb-mo-viewer.eb-mo-viewer-not-image .react-transform-component{width:100% !important}.eb-mo-viewer.eb-mo-viewer-Infographic .react-transform-wrapper,.eb-mo-viewer.eb-mo-viewer-Infographic .react-transform-component,.eb-mo-viewer.eb-mo-viewer-Interactive .react-transform-wrapper,.eb-mo-viewer.eb-mo-viewer-Interactive .react-transform-component{height:100% !important}.eb-mo-viewer .eb-mo-media{outline:none;overflow:hidden}.eb-mo-viewer .eb-mo-media .react-transform-wrapper,.eb-mo-viewer .eb-mo-media .react-transform-component{overflow:initial !important}@media(min-width: 960px){.eb-mo-viewer .eb-mo-image-controllers{flex-direction:column}}@media(hover: hover){.eb-mo-viewer .eb-mo-zoom-in-btn:hover::after{align-items:center;background-color:var(--black);border-radius:var(--border-radius-sm);content:attr(aria-label);color:var(--white);display:flex;font-size:.75rem;justify-content:center;padding:.5rem;position:absolute;transform:translate(-60px, 0);width:max-content;z-index:var(--zindex-tooltip)}}@media(hover: hover){.eb-mo-viewer .eb-mo-zoom-out-btn:hover::after{align-items:center;background-color:var(--black);border-radius:var(--border-radius-sm);content:attr(aria-label);color:var(--white);display:flex;font-size:.75rem;justify-content:center;padding:.5rem;position:absolute;transform:translate(-65px, 0);width:max-content;z-index:var(--zindex-tooltip)}}@media(hover: hover){.eb-mo-viewer .eb-mo-zoom-reset-btn:hover::after{align-items:center;background-color:var(--black);border-radius:var(--border-radius-sm);content:attr(aria-label);color:var(--white);display:flex;font-size:.75rem;justify-content:center;padding:.5rem;position:absolute;transform:translate(-71px, 0);width:max-content;z-index:var(--zindex-tooltip)}}@media(hover: hover){.eb-mo-viewer .eb-mo-print-btn:hover::after{align-items:center;background-color:var(--black);border-radius:var(--border-radius-sm);content:attr(aria-label);color:var(--white);display:flex;font-size:.75rem;justify-content:center;padding:.5rem;position:absolute;transform:translate(-50px, 0);width:max-content;z-index:var(--zindex-tooltip)}}@media(hover: hover){.eb-mo-viewer .eb-mo-view-full-size-btn:hover::after{align-items:center;background-color:var(--black);border-radius:var(--border-radius-sm);content:attr(aria-label);color:var(--white);display:flex;font-size:.75rem;justify-content:center;padding:.5rem;position:absolute;transform:translate(-78px, 0);width:max-content;z-index:var(--zindex-tooltip)}}.eb-mo-viewer .eb-mo-mobile-gallery-back-btn{color:var(--blue-100)}.eb-mo-viewer .eb-mo-mobile-gallery{max-height:100%;overflow-y:auto}
|
||||
:root{--100vh: 100vh;--100svh: 100svh;--global-nav-height: 55px;--red-400: #f87171;--red-200: #fecaca;--orange-400: #fb923c;--orange-200: #fed7aa;--blue-400: #60a5fa;--blue-200: #bfdbfe;--blue-100: #bfd1ff;--lime-400: #a3e635;--lime-200: #d9f99d;--purple-400: #c084fc;--purple-200: #e9d5ff;--yellow-400: #facc15;--yellow-200: #fef08a;--emerald-400: #34d399;--emerald-200: #a7f3d0;--sky-50: #ecfeff;--sky-200: #bae6fd;--orange-tih: #EB5E00;--black-tih: #0D0D0D;--tan-light-tih: #F5F4ED;--gray-100-tih: #D8D7D5;--gray-600-tih: #7C7874;--gray-700-tih: #5A5651}.eb-media-overlay{bottom:0;left:0;overflow:hidden;padding:2px;position:fixed;right:0;top:0;z-index:100000;height:100%;width:100%}
|
||||
|
||||
/*# sourceMappingURL=7400.97140d28.css.map*/
|
||||
@ -0,0 +1,3 @@
|
||||
.Autocomplete{position:relative}.Autocomplete .resetButton,.Autocomplete .searchButton{height:100%;position:absolute;right:0;top:0}.Autocomplete .resetButton{right:35px}.Autocomplete .searchButton[disabled]{opacity:.7}
|
||||
|
||||
/*# sourceMappingURL=9434.f2acc0d9.css.map*/
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 9.8 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 1014 B |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 834 B |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 115 KiB |
|
After Width: | Height: | Size: 9.3 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 81 KiB |
|
After Width: | Height: | Size: 415 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 81 KiB |
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 519 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 37 KiB |
@ -0,0 +1,4 @@
|
||||
(( ) => {
|
||||
const d = new Date(Date.now() + 30000);
|
||||
document.cookie = `__adblocker=false; expires=${d.toUTCString()}; path=/`;
|
||||
})();
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 11 KiB |
@ -0,0 +1,586 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Which State Is Bigger?</title>
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
background-color: #f3f4f6;
|
||||
min-height: 100vh;
|
||||
padding: 2rem 1rem;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 850px;
|
||||
max-height: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.widget {
|
||||
width: 100%;
|
||||
max-width: 850px;
|
||||
height: 100%;
|
||||
max-height: 600px;
|
||||
background-color: #6b46c1;
|
||||
color: #ffffff;
|
||||
border-radius: 0.5rem;
|
||||
border: 1px solid #6b46c1;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.header {
|
||||
text-align: center;
|
||||
padding: 1.5rem 0;
|
||||
border-bottom: 1px solid #553c9a;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
color: #ffffff;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
display: flex;
|
||||
height: calc(675px - 120px);
|
||||
}
|
||||
|
||||
.left-panel {
|
||||
width: 33.333%;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
display: block;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.select-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.select {
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
background-color: white;
|
||||
color: black;
|
||||
border: 1px solid white;
|
||||
border-radius: 0.375rem;
|
||||
padding: 0 1rem;
|
||||
font-size: 1rem;
|
||||
appearance: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.select:focus {
|
||||
outline: none;
|
||||
ring: 2px solid #c4b5fd;
|
||||
}
|
||||
|
||||
.select:disabled {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.select-arrow {
|
||||
position: absolute;
|
||||
right: 1rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
pointer-events: none;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.compare-button {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
color: black;
|
||||
font-weight: 600;
|
||||
padding: 0.75rem 1.5rem;
|
||||
border-radius: 0.375rem;
|
||||
border: none;
|
||||
font-size: 1.125rem;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.compare-button:hover:not(:disabled) {
|
||||
background-color: #f3f4f6;
|
||||
}
|
||||
|
||||
.compare-button:disabled {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.disclaimer {
|
||||
background-color: rgba(139, 92, 246, 0.5);
|
||||
border-radius: 0.5rem;
|
||||
padding: 0.75rem;
|
||||
border: 1px solid #7c3aed;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.disclaimer-text {
|
||||
font-size: 0.875rem;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.right-panel {
|
||||
width: 66.667%;
|
||||
max-height: 500px;
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.results-container {
|
||||
height: 100%;
|
||||
max-height: 500px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.states-grid {
|
||||
flex: 1;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.state-card {
|
||||
background-color: white;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: 100%;
|
||||
max-height: 600px;
|
||||
}
|
||||
|
||||
.state-image-container {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 300px;
|
||||
}
|
||||
|
||||
.state-image {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.state-info {
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
.state-name {
|
||||
font-weight: bold;
|
||||
font-size: 1.125rem;
|
||||
color: black;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.state-size {
|
||||
font-size: 0.875rem;
|
||||
color: #374151;
|
||||
}
|
||||
|
||||
.comparison-summary {
|
||||
text-align: center;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 0.5rem;
|
||||
padding: 0.75rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.comparison-text {
|
||||
font-weight: bold;
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.initial-state {
|
||||
height: 100%;
|
||||
max-height: 600px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.initial-content {
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.usa-silhouette {
|
||||
max-width: 100%;
|
||||
max-height: 320px;
|
||||
object-fit: contain;
|
||||
margin: 0 auto 1rem;
|
||||
}
|
||||
|
||||
.initial-text {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="widget">
|
||||
<!-- Header -->
|
||||
<div class="header">
|
||||
<div class="title">Which State Is Bigger?</div>
|
||||
<p class="subtitle">Pick any two states to compare their sizes.</p>
|
||||
</div>
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="main-content">
|
||||
<!-- Left Panel - Controls -->
|
||||
<div class="left-panel">
|
||||
<div class="form-group">
|
||||
<label for="state1-select" class="form-label">State 1</label>
|
||||
<div class="select-wrapper">
|
||||
<select id="state1-select" class="select">
|
||||
<option value="" selected="selected">Select a state</option>
|
||||
<option value="Alabama">Alabama</option><option value="Alaska">Alaska</option><option value="Arizona">Arizona</option><option value="Arkansas">Arkansas</option><option value="California">California</option><option value="Colorado">Colorado</option><option value="Connecticut">Connecticut</option><option value="Delaware">Delaware</option><option value="Florida">Florida</option><option value="Georgia">Georgia</option><option value="Hawaii">Hawaii</option><option value="Idaho">Idaho</option><option value="Illinois">Illinois</option><option value="Indiana">Indiana</option><option value="Iowa">Iowa</option><option value="Kansas">Kansas</option><option value="Kentucky">Kentucky</option><option value="Louisiana">Louisiana</option><option value="Maine">Maine</option><option value="Maryland">Maryland</option><option value="Massachusetts">Massachusetts</option><option value="Michigan">Michigan</option><option value="Minnesota">Minnesota</option><option value="Mississippi">Mississippi</option><option value="Missouri">Missouri</option><option value="Montana">Montana</option><option value="Nebraska">Nebraska</option><option value="Nevada">Nevada</option><option value="New Hampshire">New Hampshire</option><option value="New Jersey">New Jersey</option><option value="New Mexico">New Mexico</option><option value="New York">New York</option><option value="North Carolina">North Carolina</option><option value="North Dakota">North Dakota</option><option value="Ohio">Ohio</option><option value="Oklahoma">Oklahoma</option><option value="Oregon">Oregon</option><option value="Pennsylvania">Pennsylvania</option><option value="Rhode Island">Rhode Island</option><option value="South Carolina">South Carolina</option><option value="South Dakota">South Dakota</option><option value="Tennessee">Tennessee</option><option value="Texas">Texas</option><option value="Utah">Utah</option><option value="Vermont">Vermont</option><option value="Virginia">Virginia</option><option value="Washington">Washington</option><option value="West Virginia">West Virginia</option><option value="Wisconsin">Wisconsin</option><option value="Wyoming">Wyoming</option></select>
|
||||
<span class="select-arrow">▼</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="state2-select" class="form-label">State 2</label>
|
||||
<div class="select-wrapper">
|
||||
<select id="state2-select" class="select">
|
||||
<option value="" selected="selected">Select a state</option>
|
||||
<option value="Alabama">Alabama</option><option value="Alaska">Alaska</option><option value="Arizona">Arizona</option><option value="Arkansas">Arkansas</option><option value="California">California</option><option value="Colorado">Colorado</option><option value="Connecticut">Connecticut</option><option value="Delaware">Delaware</option><option value="Florida">Florida</option><option value="Georgia">Georgia</option><option value="Hawaii">Hawaii</option><option value="Idaho">Idaho</option><option value="Illinois">Illinois</option><option value="Indiana">Indiana</option><option value="Iowa">Iowa</option><option value="Kansas">Kansas</option><option value="Kentucky">Kentucky</option><option value="Louisiana">Louisiana</option><option value="Maine">Maine</option><option value="Maryland">Maryland</option><option value="Massachusetts">Massachusetts</option><option value="Michigan">Michigan</option><option value="Minnesota">Minnesota</option><option value="Mississippi">Mississippi</option><option value="Missouri">Missouri</option><option value="Montana">Montana</option><option value="Nebraska">Nebraska</option><option value="Nevada">Nevada</option><option value="New Hampshire">New Hampshire</option><option value="New Jersey">New Jersey</option><option value="New Mexico">New Mexico</option><option value="New York">New York</option><option value="North Carolina">North Carolina</option><option value="North Dakota">North Dakota</option><option value="Ohio">Ohio</option><option value="Oklahoma">Oklahoma</option><option value="Oregon">Oregon</option><option value="Pennsylvania">Pennsylvania</option><option value="Rhode Island">Rhode Island</option><option value="South Carolina">South Carolina</option><option value="South Dakota">South Dakota</option><option value="Tennessee">Tennessee</option><option value="Texas">Texas</option><option value="Utah">Utah</option><option value="Vermont">Vermont</option><option value="Virginia">Virginia</option><option value="Washington">Washington</option><option value="West Virginia">West Virginia</option><option value="Wisconsin">Wisconsin</option><option value="Wyoming">Wyoming</option></select>
|
||||
<span class="select-arrow">▼</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button id="compare-button" class="compare-button" disabled="disabled">
|
||||
Compare States
|
||||
</button>
|
||||
|
||||
<div class="disclaimer">
|
||||
<p class="disclaimer-text">Note: State illustrations are not to scale.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Panel - Results -->
|
||||
<div class="right-panel">
|
||||
<div id="initial-state" class="initial-state">
|
||||
<div class="initial-content">
|
||||
<div>
|
||||
<img src="default_data/usa-silhouette.webp" alt="United States Silhouette" class="usa-silhouette">
|
||||
</div>
|
||||
<p class="initial-text">Select two states to see their size comparison.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="results-container" class="results-container hidden">
|
||||
<div class="states-grid">
|
||||
<div class="state-card">
|
||||
<div class="state-image-container">
|
||||
<img id="state1-image" class="state-image" src="default_data/placeholder.svg" alt="">
|
||||
</div>
|
||||
<div class="state-info">
|
||||
<h3 id="state1-name" class="state-name"></h3>
|
||||
<p id="state1-size" class="state-size"></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="state-card">
|
||||
<div class="state-image-container">
|
||||
<img id="state2-image" class="state-image" src="default_data/placeholder.svg" alt="">
|
||||
</div>
|
||||
<div class="state-info">
|
||||
<h3 id="state2-name" class="state-name"></h3>
|
||||
<p id="state2-size" class="state-size"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="comparison-summary">
|
||||
<p id="comparison-text" class="comparison-text"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// State data with square miles and SVG file paths
|
||||
const stateData = {
|
||||
Alabama: { size: 52420, svg: "assets/states/alabama.svg" },
|
||||
Alaska: { size: 665384, svg: "assets/states/alaska.svg" },
|
||||
Arizona: { size: 113990, svg: "assets/states/arizona.svg" },
|
||||
Arkansas: { size: 53179, svg: "assets/states/arkansas.svg" },
|
||||
California: { size: 163695, svg: "assets/states/california.svg" },
|
||||
Colorado: { size: 104094, svg: "assets/states/colorado.svg" },
|
||||
Connecticut: { size: 5543, svg: "assets/states/connecticut.svg" },
|
||||
Delaware: { size: 2489, svg: "assets/states/delaware.svg" },
|
||||
Florida: { size: 65758, svg: "assets/states/florida.svg" },
|
||||
Georgia: { size: 59425, svg: "assets/states/georgia.svg" },
|
||||
Hawaii: { size: 10932, svg: "assets/states/hawaii.svg" },
|
||||
Idaho: { size: 83569, svg: "assets/states/idaho.svg" },
|
||||
Illinois: { size: 57914, svg: "assets/states/illinois.svg" },
|
||||
Indiana: { size: 36420, svg: "assets/states/indiana.svg" },
|
||||
Iowa: { size: 56273, svg: "assets/states/iowa.svg" },
|
||||
Kansas: { size: 82278, svg: "assets/states/kansas.svg" },
|
||||
Kentucky: { size: 40408, svg: "assets/states/kentucky.svg" },
|
||||
Louisiana: { size: 52378, svg: "assets/states/louisiana.svg" },
|
||||
Maine: { size: 35380, svg: "assets/states/maine.svg" },
|
||||
Maryland: { size: 12406, svg: "assets/states/maryland.svg" },
|
||||
Massachusetts: { size: 10554, svg: "assets/states/massachusetts.svg" },
|
||||
Michigan: { size: 96714, svg: "assets/states/michigan.svg" },
|
||||
Minnesota: { size: 86936, svg: "assets/states/minnesota.svg" },
|
||||
Mississippi: { size: 48432, svg: "assets/states/mississippi.svg" },
|
||||
Missouri: { size: 69707, svg: "assets/states/missouri.svg" },
|
||||
Montana: { size: 147040, svg: "assets/states/montana.svg" },
|
||||
Nebraska: { size: 77348, svg: "assets/states/nebraska.svg" },
|
||||
Nevada: { size: 110572, svg: "assets/states/nevada.svg" },
|
||||
"New Hampshire": { size: 9349, svg: "assets/states/new_hampshire.svg" },
|
||||
"New Jersey": { size: 8723, svg: "assets/states/new_jersey.svg" },
|
||||
"New Mexico": { size: 121590, svg: "assets/states/new_mexico.svg" },
|
||||
"New York": { size: 54555, svg: "assets/states/new_york.svg" },
|
||||
"North Carolina": { size: 53819, svg: "assets/states/north_carolina.svg" },
|
||||
"North Dakota": { size: 70698, svg: "assets/north_dakota.svg" },
|
||||
Ohio: { size: 44826, svg: "assets/states/ohio.svg" },
|
||||
Oklahoma: { size: 69899, svg: "assets/states/oklahoma.svg" },
|
||||
Oregon: { size: 98379, svg: "assets/states/oregon.svg" },
|
||||
Pennsylvania: { size: 46054, svg: "assets/states/pennsylvania.svg" },
|
||||
"Rhode Island": { size: 1545, svg: "assets/states/rhode_island.svg" },
|
||||
"South Carolina": { size: 32020, svg: "assets/states/south_carolina.svg" },
|
||||
"South Dakota": { size: 77116, svg: "assets/south_dakota.svg" },
|
||||
Tennessee: { size: 42144, svg: "assets/states/tennessee.svg" },
|
||||
Texas: { size: 268596, svg: "assets/states/texas.svg" },
|
||||
Utah: { size: 84897, svg: "assets/states/utah.svg" },
|
||||
Vermont: { size: 9616, svg: "assets/states/vermont.svg" },
|
||||
Virginia: { size: 42775, svg: "assets/states/virginia.svg" },
|
||||
Washington: { size: 71298, svg: "assets/states/washington.svg" },
|
||||
"West Virginia": { size: 24230, svg: "assets/states/west_virginia.svg" },
|
||||
Wisconsin: { size: 65496, svg: "assets/states/wisconsin.svg" },
|
||||
Wyoming: { size: 97813, svg: "assets/states/wyoming.svg" }
|
||||
};
|
||||
|
||||
const stateNames = Object.keys(stateData).sort();
|
||||
let comparisonResult = null;
|
||||
|
||||
// Initialize dropdowns
|
||||
function initializeDropdowns() {
|
||||
const state1Select = document.getElementById('state1-select');
|
||||
const state2Select = document.getElementById('state2-select');
|
||||
|
||||
stateNames.forEach(state => {
|
||||
const option1 = document.createElement('option');
|
||||
option1.value = state;
|
||||
option1.textContent = state;
|
||||
state1Select.appendChild(option1);
|
||||
|
||||
const option2 = document.createElement('option');
|
||||
option2.value = state;
|
||||
option2.textContent = state;
|
||||
state2Select.appendChild(option2);
|
||||
});
|
||||
}
|
||||
|
||||
// Update available options
|
||||
function updateAvailableOptions() {
|
||||
const state1Select = document.getElementById('state1-select');
|
||||
const state2Select = document.getElementById('state2-select');
|
||||
const state1Value = state1Select.value;
|
||||
const state2Value = state2Select.value;
|
||||
|
||||
// Update state2 options
|
||||
Array.from(state2Select.options).forEach(option => {
|
||||
if (option.value === '') return;
|
||||
option.disabled = option.value === state1Value;
|
||||
});
|
||||
|
||||
// Update state1 options
|
||||
Array.from(state1Select.options).forEach(option => {
|
||||
if (option.value === '') return;
|
||||
option.disabled = option.value === state2Value;
|
||||
});
|
||||
|
||||
updateCompareButton();
|
||||
}
|
||||
|
||||
// Update compare button state
|
||||
function updateCompareButton() {
|
||||
const state1Select = document.getElementById('state1-select');
|
||||
const state2Select = document.getElementById('state2-select');
|
||||
const compareButton = document.getElementById('compare-button');
|
||||
|
||||
const canCompare = state1Select.value && state2Select.value &&
|
||||
state1Select.value !== state2Select.value;
|
||||
compareButton.disabled = !canCompare;
|
||||
}
|
||||
|
||||
// Format number with commas
|
||||
function formatNumber(num) {
|
||||
return num.toLocaleString();
|
||||
}
|
||||
|
||||
// Get state plural form
|
||||
function getStatePlural(stateName) {
|
||||
if (stateName.endsWith('s')) {
|
||||
return stateName;
|
||||
}
|
||||
return stateName + 's';
|
||||
}
|
||||
|
||||
// Calculate scaled size for display
|
||||
function calculateScaledSize(stateSize, largerSize, isLarger) {
|
||||
const maxDisplaySize = 260;
|
||||
|
||||
if (isLarger) {
|
||||
return maxDisplaySize;
|
||||
} else {
|
||||
const ratio = stateSize / largerSize;
|
||||
return Math.max(maxDisplaySize * ratio, 50);
|
||||
}
|
||||
}
|
||||
|
||||
// Perform comparison
|
||||
function performComparison() {
|
||||
const state1Select = document.getElementById('state1-select');
|
||||
const state2Select = document.getElementById('state2-select');
|
||||
|
||||
const firstState = state1Select.value;
|
||||
const secondState = state2Select.value;
|
||||
|
||||
if (!firstState || !secondState || firstState === secondState) return;
|
||||
|
||||
const size1 = stateData[firstState].size;
|
||||
const size2 = stateData[secondState].size;
|
||||
|
||||
let larger, smaller, largerSize, smallerSize;
|
||||
|
||||
if (size1 > size2) {
|
||||
larger = firstState;
|
||||
smaller = secondState;
|
||||
largerSize = size1;
|
||||
smallerSize = size2;
|
||||
} else {
|
||||
larger = secondState;
|
||||
smaller = firstState;
|
||||
largerSize = size2;
|
||||
smallerSize = size1;
|
||||
}
|
||||
|
||||
const ratio = Math.round(largerSize / smallerSize);
|
||||
|
||||
comparisonResult = {
|
||||
larger,
|
||||
smaller,
|
||||
ratio,
|
||||
largerSize,
|
||||
smallerSize,
|
||||
firstState,
|
||||
secondState,
|
||||
firstStateSize: size1,
|
||||
secondStateSize: size2
|
||||
};
|
||||
|
||||
displayResults();
|
||||
}
|
||||
|
||||
// Display results
|
||||
function displayResults() {
|
||||
if (!comparisonResult) return;
|
||||
|
||||
// Hide initial state, show results
|
||||
document.getElementById('initial-state').classList.add('hidden');
|
||||
document.getElementById('results-container').classList.remove('hidden');
|
||||
|
||||
// Update first state
|
||||
const state1Image = document.getElementById('state1-image');
|
||||
const state1Name = document.getElementById('state1-name');
|
||||
const state1Size = document.getElementById('state1-size');
|
||||
|
||||
const firstStateSize = calculateScaledSize(
|
||||
comparisonResult.firstStateSize,
|
||||
comparisonResult.largerSize,
|
||||
comparisonResult.firstState === comparisonResult.larger
|
||||
);
|
||||
|
||||
state1Image.src = stateData[comparisonResult.firstState].svg;
|
||||
state1Image.alt = comparisonResult.firstState;
|
||||
state1Image.style.width = firstStateSize + 'px';
|
||||
state1Image.style.height = firstStateSize + 'px';
|
||||
state1Name.textContent = comparisonResult.firstState;
|
||||
state1Size.textContent = formatNumber(comparisonResult.firstStateSize) + ' square miles';
|
||||
|
||||
// Update second state
|
||||
const state2Image = document.getElementById('state2-image');
|
||||
const state2Name = document.getElementById('state2-name');
|
||||
const state2Size = document.getElementById('state2-size');
|
||||
|
||||
const secondStateSize = calculateScaledSize(
|
||||
comparisonResult.secondStateSize,
|
||||
comparisonResult.largerSize,
|
||||
comparisonResult.secondState === comparisonResult.larger
|
||||
);
|
||||
|
||||
state2Image.src = stateData[comparisonResult.secondState].svg;
|
||||
state2Image.alt = comparisonResult.secondState;
|
||||
state2Image.style.width = secondStateSize + 'px';
|
||||
state2Image.style.height = secondStateSize + 'px';
|
||||
state2Name.textContent = comparisonResult.secondState;
|
||||
state2Size.textContent = formatNumber(comparisonResult.secondStateSize) + ' square miles';
|
||||
|
||||
// Update comparison text
|
||||
const comparisonText = document.getElementById('comparison-text');
|
||||
|
||||
if (comparisonResult.ratio < 2) {
|
||||
comparisonText.textContent = `${comparisonResult.larger} is slightly bigger than ${comparisonResult.smaller}.`;
|
||||
} else {
|
||||
comparisonText.textContent = `${comparisonResult.larger} is about ${comparisonResult.ratio} times bigger than ${comparisonResult.smaller}!`;
|
||||
}
|
||||
}
|
||||
|
||||
// Event listeners
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
initializeDropdowns();
|
||||
|
||||
document.getElementById('state1-select').addEventListener('change', updateAvailableOptions);
|
||||
document.getElementById('state2-select').addEventListener('change', updateAvailableOptions);
|
||||
document.getElementById('compare-button').addEventListener('click', performComparison);
|
||||
});
|
||||
</script>
|
||||
<script defer="defer" src="vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{"rayId":"9cc7f9c95ff0e763","serverTiming":{"name":{"cfExtPri":true,"cfEdge":true,"cfOrigin":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"version":"2025.9.1","token":"5cc7d7124de641b181da990fc8c9a0b6"}" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
After Width: | Height: | Size: 61 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 850 B |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 43 KiB |
@ -0,0 +1,110 @@
|
||||
/*******************************************************************************
|
||||
|
||||
uBlock Origin - a browser extension to block requests.
|
||||
Copyright (C) 2019-present Raymond Hill
|
||||
|
||||
This program is free software: you can redistribute it and/or modify
|
||||
it under the terms of the GNU General Public License as published by
|
||||
the Free Software Foundation, either version 3 of the License, or
|
||||
(at your option) any later version.
|
||||
|
||||
This program is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU General Public License
|
||||
along with this program. If not, see {http://www.gnu.org/licenses/}.
|
||||
|
||||
Home: https://github.com/gorhill/uBlock
|
||||
*/
|
||||
|
||||
(function() {
|
||||
'use strict';
|
||||
// https://developers.google.com/analytics/devguides/collection/analyticsjs/
|
||||
const noopfn = function() {
|
||||
};
|
||||
//
|
||||
const Tracker = function() {
|
||||
};
|
||||
const p = Tracker.prototype;
|
||||
p.get = noopfn;
|
||||
p.set = noopfn;
|
||||
p.send = noopfn;
|
||||
//
|
||||
const w = window;
|
||||
const gaName = w.GoogleAnalyticsObject || 'ga';
|
||||
const gaQueue = w[gaName];
|
||||
// https://github.com/uBlockOrigin/uAssets/pull/4115
|
||||
const ga = function() {
|
||||
const len = arguments.length;
|
||||
if ( len === 0 ) { return; }
|
||||
const args = Array.from(arguments);
|
||||
let fn;
|
||||
let a = args[len-1];
|
||||
if ( a instanceof Object && a.hitCallback instanceof Function ) {
|
||||
fn = a.hitCallback;
|
||||
} else if ( a instanceof Function ) {
|
||||
fn = ( ) => { a(ga.create()); };
|
||||
} else {
|
||||
const pos = args.indexOf('hitCallback');
|
||||
if ( pos !== -1 && args[pos+1] instanceof Function ) {
|
||||
fn = args[pos+1];
|
||||
}
|
||||
}
|
||||
if ( fn instanceof Function === false ) { return; }
|
||||
try {
|
||||
fn();
|
||||
} catch (ex) {
|
||||
}
|
||||
};
|
||||
ga.create = function() {
|
||||
return new Tracker();
|
||||
};
|
||||
ga.getByName = function() {
|
||||
return new Tracker();
|
||||
};
|
||||
ga.getAll = function() {
|
||||
return [new Tracker()];
|
||||
};
|
||||
ga.remove = noopfn;
|
||||
// https://github.com/uBlockOrigin/uAssets/issues/2107
|
||||
ga.loaded = true;
|
||||
w[gaName] = ga;
|
||||
// https://github.com/gorhill/uBlock/issues/3075
|
||||
const dl = w.dataLayer;
|
||||
if ( dl instanceof Object ) {
|
||||
if ( dl.hide instanceof Object && typeof dl.hide.end === 'function' ) {
|
||||
dl.hide.end();
|
||||
dl.hide.end = ()=>{};
|
||||
}
|
||||
if ( typeof dl.push === 'function' ) {
|
||||
const doCallback = function(item) {
|
||||
if ( item instanceof Object === false ) { return; }
|
||||
if ( typeof item.eventCallback !== 'function' ) { return; }
|
||||
setTimeout(item.eventCallback, 1);
|
||||
item.eventCallback = ()=>{};
|
||||
};
|
||||
dl.push = new Proxy(dl.push, {
|
||||
apply: function(target, thisArg, args) {
|
||||
doCallback(args[0]);
|
||||
return Reflect.apply(target, thisArg, args);
|
||||
}
|
||||
});
|
||||
if ( Array.isArray(dl) ) {
|
||||
const q = dl.slice();
|
||||
for ( const item of q ) {
|
||||
doCallback(item);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// empty ga queue
|
||||
if ( gaQueue instanceof Function && Array.isArray(gaQueue.q) ) {
|
||||
const q = gaQueue.q.slice();
|
||||
gaQueue.q.length = 0;
|
||||
for ( const entry of q ) {
|
||||
ga(...entry);
|
||||
}
|
||||
}
|
||||
})();
|
||||
@ -0,0 +1,110 @@
|
||||
/*******************************************************************************
|
||||
|
||||
uBlock Origin - a browser extension to block requests.
|
||||
Copyright (C) 2019-present Raymond Hill
|
||||
|
||||
This program is free software: you can redistribute it and/or modify
|
||||
it under the terms of the GNU General Public License as published by
|
||||
the Free Software Foundation, either version 3 of the License, or
|
||||
(at your option) any later version.
|
||||
|
||||
This program is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU General Public License
|
||||
along with this program. If not, see {http://www.gnu.org/licenses/}.
|
||||
|
||||
Home: https://github.com/gorhill/uBlock
|
||||
*/
|
||||
|
||||
(function() {
|
||||
'use strict';
|
||||
// https://developers.google.com/analytics/devguides/collection/analyticsjs/
|
||||
const noopfn = function() {
|
||||
};
|
||||
//
|
||||
const Tracker = function() {
|
||||
};
|
||||
const p = Tracker.prototype;
|
||||
p.get = noopfn;
|
||||
p.set = noopfn;
|
||||
p.send = noopfn;
|
||||
//
|
||||
const w = window;
|
||||
const gaName = w.GoogleAnalyticsObject || 'ga';
|
||||
const gaQueue = w[gaName];
|
||||
// https://github.com/uBlockOrigin/uAssets/pull/4115
|
||||
const ga = function() {
|
||||
const len = arguments.length;
|
||||
if ( len === 0 ) { return; }
|
||||
const args = Array.from(arguments);
|
||||
let fn;
|
||||
let a = args[len-1];
|
||||
if ( a instanceof Object && a.hitCallback instanceof Function ) {
|
||||
fn = a.hitCallback;
|
||||
} else if ( a instanceof Function ) {
|
||||
fn = ( ) => { a(ga.create()); };
|
||||
} else {
|
||||
const pos = args.indexOf('hitCallback');
|
||||
if ( pos !== -1 && args[pos+1] instanceof Function ) {
|
||||
fn = args[pos+1];
|
||||
}
|
||||
}
|
||||
if ( fn instanceof Function === false ) { return; }
|
||||
try {
|
||||
fn();
|
||||
} catch (ex) {
|
||||
}
|
||||
};
|
||||
ga.create = function() {
|
||||
return new Tracker();
|
||||
};
|
||||
ga.getByName = function() {
|
||||
return new Tracker();
|
||||
};
|
||||
ga.getAll = function() {
|
||||
return [new Tracker()];
|
||||
};
|
||||
ga.remove = noopfn;
|
||||
// https://github.com/uBlockOrigin/uAssets/issues/2107
|
||||
ga.loaded = true;
|
||||
w[gaName] = ga;
|
||||
// https://github.com/gorhill/uBlock/issues/3075
|
||||
const dl = w.dataLayer;
|
||||
if ( dl instanceof Object ) {
|
||||
if ( dl.hide instanceof Object && typeof dl.hide.end === 'function' ) {
|
||||
dl.hide.end();
|
||||
dl.hide.end = ()=>{};
|
||||
}
|
||||
if ( typeof dl.push === 'function' ) {
|
||||
const doCallback = function(item) {
|
||||
if ( item instanceof Object === false ) { return; }
|
||||
if ( typeof item.eventCallback !== 'function' ) { return; }
|
||||
setTimeout(item.eventCallback, 1);
|
||||
item.eventCallback = ()=>{};
|
||||
};
|
||||
dl.push = new Proxy(dl.push, {
|
||||
apply: function(target, thisArg, args) {
|
||||
doCallback(args[0]);
|
||||
return Reflect.apply(target, thisArg, args);
|
||||
}
|
||||
});
|
||||
if ( Array.isArray(dl) ) {
|
||||
const q = dl.slice();
|
||||
for ( const item of q ) {
|
||||
doCallback(item);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// empty ga queue
|
||||
if ( gaQueue instanceof Function && Array.isArray(gaQueue.q) ) {
|
||||
const q = gaQueue.q.slice();
|
||||
gaQueue.q.length = 0;
|
||||
for ( const entry of q ) {
|
||||
ga(...entry);
|
||||
}
|
||||
}
|
||||
})();
|
||||
@ -0,0 +1,23 @@
|
||||
/* fallback */
|
||||
@font-face {
|
||||
font-family: 'Material Icons';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-moz-font-feature-settings: 'liga';
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
@ -0,0 +1,3 @@
|
||||
<svg width="61" height="60" viewBox="0 0 61 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M30.9864 59.9999C30.1964 60.0039 29.424 59.7667 28.7724 59.32C28.1208 58.8734 27.621 58.2384 27.3399 57.5002L21.1156 41.3145C20.9895 40.9883 20.7967 40.6921 20.5494 40.4449C20.3022 40.1976 20.006 40.0048 19.6798 39.8787L3.48945 33.6497C2.75194 33.3666 2.1176 32.8666 1.67014 32.2156C1.22269 31.5646 0.983154 30.7932 0.983154 30.0032C0.983154 29.2133 1.22269 28.4419 1.67014 27.7909C2.1176 27.1399 2.75194 26.6398 3.48945 26.3568L19.6751 20.1325C20.0013 20.0064 20.2975 19.8136 20.5448 19.5663C20.792 19.319 20.9849 19.0228 21.1109 18.6967L27.3399 2.5063C27.623 1.76879 28.123 1.13445 28.774 0.686992C29.425 0.239536 30.1964 0 30.9864 0C31.7763 0 32.5477 0.239536 33.1987 0.686992C33.8498 1.13445 34.3498 1.76879 34.6328 2.5063L40.8572 18.692C40.9832 19.0182 41.1761 19.3144 41.4233 19.5616C41.6706 19.8089 41.9668 20.0017 42.2929 20.1278L58.3849 26.3193C59.1524 26.6038 59.8136 27.1179 60.2785 27.7916C60.7434 28.4653 60.9894 29.2659 60.983 30.0845C60.9711 30.8607 60.7265 31.6154 60.2808 32.2511C59.8352 32.8867 59.209 33.3739 58.4833 33.6497L42.2976 39.874C41.9715 40.0001 41.6753 40.1929 41.428 40.4402C41.1807 40.6874 40.9879 40.9836 40.8618 41.3098L34.6328 57.5002C34.3517 58.2384 33.852 58.8734 33.2004 59.32C32.5488 59.7667 31.7764 60.0039 30.9864 59.9999Z" fill="#2563EB"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 674 B |
|
After Width: | Height: | Size: 22 KiB |
BIN
Wyoming-map.png
Normal file
|
After Width: | Height: | Size: 329 KiB |