diff --git a/app/assets/images/button_timeline.png b/app/assets/images/button_timeline.png index d573d5f..5907a30 100644 Binary files a/app/assets/images/button_timeline.png and b/app/assets/images/button_timeline.png differ diff --git a/app/assets/images/linkurious1.png b/app/assets/images/linkurious1.png new file mode 100644 index 0000000..367ca1f Binary files /dev/null and b/app/assets/images/linkurious1.png differ diff --git a/app/assets/images/linkurious2.png b/app/assets/images/linkurious2.png new file mode 100644 index 0000000..dd966ad Binary files /dev/null and b/app/assets/images/linkurious2.png differ diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index a09f7a6..3b94b2e 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -134,6 +134,26 @@ a:hover { background-color: #2f576e; } +.viz-bar { + background-color: #eeeeee; + opacity: 80%; +} + +.rounded-left { + border-bottom-left-radius: 10px; + border-top-left-radius: 10px; +} + +.rounded-right { + border-bottom-right-radius: 10px; + border-top-right-radius: 10px; +} + +li { + padding-left: 5px; + margin-left: 40px; +} + .features-bar a{ color: #ffffff; } diff --git a/app/controllers/default_controller.rb b/app/controllers/default_controller.rb index 82414a7..b8ac720 100644 --- a/app/controllers/default_controller.rb +++ b/app/controllers/default_controller.rb @@ -28,4 +28,8 @@ def timeline def data @page_name = 'Data On Systemic Racism' end + + def connections + @connections = 'Explore Connections' + end end diff --git a/app/views/default/connections.html.erb b/app/views/default/connections.html.erb new file mode 100644 index 0000000..29465fb --- /dev/null +++ b/app/views/default/connections.html.erb @@ -0,0 +1,54 @@ +
+
+

Explore Connections

+

These visualizations contextualize fatal encounters between Black people and police from 2009 to 2018 in San Francisco, Alameda, Contra Costa, Solano, and Sacramento counties. The first visualization shows connections between the people, organizations, and locations involved in fatal encounters with police. The second visualization shows connections between a collection of documents relevant to these fatal encounters, such as training manuals used by the law enforcement agencies involved, state legislation affecting police policy, and investigations into deaths at the hand of law enforcement.

+
+
+ +

+ Full screen view +

+
+
+ +

+ Full screen view +

+
+
+

How did we choose these data?

+

Our goal with this project is to expose the systemic racism underlying fatal encounters between Black people and the police. Libraries and archives collect, organize, preserve, and provide access to records. The information systems that govern these activities aid discovery in some ways, but they also perpetuate systems of power and control by abstracting events and dehumanizing the actions. With these graph visualizations, we are attempting to break the mold of discovery based on records alone by linking those documents to the people, events, and places involved. By connecting these records to specific people, places and dates, we are attempting to humanize the harm and show the injury of racism that is lost in our formal systems of records and documentation.

+

The records (still in process):

+ +

We then connect those records to people, events, and places based on the following:

+ +

+
+
diff --git a/app/views/default/index.html.erb b/app/views/default/index.html.erb index ca5ff12..6f6d684 100644 --- a/app/views/default/index.html.erb +++ b/app/views/default/index.html.erb @@ -17,21 +17,24 @@ <%= render "shared/navbar" %>
-
-
-

<%= link_to "Learn about systemic racism", :timeline%>

- <%= link_to image_tag('button_timeline.png', class: "img-fluid pt-5 d-none d-md-block", alt: "timeline"), :timeline %> +
+
+

The latest in the fight against systemic racism

+

Learn about systemic racism by <%= link_to "exploring connections", :connections%> between archival records and fatal encounters with police in the Greater Bay Area.

-
-
-

<%= link_to "Search for data on systemic racism", :data%>

- <%= link_to image_tag('button_resources.png', class: "img-fluid pt-5 d-none d-md-block", alt: "search resources"), :data %> +
+ <%= link_to image_tag('linkurious1.png', class: "img-fluid pt-2", alt: "connections"), :connections %>
-
-
-

<%= link_to "Get involved", :involved%>

-

Help us put an end to systemic racism

- <%= link_to image_tag('button_connect.png', class: "img-fluid pt-5 d-none d-md-block", alt: "get involved"), :involved %> +
+
+ <%= link_to image_tag('button_timeline.png', class: "img-fluid pt-4", alt: "timeline"), :timeline %> +
+
+ <%= link_to image_tag('button_resources.png', class: "img-fluid pt-4", alt: "search resources"), :data %> +
+
+ <%= link_to image_tag('button_connect.png', class: "img-fluid pt-4", alt: "get involved"), :involved %> +
diff --git a/config/routes.rb b/config/routes.rb index cec6cc9..ed73faa 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -8,4 +8,5 @@ get 'policing', to: "default#policing" get 'contact', to: "default#contact" get 'about', to: "default#about" + get 'connections', to: "default#connections" end