hoop avatar hoop committed 5c15a6a

Cosmetics

Comments (0)

Files changed (2)

templates/color.html

 <html>
-<head>
-<title>Color Voting Demo</title>
-</head>
+ <head>
+  <title>Color Voting Demo</title>
+ </head>
+ <style type="text/css">
+  div.sample {
+   width: 80px;
+   height: 80px;
+   margin: 10px;
+  }
+ </style>
 {% set color_id = str(candidate['_id']) %}
 {% set R = candidate['tags']['r'] %}
 {% set G = candidate['tags']['g'] %}
 {% set B = candidate['tags']['b'] %}
-<body>
-<h1>Random color to vote on</h1>
-<div style="background-color: rgb({{R}},{{G}},{{B}});">
-<pre>
+ <body>
+  <h1>Random color to vote on</h1>
+  <div class="sample" style="background-color: rgb({{R}},{{G}},{{B}});">
+   <pre>
 R = {{ R }}
 G = {{ G }}
 B = {{ B }}
-</pre>
-</div>
-<form method="POST">
-<input name="color_id" type="hidden" value="{{str(color_id)}}"/>
-<input name="like" type="submit" value="Like"/>
-<!--<input name="dislike" type="submit" value="Dislike"/>-->
-</form>
-<a href="">Skip</a>
+   </pre>
+  </div>
+  <form method="POST">
+   <input name="color_id" type="hidden" value="{{str(color_id)}}"/>
+   <input name="like" type="submit" value="Like"/>
+  </form>
+  <a href="">Skip</a>
 
-<h2>You might like these</h2>
-{{ modules.Recommendations() }}
-</body>
+  <h2>You might like these</h2>
+  <p>Recommendations are generated roughly every two minutes once you've voted.</p>
+  {{ modules.Recommendations() }}
+ </body>
 </html>

templates/widgets/recs.html

 {% set R = rec['tags']['r'] %}
 {% set G = rec['tags']['g'] %}
 {% set B = rec['tags']['b'] %}
-<div style="background-color: rgb({{R}}, {{G}}, {{B}});">
+<div class="sample" style="float: left; background-color: rgb({{R}}, {{G}}, {{B}});">
  <pre>
-  R = {{R}}
-  G = {{G}}
-  B = {{B}}
+R = {{R}}
+G = {{G}}
+B = {{B}}
  </pre>
 </div>
 {% end %}
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.