add lightbox gallery

tcs_site/templates/home.jinja2

@@ -2,11 +2,32 @@
 
 {% block content %}
 
-<div class="row mb-3">
-    <p class="text-center"><b>Hội văn hoá Trịnh Công Sơn</b>, hội tụ bạn bè của nhạc sĩ Trịnh Công Sơn từ khắp nơi trên thế giới,<br>
-    xây dựng trạm web này với mong muốn trở thành một thư viện toàn diện và nghiêm túc về Trịnh Công Sơn.
-    </p>
-</div>
+<div class="row">  
+  <div class="col-lg-4">
+    <div class="card overflow-hidden">
+      <div class="card-body p-3">
+        <h5 class="mb-4 text-center">Hội văn hoá<br>Trịnh Công Sơn</h5>
+        <p>hội tụ bạn bè của nhạc sĩ từ khắp nơi trên thế giới, xây dựng trạm web này với mong muốn trở thành một thư viện toàn diện và nghiêm túc về người nghệ sĩ.</p>
+      </div>
+    </div>
+  </div>
+  <div class="col-lg-4">
+    <div class="card overflow-hidden">
+      <div class="card-body p-3">
+        <h5 class="mb-4 text-center">L'Association culturelle Trinh Cong Son</h5>
+        <p>réunisssant les amis du musicien de par le monde, a créé ce site web avec pour but d'en faire une référence complète et sérieuse sur l'artiste.</p>
+      </div>
+    </div>
+  </div>
+  <div class="col-lg-4">
+    <div class="card overflow-hidden">
+      <div class="card-body p-3">
+        <h5 class="mb-4 text-center">The Trinh Cong Son Cultural Association</h5>
+        <p>gathering friends of the composer throughout the world, has created this website with the aim of making it a comprehensive and authoritative resource on the artist.</p>
+      </div>
+    </div>
+  </div>
+  </div>
 
 <div class="row">
   <!-- Container (BIO Section) -->
@@ -37,22 +58,6 @@
         </div>
       </div>
     </div>
-    <div class="col-lg-4">
-      <div class="card overflow-hidden hover-img">
-        <div class="position-relative">
-          <img src="{{request.static_url('tcs_site:static/img/home/home_art.jpg')}}" class="card-img-top" alt="matdash-img">
-          </div>
-        <!-- COL 3 ART -->
-        <div class="card-body text-center p-3">
-            <h5>Tranh vẽ</h5>
-
-        </div>
-      </div>
-    </div>
-</div>
-
-<div class="row">
-  <!-- Container (ALBUMS Section) -->
     <div class="col-lg-4">
       <div class="card overflow-hidden hover-img">
         <div class="position-relative">
@@ -66,6 +71,10 @@
         </div>
       </div>
     </div>
+</div>
+
+<div class="row">
+  <!-- Container (ALBUMS Section) -->
     <div class="col-lg-4">
       <div class="card overflow-hidden hover-img">
         <div class="position-relative">
@@ -82,11 +91,13 @@
     <div class="col-lg-4">
       <div class="card overflow-hidden hover-img">
         <div class="position-relative">
-          <img src="{{request.static_url('tcs_site:static/img/home/home_art.jpg')}}" class="card-img-top" alt="matdash-img">
+          <img src="{{request.static_url('tcs_site:static/img/home/home_artworks.jpg')}}" class="card-img-top" alt="matdash-img">
           </div>
         <!-- COL 3 ART -->
         <div class="card-body text-center p-3">
-            <h5>Tranh vẽ</h5>
+            <h5><a href="/blog/937/tranh-ve">Tranh vẽ</a></h5>
+            <h5><a href="/blog/937/tranh-ve">Peintures</a></h5>
+            <h5><a href="/blog/937/tranh-ve">Paintings</a></h5>
 
         </div>
       </div>

tcs_site/templates/layout.jinja2

@@ -9,12 +9,15 @@
   <meta name="author" content="Cao Thien Phuoc">
   <title>{{page_title}}</title>
   <link rel="shortcut icon" href="{{request.static_url('tcs_site:static/favicon.ico')}}">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github.min.css">
   <link rel="stylesheet" href="{{request.static_url('tcs_site:static/css/styles.min.css')}}" />
+  <link rel="stylesheet" href="{{request.static_url('tcs_site:static/lightbox2/css/lightbox.css')}}" />
   <script src="{{request.static_url('tcs_site:static/js/jquery.min.js')}}"></script>
   <script src="{{request.static_url('tcs_site:static/js/bootstrap.bundle.min.js')}}"></script>
   <script src="{{request.static_url('tcs_site:static/js/simplebar.js')}}"></script>
   <script src="{{request.static_url('tcs_site:static/js/sidebarmenu.js')}}"></script>
   <script src="{{request.static_url('tcs_site:static/js/app.min.js')}}"></script>
+  <script src="https://cdn.jsdelivr.net/npm/bs5-lightbox@1.8.5/dist/index.bundle.min.js"></script>
 </head>
 
 <body>
@@ -57,11 +60,6 @@
                 <span class="hide-menu">CD và K7 </span>
               </a>
             </li>
-            <li class="sidebar-item">
-              <a class="sidebar-link" href="{{ request.route_url('topic', topic='art') }}" aria-expanded="false">
-                <span class="hide-menu">Nghệ thuât</span>
-              </a>
-            </li>
             <li class="nav-small-cap">
               <i class="ti ti-dots nav-small-cap-icon fs-6"></i>
               <span class="hide-menu text-danger">In ENGLISH</span>
@@ -232,7 +230,7 @@
     </div>
   </div>
 
-
+  <script src="{{request.static_url('tcs_site:static/lightbox2/js/lightbox.js')}}"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-039E2F6VYE"></script>
   <script>