Initial commit — Aspekter VA email builder

Full project: Svelte 5 frontend, Vite 7 backend API,
Pug email templates (email-gen), Docker deployment.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

z51-pug-builder/public/Block.pug

@@ -0,0 +1,156 @@
+//Заголовок зеленый
+tr 
+    td.paddingWrapperBig
+        +defaultTable("100%")
+            tr 
+                td(align="center")
+                    span.text.smallHeader.bold.greenText Конитива, герой!
+
+
+//Заголовок серый
+tr 
+    td.paddingWrapperBig
+        +defaultTable("100%")
+            tr 
+                td(align="center")
+                    span.text.smallHeader.bold.groceryText Конитива, герой!
+
+
+//Текст
+tr 
+    td.paddingWrapperBig
+        +defaultTable("100%")
+            tr 
+                td 
+                    span.text.groceryText Пока одни вспоминают старую «Якудзу-3» с ее бесконечными блоками и симулятором няньки, студия Ryu Ga Gotoku Studio готовит полноценную революцию!
+
+//Доп. текст
+            +spacerLine(20)
+            tr 
+                td 
+                    span.text.groceryText <span style="font-weight: 700;">Минимальные</span> 1080p&nbsp;/ 30&nbsp;FPS (с&nbsp;FSR)<br>Проц: Intel i3-8100&nbsp;/ AMD Ryzen 3 2300X<br>Видяха: NVIDIA GTX 1650&nbsp;/ AMD&nbsp;RX 6400<br>Оперативочка: 8&nbsp;ГБ<br>
+
+
+
+
+
+//Отступ 20
++spacerLine(20)
+
+
+//Отступ 40
++spacerLine(40)
+
+//3 товара в ряд
++products3inRow({
+    '144839': {
+        imageSrc: '',
+        name: 'BAD BUNNY',
+        category: 'Осторожно, этот кролик плохой)',
+    },
+    '142672': {
+        imageSrc: '',
+        name: 'MONARCH',
+        category: 'Ролекс среди кресел',
+    },
+    '140228': {
+        imageSrc: '',
+        name: 'Kitty Meow',
+        category: 'Кошечка делает мур-р-р!',
+    },
+})
+
+
+//Разделитель
++dividerZ(525, 2)
++spacerLine(40)
+
+//Банер
+tr 
+    td(align="center") 
+        a(href="https://z51.ru" target="_blank")
+            img(src="https://z51.ru/upload/email/newsletter-2026/20-01-2026/1.jpg" alt="pic" style="display: block" width="600")
+
+
+
+//Кнопка
+tr 
+    td(align="center").paddingWrapper 
+        +buttonRounded("Смотреть топовые ПК", "https://z51.ru/catalog/gaming-pc/", 525, 42, "#c9e905", 18, "#000000", 4, "#c9e905").bold.text
+
+//Две кнопки
+tr 
+    td.paddingWrapper 
+        +defaultTable("100%")
+            tr 
+                td(width="250")
+                    +defaultTable("250")
+                        tr 
+                            td(align="center")
+                                +buttonRounded("Игровые кресла", "https://z51.ru/catalog/kresla/", 240, 42, "#c9e905", 18, "#000000", 4, "#c9e905").bold.text
+                +tdFixed(36)
+                td(width="250")
+                    +defaultTable("250")
+                        tr 
+                            td(align="center")
+                                +buttonRounded("Эргономичные кресла", "https://z51.ru/catalog/ergonomic-office-chairs/", 240, 42, "#c9e905", 18, "#000000", 4, "#c9e905", 4).bold.text
+
+
+//Блок преимуществ
+tr 
+    td.paddingWrapperBig
+        +defaultTable("100%")
+            tr 
+                td(align="center")
+                    span.text.smallHeader.bold.greenText Почему выбирают товары у Баззи?
+
++spacerLine(40)
+
+tr 
+    td.paddingWrapper 
+        +defaultTable("100%")
+            tr 
+                td(width="250" valign="top")
+                    +defaultTable("250")
+                        //Unordered List
+                        tr 
+                            td
+                                +defaultTable("100%")
+                                    tr 
+                                        +tdFixed(12, "center", "top").markerPadding
+                                            img(src="https://z51.ru/upload/email/master-template/markers/marker.png" alt="pic" width="12")
+                                        +tdFixed(10)
+                                        td 
+                                            span.groceryText <span style="font-weight: 700; color: #DAFD04;">Официальный магазин</span><br />В наличии всё самое вкусное от ZONE&nbsp;51 — кресла, столы, периферия и аксессуары
+                                    +spacerLine(20)
+                                    tr 
+                                        +tdFixed(12, "center", "top").markerPadding
+                                            img(src="https://z51.ru/upload/email/master-template/markers/marker.png" alt="pic" width="12")
+                                        +tdFixed(10)
+                                        td 
+                                            span.groceryText <span style="font-weight: 700; color: #DAFD04;">Первоклассные и&nbsp;надежные продукты</span><br />Из качественных, инопланетных и <span style="text-decoration: line-through;">вроде как</span> безопасных материалов для себя, родных и&nbsp;друзей. Не&nbsp;понравилось? Можешь вернуть в&nbsp;течение 28 дней с&nbsp;даты приобретения
+                +tdFixed(36)
+                td(width="250" valign="top")
+                    +defaultTable("250")
+                        tr 
+                            td
+                                +defaultTable("100%")
+                                    tr 
+                                        +tdFixed(12, "center", "top").markerPadding
+                                            img(src="https://z51.ru/upload/email/master-template/markers/marker.png" alt="pic" width="12")
+                                        +tdFixed(10)
+                                        td 
+                                            span.groceryText <span style="font-weight: 700; color: #DAFD04;">Новинки и эксклюзивы</span><br />Я постоянно потею над&nbsp;новыми товарами, которые можно приобрести только здесь
+                                    +spacerLine(20)
+                                    tr 
+                                        +tdFixed(12, "center", "top").markerPadding
+                                            img(src="https://z51.ru/upload/email/master-template/markers/marker.png" alt="pic" width="12")
+                                        +tdFixed(10)
+                                        td 
+                                            span.groceryText <span style="font-weight: 700; color: #DAFD04;">Клиенто-ориентированность</span><br />Даю до 3 лет гарантии на&nbsp;свой товар +1 год за&nbsp;покупку в&nbsp;фирменном магазине ZONE&nbsp;51 (онлайн и&nbsp;офлайн), а&nbsp;человеки у&nbsp;трубки помогут быстро обкашлять любые вопросы
++spacerLine(40)
+
+tr 
+    td(align="center").paddingWrapper 
+        +buttonRounded("Залетай к нам!", "https://z51.ru/", 300, 42, "#c9e905", 18, "#000000", 4, "#c9e905").bold.text
+//Конец блока преимуществ

z51-pug-builder/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>