Update index.html

Restructured content

Author: Gmac4247

index.html

@@ -1217,8 +1217,6 @@ <h1 style="font-size:140%;margin:7px">Introducing The Core Geometric System ™<
 </mrow>
 </math>
 </p>
-<br>
-<br>
 <div>
 <script>
 
@@ -1748,8 +1746,13 @@ <h1 style="font-size:140%;margin:7px">Introducing The Core Geometric System ™<
 </script>
 </div>
 </section>
+<br>
+<br>
 <section>
- <p style="margin:12px;">The area of a triangle equals exactly the half of the area of a rectangle with a width equal to the base of the triangle and length equal to the height of the triangle.
+<p style="font-size:160%;font-weight:bold;margin:7px;">Area of a triangle</p>
+<br>
+<br>
+<p style="margin:12px;">The area of a triangle equals exactly the half of the area of a rectangle with a width equal to the base of the triangle and length equal to the height of the triangle.
 <br>
 <br>
 The base of a triangle multiplied by its height equals to a rectangle with an area exactly the double of the triangle. 
@@ -1761,7 +1764,6 @@ <h1 style="font-size:140%;margin:7px">Introducing The Core Geometric System ™<
 The area of a triangle can also be calculated by the length of its sides.
 </p>
 <br>
-<br>
 <math style="margin:12px;" xmlns="http://www.w3.org/1998/Math/MathML" > <mrow>
  <mi>S</mi>
       <mo>=</mo>
@@ -4028,6 +4030,33 @@ <h3 style="font-size:160%;margin:7px">
 The height of the theoretical full cone can be calculated by the frustum height and the ratio between the top and bottom areas.
 </p>
 <br>
+<math style="margin:12px;" xmlns="http://www.w3.org/1998/Math/MathML" >
+ <mrow>
+ <mi>H</mi>
+      <mo>=</mo>
+        <mi>frustum height</mi>
+</mrow>
+</math>
+<br>
+<br>
+<math style="margin:12px;" xmlns="http://www.w3.org/1998/Math/MathML" >
+ <mrow>
+ <mi>t</mi>
+   <mo>=</mo>
+   <mi>top diameter</mi>
+</mrow>
+</math>
+<br>
+<br>
+<math style="margin:12px;" xmlns="http://www.w3.org/1998/Math/MathML" >
+ <mrow>
+ <mi>b</mi>
+      <mo>=</mo>
+        <mi>bottom diameter</mi>
+</mrow>
+</math>
+<br>
+<br>
 <math style="margin:12px;" xmlns="http://www.w3.org/1998/Math/MathML">
      <mrow>
  <mi>V</mi>
@@ -4096,33 +4125,6 @@ <h3 style="font-size:160%;margin:7px">
   </math>
 <br>
 <br>
-<math style="margin:12px;" xmlns="http://www.w3.org/1998/Math/MathML" >
- <mrow>
- <mi>H</mi>
-      <mo>=</mo>
-        <mi>frustum height</mi>
-</mrow>
-</math>
-<br>
-<br>
-<math style="margin:12px;" xmlns="http://www.w3.org/1998/Math/MathML" >
- <mrow>
- <mi>t</mi>
-   <mo>=</mo>
-   <mi>top diameter</mi>
-</mrow>
-</math>
-<br>
-<br>
-<math style="margin:12px;" xmlns="http://www.w3.org/1998/Math/MathML" >
- <mrow>
- <mi>b</mi>
-      <mo>=</mo>
-        <mi>bottom diameter</mi>
-</mrow>
-</math>
-<br>
-<br>
 <div>
 <label style="margin:12px;" for="frustum-cone-base-radius">Base radius:</label>
 <input id="frustum-cone-base-radius" type="number" value="2" step="any" />
@@ -4345,13 +4347,13 @@ <h3 style="font-size:160%;margin:7px">
 <section>
 <p style="font-size:160%;font-weight:bold;margin:7px;">Volume of a horizontal frustum pyramid</p>
 <br>
-<br>
-<p style="margin:12px;">The volume of a frustum pyramid can be calculated by subtracting the missing tip from a theoretical full pyramid. 
-<br>
 <div class="imgbox">
     <img class="center-fit" src="frustumOfPyramidMarkup.png" alt="figure-Horizontal-frustum-pyramid">
 </div>
 <br>
+<p style="margin:12px;">The volume of a frustum pyramid can be calculated by subtracting the missing tip from a theoretical full pyramid. 
+<br>
+<br>
 The height of the theoretical full pyramid can be calculated by the frustum height and the ratio between the top and bottom areas.
 </p>
 <br>
@@ -4480,6 +4482,34 @@ <h3 style="font-size:160%;margin:7px">
 <p style="margin:12px;">The volume of a square frustum pyramid can be calculated via a simplified formula.
 </p>
 <br>
+<math style="margin:12px;" xmlns="http://www.w3.org/1998/Math/MathML" >
+     <mrow>
+ <mi>H</mi>
+      <mo>=</mo>
+        <mi>frustum height</mi>
+</mrow>
+</math>
+<br>
+<br>
+<math style="margin:12px;" xmlns="http://www.w3.org/1998/Math/MathML" >
+ <mrow>
+ <mi>t</mi>
+   <mo>=</mo>
+   <mi>top edge</mi>
+</mrow>
+</math>
+<br>
+<br>
+<math style="margin:12px;" xmlns="http://www.w3.org/1998/Math/MathML" >
+     <mrow>
+ <mi>b</mi>
+      <mo>=</mo>
+        <mi>bottom edge</mi>
+</mrow>
+</math>
+</section>
+<br>
+<br>
 <math style="margin:12px;" xmlns="http://www.w3.org/1998/Math/MathML">
 <mrow>
 <mi>V</mi>
@@ -4512,34 +4542,6 @@ <h3 style="font-size:160%;margin:7px">
   </math>
 <br>
 <br>
-<math style="margin:12px;" xmlns="http://www.w3.org/1998/Math/MathML" >
-     <mrow>
- <mi>H</mi>
-      <mo>=</mo>
-        <mi>frustum height</mi>
-</mrow>
-</math>
-<br>
-<br>
-<math style="margin:12px;" xmlns="http://www.w3.org/1998/Math/MathML" >
- <mrow>
- <mi>t</mi>
-   <mo>=</mo>
-   <mi>top edge</mi>
-</mrow>
-</math>
-<br>
-<br>
-<math style="margin:12px;" xmlns="http://www.w3.org/1998/Math/MathML" >
-     <mrow>
- <mi>b</mi>
-      <mo>=</mo>
-        <mi>bottom edge</mi>
-</mrow>
-</math>
-</section>
-<br>
-<br>
 <br>
 <br>
 <section>