[iagno] Add mimetype to medias in help pages.

[Arnaud B. <arnaudb src gnome org>]

commit b0862cb8cac612b43da4b8a1030493c4f132da94
Author: Arnaud Bonatti <arnaud bonatti gmail com>
Date:   Tue Feb 4 18:06:26 2020 +0100

    Add mimetype to medias in help pages.

 help/C/example.page        | 10 +++++-----
 help/C/index.page          |  4 ++--
 help/C/rules.page          |  2 +-
 help/C/start-position.page | 12 ++++++------
 4 files changed, 14 insertions(+), 14 deletions(-)
---
diff --git a/help/C/example.page b/help/C/example.page
index 6d1ec68..a67ed1f 100644
--- a/help/C/example.page
+++ b/help/C/example.page
@@ -23,7 +23,7 @@
   <table>
     <tr>
       <td>
-        <media type="image" src="figures/usual-start.png" width="200" its:translate="no">
+        <media type="image" mime="image/png" src="figures/usual-start.png" width="200" its:translate="no">
           <p its:translate="yes">Usual start position: E4 and D5 are dark, D4 and E5 are light.</p>
         </media>
       </td>
@@ -38,7 +38,7 @@
 
     <tr>
       <td>
-        <media type="image" src="figures/move-1.png" width="200" its:translate="no">
+        <media type="image" mime="image/png" src="figures/move-1.png" width="200" its:translate="no">
           <p its:translate="yes">Example first move: <em>Dark</em> plays D3, capturing D4 thanks to D5.</p>
         </media>
       </td>
@@ -55,7 +55,7 @@
 
     <tr>
       <td>
-        <media type="image" src="figures/move-2.png" width="200" its:translate="no">
+        <media type="image" mime="image/png" src="figures/move-2.png" width="200" its:translate="no">
           <p its:translate="yes">First <em>Light</em> move: playing E3 and capturing E4 thanks to E5.</p>
         </media>
       </td>
@@ -70,7 +70,7 @@
 
     <tr>
       <td>
-        <media type="image" src="figures/move-3.png" width="200" its:translate="no">
+        <media type="image" mime="image/png" src="figures/move-3.png" width="200" its:translate="no">
           <p its:translate="yes"><em>Dark</em> turns multiple rows: playing F3, it captures both E3 due to 
D3 and E4 due to D5.</p>
         </media>
       </td>
@@ -87,7 +87,7 @@
 
     <tr>
       <td>
-        <media type="image" src="figures/move-4.png" width="200" its:translate="no">
+        <media type="image" mime="image/png" src="figures/move-4.png" width="200" its:translate="no">
           <p its:translate="yes"><em>Light</em> turns a row of two pieces: playing E2, it turns E3 and E4 
thanks to E5</p>
         </media>
       </td>
diff --git a/help/C/index.page b/help/C/index.page
index b7c19fc..00f12a8 100644
--- a/help/C/index.page
+++ b/help/C/index.page
@@ -4,7 +4,7 @@
       xmlns:its="http://www.w3.org/2005/11/its";> <!-- the "its" line is allowing translations for medias -->
 
   <info>
-    <title type='link' role="trail"><media type="image" src="figures/logo.png" its:translate="no"/></title>
+    <title type='link' role="trail"><media type="image" mime="image/png" src="figures/logo.png" 
its:translate="no"/></title>
     <title type='link'>Reversi</title>
     <title type='text'>Reversi</title>
     <revision pkgversion="3.36" version="0.2" date="2020-02-01" status="final"/>
@@ -24,7 +24,7 @@
     </license>
   </info>
 
-  <title><media type="image" src="figures/logo32.png" its:translate="no"><span its:translate="yes">Reversi 
logo</span></media> Reversi</title>
+  <title><media type="image" mime="image/png" src="figures/logo32.png" its:translate="no"><span 
its:translate="yes">Reversi logo</span></media> Reversi</title>
 
   <p><app>Reversi</app> is a boardgame played with pieces dark on one side and light on the other. 
<em>Dark</em> and <em>Light</em> play one after each other by adding on an empty tile a new piece of their 
color, trapping at least one opponent row of pieces; when pieces are captured that way, they are turned over 
to join the capturing player's forces. See <link xref="rules">reversi rules</link> to discover more about the 
game.</p>
 
diff --git a/help/C/rules.page b/help/C/rules.page
index fa21bcc..512f7e9 100644
--- a/help/C/rules.page
+++ b/help/C/rules.page
@@ -48,7 +48,7 @@
     <table>
       <tr>
         <td>
-          <media type="image" src="figures/usual-start.png" width="200" its:translate="no">
+          <media type="image" mime="image/png" src="figures/usual-start.png" width="200" its:translate="no">
             <p its:translate="yes">Usual start position: light-dark, dark-light</p>
           </media>
         </td>
diff --git a/help/C/start-position.page b/help/C/start-position.page
index 7c7ff2f..e58bc18 100644
--- a/help/C/start-position.page
+++ b/help/C/start-position.page
@@ -44,12 +44,12 @@
     <table>
       <tr>
         <td>
-          <media type="image" src="figures/usual-start.png" width="200" its:translate="no">
+          <media type="image" mime="image/png" src="figures/usual-start.png" width="200" its:translate="no">
             <p its:translate="yes">Usual start position: light-dark, dark-light</p>
           </media>
         </td>
         <td>
-          <media type="image" src="figures/alternative-start.png" width="200" its:translate="no">
+          <media type="image" mime="image/png" src="figures/alternative-start.png" width="200" 
its:translate="no">
             <p its:translate="yes">Alternative position: dark-light, dark-light</p>
           </media>
         </td>
@@ -69,22 +69,22 @@
     <table>
       <tr>
         <td>
-          <media type="image" src="figures/symmetric-start.png" width="92" its:translate="no">
+          <media type="image" mime="image/png" src="figures/symmetric-start.png" width="92" 
its:translate="no">
             <p its:translate="yes">Only symmetry of the usual start position: dark-light, light-dark</p>
           </media>
         </td>
         <td>
-          <media type="image" src="figures/alternative-start-1.png" width="92" its:translate="no">
+          <media type="image" mime="image/png" src="figures/alternative-start-1.png" width="92" 
its:translate="no">
             <p its:translate="yes">First symmetry of the alternative position: dark-dark, light-light</p>
           </media>
         </td>
         <td>
-          <media type="image" src="figures/alternative-start-2.png" width="92" its:translate="no">
+          <media type="image" mime="image/png" src="figures/alternative-start-2.png" width="92" 
its:translate="no">
             <p its:translate="yes">Second symmetry of the alternative position: light-dark, light-dark</p>
           </media>
         </td>
         <td>
-          <media type="image" src="figures/alternative-start-3.png" width="92" its:translate="no">
+          <media type="image" mime="image/png" src="figures/alternative-start-3.png" width="92" 
its:translate="no">
             <p its:translate="yes">Last symmetry of the alternative position: light-light, dark-dark</p>
           </media>
         </td>