Deployed e056e7e with MkDocs version: 1.5.3

index.html

@@ -487,10 +487,9 @@
 <div class="md-content" data-md-component="content">
 <article class="md-content__inner md-typeset">
 <h1 id="introduction">Introduction</h1>
-<h1 align="center">
-<a class="glightbox" data-draggable="True" data-effect="zoom" data-height="auto" data-width="100%" data-zoomable="True" href="/img/logo.png"><img alt="cgapp logo" src="/img/logo.png" width="224px"/></a><br/>
-  Syclops
-</h1>
+<figure>
+<a class="glightbox" data-draggable="True" data-effect="zoom" data-height="auto" data-width="100%" data-zoomable="True" href="img/logo.png"><img alt="Syclops Logo" src="img/logo.png" width="224"/></a>
+</figure>
 <p align="center">Syclops is a tool for creating synthetic data from 3D virtual environments.</p>
 <hr/>
 <h1 id="features">🎯 Features</h1>
@@ -500,9 +499,9 @@ <h1 id="features">🎯 Features</h1>
 <p>💾 Asset management and viewer to easily reuse assets across multiple scenes</p>
 <p>📦 Easy to use and extend with a modular architecture</p>
 <h1 id="annotations">🔍 Annotations</h1>
-<div align="center">
-<a class="glightbox" data-draggable="True" data-effect="zoom" data-height="auto" data-width="100%" data-zoomable="True" href="/img/renders/outputs.gif"><img alt="output-render" src="/img/renders/outputs.gif" width="400px"/></a><br/>
-</div>
+<figure>
+<a class="glightbox" data-draggable="True" data-effect="zoom" data-height="auto" data-width="100%" data-zoomable="True" href="img/renders/outputs.gif"><img alt="Syclops Output" src="img/renders/outputs.gif" width="400"/></a>
+</figure>
 <p>Syclops supports a variety of annotated outputs for different use cases. The following outputs are currently supported:</p>
 <table>
 <thead>

usage/job_description/validation/index.html

@@ -491,7 +491,10 @@ <h1 id="validation">Validation</h1>
 <p>Syclops generates a YAML schema that defines the job configuration rules. This schema can be used for auto-completion and linting, but also to get more information about a specific property.</p>
 <p>During asset crawling, Syclops looks for all schema files of the plugins and creates a single <code>schema.yaml</code> in the install folder.
 In order to use the linting features for the job descriptions, the IDE has to be pointed towards the schema file.</p>
-<p><a class="glightbox" data-draggable="True" data-effect="zoom" data-height="auto" data-width="100%" data-zoomable="True" href="/img/docs/linting.gif"><img alt="linting" src="/img/docs/linting.gif" width="500px"/></a><br/></p>
+<figure>
+<a class="glightbox" data-draggable="True" data-effect="zoom" data-height="auto" data-width="100%" data-zoomable="True" href="img/docs/linting.gif"><img alt="Linting" src="img/docs/linting.gif" width="500"/></a>
+<figcaption>Linting of job description</figcaption>
+</figure>
 <div class="tabbed-set tabbed-alternate" data-tabs="1:1"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio"><div class="tabbed-labels"><label for="__tabbed_1_1">VSCode</label></div>
 <div class="tabbed-content">
 <div class="tabbed-block"></div>