Skip to content

C
clinicaltrials
Commit b5e8c1dd authored by Romain Loth's avatar Romain Loth
Browse files
Options

centered layout almost everywhere + various layout adjustments

parent 4f2c8800
Hide whitespace changes
Inline Side-by-side
Showing with 203 additions and 245 deletions
static/css/comex.css
View file @ b5e8c1dd
/* =============================== MAIN COMEX STYLESHEET =============================== */
@media all{
.white { color:#fff ;}
.red { color:#910 ;}
.green { color:#161 ;}
......@@ -20,6 +23,9 @@ body {
font-size: 12px;
}
.center {
text-align: center;
}
.comex-nav-item {
vertical-align: middle;
......@@ -60,17 +66,20 @@ body {
text-decoration: underline;
}
/* main content for all new pages */
div.my-box {
/* main center column */
div.my-centering-box {
padding:0 20px;
line-height: 1.1em;
text-align: left;
/*background-color: pink ;*/
}
@media(max-width:768px){
/* xs */
div.my-box {
padding:0 7px;
line-height: .85em;
}
div.my-centering-box > * {
/* centering effect on all children */
margin-left: auto;
margin-right: auto;
max-width: 70em; /* >= FORMWIDTH */
/*background-color: red !important ;*/
}
.page {
......@@ -255,30 +264,17 @@ h2.oldstyle {
font-weight: bold;
}
@media(max-width:768px){
/* sm */
h2.cat, h2.oldstyle {
font-size: 22px !important;
}
}
@media(max-width:544px){
/* xs */
h2.cat, h2.oldstyle {
font-size: 16px !important;
}
}
/* "accordeon": collapsible formcats */
div.ccsection-wrap {
margin: 0 ;
margin-top: 0 ;
margin-bottom: 0 ;
padding: 0 ;
border: none;
background-color: transparent;
max-width: 62em; /* must be > FORMWIDTH */
}
a.ccsection-toggle {
margin: 0 ;
margin-top: 0 ;
margin-bottom: 0 ;
padding: 0 ;
}
a.ccsection-toggle:hover, a.ccsection-toggle:focus {
......@@ -369,7 +365,7 @@ div.ccsection-footer {
}
/* spacer columns tend to block what's underneath when hidden-foo-down */
.spacer {
.spacer, .hidden-sm-down, .hidden-md-down {
z-index: -1;
}
......@@ -377,3 +373,33 @@ footer {
line-height: 1.1em;
font-size: .9em;
}
}
/* sm and smaller */
@media(max-width:768px){
.page {
margin-top: 60px; /* topbar height increased as elts stack inside it */
}
div.my-centering-box {
padding:0 7px;
line-height: .85em;
}
h2.cat, h2.oldstyle {
font-size: 22px !important;
}
}
/* xs and smaller */
@media(max-width:544px){
.page {
margin-top: 75px; /* topbar height increased as elts stack inside it */
}
h2.cat, h2.oldstyle {
font-size: 16px !important;
}
}
static/css/comex_user.css
View file @ b5e8c1dd
/* =============================== MAIN COMEX SERVICES STYLESHEET =============================== */
/* ================= MAIN COMEX SERVICES STYLESHEET ================= */
@media all {
/* form content for reg, profile, login, etc.... */
div.uform {
/*padding: 15px 30px 53px 30px;*/
padding: 0px 5px 3px 5px;
margin: 7px 5px 3px 5px;
margin: 7px auto 3px auto;
background-color: #ddd;
max-width: 57em; /* FORMWIDTH */
}
/* form content for reg, profile, login, etc.... */
div.uform-white {
padding: 0px 5px 3px 5px;
margin: 7px 5px 3px 5px;
margin: 7px auto 3px auto;
background-color: #fff;
max-width: 57em; /* FORMWIDTH */
border-radius: 5px;
}
div.uform-white .ccsection-heading,
div.uform-white .ccsection-uform-body {
background-color: #fff;
......@@ -31,10 +33,6 @@ div.uform-white .ccsection-uform-body {
color: #000;
}*/
/* same but no margin and no color: good to put a panel-body inside */
div.uform-nobg {
max-width: 57em; /* FORMWIDTH */
}
.uform.readonly input,
.uform.readonly label,
......@@ -60,14 +58,6 @@ div.uform-nobg {
border-right: 1px solid #ccc;;
}
@media(max-width:991px){
/* sm and md */
div.uform, div.uform-nobg {
padding: 0;
margin: 5px 0px 0px 5px;
}
}
button.clean-btn
/* not used at present but could be useful for autompleted inputs */
......@@ -87,7 +77,7 @@ button.clean-btn
border-radius: 2em;
padding: 1em 3em;
text-align: center;
max-width: 40em;
/*max-width: 40em;*/
}
/* ex: profile overview in readonly */
......@@ -96,36 +86,32 @@ button.clean-btn
}
/* a fixed div for validation messsages */
.menu-right-fixed {
.menu-left-fixed {
position: fixed;
top: 4em;
right: 0;
left: 0;
display:block;
z-index: 4;
opacity: .8;
}
@media(max-width:991px){
/* sm and md */
.menu-right-fixed {
top: 11em;
}
}
/* ==> a question + input block <== */
.question {
padding: 0 1em;
margin-bottom: 2em;
max-width: 57em; /* FORMWIDTH */
max-width: 57em !important; /* FORMWIDTH */
}
@media(max-width:991px){
/* sm and md */
.question {
padding: 0;
}
/* we center the questions
when there is a visible wrapping */
div.uform .question,
.ccsection-wrap .question {
margin-left: auto;
margin-right: auto;
}
.conditional-q {
display: none;
}
......@@ -141,18 +127,6 @@ input.readonly {
min-width: 7.5em;
}
@media(max-width:400px){
/* ~ xs and smaller */
.smlabel {
padding: 0;
font-size: 65%;
letter-spacing: -.1em;
max-width: 6em;
width: 5em;
min-width: 5em;
}
}
/* the question's additional legend or caption */
.legend {
font-family: Cambria, serif;
......@@ -239,14 +213,19 @@ h3.formcatfirst {
color: #910;
}
.raw-responses {
font-family: Calibri, sans-serif ;
.debug-info {
font-family: monospace ;
max-width: 55em;
font-size: 80%;
line-height: 90% ;
background-color: #554;
color: white;
padding-bottom: 3em
background-color: #555;
color: #fff;
/* to stay invisible when no debug message */
padding: 0 ;
min-height: 0px;
}
/**/
ul.minilabels {
padding-top: .5em;
......@@ -308,23 +287,14 @@ input.is-realperson {
}
@media(max-width:991px){
/* sm and md */
#main_message {
font-size: 110%;
line-height: 1em;
padding: .1em .3em ;
margin: 0;
}
}
/* the picture preview */
#box_show_pic {
background-color: #554;
border: none ;
width:250px;
height:250px;
width:275px;
height:275px;
margin-left: auto;
margin-right: auto;
margin-bottom: 2em;
display: none;
}
......@@ -353,3 +323,43 @@ input.is-realperson {
background-color: #5278B3 !important;
border: .5px solid #6BB0E3 !important;
}
}
/* sm and md */
@media(max-width:991px){
div.uform, div.uform-nobg {
padding: 0;
margin-top: 5px;
margin-bottom: 0;
}
.menu-left-fixed {
top: 11em;
}
.question {
padding: 0;
}
#main_message {
font-size: 110%;
line-height: 1em;
padding: .1em .3em ;
margin: 0;
}
}
/* ~ xs and smaller */
@media(max-width:400px){
.smlabel {
padding: 0;
font-size: 65%;
letter-spacing: -.1em;
max-width: 6em;
width: 5em;
min-width: 5em;
}
}
templates/base_layout.html
View file @ b5e8c1dd
......@@ -202,7 +202,7 @@
<footer>
<!-- This directory is maintained by the <a href="http://cssociety.org" target="blank">Complex Systems Society</a>
and the <a href="http://iscpif.fr" target="blank">Complex Systems Institute of Paris Ile-de-France</a>.<br/>-->
<center>
<div class="center">
<a href="/about.html"><span class="glyphicon glyphicon-question-sign"></span> About</a> -
<!-- <a href="http://moma.csregistry.org/feedback" target="BLANK"><span class="glyphicon glyphicon-repeat"></span> Feedback</a> - -->
<a href="/about/privacy"> <span class="glyphicon glyphicon-list-alt"></span> Privacy</a>
......
templates/claim_profile.html
View file @ b5e8c1dd
......@@ -10,14 +10,14 @@
{% block main_content %}
<div class="row">
<div class="spacer col-lg-1 hidden-md-down">&nbsp;</div>
<div class="col-lg-9 col-md-11 col-sm-12">
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
<div class="my-centering-box col-lg-8 col-md-10 col-sm-12">
<!-- ##################### ( PROFILE OVERVIEW ) #################### -->
<div id="intro">
<p class="mini-hero">
<p class="mini-hero">
<span class="bigger">
Welcome
<strong>
......@@ -30,16 +30,8 @@
</p>
</div>
<!-- overview -->
<h2 class="cat"> Create your new password </h2>
<p class="mini-hero">
It will allow you to login with the associated email: <u><b>{{ return_user.info.email }}</b></u>
</p>
<!-- uform with double-width (over 2 columns) -->
<div class="uform-nobg" style="max-width:104em" >
<div class="uform-transparent" style="max-width:104em" >
<!-- EMAIL & PASSWORD -->
<!-- <h3 class="formcat"> Create your new password </h3> -->
......@@ -50,7 +42,13 @@
<div class="row nopadding nomargin">
<!-- the create login/password form -->
<div class="col-lg-6 col-md-5 col-sm-4 nopadding nomargin">
<div class="col-lg-6 col-md-5 col-sm-4 nopadding nomargin" id="leftcol">
<h2 class="cat"> Create your new password </h2>
<p class="mini-hero">
It will allow you to login with the associated email: <u><b>{{ return_user.info.email }}</b></u>
</p>
<br/><br/><br/>
<div class="question">
......@@ -74,14 +72,14 @@
</div>
<div class="col-lg-1 col-md-1 col-sm-1 hidden-xs-down">&nbsp;</div>
<!-- a vcard-like resume on the right side -->
<div class="col-lg-5 col-md-6 col-sm-7">
<div class="col-lg-5 col-md-6 col-sm-7" id="rightcol">
<center>
<div class="legend-alone">
If this isn't your data, please <a href="/services/user/register">register a new account instead</a>.
</div>
</center>
<div class="center legend-alone">
If this isn't your data, please <a href="/services/user/register">register a new account instead</a>.
</div>
<!-- CARTE DE VISITE -->
<div id="information-example" class="our-vcard" style="margin: 0 0 0 25">
......@@ -118,6 +116,7 @@
</ul>
<br>
</div>
</div>
</div>
......@@ -157,11 +156,11 @@
</div>
</div>
<div class="spacer col-lg-1 hidden-md-down">&nbsp;</div>
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
</div>
<div class="menu-right-fixed">
<div class="menu-left-fixed">
<!-- main validation message -->
<p id="main_message" class="legend"></p>
</div>
......
templates/login.html
View file @ b5e8c1dd
......@@ -10,8 +10,8 @@
{% block main_content %}
<div class="row">
<div class="spacer col-sm-1 col-md-1">&nbsp;</div>
<div class="my-box col-sm-8 col-md-8">
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
<div class="my-centering-box col-lg-8 col-md-10 col-sm-12">
<!-- INTRODUCTION TEXT -->
<div id="intro">
......@@ -105,7 +105,7 @@
</button>
</p> -->
<div class="spacer col-sm-2 col-md-2">&nbsp;</div>
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
</div>
{% endblock %}
......
templates/message.html
View file @ b5e8c1dd
......@@ -9,10 +9,10 @@
<!-- ======================================================================= -->
{% block main_content %}
<div class="row spacerrow">&nbsp;</div>
<div class="row smallspacerrow">&nbsp;</div>
<div class="row">
<div class="spacer col-sm-1 col-md-1">&nbsp;</div>
<div class="col-sm-8 col-md-8">
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
<div class="my-centering-box col-lg-8 col-md-10 col-sm-12">
<div id="intro">
<h2 class="oldstyle">Message</h2>
<div class="message-hero">
......@@ -20,7 +20,7 @@
</div>
</div>
</div>
<div class="spacer col-sm-2 col-md-2">&nbsp;</div>
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
</div>
{% endblock %}
templates/privacy.html
View file @ b5e8c1dd
......@@ -10,9 +10,9 @@
{% block main_content %}
<!-- CNIL WARNING -->
<div class="row">
<div class="spacer col-lg-1 hidden-md-down">&nbsp;</div>
<div class="col-lg-9 col-md-11 col-sm-12">
<div class="row center">
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
<div class="col-lg-8 col-md-10 col-sm-12 my-centering-box">
<h2 class="cat"> About your data </h2>
<div class="message-hero">
<p>Personal data is given on a voluntary basis and people are responsible for the validity and integrity of the data displayed in their profile. We reserve the right to remove any profile that is out of the scope of complex system science and complexity science or does not comply with the rules of conduct. In particular, advertising is not allowed.</p>
......@@ -49,6 +49,6 @@
</p>
</div>
</div>
<div class="spacer col-lg-1 hidden-md-down">&nbsp;</div>
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
</div>
{% endblock %}
templates/profile.html
View file @ b5e8c1dd
......@@ -10,8 +10,8 @@
{% block main_content %}
<div class="row">
<div class="spacer col-sm-1 col-md-1">&nbsp;</div>
<div class="my-box col-sm-8 col-md-8 panel-group"
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
<div class="my-centering-box col-lg-8 col-md-10 col-sm-12 panel-group"
id="profile_box"
role="tablist"
aria-multiselectable="true">
......@@ -118,8 +118,8 @@
<!-- ########################### ( FORM ) ########################## -->
<!-- todo onsubmit also save to cache -->
<div class="uform-nobg accordion" id="profile_uform"
style="margin: 38px 38px 8px 38px;">
<div class="uform-transparent accordion" id="profile_uform"
style="margin: 38px auto 8px auto;">
<h2 class="oldstyle">Edit your profile</h2>
<p class="mini-hero">
......@@ -610,10 +610,10 @@
</div>
</div>
<div class="spacer col-sm-2 col-md-2">&nbsp;</div>
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
</div>
<div class="menu-right-fixed">
<div class="menu-left-fixed">
<!-- main validation message -->
<p id="main_message" class="legend"></p>
</div>
......@@ -624,8 +624,8 @@
<!-- CNIL WARNING -->
<div class="row spacerrow">&nbsp;</div>
<div class="row">
<div class="spacer col-sm-1 col-md-1">&nbsp;</div>
<div class="col-sm-8 col-md-8">
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
<div class="my-centering-box col-lg-8 col-md-10 col-sm-12">
<h3 class="formcat"> About your data </h3>
<div class="cartouche" id="cnil_warning">
<p>Les informations recueillies à partir de ce formulaire font l’objet d’un traitement
......@@ -651,7 +651,7 @@
</p>
</div>
</div>
<div class="spacer col-sm-2 col-md-2">&nbsp;</div>
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
</div>
{% endblock %}
......
templates/registration_super_short_form.html
View file @ b5e8c1dd
......@@ -10,8 +10,8 @@
{% block main_content %}
<div class="row">
<div class="spacer col-lg-1 hidden-md-down">&nbsp;</div>
<div class="my-box col-lg-9 col-md-11 col-sm-12">
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
<div class="my-centering-box col-lg-8 col-md-10 col-sm-12">
<!-- INTRODUCTION TEXT -->
<div id="intro">
......@@ -26,7 +26,7 @@
<!-- ########################### ( FORM ) ########################## -->
<div class="uform-nobg">
<div class="uform-white">
<form id="comex_reg_form" enctype="multipart/form-data"
method="post" onsubmit="console.info('submitted')">
......@@ -209,11 +209,13 @@
<!-- == S U B M I T == -->
<!-- button instead of input.submit to validate before real submit action -->
<!-- also remember stackoverflow.com/a/3315016/2489184 -->
<button class="btn btn-lg btn-success" style="float:right"
id="form_submit" type=button disabled
onclick="if (validateAndMsg(event)) {registerDoorsAndSubmit()}">
Submit your form
</button>
<div class="question">
<button class="btn btn-lg btn-success" style="float:right"
id="form_submit" type=button disabled
onclick="if (validateAndMsg(event)) {registerDoorsAndSubmit()}">
Submit your form
</button>
</div>
</form>
......@@ -235,7 +237,7 @@
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
</div>
<div class="menu-right-fixed">
<div class="menu-left-fixed">
<!-- main validation message -->
<p id="main_message" class="legend" style="display:none"></p>
</div>
......
templates/rootindex.html
View file @ b5e8c1dd
......@@ -48,7 +48,7 @@
<div class="spacer col-lg-1 col-md-1 hidden-sm-down">&nbsp;</div>
<!-- ##################### ( WELCOME ) #################### -->
<div class="my-box col-lg-9 col-md-9 col-sm-12">
<div class="my-centering-box col-lg-9 col-md-9 col-sm-12">
<div id="loading" style="padding-left:-175px; margin-left: 27%;">
<img src="/static/css/loading.gif" style="border: 0px; opacity: 0.05; " />
</div>
......@@ -63,7 +63,7 @@
<div class="spacer col-lg-1 col-md-1 hidden-sm-down">&nbsp;</div>
<!-- ### ( 1 big column for directory search ) ### -->
<div class="my-box col-lg-6 col-md-6 col-sm-12">
<div class="col-lg-6 col-md-6 col-sm-12">
<p class="mini-hero">
Map your own socio-semantic network or explore sub-communities using the <strong> interactive menu</strong> on the top of the webpage. Use the "refine" filters to select keywords and scholars matching your subjects of interests.
......@@ -112,7 +112,7 @@
</div>
<div class="spacer col-lg-1 col-md-1 hidden-sm-down">&nbsp;</div>
<!-- ### ( 1 small column for news and announcements ) ### -->
<div class="my-box col-lg-3 col-md-3 col-sm-12">
<div class="col-lg-3 col-md-3 col-sm-12">
<h2 class="oldstyle" style="font-size:1.5em;margin-top:1.5em;text-align:center;">
Special features
</h2>
......@@ -131,8 +131,8 @@
<!-- INTRO foot (social media likes etc) -->
<div class="row">
<div class="spacer col-lg-1 col-md-1 hidden-sm-down">&nbsp;</div>
<div class="my-box col-lg-9 col-md-9 col-sm-12">
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
<div class="my-centering-box col-lg-8 col-md-10 col-sm-12">
<a href="https://twitter.com/intent/tweet?button_hashtag=communityexplorer&text=Map%20your%20%23network%2C%20explore%20the%20worldwide%20%23complexsystems%20%23community%20at%20all%20scales.%20%23dataviz" class="twitter-hashtag-button" data-url="http://communityexplorer.org">Tweet #communityexplorer</a>
&nbsp;
......@@ -141,7 +141,7 @@
</div>
</div>
<div class="spacer col-lg-1 col-md-1 hidden-sm-down">&nbsp;</div>
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
</div>
......@@ -188,90 +188,6 @@
<div class="spacer col-lg-1 col-md-2 hidden-sm-down">&nbsp;</div>
</div>
<!-- white notebook section: PROFILE -->
<div class="row spacerrow">&nbsp;</div>
<div class="row banner-row" style="background-color:#fff">
<div class="spacer col-lg-1 col-md-1 hidden-sm-down">&nbsp;</div>
<div class="col-lg-3 col-md-3 col-sm-10">
<div class="panel panel-primary action-announce">
<div class="panel-body">
<div class="cmx-action-wrap">
<img src="{{ url_for('static', filename='img/action_profile.png') }}"
class="cmx-action">
</div>
<h2 class="oldstyle">Sharing your "carte de visite"</h2>
<p class="mini-hero">
Add your keywords and you will be plotted in the map
<br/>Selecting you will flash a visit card like this:
<div id="information-example">
<br><h4>Information:</h4><ul><li><b>Dr. Jacques Monod</b></li><li><img src="https://upload.wikimedia.org/wikipedia/commons/7/70/Jacques_Monod_nobel.jpg" width="80px" style="float:left;margin:5px"><b>Country: </b>France<br><b>Position: </b>Research Director<br><b>Keywords: </b>emergence, biology, systems biology, autopoiesis, biochemistry.<br>[ <a href="https://fr.wikipedia.org/wiki/Jacques_Monod" target="blank"> View homepage </a>]<br></li></ul><br>
</div>
</p>
</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-sm-10">
<div class="panel panel-default wwwpanel">
<div class="panel-heading">
<p class="pull-up-right">
<a id="inlink" target="_blank" href="/services/user/{% if current_user.info %}profile{% else %}register{% endif %}">
<span class="glyphicon glyphicon-new-window"></span>
Open in another tab
</a>
</p>
</div>
<div class="panel-body wwwthumb">
<iframe src="/services/user/{% if current_user.info %}profile{% else %}register{% endif %}" class="wwwthumb" frameborder="0" scrolling="yes">
<p>Your web browser doesn't support iframes. :(</p>
</iframe>
</div>
</div>
</div>
<div class="spacer col-lg-1 col-md-2 hidden-sm-down">&nbsp;</div>
</div>
<!-- coloured notebook section: STATS -->
<div class="row spacerrow">&nbsp;</div>
<div class="row banner-row" style="background-color:#FAB612">
<div class="spacer col-lg-1 col-md-1 hidden-sm-down">&nbsp;</div>
<div class="col-lg-3 col-md-3 col-sm-10">
<div class="panel panel-primary action-announce">
<div class="panel-body">
<div class="cmx-action-wrap">
<img src="{{ url_for('static', filename='img/action_stats.png') }}"
class="cmx-action">
</div>
<h2 class="oldstyle">Analyze the community structure and trends</h2>
<p class="mini-hero">
Our pie-chart directories allow you to explore <strong>scholars</strong>, <strong>keywords</strong> and <strong>affiliations</strong> statistics for any query.
</p>
</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-sm-10">
<div class="panel panel-default wwwpanel">
<div class="panel-heading">
<p class="pull-up-right">
<a target="_blank" href="/print_directory.php?query=%7B%7D">
<span class="glyphicon glyphicon-new-window"></span>
Open in another tab
</a>
</p>
</div>
<div class="panel-body wwwthumb">
<iframe src="/print_directory.php?query=%7B%7D" class="wwwthumb" frameborder="0" scrolling="yes">
<p>Your web browser doesn't support iframes. :(</p>
</iframe>
</div>
</div>
</div>
<div class="spacer col-lg-1 col-md-2 hidden-sm-down">&nbsp;</div>
</div>
{% endblock %}
<!-- ======================================================================= -->
......
templates/thank_you.html
View file @ b5e8c1dd
......@@ -9,10 +9,10 @@
<!-- ======================================================================= -->
{% block main_content %}
<div class="row spacerrow">&nbsp;</div>
<div class="row smallspacerrow">&nbsp;</div>
<div class="row">
<div class="spacer col-sm-1 col-md-1">&nbsp;</div>
<div class="my-box col-sm-8 col-md-8">
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
<div class="my-centering-box col-lg-8 col-md-10 col-sm-12">
<!-- INTRODUCTION TEXT -->
<div id="intro">
......@@ -38,25 +38,30 @@
</div>
</div>
<div class="spacer col-sm-2 col-md-2">&nbsp;</div>
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
</div>
<!-- raw responses for debug -->
<!-- any debug messages -->
<div class="row spacerrow">&nbsp;</div>
<div class="row">
<div class="spacer col-sm-1 col-md-1">&nbsp;</div>
<div class="raw-responses col-sm-8 col-md-8" style="font-family:Calibri, sans-serif">
<h3>debug</h3>
{% for key in debug_records %}
<p> {{key}} {{debug_records[key]}} </p>
{% endfor %}
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
<div class="my-centering-box col-lg-8 col-md-10 col-sm-12">
<div class="debug-info">
{% if debug_message or (debug_records|length != 0) %}
<h3 style="font-family:Calibri, sans-serif">debug</h3>
{% for key in debug_records %}
<p> {{key}} &lt;- {{debug_records[key]}}</p>
{% endfor %}
<p style="font-family: monospace; font-weight: bold">
{{debug_message|safe}}
</p>
{% if debug_message %}
<p style="font-family: monospace; font-weight: bold">
{{debug_message|safe}}
</p>
{% endif %}
{% endif %}
</div>
</div>
<div class="spacer col-sm-2 col-md-2">&nbsp;</div>
<div class="spacer col-lg-2 col-md-1 hidden-sm-down">&nbsp;</div>
</div>
{% endblock %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment