Updates

index.html

@@ -4,7 +4,7 @@
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="generator" content="Asciidoctor 2.0.20">
+<meta name="generator" content="Asciidoctor 2.0.21">
 <title>Template</title>
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700">
 <style>
@@ -140,7 +140,7 @@
 #content::before{content:none}
 #header>h1:first-child{color:rgba(0,0,0,.85);margin-top:2.25rem;margin-bottom:0}
 #header>h1:first-child+#toc{margin-top:8px;border-top:1px solid #dddddf}
-#header>h1:only-child,body.toc2 #header>h1:nth-last-child(2){border-bottom:1px solid #dddddf;padding-bottom:8px}
+#header>h1:only-child{border-bottom:1px solid #dddddf;padding-bottom:8px}
 #header .details{border-bottom:1px solid #dddddf;line-height:1.45;padding-top:.25em;padding-bottom:.25em;padding-left:.25em;color:rgba(0,0,0,.6);display:flex;flex-flow:row wrap}
 #header .details span:first-child{margin-left:-.125em}
 #header .details span.email a{color:rgba(0,0,0,.85)}
@@ -162,6 +162,7 @@
 #toctitle{color:#7a2518;font-size:1.2em}
 @media screen and (min-width:768px){#toctitle{font-size:1.375em}
 body.toc2{padding-left:15em;padding-right:0}
+body.toc2 #header>h1:nth-last-child(2){border-bottom:1px solid #dddddf;padding-bottom:8px}
 #toc.toc2{margin-top:0!important;background:#f8f8f7;position:fixed;width:15em;left:0;top:0;border-right:1px solid #e7e7e9;border-top-width:0!important;border-bottom-width:0!important;z-index:1000;padding:1.25em 1em;height:100%;overflow:auto}
 #toc.toc2 #toctitle{margin-top:0;margin-bottom:.8rem;font-size:1.2em}
 #toc.toc2>ul{font-size:.9em;margin-bottom:0}
@@ -327,7 +328,7 @@
 a.image object{pointer-events:none}
 sup.footnote,sup.footnoteref{font-size:.875em;position:static;vertical-align:super}
 sup.footnote a,sup.footnoteref a{text-decoration:none}
-sup.footnote a:active,sup.footnoteref a:active{text-decoration:underline}
+sup.footnote a:active,sup.footnoteref a:active,#footnotes .footnote a:first-of-type:active{text-decoration:underline}
 #footnotes{padding-top:.75em;padding-bottom:.75em;margin-bottom:.625em}
 #footnotes hr{width:20%;min-width:6.25em;margin:-.25em 0 .75em;border-width:1px 0 0}
 #footnotes .footnote{padding:0 .375em 0 .225em;line-height:1.3334;font-size:.875em;margin-left:1.2em;margin-bottom:.2em}
@@ -1127,8 +1128,10 @@ <h2 id="section-building-block-view">5. Building Block View</h2>
 <div class="sectionbody">
 <div class="sect2">
 <h3 id="_whitebox_overall_system">5.1. Whitebox Overall System</h3>
-<div class="paragraph">
-<p><span class="image"><img src="./images/DOCsection5_1.png" alt="Level 1"></span></p>
+<div class="imageblock">
+<div class="content">
+<img src="./images/DOCsection5_1.png" alt="Level 1">
+</div>
 </div>
 <div class="paragraph">
 <div class="title">Motivation</div>
@@ -1207,8 +1210,10 @@ <h3 id="_level_2">5.2. Level 2</h3>
 </div>
 <div class="sect2">
 <h3 id="_level_3">5.3. Level 3</h3>
-<div class="paragraph">
-<p><span class="image"><img src="./images/DOCsection5_3.png" alt="Level 3"></span></p>
+<div class="imageblock">
+<div class="content">
+<img src="./images/DOCsection5_3.png" alt="Level 3">
+</div>
 </div>
 <div class="paragraph">
 <div class="title">Motivation</div>
@@ -1366,18 +1371,9 @@ <h3 id="_runtime_scenario_1">6.1. &lt;Runtime Scenario 1&gt;</h3>
 <div class="paragraph">
 <p>It is possible to use a sequence diagram:</p>
 </div>
-<div class="listingblock">
+<div class="imageblock">
 <div class="content">
-<pre>Failed to generate image: Error processing request {:url=&gt;"/plantumlpreprocessor", :body=&gt;"@startuml\nactor Alice\nactor Bob\ndatabase Pod as \"Bob's Pod\"\nAlice -&gt; Bob: Authentication Request\nBob --&gt; Alice: Authentication Response\nAlice  --&gt; Pod: Store route\nAlice -&gt; Bob: Another authentication Request\nAlice &lt;-- Bob: another authentication Response\n@enduml", :headers=&gt;{"X-PlantUML-Basedir"=&gt;"C:\\Users\\pablo\\OneDrive\\Documentos\\UNIOVI\\3º\\AWS\\wiq\\wiq_es2b\\docs"}}
-Encoding of input is UTF-8
-actor Alice
-actor Bob
-database Pod as "Bob's Pod"
-Alice -&gt; Bob: Authentication Request
-Bob --&gt; Alice: Authentication Response
-Alice  --&gt; Pod: Store route
-Alice -&gt; Bob: Another authentication Request
-Alice &lt;-- Bob: another authentication Response</pre>
+<img src="./images/Sequence%20diagram.png" alt="Sequence diagram" width="332" height="335">
 </div>
 </div>
 </div>
@@ -1466,8 +1462,10 @@ <h2 id="section-concepts">8. Cross-cutting Concepts</h2>
 <div class="sectionbody">
 <div class="sect2">
 <h3 id="_domain_model">8.1. Domain model</h3>
-<div class="paragraph">
-<p><span class="image"><img src="./images/DOCsection8-1.png" alt="Domain model"></span></p>
+<div class="imageblock">
+<div class="content">
+<img src="./images/DOCsection8-1.png" alt="Domain model">
+</div>
 </div>
 </div>
 <div class="sect2">
@@ -1561,8 +1559,10 @@ <h2 id="section-quality-scenarios">10. Quality Requirements</h2>
 <div class="sectionbody">
 <div class="sect2">
 <h3 id="_quality_tree">10.1. Quality Tree</h3>
-<div class="paragraph">
-<p><span class="image"><img src="./images/10_1_Quality_Tree.png" alt="Business Context Diagram"></span></p>
+<div class="imageblock">
+<div class="content">
+<img src="./images/10_1_Quality_Tree.png" alt="Business Context Diagram">
+</div>
 </div>
 </div>
 <div class="sect2">