exex/exquisite_branch/templates/display.html

<%inherit file="base_mako.html" />


<%block name="head">
<link rel="stylesheet" href="${url_for('static', filename='css/display.css')}">
</%block>

<header>
    <h1>Exquisite Excerpts</h1>
    <p>Here texts branch and follow their own path. Click on an excerpt to create a new branch and continue toward new meanings. </p>
</header>

<main class="container">
	
	<% from random import random %>
	<% from collections import defaultdict %>
	<% transform = {'NEW': ''}  %> 
	<% visited = defaultdict(int) %>
	
	<div class="stream">

	% for branch in branches:
		
	<% visited[branch['parent']] += 1 %>


	% if visited[branch['parent']] > 1: 
		<% steer = (random() - 0.5) * 0.25 %>
	% else:
		<% steer = 0 %>
	% endif

		<% transform[branch['id']] = f'{transform[branch["parent"]]} rotate({random() * 0.04 + steer}turn) translateX(100%)' %>
		
		<div class="text-container" style="transform: ${transform[branch['parent']]}">
			<a href="${url_for('write.write', tree=tree, parent=branch['id'], _external=True, _scheme='http')}" target="__blank">
				${branch['content']}
			</a>
            <span class="author">${branch['username']}</span>
		</div>
		
	% endfor
	</div>
</main>