Just some recent changes

public_html/chatchecker/index.html

@@ -23,7 +23,7 @@ charset="utf-8"></script>-->
                 d = new Date(0);
                 d.setUTCSeconds((Number(time) + threeDays) % oneWeek - threeDays);
                 <!--data.push([user, d.toISOString().slice(11,16), d, d]);-->
-                data.push([user, d, d]);
+                data.push([user, d, d]); <!-- User, Start, End, score -->
                 });
               }
             });
@@ -54,13 +54,17 @@ charset="utf-8"></script>-->
 
       function drawChart() {
         var container = document.getElementById('timeline');
+        console.log('container', container);
         var chart = new google.visualization.Timeline(container);
+        console.log('chart', chart);
         var dataTable = new google.visualization.DataTable();
+        console.log('dataTable', dataTable);
 
         dataTable.addColumn({ type: 'string', id: 'User' });
         <!--dataTable.addColumn({ type: 'string', id: 'tooltip' });-->
         dataTable.addColumn({ type: 'date', id: 'Start' });
         dataTable.addColumn({ type: 'date', id: 'End' });
+        <!--dataTable.addColumn({ type: 'number', id: 'Score' });-->
         dataTable.addRows(data);
 
         chart.draw(dataTable);

public_html/chatchecker/todo

@@ -24,3 +24,8 @@ PRESENTATION
  - See a timeline with colored strands of when they spoke and were mentioned
 * Something that looks like the Github commit history
 * Use D3 for coolness
+
+TODO
+* Add a "sort by" dropdown
+ - name
+ - most active

public_html/chatcloud/index.html

@@ -1,9 +1,21 @@
 <!DOCTYPE html>
+<html>
+  <head>
+    <title>Tilde.town Chat Cloud</title>
+    <style>
+      body {
+        background-color: wheat;
+      }
+    </style>
+  </head>
 <meta charset="utf-8">
 <body>
 <div>
 <select id="series">
   <option value="">Today</option>
+<option value="_2018_08">Aug 2018</option>
+<option value="_2018_07">Jul 2018</option>
+<option value="_2018_06">Jun 2018</option>
 <option value="_2018_05">May 2018</option>
 <option value="_2018_04">Apr 2018</option>
 <option value="_2018_03">Mar 2018</option>
@@ -61,6 +73,7 @@
   onclick="getWords('/~krowbar/data/chatcloud' + document.getElementById('series').value + '.json',
     document.getElementById('howMuch').value)"
   >Generate Cloud</button>
+<input type="checkbox" id="flat">Flat</input>
 </div>
 <div id="cloud"></div>
 <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
@@ -105,7 +118,7 @@ jQuery.getJSON(source, function(json) {
     .size([1200, 800])
     .words(jsonWords)
     .padding(3)
-    .rotate(function() { return ~~(Math.random() * 2) * 90; })
+    .rotate(function() { return ~~(Math.random() * 2) * 90 * !document.getElementById('flat').checked; })
     .font("Impact")
     .fontSize(function(d) { return Math.sqrt(d.size) * 50 / maxSize + 6; })
     .on("end", draw);
@@ -136,4 +149,6 @@ draw = function(words) {
 }
 
 })();</script>
+<a href="https://github.com/RussellChamp/tilde-projects/tree/master/Code/python">(see source)</a>
 </body>
+</html>

public_html/du/index.html

@@ -1,6 +1,11 @@
 <html>
 <head>
 <title>Tilder Disk Usage</title>
+<style>
+  body {
+    background-color: wheat;
+  }
+</style>
 </head>
 <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
@@ -26,7 +31,8 @@
        title: 'Tilder Disk Usage',
        subtitle: 'in kb',
        pieHole: 0.4,
-       sliceVisibilityThreshold: 0.005
+       sliceVisibilityThreshold: 0.005,
+       backgroundColor: 'wheat'
     };
     var lineoptions = {
       title: 'Tilder Disk Usage',
@@ -34,7 +40,8 @@
       vAxis: {
         0: {title: 'kb'},
         logScale: true
-       }
+       },
+      backgroundColor: 'wheat'
     };
 
     jQuery.getJSON("/~krowbar/data/du_log.json", function(json) {
@@ -116,4 +123,7 @@
   <div id="donutchart" style="width: 700px; height: 400px;"></div>
   <input id="onlyInteresting" type="checkbox" onClick="drawCharts()">Only Interesting Data</input>
   <div id="linechart" style="width: 120%; height: 130%; margin-left: -10%"></div>
+  <div>
+    <a href="https://github.com/RussellChamp/tilde-projects/tree/master/Code/bash">(see source)</a>
+  </div>
 </body>

public_html/index.html

@@ -1,28 +1,52 @@
 <html>
 <head>
-<title>~krowbar's home page</title>
+  <title>~krowbar's home page</title>
+  <style>
+    body {
+      background-color: #f7a716a6;
+    }
+    g {
+      background-color: white;
+    }
+  </style>
 </head>
 <body>
-Links and stuff
-<ul>
-  <li><a href="mc/">Minecraft</a></li>
-  <li><a href="chatchecker/">Tilde.town IRC Chat checker</a></li>
-  <li><a href="chatstats/">IRC User Chat Statistics</a></li>
-  <li><a href="besties/">IRC Chat Bestie Nodes</a></li>
-  <li><a href="circle/">IRC Chat Bestie Circle</a></li>
-  <li><a href="twine2/">Twine 2.0</a></li>
-  <li><a href="grimoire/app/">Grimoire: The Pathfinder Item Roller</a></li>
-  <li><a href="https://github.com/RussellChamp/PragmaticDiceBag">Pragmatic Dice Bag: Artsy fartsy guide!</a></li>
-  <li><a href="limericks/">Dumb Limericks</a></li>
-  <li><a href="rainycoffee/">Rainy Mood + Dark Coffee</a></li>
-</ul>
+  <h1>~krowbar's home page</h1>
+  <h2>Links and stuff</h2>
+  <div>
+    <ul>
+      <li><a href="mc/">Minecraft</a></li>
+      <li><a href="chatchecker/">Tilde.town IRC Chat checker</a></li>
+      <li><a href="chatstats/">IRC User Chat Statistics</a></li>
+      <li><a href="besties/">IRC Chat Bestie Nodes</a></li>
+      <li><a href="circle/">IRC Chat Bestie Circle</a></li>
+      <li><a href="twine2/">Twine 2.0</a></li>
+      <li><a href="grimoire/app/">Grimoire: The Pathfinder Item Roller</a></li>
+      <li><a href="https://github.com/RussellChamp/PragmaticDiceBag">Pragmatic Dice Bag: Artsy fartsy guide!</a></li>
+      <li><a href="limericks/">Dumb Limericks</a></li>
+      <li><a href="rainycoffee/">Rainy Mood + Dark Coffee</a></li>
+    </ul>
+  </div>
 
-<h2><a href="chatcloud/">Tilde.town IRC Chat cloud</a></h2>
-<iframe width=1200 height=800 frameborder=0 scrolling="no" src="chatcloud/"></iframe>
+  <h2><a href="chatcloud/">Tilde.town IRC Chat cloud</a></h2>
+  <iframe width=1200 height=900 frameborder=0 scrolling="no" src="chatcloud/"></iframe>
 
-<h2><a href="mission/">Mission name generator</a></h2>
-<iframe width=1200 height=200 frameborder=0 scrolling="no" src="mission/"></iframe>
+  <h2><a href="mission/">Mission name generator</a></h2>
+  <iframe width=1200 height=100 frameborder=0 scrolling="no" src="mission/"></iframe>
 
-<h2><a href="du/">Tilde.town disk usage</a></h2>
-<iframe width=1200 height=1200 frameborder=0 scrolling="no" src="du/"></iframe>
+  <h2><a href="du/">Tilde.town disk usage</a></h2>
+  <iframe width=1200 height=1200 frameborder=0 scrolling="no" src="du/"></iframe>
+
+  <h2>A poem on build infrastructure</h2>
+  <div>
+    <pre>
+    The bi-weekly march to prod /
+    It has 10,000 steps / 
+    We spin up servers with daily build jobs then we knock them down again!
+
+    And sometimes CI's up /
+    And sometimes DEMO's down /
+    But when they're only half-way up they're neither up nor down!
+    </pre>
+  </div>
 </body>

public_html/mission/index.html

@@ -1,6 +1,11 @@
 <html>
 <head>
 <title>Secret Mission Name Generator</title>
+<style>
+  body {
+    background-color: wheat;
+  }
+</style>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
 <script src="./js/lodash.js"></script>
 <script src="./js/mission.js"></script>