use _include folder for mdinclude

6 files changed, 1 insertions, 409 deletions

diff --git a/exampleSite/content/_footer.fr.md b/exampleSite/content/_footer.fr.md
deleted file mode 100644
index 5a21c04..0000000
--- a/exampleSite/content/_footer.fr.md
+++ /dev/null
@@ -1,408 +0,0 @@
-+++
-+++
-<style type="text/css">
-
-.footer-gray {
-  width: 100%;
-  color: #888;
-}
-
-.footer-custom {
-  font: normal normal 12px/1.4 sans-serif;
-  max-width: 1008px;
-  box-sizing: border-box;
-  margin: 0 auto;
-  padding: 24px;
-}
-
-.footer-custom:after {
-  display: table;
-  clear: both;
-  content: "";
-}
-
-.footer-lists:after {
-  display: table;
-  clear: both;
-  content: "";
-}
-
-.ftr-hdr {
-  color: white;
-  font: 22px/1.4  sans-serif;
-  margin: 1em 0 0;
-}
-
-@media only screen and (min-width: 768px) {
-  .ftr-hdr {
-    font-size: 18px;
-  }
-}
-
-.footer-list-wrap {
-  width: 50%;
-  float: left;
-  box-sizing: border-box;
-}
-
-@media only screen and (min-width: 568px) {
-  .footer-list-wrap {
-    width: 33.3333%;
-  }
-}
-
-@media only screen and (min-width: 768px) {
-  .footer-list-wrap {
-    width: 25%;
-  }
-}
-
-.ftr-links-sub {
-  padding: 0;
-  margin: 0;
-}
-
-.ftr-links-sub:after {
-  display: table;
-  clear: both;
-  content: "";
-}
-
-.ftr-links-sub li {
-  display: block;
-  list-style-type: none;
-  margin: 0;
-  padding: 3px 0;
-  color: #888;
-  font: normal normal 12px sans-serif;
-  text-transform: uppercase;
-  /*width: 150px;*/
-}
-
-.footer-custom a,
-.footer-custom a:link,
-.footer-custom a:visited,
-.ftr-links-sub li .link {
-  text-decoration: none;
-  color: #888;
-  padding: 5px 0;
-  display: block;
-}
-
-.footer-custom .footer-legal a {
-  display: inline;
-}
-
-.footer-custom a:hover,
-.footer-custom a:active,
-.ftr-links-sub li .link:hover {
-  text-decoration: underline;
-  color: #888;
-  cursor: pointer;
-}
-
-@media only screen and (min-width: 768px) {
-  .footer-custom a, .footer-custom a:link, .footer-custom a:visited, .ftr-links-sub li .link {
-    padding: 0;
-  }
-}
-/* BEGIN EMAIL CAPTURE STYLES*/
-
-.footer-email {
-  text-align: center;
-}
-
-#ftrEmailForm {
-  height: 44px;
-}
-
-#ftrEmailForm .error {
-  display: none;
-  color: red;
-  text-align: left;
-}
-
-#ftrEmailForm #ftrEmailInput {
-  background: none repeat scroll 0 0 #FFF;
-  border: 1px solid #D6D6D6;
-  box-sizing: border-box;
-  color: #888;
-  float: left;
-  font: normal normal 14px/1.4 sans-serif;
-  padding: 5px;
-  width: 70%;
-  height: 100%;
-}
-
-#ftrEmailForm #ftrEmailInput:hover {
-  border: 1px solid #888;
-}
-
-#ftrEmailForm #ftrEmailInput:focus {
-  border: 1px solid #ef9223;
-  outline: #ef9223 auto 5px;
-}
-
-#ftrEmailForm .button {
-  width: 30%;
-  height: 100%;
-  padding: 5px;
-  float: left;
-  border: 1px solid #DFDFDF;
-  box-sizing: border-box;
-  color: #000;
-  font: normal bold 18px/1 sans-serif;
-  text-align: center;
-  text-transform: uppercase;
-  background: #FFF;
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e1e1e1));
-  background: -webkit-linear-gradient(top, white 0, #e1e1e1 100%);
-  background: -moz-linear-gradient(top, white 0, #e1e1e1 100%);
-  background: -ms-linear-gradient(top, white 0, #e1e1e1 100%);
-  background: -o-linear-gradient(top, white 0, #e1e1e1 100%);
-  background: linear-gradient(to bottom, white 0, #e1e1e1 100%);
-  cursor: pointer;
-  vertical-align: middle;
-  outline: none;
-}
-
-#ftrEmailForm .button:hover,
-#ftrEmailForm .button:active {
-  background: black;
-  color: #FFF;
-  outline: none;
-}
-/* BEGIN SOCIAL STYLES*/
-
-.footer-social {
-  text-align: center;
-}
-
-.footer-social ul {
-  padding: 0;
-  display: inline-block;
-  list-style-type: none;
-}
-
-.footer-social ul:after {
-  display: table;
-  clear: both;
-  content: "";
-}
-
-.footer-social li {
-  float: left;
-  margin: 0 15px 0 0;
-  padding: 0;
-}
-
-@media only screen and (min-width: 768px) {
-  .footer-lists {
-    width: 100%;
-  }
-  .footer-email {
-    width: 50%;
-    float: left;
-    text-align: left;
-  }
-  .footer-social {
-    width: 45%;
-    margin-left: 5%;
-    float: left;
-    text-align: left;
-  }
-}
-
-@media only screen and (min-width: 1008px) {
-  .footer-lists {
-    width: 66.6666%;
-    float: left;
-  }
-  .footer-email {
-    width: 33.3333%;
-  }
-  .footer-social {
-    width: 33.3333%;
-    float: right;
-    margin-left: 0;
-  }
-}
-
-.footer-legal {
-  padding: 15px 0 0;
-  clear: left;
-}
-
-.footer-payment {
-  text-align: center;
-}
-
-@media only screen and (min-width: 768px) {
-  .footer-legal {
-    width: 66.6666%;
-    float: left;
-  }
-  .footer-payment {
-    width: 33.3333%;
-    float: left;
-  }
-}
-
-@media only screen and (min-width: 1008px) {
-  .footer-payment {
-    text-align: left;
-  }
-}
-
-.footer-payment ul {
-  padding: 0;
-  display: inline-block;
-  list-style-type: none;
-}
-
-.footer-payment ul li {
-  display: inline-block;
-  margin: 0 6px;
-}
-
-@media only screen and (min-width: 1008px) {
-  .footer-payment ul li.ftr-stella {
-    margin-left: 0;
-  }
-}
-
-.ftr-bbb span,
-.ftr-stella span {
-  background-repeat: no-repeat;
-  background-color: transparent;
-  cursor: pointer;
-  display: inline-block;
-  height: 36px;
-  margin: 0;
-  padding: 0;
-}
-
-.ftr-bbb span {
-  background-position: -339px -8px;
-  width: 96px;
-}
-
-.ftr-stella span {
-  background-position: -339px -107px;
-  width: 57px;
-}
-</style>
-  <div class="footer-gray">
-    <div class="footer-custom">
-      <div class="footer-lists">
-        <div class="footer-list-wrap">
-          <h6 class="ftr-hdr">Commandez</h6>
-          <ul class="ftr-links-sub">
-            <li>+33 1 23 45 67 89</li>
-          </ul>
-          <h6 class="ftr-hdr">Internationale</h6>
-          <ul class="ftr-links-sub">
-            <li><a href="#" rel="nofollow">France</a></li>
-            <li><a href="#" rel="nofollow">Cap-Vert</a></li>
-          </ul>
-        </div>
-        <!--/.footer-list-wrap-->
-        <div class="footer-list-wrap">
-          <h6 class="ftr-hdr">Service Client</h6>
-          <ul class="ftr-links-sub">
-            <li><a href="#" rel="nofollow">Contactez nous</a></li>
-            <li><a href="#" rel="nofollow">Commandes</a></li>
-            <li><a href="#" rel="nofollow">Livraisons</a></li>
-            <li><a href="#" rel="nofollow">Retours</a></li>
-            <li><a href="#" rel="nofollow">Cartes cadeaux</a></li>
-            <li><a href="#" rel="nofollow">FAQs</a></li>
-          </ul>
-        </div>
-        <div class="footer-list-wrap">
-          <h6 class="ftr-hdr">About Docport</h6>
-          <ul class="ftr-links-sub">
-            <li><a href="#" rel="nofollow">Notre société</a></li>
-            <li><a href="#" rel="nofollow">Carrière</a></li>
-            <li><a href="#" rel="nofollow">Programme d'affiliation</a></li>
-            <li><a href="#" rel="nofollow"><strong>Notre Catalogue</strong></a></li>
-            <li><a href="#" rel="nofollow">Le BLOG</a></li>
-          </ul>
-        </div>
-        <!--/.footer-list-wrap-->
-        <div class="footer-list-wrap">
-          <h6 class="ftr-hdr">Mon compte</h6>
-          <ul class="ftr-links-sub">
-              <li class="ftr-Login"><span class="link login-trigger">Accéder à mon compte</span></li>
-              <li><span class="link">Suivre mes commandes</span></li>
-          </ul>
-        </div>
-        <!--/.footer-list-wrap-->
-      </div>
-      <!--/.footer-lists-->
-      <div class="footer-email">
-        <h6 class="ftr-hdr">Inscrivez vous !</h6>
-        <div id="ftr-email" class="ftr-email-form">
-          <form id="ftrEmailForm" method="post" action="#">
-            <input type="text" name="email_address_" id="ftrEmailInput" class="input" placeholder="Entrez votre adresse email"/>
-          </form>
-        </div>
-        <!--/.ftr-email-form-->
-        <div class="ftr-email-privacy-policy"></div>
-      </div>
-      <!--/.footer-email-->
-      <div class="footer-social">
-        <h6 class="ftr-hdr">Suivez nous</h6>
-        <ul>
-          <li>
-            <a href="#" title="Facebook">
-              <img width="24" height="24" alt="Like us on Facebook" src="/images/fb.png">
-            </a>
-          </li>
-          <li>
-            <a href="#" title="Google+">
-              <img width="24" height="24" alt="Follow us on Google+" src="/images/gplus.png">
-            </a>
-          </li>
-          <li>
-            <a href="#" target="_blank">
-              <img width="24" height="24" alt="Follow us on Pinterest" src="/images/pin-badge.png">
-            </a>
-          </li>
-          <li>
-            <a target="_blank" href="#">
-              <img width="24" height="24" alt="Follow us on Instagram" src="/images/instagram-badge.png">
-            </a>
-          </li>
-          <li>
-            <a href="#" title="Twitter">
-              <img width="67" alt="Follow us on Twitter" src="/images/twitter.png">
-            </a>
-          </li>
-        </ul>
-      </div>
-      <!--/.footer-social-->
-      <div class="footer-legal">
-        <p>&copy; Docport MIT Licence. | <a href="#" rel="nofollow">Privacy Policy</a> | <a href="#" rel="nofollow">Terms of Use</a> | <a href="#" rel="nofollow">Terms of Sale</a></p>
-        <p>Docport is free Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.</p>
-        <p>Various aspects of this website are ...blablabla</p>
-      </div>
-      <!--/.footer-legal-->
-      <div class="footer-payment">
-        <ul>
-          <li class="ftr-stella">
-            <span title="Stella Service"></span>
-          </li>
-          <li>
-            <span><img border="0" src=""></span>
-          </li>
-          <li class="ftr-bbb">
-            <span title="BBB" ></span>
-          </li>
-        </ul>
-      </div>
-      <!--/.footer-payment-->
-    </div>
-    <!--/.footer-custom-->
-  </div>
-  <!--/.footer-gray-->
\ No newline at end of file
diff --git a/exampleSite/content/_footer.md b/exampleSite/content/_include/footer/_index.md
index 9ef0862..9ef0862 100644
--- a/exampleSite/content/_footer.md
+++ b/exampleSite/content/_include/footer/_index.md
diff --git a/exampleSite/content/_sidebar-after.md b/exampleSite/content/_include/sidebar-after/_index.md
index a7b4009..a7b4009 100644
--- a/exampleSite/content/_sidebar-after.md
+++ b/exampleSite/content/_include/sidebar-after/_index.md
diff --git a/exampleSite/content/_sidebar-before.md b/exampleSite/content/_include/sidebar-before/_index.md
index ac36e06..ac36e06 100644
--- a/exampleSite/content/_sidebar-before.md
+++ b/exampleSite/content/_include/sidebar-before/_index.md
diff --git a/exampleSite/content/content-organisation/placeholders/_index.md b/exampleSite/content/content-organisation/placeholders/_index.md
index b043ce8..e76cbb5 100644
--- a/exampleSite/content/content-organisation/placeholders/_index.md
+++ b/exampleSite/content/content-organisation/placeholders/_index.md
@@ -12,4 +12,4 @@ These custom content could be full HTML or Markdown files
 * [Header]({{%relref "header.md"%}})
 * [Left menu]({{%relref "menu.md"%}}) (before and after menu tree)
 * [Right menu]({{%relref "toc.md"%}}) (before and after table of content)
-* [Footer]({{%relref "footer.md"%}})
\ No newline at end of file
+* [Footer]({{%relref "thefooter.md"%}})
\ No newline at end of file
diff --git a/exampleSite/content/content-organisation/placeholders/footer.md b/exampleSite/content/content-organisation/placeholders/thefooter.md
index ea8df24..ea8df24 100644
--- a/exampleSite/content/content-organisation/placeholders/footer.md
+++ b/exampleSite/content/content-organisation/placeholders/thefooter.md