Added gradient descent

Author: chanrt

about.html

@@ -87,6 +87,10 @@ <h2>Timeline</h2>
               <th>Topic</th>
               <th>Date</th>
             </tr>
+            <tr>
+              <td>Gradient Descent</td>
+              <td>July 18th, 2022</td>
+            </tr>
             <tr>
               <td>Firefly Synchronization</td>
               <td>June 30th, 2022</td>
@@ -277,7 +281,6 @@ <h2>Planned Topics</h2>
           <li>Orbits (basically, shooting balls out of a cannon at different altitudes and velocities)</li>
           <li>SIR Model of Pandemic spread</li>
           <li>Boltzmann Distribution in a randomized exchange lattice</li>
-          <li>Working of Gradient Descent Algorithm</li>
           <li>Solve Travelling Salesman using Genetic ALgorithm, Simulated Annealing and Ant-Colony Optimization</li>
           <li>Raycasting</li>
         </ol>

images/gradient_descent.png

@@ -211,6 +211,32 @@ <h2 style="margin:0">Game of Life</h2>
             <hr>
             <br>
 
+            <div class="row">
+                <div class="col s12 l5">
+                    <img class="responsive-img" src="images_webp/gradient_descent.webp" alt="gradient descent">
+                </div>
+                <div class="col s12 l7">
+                    <h2 style="margin:0">Gradient Descent</h2>
+                    <center>
+                        <span>#computer-science #machine-learning</span>
+                    </center>
+                    <p class="flow-text">
+                        The Gradient Descent algorithm is the powerhouse of machine learning. Regression models as well
+                        as neural networks use this algorithm to optimize their working according to the training
+                        examples. Experience it first-hand!
+                    </p>
+                    <center>
+                        <a href="gradient_descent/simulation.html">
+                            <button class="btn purple darken-4">Visit</button>
+                        </a>
+                    </center>
+                </div>
+            </div>
+
+            <br>
+            <hr>
+            <br>
+
             <div class="row">
                 <div class="col s12 l5">
                     <img class="responsive-img" src="images_webp/mandelbrot_fractal.webp" alt="mandelbrot fractal">