<!DOCTYPE html> <html> <head> {% for src in js %} <script type="text/javascript" src="{{ src }}"></script> {% endfor %} {% for src in css %} <link type="text/css" rel="stylesheet" href="{{ src }}"> {% endfor %} <script type="text/javascript" src="{{ url_for( 'send_app_files', subpath = 'functions.js' ) }}"></script> <link type="text/css" rel="stylesheet" href="{{ url_for( 'send_app_files', subpath = 'app.css' ) }}"> <script type="text/javascript"> baseurl = "{{ baseurl }}"; </script> <style type="text/css"> #icnml_donor_list { margin: 10px; display: grid; grid-gap: 10px; grid-template-columns: repeat( auto-fit, 270px ); grid-auto-rows: min-content; } img { display: block; max-width: 250px; max-height: 350px; width: auto; height: auto; } </style> </head> <body class="icnml_main_layout"> {% include "header.html" %} {% include navigation %} <div class="icnml_content"> <div id="icnml_donor_list"> {% for tenprint in tenprint_cards %} <div style="margin-bottom: 20px"> <div class="ui-widget-header ui-corner-top icnml_box_top" id="tenprint_{{ tenprint[ 'uuid' ] }}_filename">{{ tenprint[ 'username' ] }}</div> <div class="ui-widget-content ui-corner-bottom icnml_box_content"> <div class="icnml_button"> <a id="edit_{{ tenprint[ 'id' ] }}" href="{{ url_for( 'admin_tenprint', submission_id = tenprint[ 'submission_uuid' ], tenprint_id = tenprint[ 'uuid' ] ) }}"> <img src="{{ url_for( 'image_file_serve', file_id = tenprint[ 'uuid' ] ) }}"> </a> </div> </div> </div> {% endfor %} </div> </div> <script type="text/javascript"> $( "#icnml_navigation_admintenprint" ) .addClass( "activated" ); $( "#navloc" ).append( $( "<span />" ).text( "Tenprint cards" ) ); </script> </body> </html>