Changes

Jump to navigation Jump to search
no edit summary
Line 424: Line 424:  
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
        <td><b> • tr :</b></th>
+
      <td><b> • tr :</b></th>
 
       <td><i>(tag)</i></td>
 
       <td><i>(tag)</i></td>
 
       <td>Table Row</td>
 
       <td>Table Row</td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
        <td><b> • th :</b></th>
+
      <td><b> • th :</b></th>
 
       <td><i>(tag)</i></td>
 
       <td><i>(tag)</i></td>
 
       <td>Table Header</td>
 
       <td>Table Header</td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
        <td><b> • td :</b></th>
+
      <td><b> • td :</b></th>
 
       <td><i>(tag)</i></td>
 
       <td><i>(tag)</i></td>
 
       <td>Table Detail</td>
 
       <td>Table Detail</td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
        <td><b> • wikitable :</b></th>
+
      <td><b> • wikitable :</b></th>
 
       <td><i>(class)</i></td>
 
       <td><i>(class)</i></td>
 
       <td>Adds the Wikipedia table style to a table.</td>
 
       <td>Adds the Wikipedia table style to a table.</td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
        <td><b> • sortable :</b></th>
+
      <td><b> • sortable :</b></th>
 
       <td><i>(class)</i></td>
 
       <td><i>(class)</i></td>
 
       <td>Adds sortable functionnality to a table.</td>
 
       <td>Adds sortable functionnality to a table.</td>
Line 501: Line 501:     
   <table class="wikitable markupTable">
 
   <table class="wikitable markupTable">
      <tr>
+
    <tr>
        <th class="half">Markup</th>
+
      <th class="half">Markup</th>
        <th class="half">Renders as</th>
+
      <th class="half">Notation</th>
      </tr>
+
    </tr>
      <tr>
+
    <tr>
        <td class="markup"><nowiki>[[Technology_Trends|Home Page]]</nowiki></td>
+
      <td class="markup"><span style="color: #007700">&lt;div</span> <span style="color: #0000CC">class=</span><span style="background-color: #fff0f0">&quot;container&quot;</span><span style="color: #007700">&gt;</span><br/><span style="color: #007700">&nbsp;&lt;div</span> <span style="color: #0000CC">class=</span><span style="background-color: #fff0f0">&quot;row&quot;</span><span style="color: #007700">&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&lt;div</span> <span style="color: #0000CC">class=</span><span style="background-color: #fff0f0">&quot;col-sm-8&quot;</span><span style="color: #007700">&gt;</span><nowiki>[[File:EN_Technology_Trends_-_Blockchain_Hype_Cycle_2018.png|center]]</nowiki><span style="color: #007700">&lt;/div&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&lt;div</span> <span style="color: #0000CC">class=</span><span style="background-color: #fff0f0">&quot;col-sm-4&quot;</span><span style="color: #007700">&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&lt;table</span> <span style="color: #0000CC">class=</span><span style="background-color: #fff0f0">&quot;wikitable hypecycleTable&quot;</span><span style="color: #007700">&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;</span>English<span style="color: #007700">&lt;/th&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;</span>Français<span style="color: #007700">&lt;/th&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;</span>Figure 1. Hype Cycle for Blockchain Technologies, 2018<span style="color: #007700">&lt;/td&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;</span>Figure 1. Rapport Hype Cycle sur les technologies de la chaîne de blocs, 2018<span style="color: #007700">&lt;/td&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;</span>Expectations<span style="color: #007700">&lt;/td&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;</span>Attentes<span style="color: #007700">&lt;/td&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;</span>Time<span style="color: #007700">&lt;/td&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;</span>Temps<span style="color: #007700">&lt;/td&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&nbsp;&lt;/table&gt;</span><br/><span style="color: #007700">&nbsp;&nbsp;&lt;/div&gt;</span><br/><span style="color: #007700">&nbsp;&lt;/div&gt;</span><br/><span style="color: #007700">&lt;/div&gt;</span>
        <td style="text-align: center">[[Technology_Trends|Home Page]]</td>
+
      </td>
      </tr>
+
       <td>
      <tr>
+
        <table>
        <td class="markup"><nowiki>[[Media:EN_-_Technology_Trends_-_User_Guide.pdf|User Guide pdf]]</nowiki></td>
+
          <tr>
        <td style="text-align: center">[[Media:EN_-_Technology_Trends_-_User_Guide.pdf|User Guide pdf]]</td>
+
            <td><b> • div :</b></th>
       </tr>
+
            <td><i>(tag)</i></td>
      <tr>
+
            <td>Division</td>
        <td class="markup"><nowiki>[[File:Traffic_cone.png|40px]]</nowiki></td>
+
          </tr>
        <td style="text-align: center">[[File:Traffic_cone.png|40px]]</td>
+
          <tr>
       </tr>
+
            <td><b> • container :</b></th>
    </table>
+
            <td><i>(class)</i></td>
 +
            <td>Creates a container for a group of elements.</td>
 +
          </tr>
 +
          <tr>
 +
            <td><b> • row :</b></th>
 +
            <td><i>(class)</i></td>
 +
            <td>Creates an inline space inside the container.</td>
 +
          </tr>
 +
          <tr>
 +
            <td><b> • col-sm-8 :</b></th>
 +
            <td><i>(tag)</i></td>
 +
            <td>Creates a column of width 8/12.</td>
 +
          </tr>
 +
          <tr>
 +
            <td><b> • col-sm-4 :</b></th>
 +
            <td><i>(class)</i></td>
 +
            <td>Creates a column of width 4/12.</td>
 +
          </tr>
 +
        </table>
 +
       </td>
 +
    </tr>
 +
  </table>
 +
 
 +
  <p>Example</p>
    
   <div class="container">
 
   <div class="container">
      <div class="row">
+
    <div class="row">
        <div class="col-sm-8">[[File:EN_Technology_Trends_-_Blockchain_Hype_Cycle_2018.png|center]]</div>
+
      <div class="col-sm-8">[[File:EN_Technology_Trends_-_Blockchain_Hype_Cycle_2018.png|center]]</div>
        <div class="col-sm-4">
+
      <div class="col-sm-4">
          <table class="wikitable hypecycleTable">
+
        <table class="wikitable hypecycleTable">
            <tr>
+
          <tr>
              <th>English</th>
+
            <th>English</th>
              <th>Français</th>
+
            <th>Français</th>
            </tr>
+
          </tr>
            <tr>
+
          <tr>
              <td>Figure 1. Hype Cycle for Blockchain Technologies, 2018</td>
+
            <td>Figure 1. Hype Cycle for Blockchain Technologies, 2018</td>
              <td>Figure 1. Rapport Hype Cycle sur les technologies de la chaîne de blocs, 2018</td>
+
            <td>Figure 1. Rapport Hype Cycle sur les technologies de la chaîne de blocs, 2018</td>
            </tr>
+
          </tr>
            <tr>
+
          <tr>
              <td>Expectations</td>
+
            <td>Expectations</td>
              <td>Attentes</td>
+
            <td>Attentes</td>
            </tr>
+
          </tr>
            <tr>
+
          <tr>
              <td>Time</td>
+
            <td>Time</td>
              <td>Temps</td>
+
            <td>Temps</td>
            </tr>
+
          </tr>
          </table>
+
        </table>
        </div>
   
       </div>
 
       </div>
 
     </div>
 
     </div>
 +
  </div>
     

Navigation menu

GCwiki