284 lines
7.6 KiB
HTML
284 lines
7.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>The Future is Here. What's Drupal got to do with it?</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<style>
|
|
|
|
@import url(http://fonts.googleapis.com/css?family=Ubuntu:500|Quattrocento+Sans:400,700,400italic);
|
|
|
|
section {
|
|
background-color: white;
|
|
color: black;
|
|
padding: 2em;
|
|
font-family: "Quattrocento Sans", Helvetica, Verdana, sans-serif;
|
|
font-weight: 400;
|
|
background-size: cover;
|
|
}
|
|
|
|
section.reverse {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
section p {
|
|
font-size: 1em;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
section strong {
|
|
font-weight: 700;
|
|
}
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
font-family: Ubuntu, Arial, sans-serif;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.big li {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
img {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
cite {
|
|
font-size: .8em;
|
|
color: #666;
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
|
|
a:link,
|
|
a:visited {
|
|
color: #99CCFF;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<section class="reverse" style="padding-top: 2em">
|
|
<h1>The Future is Here</h1>
|
|
<h2>What's Drupal got to do with it?</h2>
|
|
<br />
|
|
<h4><a href="https://etherpad.mozilla.org/future-here-nyccamp">etherpad.mozilla.org/future-here-nyccamp</a></h4>
|
|
<br />
|
|
<h4><a href="https://mlncn.withknown.com/">@mlncn</a><br />
|
|
<a href="http://agaric.com/">agaric.com</a></h4>
|
|
</section>
|
|
|
|
<section style="background-image:url(sky.jpg);">
|
|
</section>
|
|
|
|
<section style="background-image:url(solar-for-cell-towers-flickr-15247791918.jpg);">
|
|
<h2>The future is already here—</h2>
|
|
<cite><a href="https://www.flickr.com/photos/robinzblog/">Robin Capper</a>, Cell phone towers powered by solar panels, Nepal</cite>
|
|
</section>
|
|
|
|
<section style="background-image: url(prison-west-virginia-flickr-2678338123.jpg);">
|
|
<h2 style="margin-top: 10em">it’s just not very evenly distributed.</h2>
|
|
<cite><a href="https://www.flickr.com/photos/littlesister/">IndyDina</a>, "Moundsville Penitentiary, West Virginia"</cite>
|
|
</section>
|
|
|
|
<section style="background-image: url(solar-on-thatch-flickr-10145544156.jpg);">
|
|
<cite><a href="https://www.flickr.com/photos/divatusaid/">Azuri Technologies</a>, <a href="http://www.usaid.gov/div/portfolio/azuri">Rwanda pay-as-you-go</a></cite>
|
|
</section>
|
|
|
|
|
|
<section style="background-image:url(1413479953ewaste2.jpg);">
|
|
</section>
|
|
|
|
<section style="background-image:url(building-disturbing-prospect-park.jpg);">
|
|
</section>
|
|
|
|
<section style="background-image:url(140605-bp-oil-spill-rig-1321_29ac02f087e8f1e6d66c32b28ee5e801.jpg);">
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Companies with valuations based largely on your data</h2>
|
|
<ul>
|
|
<li>Acxiom ($1.3B)</li>
|
|
<li>Uber ($41B)</li>
|
|
<li>Palantir Technologies ($10B)</li>
|
|
<li>Yelp ($1.47B)</li>
|
|
<li>Facebook ($255B)</li>
|
|
<li>Google ($403B)</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section style="background-image:url(waze-com-2015-07-15.png); background-size:contain;">
|
|
</section>
|
|
|
|
<section style="background-image: url(coal-smokestacks-flickr-2471730096.jpg);">
|
|
<cite><a href="https://www.flickr.com/photos/11441121@N04/">peggydavis66</a>, "Coal power plant"</cite>
|
|
</section>
|
|
|
|
<section style="background-image: url(solar-rainbow-flickr_12861896715.jpg);">
|
|
<cite><a href="https://www.flickr.com/photos/jurvetson/">Steve Jurvetson</a>, "Solar Rainbow greeting me as I awoke on my birthday"</cite>
|
|
</section>
|
|
|
|
<section>
|
|
<ul class="big">
|
|
<li>We are the network. We effect (create, cause, bring into being) the value.</li>
|
|
<li>Open platforms have disadvantages to closed: in making up-front investment (one entity controlling a platform can capture the value more easily), can be easier to make a good user experience</li>
|
|
<li>Open platforms have advantages over closed: more companies can try their ideas, more different needs can be served (long tail).</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section style="background-image: url(NetNeutralityFreakOut.png); background-size:contain; background-position: center; background-repeat: no-repeat;">
|
|
</section>
|
|
|
|
<section style="background-image:url(gradeneuron_treeoflife4.png);">
|
|
</section>
|
|
|
|
<section style="padding-top:6em">
|
|
<ul class="big">
|
|
<li>Share data</li>
|
|
<li>???</li>
|
|
<li>Profit</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section style="background-image: url(content_seattle536403_585014608182994_1431750072_n.jpg); padding-top: 8em">
|
|
<h1 style="margin-top:4.5em"><a href="http://www.gardeneuron.net/">Gardeneuron.net</a></h1>
|
|
</section>
|
|
|
|
<section style="background-image:url(gradeneuron_treeoflife4.png); background-size: contain; background-position: center; background-repeat: no-repeat;">
|
|
</section>
|
|
|
|
<section style="background-image:url(restaurant-project-screenshot.png);">
|
|
</section>
|
|
|
|
<section style="background-image:url(roomify-screenshot.png);">
|
|
</section>
|
|
|
|
<section style="background-image:url(indiewebcamp_logo_1600px.png);">
|
|
</section>
|
|
|
|
<section class="reverse" style="padding:6em 13em;">
|
|
<h4><a href="https://etherpad.mozilla.org/future-here-nyccamp">etherpad.mozilla.org/future-here-nyccamp</a></h4>
|
|
<h4><a href="http://mlncn.withknown.com/" rel="author">benjamin melançon</a></h4>
|
|
<h5><a href="mailto:ben@agaric.com">ben@agaric.com</a></h5>
|
|
<h5><a href="https://twitter.com/mlncn">@mlncn</a></h5>
|
|
</section>
|
|
|
|
<section id="lorenz" style="text-align:center;padding-top:0;">
|
|
<canvas></canvas>
|
|
</section>
|
|
|
|
<section>
|
|
<h1><img src="klout.png" /></h1>
|
|
</section>
|
|
|
|
<section style="background-image: url(bizarro-stats.jpg); background-size:contain; background-position: center; background-repeat: no-repeat;">
|
|
</section>
|
|
|
|
<section>
|
|
<p>Distributed data and processing</p>
|
|
Bitcoin minus mining equals the future we deserve.
|
|
</section>
|
|
|
|
<section>
|
|
<li>This results in viable business models for free data.</li>
|
|
</section>
|
|
|
|
<script src="d3.v3.min.js"></script>
|
|
<script src="stack.v1.js"></script>
|
|
<script>
|
|
|
|
var mystack = stack()
|
|
.on("activate", activate)
|
|
.on("deactivate", deactivate);
|
|
|
|
var section = d3.selectAll("section"),
|
|
lorenz = d3.select("#lorenz"),
|
|
lorenzIndex = section[0].indexOf(lorenz.node());
|
|
|
|
function activate(d, i) {
|
|
if (i === lorenzIndex) startLorenz();
|
|
}
|
|
|
|
function deactivate(d, i) {
|
|
if (i === lorenzIndex) stopLorenz();
|
|
}
|
|
|
|
var lorenzInterval;
|
|
|
|
function startLorenz() {
|
|
var δτ = 0.003,
|
|
ρ = 28,
|
|
σ = 10,
|
|
β = 8 / 3,
|
|
x = .5,
|
|
y = .5,
|
|
z = 10,
|
|
n = 30;
|
|
|
|
var width = 1280,
|
|
height = 720;
|
|
|
|
var canvas = d3.select("canvas")
|
|
.style("position", "absolute")
|
|
.style("top", 0)
|
|
.style("left", 0)
|
|
.style("width", "100%")
|
|
.style("height", "100%")
|
|
.attr("width", width)
|
|
.attr("height", height);
|
|
|
|
var color = d3.scale.linear()
|
|
.domain([0, 20, 30, 50])
|
|
.range(["yellow", "orange", "brown", "purple"])
|
|
.interpolate(d3.interpolateHcl);
|
|
|
|
var context = canvas.node().getContext("2d");
|
|
|
|
context.lineWidth = .2;
|
|
context.fillStyle = "rgba(0,0,0,.03)";
|
|
|
|
d3.timer(function() {
|
|
context.save();
|
|
context.globalCompositeOperation = "lighter";
|
|
context.translate(width / 2, height / 2);
|
|
context.scale(12, 14);
|
|
context.rotate(30);
|
|
for (var i = 0; i < n; ++i) {
|
|
context.strokeStyle = color(z);
|
|
context.beginPath();
|
|
context.moveTo(x, y);
|
|
x += δτ * σ * (y - x);
|
|
y += δτ * (x * (ρ - z) - y);
|
|
z += δτ * (x * y - β * z);
|
|
context.lineTo(x, y);
|
|
context.stroke();
|
|
}
|
|
context.restore();
|
|
return !lorenzInterval;
|
|
});
|
|
|
|
lorenzInterval = setInterval(function() {
|
|
context.fillRect(0, 0, width, height);
|
|
}, 100);
|
|
}
|
|
|
|
function stopLorenz() {
|
|
lorenzInterval = clearInterval(lorenzInterval);
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|