merge 'display additional resonator details'

README.md

@@ -78,6 +78,18 @@ Please do!
 (Obviously, Resistance folks must send in complete patches while Enlightenment gals and guys may just open feature request ☺)
 
 
+Contributors
+------------
+
+[integ3r](https://github.com/integ3r)
+
+[Bananeweizen](https://github.com/Bananeweizen)
+
+[epf](https://github.com/epf)
+
+[JasonMillward](https://github.com/JasonMillward)
+
+
 Hacking
 -------
 

code/portal_detail_display_tools.js

@@ -116,10 +116,16 @@ window.renderResonatorDetails = function(slot, level, nrg, dist, nick) {
             + 'owner:\t\t'  + nick  + '\n'
             + 'cardinal:\t' + SLOT_TO_CARDINAL[slot];
 
-    var style = 'width:'+fillGrade+'%; background:'+COLORS_LVL[level]+'; color:'+COLORS_LVL[level];
+    var style = 'width:'+fillGrade+'%; background:'+COLORS_LVL[level]+';';
+
+    var color = (level < 3 ? "#9900FF" : "#FFFFFF");
+
+    var lbar = '<span class="meter-level" style="color: ' + color + ';"> ' + level + ' </span>';
+
     var fill  = '<span style="'+style+'"></span>';
-    var meter = '<span class="meter" title="'+inf+'">'
-                  + fill + '</span>';
+
+    var meter = '<span class="meter meter-rel" title="'+inf+'">'
+                   + fill + lbar + '</span>';
   }
   var cls = slot <= 3 ? 'left' : 'right';
   var text = '<span class="meter-text '+cls+'">'+(nick||'')+'</span>';

style.css

@@ -461,6 +461,18 @@ aside:nth-child(odd) span {
   height: 14px;
 }
 
+.meter-rel {
+  position: relative;
+  left: 0;
+  top: 0;
+}
+
+.meter-level {
+  position: absolute;
+  top: -2px;
+  left: 25px;
+  text-shadow: black 0.0em 0.0em 0.3em;
+}
 /* links below resos */
 
 .linkdetails {