updated website

floppies/max/noweb/css/style.css

@@ -4,3 +4,5 @@ p { margin: 0 0 70px; }
 #defaultCanvas0 { display: block !important; margin: 5em auto ; }
 #header { margin: 30px 0px 0px; }
 .text { display: block; margin: 0 50px; font-size: 3em; font-weight: 100 !important; }
+#download { color: #FFCC00; }
+#download:hover { cursor: pointer; color: #FFEE55; }

floppies/max/noweb/index.html

@@ -5,6 +5,7 @@
    <title>Euclid</title>
 
    <link rel="stylesheet" type="text/css" href="css/style.css">
+   <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/p5.min.js"></script>
    <script type="text/javascript" src="js/p5.svg.js"></script>
    <script type="text/javascript" src="./js/euclidScore.js"></script>
@@ -21,7 +22,13 @@
    <p>The state of your composition is recorded, and displayed here as a downloadable score.</p>
 
    <p>Never to be played, nor heard again.</p>
+
+   <p id="download">XX--X--X--X-XX--X--X--X-XX--X--X--X-XX--X--X--X-XX--X--X-X</p>
 </content>
 
+<script type="text/javascript">
+   $("#download").click(function() { saveMe(); console.log("clicked")})
+</script>
+
 </body>
 </html>

floppies/max/noweb/js/euclidScore.js

@@ -4,9 +4,6 @@ var left, right, genLight, score
 var el1 = [], el2 = [], scrVals = []
 
 function preload() {
-   // left = loadSVG('../svgs/leftHand.svg')
-   // right = loadSVG('../svgs/rightHand.svg')
-
    genLight = loadFont("fonts/Gen-Light.otf");
 
    score = loadStrings('../score/score.txt')
@@ -26,32 +23,27 @@ function setup() {
    noLoop()
 
    fill(220)
-   textSize(150)
+   textSize(30)
    textAlign('right')
 
 }
 
 function draw() {
    background('#151515')
-   fill("#DDDDDD")
 
+   fill("#111111")
+   rect(0, 220, width, 280)
+
+   fill("#BBBBBB")
    for (var i = 0; i < score.length; i++) {
       var line = split(score[i].slice(0, -1), ' ')
-      text(line.join(" "), 90, 150 + (i*90), 710)
+      text(line.join(" "), 600, 280 + (i*20), 170)
       scrVals.push(line)
    }
 
    stroke('#FFCC00')
    fill('#FFCC00')
 
-   // left.attribute('fill', 'none')
-   // right.attribute('fill', 'none')
-   // left.attribute('stroke', '#FFCC00')
-   // right.attribute('stroke', '#FFCC00')
-
-   // image(right, 0, 0, 600, 600)
-
-
    for (var i = 0; i < el1.length; i++) {
       var r = random(5)
       var rVal = int(scrVals[int(random(scrVals.length))][int(random(7))])