Add documentation for sheets sorting with video illustration (datacom…

…monsorg#88)

* Add documentation for sheets sorting with video illustration

* resolve comments

Gemfile.lock

@@ -26,8 +26,9 @@ GEM
       ffi (>= 1.3.0)
     eventmachine (1.2.7)
     execjs (2.7.0)
-    faraday (1.0.1)
+    faraday (1.1.0)
       multipart-post (>= 1.2, < 3)
+      ruby2_keywords
     ffi (1.13.1)
     forwardable-extended (2.6.0)
     gemoji (3.0.1)
@@ -211,7 +212,7 @@ GEM
     multipart-post (2.1.1)
     nokogiri (1.10.10)
       mini_portile2 (~> 2.4.0)
-    octokit (4.18.0)
+    octokit (4.19.0)
       faraday (>= 0.9)
       sawyer (~> 0.8.0, >= 0.5.3)
     pathutil (0.16.2)
@@ -224,6 +225,7 @@ GEM
     rouge (3.23.0)
     ruby-enum (0.8.0)
       i18n
+    ruby2_keywords (0.0.2)
     rubyzip (2.3.0)
     safe_yaml (1.0.5)
     sass (3.7.4)

api/sheets/get_dcid.md

@@ -8,7 +8,9 @@ grand_parent: API
 
 # Use Google Maps Autocomplete to find the dcid of a place.
 
-To use this feature, select a cell where you want to put the place dcid. Go to the Sheets menu bar, and click "Add-ons > Data Commons > Fill place dcids".
+To use this feature, select a cell where you want to put the place dcid. Go to the Sheets menu bar, and click:
+
+**"Add-ons > Data Commons > Fill place dcids"**
 
 ![](/assets/images/sheets/sheets_menu_bar.png)
 

api/sheets/sort.html

@@ -0,0 +1,26 @@
+---
+layout: default
+title: How to Sort
+nav_order: 8
+parent: Google Sheets
+grand_parent: API
+---
+
+<h1>How to Sort</h1>
+
+<p>To sort columns of data from the API, we suggest using the "filter views" Google Sheet feature.
+
+<p>Please check the following video for a complete example:</p>
+
+<video width="960" height="520" controls>
+  <source src="/api/sheets/sort.webm" type="video/webm">
+Your browser does not support the video tag.
+</video>
+
+<p>To summarize, the steps are:</p>
+
+<ul>
+<li>Populate data columns with DataCommons Sheets API</li>
+<li>Turn on filter views (Data > Filter views).</li>
+<li>Click the reverse triangle on each column to sort by that column (and exclude header row).</li>
+</ul>