masonry.html in j1-template-2024.1.1

- old
+ new

@@ -72,10 +72,11 @@
 {% assign production = false %}
 {% if environment == 'prod' or environment == 'production' %}
   {% assign production = true %}
 {% endif %}
 
+
 {% comment %} Main
 ================================================================================ {% endcomment %}
 <!-- [INFO   ] [~/assets/data/masonry.html                    ]  [ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
   <meta name="robots" content="noindex, nofollow">
@@ -249,40 +250,45 @@
       {% if grid.preview %}
       <div id="articleModal_{{grid.id}}_{{forloop.index}}" class="article-modal modal fade" tabindex="-1" role="dialog" aria-hidden="true">
         <div class="modal-dialog">
           <div class="modal-content">
 
-            <div class="close-modal" data-bs-dismiss="modal">
+            <!-- div class="close-modal" data-bs-dismiss="modal">
               <img src="{{'/assets/images/icons/controls/close-icon.svg' | relative_url}}" alt="Close modal">
-            </div>
+            </div -->
 
+            <div class="close-modal" data-bs-dismiss="modal" aria-label="Close">
+              <i class="mdi mdi-close mdi-dark mdi-48px"></i>
+            </div >
+
             <div class="container">
               <div class="row justify-content-center">
                 <div class="col-lg-8">
                   <div class="modal-body">
                     <!-- Project details-->
                     <h2 class="text-uppercase notoc {{translate}}">{{article.title}}</h2>
                     <p class="item-intro">{{article.tagline}}</p>
-                    <img class="img-fluid d-block mx-auto" src="{{article.image.path | relative_url}}" alt="{{article.title}}">
+                    <!-- img class="img-fluid d-block mx-auto" src="{{article.image.path | relative_url}}" alt="{{article.title}}" -->
                     <p>{{article.description}}</p>
                     <ul class="list-inline">
-                      <li>
-                        <strong>Title:</strong>
+                      <!-- li>
+                        <strong>Titel:</strong>
                         <span class="{{translate}}">{{article.title}}</span>
-                      </li>
-                      <li>
-                        <strong>Categories:</strong>
+                      </li -->
+                      <!-- li>
+                        <strong>Kategorien:</strong>
                         <span class="{{translate}}">{{article.categories}}</span>
-                      </li>
+                      </li -->
                       <!-- li>
                         <strong>Tags:</strong>
                         <span class="{{translate}}">{{article.tags}}</span>
                       </li -->
                     </ul>
-                    <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
+
+                    <!-- button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
                       <i class="mdib mdib-close mdib-24px mx-2"></i>
-                      Close Preview
-                    </button>
+                      Schließen
+                    </button -->
                   </div>
                 </div>
               </div>
             </div>
 