% rebase('frame.tpl')
% import re
    <div class="dir-row"> </div>
    <div class="diary-dir top">
    <center>
        % max_pages = int((total - 1) / limit)
<%
        # page never below 0
        if page <= 0:
            page = 0
        end
        # page never over maximum
        if page > max_pages:
            page = max_pages
        end 
%>
        <div class="diary-dir-left">
        % # << is always active link pointing to 0
        % #<a href=/diary/0 rel="nofollow">&lt;&lt;</a>
        <a href=/diary/0>
            <img src="/static/img/btn/nav_ll.png" alt="&lt;&lt;" width="33" height="29">
        </a>

        % # < points to 0 if page 0 or below
        % if page <= 0:
            % #<a href=/diary/0 rel="nofollow">&lt;</a>
            <a href=/diary/0>
                <img src="/static/img/btn/nav_l.png" alt="&lt;" width="27" height="29">
            </a>
        % # < points to previous page otherwise
        % else:
            % #<a href=/diary/{{page - 1}} rel="nofollow">&lt;</a>
            <a href=/diary/{{page - 1}}>
                <img src="/static/img/btn/nav_l.png" alt="&lt;" width="27" height="29">
            </a>
        % end

        </div>
        <div class="diary-dir-numbers">

        % # fill out number cluster to the left when page is high
        % if max_pages > cluster and page > max_pages - cluster:
            % for j in range(cluster - max_pages + page):
                <div class="diary-dir-number">
                    <a href=/diary/{{max_pages - cluster * 2 + j}} rel="nofollow">{{max_pages - cluster * 2 + j}}</a>
                </div>
            % end
        % end

        % # form cluster of number links around page
        % for i in range(max(0,page - cluster), min(max_pages + 1,page + cluster + 1)):
            % # bold current page number
            % if i == page:
                <div class="diary-dir-number">
                    <b>{{i}}</b>
                </div>
            % # form neighboring numbers into links
            % else:
                <div class="diary-dir-number">
                    <a href=/diary/{{i}} rel="nofollow">{{i}}</a>
                </div>
            % end
        % end

        % # fill out number cluster to the right when page is low
        % if page <= cluster - 1 and max_pages > page + cluster:
            % for j in range(cluster - page):
                <div class="diary-dir-number">
                    <a href=/diary/{{page + j + cluster + 1}} rel="nofollow">{{page + j + cluster + 1}}</a>
                </div>
            % end
        % end

        </div>
        <div class="diary-dir-right">

        % # > points to max if page is at or above maximum
        % if page >= max_pages:
            % #<a href=/diary/{{max_pages}} rel="nofollow">&gt;</a>
            <a href=/diary/{{max_pages}}>
                <img src="/static/img/btn/nav_r.png" alt="&gt;" width="27" height="29">
            </a>
        % # > point to next page otherwise
        % else:
            % #<a href=/diary/{{page + 1}} rel="nofollow">&gt;</a>
            <a href=/diary/{{page + 1}}>
                <img src="/static/img/btn/nav_r.png" alt="&gt;" width="27" height="29">
            </a>
        % end

        % # >> is always active link to maximum page
        % #<a href=/diary/{{max_pages}} rel="nofollow">&gt;&gt;</a>
        <a href=/diary/{{max_pages}}>
            <img src="/static/img/btn/nav_rr.png" alt="&gt;&gt;" width="33" height="29">
        </a>
        </div>
    </center>
    </div>

<!--left column-->

    <div class="diary-pages">
        % for s in snippets[page * limit:page * limit + limit]:
            <div class="snippet">
                <div class="snippet-title">
                    <a href={{s[3]}} rel="nofollow"><h1>{{!s[0]}}</h1></a>
                </div>
                <div class="date-line">
                    <b>chimchooree</b>
                    • <b>{{!s[2]}}</b>
                </div>
                <div class="snippet-content">
                    {{!s[1]}}
                </div>
                % if len(s[5]) >= 1:
                    <div class=snippet-tags>
                        % for j in s[5]:
                        <div class="snippet-tag">
                            {{j}}
                        </div>
                        % end
                    </div>
                    % end
                <div class="social-line">
                    <a class="social-link social-twitter" href='http://twitter.com/share?text={{s[4]}}&url=https://blessfrey.me{{s[3]}}&via=lilchimchooree' target="_blank">tweet</a> 
                </div>
                <div class="snippet-link">
                    <a href={{s[3]}}>
                        <img src="/static/img/btn/diaryreadmore.png" alt="read more" width="99" height="84">
                    </a>
                </div>
                <div class="snippet-bottom">
                </div>
            </div>
        % end
    </div>
    <div class="diary-dir bottom">
    <center>
        % max_pages = int((total - 1) / limit)
<%
        # page never below 0
        if page <= 0:
            page = 0
        end
        # page never over maximum
        if page > max_pages:
            page = max_pages
        end 
%>
        <div class="diary-dir-left">
        % # << is always active link pointing to 0
        % #<a href=/diary/0 rel="nofollow">&lt;&lt;</a>
        <a href=/diary/0>
            <img src="/static/img/btn/nav_ll.png" alt="&lt;&lt;" width="33" height="29">
        </a>

        % # < points to 0 if page 0 or below
        % if page <= 0:
            % #<a href=/diary/0 rel="nofollow">&lt;</a>
            <a href=/diary/0>
                <img src="/static/img/btn/nav_l.png" alt="&lt;" width="27" height="29">
            </a>
        % # < points to previous page otherwise
        % else:
            % #<a href=/diary/{{page - 1}} rel="nofollow">&lt;</a>
            <a href=/diary/{{page - 1}}>
                <img src="/static/img/btn/nav_l.png" alt="&lt;" width="27" height="29">
            </a>
        % end

        </div>
        <div class="diary-dir-numbers">

        % # fill out number cluster to the left when page is high
        % if max_pages > cluster and page > max_pages - cluster:
            % for j in range(cluster - max_pages + page):
                <div class="diary-dir-number">
                    <a href=/diary/{{max_pages - cluster * 2 + j}} rel="nofollow">{{max_pages - cluster * 2 + j}}</a>
                </div>
            % end
        % end

        % # form cluster of number links around page
        % for i in range(max(0,page - cluster), min(max_pages + 1,page + cluster + 1)):
            % # bold current page number
            % if i == page:
                <div class="diary-dir-number">
                    <b>{{i}}</b>
                </div>
            % # form neighboring numbers into links
            % else:
                <div class="diary-dir-number">
                    <a href=/diary/{{i}} rel="nofollow">{{i}}</a>
                </div>
            % end
        % end

        % # fill out number cluster to the right when page is low
        % if page <= cluster - 1 and max_pages > page + cluster:
            % for j in range(cluster - page):
                <div class="diary-dir-number">
                    <a href=/diary/{{page + j + cluster + 1}} rel="nofollow">{{page + j + cluster + 1}}</a>
                </div>
            % end
        % end

        </div>
        <div class="diary-dir-right">

        % # > points to max if page is at or above maximum
        % if page >= max_pages:
            % #<a href=/diary/{{max_pages}} rel="nofollow">&gt;</a>
            <a href=/diary/{{max_pages}}>
                <img src="/static/img/btn/nav_r.png" alt="&gt;" width="27" height="29">
            </a>
        % # > point to next page otherwise
        % else:
            % #<a href=/diary/{{page + 1}} rel="nofollow">&gt;</a>
            <a href=/diary/{{page + 1}}>
                <img src="/static/img/btn/nav_r.png" alt="&gt;" width="27" height="29">
            </a>
        % end

        % # >> is always active link to maximum page
        % #<a href=/diary/{{max_pages}} rel="nofollow">&gt;&gt;</a>
        <a href=/diary/{{max_pages}}>
            <img src="/static/img/btn/nav_rr.png" alt="&gt;&gt;" width="33" height="29">
        </a>
        </div>
    </center>
    </div>
% include diary-boxes.tpl
