Commit 2a05684e authored by Marco Cavalli's avatar Marco Cavalli
Browse files

feat: add more elements to the cheat sheet

parent 79b7e940

public/official/examples.html

+78 −11
Original line number Diff line number Diff line
@@ -23,8 +23,8 @@ 
      }

      .display.math{display: block; text-align: center; margin: 0.5rem auto;}

    </style>

<link href="../styles.css" rel="stylesheet"/>

<link href="../styling.css" rel="stylesheet"/>

<link href="../ETSIstyles.css" rel="stylesheet"/>

<link href="../customCSS.css" rel="stylesheet"/>

<!--[if lt IE 9]>

      <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>

    <![endif]-->
@@ -117,10 +117,10 @@ 
  <h2>Links</h2>

  <div class="example-container">

    <div>

      (Test)[https://test.com]

      (Google)[https://google.com]

    </div>

    <div>

      <a href="https://test.com">Test</a>

      <a href="https://google.com">Google</a>

    </div>

  </div>

  <h2>References</h2>
@@ -150,11 +150,40 @@ 
      When the simplified GeoJSON representation is selected, the layout of the Entities changes, see clause 4.5.17 for details.<br>

      >>>

    </div>

    <div class="NO"><div><p>EXAMPLE 1:</p></div><div>

    <div class="EX"><div><p>EXAMPLE 1:</p></div><div>

    <p>When the simplified GeoJSON representation is selected, the layout of the Entities changes, see <a href="clause-4.html#4.5.17">clause 4.5.17</a> for details.</p>

    </div></div>

  </div>

  <h2>JSONS</h2>

  <div class="example-container">

    <div>

      ``` json<br>

      {<br>

        "id": "urn:ngsi-ld:Car:6152s",<br>

        "type": "Car",<br>

        "parkingTickets": {<br>

        "type": "JsonProperty",<br>

        "json": {<br>

               "id": "85a6cc52-0589-45f9",<br>

               "value": "Overstay 60 minutes"<br>

            }<br>

        }<br>

      }<br>

      ```

    </div>

<div class="sourceCode" id="cb27"><pre class="sourceCode json"><code class="sourceCode json"><span id="cb27-1"><a aria-hidden="true" href="#cb27-1" tabindex="-1"></a><span class="fu">{</span></span>

<span id="cb27-2"><a aria-hidden="true" href="#cb27-2" tabindex="-1"></a><span class="er">  </span><span class="dt">"id"</span><span class="fu">:</span><span class="er"> </span><span class="st">"urn:ngsi-ld:Car:6152s"</span><span class="fu">,</span></span>

<span id="cb27-3"><a aria-hidden="true" href="#cb27-3" tabindex="-1"></a><span class="er">  </span><span class="dt">"type"</span><span class="fu">:</span><span class="er"> </span><span class="st">"Car"</span><span class="fu">,</span></span>

<span id="cb27-4"><a aria-hidden="true" href="#cb27-4" tabindex="-1"></a><span class="er">  </span><span class="dt">"parkingTickets"</span><span class="fu">:</span><span class="er"> </span><span class="fu">{</span></span>

<span id="cb27-5"><a aria-hidden="true" href="#cb27-5" tabindex="-1"></a><span class="er">  </span><span class="dt">"type"</span><span class="fu">:</span><span class="er"> </span><span class="st">"JsonProperty"</span><span class="fu">,</span></span>

<span id="cb27-6"><a aria-hidden="true" href="#cb27-6" tabindex="-1"></a><span class="er">  </span><span class="dt">"json"</span><span class="fu">:</span><span class="er"> </span><span class="fu">{</span></span>

<span id="cb27-7"><a aria-hidden="true" href="#cb27-7" tabindex="-1"></a><span class="er">         </span><span class="dt">"id"</span><span class="fu">:</span><span class="er"> </span><span class="st">"85a6cc52-0589-45f9"</span><span class="fu">,</span></span>

<span id="cb27-8"><a aria-hidden="true" href="#cb27-8" tabindex="-1"></a><span class="er">         </span><span class="dt">"value"</span><span class="fu">:</span><span class="er"> </span><span class="st">"Overstay 60 minutes"</span></span>

<span id="cb27-9"><a aria-hidden="true" href="#cb27-9" tabindex="-1"></a><span class="er">      </span><span class="fu">}</span></span>

<span id="cb27-10"><a aria-hidden="true" href="#cb27-10" tabindex="-1"></a><span class="er">  </span><span class="fu">}</span></span>

<span id="cb27-11"><a aria-hidden="true" href="#cb27-11" tabindex="-1"></a><span class="fu">}</span></span></code></pre></div>

</div>

  </div>

  <div class="example-container">

    <div>

      >>> [!tip] EXAMPLE 11:<br>
@@ -190,6 +219,24 @@ 
</div></div>

  </div>

  <h2>Images</h2>

  <b>This is the default way to include images along with their captions:</b>

  <div class="example-container">

    <div>

      ![](media/image2.png)<br/>

      <br/>

      **Figure 4.2.1-1: Overview of the NGSI-LD Information Model Structure**<br/>

    </div>

    <div>

      <div class="FL" id="Figure_4.2.1-1">

<p><img src="media/image2.png"/></p>

</div>

<div class="TF" id>

<p>Figure 4.2.1‑1: Overview of the NGSI-LD Information Model Structure</p>

</div>

    </div>

  </div>

  <br>

  <b>Below, the alternative syntax:</b>

  <div class="example-container">

    <div>

      ::: FL<br/>
@@ -210,19 +257,16 @@ 
    </div>

  </div>

    <h2>Tables</h2>

    <b>Use grid tables for best results:</b>

  <div class="example-container">

    <div>

    ::: TH<br/>

    Table 4.3.5-2: Main implementation configurations<br/>

    :::<br/>

    **Table 4.3.5-2: Main implementation configurations**<br/>

<br/>

    ::: TAL<br/>

    +-----------+-----------------------+-----------------------+<br/>

    | Descrip   | Temporal API          | RegistryAPI           |<br/>

    +===========+=======================+=======================+<br/>

    | Central   | none                  | none                  |<br/>

    +-----------+-----------------------+-----------------------+<br/>

    :::

    +-----------+-----------------------+-----------------------+

    </div>

    <div>

<div class="TH" id="Table_4.3.5-2">
@@ -263,6 +307,29 @@ none 
</table>

    </div>

  </div>

  <br>

  <b>For captions we support both the following syntaxes:</b>



  <div class="example-container">

    <div>

    **Table 4.3.5-2: Main implementation configurations** (<b>DEFAULT ONE</b>)<br/>

<br>

<br>

::: TF<br>

Table 4.3.5-2: Main implementation configurations<br>

:::<br>

    </div>

    <div>

<div class="TH" id="Table_4.3.5-2">

<p>Table 4.3.5‑2: Main implementation configurations</p>

</div>

<br>

<div class="TH" id="Table_4.3.5-2">

<p>Table 4.3.5‑2: Main implementation configurations</p>

</div>

    </div>

  </div>





<h2>Lists</h2>

<div class="example-container">