Moar kittehs...

static/js/app/lib/utils.coffee

@@ -17,7 +17,7 @@ define ['jquery', 'bootstrap', 'toastr'], ($, bootstrap, toastr) ->
         if document.cookie.indexOf("sessionId")
             $.getJSON "/ajax/session_play_count", (data) =>
                 console.log "utils: got playcount"
-                @modal "dlg/PlayCountLoginAlert"  if (data.play_count isnt 0) and (data.play_count % 5) is 0
+                @modal "dlg/PlayCountLoginAlert"  if (data.play_count isnt 0) and (data.play_count % com.podnoms.settings.nag_count) is 0
         true
 
     showError: (title, message) =>

static/js/app/lib/utils.js

@@ -27,7 +27,7 @@
         if (document.cookie.indexOf("sessionId")) {
           $.getJSON("/ajax/session_play_count", function(data) {
             console.log("utils: got playcount");
-            if ((data.play_count !== 0) && (data.play_count % 5) === 0) {
+            if ((data.play_count !== 0) && (data.play_count % com.podnoms.settings.nag_count) === 0) {
               return _this.modal("dlg/PlayCountLoginAlert");
             }
           });

templates/javascript/settings.js

@@ -9,6 +9,7 @@ com.podnoms.settings = {
     liveStreamRoot: 'http://{{ LIVE_STREAM_URL }}:{{ LIVE_STREAM_PORT }}/{{ LIVE_STREAM_MOUNT }}',
     streamInfoUrl: 'http://{{ LIVE_STREAM_INFO_URL }}',
     volume: '{{ DEFAULT_AUDIO_VOLUME }}',
+    nag_count: {{ NAG_COUNT }},
     smDebugMode: {{ SM_DEBUG_MODE }},
     isDebug: {{ IS_DEBUG }},
     drawTimelineOnMix: false,

templates/views/dlg/PlayCountLoginAlert.html

@@ -6,9 +6,20 @@
     <h3>Hey There!!</h3>
 {% endblock %}
 {% block content %}
-    We've noticed you've been playing a few mixes now.<br/>
-    This is cool and we're happy you're enjoying the site but we would love it<br/>
-    if you would consider logging in.<br/>
-    This will let you comment on mixes and even download them
+
+    <div class="thumbnail clearfix">
+        <img src="/static/img/beg.jpg" alt="kitteh" class="img-circle pull-left span2 clearfix"
+             style='margin-right:10px; margin-top: 5px'>
+        <div class="caption" style="padding: 0px">
+            <h5>
+                We've noticed you've played a few mixes.
+            </h5>
+            <small>
+                We're happy you're enjoying the site but we would love it
+                if you would consider logging in.<br />
+                This will let you comment on mixes and even download them!
+            </small>
+        </div>
+    </div>
 {% endblock %}
 {% block primarybutton %}Okies...{% endblock %}

templates/views/dlg/_DialogBase.html

@@ -1,4 +1,4 @@
-<div class="modal hide fade">
+<div class="modal hide fade" tabindex="-1">
     <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
         {% block header %}