% import random
% rebase('frame.tpl')
    <div class="content-grid"><div class="center">
<h1>blessfrey game design document </h1>
    <p>The vision for Blessfrey</p>
    <p>Choose a primary and secondary class, gain skills through gameplay, build a skillbar from unlimited combinations of skills with interesting synergies, and test it in combat with new friends around town. Or collect practical skills to spend a day transmuting items, cooking, or socializing. Lots to discover and explore!</p>

    <table>
    % # find longest column, since html tables need to be doled out row by row
    % longcol = topics[0]
    % for t in topics:
        % if len(t) > len(longcol):
            % longcol = t    
        % end
    % end


    % # build a table out of an array that looks like [[col1 items],[col2 items],[col3 items]]
    % i = 0
    % for k in range(len(longcol)):
        <tr>
        % for j in topics:
            % if len(j) > i:
            <td><a href=/blessfrey-gdd/{{j[i]}}>{{j[i]}}</a></td>
            % else:
            <td></td>
            % end
        % end
        </tr>
        % i += 1
    % end
    </table>

    </div></div>