|
<!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'; |
|
letter-spacing:-5px; |
|
background:#000; |
|
background-size:100%; |
|
color:#fff; |
|
margin:0; |
|
padding:0; |
|
font-weight:bold; |
|
} |
|
|
|
h1, h2, h3, p { |
|
margin:0; |
|
} |
|
|
|
em, a { |
|
font-style:normal; |
|
color:#8dbd0c; |
|
} |
|
|
|
a { |
|
background: #34d0e7; |
|
color:#000; |
|
text-decoration:none; |
|
} |
|
|
|
img { |
|
width:100%; |
|
} |
|
|
|
div { |
|
cursor:pointer; |
|
cursor:hand; |
|
position:absolute; |
|
top:0; |
|
left:0; |
|
} |
|
|
|
</style> |
|
<script type='text/javascript'> |
|
window.onload = function() { |
|
var s = document.getElementsByTagName('div'), cur = 0, ti; |
|
if (!s) return; |
|
function go(n) { |
|
cur = n; |
|
var i = 1e3, e = s[n], t; |
|
document.body.className = e.dataset.bodyclass || ''; |
|
for (var k = 0; k < s.length; k++) s[k].style.display = 'none'; |
|
e.style.display = 'inline'; |
|
e.style.fontSize = i + 'px'; |
|
if (e.firstChild && e.firstChild.nodeName === 'IMG') { |
|
document.body.style.backgroundImage = 'url(' + e.firstChild.src + ')'; |
|
e.firstChild.style.display = 'none'; |
|
if ('classList' in e) e.classList.add('imageText'); |
|
} else { |
|
document.body.style.backgroundImage = ''; |
|
document.body.style.backgroundColor = e.style.backgroundColor; |
|
} |
|
if (ti !== undefined) window.clearInterval(ti); |
|
t = parseInt(e.dataset.timeToNext || 0, 10); |
|
if (t > 0) ti = window.setTimeout(fwd, (t * 1000)); |
|
while ( |
|
e.offsetWidth > window.innerWidth || |
|
e.offsetHeight > window.innerHeight) { |
|
e.style.fontSize = (i -= 2) + '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)); }; |
|
function fwd() { go(Math.min(s.length - 1, ++cur)); } |
|
function rev() { go(Math.max(0, --cur)); } |
|
document.onkeydown = function(e) { |
|
if (e.which === 39 || e.which === 34 || e.which === 40) fwd(); |
|
if (e.which === 37 || e.which === 33 || e.which === 38) rev(); |
|
}; |
|
document.ontouchstart = function(e) { |
|
var x0 = e.changedTouches[0].pageX; |
|
document.ontouchend = function(e) { |
|
var x1 = e.changedTouches[0].pageX; |
|
if (x1 - x0 < 0) fwd(); |
|
if (x1 - x0 > 0) rev(); |
|
}; |
|
}; |
|
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><p>Cottage</p> |
|
<blockquote> |
|
<p><code>></code>you are standing in a small cottage. There is a <strong>fishing pole</strong> here. |
|
Exits are: OUT</p> |
|
</blockquote> |
|
</div> |
|
<div><p><img src="http://www.reactiongifs.com/wp-content/uploads/2013/10/woah.gif" alt="keanu"> |
|
Yes Keanu. Woah indeed.</p> |
|
</div> |
|
<div><p>-</p> |
|
<h2 id="no-more-essays">No More Essays</h2> |
|
</div> |
|
<div><p><em>or</em></p> |
|
</div> |
|
<div><p>Writing History Beyond the Page</p> |
|
</div> |
|
<div><p><img src="http://carleton.ca/history/wp-content/uploads/LUT6410-300px.jpg" alt="Bruce in his Office"></p> |
|
</div> |
|
<div><p><img src="https://farm6.staticflickr.com/5100/5522568035_f8f18fd98b_b_d.jpg" alt="Welding Shop"></p> |
|
</div> |
|
<div><p><img src="http://i.imgur.com/pWtl5y8.jpg" alt="Imgur"></p> |
|
</div> |
|
<div><p><img src="https://upload.wikimedia.org/wikipedia/commons/d/d7/Don_Knotts_Jim_Nabors_Andy_Griffith_Show_1964.JPG" alt="slackjawed"></p> |
|
</div> |
|
<div><p>I'd prefer if someone called 'bullshit'.</p> |
|
</div> |
|
<div><p><img src="https://farm8.staticflickr.com/7085/7318389106_0ffd2210a9_o_d.jpg" alt="why?"></p> |
|
</div> |
|
<div><p>...instrumentalization of learning is part of it. |
|
<img src="https://media.giphy.com/media/3nzV15TfT3MqY/giphy.gif" alt="hugo"></p> |
|
</div> |
|
<div><p><img src="https://farm1.staticflickr.com/95/221947325_8eb72801d9_b_d.jpg" alt="Dublin Prison"> |
|
...surveillance masking as 'Engagement Analytics' </p> |
|
</div> |
|
<div><p>This isn't a new thing, of course.</p> |
|
</div> |
|
<div><p><img src="https://s3.amazonaws.com/hackedu/patentimage1.png" alt="1966 machine"> |
|
via <a href="http://hackeducation.com/2014/06/22/ed-tech-patents">Audrey Watters, whom you must read</a></p> |
|
</div> |
|
<div><p><img src="https://s3.amazonaws.com/hackedu/patentapp2.png" alt="teaching spelling"> |
|
1866</p> |
|
</div> |
|
<div><p><img src="http://i.imgur.com/gms7jxq.png" alt="audrey watters"></p> |
|
</div> |
|
<div><p><a href="http://hackeducation.com/2013/03/26/ed-tech-solutionism-morozov">Click Here to Save Education</a></p> |
|
</div> |
|
<div><p><img src="http://i.imgur.com/kffFzS7.png" alt="think of the children"></p> |
|
</div> |
|
<div><p>But when I hear 'Digital Natives'</p> |
|
</div> |
|
<div><p><img src="https://farm9.staticflickr.com/8203/8171361502_f36bee130e_o_d.jpg" alt="img"></p> |
|
</div> |
|
<div><p>Or when I hear 'gamify!'</p> |
|
</div> |
|
<div><p><img src="http://i.imgur.com/ax37IXw.png" alt="Bogost"></p> |
|
</div> |
|
<div><p><img src="https://farm8.staticflickr.com/7243/13494766293_7ae4e50fef_k_d.jpg" alt="Curmudgeons of Sackville"></p> |
|
</div> |
|
<div><p>The Argument So Far:</p> |
|
</div> |
|
<div><ol> |
|
<li>Concerns for form kill love</li> |
|
</ol> |
|
</div> |
|
<div><ol> |
|
<li>Atomization & measurement kill joy</li> |
|
</ol> |
|
</div> |
|
<div><ol> |
|
<li>Both lead to surveillance and the casual acceptance of the same</li> |
|
</ol> |
|
</div> |
|
<div><ol> |
|
<li>Resulting in what we see in our classrooms.</li> |
|
</ol> |
|
</div> |
|
<div><p>...and the 'essay' is the prime vector.</p> |
|
</div> |
|
<div><p><img src="http://i.imgur.com/7Bj8qHG.png" alt="Imgur"></p> |
|
</div> |
|
<div><p><img src="http://freethoughtblogs.com/entequilaesverdad/files/2013/02/fighting-trousers-800x422.jpg" alt="img"></p> |
|
</div> |
|
<div><p>After a statement like that, I'd better have something good, right?</p> |
|
</div> |
|
<div><p><img src="https://c1.staticflickr.com/9/8200/8171362048_26fd75bd39.jpg" alt="img"></p> |
|
</div> |
|
<div><p>No more essays.</p> |
|
</div> |
|
<div><p>Unessays.</p> |
|
</div> |
|
<div><p>"How do we write good history?"</p> |
|
</div> |
|
<div><p><img src="https://farm5.staticflickr.com/4137/4791322423_7213b78fb9_b_d.jpg" alt="lego zombies"></p> |
|
</div> |
|
<div><p><img src="http://i.imgur.com/oxenSgE.png" alt="allison"></p> |
|
</div> |
|
<div><p>Some focus on place.</p> |
|
</div> |
|
<div><p><img src="http://i.imgur.com/LS5Qud0.png" alt="Christina"></p> |
|
</div> |
|
<div><p><img src="http://i.imgur.com/j7Q8dyR.jpg" alt="Pembroke"></p> |
|
</div> |
|
<div><p>Some focus on pushing the pyshical into the digital and back to the physical world.</p> |
|
</div> |
|
<div><p><img src="https://pbs.twimg.com/media/BkuU6WqCQAAS2fR.jpg" alt="air canada"></p> |
|
</div> |
|
<div><p><img src="http://i.imgur.com/VKl1b7W.png" alt="meso"></p> |
|
</div> |
|
<div><p>Some tell algorithmic stories.</p> |
|
</div> |
|
<div><p><img src="http://i.imgur.com/hf6jcRo.png" alt="vow to mithras"></p> |
|
</div> |
|
<div><p>Some build worlds</p> |
|
</div> |
|
<div><p><a href="https://docs.google.com/presentation/d/1GYZKKFpatf0fYf71akcSvDu4Qtb1RA9fCPhcdtajaS4/edit?pli=1#slide=id.p">RideauCraft</a> |
|
<img src="http://i.imgur.com/lvfbQh3.png" alt="Imgur"></p> |
|
</div> |
|
<div><p><a href="https://dl.dropboxusercontent.com/u/37716296/vimyparadata.html">VimyCraft</a> |
|
<img src="http://i.imgur.com/Ez2Qs2c.png" alt="Imgur"></p> |
|
</div> |
|
<div><p>The Medic's War |
|
<img src="http://epress.trincoll.edu/webwriting/wp-content/uploads/sites/12/2014/10/Graham1-MedicsWar1022px.jpg" alt="The Medic's War"></p> |
|
</div> |
|
<div><p><img src="http://i.imgur.com/XONpcHb.png" alt="Imgur"></p> |
|
</div> |
|
<div><p>The only thing worse than writing a 5 pg essay is <strong>not</strong> writing a 5 pg essay.</p> |
|
</div> |
|
<div><p>But...</p> |
|
</div> |
|
<div><p>? |
|
<img src="https://upload.wikimedia.org/wikipedia/commons/d/d7/Don_Knotts_Jim_Nabors_Andy_Griffith_Show_1964.JPG" alt="slackjawed"></p> |
|
</div> |
|
<div><p><img src="http://www.reactiongifs.com/wp-content/uploads/2013/10/woah.gif" alt="keanu"> |
|
Yes Keanu. Woah indeed.</p> |
|
</div> |
|
<div><p>Classroom</p> |
|
<blockquote> |
|
<p><code>></code>you are standing in a small classroom. There is a <strong>computer</strong> here. Students are staring at you. |
|
Exits are: OUT</p> |
|
</blockquote> |
|
</div> |