Open in github.dev
Open in a new github.dev tab
Open in codespace
Collapse file tree
Files
Search this repository(forward slash) forward slash/
tT
/
Copy pathResources.html
More file actions
More file actions
79 lines (67 loc) · 2.95 KB
/
Resources.html
File metadata and controls
79 lines (67 loc) · 2.95 KB
Open symbols panel
Edit and raw actions
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Resources — Heat-Health Risk Index</title>
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="FinalStyle.css">
</head>
<body>
<nav>
<a class="nav-logo" href="Homepage.html">
<img src="logo.png" alt="Heat-Health Risk Index logo" onerror="this.style.display='none'" />
<span>Heat-Health Risk Index</span>
</a>
<ul class="nav-links">
<li><a href="Homepage.html">Home</a></li>
<li><a href="Data.html">Data</a></li>
<li><a href="Resources.html" class="active">Resources</a></li>
</ul>
</nav>
<div class="page-header">
<div class="page-header-inner">
<h1>Resources</h1>
<p>Competitive analysis, statistical databases, and government sources that inform the Heat-Health Risk Index.</p>
</div>
</div>
<div class="content">
<div class="resources-group">
<div class="group-label">All Sources</div>
<div class="resource-card">
<div class="resource-body">
<h3><a href="https://www.canva.com/design/DAHGM7-y-o8/e3IuKyCWEoTGehlg2VvmyQ/edit" target="_blank">Competitive Analysis (Milestone 1)</a></h3>
<div class="resource-meta">[Agency / Publisher]</div>
<p class="resource-summary"><a href="https://www.canva.com/design/DAHGM7-y-o8/e3IuKyCWEoTGehlg2VvmyQ/edit">Canva Link</a><</p>
</div>
</div>
<div class="resource-card">
<div class="resource-body">
<h3><a href="https://data.ca.gov/dataset/calenviroscreen-4-0-results1" target="_blank">CalEnviroScreen 4.0 Results</a></h3>
<div class="resource-meta">California Open Data Portal · Last Updated 2026</div>
<p class="resource-summary">Includes census tract locations, asthma percentile for CA, pollution percentile for CA</p>
</div>
</div>
<div class="resource-card">
<div class="resource-body">
<h3><a href="https://docs.google.com/document/d/1RWsYg2Up_wL5NOHnbXnMeexrcD9t490uGm5m7JM7gkw/edit?usp=sharing" target="_blank">User Research (Milestone 2)</a></h3>
<div class="resource-meta">Creator Conducted</div>
<p class="resource-summary">Includes quotes and takeaways from relevant industry professionals and potential users.</p>
</div>
</div>
</div>
</div>
<footer>
<strong>Heat-Health Risk Index</strong> · ACAD 274 - Designing Interactive Data Systems · 2026 Final
</footer>
<script>
const btns = document.querySelectorAll('.filter-btn');
btns.forEach(btn => {
btn.addEventListener('click', () => {
btns.forEach(b => b.classList.remove('active'));
btn.classList.add('active');
});
});
</script>
</body>
</html>