MACOG/survey.html at main · CommunityScale/MACOG · GitHub

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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">

<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-H13EFXBPKL"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-H13EFXBPKL');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WJ5WD2NX');</script>
<!-- End Google Tag Manager -->

	<!-- Metadata 2024 -->
	<meta charset="utf-8">
	<title>MACOG Regional Housing Study - Housing 101</title>
	<meta name="description" content="Explore our interactive dashboard to understand housing needs in the MACOG region. This tool provides insights into housing availability, affordability, and trends.">
	<meta name="keywords" content="MACOG, Housing, Urban Planning, CommunityScale, Assessment, Dashboard">
	<meta name="author" content="CommunityScale">
	<link rel="canonical" href="https://communityscale.github.io/MACOG/">
	<meta property="og:title" content="MACOG Housing Study Dashboard">
	<meta property="og:type" content="article">
	<meta property="og:url" content="https://communityscale.github.io/MACOG/">
	<meta property="og:image" content="https://raw.githubusercontent.com/CommunityScale/MACOG/main/images/socialcard.jpg">
	<meta property="og:description" content="Housing Study educational dashboard for Greenfield. Provides detailed analysis and insights on housing trends, affordability, and needs.">
	<meta property="og:site_name" content="CommunityScale">
	<meta property="og:locale" content="en_US">
	<meta property="article:author" content="CommunityScale">
	<meta property="article:tag" content="Urban Planning">
	<meta property="article:tag" content="Housing">
	<meta property="article:tag" content="MACOG">
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:title" content="MACOG Housing Study Dashboard">
	<meta name="twitter:description" content="Interactive dashboard providing insights into the MACOG region's housing needs. Explore data on affordability, availability, and trends.">
	<meta name="twitter:image" content="https://raw.githubusercontent.com/CommunityScale/Greenfield/main/images/socialcard.jpg">
	<meta name="twitter:creator" content="@CommunityScale">
	<meta http-equiv="content-language" content="en">

	<!-- Mobile Specific Metas
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- CSS
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/cs-template.css">

	<!-- Fonts / icons
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <script src="https://kit.fontawesome.com/ed8ea386c8.js" crossorigin="anonymous"></script>


	<!-- Favicon
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
	<link rel="icon" type="image/png" href="images/favicon.png">

	<style>
		/* Apply scroll-margin-top to all elements with an id */
		[id] {
		  scroll-margin-top: 100px; /* Adjust this value to your desired offset */
		}
	  </style>


</head>

<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WJ5WD2NX"
	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->
	<!-- Primary Page Layout
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->

<!-- Sticky header -->
<div class="sticky">
	<div class="topnav">
		<div class="logo-and-menu">
			<p class="inline-text">
				<img src="images/client/client-logo.png" alt="MACOG" class="inline-logo">
				<span class="title">Regional Housing Study Survey</span>
			</p>
			<div class="nav-options">
				<div class="desktop-pages">
					<!-- Links must be added here for desktop -->
					<a href="#Overview"><span class="fa fa-arrow-up"></span> Back to top</a>
					<a href="http://communityscale.github.io/MACOG/index.html"><span class="fa fa-external-link"></span> Regional Dashboard</a>
				</div>
				<div id="clickDiv" class="mobile-menu-icon">
					<a class="menu-icon">
						<i class="fa fa-bars"></i>
					  </a>
				</div>
			</div>

		</div>
		<div id="targetDiv" class="">
			<!-- Links must be added here again for mobile -->
			<a href="#Overview"><span class="fa fa-arrow-up"></span> Back to top</a>
			<a href="http://communityscale.github.io/MACOG/index.html"><span class="fa fa-external-link"></span> Regional Dashboard</a>
		</div>
	</div>
</div>

	<!-- Cover banner -->
	<div class="cover" id="Overview" style="background:linear-gradient(to right,rgba(56,63,69,0.9),rgba(138, 121, 70, 0.75)), url(images/theme/survey-background.jpg);">
		<div class="container" style="margin-top: 0">
			<h1>Regional Housing Study
				<br>Public Survey
			</h1>
			<div class="row">
				<div class="eight columns" style="margin-top: 2%;">
					<p>The survey below was created by <a href="http://communityscale.io" target="blank">CommunityScale</a> for <a href="https://www.macog.com/">MACOG</a>, the Michiana Area Council of Governments, to help inform the Regional Housing Study currently underway. Visit the <a href="http://communityscale.github.io/MACOG/index.html">Regional Dashboard</a> for more context and draft findings from the study.</p>
					<p>The planning team invites communitymembers to take part in this survey and contribute perspectives, experiences, insights, and ideas to the process.</p>
				</div>
			</div>
		</div>
	</div>


	<div class="container">
		<div class="row insight-box">
			<div class="twelve columns center-align" style="margin-top: 2%">
				<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdUb00eEskDEuQQrbDXKiYwM2W4ypX1DmwfeGE72Oi-viQFoA/viewform?embedded=true" width="640" height="5600" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
			</div>
		</div>
	</div>

	<div class="footer" style="background:linear-gradient(to right,rgba(56,63,69,0.9),rgba(138, 121, 70, 0.75)), url(images/theme/survey-background.jpg);">
		<div class="container">
			<div class="unresponsive" style="margin-bottom: 30px;">
				<div class="content-size"><a href="https://www.macog.com/" target="_blank"><img src="./images/client/client-logo.png" height="auto" width="30px" title="MACOG" alt="MACOG"></a></div>
				<div class="fill-space">
					<p class="small-text"><a href="https://www.macog.com/" target="_blank">The Michiana Area Council of Governments (MACOG)</a> is a voluntary organization of local governments that studies and attempts to resolve areas of interlocal issues.</p>
				</div>
			</div>

			<div class="unresponsive">
				<div class="content-size"><a href="http://communityscale.io"><img src="./images/CommunityScale-logo.png" height="auto" width="30px" title="CommunityScale" alt="CommunityScale"></a></div>
				<div class="fill-space">
					<p class=""><a href="http://communityscale.io">CommunityScale</a> is a pioneering urban planning and spatial data analysis company serving clients across the United States. Follow CommunityScale on <a href="https://www.linkedin.com/company/communityscale">LinkedIn</a> and <a href="https://twitter.com/CommunityScale">Twitter/X</a>. This dashboard is <a href="https://github.com/CommunityScale/">open source</a> MIT license - 2024 CommunityScale</p>
				</div>
			</div>
		</div>
	</div>
	<!-- End Document
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>