loop offset

exquisite_branch/static/css/display_mako.css

@@ -15,7 +15,7 @@
 	height: 500px;
 	position: relative;
 	top: 5000px;
-	left: 0px;
+	left: 5000px;
 }
 
 .svg-container {

exquisite_branch/templates/display_mako.html

@@ -8,12 +8,13 @@
 <link rel="stylesheet" href="${url_for('static', filename='css/display_mako.css')}">
 </%block>
 
-<% from random import random %> 
+<% from random import random %>
+<% offset = 1 / len(streams)%> 
 % for stream in streams:
 <div class="stream">
 	<% transform = '' %> 
 		% for branch in stream: 
-		<% transform = transform + ' rotate(' + str((random() * 2 - 1) * 0.02) + 'turn) translateX(100%)'%>
+		<% transform = transform + ' rotate(' + str((random() * 2 - 1) * 0.02 + (offset * loop.index)) + 'turn) translateX(100%)'%>
 		<div class="svg-container" style="transform: ${transform}">${branch['content']}</div>
 	% endfor
 </div>