|
|
|
@ -12,9 +12,9 @@
|
|
|
|
<% offset = 1 / len(streams)%>
|
|
|
|
<% offset = 1 / len(streams)%>
|
|
|
|
% for stream in streams:
|
|
|
|
% for stream in streams:
|
|
|
|
<div class="stream">
|
|
|
|
<div class="stream">
|
|
|
|
<% transform = '' %>
|
|
|
|
<% transform = f'rotate({offset * loop.index}turn)' %>
|
|
|
|
% for branch in stream:
|
|
|
|
% for branch in stream:
|
|
|
|
<% transform = transform + ' rotate(' + str((random() * 2 - 1) * 0.02 + (offset * loop.index)) + 'turn) translateX(100%)'%>
|
|
|
|
<% transform = transform + ' rotate(' + str((random() * 2 - 1) * 0.02) + 'turn) translateX(100%)'%>
|
|
|
|
<div class="svg-container" style="transform: ${transform}">${branch['content']}</div>
|
|
|
|
<div class="svg-container" style="transform: ${transform}">${branch['content']}</div>
|
|
|
|
% endfor
|
|
|
|
% endfor
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
