Changing the way screnshots are added in the screen, now they live inside <figure> tags. Also, adding an small doc about how to contribute with screenshots

README.md

@@ -9,6 +9,15 @@ The website is based on [ikiwiki](https://ikiwiki.info/). You can build the web
 page locally by running `make`. The result will be in `html/`. Besides ikiwiki,
 you will also need [PerlMagick](https://www.imagemagick.org/script/perl-magick.php).
 
+## Contribution Guide
+
+### Screenshots
+
+To contribute with Screenshots:
+* Add your image to the folder images/screenshots with an appropiated name.
+* Add a new <figure> tag in the bottom of *screenshots.mdwn*,
+* Inside the new tag, add the screenshots with a <img> tag and use the <figcaption> to add caption to the image, explaining what is being used on the screenshot.
+
 ## Publishing
 
 The master branch gets built by

screenshots.mdwn

@@ -1,9 +1,15 @@
 # Screenshots
 
 <div id="screenshot">
-[[!img images/screen.png alt="Screenshot 1" size="382x216"]]      
-[[!img images/screenshots/ss1.png alt="Screenshot 2" size="382x216"]]
+<figure>
+    [[!img images/screen.png alt="Screenshot 1" size="382x216"]]
+    <figcaption>awesome v4.x + lain + multicolor theme</figcaption>
+</figure>
+<figure>
+    [[!img images/screenshots/ss1.png alt="Screenshot 2" size="382x216"]]
+    <figcaption></figcaption>
+</figure>
 <p>
-awesome v4.x + lain + multicolor theme
+
 </p>
 </div>