diff --git a/wiki/pages/software.html b/wiki/pages/software.html index affbdc905a0090c571683e159482fb53d5b3d666..684a0a2203314eb0483c3604744c54790864cec6 100644 --- a/wiki/pages/software.html +++ b/wiki/pages/software.html @@ -54,6 +54,14 @@ font-weight: bold; text-align:center } + .image-container { + text-align: center; /* Center the image horizontally */ + } + + .image-container img { + display: block; /* Make the image a block-level element */ + margin: 0 auto; /* Center the image horizontally using auto margins */ + } </style> <section class="desc-wrapper"> @@ -73,25 +81,32 @@ <p>2. GUI Application Opens:</p> <p>A GUI window titled "iGEM SVCE-CHENNAI 23" should open if you click on the 'run'. This window contains the following elements:</p> - <br> - <p>A label "Enter Sequence."<br> - An input field for entering a DNA sequence.<br> - A "FIND" button to start the analysis.<br> - A "CLEAR ENTRY" button to clear the input field.<br> - </p + <p><ul> + <li>A label "Enter Sequence."</li><br> + <li>An input field for entering a DNA sequence.</li><br> + <li>A "FIND" button to start the analysis.</li><br> + <li>A "CLEAR ENTRY" button to clear the input field.</li><br> + </ul> + </p> + <div class="image-container"> <img src="https://static.igem.wiki/teams/4864/wiki/software/1.png" alt="P1" style="width: 50%; height: auto;"> + </div> </section> <section class="desc-section"> <p>3. Enter DNA Sequence:<br> Enter the DNA sequence you want to analyze into the input field. The sequence can only contain the characters 'A,' 'C,' 'G,' and 'T.' Other characters are not allowed. </p> + <div class="image-container"> <img src="https://static.igem.wiki/teams/4864/wiki/software/2.png" alt="P2" style="width: 50%; height: auto;"> + </div> </section> <section class="desc-section"> <p>4. Click "FIND":<br> After entering the DNA sequence, click the "FIND" button to initiate the analysis. </p> + <div class="image-container"> <img src="https://static.igem.wiki/teams/4864/wiki/software/3.png" alt="P3" style="width: 50%; height: auto;"> + </div> </section> <section class="desc-section"> <p>5. Output:<br> @@ -99,14 +114,18 @@ <br> If an RBS is found in the forward direction: <br> - The position of the RBS<br> - The RBS sequence<br> - The position of the start codon (ATG)<br> - The length of the flanking region<br> - The flanking region sequence<br> + <ul> + <li>The position of the RBS</li><br> + <li>The RBS sequence</li><br> + <li>The position of the start codon (ATG)</li><br> + <li>The length of the flanking region</li><br> + <li>The flanking region sequence</li><br> + </ul> A message indicating whether the flanking region is ideal (between 5-7 nucleotides) or not.<br> </p> + <div class="image-container"> <img src="https://static.igem.wiki/teams/4864/wiki/software/4.png" alt="P4" style="width: 50%; height: auto;"> + </div> </section> <section class="desc-section"> <p>If no RBS is found in the forward direction, it will display a message indicating that “NO RBS SEQUENCE FOUND IN FORWARD DIRECTION†@@ -116,7 +135,9 @@ It will show the same messages as the forward direction. <br> </p> + <div class="image-container"> <img src="https://static.igem.wiki/teams/4864/wiki/software/5.png" alt="P5" style="width: 50%; height: auto;"> + </div> </section> </section>