Review of pages

Alix's Page/Embedded Systems Page.html

@@ -34,18 +34,22 @@ <h2>What Are Embedded Computers?</h2>
         <h2>But What Embedded Computers are There?</h2>
         <p>and whats more, some of these devices wouldn't weven be possible without embedded computers running the show!</p>
         <center><p><img src="embedded2.png" alt="Milk Machine" width="500" height="300"></p></center>
+        <!--Could make image smaller as tab size decreases-->
         <center><p>This is a milk pasteurising machine!</p></center>
         <p>It heats and maintains milk at a very precise temperature for a very long time. It manages to kill the bacteria in the milk while avoiding casuing any cooking chemical reactions to keep the milk tasting fresh!</p>
+        <!--causing (not casuing)-->
         <p>Imagine a human trying to maintain that precise a temperature for so long a time!</p>
         <center><button id="scrollToTopButton">Scroll to Top</button></center>
+        <!--center tags seem to be throwing errors-->
     </main>
-
+    
     <footer>
         <p><b>2023 Programming Black</b></p>
     </footer>
     <script>
       // Add an event listener to the button element
       document.getElementById('scrollToTopButton').addEventListener('click', scrollToTop);
+      //nice touch
     </script>
     </body>
     </html>

Fred's Page/index.html

@@ -76,6 +76,7 @@ <h1 class="display-1 text-center text-xl-start py-5">An overview
                             inclined, can find out more about the topic. <br><br>
                             Below you can find information about how VR/AR
                             technologies are working towards.<br><br>
+                            <!-- No vertical spacing between buttons when in mobile view-->
                             <div class="container">
                                 <row class="row">
                                     <div class="col">
@@ -103,6 +104,7 @@ <h1 class="display-1 text-center text-xl-start py-5">An overview
                         </p>
                     </div>
 
+                    <!-- Alt tag is not descriptive enough (what colour is his beard)-->
                     <div class="col-xl-4">
                         <img src="assets/vrdoctor.png"
                             class="img-fluid mx-auto d-block"
@@ -262,6 +264,7 @@ <h4 class="display-4 text-center text-xl-start py-5">Physical
         </section>
 
         <footer>
+            <!-- Use of non-relative units (pixels)-->
             <p class="text-end p-3 fs-5">
                 Authored by Fred Viner: &nbsp <a
                     href="https://github.com/speedofred"

James' Page/james.html

@@ -122,3 +122,16 @@ <h2>Interactive Learning, Resources and Utilities</h2>
 </body>
 
 </html>
+
+<!--
+Index page doesn't work
+Links on Index page are repeated twice at the top and bottom
+Index page feels a bit short
+James' page
+Good use of js code adding a function that you can click and takes you to the relevant paragraph
+Visual presentation is average 
+Centered bullet points, nice code but looks a bit off
+Interesting content, Concise
+Images feel a bit random
+Good indentation in HTML, few uses of comments
+ -->

Sam's Page/CSInMedicine.html

@@ -137,6 +137,8 @@ <h4 class="display-4 text-center text-xl-start py-5">AI from 1970-2000</h4>
                 <div class="container-fluid">
                     <div class="row justify-content-center">
                         <div class="col">
+                            <!-- Don't add whitespace at start of paragraph,
+                            or at least align it -->
                             <p class="text-center text-xl-start fs-4">
                                 During this time we come across what is known as the first ‘AI winter’. This is when AI projects had investment defunded and the interest in it dropped.
         This was due to a number of factors but one of the most important is the limited computer power available.
@@ -145,7 +147,7 @@ <h4 class="display-4 text-center text-xl-start py-5">AI from 1970-2000</h4>
         One of the first consultation programs was made during this time using the CASNET model. This model could apply information about a specific disease and provide doctors information on how they could treat them.
         To build on from this another system was built in 1986 called DXplain, another decision support system conceived by the University of Massachusetts. This program could take information about specific diseases and apply them to around 500 diseases and then up to 2400. When we hit the 1990s we found interest in Machine learning was renewed and the medical world set the stage for modern ML.
 
-        
+
                         </div>
                     </div>
                 </div>
@@ -180,6 +182,9 @@ <h2 class="accordion-header">
                             The demand for experts to diagnose patients is high to help reduce the strain these doctors have. 
                             <br>Advances in machine learning have made diagnostics quicker and cheaper hence means that life saving decisions can be made by doctors.
                             <br>
+                            <!-- Whitespace between attribute and value -->
+                            <!-- Non-relative image width and height -->
+                            <!-- Bad alt tag -->
                             <img src = 'assets/DiagnoseDiseases.webp' alt = 'DiagnoseDiseases' width = '200' height= '200'>
                         </div>
                     </div>
@@ -201,6 +206,7 @@ <h2 class="accordion-header">
                                 <li>Speed up clinical trials</li>
                                 <li>Find Biomarkers for diagnosing the disease</li>
                             </ul>
+                            <!-- Bad alt tag, whitespace between attribute and value -->
                             <img src = 'assets/DrugDevelopment.jpg' alt = 'DrugDevelopment' height="200" width="200">
                         </div>
                     </div>
@@ -258,6 +264,8 @@ <h4 class="display-4 text-center text-xl-start py-5">Conclusion</h4>
     </section>
 
 
+    <!-- Whitespace between attribute and value -->
+    <!-- Mixed usage of single ' and double " -->
     <section id = 'LinkstoSites'>
         <div class="row">
             <div class="col-sm-6 mb-3 mb-sm-0">

review_8753953737_.md

@@ -0,0 +1,10 @@
+# Interest of Content
+Good
+# Consistency and quality of visual presentation
+Sound
+# Quality of written presentation
+Excellent
+# Validity of HTML
+Acceptable
+# Evidence of collaboration
+Very Good