You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
591 B
HTML
21 lines
591 B
HTML
|
|
|
|
|
|
|
|
<%inherit file="base_mako.html" />
|
|
|
|
<%block name="head">
|
|
<link rel="stylesheet" href="${url_for('static', filename='css/display_mako.css')}">
|
|
</%block>
|
|
|
|
<% from random import random %>
|
|
<% offset = 1 / (len(streams) - 1)%>
|
|
% for stream in streams:
|
|
<div class="stream">
|
|
<% transform = f'rotate({offset * loop.index}turn) translateX(100%) ' %>
|
|
% for branch in stream:
|
|
<% transform = transform + ' rotate(' + str((random() * 2 - 1) * 0.02) + 'turn) translateX(100%)'%>
|
|
<div class="svg-container" style="transform: ${transform}">${branch['content']}</div>
|
|
% endfor
|
|
</div>
|
|
% endfor |