add example image in main page

build.py

@@ -96,6 +96,7 @@ if __name__ == "__main__":
         # copy specific files in build dir
         shutil.copy(source_lang_dir + "/logo_g.png", build_lang_dir )
         shutil.copy(source_lang_dir + "/strings.js", build_lang_dir )
+        shutil.copy(source_lang_dir + "/example_vignette.png", build_lang_dir )
 
         # build the menu
         langs_menu_dict = lang_menu(lang, langs)
@@ -131,6 +132,7 @@ if __name__ == "__main__":
             content = content.replace("questions.html", lang + "/questions.html")
             content = content.replace("strings.js", lang + "/strings.js")
             content = content.replace("./logo_g.png", lang + "/logo_g.png")
+            shutil.copy(source_lang_dir + "/example_vignette.png", build_lang_dir )
             # overwrite file
             with open(target, "w") as f:
                 f.write(content)

source/files/index.html

@@ -95,6 +95,7 @@
           <li style="list-style-type: initial;">__MAIN_PAGE_LIST_TEXT__</li>
           <li style="list-style-type: initial;">__MAIN_PAGE_LIST_IMAGE__</li>
         </ul>
+        <img class="responsive-img" src="./example_vignette.png" alt="Vignette example: Make a donation to vignette !">
       </div>
       <div class="col xl6 l6 m10 s12 offset-m1">
         <h5>__MAIN_PAGE_FORM_TITLE__</h5>

source/theme/custom.css

@@ -9,3 +9,9 @@ svg {
 .sidenav li > ul {
     padding-left: 10px;
 }
+
+@media (max-width:  992px) {
+    .responsive-img {
+        display: none;
+    }
+}