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.
45 lines
1.1 KiB
HTML
45 lines
1.1 KiB
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>
|