Commit 01884bd2 authored by Juela Palushi's avatar Juela Palushi
Browse files

Add another div in HypoMoMap explanation page

Add a further info div and include an image
parent ad1aeff5
Pipeline #122758 failed with stages
in 5 minutes and 9 seconds
......@@ -19,8 +19,8 @@
<div class="my-3 p-3 bg-white rounded shadow-sm">
<h6 class="border-bottom border-gray pb-2 mb-0">Execution Steps</h6>
<p class="mt-2">
The engineering process consists of a single phase for (1) Initialization and repetitive phases for
(2) Adaptation:
The engineering process consists of a single phase for <i>(1) Initialization</i> and repetitive phases
for <i>(2) Adaptation</i>:
</p>
<p class="mt-2">
<i>(1) Initialization:</i>
......@@ -59,7 +59,20 @@
model together with the results of the experiments to provide traceability. The adaptation phase is
repeated until no experiment that can improve the evidence in the hypotheses. </li>
</ol>
<img src="assets/hypomomap-notation.png" class="d-block w-100" alt="Check Conformance">
<figure>
<img src="assets/hypomomap-notation.png" class="image-hypomomap" alt="Visual Notation of HypoMoMap">
<figcaption class="figcaption-hypomomap">Visual Notation of HypoMoMap</figcaption>
</figure>
</div>
<div class="my-3 p-3 bg-white rounded shadow-sm">
<h6 class="border-bottom border-gray pb-2 mb-0">Further Information</h6>
<p class="mt-2">
Further information on the paper where the HypoMoMap tool is based on:
</p>
<ul>
<li><strong>Research Paper: </strong> <a href="https://www.researchgate.net/publication/342710605_Model-Based_Hypothesis_Engineering_for_Supporting_Adaptation_to_Uncertain_Customer_Needs">Click here!</a></li>
</ul>
</div>
</main>
......@@ -8,7 +8,7 @@ body {
}
/*
Initial style by Bootstrap Offcanvas: https://getbootstrap.com/docs/4.3/examples/offcanvas/
Initial style by Bootstrap Offcanvas: https://getbootstrap.com/docs/4.3/examples/offcanvas/
*/
@media (max-width: 991.98px) {
.offcanvas-collapse {
......@@ -142,9 +142,9 @@ body {
.two-col-special li:before {
content: '+';
padding: 5px;
margin-right: 5px;
margin-right: 5px;
color: orange;
background-color: white;
background-color: white;
display: inline-block;
}
......@@ -164,4 +164,15 @@ body {
content: '<';
font-size: 55px;
color: black;
}
\ No newline at end of file
}
.image-hypomomap {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.figcaption-hypomomap {
text-align: center;
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment