Skip to content

Instantly share code, notes, and snippets.

/index.html

Created May 13, 2016 15:55
Show Gist options
  • Save anonymous/63ec03e62fd644f6128595898797a14d to your computer and use it in GitHub Desktop.
Save anonymous/63ec03e62fd644f6128595898797a14d to your computer and use it in GitHub Desktop.
Download ZIP
Presentation
Raw
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 <[email protected]>
*/
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>
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

image

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

image

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!
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment