% rebase('frame.tpl')
    <div class="content-grid"> 
            <div class="ocs">
                <h2>characters</h2>
                <p>Meet my characters! <br></p>
                <br>
                <p>They can also be found on <a href="https://artfight.net/~abbey">Artfight (Abbey)</a> and <a href="https://toyhou.se/abbey">Toyhouse</a>. <br></p>
                <br>
                <p>Just as a note, I steal my ocs' names as usernames, but we have no relation. I just like those names, obviously. Lune is my only persona. <br><br></p>
                <div class="ocs-nav">
                <h3>persona </h3>
                % for c in persona:
                    <a href="/char/{{c}}">
                        <img src="/static/img/char/{{c}}/{{c}}avi.png" alt="(link: {{c}})" class="ocs-btn">
                    </a>
                % end
                </div>

                <div class="ocs-nav">
                <h3>blessfrey </h3>
                % for c in blessfrey:
                    <a href="/char/{{c}}">
                        <img src="/static/img/char/{{c}}/{{c}}avi.png" alt="(link: {{c}})" class="ocs-btn">
                    </a>
                % end
                </div>

                <div class="ocs-nav">
                <h3>creative writing </h3>
                % for c in cw:
                    <a href="/char/{{c}}">
                        <img src="/static/img/char/{{c}}/{{c}}avi.png" alt="(link: {{c}})" class="ocs-btn">
                    </a>
                % end
                </div>

                <div class="ocs-nav">
                <h3>petsite </h3>
                % for c in rp:
                    <a href="/char/{{c}}">
                        <img src="/static/img/char/{{c}}/{{c}}avi.png" alt="(link: {{c}})" class="ocs-btn">
                    </a>
                % end
                </div>

                <div class="ocs-nav">
                <h3>videogame </h3>
                % for c in games:
                    <a href="/char/{{c}}">
                        <img src="/static/img/char/{{c}}/{{c}}avi.png" alt="(link: {{c}})" class="ocs-btn">
                    </a>
                % end
                </div>

                <div class="ocs-nav">
                <h3>MMO </h3>
                % for c in mmos:
                    <a href="/char/{{c}}">
                        <img src="/static/img/char/{{c}}/{{c}}avi.png" alt="(link: {{c}})" class="ocs-btn">
                    </a>
                % end
</div>
        </div>
    </div>