Commit e558a176 authored by Mathieu Rodic's avatar Mathieu Rodic

[CODE] rewrote HTML templates

applied proper indentation and nesting
parent 6952a98f
<html> <html>
<body>
<head> <head>
<link rel="stylesheet" type="text/css" href="/static/css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="/static/css/morris.css"> <link rel="stylesheet" type="text/css" href="/static/css/morris.css">
</head> </head>
<body>
<div id="grp-container"> <div id="grp-container">
<!-- HEADER --> <!-- HEADER -->
<header id="grp-header" class=""> <header id="grp-header" class="">
<!-- NAVIGATION --> <!-- NAVIGATION -->
<div id="grp-navigation"> <div id="grp-navigation">
<h1 id="grp-admin-title">Gargantext</h1> <h1 id="grp-admin-title">Gargantext</h1>
...@@ -19,13 +18,9 @@ ...@@ -19,13 +18,9 @@
</div> </div>
</header> </header>
<!-- CONTENT --> <!-- CONTENT -->
<article id="grp-content" class=""> <article id="grp-content" class="">
<!-- CONTENT TITLE --> <!-- CONTENT TITLE -->
<header id="grp-content-title"> <header id="grp-content-title">
<br><br><br> <br><br><br>
...@@ -35,7 +30,6 @@ ...@@ -35,7 +30,6 @@
<div class="jumbotron"> <div class="jumbotron">
<!-- CONTENT-CONTAINER --> <!-- CONTENT-CONTAINER -->
<div id="grp-content-container"> <div id="grp-content-container">
<div class="g-d-c g-d-10 g-centered"> <div class="g-d-c g-d-10 g-centered">
<form action="" method="post"><input type='hidden' name='csrfmiddlewaretoken' value='Yopwc8YatA3C68kSevZX9upoXdIcZzPn' /> <form action="" method="post"><input type='hidden' name='csrfmiddlewaretoken' value='Yopwc8YatA3C68kSevZX9upoXdIcZzPn' />
<fieldset class="grp-module grp-module-login"> <fieldset class="grp-module grp-module-login">
...@@ -43,25 +37,22 @@ ...@@ -43,25 +37,22 @@
<span class="grp-current-page">Login</span> <span class="grp-current-page">Login</span>
</h2a> </h2a>
<div class="grp-module"> <div class="grp-module">
{% block main %} {% block main %}
<div id="login"> <div id="login">
{% csrf_token %} {% csrf_token %}
{% if next_page %} {% if next_page %}
<input type="hidden" name="the_next_page" value="{{ next_page }}" /> <input type="hidden" name="the_next_page" value="{{ next_page }}" />
{% endif %} {% endif %}
<div class="grp-row"> <div class="grp-row">
<label class="control-label" for="username">Username</label> <label class="control-label" for="username">Username</label>
<input type="text" id="username" name="username" placeholder="Username"> <input type="text" id="username" name="username" placeholder="Username">
</div> </div>
<div class="grp-row grp-connected"> <div class="grp-row grp-connected">
<label class="control-label" for="password">Password</label> <label class="control-label" for="password">Password</label>
<input type="password" name="password" id="password" placeholder="Password"> <input type="password" name="password" id="password" placeholder="Password">
</div> </div>
</div>
{% endblock %}
</div> </div>
</fieldset> </fieldset>
<div class="grp-module grp-submit-row"> <div class="grp-module grp-submit-row">
...@@ -70,15 +61,14 @@ ...@@ -70,15 +61,14 @@
</ul> </ul>
</div> </div>
</form> </form>
</div>
{% endblock %}
</div> </div>
</div> </div>
</div>
</div>
</article>
</div> </article>
</div>
</div> </div>
......
This diff is collapsed.
...@@ -13,52 +13,51 @@ ...@@ -13,52 +13,51 @@
{% block content %} {% block content %}
<div class="container theme-showcase" role="main"> <div class="container theme-showcase" role="main">
<div class="jumbotron"> <div class="jumbotron">
<div class="row"> <div class="row">
<div class="col-md-4 content"> <div class="col-md-4 content">
<h1>Gargantext</h1> <h1>Gargantext</h1>
<p>A web platform to explore text-mining</p> <p>A web platform to explore text-mining</p>
<a class="btn btn-primary btn-lg" href="/projects" title="Click and test by yourself">Test Gargantext <a class="btn btn-primary btn-lg" href="/projects" title="Click and test by yourself">Test Gargantext
</a> </a>
<p> <p>
<span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span> <span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span>
<small> <small>
<i> <i>
Some features may not work without a javascript optimized browser (Chromium for instance). Some features may not work without a javascript optimized browser (Chromium for instance).
</i> </i>
</small> </small>
</p> </p>
</div> </div>
<div class="col-md-2 content"></div>
<div class="col-md-2 content"></div> <div class="col-md-2 content"></div>
<div class="col-md-2 content"> <div class="col-md-2 content"></div>
<p class="right"> <div class="col-md-2 content">
<div style="border:15px"> <p class="right">
<img src="{% static "img/logo.png"%}" title="Logo designed by dacha and anoe" style="100px; height:150px; border:3px solid white"> <div style="border:15px">
</div> <img src="{% static "img/logo.png"%}" title="Logo designed by dacha and anoe" style="100px; height:150px; border:3px solid white">
</p> </div>
</div> </p>
</div> </div>
</div> </div>
</div>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="content"> <div class="content">
<center> <center>
<img src="{% static "img/Gargantextuel-212x300.jpg"%}" title="Gargantextuel drawn by Cecile Meadel" style="border:2px solid black"> <img src="{% static "img/Gargantextuel-212x300.jpg"%}" title="Gargantextuel drawn by Cecile Meadel" style="border:2px solid black">
<!--
<!-- <h2>Introduction Video</h2>
<h2>Introduction Video</h2> <video width="320" height="240" controls>
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4">
<source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg">
<source src="movie.ogg" type="video/ogg"> Your browser does not support this video sorry. Try Firefox or Chromium.
Your browser does not support this video sorry. Try Firefox or Chromium. </video>
</video> -->
--> </center>
</center> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
...@@ -66,28 +65,28 @@ ...@@ -66,28 +65,28 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-4 content"> <div class="col-md-4 content">
<h3><a href="#" title="Random sentences in Gargantua's Books chapters, historically true">Historic</a></h3> <h3><a href="#" title="Random sentences in Gargantua's Books chapters, historically true">Historic</a></h3>
<p> {{ paragraph_gargantua }}</p> <p> {{ paragraph_gargantua }}</p>
</div> </div>
<div class="col-md-4 content"> <div class="col-md-4 content">
<h3><a href="#" title="Randomized words, semantically and syntaxically falses." >Presentation</a></h3> <h3><a href="#" title="Randomized words, semantically and syntaxically falses." >Presentation</a></h3>
<p> {{ paragraph_lorem }} <p> {{ paragraph_lorem }}
</p> </p>
</div> </div>
<div class="col-md-4 content"> <div class="col-md-4 content">
<h3><a href="#" title="Randomized letters, true or false ?">Tutoreil</a></h3> <h3><a href="#" title="Randomized letters, true or false ?">Tutoreil</a></h3>
<p> <p>
{{ paragraph_tutoreil }} {{ paragraph_tutoreil }}
<!-- Why not French ? --> <!-- Why not French ? -->
<!-- find Cambridge source which inspired this --!> <!-- find Cambridge source which inspired this -->
</p> </p>
</div> </div>
......
...@@ -14,15 +14,10 @@ ...@@ -14,15 +14,10 @@
{% block content %} {% block content %}
<div class="container theme-showcase" role="main"> <div class="container theme-showcase" role="main">
<div class="jumbotron"> <div class="jumbotron">
<h1>Gargantext in maintenance</h1> <h1>Gargantext in maintenance</h1>
<h2>Thanks for your comprehension</h2> <h2>Thanks for your comprehension</h2>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}
<html> <html>
{% load staticfiles %} {% load staticfiles %}
<head> <head>
<link rel="shortcut icon" href="{% static "/favicon.ico"%}"> <link rel="shortcut icon" href="{% static "/favicon.ico" %}">
{% block css %}
{% block css %} {% endblock %}
{% endblock %} </head>
</head>
<body>
<body> <!-- Fixed navbar -->
<!-- Fixed navbar --> <div id="dafixedtop" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div id="dafixedtop" class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container">
<div class="container"> <div class="navbar-inner">
<div class="navbar-inner"> <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> </button>
</button> <a class="navbar-brand" style="line-height:15px; height:10px; padding: 10px 10px;" href="/"><img src="/generated/img/logo.svg" title="Back to home."></a>
<a class="navbar-brand" style="line-height:15px; height:10px; padding: 10px 10px;" href="/"><img src="/generated/img/logo.svg" title="Back to home."></a> </div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="/about/" title="More informations about the project, its sponsors and its authors.">About</a>
</li>
{% if user.is_authenticated %}
<li><a href="/projects/" title="All your projects are here.">Projects</a></li>
{% endif %}
{% if project %}
<li><a href="/project/{{project.id}}">{{project.name}}</a></li>
{% endif %}
{% if corpus %}
<li><a href="/project/{{project.id}}/corpus/{{corpus.id}}">{{corpus.name}}</a></li>
{% endif %}
</ul>
<ul class="nav pull-right">
<li class="dropdown">
<a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown" title="That is your login">
<i class="icon-user"></i>
{{ user }}
<i class="caret"></i>
</a>
<ul class="dropdown-menu">
<li><a tabindex="-1" href="http://www.iscpif.fr/tiki-index.php?page=gargantext_feedback" title="Send us a message (bug, thanks, congrats...)">Report Feedback</a></li>
<li class="divider"></li>
{% if user.is_authenticated %}
<li><a tabindex="-1" href="/auth/logout" title="Click here to logout especially on public devices">Logout</a></li>
{% else %}
<li><a tabindex="-1" href="/auth/login">Login</a></li>
{% endif %}
</ul>
</li>
</ul>
</div>
</div>
</div> </div>
<!--/.nav-collapse -->
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav"> {% block corpusBannerTop %}
<li><a href="/about/" title="More informations about the project, its sponsors and its authors.">About</a> {% endblock %}
</li>
{% if user.is_authenticated %}
<li><a href="/projects/" title="All your projects are here.">Projects</a></li> {% block content %}
{% endif %} {% endblock %}
{% if project %}
<li><a href="/project/{{project.id}}">{{project.name}}</a></li> {% block corpusBannerBottom %}
{% endif %} {% endblock %}
{% if corpus %}
<li><a href="/project/{{project.id}}/corpus/{{corpus.id}}">{{corpus.name}}</a></li> <hr>
{% endif %}
<footer>
<p>
</ul> Gargantext, version 2.0,
<a href="http://www.cnrs.fr" target="blank" title="Institution that enables this project.">
<ul class="nav pull-right"> Copyrights CNRS {{ date.year }}
<li class="dropdown"> </a>
<a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown" title="That is your login"><i class="icon-user"></i> {{ user }}<i class="caret"></i> <a href="http://www.gnu.org/licenses/agpl-3.0.html" target="blank" title="Legal instructions of the project.">
Licence aGPLV3
</a> </a>
<ul class="dropdown-menu"> .
<li><a tabindex="-1" href="http://www.iscpif.fr/tiki-index.php?page=gargantext_feedback" title="Send us a message (bug, thanks, congrats...)">Report Feedback</a></li> </p>
<li class="divider"></li> </footer>
{% if user.is_authenticated %}
<li><a tabindex="-1" href="/auth/logout" title="Click here to logout especially on public devices">Logout</a></li>
{% else %} <!-- Place at the end of the document so the pages load faster -->
<li><a tabindex="-1" href="/auth/login">Login</a></li> {% load staticfiles %}
{% endif %}
</ul>
</li> <!--
</ul> <script type="text/javascript" src="{% static "js/easy/jquery.easypiechart.js"%}"></script>
</div> <script type="text/javascript">
</div> $(function() {
</div> $('.chart').easyPieChart({
<!--/.nav-collapse --> //your configuration goes here
size : 50
{% block corpusBannerTop %} });
{% endblock %} });
</script>
<script type="text/javascript" src="{% static "js/jquery/jquery.min.js" %}"></script>
{% block content %} -->
{% endblock %}
<script type="text/javascript" src="{% static "js/bootstrap/bootstrap.min.js" %}"></script>
{% block corpusBannerBottom %}
{% endblock %} <script type="text/javascript">
$(function () { $("[data-toggle='popover']").popover({
html: true,
title: function() {
return $("#popover-head").html();
<hr> },
content: function() {
<footer> return $("#popover-content").html();
<p>Gargantext, version 2.0, <a href="http://www.cnrs.fr" target="blank" title="Institution that enables this project.">Copyrights CNRS {{ date.year }}</a>, }
<a href="http://www.gnu.org/licenses/agpl-3.0.html" target="blank" title="Legal instructions of the project.">Licence aGPLV3</a>.</p> });});
</footer> </script>
{% if debug == False %}
<!-- Place at the end of the document so the pages load faster --> <!-- Piwik -->
{% load staticfiles %} <script type="text/javascript">
var _paq = _paq || [];
_paq.push(['trackPageView']);
<!-- _paq.push(['enableLinkTracking']);
(function() {
<script src="{% static "js/easy/jquery.easypiechart.js"%}"></script> var u="//piwik.iscpif.fr/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
<script type="text/javascript"> _paq.push(['setSiteId', 2]);
$(function() { var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
$('.chart').easyPieChart({ g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
//your configuration goes here })();
size : 50 </script>
}); <noscript>
}); <p>
<img src="//piwik.iscpif.fr/piwik.php?idsite=2" style="border:0;" alt="" />
</script> </p>
</noscript>
<!-- End Piwik Code -->
<script type="text/javascript" src="{% static "js/jquery/jquery.min.js" %}"></script> {% endif %}
-->
</body>
<script src="{% static "js/bootstrap/bootstrap.min.js" %}"></script>
<script>$(function () { $("[data-toggle='popover']").popover({
html:true,
title: function() {
return $("#popover-head").html();
},
content: function() {
return $("#popover-content").html();
}
});});</script>
{% if debug == False %}
<!-- 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', 2]);
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=2" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
{% endif %}
</body>
</html> </html>
This diff is collapsed.
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