├── .gitignore
├── screenshot.png
├── LICENSE
├── style.css
├── README.md
├── index.html
└── js
    └── tabletop.js


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | index.js
3 | sample-data.js
4 | 


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jlord/federal-gov/HEAD/screenshot.png


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 Jessica Lord
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   font-family: 'Source Sans Pro', 'Helvetica Neue', 'Arial', sans-serif;
 3 |   margin: 0; padding: 0;
 4 |   font-size: 1em;
 5 |   color: #333;
 6 |   background-color: #fdfdfd;
 7 | }
 8 | 
 9 | a {
10 |   color: #3f6def;
11 |   text-decoration: none;
12 |   padding-bottom: 1px;
13 |   border-bottom: 1px dotted #3f6def;
14 | }
15 | 
16 | .hidden {
17 |   display: none !important;
18 | }
19 | 
20 | .wrapper {
21 |   max-width: 980px;
22 |   margin: 0 auto;
23 |   padding: 20px;
24 | }
25 | 
26 | .activities-list {
27 |   margin: 0; padding: 0;
28 | }
29 | 
30 | .activities-list li {
31 |   display: inline;
32 |   margin: 0; padding: 0;
33 |   margin-right: 16px;
34 |   padding: 8px 16px;
35 |   cursor: pointer;
36 | }
37 | 
38 | header {
39 |   padding-bottom: 30px;
40 | }
41 | 
42 | .month-title {
43 |   font-size: 2em;
44 |   padding-bottom: 10px;
45 |   margin-bottom: 40px;
46 |   border-bottom: 2px solid #333;
47 | }
48 | 
49 | /* EACH ITEM ~~~~~~~~~~~~~~~~~~~ */
50 | 
51 | .item {
52 |   display: inline-block;
53 |   vertical-align: top;
54 |   margin-bottom: 40px;
55 |   padding-right: 20px;
56 |   width: 300px;
57 | }
58 | 
59 | .item-header {
60 |   padding-bottom: 12px;
61 | }
62 | 
63 | .item-header span {
64 |   display: inline-block;
65 |   margin-right: 8px;
66 |   padding: 8px 16px;
67 |   font-size: .7em;
68 | }
69 | 
70 | .item-activity {
71 |   text-transform: uppercase;
72 |   letter-spacing: .05em;
73 |   font-weight: bold;
74 |   font-size: .7em;
75 | }
76 | 
77 | .obstruction {
78 |   background-color: #ef527e;
79 |   color: #f7eef0;
80 | }
81 | 
82 | .departure {
83 |   background-color: #ef624b;
84 |   color: #ffeeec;
85 | }
86 | 
87 | .lie {
88 |   background-color: #da4242;
89 |   color: #f3eded;
90 | }
91 | 
92 | .conflict {
93 |   background-color: #ffb66c;
94 |   color: #fff6ee;
95 | }
96 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <a href="http://jlord.github.io/forkngo"><img src='https://github.com/jlord/forkngo/blob/gh-pages/badges/charcoal.png?raw=true' width="200"></a>
 2 | 
 3 | # Federal Government
 4 | 
 5 | This is a [website](https://jlord.github.io/federal-gov) generated from a [Google Spreadsheet](https://docs.google.com/spreadsheets/d/17H2IL-o2G-JAwaukZCZ0aCfL09nEthZb_EUrB3wikwY/edit#gid=0) of articles about the actions of the United States Federal Government in 2017.
 6 | 
 7 | 
 8 | ---
 9 | 
10 | ## Why
11 | 
12 | There are a lot of things happening daily as a new administration prepares to take the helm of the US Government. I see links scattered throughout my social media feeds and I wanted to try consolidating these things in a way where I (and others) might be able to see the breadth of what's going on in a simplified but informative way.
13 | 
14 | ### Selection
15 | 
16 | I am selecting events which challenge the way the US Government functions. Right now these are broadly categorized by what it is that made each event newsworthy: Is it an illegal conflict of interest? Is a lie? Does it intend to hinder the normal functions of the government? Is it a shocking break with convention? If the government does something good that's great, but those aren't the things to cover here. Feel free to [fork this repository and create that site](http://jlord.github.io/forkngo) if you so desire.  
17 | 
18 | ### Sources
19 | 
20 | Right now the information is added by me to a spreadsheet manually as I read about events either through my social media feeds or directly from the publication.
21 | 
22 | #### Week 1
23 | 
24 | Since I'm starting this a week into the new year, I used an [existing list of events](http://textuploader.com/ddzqv) (which were [derived from this tweet](https://twitter.com/sarahkendzior/status/818547688383848449)) to cover last week.
25 | 
26 | ### Presentation
27 | 
28 | The way the information is presented on the site has to do with some experiments that were in my head.
29 | 
30 | #### Simplify Information
31 | 
32 | Similar to my [Essential Electron](http://jlord.us/essential-electron) project, I wanted to challenge myself to simplify as much as I could. Of course full articles for more in depth information is provided.
33 | 
34 | #### Don't use names
35 | 
36 | Rather than use proper nouns, I'm using titles or relationships. Abstracting them one level seems more like the reflection on the country as a whole and our government rather than an individual, which is interesting to me.
37 | 
38 | ## Future
39 | 
40 | I want to experiment with formats more (calendar? table?) and add sorting and filtering.
41 | 
42 | ## Technical
43 | 
44 | This site uses a band-aided version of my [sheetsee.js](https://github.com/jlord/sheetsee.js) (I am gonna be refreshing the project soon!) library and tabletop.js to visual data from a Google Spreadsheet.
45 | 
46 | ### Want to use the data in your project?
47 | 
48 | The data from the spreadsheet is public and accessible through this Google Spreadsheet key: `17H2IL-o2G-JAwaukZCZ0aCfL09nEthZb_EUrB3wikwY`. You can use the Google API to work with it or a library like [Tabletop.js](https://github.com/jsoma/tabletop) which will return the contents to you as nice, clean JSON.
49 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <meta charset="utf-8">
  5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
  7 |     <meta name="description" content="Federal Government 2017">
  8 |     <meta name="author" content="Jessica Lord">
  9 |     <title>Federal Government 2017</title>
 10 |     <!-- TODO <link rel="icon" type="image/png" href="favicon.png"> -->
 11 |     <link rel="stylesheet" href="style.css">
 12 |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 13 |     <script type="text/javascript" src="js/tabletop.js"></script>
 14 |     <script type="text/javascript" src="js/sheetsee.js"></script>
 15 |   </head>
 16 |   <body>
 17 |     <header>
 18 |       <div class="wrapper">
 19 |         <h1>Federal Government 2017</h1>
 20 |         <h3>Summaries of events from the US Government. <b><a href="https://goo.gl/forms/iBSzmI54QJ52uJ6M2" target="_blank">Submit activity</a></b>!</h3>
 21 |         <p>This project and data is <b>open source</b>: read about the <a href="https://github.com/jlord/federal-gov/blob/master/README.md" target="_blank">project</a>, see the <a href="https://github.com/jlord/federal-gov" target="_blank">code</a> or use the <a href="https://docs.google.com/spreadsheets/d/17H2IL-o2G-JAwaukZCZ0aCfL09nEthZb_EUrB3wikwY/edit#gid=0" target="_blank">data</a>.</p>
 22 |         <h4>Select to filter by activity</h4>
 23 |         <ul class="activities-list">
 24 |           <li class="item-activity obstruction" role="button" tabindex="0">Obstruction</li>
 25 |           <li class="item-activity conflict" role="button" tabindex="0">Conflict</li>
 26 |           <li class="item-activity lie" role="button" tabindex="0">Lie</li>
 27 |           <li class="item-activity departure" role="button" tabindex="0">Departure</li>
 28 |           <li class="item-activity all hidden" role="button" tabindex="0">View All</li>
 29 |       </div>
 30 |     </header>
 31 | 
 32 |     <div id="acts" class="wrapper">Loading...</div>
 33 | 
 34 |     <script id="acts_template" type="text/html">
 35 |       <!-- TODO It's not January forever -->
 36 |       <h2 class="month-title">January 2017</h2>
 37 |       {{#rows}}
 38 |       <div class="item">
 39 |         <div class="item-header">
 40 |           <span class="item-activity {{activity}}">{{activity}}</span>
 41 |         </div>
 42 |         <small>
 43 |           <span class="meta item-branch">{{branch}} Branch</span> —
 44 |           <span class="meta item-date">{{date}}</span>
 45 |         </small>
 46 |         <h2 class="item-description">{{description}}</h2>
 47 |         <p>{{detail}}</p>
 48 |         <small><a href="{{article}}">Article</a></small>
 49 |       </div>
 50 |       {{/rows}}
 51 |     </script>
 52 | 
 53 |     <script type="text/javascript">
 54 |     document.addEventListener('DOMContentLoaded', function () {
 55 |       var URL = '17H2IL-o2G-JAwaukZCZ0aCfL09nEthZb_EUrB3wikwY'
 56 |       Tabletop.init({ key: URL, callback: showInfo, simpleSheet: true })
 57 |     })
 58 | 
 59 |     function showInfo(data) {
 60 |       // TODO Parse article URL to generate source for link
 61 |       // TODO Add filtering and sorting
 62 |       var options = {'data': data.reverse(), 'tableDiv': '#acts'}
 63 |       Sheetsee.makeTable(options)
 64 |     }
 65 | 
 66 |     $('li.item-activity').click(function(event) {
 67 |       filter(event.target.classList[1])
 68 |     })
 69 | 
 70 |     function filter(type) {
 71 |       // If you're switching filters, first reset the applied filter.
 72 |       if (type !== 'all') {
 73 |         filter('all')
 74 |         $('.item-activity.all')[0].classList.remove('hidden')
 75 |       } else {
 76 |         $('.item-activity.all')[0].classList.add('hidden')
 77 |       }
 78 | 
 79 |       var items = acts.querySelectorAll('.item')
 80 |       for (var i = 0; i < items.length; i++) {
 81 |         if (type === 'all') {
 82 |           items[i].classList.remove('hidden')
 83 |         } else {
 84 |           var category = items[i].querySelector('.item-activity').textContent.trim();
 85 |           if (category !== type) {
 86 |             items[i].classList.add('hidden')
 87 |           }
 88 |         }
 89 |       }
 90 |     }
 91 |     </script>
 92 | 
 93 |     <script>
 94 |       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 95 |       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 96 |       m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 97 |       })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 98 |       ga('create', 'UA-90151103-1', 'auto');
 99 |       ga('send', 'pageview');
100 |     </script>
101 |   </body>
102 | </html>
103 | 


--------------------------------------------------------------------------------
/js/tabletop.js:
--------------------------------------------------------------------------------
1 | !function(){'use strict';var inNodeJS=!1;if('undefined'!=typeof process&&!process.browser){inNodeJS=!0;var request=require('request'.trim())}var supportsCORS=!1,inLegacyIE=!1;try{var testXHR=new XMLHttpRequest;'undefined'!=typeof testXHR.withCredentials?supportsCORS=!0:'XDomainRequest'in window&&(supportsCORS=!0,inLegacyIE=!0)}catch(e){}var indexOfProto=Array.prototype.indexOf,ttIndexOf=function(array,item){var i=0,l=array.length;if(indexOfProto&&array.indexOf===indexOfProto)return array.indexOf(item);for(;i<l;i++)if(array[i]===item)return i;return-1},Tabletop=function(options){return this&&this instanceof Tabletop?('string'==typeof options&&(options={key:options}),this.callback=options.callback,this.wanted=options.wanted||[],this.key=options.key,this.simpleSheet=!!options.simpleSheet,this.parseNumbers=!!options.parseNumbers,this.wait=!!options.wait,this.reverse=!!options.reverse,this.postProcess=options.postProcess,this.debug=!!options.debug,this.query=options.query||'',this.orderby=options.orderby,this.endpoint=options.endpoint||'https://spreadsheets.google.com',this.singleton=!!options.singleton,this.simpleUrl=!(!options.simpleUrl&&!options.simple_url),this.callbackContext=options.callbackContext,this.prettyColumnNames='undefined'==typeof options.prettyColumnNames?!options.proxy:options.prettyColumnNames,'undefined'!=typeof options.proxy&&(this.endpoint=options.proxy.replace(/\/$/,''),this.simpleUrl=!0,this.singleton=!0,supportsCORS=!1),this.parameterize=options.parameterize||!1,this.singleton&&('undefined'!=typeof Tabletop.singleton&&this.log('WARNING! Tabletop singleton already defined'),Tabletop.singleton=this),/key=/.test(this.key)&&(this.log('You passed an old Google Docs url as the key! Attempting to parse.'),this.key=this.key.match('key=(.*?)(&|#|$)')[1]),/pubhtml/.test(this.key)&&(this.log('You passed a new Google Spreadsheets url as the key! Attempting to parse.'),this.key=this.key.match('d\\/(.*?)\\/pubhtml')[1]),/spreadsheets\/d/.test(this.key)&&(this.log('You passed the most recent version of Google Spreadsheets url as the key! Attempting to parse.'),this.key=this.key.match('d\\/(.*?)/')[1]),this.key?(this.log('Initializing with key '+this.key),this.models={},this.modelNames=[],this.model_names=this.modelNames,this.baseJsonPath='/feeds/worksheets/'+this.key+'/public/basic?alt=',inNodeJS||supportsCORS?this.baseJsonPath+='json':this.baseJsonPath+='json-in-script',void(this.wait||this.fetch())):void this.log('You need to pass Tabletop a key!')):new Tabletop(options)};Tabletop.callbacks={},Tabletop.init=function(options){return new Tabletop(options)},Tabletop.sheets=function(){this.log('Times have changed! You\'ll want to use var tabletop = Tabletop.init(...); tabletop.sheets(...); instead of Tabletop.sheets(...)')},Tabletop.prototype={fetch:function(callback){'undefined'!=typeof callback&&(this.callback=callback),this.requestData(this.baseJsonPath,this.loadSheets)},requestData:function(path,callback){if(this.log('Requesting',path),inNodeJS)this.serverSideFetch(path,callback);else{var protocol=this.endpoint.split('//').shift()||'http';!supportsCORS||inLegacyIE&&protocol!==location.protocol?this.injectScript(path,callback):this.xhrFetch(path,callback)}},xhrFetch:function(path,callback){var xhr=inLegacyIE?new XDomainRequest:new XMLHttpRequest;xhr.open('GET',this.endpoint+path);var self=this;xhr.onload=function(){var json;try{json=JSON.parse(xhr.responseText)}catch(e){console.error(e)}callback.call(self,json)},xhr.send()},injectScript:function(path,callback){var callbackName,script=document.createElement('script');if(this.singleton)callback===this.loadSheets?callbackName='Tabletop.singleton.loadSheets':callback===this.loadSheet&&(callbackName='Tabletop.singleton.loadSheet');else{var self=this;callbackName='tt'+ +new Date+Math.floor(1e5*Math.random()),Tabletop.callbacks[callbackName]=function(){var args=Array.prototype.slice.call(arguments,0);callback.apply(self,args),script.parentNode.removeChild(script),delete Tabletop.callbacks[callbackName]},callbackName='Tabletop.callbacks.'+callbackName}var url=path+'&callback='+callbackName;this.simpleUrl?path.indexOf('/list/')!==-1?script.src=this.endpoint+'/'+this.key+'-'+path.split('/')[4]:script.src=this.endpoint+'/'+this.key:script.src=this.endpoint+url,this.parameterize&&(script.src=this.parameterize+encodeURIComponent(script.src)),this.log('Injecting',script.src),document.getElementsByTagName('script')[0].parentNode.appendChild(script)},serverSideFetch:function(path,callback){var self=this;this.log('Fetching',this.endpoint+path),request({url:this.endpoint+path,json:!0},function(err,resp,body){return err?console.error(err):void callback.call(self,body)})},isWanted:function(sheetName){return 0===this.wanted.length||ttIndexOf(this.wanted,sheetName)!==-1},data:function(){if(0!==this.modelNames.length)return this.simpleSheet?(this.modelNames.length>1&&this.debug&&this.log('WARNING You have more than one sheet but are using simple sheet mode! Don\'t blame me when something goes wrong.'),this.models[this.modelNames[0]].all()):this.models},addWanted:function(sheet){ttIndexOf(this.wanted,sheet)===-1&&this.wanted.push(sheet)},loadSheets:function(data){var i,ilen,toLoad=[];for(this.googleSheetName=data.feed.title.$t,this.foundSheetNames=[],i=0,ilen=data.feed.entry.length;i<ilen;i++)if(this.foundSheetNames.push(data.feed.entry[i].title.$t),this.isWanted(data.feed.entry[i].content.$t)){var linkIdx=data.feed.entry[i].link.length-1,sheetId=data.feed.entry[i].link[linkIdx].href.split('/').pop(),jsonPath='/feeds/list/'+this.key+'/'+sheetId+'/public/values?alt=';jsonPath+=inNodeJS||supportsCORS?'json':'json-in-script',this.query&&(jsonPath+='&tq='+this.query),this.orderby&&(jsonPath+='&orderby=column:'+this.orderby.toLowerCase()),this.reverse&&(jsonPath+='&reverse=true'),toLoad.push(jsonPath)}for(this.sheetsToLoad=toLoad.length,i=0,ilen=toLoad.length;i<ilen;i++)this.requestData(toLoad[i],this.loadSheet)},sheets:function(sheetName){return'undefined'==typeof sheetName?this.models:'undefined'==typeof this.models[sheetName]?void 0:this.models[sheetName]},sheetReady:function(model){this.models[model.name]=model,ttIndexOf(this.modelNames,model.name)===-1&&this.modelNames.push(model.name),this.sheetsToLoad--,0===this.sheetsToLoad&&this.doCallback()},loadSheet:function(data){var that=this;new Tabletop.Model({data:data,parseNumbers:this.parseNumbers,postProcess:this.postProcess,tabletop:this,prettyColumnNames:this.prettyColumnNames,onReady:function(){that.sheetReady(this)}})},doCallback:function(){0===this.sheetsToLoad&&this.callback.apply(this.callbackContext||this,[this.data(),this])},log:function(){this.debug&&'undefined'!=typeof console&&'undefined'!=typeof console.log&&Function.prototype.apply.apply(console.log,[console,arguments])}},Tabletop.Model=function(options){var i,j,ilen,jlen;if(this.columnNames=[],this.column_names=this.columnNames,this.name=options.data.feed.title.$t,this.tabletop=options.tabletop,this.elements=[],this.onReady=options.onReady,this.raw=options.data,'undefined'==typeof options.data.feed.entry)return options.tabletop.log('Missing data for '+this.name+', make sure you didn\'t forget column headers'),this.originalColumns=[],this.elements=[],void this.onReady.call(this);for(var key in options.data.feed.entry[0])/^gsx/.test(key)&&this.columnNames.push(key.replace('gsx$',''));for(this.originalColumns=this.columnNames,this.original_columns=this.originalColumns,i=0,ilen=options.data.feed.entry.length;i<ilen;i++){var source=options.data.feed.entry[i],element={};for(j=0,jlen=this.columnNames.length;j<jlen;j++){var cell=source['gsx$'+this.columnNames[j]];'undefined'!=typeof cell?options.parseNumbers&&''!==cell.$t&&!isNaN(cell.$t)?element[this.columnNames[j]]=+cell.$t:element[this.columnNames[j]]=cell.$t:element[this.columnNames[j]]=''}void 0===element.rowNumber&&(element.rowNumber=i+1),options.postProcess&&options.postProcess(element),this.elements.push(element)}options.prettyColumnNames?this.fetchPrettyColumns():this.onReady.call(this)},Tabletop.Model.prototype={all:function(){return this.elements},fetchPrettyColumns:function(){if(!this.raw.feed.link[3])return this.ready();var cellurl=this.raw.feed.link[3].href.replace('/feeds/list/','/feeds/cells/').replace('https://spreadsheets.google.com',''),that=this;this.tabletop.requestData(cellurl,function(data){that.loadPrettyColumns(data)})},ready:function(){this.onReady.call(this)},loadPrettyColumns:function(data){for(var prettyColumns={},columnNames=this.columnNames,i=0,l=columnNames.length;i<l;i++)'undefined'!=typeof data.feed.entry[i].content.$t?prettyColumns[columnNames[i]]=data.feed.entry[i].content.$t:prettyColumns[columnNames[i]]=columnNames[i];this.prettyColumns=prettyColumns,this.pretty_columns=this.prettyColumns,this.prettifyElements(),this.ready()},prettifyElements:function(){var i,j,ilen,jlen,prettyElements=[],orderedPrettyNames=[];for(j=0,jlen=this.columnNames.length;j<jlen;j++)orderedPrettyNames.push(this.prettyColumns[this.columnNames[j]]);for(i=0,ilen=this.elements.length;i<ilen;i++){var newElement={};for(j=0,jlen=this.columnNames.length;j<jlen;j++){var newColumnName=this.prettyColumns[this.columnNames[j]];newElement[newColumnName]=this.elements[i][this.columnNames[j]]}prettyElements.push(newElement)}this.elements=prettyElements,this.columnNames=orderedPrettyNames},toArray:function(){var i,j,ilen,jlen,array=[];for(i=0,ilen=this.elements.length;i<ilen;i++){var row=[];for(j=0,jlen=this.columnNames.length;j<jlen;j++)row.push(this.elements[i][this.columnNames[j]]);array.push(row)}return array}},'undefined'!=typeof module&&module.exports?module.exports=Tabletop:'function'==typeof define&&define.amd?define(function(){return Tabletop}):window.Tabletop=Tabletop}();
2 | 


--------------------------------------------------------------------------------