Skip to content
Snippets Groups Projects
Commit 80a87b26 authored by Jen Mankoff's avatar Jen Mankoff
Browse files

Fixed slides AND updated remark style

Note: may impact older slides
parent 9873ca08
No related branches found
No related tags found
2 merge requests!41Updating change-for-future with the final version of the class website from winter 2023,!37Fixed slides AND updated remark style
...@@ -4,15 +4,17 @@ ...@@ -4,15 +4,17 @@
$fa-font-path: "../fonts/font-awesome/"; $fa-font-path: "../fonts/font-awesome/";
@import 'fontawesome.all.min.css'; @import 'fontawesome.all.min.css';
@import "remark-base"; @import "remark-base";
$body-font: 22pt; $body-font: 28pt;
$list-font: 20pt; $list-font: 24pt;
$code-font: 18pt; $code-font: 18pt;
$mediumsmall-font: 16pt; $mediumsmall-font: 20pt;
$title-font: 28pt; $title-font: 2em;
$h2-font: 1.5em;
$footnote-font: 12pt; $footnote-font: 12pt;
$blue: #0066ff; $blue: #0066ff;
$lightblue: #39d; $lightblue: #39d;
$lightgreen: #2c7; $lightgreen: #2c7;
$green: #8fb47d;
$turqouise: #1b9; $turqouise: #1b9;
$purple: #95b; $purple: #95b;
$violet: #ffe6ff; $violet: #ffe6ff;
...@@ -99,7 +101,11 @@ pre { ...@@ -99,7 +101,11 @@ pre {
ul { ul {
font-size: $list-font; font-size: $list-font;
} }
ol {
font-size: $list-font;
}
.remark-code { .remark-code {
font-family: 'Ubuntu Mono'; font-family: 'Ubuntu Mono';
font-size: $code-font; font-size: $code-font;
...@@ -224,7 +230,7 @@ blockquote p { ...@@ -224,7 +230,7 @@ blockquote p {
color: $light; color: $light;
} }
.p { .p {
font-size: 1.5em; font-size: $body-font;
} }
.footnote { .footnote {
font-size: $footnote-font; font-size: $footnote-font;
...@@ -251,6 +257,15 @@ blockquote p { ...@@ -251,6 +257,15 @@ blockquote p {
padding-left: 1em; padding-left: 1em;
} }
.remark-slide-content h1 {
font-size: $title-font;
}
.remark-slide-content h2 {
font-size: $h2-font;
}
.remark-slide-content { .remark-slide-content {
background-position: right; background-position: right;
font-size: $body-font; font-size: $body-font;
...@@ -270,10 +285,10 @@ body.compact { ...@@ -270,10 +285,10 @@ body.compact {
} }
.font-medium { .font-medium {
font-size: $list-font !important; font-size: $list-font;
} }
.font-mediumsmall { .font-mediumsmall {
font-size: $mediumsmall-font !important; font-size: $mediumsmall-font;
} }
.font-smaller { .font-smaller {
...@@ -297,6 +312,10 @@ body.compact { ...@@ -297,6 +312,10 @@ body.compact {
color: $lightest; color: $lightest;
} }
.green {
color: $green;
}
.contrast71 { .contrast71 {
color: #2E2EFF; color: #2E2EFF;
background: #FFFFFF; background: #FFFFFF;
...@@ -357,6 +376,7 @@ body.compact { ...@@ -357,6 +376,7 @@ body.compact {
left: -50px; left: -50px;
text-align: center; text-align: center;
line-height: 50px; line-height: 50px;
font-size: $mediumsmall-font;
letter-spacing: 1px; letter-spacing: 1px;
color: $light; color: $light;
transform: rotate(-45deg); transform: rotate(-45deg);
...@@ -408,10 +428,10 @@ body.compact { ...@@ -408,10 +428,10 @@ body.compact {
} }
.corner-ribbon.tr{ .corner-ribbon.tr{
top: 100px; top: 150px;
left: 500px; left: 850px;
font-size: $body-font; font-size: $body-font;
width: 1000px; width: 500px;
transform: rotate(45deg); transform: rotate(45deg);
-webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg);
z-index: 10; z-index: 10;
......
...@@ -477,7 +477,7 @@ I'm also thinking about having them use fusion360 or something else to make some ...@@ -477,7 +477,7 @@ I'm also thinking about having them use fusion360 or something else to make some
: Break / Food : Break / Food
{: .topic } 6:45- ~8:00 {: .topic } 6:45- ~8:00
: Sustainability and Accessibility : **Slides** {% include slide.html title="Sustainability and Accessibility" loc="sustainability.html" %}
{: .topic } 7:30-8:30 {: .topic } 7:30-8:30
: Group project check ins (you can leave if your group is meeting with Jen at a different time) : Group project check ins (you can leave if your group is meeting with Jen at a different time)
......
...@@ -42,14 +42,15 @@ and climate change ...@@ -42,14 +42,15 @@ and climate change
--- ---
Quote from “Disability, Climate Change, and Environmental Violence: The Politics of Invisibility and the Horizon of Hope” by Julia Watts Belser (Disability Studies Quarterly)
.quote[Disability politics offer a vital resource for grappling with climate change… .quote[Disability politics offer a vital resource for grappling with climate change…
[they reveal] the political stakes of diagnosis—the way power contours how, when, and to what ends we recognize human and ecological impairment.] [they reveal] the political stakes of diagnosis—the way power contours how, when, and to what ends we recognize human and ecological impairment.]
Quote from “Disability, Climate Change, and Environmental Violence: The Politics of Invisibility and the Horizon of Hope” by Julia Watts Belser (Disability Studies Quarterly)
--- ---
# A disability-informed technology agenda for addressing the climate crisis # A disability-informed technology agenda for addressing the climate crisis (1/10)
- Government Services & Civic Engagement - Government Services & Civic Engagement
...@@ -57,7 +58,7 @@ Essential to changing how we address climate change, ...@@ -57,7 +58,7 @@ Essential to changing how we address climate change,
and implementation of the same and implementation of the same
--- ---
# A disability-informed technology agenda for addressing the climate crisis # A disability-informed technology agenda for addressing the climate crisis (2/10)
- Government Services & Civic Engagement - Government Services & Civic Engagement
- Process Accessibility - Process Accessibility
...@@ -67,15 +68,11 @@ and implementation of the same ...@@ -67,15 +68,11 @@ and implementation of the same
--- ---
# Example: Disaster Response Planning # Example: Disaster Response Planning
Decisions about who is included (e.g. disaster response plans) are often ableist -- actively de-prioritizing disabled lives - Decisions about who is included (e.g. disaster response plans) are often ableist -- actively de-prioritizing disabled lives
- E.g. during COVID; Hurricane Katrina - E.g. during COVID; Hurricane Katrina
- Emergency broadcasts often inaccessible (e.g. no captions; inaccessible data visualizations; no ASL interpretation; inaccessible websites)
Emergency broadcasts often inaccessible (e.g. no captions; inaccessible data visualizations; no ASL interpretation; inaccessible websites) - Disabled people are often institutionalized (e.g. prison; hospital; “nursing homes”) and many institutions are deprioritized
- Shelters may refuse people with disabilities
Disabled people are often institutionalized (e.g. prison; hospital; “nursing homes”) and many institutions are deprioritized
Shelters may refuse people with disabilities
--- ---
# Example: Conservation # Example: Conservation
...@@ -86,17 +83,17 @@ Yet such changes often fail to account for accessibility concerns (e.g. straws; ...@@ -86,17 +83,17 @@ Yet such changes often fail to account for accessibility concerns (e.g. straws;
--- ---
# Governmentality, ableism & racism # Governmentality, Ableism & Racism (1/2)
.left-column50[ .left-column50[
![:img News article titled "A teenager didn't do her online schoolwork. So a judge sent her to juvenile detention",100%, width](img/sustainability/teen-disability.png) ![:img News article titled A teenager didn't do her online schoolwork. So a judge sent her to juvenile detention,100%, width](img/sustainability/teen-disability.png)
] ]
--- ---
# Governmentality, ableism & racism # Governmentality, Ableism & Racism (2/2)
.left-column50[ .left-column50[
![:img News article titled "What happens when an algorithm cuts your healthcare",100%, width](img/sustainability/algorithm-healthcare.png) ![:img News article titled "What happens when an algorithm cuts your healthcare",100%, width](img/sustainability/algorithm-healthcare.png)
...@@ -109,34 +106,26 @@ This differentially impacts people of color, low-income people and people with d ...@@ -109,34 +106,26 @@ This differentially impacts people of color, low-income people and people with d
] ]
--- ---
# A disability-informed technology agenda for addressing the climate crisis # A disability-informed technology agenda for addressing the climate crisis (3/10)
- Government Services & Civic Engagement - Government Services & Civic Engagement
- Accessibility must be considered in the government response to climate change. Accessibility can impact safety, civic engagement, access to services, and who is included in the democratic process
Accessibility must be considered in the government response to climate change. Accessibility can impact safety, civic engagement, access to services, and who is included in the democratic process - Top down decisions that don’t include people multiple viewpoints can be problematic
- Give choice/agency to people many backgrounds
Top down decisions that don’t include people multiple viewpoints can be problematic - Give responsibility for support to governmental context
Give choice/agency to people many backgrounds
Give responsibility for support to governmental context
--- ---
# A disability-informed technology agenda for addressing the climate crisis # A disability-informed technology agenda for addressing the climate crisis (4/10)
- Government Services & Civic Engagement - Government Services & Civic Engagement
- Education - Education
- Source of future leaders and decision makers
Source of future leaders and decision makers - Source of future innovators
- Strongly associated with things that can help to mitigate climate change, such as empowered family planning for women
Source of future innovators - Also generally not designed to include people with disabilities
Strongly associated with things that can help to mitigate climate change, such as empowered family planning for women
Also generally not designed to include people with disabilities
--- ---
# A disability-informed technology agenda for addressing the climate crisis # A disability-informed technology agenda for addressing the climate crisis (5/10)
- Government Services & Civic Engagement - Government Services & Civic Engagement
- Education - Education
...@@ -146,7 +135,7 @@ Also generally not designed to include people with disabilities ...@@ -146,7 +135,7 @@ Also generally not designed to include people with disabilities
- Lots of improvement possible -- disabled students felt MUCH more supported during COVID [TACCESS 2022] - Lots of improvement possible -- disabled students felt MUCH more supported during COVID [TACCESS 2022]
--- ---
# A disability-informed technology agenda for addressing the climate crisis # A disability-informed technology agenda for addressing the climate crisis (6/10)
- Government Services & Civic Engagement - Government Services & Civic Engagement
- Education - Education
...@@ -157,7 +146,7 @@ Also generally not designed to include people with disabilities ...@@ -157,7 +146,7 @@ Also generally not designed to include people with disabilities
- Can change the balance of power - Can change the balance of power
--- ---
# A disability-informed technology agenda for addressing the climate crisis # A disability-informed technology agenda for addressing the climate crisis (7/10)
- Government Services & Civic Engagement - Government Services & Civic Engagement
- Education - Education
...@@ -201,23 +190,23 @@ Spend greater percentages of income on energy ...@@ -201,23 +190,23 @@ Spend greater percentages of income on energy
<iframe src="https://embed.polleverywhere.com/free_text_polls/6BulXYeFmPsbUKKaVsFzf?controls=none&short_poll=true" width="800px" height="600px"></iframe> <iframe src="https://embed.polleverywhere.com/free_text_polls/6BulXYeFmPsbUKKaVsFzf?controls=none&short_poll=true" width="800px" height="600px"></iframe>
--- ---
# What did we find oun our study? # What did we find in our studies?
.left-column50[ .left-column50[
## Before Renting ## Before Renting
![:img wordcloud containing: Location; safety; age; price; building cleanliness,100%, width](img/sustainability/algorithm-healthcare.png) ![:img wordcloud containing: Location; safety; age; price; building cleanliness,70%, width](img/sustainability/wordcloud-before.png)
] ]
-- --
.right-column50[ .right-column50[
## After Renting ## After Renting
![:img wordcloud containing: Control; heating; community; commute; rodents; behavior; pests; time; noise; sunlight; quality; safety; appliances; landlord; disrepair,100%, width](img/sustainability/algorithm-healthcare.png) ![:img wordcloud containing: Control; heating; community; commute; rodents; behavior; pests; time; noise; sunlight; quality; safety; appliances; landlord; disrepair,110%, width](img/sustainability/wordcloud-after.png)
] ]
--- ---
# Edigs: Estimating Utilities Based on RECS [Compass 2018] # Edigs: Estimating Utilities From RECS
.column[ .column[
![:img A mobile phone interface showing a list of homes for rent each showing a picture; distance; reviews; square footage; rent; utilities; and total cost,100%, width](img/sustainability/edigs1.png) ![:img A mobile phone interface showing a list of homes for rent each showing a picture; distance; reviews; square footage; rent; utilities; and total cost,100%, width](img/sustainability/edigs1.png)
...@@ -230,6 +219,7 @@ Spend greater percentages of income on energy ...@@ -230,6 +219,7 @@ Spend greater percentages of income on energy
.column[ .column[
![:img A mobile phone interface titled "Duplex for Lease" providing details on how the utility estimate is calculated and information that would help to improve the estimate,100%, width](img/sustainability/edigs3.png) ![:img A mobile phone interface titled "Duplex for Lease" providing details on how the utility estimate is calculated and information that would help to improve the estimate,100%, width](img/sustainability/edigs3.png)
] ]
.corner-ribbon.tr[COMPASS 2018]
--- ---
# Existing Home Feedback Technology # Existing Home Feedback Technology
...@@ -242,7 +232,7 @@ Paucity of information about factors prospective tenants care about ...@@ -242,7 +232,7 @@ Paucity of information about factors prospective tenants care about
- Housing quality - Housing quality
--- ---
# Other data could address intersecitonal issues # Other data could address intersectional issues
Housing choices linked to health outcomes & disability (lead, asthma, mold, air quality, etc.) Housing choices linked to health outcomes & disability (lead, asthma, mold, air quality, etc.)
...@@ -253,7 +243,7 @@ Sunlight [crowdsourced comparable estimates] -- impacts health & energy use ...@@ -253,7 +243,7 @@ Sunlight [crowdsourced comparable estimates] -- impacts health & energy use
Noise -- impacts health/disability & comfort Noise -- impacts health/disability & comfort
--- ---
# A disability-informed technology agenda for addressing the climate crisis # A disability-informed technology agenda for addressing the climate crisis (8/10)
- Government Services & Civic Engagement - Government Services & Civic Engagement
- Education - Education
...@@ -263,11 +253,11 @@ Noise -- impacts health/disability & comfort ...@@ -263,11 +253,11 @@ Noise -- impacts health/disability & comfort
--- ---
# ubigreen # ubi .green[green] (1/3)
.left-column[ .left-column[
![:img A mobile phone interface showing a tree with a car next to it covered in leaves,100%, width](img/sustainability/ubigreen.png) ![:img A mobile phone interface showing a tree with a car next to it covered in leaves,100%, height](img/sustainability/ubigreen.png)
] ]
...@@ -275,37 +265,35 @@ Noise -- impacts health/disability & comfort ...@@ -275,37 +265,35 @@ Noise -- impacts health/disability & comfort
Investigating a Mobile Tool for Tracking and Supporting Green Transportation Habits [Froehlich et al, CHI 2009] Investigating a Mobile Tool for Tracking and Supporting Green Transportation Habits [Froehlich et al, CHI 2009]
] ]
--- ---
.leftcolumn[ # ubi .green[green] (2/3)
## ubigreen
Two formative studies .left-column[
![:img two mobile phone interfaces. On the left is a phone showing a tree progressing from almost no leaves to more leaves. The leafless tree is labeled "everything resets on sunday". Below the tree are four icons: a piggybank; a person doing yoga; a person exercising; and a book. On the right is a second phone showing a tree with leaves and a person walking next to it and the piggybank and exercising icon highlighted. The person walking is labeled "current activity". The tree is labeled "evolving image". The icons are labeled "values icon bar" ,100%, height](img/sustainability/ubigreen.png)
In-situ deployment
] ]
.rightcolumn[ .right-column[
![:img two mobile phone interfaces. On the left is a phone showing a tree progressing from almost no leaves to more leaves. The leafless tree is labeled "everything resets on sunday". Below the tree are four icons: a piggybank; a person doing yoga; a person exercising; and a book. On the right is a second phone showing a tree with leaves and a person walking next to it and the piggybank and exercising icon highlighted. The person walking is labeled "current activity". The tree is labeled "evolving image". The icons are labeled "values icon bar" ,100%, width](img/sustainability/ubigreen.png) Two formative studies
In-situ deployment
] ]
--- ---
# ubi .green[green] (3/3)
![:img A close up of the values icon bar showing that the four values are money savings; relaxation; exercise; and do other things,100%, width](img/sustainability/values.png) ![:img A close up of the values icon bar showing that the four values are money savings; relaxation; exercise; and do other things, 60%, width](img/sustainability/values.png)
-- ---
# Real-time Recommendations # Real-time Recommendations
post-study survey, “what could help you take more green trips” - post-study survey, “what could help you take more green trips”
- Reliable transportation (76.8%)
- Reliable transportation (76.8%) - Financial incentives (71.4%)
- Financial incentives (71.4%) - Knowledge about alternatives (56%)
- Knowledge about alternatives (56%) - future designs could suggest alternative forms of transit based on trip history
- recommendations could also come in form of neighborhood:
future designs could suggest alternative forms of transit based on trip history - “42% of the people who live in your neighborhood and work in Capitol Hill take the bus.”
recommendations could also come in form of neighborhood:
- “42% of the people who live in your neighborhood and work in Capitol Hill take the bus.”
--- ---
# Potential for behavior change # Potential for behavior change
...@@ -319,40 +307,40 @@ recommendations could also come in form of neighborhood: ...@@ -319,40 +307,40 @@ recommendations could also come in form of neighborhood:
--- ---
# But is this approach inclusive? # But is this approach inclusive?
.leftcolumn[ Sidewalks, public transit, and businesses can be inaccessible to those with disabilities
![:img A picture of a sidewalk from google streetmaps with a labelin interface for identifying inaccessible concerns,100%, width](img/sustainability/sidewalk.png)
]
.small[[Project Sidewalk](http://projectsidewalk.org) combines remote crowdsourcing + machine learning to map and assess accessibility features of sidewalks]
![:img A map showing an interface for specifying accessibility needs and labeled by color to show hills,100%, width](img/sustainability/accessmap.png) .left-column30[
.small[ ![:img A picture of a sidewalk from google streetmaps with a labelin interface for identifying inaccessible concerns,80%, width](img/sustainability/sidewalk.png)
[AccessMap](http://accessmap.io) provides a personalized and interactive view of a city's accessibility, including road grade, sidewalk locations, and curb ramps)
] ![:img A map showing an interface for specifying accessibility needs and labeled by color to show hills, 80%, width](img/sustainability/accessmap.png)
] ]
.rightcolumn[ .right-column70[
.font-mediumsmall[[Project Sidewalk](http://projectsidewalk.org) combines remote crowdsourcing + machine learning to map and assess accessibility features of sidewalks]
Problem: Sidewalks, public transit, and businesses can decrease car use but are inaccessible to those with disabilities .font-mediumsmall[[AccessMap](http://accessmap.io) provides a personalized and interactive view of a city's accessibility, including road grade, sidewalk locations, and curb ramps]
] ]
--- ---
# Urban Accessibility and Mobility # Urban Accessibility and Mobility
Problem: Sidewalks, public transit, and businesses can decrease car use but are inaccessible to those with disabilities Sidewalks, public transit, and businesses can be inaccessible to those with disabilities. Three-fold aim [All work by Froehlich & Caspi]:
Three-fold aim [All work by Froehlich & Caspi]:
1. Develop scalable techniques to map and assess every sidewalk, transit stop, and business in the world 1. Develop scalable techniques to map and assess every sidewalk, transit stop, and business in the world
3. Create new digital tools that provide personalized routing, government accountability, and support new urban analytics. 3. Create new digital tools that provide personalized routing, government accountability, and support new urban analytics.
3. Examine geo-spatial patterns of and influences on urban accessibility, barriers and facilitators of accessible infrastructure, and socio-cultural contexts of urban access across the globe. 3. Examine geo-spatial patterns of and influences on urban accessibility, barriers and facilitators of accessible infrastructure, and socio-cultural contexts of urban access across the globe.
--- ---
# Third Spaces also not accessible [Compass 2021] # Third Spaces also not accessible
![:img A map showing part of uw with an interface for specifying accessibility needs associated with third places such as navigation needs; social needs; and resting needs. On the right is data about a specific location called drumheller fountain showing the specific ratings it has for these needs,100%, width](img/sustainability/compas.png) ![:img A map showing part of uw with an interface for specifying accessibility needs associated with third places such as navigation needs; social needs; and resting needs. On the right is data about a specific location called drumheller fountain showing the specific ratings it has for these needs,100%, width](img/sustainability/compas.png)
.corner-ribbon.tr[COMPASS 2021]
--- ---
# A disability-informed technology agenda for addressing the climate crisis # A disability-informed technology agenda for addressing the climate crisis (9/10)
- Government Services & Civic Engagement - Government Services & Civic Engagement
- Education - Education
...@@ -363,17 +351,17 @@ Three-fold aim [All work by Froehlich & Caspi]: ...@@ -363,17 +351,17 @@ Three-fold aim [All work by Froehlich & Caspi]:
- Who innovates matters and impacts what is made (back to education…) - Who innovates matters and impacts what is made (back to education…)
--- ---
# Case study: Medical Making [Savage, TACCESS 22] # Case study: Medical Making
Conflict between Community and Clinical Values in the U.S. - Conflict between Community and Clinical Values in the U.S.
- Have seen in multiple case studies - Have seen in multiple case studies
- Wish to help where you can, right away vs “do no harm” - Wish to help where you can, right away vs “do no harm”
- Emphasis on doing what you can vs longitudinal support/whole case management - Emphasis on doing what you can vs longitudinal support/whole case management
- Deeply rooted differences - Deeply rooted differences
- One team member was threatened with COVID-infected artifacts when asking about safety - One team member was threatened with COVID-infected artifacts when asking about safety
- Complete rift in one COVID site of study between medical making and community making
Complete rift in one COVID site of study between medical making and community making
.corner-ribbon.tr[Savage, TACCESS 22]
--- ---
# Study Population: # Study Population:
...@@ -390,19 +378,16 @@ Makers; recipients; clinicians in seven countries ...@@ -390,19 +378,16 @@ Makers; recipients; clinicians in seven countries
--- ---
# Key differences between U.S. and other countries # Key differences between U.S. and other countries
Multi-stakeholder collaborations (innovators and clinicians) - Multi-stakeholder collaborations (innovators and clinicians)
- Formal collaborations with documented guidelines - Formal collaborations with documented guidelines
- Express support for follow up - Express support for follow up
- Often include funding - Often include funding
- Community engagement
Community engagement - Families/community working and learning together
- Families/community working and learning together - Follow up included in process
- Legal context more forgiving?
Follow up included in process ---
# A disability-informed technology agenda for addressing the climate crisis (10/10)
Legal context more forgiving?
---
# A disability-informed technology agenda for addressing the climate crisis
- Government Services & Civic Engagement - Government Services & Civic Engagement
- Education - Education
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment