Update color font in code tags and upgrade the logo from static to animated

Author: tutosrive

index.html

@@ -71,17 +71,22 @@
             <h2 class="text-center font-bold mb-10 text-2xl">Bridgex</h2>
             <div id="new-project" class="lg:w-[90vh] w-[90vw] rounded-xl shadow-xl shadow-black px-10">
                 <div class="pswp-gallery" id="my-gallery">
-                    <div class="flex justify-center mb-4">
-                        <a href="https://cdn.jsdelivr.net/gh/tutosrive/images-projects-srm-trg@main/dev2forge/pymd/logo-pymd-2.png" data-pswp-width="1200" data-pswp-height="1200" target="_blank">
+                    <div id="logo-bridgex" class="flex justify-center mb-4">
+                        <a href="https://cdn.jsdelivr.net/gh/tutosrive/images-projects-srm-trg@main/dev2forge/pymd/bridgex/bridgex-logo-animated.webp" data-pswp-width="1200" data-pswp-height="1200" target="_blank">
                             <img
                                 class="max-w-[300px] h-auto object-contain drop-shadow-2xl drop-shadow-black"
-                                src="https://cdn.jsdelivr.net/gh/tutosrive/images-projects-srm-trg@main/dev2forge/pymd/logo-pymd-2.png"
+                                src="https://cdn.jsdelivr.net/gh/tutosrive/images-projects-srm-trg@main/dev2forge/pymd/bridgex/bridgex-logo-animated.webp"
                                 alt="Logo featuring a green snake curled into a circular shape, wearing a red necktie, set against a dark background."
                             />
                         </a>
                     </div>
                     <div id="new-project-description">
-                        <code class="flex justify-center select-all">pip install bridgex</code>
+                        <div class="flex justify-center">
+                            <div class="grid gap-2 grid-cols-1 sm:grid-cols-2 m-2 text-center">
+                                <code class="select-all text-center">pip install bridgex</code>
+                                <a class="flex w-full justify-center" href="https://pepy.tech/projects/bridgex"><img src="https://static.pepy.tech/badge/bridgex" alt="PyPI Downloads" /></a>
+                            </div>
+                        </div>
                         <p>
                             Bridgex is an open-source graphical interface for converting files to Markdown, built in Python and based on <a href="https://doc.qt.io/qtforpython-6/" target="_blank">Pyside6 (Qt for Python)</a>. Its objective is to simplify access to the
                             <a href="https://github.com/microsoft/markitdown" target="_blank">Markitdown</a> library through a straightforward, modular visual experience.

src/assets/css/index.css

@@ -15,6 +15,7 @@ code {
     border-radius: 4px;
     font-family: 'Courier New', Courier, monospace;
     user-select: all;
+    color: rgb(179, 255, 0);
 }
 
 #description h2 {

src/assets/js/main.js

@@ -100,7 +100,7 @@ function __setScrollableTables(container) {
 function imagePreview() {
     const lightbox = new PhotoSwipeLightbox({
         gallery: '#my-gallery',
-        children: 'div>a',
+        children: '#my-gallery > div:not(#new-project-description) > a',
         pswpModule: () => import('https://unpkg.com/photoswipe'),
     });