added small diagram and lazy loading to doc

documentation.html

@@ -60,7 +60,8 @@ <h2>Short Description</h2>
                     high-performance battery management systems across various applications, including electric
                     vehicles, renewable energy storage systems, and portable electronics.
                 </p>
-                <img src="documents\img\BQ76942-diagram.drawio.svg" alt="simplified block diagram image">
+                <img alt="simplified block diagram image" class="lazy" src="documents\img\BQ76942-diagram-drawio.png"
+                data-src="documents\img\BQ76942-diagram.drawio.svg">
                 <div class="line"></div>
             </div>
         </section>
@@ -82,6 +83,8 @@ <h2>Voltage Switcher </h2>
         </section>
     </main>
 </body>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <script src="script.js"></script>
 
 </html>

style.css

@@ -113,3 +113,6 @@ header {
     margin-top: 2vh;
     width: 50%;
 }
+
+/*create blurry image small: 
+ffmpeg -i input.jpg -vf scale=20:-1 output.png*/