[Fun] Issue #202 -- more fun when finishing!

src/js/git/index.js

@@ -772,7 +772,6 @@ GitEngine.prototype.printBranches = function(branches) {
 GitEngine.prototype.printTags = function(tags) {
   var result = '';
   _.each(tags, function(tag) {
-    console.log(tag);
     result += tag.id + '\n';
   });
   throw new CommandResult({

src/js/views/index.js

@@ -355,6 +355,10 @@ var ModalAlert = ContainedBase.extend({
     var HTML = (this.JSON.markdown) ?
       require('markdown').markdown.toHTML(this.JSON.markdown) :
       this.template(this.JSON);
+    // one more hack -- allow adding custom random HTML if specified
+    if (this.options._dangerouslyInsertHTML) {
+      HTML += this.options._dangerouslyInsertHTML;
+    }
 
     // call to super, not super elegant but better than
     // copy paste code
@@ -456,16 +460,22 @@ var NextLevelConfirm = ConfirmCancelTerminal.extend({
     }
 
     markdown = markdown + '\n\n';
+    var extraHTML;
     if (options.nextLevel) {
       markdown = markdown + intl.str('finish-dialog-next', {nextLevel: nextLevelName});
     } else {
-      markdown = markdown + intl.str('finish-dialog-finished');
+      extraHTML = '<p class="catchadream">' + intl.str('finish-dialog-finished') +
+        ' (ﾉ^_^)ﾉ (ﾉ^_^)ﾉ (ﾉ^_^)ﾉ' +
+        '</p>';
     }
 
     options = _.extend(
       {},
       options,
-      { markdown: markdown }
+      {
+        markdown: markdown,
+        _dangerouslyInsertHTML: extraHTML
+      }
     );
 
     NextLevelConfirm.__super__.initialize.apply(this, [options]);

src/style/rainbows.css

@@ -0,0 +1,65 @@
+/*
+ * CSS animated rainbow dividers of awesome 
+ * by Chris Heilmann @codepo8 and Lea Verou @leaverou 
+**/
+
+/**
+ * From CSS3-Rainbow-Dividers on Github :)
+ */
+
+@-moz-keyframes rainbowanim {
+  from { background-position:top left; } 
+  to {background-position:top right; }
+}
+@-webkit-keyframes rainbowanim { 
+  from { background-position:top left; }  
+  to { background-position:top right; }  
+}
+@-o-keyframes rainbowanim { 
+  from { background-position:top left; }  
+  to { background-position:top right; }  
+}
+@-ms-keyframes rainbowanim { 
+  from { background-position:top left; }  
+  to { background-position:top right; }  
+}
+@-khtml-keyframes rainbowanim { 
+  from { background-position:top left; }  
+  to { background-position:top right; }  
+}
+@keyframes rainbowanim { 
+  from { background-position:top left; }  
+  to { background-position:top right; }  
+}
+
+.catchadream{
+  background-image:-webkit-linear-gradient( left, red, orange, yellow, green,
+                                          blue, indigo, violet, indigo, blue,
+                                          green, yellow, orange, red );
+  background-image:-moz-linear-gradient( left, red, orange, yellow, green,
+                                         blue,indigo, violet, indigo, blue,
+                                         green, yellow, orange,red );
+  background-image:-o-linear-gradient( left, red, orange, yellow, green,
+                                         blue,indigo, violet, indigo, blue,
+                                         green, yellow, orange,red );
+  background-image:-ms-linear-gradient( left, red, orange, yellow, green,
+                                         blue,indigo, violet, indigo, blue,
+                                         green, yellow, orange,red );
+  background-image:-khtml-linear-gradient( left, red, orange, yellow, green,
+                                         blue,indigo, violet, indigo, blue,
+                                         green, yellow, orange,red );
+  background-image:linear-gradient( left, red, orange, yellow, green,
+                                         blue,indigo, violet, indigo, blue,
+                                         green, yellow, orange,red );
+  -moz-animation:rainbowanim 3.5s forwards linear infinite;
+  -webkit-animation:rainbowanim 2.5s forwards linear infinite;
+  -o-animation:rainbowanim 2.5s forwards linear infinite;
+  -khtml-animation:rainbowanim 2.5s forwards linear infinite;
+  -ms-animation:rainbowanim 2.5s forwards linear infinite;
+  -lynx-animation:rainbowanim 2.5s forwards linear infinite;
+  animation:rainbowanim 2.5s forwards linear infinite;
+  background-size:50% auto;
+
+  height: 20px;
+  padding: 12px;
+}

src/template.index.html

@@ -15,6 +15,7 @@
 
 	<link rel="stylesheet" href="build/{{styleFile}}" type="text/css" charset="utf-8">
 	<link rel="stylesheet" href="src/style/font-awesome.css" type="text/css" charset="utf-8">
+	<link rel="stylesheet" href="src/style/rainbows.css" type="text/css" charset="utf-8">
 </head>
 <body>
   <!-- lol noscript. I did not write 9k+ lines of JS just for you to bounce off my website -->