-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (125 loc) · 5.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<!-- CTF Estimates Draft Review Page A Bickford 6/2023 -->
<head>
{{ headContent() }}
{{ bootstrapLib() }}
<title>SDO Draft Population Estimate Review Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT AWESOME CSS Source for buttons the list of icons is here: https://fontawesome.com/icons?d=gallery&p=2 -->
<!-- angle-down, angle-double-down, angle-circle-down, angle-right, angle-circle-right, the new button is in common.css -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css" crossorigin="anonymous">
<!-- SDO CSS -->
<link type="text/css" rel="stylesheet" href="./css/common.css" async="">
<!-- GoogleAnalytics Script -->
<script defer src="googleAnalytics.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-W27DQ8VRCX"></script>
</head>
<body>
<div>
<a href="https://cdola.colorado.gov/"><img class="logoSDO" src="./img/SDO-1600x400.jpg" alt="Department of Local Affairs Homepage"></a>
</div>
<div w3-include-html="./html/navheader.html"></div>
<!-- First Grid, linked images -->
<div class="grid-container2">
<div class="grid-item panel2_1_1">
<div w3-include-html="./html/sdotitle.html"></div>
</div>
<div class="grid-item panel2_2_1" id="leftHand">
<div w3-include-html="./html/left_hand_index.html"></div>
</div> <!-- Grid panel2_2_1 -->
<div class="grid-item app-panel_2_span">
<div id="main-content">
<h1 class='h1_style'>Draft July 1, 2023 Population Estimates</h1>
<h2 class='h2_style'>Overview:</h2>
<p>
The State Demography Office (SDO) within the Colorado Department of Local Affairs has prepared the July 1, 2023 draft population estimates.
The population estimates, once finalized, will be used for a variety of purposes including the distribution of Conservation Trust Fund (CTF) lottery funds to your jurisdiction. </p>
<p>
The July 1, 2023 estimates are based on the April 1, 2020 Census, plus annual data on births, deaths, net migration, change in group quarters facilities, and housing unit change.
The estimates for the previous year will be different than the one released this year because of updated data.
</p>
<p>
For an in depth explanation of the methodology click <a href="https://drive.google.com/uc?export=download&id=1kVRfURwOhwNK5v33-8OANDIYL9O9UBKb"
title='SDO Estimates Methodology' aria-label='SDO Estimates Methodology'>here.</a>
</p>
<p>
For data on the components of change for counties, click
<a href='https://drive.google.com/uc?export=download&id=17YqUPmc2JTwfjojL_pa3qDTs3PSLWg8U'
title='County Components of Change' aria-label='County Components of Change'>here</a>
</p>
<h2 class='h2_style'>Review the draft population estimates:</h2>
<p>
On this website, use the drop down menu to select your area. To view data for your county's unincorporated areas, please scroll to the bottom of the list.
Counties are alphabetized after the word "Unincorporated." Please review all of the variables for your community as they are used to create the population estimates.
</p>
<p></p>
<h3 class='h3_style'>Submitting Challenges</h3>
<p>
If you disagree with the numbers or question some of the input data, please let us know by Friday, July 26, 2024.
Population challenges are most effective when a jurisdiction provides data more accurate than those currently informing SDO calculations.
In the absence of such data, local governments are still encouraged to contact SDO to resolve any issues.
</p>
<p>
Contact <a href="mailto:nancy.gedeon@state.co.us?subject=CTF%20Population%20Estimate">Nancy Gedeon</a> <i>(303-864-7755)</i> at the State Demography Office
with challenges, questions, or concerns about the population estimates by Friday, July 26, 2024.
</p>
<hr>
<h2>Counties and Municipalities</h2>
{{area}} <!-- place selector and download button, may need to inline block -->
<hr>
{{sdo_estimates}}
<hr>
</div>
</div> <!-- app -->
<div class="grid-item panel2_4_2">
<div w3-include-html="./html/bodycontent1.html"></div>
</div>
<div class="grid-item panel2_4_4">
<div w3-include-html="./html/bodycontent2.html"></div>
</div>
<div class="grid-item panel2_4_6">
<div w3-include-html="./html/bodycontent3.html"></div>
</div>
</div> <!-- End of Grid -->
<script>
//Setting HTML include and Accordion
includeHTML()
//includeHTML taken from W3 https://www.w3schools.com/howto/howto_html_include.asp
function includeHTML() {
var z, i, elmnt, file, xhttp;
/* Loop through a collection of all HTML elements: */
z = document.getElementsByTagName("*");
for (i = 0; i < z.length; i++) {
elmnt = z[i];
/*search for elements with a certain atrribute:*/
file = elmnt.getAttribute("w3-include-html");
if (file) {
/* Make an HTTP request using the attribute value as the file name: */
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4) {
if (this.status == 200) {elmnt.innerHTML = this.responseText;}
if (this.status == 404) {elmnt.innerHTML = "Page not found.";}
/* Remove the attribute, and call this function once more: */
elmnt.removeAttribute("w3-include-html");
includeHTML();
}
}
xhttp.open("GET", file, true);
xhttp.send();
/* Exit the function: */
return;
}
}
}
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-76100845-1', 'auto');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');
</script>
</body>
</html>