Skip to content

Commit 674ec67

Browse files
ALRubingerALRubinger
committed
Issue #55 for PR #59: Give some design love to the current projects dashboard
1 parent a87d913 commit 674ec67

File tree

3 files changed

+174
-82
lines changed

3 files changed

+174
-82
lines changed

‎_data/projects/active.yml

+59-42
Original file line numberDiff line numberDiff line change
@@ -1,57 +1,74 @@
11
-
22
name: Cliff Effects
3-
description: description
4-
news: >
5-
**User testing was a success! Now we need to:**
6-
* Discuss and implement changes needed from user feedback and create a better user experience
7-
* Write unit, regression, and integration tests
8-
* Strengthen our existing code and make it more maintainable
9-
* Examine legislative documentation with people experienced with reading policy to check the validity of our benefit program calculations
3+
elevatorPitch: >
4+
This tool can help show how a change in income affects
5+
how much someone receives in public assistance
6+
from SNAP and Section 8 Housing Voucher benefits.
7+
It was designed for the case managers at Project
8+
Hope with the aim of helping to predict changes
9+
in their clients' benefits.
10+
url: https://codeforboston.github.io/cliff-effects/
11+
repository: https://github.com/codeforboston/cliff-effects
1012
partner: Project Hope
11-
partner_url: http://www.prohope.org
12-
repo_url: https://github.com/codeforboston/cliff-effects
13-
site_url: https://codeforboston.github.io/cliff-effects/#/
14-
seeking:
13+
partnerUrl: http://www.prohope.org/
14+
# lead: A wonderful person
15+
# leadUrl: http://wonderfulperson.com
16+
technologies: NodeJS, ReactJS
17+
news: >
18+
User testing was a success! Now we need to:
19+
<ul>
20+
<li>Discuss and implement changes needed from user feedback and create a better user experience</li>
21+
<li>Write unit, regression, and integration tests</li>
22+
<li>Strengthen our existing code and make it more maintainable</li>
23+
<li>Examine legislative documentation with people experienced with reading policy to check the validity of our benefit program calculations</li>
1524
-
1625
name: My City Voice App
17-
description:
26+
elevatorPitch: >
27+
An Alexa skill to answer questions about municipal
28+
services in Boston. Currently supports providing an
29+
address and asking for trash/recycling pick up days.
30+
repository: https://github.com/codeforboston/voiceapp311
31+
partner: City of Boston 311
32+
partnerUrl: https://www.cityofboston.gov/311/
33+
#lead: Another wonderful person
34+
#leadUrl: http://wonderfulperson.com
35+
technologies: Python, AWS
1836
news: >
19-
Technologies: Python, AWS
20-
21-
* Updating data locations for trash day and snow parking
22-
* Researching automated testing
23-
* Developing new Alexa features
24-
* Street sweeping days
25-
* City of Boston status page
26-
partner:
27-
partner_url:
28-
repo_url: https://github.com/codeforboston/voiceapp311
29-
site_url:
30-
seeking:
37+
<ul>
38+
<li>Updating data locations for trash day and snow parking</li>
39+
<li>Researching automated testing</li>
40+
<li>Developing new Alexa features</li>
41+
<li>Street sweeping days</li>
42+
<li>City of Boston status page</li>
43+
</ul>
3144
-
3245
name: Interactive Film Documentary
33-
url:
34-
description:
35-
news: >
46+
elevatorPitch: >
3647
Code and UI/UX for the invisible women of Delhi
37-
React Native -- need support building around the YouTube API.
38-
media: <iframe height="520px" width="1600" src="https://www.youtube.com/embed/SWXhe6ycKrY" frameborder="10" data-autoplay allowfullscreen></iframe>
39-
partner:
40-
partner_url:
41-
repo_url:
42-
site_url:
43-
seeking:
48+
url: https://www.youtube.com/watch?v=SWXhe6ycKrY
49+
repository:
50+
partner:
51+
partnerUrl:
52+
lead: Anandana Kapur
53+
leadUrl:
54+
technologies: React Native, YouTube API
55+
news: >
56+
Need help integrating with the YouTube API
57+
# What to do with this media?
58+
# <iframe height="520px" width="1600" src="https://www.youtube.com/embed/SWXhe6ycKrY" frameborder="10" data-autoplay allowfullscreen></iframe>
4459
-
4560
name: MuckRock
46-
description:
61+
elevatorPitch: >
62+
File, track, and share public records requests.
63+
url: https://www.muckrock.com/
64+
repository: https://github.com/MuckRock/muckrock
65+
partner:
66+
partnerUrl:
67+
# lead:
68+
# leadUrl:
69+
technologies: Python, Django
4770
news: >
4871
MuckRock is a non-profit, collaborative news site that brings together journalists,
4972
researchers, activists, and regular citizens to request, analyze, and share government
5073
documents, making politics more transparent and democracies more informed.
51-
52-
Looking for folks interested in triaging todos or talking charts.
53-
partner:
54-
partner_url: Muckrock
55-
repo_url:
56-
site_url: https://www.muckrock.com/
57-
seeking:
74+
Looking for folks interested in triaging todos or talking charts.

‎css/main.scss

+29
Original file line numberDiff line numberDiff line change
@@ -166,6 +166,35 @@ a:hover {
166166
overflow: hidden;
167167
}
168168

169+
// Custom Classes for codeforamerica.org
170+
.project {
171+
padding: 10px;
172+
border-color:black;
173+
border-width: 1px;
174+
border-style: solid;
175+
background-color: #f5f5f5;
176+
}
177+
.em {
178+
font-style: italic;
179+
}
180+
.small {
181+
font-size: 80%;
182+
}
183+
.elevatorPitch {
184+
line-height: 1.25;
185+
@extend .small;
186+
@extend .em;
187+
}
188+
.spacer-0 {
189+
margin-bottom: 0px;
190+
}
191+
.spacer-10 {
192+
margin-bottom: 10px;
193+
}
194+
.spacer-30 {
195+
margin-bottom: 30px;
196+
}
197+
169198
@media screen and (min-width: $on-palm) {
170199
.cfbgrid .cfbcol-4 {
171200
grid-column: span 5;

‎projects.html

+86-40
Original file line numberDiff line numberDiff line change
@@ -7,46 +7,92 @@
77

88
<h1 class="t-section-headline">Our Work</h1>
99

10-
<div class="centered">
11-
<section>
12-
<h2>Open Projects</h2>
13-
<p>Here's what we've been working on recently. Projects are open to all volunteers - if you're interested, just show up at one of our <a href="{{site.meetup_url}}">Tuesday evening hack nights!</a></p>
14-
15-
<div class="cfbgrid">
16-
{% for proj in site.data.projects.active %}
17-
<div class='thumb cfbcol-4'>
18-
19-
<b>{{ proj.name }}</b><br>
20-
21-
{% if proj.description %}
22-
{{ proj.description }} <br>
23-
{% endif %}
24-
25-
{{ proj.news }} <br>
26-
27-
{% if proj.partner %}
28-
<b>Partner: </b> <a href="{{proj.partner_url}}">{{ proj.partner }}</a> <br>
29-
{% endif %}
30-
31-
{% if proj.repo_url or proj.site_url %}
32-
<b>Links: </b>
33-
{% endif %}
34-
35-
{% if proj.repo_url %}
36-
<a href="{{proj.repo_url}}">Repo</a>
37-
{% endif %}
38-
39-
{% if proj.site_url %}
40-
<a href="{{proj.site_url}}">Site</a>
41-
{% endif %} <br>
42-
43-
{% if proj.seeking %}
44-
<b>Seeking: </b> {{ proj.seeking }}<br>
45-
{% endif %}
46-
47-
</div>
48-
{% endfor %}
49-
</div>
10+
<div class="centered">
11+
<section>
12+
<h2 class="spacer-0">Current Projects</h2>
13+
<div>
14+
<p>The following initiatives are currently underway and
15+
accepting contributors. Projects
16+
are open to volunteers of all skillsets - if you're interested, just show up
17+
at one of our
18+
<a href="{{site.meetup_url}}">Tuesday evening hack nights!</a>!</p>
19+
</div>
20+
<div class="container">
21+
{% for proj in site.data.projects.active %}
22+
<div class="row project">
23+
<div class="col-3">
24+
<div class="row">
25+
<div class="col-12">
26+
{% if proj.url %}<a href="{{proj.url}}" target="project">{% endif %}
27+
<h3>{{proj.name}}</h3>
28+
{% if proj.url %}</a>{% endif %}
29+
</div>
30+
</div>
31+
<div class="row">
32+
<div class="col-12 elevatorPitch">
33+
{{proj.elevatorPitch}}
34+
</div>
35+
</div>
36+
</div>
37+
<div class="col-9">
38+
{% if proj.repository %}
39+
<div class="row">
40+
<div class="col-4">
41+
<strong>Code Repository</strong>
42+
</div>
43+
<div class="col-8">
44+
<a href="{{proj.repository}}" target="project">{{proj.repository}}</a>
45+
</div>
46+
</div>
47+
{% endif %}
48+
<div class="row">
49+
<div class="col-4">
50+
<strong>Technologies Used</strong>
51+
</div>
52+
<div class="col-8">
53+
{{proj.technologies}}
54+
</div>
55+
</div>
56+
{% if proj.partner %}
57+
<div class="row">
58+
<div class="col-4">
59+
<strong>Partner Organization</strong>
60+
</div>
61+
<div class="col-8">
62+
{% if proj.partnerUrl %}<a href="{{proj.partnerUrl}}" target="project">{% endif %}
63+
{{proj.partner}}
64+
{% if proj.partnerUrl %}</a>{% endif %}
65+
</div>
66+
</div>
67+
{% endif %}
68+
{% if proj.lead %}
69+
<div class="row">
70+
<div class="col-4">
71+
<strong>Lead</strong>
72+
</div>
73+
<div class="col-8">
74+
{% if proj.leadUrl %}<a href="{{proj.leadUrl}}" target="project">{% endif %}
75+
{{proj.lead}}
76+
{% if proj.leadUrl %}</a>{% endif %}
77+
</div>
78+
</div>
79+
{% endif %}
80+
<div class="row spacer-10">
81+
<div class="col-12"></div>
82+
</div>
83+
<div class="row">
84+
<div class="col-12">
85+
<small>{{proj.news}}</small>
86+
</div>
87+
</div>
88+
</div>
89+
</div>
90+
<div class="row spacer-30">
91+
<div class="col-12"></div>
92+
</div>
93+
94+
{% endfor %}
95+
</div>
5096
</section>
5197

5298
<section>

0 commit comments

Comments
 (0)