Commit 504391b1 authored by Romain Loth's avatar Romain Loth

static to server transformation: templates

parent 85e6b532
*.sqlite *.sqlite
*.db
*.json *.json
env/ env/
...@@ -6,3 +6,10 @@ This folder contains nov 2016 registration form and cgi ...@@ -6,3 +6,10 @@ This folder contains nov 2016 registration form and cgi
=> the answers are POSTed to a cgi script that writes the new users in a local DB => the answers are POSTed to a cgi script that writes the new users in a local DB
contact: `romain.loth@iscpif.fr` contact: `romain.loth@iscpif.fr`
**static => server**
templates ok
cgibin to server todo
Flask templates
===============
More interpolated templates (only useful on dev server by flask)
This diff is collapsed.
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="utf-8">
<title>Formulaire Community Explorer : se ré-enregistrer</title>
<meta name="description" content="Formulaire d'enregistrement sur la plateforme Community Explorer (ISCPIF CNRS UPS 3611)">
<meta name="keywords" content="complex systems, community, registration form">
<!-- CSS -->
<link type=text/css rel=stylesheet href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
<link type=text/css rel=stylesheet href="{{ url_for('static', filename='css/topbar_bootstrap_retrocompatibility.css') }}">
<link type=text/css rel=stylesheet href="{{ url_for('static', filename='js/jquery-ui-1.12.1/jquery-ui.min.css') }}">
<style type="text/css" media="screen">
.white { color:#fff ; }
.page {
margin-top: 45px; /* topbar height is 40px */
}
/* for intro text */
.mini-hero {
margin-top: 1.5em;
font-size: 18px;
line-height: 27px;
}
/* page sections: style snippets from old bootstrap h2 */
h2.oldstyle {
font-family: Ubuntu, sans-serif;
font-size: 24px;
font-weight: bold;
line-height: 18px ;
}
.spacerrow {
height: 5em;
}
.bigspacerrow {
height: 50em;
}
</style>
<!-- ## JS ## -->
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//piwik.iscpif.fr/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '4']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//piwik.iscpif.fr/piwik.php?idsite=4" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
</head>
<body>
<div class="topbar" style="opacity: 0.93;">
<div class="topbar-inner">
<div class="container-fluid">
<a class="brand" href="http://communityexplorer.org/index.html">
<span class="glyphicon glyphicon-home white"></i></a>
<ul class="white nav">
<li>
<a id="truc" href="http://communityexplorer.org/#"> <strong>Complex systems community explorer</strong></a>
</li>
</ul>
</div>
</div>
</div>
<div class="page container-fluid">
<div class="row spacerrow">&nbsp;</div>
<div class="row">
<div class="spacer col-sm-1 col-md-1">&nbsp;</div>
<div class="my_form_box col-sm-8 col-md-8">
<!-- INTRODUCTION TEXT -->
<div id="intro">
<h2 class="oldstyle">Registration form</h2>
<p class="mini-hero">
{% if form_accepted %}
Thank you for your answers ! We'll soon update the <strong>Community Explorer</strong> database with all the new information.
{% else %}
Your answers couldn't be accepted because you filled some wrong information in the verification test !
{% endif %}
</p>
</div>
</div>
<div class="spacer col-sm-2 col-md-2">&nbsp;</div>
</div>
<div class="row bigspacerrow">&nbsp;</div>
<!-- FOOTER TEXT AND LINKS -->
<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>
<a href="http://communityexplorer.org/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="http://communityexplorer.org/privacy.html"> <span class="glyphicon glyphicon-list-alt"></span> Privacy</a>
<br>
Directory 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>
<a href="http://cssociety.org/" target="_BLANK">
<img src="{{ url_for('static', filename='images/css.png') }}" alt="http://cssociety.org"
style="border: none; margin-bottom : -6px;"
title="isc-pif" height="25px">
</a>
<a href="http://iscpif.fr/">
<img src="{{ url_for('static', filename='images/iscpif_short.png') }}" alt="iscpif.fr"
style="border: none; margin-bottom : -6px;"
title="isc-pif">
</a>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/" target="blank">
<img alt="Creative Commons License" style="border: none; margin-bottom : -6px;" src="{{ url_for('static', filename='images/cc.png') }}" height="20px">
</a> -
<!-- <a href="http://moma.csregistry.org/" target="_BLANK"> MOMA</a> - -->
<a href="http://iscpif.fr/" target="_BLANK">ISC-PIF</a> -
<a href="http://www.cnrs.fr/fr/recherche/index.htm" target="_BLANK">CNRS</a>.
</center>
<p>&nbsp;</p>
</footer>
</div>
</body>
</html>
base_form.html
\ No newline at end of file
Jinja templates Flask templates
=============== ===============
Simple html templates for jinja2 More interpolated jinja2 templates (for server)
...@@ -7,22 +7,22 @@ ...@@ -7,22 +7,22 @@
<meta name="keywords" content="complex systems, community, registration form"> <meta name="keywords" content="complex systems, community, registration form">
<!-- CSS --> <!-- CSS -->
<link type=text/css rel=stylesheet href="static/css/bootstrap.min.css"> <link type=text/css rel=stylesheet href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
<link type=text/css rel=stylesheet href="static/css/topbar_bootstrap_retrocompatibility.css"> <link type=text/css rel=stylesheet href="{{ url_for('static', filename='css/topbar_bootstrap_retrocompatibility.css') }}">
<link type=text/css rel=stylesheet href="static/js/jquery-ui-1.12.1/jquery-ui.min.css"> <link type=text/css rel=stylesheet href="{{ url_for('static', filename='js/jquery-ui-1.12.1/jquery-ui.min.css') }}">
<link type=text/css rel=stylesheet href="static/js/realperson/jquery.realperson.css"> <link type=text/css rel=stylesheet href="{{ url_for('static', filename='js/realperson/jquery.realperson.css') }}">
<link type=text/css rel=stylesheet href="static/css/comex_reg.css"> <link type=text/css rel=stylesheet href="{{ url_for('static', filename='css/comex_reg.css') }}">
<!-- ## JS ## --> <!-- ## JS ## -->
<!-- libs --> <!-- libs -->
<script type="text/javascript" src="static/js/jquery-3.1.1.min.js"></script> <script type="text/javascript" src="{{ url_for('static', filename='js/jquery-3.1.1.min.js') }}"></script>
<script type="text/javascript" src="static/js/jquery-ui-1.12.1/jquery-ui.min.js"></script> <script type="text/javascript" src="{{ url_for('static', filename='js/jquery-ui-1.12.1/jquery-ui.min.js') }}"></script>
<!-- possible to change it and send it each time with makeSalt--> <!-- possible to change it and send it each time with makeSalt-->
<script type="text/javascript">$.salt = 'verylonverylongverylonverylongverylonverylong'</script> <script type="text/javascript">$.salt = 'verylonverylongverylonverylongverylonverylong'</script>
<script type="text/javascript" src="static/js/realperson/jquery.plugin.min.js"></script> <script type="text/javascript" src="{{ url_for('static', filename='js/realperson/jquery.plugin.min.js') }}"></script>
<!-- for some reason jquery.realperson.min.js reacts differently to salt than jquery.realperson.js --> <!-- for some reason jquery.realperson.min.js reacts differently to salt than jquery.realperson.js -->
<script type="text/javascript" src="static/js/realperson/jquery.realperson.js"></script> <script type="text/javascript" src="{{ url_for('static', filename='js/realperson/jquery.realperson.js') }}"></script>
<!-- our js is at the end --> <!-- our js is at the end -->
...@@ -435,19 +435,19 @@ ...@@ -435,19 +435,19 @@
<a href="http://iscpif.fr/" target="blank">Complex Systems Institute of Paris Ile-de-France</a>. <a href="http://iscpif.fr/" target="blank">Complex Systems Institute of Paris Ile-de-France</a>.
<br> <br>
<a href="http://cssociety.org/" target="_BLANK"> <a href="http://cssociety.org/" target="_BLANK">
<img src="static/images/css.png" alt="http://cssociety.org" <img src="{{ url_for('static', filename='images/css.png') }}" alt="http://cssociety.org"
style="border: none; margin-bottom : -6px;" style="border: none; margin-bottom : -6px;"
title="isc-pif" height="25px"> title="isc-pif" height="25px">
</a> </a>
<a href="http://iscpif.fr/"> <a href="http://iscpif.fr/">
<img src="static/images/iscpif_short.png" alt="iscpif.fr" <img src="{{ url_for('static', filename='images/iscpif_short.png') }}" alt="iscpif.fr"
style="border: none; margin-bottom : -6px;" style="border: none; margin-bottom : -6px;"
title="isc-pif"> title="isc-pif">
</a> </a>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/" target="blank"> <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/" target="blank">
<img alt="Creative Commons License" style="border: none; margin-bottom : -6px;" src="static/images/cc.png" height="20px"> <img alt="Creative Commons License" style="border: none; margin-bottom : -6px;" src="{{ url_for('static', filename='images/cc.png') }}" height="20px">
</a> - </a> -
<!-- <a href="http://moma.csregistry.org/" target="_BLANK"> MOMA</a> - --> <!-- <a href="http://moma.csregistry.org/" target="_BLANK"> MOMA</a> - -->
<a href="http://iscpif.fr/" target="_BLANK">ISC-PIF</a> - <a href="http://iscpif.fr/" target="_BLANK">ISC-PIF</a> -
...@@ -458,7 +458,7 @@ ...@@ -458,7 +458,7 @@
</div> </div>
<!-- our js --> <!-- our js -->
<script src="static/js/comex_reg_form_controllers.js"></script> <script src="{{ url_for('static', filename='js/comex_reg_form_controllers.js') }}"></script>
</body> </body>
</html> </html>
...@@ -7,10 +7,10 @@ ...@@ -7,10 +7,10 @@
<meta name="keywords" content="complex systems, community, registration form"> <meta name="keywords" content="complex systems, community, registration form">
<!-- CSS --> <!-- CSS -->
<link type=text/css rel=stylesheet href="../static/css/bootstrap.min.css"> <link type=text/css rel=stylesheet href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
<link type=text/css rel=stylesheet href="../static/css/topbar_bootstrap_retrocompatibility.css"> <link type=text/css rel=stylesheet href="{{ url_for('static', filename='css/topbar_bootstrap_retrocompatibility.css') }}">
<link type=text/css rel=stylesheet href="../static/js/jquery-ui-1.12.1/jquery-ui.min.css"> <link type=text/css rel=stylesheet href="{{ url_for('static', filename='js/jquery-ui-1.12.1/jquery-ui.min.css') }}">
<link type=text/css rel=stylesheet href="../static/css/comex_reg.css"> <link type=text/css rel=stylesheet href="{{ url_for('static', filename='css/comex_reg.css') }}">
<!-- ## JS ## --> <!-- ## JS ## -->
...@@ -104,19 +104,19 @@ ...@@ -104,19 +104,19 @@
<a href="http://iscpif.fr/" target="blank">Complex Systems Institute of Paris Ile-de-France</a>. <a href="http://iscpif.fr/" target="blank">Complex Systems Institute of Paris Ile-de-France</a>.
<br> <br>
<a href="http://cssociety.org/" target="_BLANK"> <a href="http://cssociety.org/" target="_BLANK">
<img src="../static/images/css.png" alt="http://cssociety.org" <img src="{{ url_for('static', filename='images/css.png') }}" alt="http://cssociety.org"
style="border: none; margin-bottom : -6px;" style="border: none; margin-bottom : -6px;"
title="isc-pif" height="25px"> title="isc-pif" height="25px">
</a> </a>
<a href="http://iscpif.fr/"> <a href="http://iscpif.fr/">
<img src="../static/images/iscpif_short.png" alt="iscpif.fr" <img src="{{ url_for('static', filename='images/iscpif_short.png') }}" alt="iscpif.fr"
style="border: none; margin-bottom : -6px;" style="border: none; margin-bottom : -6px;"
title="isc-pif"> title="isc-pif">
</a> </a>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/" target="blank"> <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/" target="blank">
<img alt="Creative Commons License" style="border: none; margin-bottom : -6px;" src="../static/images/cc.png" height="20px"> <img alt="Creative Commons License" style="border: none; margin-bottom : -6px;" src="{{ url_for('static', filename='images/cc.png') }}" height="20px">
</a> - </a> -
<!-- <a href="http://moma.csregistry.org/" target="_BLANK"> MOMA</a> - --> <!-- <a href="http://moma.csregistry.org/" target="_BLANK"> MOMA</a> - -->
<a href="http://iscpif.fr/" target="_BLANK">ISC-PIF</a> - <a href="http://iscpif.fr/" target="_BLANK">ISC-PIF</a> -
......
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