diff --git a/ippisite/ippidb/static/css/ippidb.css b/ippisite/ippidb/static/css/ippidb.css
index 27a7af1c7c9171ba51cc9e8d9dfc95691925eafa..e9068891a3b42506a19a73c5e07ca72bd5875e6e 100644
--- a/ippisite/ippidb/static/css/ippidb.css
+++ b/ippisite/ippidb/static/css/ippidb.css
@@ -297,6 +297,16 @@ div.tabs {
display: inline-block;
}
+.main-nav ul li a:active::after {
+ content: "";
+ position: absolute;
+ bottom: 0px;
+ left: 0px;
+ right: 0px;
+ height: 2px;
+ background: #211B1D none repeat scroll 0% 0%;
+}
+
/* -- Secondary Menu -- */
.secondary-nav {
@@ -596,6 +606,80 @@ display:block;
text-decoration: none;
}
+/* MAIN PAGE */
+.main-publi {
+ text-align: center;
+}
+
+.link-publication a {
+ text-decoration: none;
+ color:#2D96FA;
+}
+
+.link-publication a:hover {
+ text-decoration: underline;
+ color:#2D96FA;
+}
+
+.link-publication a:focus {
+ text-decoration: underline;
+ color:#2D96FA;
+}
+
+.latest-publi {
+ font-family: "BrandonGrotesqueBld";
+}
+
+.main-info {
+ margin-top: 50px;
+}
+
+.left-top-info {
+ border: 1px solid #E8E0E0;
+ width: 49%;
+ position: relative;
+ float: left;
+ border-radius: 0px 0px 5px 0px;
+ margin-right: 5px;
+ margin-bottom: 5px;
+ height: 300px;
+}
+
+.right-top-info {
+ border: 1px solid #E8E0E0;
+ width: 49%;
+ position: relative;
+ float: left;
+ border-radius: 0px 0px 0px 5px;
+ margin-left: 5px;
+ margin-bottom: 5px;
+ height: 300px;
+
+}
+
+.left-bottom-info {
+ border: 1px solid #E8E0E0;
+ width: 49%;
+ position: relative;
+ float: left;
+ border-radius: 0px 5px 0px 0px;
+ margin-top:5px;
+ margin-right: 5px;
+ height: 300px;
+}
+
+.right-bottom-info {
+ border: 1px solid #E8E0E0;
+ width: 49%;
+ position: relative;
+ float: left;
+ border-radius: 5px 0px 0px 0px;
+ margin-top: 5px;
+ margin-left: 5px;
+ height: 300px;
+}
+
+
/* FORMS */
#Form{
@@ -1374,7 +1458,7 @@ button, input, select, textarea {
/* CONTENT */
#content{
- min-height: 400px;
+ min-height: 1300px;
margin-bottom: 50px;
}
@@ -1391,6 +1475,23 @@ button, input, select, textarea {
font-size: 42px;
}
+/* PARAGRAPH */
+.paragraph {
+ border: 1px solid #E8E0E0;
+ padding: 10px;
+}
+
+.paragraph h2 {
+ text-align: center;
+ font-family: BrandonGrotesqueBld;
+ font-size: 24px;
+ padding-bottom: 10px;
+}
+
+.paragraph ul {
+ padding-left: 30px;
+}
+
/* FOOTER */
.main-footer {
diff --git a/ippisite/ippidb/templates/about.html b/ippisite/ippidb/templates/about.html
index 9fbd80a864d1b6bbc0e53e54a1411fe47dc5875b..8c80686f515f29efd79c1715e5d86252247256fd 100644
--- a/ippisite/ippidb/templates/about.html
+++ b/ippisite/ippidb/templates/about.html
@@ -4,5 +4,61 @@
{% block title %}inhibitors of Protein-Protein Interaction Database{% endblock %}
{% block content %}
-Here some details on iPPI-DB website
+<div id="mainnav">
+ <nav class="secondary-nav">
+ <div class="inner-wrap">
+ <ul>
+ <li>
+ <a href="/about/general">General informations</a>
+ </li>
+ <li>
+ <a href="/about/pharmacology">Pharmacology</a>
+ </li>
+ <li>
+ <a href="/about/physicochemistry">Physicochemistry</a>
+ </li>
+ <li>
+ <a href="/about/drug-candidate">Drug Candidate</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+</div>
+<div class="inner-wrap">
+ <nav class="breadcrumb" role="navigation">
+ <div id="breadcrumb-label" class="breadcrumb-label">You are here</div>
+ <div aria-labelledby="breadcrumb-label">
+ Fonction Fil d'Arianne
+ </div>
+ </nav>
+ <div id="main-wrapper" class="page">
+ <div id="main">
+ <div id="content" class="main-content">
+ <div class="section">
+ <main role="main">
+ <h1 class="page-title"> ABOUT </h1>
+ <div class="tabs"></div>
+ <div class="main__inner">
+ <div class="region region-content">
+ <div class="page-intro">
+ </div>
+ <div class="color-wrap">
+ <div class="region region-content">
+ <div class="block block-system block-system-main">
+ <div class="content">
+ <div class="view-content">
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </main><!-- .site-main -->
+ </div>
+ </div>
+ </div><!-- div main -->
+ </div>
+</div>
{% endblock %}
diff --git a/ippisite/ippidb/templates/add.html b/ippisite/ippidb/templates/add.html
index 1b46a6c9e6d9393111cb58b84d46e5992f8aef86..096ac0a6ef3a10802590629fc7388df956dfd787 100644
--- a/ippisite/ippidb/templates/add.html
+++ b/ippisite/ippidb/templates/add.html
@@ -9,7 +9,7 @@
<div class="inner-wrap">
<ul>
<li>
- <a hfref="/admin-session/view">View Content</a>
+ <a href="/admin-session/view">View Content</a>
</li>
<li>
<a href="/admin-session/add">Add New Content</a>
@@ -23,7 +23,7 @@
</div>
<div class="inner-wrap">
<nav class="breadcrumb" role="navigation">
- <div id="breadcrumb-label" class="breadcrumb-label">Vous êtes ici</div>
+ <div id="breadcrumb-label" class="breadcrumb-label">You are here</div>
<div aria-labelledby="breadcrumb-label">
Fonction Fil d'Arianne
</div>
diff --git a/ippisite/ippidb/templates/admin-session.html b/ippisite/ippidb/templates/admin-session.html
index 74c5f3ade4f1a60b00c5a7c4d473fcae1f646158..56fbabd87e9451d6c971219fe17f6b83a3f8fae3 100644
--- a/ippisite/ippidb/templates/admin-session.html
+++ b/ippisite/ippidb/templates/admin-session.html
@@ -21,5 +21,41 @@
</div>
</nav>
</div>
-Here the template of admin session
+<div class="inner-wrap">
+ <nav class="breadcrumb" role="navigation">
+ <div id="breadcrumb-label" class="breadcrumb-label">You are here</div>
+ <div aria-labelledby="breadcrumb-label">
+ Fonction Fil d'Arianne
+ </div>
+ </nav>
+ <div id="main-wrapper" class="page">
+ <div id="main">
+ <div id="content" class="main-content">
+ <div class="section">
+ <main role="main">
+ <h1 class="page-title"> ADMIN </h1>
+ <div class="tabs"></div>
+ <div class="main__inner">
+ <div class="region region-content">
+ <div class="page-intro">
+ </div>
+ <div class="color-wrap">
+ <div class="region region-content">
+ <div class="block block-system block-system-main">
+ <div class="content">
+ <div class="view-content">
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </main><!-- .site-main -->
+ </div>
+ </div>
+ </div><!-- div main -->
+ </div>
+</div>
{% endblock %}
diff --git a/ippisite/ippidb/templates/chemical.html b/ippisite/ippidb/templates/chemical.html
new file mode 100644
index 0000000000000000000000000000000000000000..c2f4db08fbf2ef4fdae58752ee61eec5fa2c9f7b
--- /dev/null
+++ b/ippisite/ippidb/templates/chemical.html
@@ -0,0 +1,60 @@
+{% extends "base.html" %}
+
+
+{% block title %}inhibitors of Protein-Protein Interaction Database{% endblock %}
+
+{% block content %}
+<div id="mainnav">
+ <nav class="secondary-nav">
+ <div class="inner-wrap">
+ <ul>
+ <li>
+ <a href="/query/pharma">By pharmacological criteria</a>
+ </li>
+ <li>
+ <a href="/query/chemical">By chemical similarity</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+</div>
+<div class="inner-wrap">
+ <nav class="breadcrumb" role="navigation">
+ <div id="breadcrumb-label" class="breadcrumb-label">You are here</div>
+ <div aria-labelledby="breadcrumb-label">
+ Fonction Fil d'Arianne
+ </div>
+ </nav>
+ <div id="main-wrapper" class="page">
+ <div id="main">
+ <div id="content" class="main-content">
+ <div class="section">
+ <main role="main">
+ <h1 class="page-title"> BY CHEMICAL SIMILARITY </h1>
+ <div class="tabs"></div>
+ <div class="main__inner">
+ <div class="region region-content">
+ <div class="page-intro">
+ </div>
+ <div class="color-wrap">
+ <div class="region region-content">
+ <div class="block block-system block-system-main">
+ <div class="content">
+ <div class="view-content">
+
+ {% block form %}{% endblock %}
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </main><!-- .site-main -->
+ </div>
+ </div>
+ </div><!-- div main -->
+ </div>
+</div>
+{% endblock %}
diff --git a/ippisite/ippidb/templates/drug-candidate.html b/ippisite/ippidb/templates/drug-candidate.html
new file mode 100644
index 0000000000000000000000000000000000000000..cb12b7ed87a4aa505bdea5b76b621510fc39fcc3
--- /dev/null
+++ b/ippisite/ippidb/templates/drug-candidate.html
@@ -0,0 +1,64 @@
+{% extends "base.html" %}
+
+
+{% block title %}inhibitors of Protein-Protein Interaction Database{% endblock %}
+
+{% block content %}
+<div id="mainnav">
+ <nav class="secondary-nav">
+ <div class="inner-wrap">
+ <ul>
+ <li>
+ <a href="/about/general">General informations</a>
+ </li>
+ <li>
+ <a href="/about/pharmacology">Pharmacology</a>
+ </li>
+ <li>
+ <a href="/about/physicochemistry">Physicochemistry</a>
+ </li>
+ <li>
+ <a href="/about/drug-candidate">Drug Candidate</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+</div>
+<div class="inner-wrap">
+ <nav class="breadcrumb" role="navigation">
+ <div id="breadcrumb-label" class="breadcrumb-label">You are here</div>
+ <div aria-labelledby="breadcrumb-label">
+ Fonction Fil d'Arianne
+ </div>
+ </nav>
+ <div id="main-wrapper" class="page">
+ <div id="main">
+ <div id="content" class="main-content">
+ <div class="section">
+ <main role="main">
+ <h1 class="page-title"> DRUG CANDIDATE </h1>
+ <div class="tabs"></div>
+ <div class="main__inner">
+ <div class="region region-content">
+ <div class="page-intro">
+ </div>
+ <div class="color-wrap">
+ <div class="region region-content">
+ <div class="block block-system block-system-main">
+ <div class="content">
+ <div class="view-content">
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </main><!-- .site-main -->
+ </div>
+ </div>
+ </div><!-- div main -->
+ </div>
+</div>
+{% endblock %}
diff --git a/ippisite/ippidb/templates/general.html b/ippisite/ippidb/templates/general.html
new file mode 100644
index 0000000000000000000000000000000000000000..8cede2decda95cc90aca2ecb8e02be41270a24d6
--- /dev/null
+++ b/ippisite/ippidb/templates/general.html
@@ -0,0 +1,73 @@
+{% extends "base.html" %}
+
+
+{% block title %}inhibitors of Protein-Protein Interaction Database{% endblock %}
+
+{% block content %}
+<div id="mainnav">
+ <nav class="secondary-nav">
+ <div class="inner-wrap">
+ <ul>
+ <li>
+ <a href="/about/general">General informations</a>
+ </li>
+ <li>
+ <a href="/about/pharmacology">Pharmacology</a>
+ </li>
+ <li>
+ <a href="/about/physicochemistry">Physicochemistry</a>
+ </li>
+ <li>
+ <a href="/about/drug-candidate">Drug Candidate</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+</div>
+<div class="inner-wrap">
+ <nav class="breadcrumb" role="navigation">
+ <div id="breadcrumb-label" class="breadcrumb-label">You are here</div>
+ <div aria-labelledby="breadcrumb-label">
+ Fonction Fil d'Arianne
+ </div>
+ </nav>
+ <div id="main-wrapper" class="page">
+ <div id="main">
+ <div id="content" class="main-content">
+ <div class="section">
+ <main role="main">
+ <h1 class="page-title"> GENERAL INFORMATIONS </h1>
+ <div class="tabs"></div>
+ <div class="main__inner">
+ <div class="region region-content">
+ <div class="page-intro">
+ </div>
+ <div class="color-wrap">
+ <div class="region region-content">
+ <div class="block block-system block-system-main">
+ <div class="content">
+ <div class="view-content">
+ <div class="paragraph">
+ <h2>What are the iPPI-DB standards ?</h2>
+ Here is some guidance to submit binding data that comply with iPPI-DB standards : <br/>
+ <ul>
+ <li>The PPI target must have a known functional mechanism</li>
+ <li>No peptide will be considered</li>
+ <li>Only dose response-based measures of activity are considered (e.g IC<sub>50</sub>, EC<sub>50</sub>, K<sub>d</sub>, K<sub>i</sub>)</li>
+ <li>Only activities below 30 μM will qualify the corresponding compounds</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </main><!-- .site-main -->
+ </div>
+ </div>
+ </div><!-- div main -->
+ </div>
+</div>
+{% endblock %}
diff --git a/ippisite/ippidb/templates/index.html b/ippisite/ippidb/templates/index.html
index 4205a2c95dfa7c83369d11bd232737a28f6a0fa8..eeb16181f783d28d74241e44d0433f9133f7662c 100644
--- a/ippisite/ippidb/templates/index.html
+++ b/ippisite/ippidb/templates/index.html
@@ -4,5 +4,71 @@
{% block title %}inhibitors of Protein-Protein Interaction Database{% endblock %}
{% block content %}
-Welcome to the homepage
+<div class="inner-wrap">
+ <nav class="breadcrumb" role="navigation">
+ <div id="breadcrumb-label" class="breadcrumb-label">You are here</div>
+ <div aria-labelledby="breadcrumb-label">
+ Fonction Fil d'Arianne
+ </div>
+ </nav>
+ <div id="main-wrapper" class="page">
+ <div id="main">
+ <div id="content" class="main-content">
+ <div class="section">
+ <main role="main">
+ <h1 class="page-title"> IPPI - DB </h1>
+ <div class="tabs"></div>
+ <div class="main__inner">
+ <div class="region region-content">
+ <div class="page-intro">
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vulputate felis ac augue pretium, ac blandit lectus mattis. Vestibulum iaculis consequat facilisis. Duis porttitor erat mauris, non porttitor eros feugiat eu. Pellentesque id nisl vel nisl imperdiet convallis vel sed lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec dolor urna, posuere vitae leo quis, hendrerit imperdiet enim. Nunc nec euismod nisi. Phasellus ut ante ante. <br/>
+ Maecenas sodales egestas porta. Sed et posuere justo. Nullam lectus lacus, gravida quis justo ac, convallis rhoncus orci. Mauris commodo risus at sapien malesuada, eget semper purus feugiat. Aliquam ut cursus ex. Donec vitae odio a sapien efficitur mattis in id enim. Maecenas pulvinar nunc ornare ligula condimentum elementum blandit at arcu. Donec id tincidunt turpis. Proin eu nisl iaculis, ultrices odio vitae, pharetra felis. Donec pellentesque non tellus vel porta. <br/>
+ </div>
+ <div class="main-publi">
+ <div class="latest-publi"> Latest publication</div>
+ <div class="link-publication">
+ <a href="http://doi.org/10.1093/nar/gkv982" target="_blank">
+ <b>iPPI-DB: an online database of modulators of protein-protein interactions.</b><br/>
+ <i>Labbé CM, Kuenemann MA, Zarzycka B, Vriend G, Nicolaes GA, Lagorce D, Miteva MA, Villoutreix BO, Sperandio O.</i><br/>
+ Nucleic Acids Res. 2016 Jan 4;44(D1):D542-7. doi: 10.1093/nar/gkv982. Epub 2015 Oct 1.
+ </a>
+ </div>
+ </div>
+ </div>
+ <div class="color-wrap">
+ <div class="region region-content">
+ <div class="block block-system block-system-main">
+ <div class="content">
+ <div class="main-content">
+ <div class="main-info">
+ <div class="left-top-info">
+ <a href="/about/general"> Infography summary
+ </a>
+ </div>
+ <div class="right-top-info">
+ <a href="/about/pharmacology">Infography pharmacology
+ </a>
+ </div>
+ <div class="left-bottom-info">
+ <a href="/about/physicochemistry">Infography Physicochemistry
+ </a>
+ </div>
+ <div class="right-bottom-info">
+ <a href="/about/drug-candidate">Infography Drug Candidate
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </main><!-- .site-main -->
+ </div>
+ </div>
+ </div><!-- div main -->
+ </div>
+</div>
{% endblock %}
diff --git a/ippisite/ippidb/templates/pharma.html b/ippisite/ippidb/templates/pharma.html
new file mode 100644
index 0000000000000000000000000000000000000000..24647d8bfdd0b02474289f0d5822cde811d65bed
--- /dev/null
+++ b/ippisite/ippidb/templates/pharma.html
@@ -0,0 +1,60 @@
+{% extends "base.html" %}
+
+
+{% block title %}inhibitors of Protein-Protein Interaction Database{% endblock %}
+
+{% block content %}
+<div id="mainnav">
+ <nav class="secondary-nav">
+ <div class="inner-wrap">
+ <ul>
+ <li>
+ <a href="/query/pharma">By pharmacological criteria</a>
+ </li>
+ <li>
+ <a href="/query/chemical">By chemical similarity</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+</div>
+<div class="inner-wrap">
+ <nav class="breadcrumb" role="navigation">
+ <div id="breadcrumb-label" class="breadcrumb-label">You are here</div>
+ <div aria-labelledby="breadcrumb-label">
+ Fonction Fil d'Arianne
+ </div>
+ </nav>
+ <div id="main-wrapper" class="page">
+ <div id="main">
+ <div id="content" class="main-content">
+ <div class="section">
+ <main role="main">
+ <h1 class="page-title"> BY PHARMACOLOGICAL CRITERIA </h1>
+ <div class="tabs"></div>
+ <div class="main__inner">
+ <div class="region region-content">
+ <div class="page-intro">
+ </div>
+ <div class="color-wrap">
+ <div class="region region-content">
+ <div class="block block-system block-system-main">
+ <div class="content">
+ <div class="view-content">
+
+ {% block form %}{% endblock %}
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </main><!-- .site-main -->
+ </div>
+ </div>
+ </div><!-- div main -->
+ </div>
+</div>
+{% endblock %}
diff --git a/ippisite/ippidb/templates/pharmacology.html b/ippisite/ippidb/templates/pharmacology.html
new file mode 100644
index 0000000000000000000000000000000000000000..b8b91875b06cbcc5cb3476829759a52ebdce9112
--- /dev/null
+++ b/ippisite/ippidb/templates/pharmacology.html
@@ -0,0 +1,64 @@
+{% extends "base.html" %}
+
+
+{% block title %}inhibitors of Protein-Protein Interaction Database{% endblock %}
+
+{% block content %}
+<div id="mainnav">
+ <nav class="secondary-nav">
+ <div class="inner-wrap">
+ <ul>
+ <li>
+ <a href="/about/general">General informations</a>
+ </li>
+ <li>
+ <a href="/about/pharmacology">Pharmacology</a>
+ </li>
+ <li>
+ <a href="/about/physicochemistry">Physicochemistry</a>
+ </li>
+ <li>
+ <a href="/about/drug-candidate">Drug Candidate</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+</div>
+<div class="inner-wrap">
+ <nav class="breadcrumb" role="navigation">
+ <div id="breadcrumb-label" class="breadcrumb-label">You are here</div>
+ <div aria-labelledby="breadcrumb-label">
+ Fonction Fil d'Arianne
+ </div>
+ </nav>
+ <div id="main-wrapper" class="page">
+ <div id="main">
+ <div id="content" class="main-content">
+ <div class="section">
+ <main role="main">
+ <h1 class="page-title"> PHARMACOLOGY </h1>
+ <div class="tabs"></div>
+ <div class="main__inner">
+ <div class="region region-content">
+ <div class="page-intro">
+ </div>
+ <div class="color-wrap">
+ <div class="region region-content">
+ <div class="block block-system block-system-main">
+ <div class="content">
+ <div class="view-content">
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </main><!-- .site-main -->
+ </div>
+ </div>
+ </div><!-- div main -->
+ </div>
+</div>
+{% endblock %}
diff --git a/ippisite/ippidb/templates/physicochemistry.html b/ippisite/ippidb/templates/physicochemistry.html
new file mode 100644
index 0000000000000000000000000000000000000000..a388313c587f4ac484f01d9d8b553e854fcdff3a
--- /dev/null
+++ b/ippisite/ippidb/templates/physicochemistry.html
@@ -0,0 +1,64 @@
+{% extends "base.html" %}
+
+
+{% block title %}inhibitors of Protein-Protein Interaction Database{% endblock %}
+
+{% block content %}
+<div id="mainnav">
+ <nav class="secondary-nav">
+ <div class="inner-wrap">
+ <ul>
+ <li>
+ <a href="/about/general">General informations</a>
+ </li>
+ <li>
+ <a href="/about/pharmacology">Pharmacology</a>
+ </li>
+ <li>
+ <a href="/about/physicochemistry">Physicochemistry</a>
+ </li>
+ <li>
+ <a href="/about/drug-candidate">Drug Candidate</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+</div>
+<div class="inner-wrap">
+ <nav class="breadcrumb" role="navigation">
+ <div id="breadcrumb-label" class="breadcrumb-label">You are here</div>
+ <div aria-labelledby="breadcrumb-label">
+ Fonction Fil d'Arianne
+ </div>
+ </nav>
+ <div id="main-wrapper" class="page">
+ <div id="main">
+ <div id="content" class="main-content">
+ <div class="section">
+ <main role="main">
+ <h1 class="page-title"> PHYSICOCHEMISTRY </h1>
+ <div class="tabs"></div>
+ <div class="main__inner">
+ <div class="region region-content">
+ <div class="page-intro">
+ </div>
+ <div class="color-wrap">
+ <div class="region region-content">
+ <div class="block block-system block-system-main">
+ <div class="content">
+ <div class="view-content">
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </main><!-- .site-main -->
+ </div>
+ </div>
+ </div><!-- div main -->
+ </div>
+</div>
+{% endblock %}
diff --git a/ippisite/ippidb/templates/query.html b/ippisite/ippidb/templates/query.html
index 85717d14f229b415267c00d61e847e98c78438b0..01e0e5f93123ba708866ebcc38c60611ca0f5c9e 100644
--- a/ippisite/ippidb/templates/query.html
+++ b/ippisite/ippidb/templates/query.html
@@ -4,5 +4,54 @@
{% block title %}inhibitors of Protein-Protein Interaction Database{% endblock %}
{% block content %}
-Here you can submit request to iPPI-DB
+<div id="mainnav">
+ <nav class="secondary-nav">
+ <div class="inner-wrap">
+ <ul>
+ <li>
+ <a href="/query/pharma">By pharmacological criteria</a>
+ </li>
+ <li>
+ <a href="/query/chemical">By chemical similarity</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+</div>
+<div class="inner-wrap">
+ <nav class="breadcrumb" role="navigation">
+ <div id="breadcrumb-label" class="breadcrumb-label">You are here</div>
+ <div aria-labelledby="breadcrumb-label">
+ Fonction Fil d'Arianne
+ </div>
+ </nav>
+ <div id="main-wrapper" class="page">
+ <div id="main">
+ <div id="content" class="main-content">
+ <div class="section">
+ <main role="main">
+ <h1 class="page-title"> SUBMIT A QUERY </h1>
+ <div class="tabs"></div>
+ <div class="main__inner">
+ <div class="region region-content">
+ <div class="page-intro">
+ </div>
+ <div class="color-wrap">
+ <div class="region region-content">
+ <div class="block block-system block-system-main">
+ <div class="content">
+ <div class="view-content">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </main><!-- .site-main -->
+ </div>
+ </div>
+ </div><!-- div main -->
+ </div>
+</div>
{% endblock %}
diff --git a/ippisite/ippidb/templates/tutorials.html b/ippisite/ippidb/templates/tutorials.html
index 9d672e0b412d389cb4e5a16e06cc96f363a75d6e..8691de994c1ba8b5dd5001b73269c9c980c9ea0e 100644
--- a/ippisite/ippidb/templates/tutorials.html
+++ b/ippisite/ippidb/templates/tutorials.html
@@ -4,5 +4,41 @@
{% block title %}inhibitors of Protein-Protein Interaction Database{% endblock %}
{% block content %}
-Here all the tutorials to get a full iPPI-DB experience
+<div class="inner-wrap">
+ <nav class="breadcrumb" role="navigation">
+ <div id="breadcrumb-label" class="breadcrumb-label">You are here</div>
+ <div aria-labelledby="breadcrumb-label">
+ Fonction Fil d'Arianne
+ </div>
+ </nav>
+ <div id="main-wrapper" class="page">
+ <div id="main">
+ <div id="content" class="main-content">
+ <div class="section">
+ <main role="main">
+ <h1 class="page-title"> TUTORIALS </h1>
+ <div class="tabs"></div>
+ <div class="main__inner">
+ <div class="region region-content">
+ <div class="page-intro">
+ </div>
+ <div class="color-wrap">
+ <div class="region region-content">
+ <div class="block block-system block-system-main">
+ <div class="content">
+ <div class="view-content">
+ VIDEOS
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </main><!-- .site-main -->
+ </div>
+ </div>
+ </div><!-- div main -->
+ </div>
+</div>
{% endblock %}
diff --git a/ippisite/ippidb/urls.py b/ippisite/ippidb/urls.py
index 8440d2e1e2d508a0981a50d5d825cac11184de1b..377643bea8062f91dab63debefe8169df3f69c85 100644
--- a/ippisite/ippidb/urls.py
+++ b/ippisite/ippidb/urls.py
@@ -10,7 +10,13 @@ ippidb_wizard = IppiWizard.as_view(FORMS,
urlpatterns = [
url(r'^$', views.index, name='index'),
url(r'^about$', views.about, name='about'),
+ url(r'^about/general/$', views.general, name='general'),
+ url(r'^about/pharmacology/$', views.pharmacology, name='pharmacology'),
+ url(r'^about/physicochemistry/$', views.physicochemistry, name='physicochemistry'),
+ url(r'^about/drug-candidate/$', views.drugCandidate, name='drug-candidate'),
url(r'^query$', views.query, name='query'),
+ url(r'^query/pharma/$', views.pharma, name='pharma'),
+ url(r'^query/chemical/$', views.chemical, name='chemical'),
url(r'^tutorials$', views.tutorials, name='tutorials'),
url(r'^admin-session$', views.adminSession, name='admin-session'),
url(r'^admin-session/add/(?P<step>.+)/$', ippidb_wizard, name='ippidb_step'),
diff --git a/ippisite/ippidb/views.py b/ippisite/ippidb/views.py
index e4e17ee120c3cfea9d9ecd97aef33e5521fc8c19..ddc731043ce42c509474af7d007d9facf6ff21c0 100644
--- a/ippisite/ippidb/views.py
+++ b/ippisite/ippidb/views.py
@@ -14,9 +14,27 @@ def index(request):
def about(request):
return render(request, 'about.html')
+def general(request):
+ return render(request, 'general.html')
+
+def pharmacology(request):
+ return render(request, 'pharmacology.html')
+
+def physicochemistry(request):
+ return render(request, 'physicochemistry.html')
+
+def drugCandidate(request):
+ return render(request, 'drug-candidate.html')
+
def query(request):
return render(request, 'query.html')
+def pharma(request):
+ return render(request, 'pharma.html')
+
+def chemical(request):
+ return render(request, 'chemical.html')
+
def tutorials(request):
return render(request, 'tutorials.html')