diff --git a/exquisite_branch/static/css/display_mako.css b/exquisite_branch/static/css/display_mako.css index b163836..d7b44fe 100644 --- a/exquisite_branch/static/css/display_mako.css +++ b/exquisite_branch/static/css/display_mako.css @@ -15,7 +15,7 @@ height: 500px; position: relative; top: 5000px; - left: 0px; + left: 5000px; } .svg-container { diff --git a/exquisite_branch/templates/display_mako.html b/exquisite_branch/templates/display_mako.html index 909e8f5..dd6dbcf 100644 --- a/exquisite_branch/templates/display_mako.html +++ b/exquisite_branch/templates/display_mako.html @@ -8,12 +8,13 @@ -<% from random import random %> +<% from random import random %> +<% offset = 1 / len(streams)%> % for stream in streams:
<% 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%)'%>
${branch['content']}
% endfor