Merge pull request #54 from cwhits/key-styling

Add styling to key retrieval
grahamgilbert · Apr 20, 2018 · 2775083 · 2775083
2 parents 1dc5bab + bd10aca
commit 2775083
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 2 deletions.
diff --git a/server/templates/server/retrieve.html b/server/templates/server/retrieve.html
@@ -27,7 +27,21 @@ <h4>{{ computer.serial }}</h4>
 
 <div class="row">
     <div class="col-sm-6 col-md-6">
-        <p><strong>{{ the_request.secret.get_secret_type_display }}:</strong><br /><code>{{ the_request.secret.secret }}</code></p>
+        <p><strong>{{ the_request.secret.get_secret_type_display }}:</strong><br />
+        <code>
+        {% spaceless %}
+        {% for char in the_request.secret.secret %}
+            {% if char in "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ" %}
+                <span class="letter">{{ char }}</span>
+            {% elif char in "0123456789" %}
+                <span class="number">{{ char }}</span>
+            {% else %}
+                <span class="other">{{ char }}</span>
+            {% endif %}
+        {% endfor %}
+        {% endspaceless %}
+        </code>
+        </p>
 
         <p>This approval is valid for 7 days, after which you will need to submit another request for access.</p>
     </div>

diff --git a/site_static/style.css b/site_static/style.css
@@ -3,4 +3,23 @@ h1, h2, h3, h4, h5, h6, h3 a{
 	font-family: 'Lato', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 	font-weight:normal;
 	color: black;
-}
+}
+
+code {
+    background-color: #444;
+    padding: 5px;
+}
+code span {
+    padding-left: 2px;
+    padding-right: 2px;
+    font-size: 1.25em;
+}
+code span.letter {
+    color: #fff;
+}
+code span.number {
+    color: #a1bcea;
+}
+code span.other {
+    color: #f2a5bd;
+}