changeset 2:acdddc762be4

changes to show spiderplots in js

--- a/aotc2.php	Sat Jan 10 11:11:44 2015 +0000
+++ b/aotc2.php	Sat Jan 10 11:13:02 2015 +0000
@@ -2,19 +2,19 @@
     <style>
 #mmcontainer { position: relative; width: 370px; margin:0 auto; background: #fff; height: 500px; font-size:1em; }
 #layer00, #layer01, #layer02, #layer03, #layer04, #layer05, #layer06, #layer07, #layer08,#layer09, #layer10, #layer11, #layer12 { position: absolute; width: 370px; height: 370px; background: transparent;}
-#layer00 {background: url(http://users.last.fm/~matthias/punk_data/spiderplot.png) no-repeat;}
-#layer01 { background: url(http://users.last.fm/~matthias/punk_data/spiderplotTheSexPistols.png) no-repeat;}
-#layer02 { background: url(http://users.last.fm/~matthias/punk_data/spiderplotTheStranglers.png) no-repeat;}
-#layer03 { background: url(http://users.last.fm/~matthias/punk_data/spiderplotTheJam.png) no-repeat;}
-#layer04 { background: url(http://users.last.fm/~matthias/punk_data/spiderplotBuzzcocks.png) no-repeat;}
-#layer05 { background: url(http://users.last.fm/~matthias/punk_data/spiderplotStatusQuo.png) no-repeat;}
-#layer06 { background: url(http://users.last.fm/~matthias/punk_data/spiderplotTheClash.png) no-repeat;}
-#layer07 { background: url(http://users.last.fm/~matthias/punk_data/spiderplotGladysKnightAndThePips.png) no-repeat;}
-#layer08 { background: url(http://users.last.fm/~matthias/punk_data/spiderplotHotChocolate.png) no-repeat;}
-#layer09 { background: url(http://users.last.fm/~matthias/punk_data/spiderplotEltonJohn.png) no-repeat;}
-#layer10 { background: url(http://users.last.fm/~matthias/punk_data/spiderplotQueen.png) no-repeat;}
-#layer11 { background: url(http://users.last.fm/~matthias/punk_data/spiderplotKateBush.png) no-repeat;}
-#layer12 { background: url(http://users.last.fm/~matthias/punk_data/spiderplotElkieBrooks.png) no-repeat;}
+#layer00 {background: url(./aotc2_files/spiderplot.png) no-repeat;}
+#layer01 { background: url(./aotc2_files/spiderplotTheSexPistols.png) no-repeat;}
+#layer02 { background: url(./aotc2_files/spiderplotTheStranglers.png) no-repeat;}
+#layer03 { background: url(./aotc2_files/spiderplotTheJam.png) no-repeat;}
+#layer04 { background: url(./aotc2_files/spiderplotBuzzcocks.png) no-repeat;}
+#layer05 { background: url(./aotc2_files/spiderplotStatusQuo.png) no-repeat;}
+#layer06 { background: url(./aotc2_files/spiderplotTheClash.png) no-repeat;}
+#layer07 { background: url(./aotc2_files/spiderplotGladysKnightAndThePips.png) no-repeat;}
+#layer08 { background: url(./aotc2_files/spiderplotHotChocolate.png) no-repeat;}
+#layer09 { background: url(./aotc2_files/spiderplotEltonJohn.png) no-repeat;}
+#layer10 { background: url(./aotc2_files/spiderplotQueen.png) no-repeat;}
+#layer11 { background: url(./aotc2_files/spiderplotKateBush.png) no-repeat;}
+#layer12 { background: url(./aotc2_files/spiderplotElkieBrooks.png) no-repeat;}
 .hidden { display: none; }
 .mmemph { font-style: italic; }
 </style>
@@ -122,7 +122,7 @@
 14. The Dickies<br>
 </div>
 </div>
-<p>... the full list is <a href="http://users.last.fm/~matthias/punk_data/artist_complexity.txt">here</a>. </p>
+<p>... the full list is <a href="./aotc2_files/artist_complexity.txt">here</a>. </p>
 
 <p>So while our measures of complexity do have a negative correlation with punk, they also correlate with other music. It seems as if we still have to develop that attitude detector in order to precisely nail down punk music. What we can quite confidently say though is that the second half of the 70s favoured "simple" music, as shown in the figure below.</p>