From 25054e3fc71efc463930dd54a409dd46489f9661 Mon Sep 17 00:00:00 2001
From: Chavhan675 <149674931+Chavhan675@users.noreply.github.com>
Date: Tue, 17 Mar 2026 11:21:29 +0530
Subject: [PATCH] Improve code readability by adding comments and fixing minor
 typos in index.hbs

This change improves the readability of the index.hbs file by adding meaningful comments.

Updates include:
- Added comments to explain different sections of the UI
- Improved understanding of the homepage structure
- Fixed minor typos in the content

These changes help new contributors understand the codebase more easily.
---
 views/index.hbs | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/views/index.hbs b/views/index.hbs
index f76c4c6..692287c 100644
--- a/views/index.hbs
+++ b/views/index.hbs
@@ -1,12 +1,17 @@
+<!-- Main homepage template for ModelBricks WebApp -->
+
+<!-- Main container for homepage content -->
 <div class="infoPages">
 
   <div class="pageContent">
 
+  <!-- Welcome section heading -->
   <h3 class="pageSubheading">Welcome to the ModelBricks project</h3>
 
 <table>
 <tr><td>
 <td style="width: 200px;">
+            <!-- Image representing ModelBricks -->
             <p style="margin:4px;"><br /><img src="/images/bricks.png" height="150"/></p>
 </td>
 <td>
@@ -15,12 +20,15 @@ descriptions of model elements must be found in the corresponding paper. Expandi
 As a result, new models are almost always created anew, repeating literature searches for kinetic parameters, initial conditions and modeling specifics. It is akin to building a brick house starting with a pile of clay. Here we present a database of <b>ModelBricks - well-annotated, reusable component mechanisms that can be assembled into
         fully annotated mathematical models for cell biology</b>.
         <br>
+
+        <!-- Button to browse ModelBricks -->
         <div id="demobox" style="cursor: pointer;" onclick="window.location='/curatedList/bmName=&bmId=&category=all&owner=ModelBrick&savedLow=&savedHigh=&page=1&orderBy=date_desc=&advanced=false&maxModels=100';">
             <p><b><font color="white">Browse ModelBricks</font></b></p>
         </div>
 </td></tr>
 </table>
 
+<!-- Section describing ModelBrick components -->
 <h3 class="pageSubheading">Each ModelBrick contains</h3>
 
 <table>
@@ -49,15 +57,19 @@ Flux terms can be simple mass action kinetics or complex functions.
 </table>
 
 <br>
+
+<!-- Diagram showing ModelBrick structure -->
 <p style="margin:4px;"><br /><img src="/images/ModelBrickStructure.jpg" height="450"/></p>
+
 </br>
 
+<!-- Section describing usage of ModelBricks -->
 <h3 class="pageSubheading">ModelBricks can be</h3>
 
 <table>
 <tr><td>
 <p style="margin:4px;">
-1. Downloaded in mulltiple formats, such as SBML or VCML formats
+1. Downloaded in multiple formats, such as SBML or VCML formats
 </p>
 </td></tr>
 <tr><td>
@@ -67,10 +79,12 @@ Flux terms can be simple mass action kinetics or complex functions.
 </td></tr>
 <tr><td>
 <p style="margin:4px;">
-3.Created from existing models and submitted for inclusion in the repository.
+3. Created from existing models and submitted for inclusion in the repository.
 </p>
 </td></tr>
 </table>
-        <div id="demobox" style="cursor: pointer;" onclick="window.location='/curatedList/bmName=&bmId=&category=all&owner=ModelBrick&savedLow=&savedHigh=&page=1&orderBy=date_desc=&advanced=false&maxModels=100';">
+
+<!-- Bottom navigation button -->
+<div id="demobox" style="cursor: pointer;" onclick="window.location='/curatedList/bmName=&bmId=&category=all&owner=ModelBrick&savedLow=&savedHigh=&page=1&orderBy=date_desc=&advanced=false&maxModels=100';">
 <p><b><font color="white">Browse ModelBricks</font></b></p>
 </div>