/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
<title>Foo</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<style type='text/css'>
body {
  font-family: 'Helvetica Neue';
  background:#000;
  background-size:100%;
  color:#fff;
  margin:0;
}

.slide {
  padding: 20px;
  box-sizing: border-box;;
}

h1, h2, h3, p {
  margin:0;
  font-weight:200;
}

p, li {
  margin-bottom: .5em;
}

code {
  font-family: "Menlo", monospace;
  letter-spacing: 0;
}

em, i {
  font-weight: 200;
}

strong, b {
  font-weight: 400;
}

mark {
  color: orange;
}

a {
  color: orange;
  text-decoration:none;
}

img {
  width:100%;
}

div {
  cursor:pointer;
  cursor:hand;
  position:absolute;
  top:0;
  left:0;
}

ol, ul {
  margin: 0.5em 0;
  padding-left: 1em;
  list-style-type: square;
}

ul ul, ul ol, ol ol, ol ul {
  margin-left: .5em;
}

/*

Sunburst-like style (c) Vasily Polovnyov <vast@whiteants.net>

*/

pre code {
  display: block; padding: 0.5em;
  background: #000; color: #f8f8f8;
}

pre .comment,
pre .template_comment,
pre .javadoc {
  color: #aeaeae;
  font-style: italic;
}

pre .keyword,
pre .ruby .function .keyword,
pre .request,
pre .status,
pre .nginx .title {
  color: #E28964;
}

pre .function .keyword,
pre .sub .keyword,
pre .method,
pre .list .title {
  color: #99CF50;
}

pre .string,
pre .tag .value,
pre .cdata,
pre .filter .argument,
pre .attr_selector,
pre .apache .cbracket,
pre .date,
pre .tex .command {
  color: #65B042;
}

pre .subst {
  color: #DAEFA3;
}

pre .regexp {
  color: #E9C062;
}

pre .title,
pre .sub .identifier,
pre .pi,
pre .tag,
pre .tag .keyword,
pre .decorator,
pre .shebang,
pre .prompt {
  color: #89BDFF;
}

pre .class .title,
pre .haskell .type,
pre .smalltalk .class,
pre .javadoctag,
pre .yardoctag,
pre .phpdoc {
  text-decoration: underline;
}

pre .symbol,
pre .ruby .symbol .string,
pre .number {
  color: #3387CC;
}

pre .params,
pre .variable,
pre .clojure .attribute {
  color: #3E87E3;
}

pre .css .tag,
pre .rules .property,
pre .pseudo,
pre .tex .special {
  color: #CDA869;
}

pre .css .class {
  color: #9B703F;
}

pre .rules .keyword {
  color: #C5AF75;
}

pre .rules .value {
  color: #CF6A4C;
}

pre .css .id {
  color: #8B98AB;
}

pre .annotation,
pre .apache .sqbracket,
pre .nginx .built_in {
  color: #9B859D;
}

pre .preprocessor {
  color: #8996A8;
}

pre .hexcolor,
pre .css .value .number {
  color: #DD7B3B;
}

pre .css .function {
  color: #DAD085;
}

pre .diff .header,
pre .chunk,
pre .tex .formula {
  background-color: #0E2231;
  color: #F8F8F8;
  font-style: italic;
}

pre .diff .change {
  background-color: #4A410D;
  color: #F8F8F8;
}

pre .addition {
  background-color: #253B22;
  color: #F8F8F8;
}

pre .deletion {
  background-color: #420E09;
  color: #F8F8F8;
}

pre .coffeescript .javascript,
pre .javascript .xml,
pre .tex .formula,
pre .xml .javascript,
pre .xml .vbscript,
pre .xml .css,
pre .xml .cdata {
  opacity: 0.5;
}

</style>
<script type='text/javascript'>
window.onload = function() {
    var s = document.getElementsByTagName('div'), cur = 0;
    if (!s) return;
    function go(n) {
        cur = n;
        var i = 1e3, e = s[n];
        for (var k = 0; k < s.length; k++) s[k].style.display = 'none';
        e.style.display = 'inline-block';
        e.style.fontSize = i + 'px';
        if (e.firstChild.nodeName === 'IMG') {
            document.body.style.backgroundImage = 'url(' + e.firstChild.src + ')';
            e.firstChild.style.display = 'none';
        } else {
            document.body.style.backgroundImage = '';
            document.body.style.backgroundColor = e.style.backgroundColor;
        }
        while (
            e.offsetWidth > window.innerWidth ||
            e.offsetHeight > window.innerHeight) {
            e.style.fontSize = (i -= 10) + 'px';
            if (i < 0) break;
        }
        e.style.marginTop = ((window.innerHeight - e.offsetHeight) / 2) + 'px';
        if (window.location.hash !== n) window.location.hash = n;
        document.title = e.textContent || e.innerText;
    }
    document.onclick = function() {
        go(++cur % (s.length));
    };
    document.onkeydown = function(e) {
        (e.which === 39) && go(Math.min(s.length - 1, ++cur));
        (e.which === 37) && go(Math.max(0, --cur));
    };
    function parse_hash() {
        return Math.max(Math.min(
            s.length - 1,
            parseInt(window.location.hash.substring(1), 10)), 0);
    }
    if (window.location.hash) cur = parse_hash() || cur;
    window.onhashchange = function() {
        var c = parse_hash();
        if (c !== cur) go(c);
    };

    go(cur);
};
</script></head><body>
<div class="slide"><h1>open</h1>
</div>
<div class="slide"><h2>what does open mean?</h2>
</div>
<div class="slide"><p>&quot;Open means anyone can freely access, use, modify, and share for any purpose (subject, at most, to requirements that preserve provenance and openness).&quot;</p>
<p>- Summary of Open Definition</p>
</div>
<div class="slide"><h2>what can be open?</h2>
</div>
<div class="slide"><h2>information and content</h2>
<p><strong>data</strong> • <a href="https://data.dc.gov">data.dc.gov</a>, <a href="https://data.gov.uk">data.gov.uk</a></p>
<p><strong>art</strong> • <a href="http://www.asia.si.edu/collections/edan/default.cfm">Freer Sackler Museum collections</a>, <a href="http://digdc.dclibrary.org/">DC Public Library archives</a></p>
<p><strong>research</strong> • <a href="https://arxiv.org/">arXiv.org</a>, <a href="https://www.plos.org/">Public Library of Science</a></p>
<p><strong>code</strong> • <a href="https://government.github.com/community/">civic tech and government on GitHub</a>, <a href="https://www.tensorflow.org/">Google machine learning library</a></p>
</div>
<div class="slide"><h2>standards</h2>
<p><strong>laws</strong> (<a href="http://marylandcode.org/">Maryland state code</a>)</p>
<p><strong>formats</strong> (CSV, XML, JSON, HTML)</p>
<p><strong>frameworks</strong> (Bootstrap, Django, Ruby on Rails)</p>
</div>
<div class="slide"><h2>what are the benefits of open?</h2>
</div>
<div class="slide"><ul>
<li>allows dialogue + collaboration</li>
<li>often free or cheap</li>
<li>helps us build on and not just re-build</li>
<li>can be improved upon</li>
</ul>
</div>
<div class="slide"><h2>what are the challenges of open?</h2>
</div>
<div class="slide"><h2>open government</h2>
<p><img src="https://cloud.githubusercontent.com/assets/4269640/15251092/c3f0b8e2-18f5-11e6-929b-32b2aeba5d9c.png" alt="image"></p>
</div>
<div class="slide"><p>funded <em>by</em> the public</p>
</div>
<div class="slide"><p>build things <em>for</em> the public</p>
</div>
<div class="slide"><p>governments face many of the same problems <em>everywhere</em></p>
</div>
<div class="slide"><ul>
<li>311 system</li>
<li>school lotteries</li>
<li>budget data</li>
<li>maps of infrastructure</li>
<li>data portal</li>
</ul>
</div>
<div class="slide"><p><img src="https://cloud.githubusercontent.com/assets/4269640/15253485/80fb817e-1900-11e6-9387-7c57a8f4127e.png" alt="image"></p>
<p><a href="http://bit.ly/1VVPgl7"><a href="http://bit.ly/1VVPgl7">http://bit.ly/1VVPgl7</a></a></p>
</div>
<div class="slide"><p>before you build</p>
<ul>
<li>think deeply about your problem </li>
<li>do your user research</li>
<li>figure out who else is working on this problem</li>
<li>determine if you can copy or build on their work</li>
</ul>
</div>
<div class="slide"><p>building</p>
<ul>
<li>build in the open whenever possible</li>
<li>tell other people what you&#39;re working on</li>
<li>apply an open license</li>
<li>adopt open standards</li>
<li>document your work</li>
</ul>
</div>
<div class="slide"><p>next steps</p>
<ul>
<li>contribute back</li>
<li>make it reusable</li>
<li>tell everyone!</li>
</ul>
</div>

## slides.md

      
    Raw
  

              slides.md
            
          
    open


what does open mean?


"Open means anyone can freely access, use, modify, and share for any purpose (subject, at most, to requirements that preserve provenance and openness)."
- Summary of Open Definition

what can be open?


information and content

data • data.dc.gov, data.gov.uk
art • Freer Sackler Museum collections, DC Public Library archives
research • arXiv.org, Public Library of Science
code • civic tech and government on GitHub, Google machine learning library

standards

laws (Maryland state code)
formats (CSV, XML, JSON, HTML)
frameworks (Bootstrap, Django, Ruby on Rails)

what are the benefits of open?


allows dialogue + collaboration
often free or cheap
helps us build on and not just re-build
can be improved upon


what are the challenges of open?


open government


funded by the public

build things for the public

governments face many of the same problems everywhere


311 system
school lotteries
budget data
maps of infrastructure
data portal


http://bit.ly/1VVPgl7

before you build

think deeply about your problem
do your user research
figure out who else is working on this problem
determine if you can copy or build on their work


building

build in the open whenever possible
tell other people what you're working on
apply an open license
adopt open standards
document your work


next steps

contribute back
make it reusable
tell everyone!
	<!DOCTYPE html>
	<html>
	<head>
	<title>Foo</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<style type='text/css'>
	body {
	font-family: 'Helvetica Neue';
	background:#000;
	background-size:100%;
	color:#fff;
	margin:0;
	}

	.slide {
	padding: 20px;
	box-sizing: border-box;;
	}

	h1, h2, h3, p {
	margin:0;
	font-weight:200;
	}

	p, li {
	margin-bottom: .5em;
	}

	code {
	font-family: "Menlo", monospace;
	letter-spacing: 0;
	}

	em, i {
	font-weight: 200;
	}

	strong, b {
	font-weight: 400;
	}

	mark {
	color: orange;
	}

	a {
	color: orange;
	text-decoration:none;
	}

	img {
	width:100%;
	}

	div {
	cursor:pointer;
	cursor:hand;
	position:absolute;
	top:0;
	left:0;
	}

	ol, ul {
	margin: 0.5em 0;
	padding-left: 1em;
	list-style-type: square;
	}

	ul ul, ul ol, ol ol, ol ul {
	margin-left: .5em;
	}

	/*

	Sunburst-like style (c) Vasily Polovnyov <vast@whiteants.net>

	*/

	pre code {
	display: block; padding: 0.5em;
	background: #000; color: #f8f8f8;
	}

	pre .comment,
	pre .template_comment,
	pre .javadoc {
	color: #aeaeae;
	font-style: italic;
	}

	pre .keyword,
	pre .ruby .function .keyword,
	pre .request,
	pre .status,
	pre .nginx .title {
	color: #E28964;
	}

	pre .function .keyword,
	pre .sub .keyword,
	pre .method,
	pre .list .title {
	color: #99CF50;
	}

	pre .string,
	pre .tag .value,
	pre .cdata,
	pre .filter .argument,
	pre .attr_selector,
	pre .apache .cbracket,
	pre .date,
	pre .tex .command {
	color: #65B042;
	}

	pre .subst {
	color: #DAEFA3;
	}

	pre .regexp {
	color: #E9C062;
	}

	pre .title,
	pre .sub .identifier,
	pre .pi,
	pre .tag,
	pre .tag .keyword,
	pre .decorator,
	pre .shebang,
	pre .prompt {
	color: #89BDFF;
	}

	pre .class .title,
	pre .haskell .type,
	pre .smalltalk .class,
	pre .javadoctag,
	pre .yardoctag,
	pre .phpdoc {
	text-decoration: underline;
	}

	pre .symbol,
	pre .ruby .symbol .string,
	pre .number {
	color: #3387CC;
	}

	pre .params,
	pre .variable,
	pre .clojure .attribute {
	color: #3E87E3;
	}

	pre .css .tag,
	pre .rules .property,
	pre .pseudo,
	pre .tex .special {
	color: #CDA869;
	}

	pre .css .class {
	color: #9B703F;
	}

	pre .rules .keyword {
	color: #C5AF75;
	}

	pre .rules .value {
	color: #CF6A4C;
	}

	pre .css .id {
	color: #8B98AB;
	}

	pre .annotation,
	pre .apache .sqbracket,
	pre .nginx .built_in {
	color: #9B859D;
	}

	pre .preprocessor {
	color: #8996A8;
	}

	pre .hexcolor,
	pre .css .value .number {
	color: #DD7B3B;
	}

	pre .css .function {
	color: #DAD085;
	}

	pre .diff .header,
	pre .chunk,
	pre .tex .formula {
	background-color: #0E2231;
	color: #F8F8F8;
	font-style: italic;
	}

	pre .diff .change {
	background-color: #4A410D;
	color: #F8F8F8;
	}

	pre .addition {
	background-color: #253B22;
	color: #F8F8F8;
	}

	pre .deletion {
	background-color: #420E09;
	color: #F8F8F8;
	}

	pre .coffeescript .javascript,
	pre .javascript .xml,
	pre .tex .formula,
	pre .xml .javascript,
	pre .xml .vbscript,
	pre .xml .css,
	pre .xml .cdata {
	opacity: 0.5;
	}

	</style>
	<script type='text/javascript'>
	window.onload = function() {
	var s = document.getElementsByTagName('div'), cur = 0;
	if (!s) return;
	function go(n) {
	cur = n;
	var i = 1e3, e = s[n];
	for (var k = 0; k < s.length; k++) s[k].style.display = 'none';
	e.style.display = 'inline-block';
	e.style.fontSize = i + 'px';
	if (e.firstChild.nodeName === 'IMG') {
	document.body.style.backgroundImage = 'url(' + e.firstChild.src + ')';
	e.firstChild.style.display = 'none';
	} else {
	document.body.style.backgroundImage = '';
	document.body.style.backgroundColor = e.style.backgroundColor;
	}
	while (
	e.offsetWidth > window.innerWidth \|\|
	e.offsetHeight > window.innerHeight) {
	e.style.fontSize = (i -= 10) + 'px';
	if (i < 0) break;
	}
	e.style.marginTop = ((window.innerHeight - e.offsetHeight) / 2) + 'px';
	if (window.location.hash !== n) window.location.hash = n;
	document.title = e.textContent \|\| e.innerText;
	}
	document.onclick = function() {
	go(++cur % (s.length));
	};
	document.onkeydown = function(e) {
	(e.which === 39) && go(Math.min(s.length - 1, ++cur));
	(e.which === 37) && go(Math.max(0, --cur));
	};
	function parse_hash() {
	return Math.max(Math.min(
	s.length - 1,
	parseInt(window.location.hash.substring(1), 10)), 0);
	}
	if (window.location.hash) cur = parse_hash() \|\| cur;
	window.onhashchange = function() {
	var c = parse_hash();
	if (c !== cur) go(c);
	};

	go(cur);
	};
	</script></head><body>
	<div class="slide"><h1>open</h1>
	</div>
	<div class="slide"><h2>what does open mean?</h2>
	</div>
	<div class="slide"><p>"Open means anyone can freely access, use, modify, and share for any purpose (subject, at most, to requirements that preserve provenance and openness)."</p>
	<p>- Summary of Open Definition</p>
	</div>
	<div class="slide"><h2>what can be open?</h2>
	</div>
	<div class="slide"><h2>information and content</h2>
	<p><strong>data</strong> • <a href="https://data.dc.gov">data.dc.gov</a>, <a href="https://data.gov.uk">data.gov.uk</a></p>
	<p><strong>art</strong> • <a href="http://www.asia.si.edu/collections/edan/default.cfm">Freer Sackler Museum collections</a>, <a href="http://digdc.dclibrary.org/">DC Public Library archives</a></p>
	<p><strong>research</strong> • <a href="https://arxiv.org/">arXiv.org</a>, <a href="https://www.plos.org/">Public Library of Science</a></p>
	<p><strong>code</strong> • <a href="https://government.github.com/community/">civic tech and government on GitHub</a>, <a href="https://www.tensorflow.org/">Google machine learning library</a></p>
	</div>
	<div class="slide"><h2>standards</h2>
	<p><strong>laws</strong> (<a href="http://marylandcode.org/">Maryland state code</a>)</p>
	<p><strong>formats</strong> (CSV, XML, JSON, HTML)</p>
	<p><strong>frameworks</strong> (Bootstrap, Django, Ruby on Rails)</p>
	</div>
	<div class="slide"><h2>what are the benefits of open?</h2>
	</div>
	<div class="slide"><ul>
	<li>allows dialogue + collaboration</li>
	<li>often free or cheap</li>
	<li>helps us build on and not just re-build</li>
	<li>can be improved upon</li>
	</ul>
	</div>
	<div class="slide"><h2>what are the challenges of open?</h2>
	</div>
	<div class="slide"><h2>open government</h2>
	<p><img src="https://cloud.githubusercontent.com/assets/4269640/15251092/c3f0b8e2-18f5-11e6-929b-32b2aeba5d9c.png" alt="image"></p>
	</div>
	<div class="slide"><p>funded <em>by</em> the public</p>
	</div>
	<div class="slide"><p>build things <em>for</em> the public</p>
	</div>
	<div class="slide"><p>governments face many of the same problems <em>everywhere</em></p>
	</div>
	<div class="slide"><ul>
	<li>311 system</li>
	<li>school lotteries</li>
	<li>budget data</li>
	<li>maps of infrastructure</li>
	<li>data portal</li>
	</ul>
	</div>
	<div class="slide"><p><img src="https://cloud.githubusercontent.com/assets/4269640/15253485/80fb817e-1900-11e6-9387-7c57a8f4127e.png" alt="image"></p>
	<p><a href="http://bit.ly/1VVPgl7"><a href="http://bit.ly/1VVPgl7">http://bit.ly/1VVPgl7</a></a></p>
	</div>
	<div class="slide"><p>before you build</p>
	<ul>
	<li>think deeply about your problem </li>
	<li>do your user research</li>
	<li>figure out who else is working on this problem</li>
	<li>determine if you can copy or build on their work</li>
	</ul>
	</div>
	<div class="slide"><p>building</p>
	<ul>
	<li>build in the open whenever possible</li>
	<li>tell other people what you're working on</li>
	<li>apply an open license</li>
	<li>adopt open standards</li>
	<li>document your work</li>
	</ul>
	</div>
	<div class="slide"><p>next steps</p>
	<ul>
	<li>contribute back</li>
	<li>make it reusable</li>
	<li>tell everyone!</li>
	</ul>
	</div>