Merge remote-tracking branch 'jsonkao/master'

Author: maerzhase

README.md

@@ -9,12 +9,41 @@
   </a>
 </p>
 
-React Scrollama is a lightweight interface for scrollytelling that uses [IntersectionObserver](https://developer.mozilla.org/docs/Web/API/Intersection_Observer_API) in favor of scroll events. It is adapted from Russel Goldenbeg's [Scrollama](https://github.com/russellgoldenberg/scrollama/).
+React Scrollama is a lightweight interface for scrollytelling in React. It is adapted from Russel Goldenbeg's [Scrollama](https://github.com/russellgoldenberg/scrollama), and it uses the [IntersectionObserver](https://developer.mozilla.org/docs/Web/API/Intersection_Observer_API) instead of scroll events.
 
 As seen in:
-- [Sex Diversity Among Graduate Students Is Stagnating](https://www.columbiaspectator.com/eye-lead/graduate-sex-diversity/) ([Columbia Daily Spectator](https://github.com/graphicsdesk))
-- [The scramble to secure America’s voting machines](https://www.politico.com/interactives/2019/election-security-americas-voting-machines) ([POLITICO](https://github.com/The-Politico))
-- [Lower-income undergraduate students are paying more and more to attend Columbia; wealthier students are paying less and less, federal data shows](https://www.columbiaspectator.com/news/net-price-inequity) ([Columbia Daily Spectator](https://github.com/graphicsdesk))
+<table>
+<tbody>
+<tr>
+  <td>
+    <a href="https://www.worldbank.org/en/home"><img src="https://user-images.githubusercontent.com/15334952/111389696-ca705b00-8687-11eb-9db9-4f0919715834.png" width="220"/></a> <br/> 
+    <a href="https://www.un.org/en/"><img src="https://user-images.githubusercontent.com/15334952/111392820-c0515b00-868d-11eb-9b82-5eaace6612c9.png" width="135"/></a> <br/>
+    <a href="https://datatopics.worldbank.org/sdgatlas/">17 interactive visualization <br/>
+      stories</a> <a href="https://twitter.com/maartenzam/status/1371951848039579664">using</a> React Scrollama <br/>
+    for scrollytelling
+  </td>
+  <td>
+    <a href="https://datatopics.worldbank.org/sdgatlas/"><img src="https://user-images.githubusercontent.com/15334952/111390361-fb04c480-8688-11eb-9fa1-3991ee73dd05.png" width="450"/></a>
+  </td>
+</tr>
+<tr>
+  <td>
+    <a href="https://www.politico.com/"><img src="https://jolttx.org/wp-content/uploads/2019/10/politico-logo.png" width="150" /></a> <br/> <a href="https://www.politico.com/interactives/2019/election-security-americas-voting-machines"><i>The scramble to secure <br/> America’s voting machines</i></a> <br/> by <a href="https://bzjin.github.io">Beatrice Jin</a>
+  </td>
+  <td>
+    <a href="https://www.politico.com/interactives/2019/election-security-americas-voting-machines"><img src="https://user-images.githubusercontent.com/15334952/111391036-2dfb8800-868a-11eb-9c64-3f322ef1e588.png" width="450"/></a>
+  </td>
+</tr>
+<tr>
+  <td>
+    <a href="http://graphicsdesk.github.io/"><img src="https://s3.amazonaws.com/spec-imagehosting/spectator-logo.png" width="180"/></a><br/> <a href="https://www.columbiaspectator.com/eye-lead/graduate-sex-diversity"><i>Sex Diversity Among Grad <br/> Students is Stagnating</i></a> <br/> by Jason Kao
+  </td>
+  <td>
+    <a href="https://www.columbiaspectator.com/eye-lead/graduate-sex-diversity"><img src="https://user-images.githubusercontent.com/15334952/111391310-b843ec00-868a-11eb-9744-72ee913cdbe1.png" width="450"/></a>
+  </td>
+</tr>
+</tbody>
+</table>
 
 ## Demo
 
@@ -152,13 +181,7 @@ These are the props you can set on the `Step` component:
 
 You will also probably want to set a `key` prop on each `Step` if you're transforming an array of data into a list of `Step` elements (see [Lists and Keys](https://reactjs.org/docs/lists-and-keys.html)).
 
-## Features roadmap
-
-* Being able to use pixels instead of percent for offset value so stuff on mobile doesn't jump around on scroll direction change
-* Currently, there is no way to throttle/customize React Scrollama's [resize listener](https://github.com/jsonkao/react-scrollama/blob/master/src/Scrollama.js#L104) 😢. We're working on this in [#44](https://github.com/jsonkao/react-scrollama/issues/44).
-* Fire previous step triggers if they were jumped
-
-## Contributors
+## The contributors that made this possible
 
 * [jsonkao](https://github.com/jsonkao)
 * [NicholasLYang](https://github.com/NicholasLYang)
@@ -176,6 +199,10 @@ You will also probably want to set a `key` prop on each `Step` if you're transfo
 * [danieleguido](https://github.com/danieleguido)
 * [Lane](https://github.com/Lane)
 
-## License
+## Features roadmap
+
+* Being able to use pixels instead of percent for offset value so stuff on mobile doesn't jump around on scroll direction change
+* Currently, there is no way to throttle/customize React Scrollama's [resize listener](https://github.com/jsonkao/react-scrollama/blob/master/src/Scrollama.js#L104) 😢. We're working on this in [#44](https://github.com/jsonkao/react-scrollama/issues/44).
+* Fire previous step triggers if they were jumped
 
-MIT
+If you need these features ASAP, let us know in issue!