Skip to content

Commit 8bacb24

Browse files
jaeykjaeyk
committed
Deploy Quarto dashboard to GitHub Pages
1 parent a8cca43 commit 8bacb24

File tree

8 files changed

+1170
-10
lines changed

8 files changed

+1170
-10
lines changed

‎docs/about.html‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@
7373
}</script>
7474

7575

76-
<link rel="stylesheet" href="styles.css">
76+
<link rel="stylesheet" href="style.css">
7777
</head>
7878

7979
<body class="nav-fixed fullcontent quarto-light"><script id="quarto-html-before-body" type="application/javascript">
@@ -270,6 +270,10 @@
270270
<li class="nav-item">
271271
<a class="nav-link" href="./table.html">
272272
<span class="menu-text">Civic Opportunity Table</span></a>
273+
</li>
274+
<li class="nav-item">
275+
<a class="nav-link" href="./community_uses.html">
276+
<span class="menu-text">Community Uses</span></a>
273277
</li>
274278
<li class="nav-item">
275279
<a class="nav-link active" href="./about.html" aria-current="page">

‎docs/community_uses.html‎

Lines changed: 828 additions & 0 deletions
Large diffs are not rendered by default.

‎docs/index.html‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -102,7 +102,7 @@
102102
};
103103
</script>
104104

105-
<link rel="stylesheet" href="styles.css">
105+
<link rel="stylesheet" href="style.css">
106106
</head>
107107

108108
<body class="nav-fixed fullcontent quarto-light"><script id="quarto-html-before-body" type="application/javascript">
@@ -299,6 +299,10 @@
299299
<li class="nav-item">
300300
<a class="nav-link" href="./table.html">
301301
<span class="menu-text">Civic Opportunity Table</span></a>
302+
</li>
303+
<li class="nav-item">
304+
<a class="nav-link" href="./community_uses.html">
305+
<span class="menu-text">Community Uses</span></a>
302306
</li>
303307
<li class="nav-item">
304308
<a class="nav-link" href="./about.html">
@@ -351,6 +355,7 @@ <h3 class="anchored" data-anchor-id="about-this-dashboard">About This Dashboard<
351355
<li>🗺️ <a href="https://snfagora.github.io/agora_dashboard/map.html"><strong>Interactive Map</strong></a>: View county-level civic opportunity scores, see how each place ranks, and examine the types of organizations driving civic access.<br>
352356
</li>
353357
<li>📋 <a href="https://snfagora.github.io/agora_dashboard/table.html"><strong>Interactive Table</strong></a>: Search, filter, and sort civic opportunity indicators across all U.S. counties, with comparisons to state and national benchmarks.</li>
358+
<li>🤝 <a href="https://snfagora.github.io/agora_dashboard/community_uses.html"><strong>Community Uses</strong></a>: See how others are using MapAgora data and share your own projects.</li>
354359
</ul>
355360
<p><strong>⚠️ Important Note</strong></p>
356361
<p>It does <strong>not</strong> include either the full <strong>de-identified organization-level dataset</strong> of 1.7M+ nonprofits 🏢 or the <strong>ZIP code–level aggregates</strong> 📮. This dashboard is limited to <strong>county-level data only</strong> 🗺️.</p>

‎docs/map.html‎

Lines changed: 99 additions & 3 deletions
Large diffs are not rendered by default.

‎docs/search.json‎

Lines changed: 22 additions & 1 deletion
Large diffs are not rendered by default.

‎docs/style.css‎

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
/* Layout */
2+
.layout-wrapper {
3+
display: flex;
4+
height: calc(100vh - 56px);
5+
width: 100%;
6+
margin: 0;
7+
padding: 0;
8+
position: relative;
9+
}
10+
11+
/* Details Panel */
12+
.details-panel {
13+
flex: 1;
14+
padding: 20px;
15+
border-right: 2px solid #ccc;
16+
overflow-y: auto;
17+
min-width: 300px;
18+
max-width: 400px;
19+
background: white;
20+
z-index: 1000;
21+
box-shadow: 2px 0 5px rgba(0,0,0,0.1);
22+
}
23+
24+
/* Map Panel */
25+
.map-panel {
26+
flex: 2;
27+
position: relative;
28+
overflow: hidden;
29+
}
30+
31+
#map-frame {
32+
width: 100%;
33+
height: 100%;
34+
border: none;
35+
display: block;
36+
}
37+
38+
/* Error Messages */
39+
.error-message {
40+
padding: 1rem;
41+
background-color: #fee;
42+
border: 1px solid #fcc;
43+
border-radius: 4px;
44+
margin: 1rem 0;
45+
}
46+
47+
/* County Details Styling */
48+
#county-details h3 {
49+
margin-top: 0;
50+
color: #333;
51+
}
52+
53+
#county-details hr {
54+
border: 0;
55+
height: 1px;
56+
background: #ddd;
57+
margin: 1rem 0;
58+
}
59+
60+
#county-details h4 {
61+
color: #666;
62+
margin: 1rem 0 0.5rem;
63+
}
64+
65+
#county-details p {
66+
margin: 0.5rem 0;
67+
line-height: 1.4;
68+
}
69+
70+
/* Responsive Design */
71+
@media (max-width: 768px) {
72+
.layout-wrapper {
73+
flex-direction: column;
74+
}
75+
76+
.details-panel {
77+
max-width: 100%;
78+
border-right: none;
79+
border-bottom: 2px solid #ccc;
80+
}
81+
}
82+
83+
/* Map Controls */
84+
.leaflet-control-layers {
85+
background: white;
86+
padding: 6px 8px;
87+
border-radius: 4px;
88+
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
89+
}
90+
91+
.leaflet-control-layers label {
92+
margin-bottom: 5px;
93+
}
94+
95+
/* Loading State */
96+
.loading {
97+
position: absolute;
98+
top: 50%;
99+
left: 50%;
100+
transform: translate(-50%, -50%);
101+
text-align: center;
102+
background: rgba(255, 255, 255, 0.9);
103+
padding: 1rem;
104+
border-radius: 4px;
105+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
106+
}

‎docs/table.html‎

Lines changed: 99 additions & 3 deletions
Large diffs are not rendered by default.

‎docs/where_to_start.html‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@
7373
}</script>
7474

7575

76-
<link rel="stylesheet" href="styles.css">
76+
<link rel="stylesheet" href="style.css">
7777
</head>
7878

7979
<body class="nav-fixed quarto-light"><script id="quarto-html-before-body" type="application/javascript">
@@ -270,6 +270,10 @@
270270
<li class="nav-item">
271271
<a class="nav-link" href="./table.html">
272272
<span class="menu-text">Civic Opportunity Table</span></a>
273+
</li>
274+
<li class="nav-item">
275+
<a class="nav-link" href="./community_uses.html">
276+
<span class="menu-text">Community Uses</span></a>
273277
</li>
274278
<li class="nav-item">
275279
<a class="nav-link" href="./about.html">

0 commit comments

Comments
 (0)