Update Tabler Emails to v2.0 (#2025)

.changeset/eleven-badgers-applaud.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update Tabler Emails to v2.0

_config.yml

@@ -269,7 +269,6 @@ icons:
 
 emails:
   price: "$29"
-  count: 54
   buy_link: https://r.tabler.io/buy-emails
 
 illustrations:

src/pages/emails.html

@@ -7,7 +7,7 @@ libs: masonry, fslightbox
 
 
 <div class="row row-cards">
-	<div class="col-lg-4">
+	<div class="col-12">
 		<div class="card card-md">
 			<div class="card-stamp card-stamp-lg">
 				<div class="card-stamp-icon bg-primary">
@@ -18,8 +18,8 @@ libs: masonry, fslightbox
 				<div class="row align-items-center">
 					<div class="col-10">
 						<h3 class="h1">Tabler Emails</h3>
-						<div class="markdown text-secondary">
+						<div class="markdown text-secondary fs-3">
-							{{ site.emails.count }} eye-catching, customizable and responsive email templates to improve your email communication. No coding skills needed.
+							{{ site.data.emails | size }} eye-catching, customizable and responsive email templates to improve your email communication. No coding skills needed.
 						</div>
 						<div class="mt-3">
 							<a href="{{ site.emails.buy_link }}" class="btn btn-primary" target="_blank">Buy all emails for {{ site.emails.price }}</a>
@@ -29,19 +29,19 @@ libs: masonry, fslightbox
 			</div>
 		</div>
 	</div>
-	<div class="col">
+	<div class="col-12">
 		<div class="row row-cards" data-masonry='{"percentPosition": true }'>
 			{% for email in site.data.emails %}
 			<div class="col-4">
 				<a
-					href="{{ site.base }}/static/emails/{{ email.image }}"
+					href="{{ site.base }}/static/emails/{{ email[0] }}.jpg"
 					data-bs-toggle="modal"
 					data-bs-target="#email-modal"
-					data-bs-title="{{ email.descriptionShort }}"
+					data-bs-title="{{ email[1].descriptionShort }}"
-					data-bs-description="{{ email.descriptionLong }}"
+					data-bs-description="{{ email[1].descriptionLong }}"
-					data-bs-image="{{ site.base }}/static/emails/{{ email.image }}"
+					data-bs-image="{{ site.base }}/static/emails/{{ email[0] }}.jpg"
 				>
-					<img src="{{ site.base }}/static/emails/{{ email.image }}" class="img-fluid rounded" alt="{{ email.descriptionShort }}" width="{{ email.width }}" height="{{ email.height }}" />
+					<img src="{{ site.base }}/static/emails/{{ email[0] }}.jpg" class="img-fluid rounded" alt="{{ email[1].descriptionShort }}" width="{{ email[1].width }}" height="{{ email[1].height }}" />
 				</a>
 			</div>
 			{% endfor %}