I don't even know what this was about

main
Shoofle 4 years ago
parent 8f2039ab3c
commit 5550215d5a
  1. 2
      articles/circle_script.article.html
  2. 7
      articles/identities_and_spaces.article.html
  3. 74
      guitar/alone_together
  4. 6
      guitar/wonderwall
  5. 40
      static/silly.html

@ -1,7 +1,7 @@
<article>
<style type="text/css">
svg circle, svg path { fill: none; }
svg .glyph { stroke: #600; }
svg .glyph { stroke: #600; fill: none; }
svg .vowel { stroke: #044; }
svg .radical { stroke: #004; }
svg circle.radical { fill: black; }

@ -0,0 +1,7 @@
<article>
<span class="sidenote">This article is about identities, how we define them, and my thoughts on this as someone with an education in mathematics. It's also a trial run of a type of document I don't think I've seen before. <label for="passage-description">You can click on passages marked like this.</label><span class="collapsed" id="passage-description">When you do so, additional information relevant to that subject will be shown. In theory, this allows for presenting an overview of the topic while allowing seamless exploration of the subtopics within it. Let's see how it works.</span>
<h1>Identities and Spaces</h1>
<p>Gender is a complicated subject.</p>
<p>The simplest possible view of gender is that there are two kinds of people, men and women. They can be identified by their external characteristics: girls have long hair and wear pink, boys have short hair and wear blue. If you want to make it sound more scientific, you can point out that women are, by and large, more emotionally connected and empathic, and boys are stronger and physically larger.</p>
<p>Sooner or later, you have to confront the existence of people who do not fit into those categories. These people will often be incorrectly identified as one gender when they are not. One solution to this is to ask each person what gender they are, and trust them to know which one they actually fit.
</article>

@ -0,0 +1,74 @@
http://surasshu.com/post/111164054629/can-you-tell-me-the-guitar-chords-in-the-song
E Maj7 f dim7 a min7 a min9 5th fret
e|-|-|-| e|o|-|-| e|-|-|-| e|-|-|-|-|-|
G|-|-|-| G|-|-|-| G|o|-|-| G|-|-|-|-|-|
B|o|-|-| B|o|-|-| B|-|-|-| B|-|-|-|-|o|
D|o|-|-| D|-|-|-| D|-|o|-| D|-|-|-|-|o|
A|-|o|-| A|-|o|-| A|-|-|-| A|-|-|-|-|-|
E|-|-|-| E|x|x|x| E|x|x|x| E|x|x|x|x|x|
A Maj7 G#7 a min7 a min9 5th fret
e|-|-|-| e|-|-|o| e|-|-|-| e|-|-|-|-|-|
G|-|o|-| G|o|-|-| G|o|-|-| G|-|-|-|-|-|
B|o|-|-| B|o|-|-| B|-|-|-| B|-|-|-|-|o|
D|-|o|-| D|o|-|-| D|-|o|-| D|-|-|-|-|o|
A|-|-|-| A|x|x|x| A|-|-|-| A|-|-|-|-|-|
E|x|x|x| E|x|x|x| E|x|x|x| E|x|x|x|x|x|
E Maj7, f dim7, a min7, a min9 (x3)
E Maj7
e|-|-|-|
G|-|-|-|
B|#|-|-|
D|#|-|-|
A|-|#|-|
E|-|-|-|
f dim7
e|o|-|-|
G|-|-|-|
B|o|-|-|
D|-|-|-|
A|-|o|-|
E|x|x|x|
a min7
e|-|-|-|
G|o|-|-|
B|-|-|-|
D|-|o|-|
A|-|-|-|
E|x|x|x|
a min9
1 2 3 4 5
e|-|-|-|-|-|
G|-|-|-|-|-|
B|-|-|-|-|o|
D|-|-|-|-|o|
A|-|-|-|-|-|
E|x|x|x|x|x|
A Maj7, G#7, a min7, a min9 (x2)
A Maj7
e|-|-|-|
G|-|o|-|
B|o|-|-|
D|-|o|-|
A|-|-|-|
E|x|x|x|
G#7
e|-|o|
G|o|-|
B|o|-|
D|o|-|
A|x|x|
E|x|x|

@ -0,0 +1,6 @@
022033
320033
000233
002233
down down updownupdown down down

@ -0,0 +1,40 @@
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/annyang/1.1.0/annyang.min.js"></script>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$(document).on("ready", function() {
var start_url = "http://www.mspaintadventures.com/?s=6&p=003425";
var ifr = $("iframe");
if (!ifr.attr("src") || ifr.attr("src").length == 0) {
ifr.attr("src", start_url);
}
if (annyang) {
console.log("we got to the commands");
var commands = {
"next" : function () {
console.log("stuff happened");
url = $("iframe").attr("src");
number = (parseInt(url.slice(-6), 10)+1).toString();
while (number.length < 6) {
number = "0" + number;
}
url = url.slice(0,-6) + number;
$("iframe").attr("src", url);
},
"down" : function () {
console.log('go down!');
}
};
annyang.addCommands(commands);
annyang.start();
console.log("annyang should be listening");
}
});
</script>
<style type="text/css">
iframe { width: 100%; height: 100%;}
</style>
</head>
<html>
<iframe />
</html>
Loading…
Cancel
Save