Initial commit: ASPEKTER — визуальный конструктор email-рассылок
- z51-pug-builder: Svelte 5 SPA, визуальный редактор Pug-писем - email-gen: Node.js рендерер Pug→HTML через email-templates + Juice - email-gen-api: HTTP сервер рендеринга (порт 8787) - coin-scout: сервис подбора монет из фидов - Docker Compose для dev/prod - Nginx конфиг с SSL для app.aspekter.ru
This commit is contained in:
213
Block.pug
Normal file
213
Block.pug
Normal file
@@ -0,0 +1,213 @@
|
||||
//Заголовок зеленый
|
||||
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 / 30 FPS (с FSR)<br>Проц: Intel i3-8100 / AMD Ryzen 3 2300X<br>Видяха: NVIDIA GTX 1650 / AMD RX 6400<br>Оперативочка: 8 ГБ<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 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;">Первоклассные и надежные продукты</span><br />Из качественных, инопланетных и <span style="text-decoration: line-through;">вроде как</span> безопасных материалов для себя, родных и друзей. Не понравилось? Можешь вернуть в течение 28 дней с даты приобретения
|
||||
+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 />Я постоянно потею над новыми товарами, которые можно приобрести только здесь
|
||||
+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 лет гарантии на свой товар +1 год за покупку в фирменном магазине ZONE 51 (онлайн и офлайн), а человеки у трубки помогут быстро обкашлять любые вопросы
|
||||
+spacerLine(40)
|
||||
|
||||
tr
|
||||
td(align="center").paddingWrapper
|
||||
+buttonRounded("Залетай к нам!", "https://z51.ru/", 300, 42, "#c9e905", 18, "#000000", 4, "#c9e905").bold.text
|
||||
//Нумерованный список
|
||||
+spacerLine(20)
|
||||
tr
|
||||
td.paddingWrapper
|
||||
+defaultTable("100%")
|
||||
tr
|
||||
+tdFixed(12, "center", "top").markerPadding
|
||||
img(src="https://z51.ru/upload/email/master-template/markers/1.png" alt="" width="14")
|
||||
+tdFixed(16)
|
||||
td
|
||||
span.text БРЕНД ZONE 51 – результат работы профессионалов со всего мира
|
||||
tr
|
||||
+tdFixed(12, "center", "top").markerPadding
|
||||
img(src="https://z51.ru/upload/email/master-template/markers/2.png" alt="" width="14")
|
||||
+tdFixed(16)
|
||||
td
|
||||
span.text БРЕНД ZONE 51 – результат работы профессионалов со всего мира
|
||||
tr
|
||||
+tdFixed(12, "center", "top").markerPadding
|
||||
img(src="https://z51.ru/upload/email/master-template/markers/3.png" alt="" width="14")
|
||||
+tdFixed(16)
|
||||
td
|
||||
span.text БРЕНД ZONE 51 – результат работы профессионалов со всего
|
||||
tr
|
||||
+tdFixed(12, "center", "top").markerPadding
|
||||
img(src="https://z51.ru/upload/email/master-template/markers/4.png" alt="" width="14")
|
||||
+tdFixed(16)
|
||||
td
|
||||
span.text БРЕНД ZONE 51 – результат работы профессионалов со всего
|
||||
//Маркированный список
|
||||
+spacerLine(25)
|
||||
tr
|
||||
td.paddingWrapper
|
||||
+defaultTable("100%")
|
||||
tr
|
||||
+tdFixed(12, "center", "top").markerPadding
|
||||
img(src="https://z51.ru/upload/email/master-template/markers/marker.png" alt="" width="12")
|
||||
+tdFixed(16)
|
||||
td
|
||||
span.text БРЕНД ZONE 51 – результат работы профессионалов со всего мира
|
||||
tr
|
||||
+tdFixed(12, "center", "top").markerPadding
|
||||
img(src="https://z51.ru/upload/email/master-template/markers/marker.png" alt="" width="12")
|
||||
+tdFixed(16)
|
||||
td
|
||||
span.text БРЕНД ZONE 51 – результат работы профессионалов со всего мира
|
||||
tr
|
||||
+tdFixed(12, "center", "top").markerPadding
|
||||
img(src="https://z51.ru/upload/email/master-template/markers/marker.png" alt="" width="12")
|
||||
+tdFixed(16)
|
||||
td
|
||||
span.text БРЕНД ZONE 51 – результат работы профессионалов со всего
|
||||
tr
|
||||
+tdFixed(12, "center", "top").markerPadding
|
||||
img(src="https://z51.ru/upload/email/master-template/markers/marker.png" alt="" width="12")
|
||||
+tdFixed(16)
|
||||
td
|
||||
span.text БРЕНД ZONE 51 – результат работы профессионалов со всего
|
||||
Reference in New Issue
Block a user