Skip to content

Instantly share code, notes, and snippets.

@kmancher

kmancher/rethink.js

Last active March 20, 2019 03:47
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save kmancher/9d0e26547c9b690e8246652a0fc57261 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save kmancher/9d0e26547c9b690e8246652a0fc57261 to your computer and use it in GitHub Desktop.
Download ZIP
quote sorter
Raw
rethink.js
let allButton, mortButton, partButton, impButton, mortClose;
function setup() {
createCanvas(windowWidth, windowHeight);
noStroke();
allButton = createButton('all');
allButton.position(width-220, 20);
mortButton = createButton('mortality');
mortButton.position(width-220, 90);
partButton = createButton('paricipation');
partButton.position(width-220, 160);
impButton = createButton('imperfection');
impButton.position(width-220, 230);
mortClose = selectAll('.none', '.not-mortality');
}
function draw() {
mortButton.mouseClicked(mortOpen);
}
//function keyPressed() {
// save('canvas.jpg')
//}
function mortOpen() {
for (let i=0; i<mortClose.length; i++) {
mortClose[i].hide();
}
}
Raw
revive.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Revive Ideas</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="../p5.min.js"></script>
<script src="../addons/p5.dom.min.js"></script>
<script src="../addons/p5.sound.min.js"></script>
<script src="interaction.js"></script>
<script src="html2canvas.min.js"></script>
<link rel="stylesheet" href="https://use.typekit.net/ngi3ruh.css">
</head>
<body>
<a href="index.html"><div id="icon"></div></a>
<div class="content-container">
<h1>Revive thinking <span class="min">-</span></h1>
<div class="content-description">
<p>There is very little real invention. The story of design can be told through its references: a lineage of borrowed forms, quoted text, subtle homage and and not-so-subtle stealing. Trash tranforms objects though from a thing of value to no value, and from private posessions into public property. And from that position, you can take the object back.</p>
<p>Explore the quotes to the left. Hover to surface them, and use the buttons to filter them. Absorb the knowledge. Revive ideas that came before, and build upon them to create something new.</p>
</div>
</div>
<div id="quotes">
<div class="grid-item cell1 not-mortality">
<p class="orange">Consumer capitalism also depends on a fantasy of waste...that de-emphasizes the longevity of objects and the material problem of garbage.<br>—Elizabeth Carolyn Miller</p>
</div>
<div class="grid-item cell2 mortality">
<p class="magenta">Only by throwing something away can I be sure that something of myself has not yet been thrown away and perhaps need not be thrown away now or in the future.<br>—Italo Calvino</p>
</div>
<div class="grid-item cell3 imperfection">
<p class="purple">A website, or anything interactive, is inherently unfinished. It’s imperfect—maybe sometimes it even has a few bugs. But that’s the beauty of it. Websites are living, temporal spaces.<br>—Laurel Schwulst</p>
</div>
<div class="grid-item cell4 participation">
<p class="cyan">Participatory design work, if done well, can be fundamentally democratic, giving ordinary people a voice and an opportunity to influence outcomes.<br>—Jennie Winhall</p>
</div>
<div class="grid-item cell5 mortality">
<p class="orange">Durability is the ability to have longevity in a world in constant flux, characterized by future permutations that no one can predict.<br>—Alina Wheeler</p>
</div>
<div class="grid-item cell6 none">
<p class="magenta">Garbage can only be generated on the scale it is today because we don't have time for an extended relationship with the stuff of our daily life.<br>—Robin Nagle</p>
</div>
<div class="grid-item cell7 none">
<a href="http://google.com" target="_blank"><p class="purple">The sourball of every revolution: after the revolution, who’s going to pick up the garbage on Monday morning?<br>—Mierle Laderman Ukeles</p></a>
</div>
<div class="grid-item cell8 none">
<p class="cyan">We will no longer be persuaded that to be better off, we must consume more trashy products and devices.<br>—John Thackara</p>
</div>
<div class="grid-item cell9 none">
<p class="orange">Things are either devolving toward, or evolving from, nothingness.<br>—Leonard Koren</p>
</div>
<div class="grid-item cell10 none">
<p class="magenta">Better now, perhaps, to see brand identity as working only by association, as a vessel onto which people can project their own opinions. One that remains open enough to carry an array of points of view and in turn mean something slightly different to everyone.<br>—Nick Bell</p>
</div>
<div class="grid-item cell11 none">
<p class="purple">Imperfection is in some sort essential to all that we know of life. It is the sign of life in a mortal body, that is to say, of a state of progress and change. Nothing that lives is, or can be, rigidly perfect; part of it is decaying, part of it is nascent.<br>—John Ruskin</p>
</div>
<div class="grid-item cell12 none">
<p class="cyan"> Code never seeks perfection and is in a constant state of iteration. Coders are also generally not afraid of sharing their incomplete, imperfect code openly.<br>—Shekhar Gurav</p>
</div>
<div class="grid-item cell13 mortality">
<p class="orange">Maybe the most important thing we can do is figure out a way to use the style of graphic design to make the new environmentalism more than just a style.<br>—Karrie Jacobs</p>
</div>
<div class="grid-item cell14 none">
<p class="magenta">So if waste is this book’s object, its real subjects are desire and time, because the things we call our waste exist in an interzone between two states of mind and two structures of feeling.<br>—Brian Thill</p>
</div>
<div class="grid-item cell15 none">
<p class="purple">The task is to ‘create a real sense of emergency.’ Can art, literature, or architecture do that?<br>—Malcolm Miles</p>
</div>
<div class="grid-item cell16 none">
<p class="cyan">Sustainability, it must be acknowledged, is not a destination, but a journey. At what point do we want to ‘sustain’ — at a point of depletion or abundance?<br>—Wendy Jedlička, Jeremy Faludi, Pete Markiewicz, Tim Frick, Mark McCahill</p>
</div>
<div class="grid-item cell17 none">
<p class="orange">Altogether, poor images present a snapshot of the affective condition of the crowd, its neurosis, paranoia, and fear, as well as its craving for intensity, fun, and distraction.<br>—Hito Steyerl</p>
</div>
<div class="grid-item cell18 none">
<p class="magenta">Who gains by this construction of reality, by this representation of this condition as ‘natural’?<br>—Rick Poynor</p>
</div>
<div class="grid-item cell19 none">
<p class="purple">You have to throw the French fries container away. No one knows what else to do with it since, sadly, it was made that way, made to defeat the very knowledge that designed and manufactured it.<br>—Brian Allen</p>
</div>
<div class="grid-item cell20 none">
<p class="cyan"> Trash can document the world as it is, but it can also open up a space for thinking in unabashedly utopian terms about the world as it might be.<br>—Tina Kendall</p>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment