Skip to content
This repository was archived by the owner on Jun 5, 2022. It is now read-only.

Commit 3b1b8c4

Browse files
author
Maizzle
committed
Switch to Maizzle.js
1 parent d0b7982 commit 3b1b8c4

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

71 files changed

+8980
-22943
lines changed

‎.editorconfig

+1-7
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,8 @@ root = true
22

33
[*]
44
indent_style = space
5-
indent_size = 4
5+
indent_size = 2
66
end_of_line = lf
77
charset = utf-8
88
trim_trailing_whitespace = true
99
insert_final_newline = true
10-
11-
[*.{css,html,js,json,less,scss}]
12-
indent_size = 2
13-
14-
[*.blade.*]
15-
indent_size = 2

‎.gitignore

+7-3
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,8 @@
1-
/build_local/
21
/node_modules/
3-
/vendor/
4-
/source/css/
2+
/build_local/
3+
.DS_Store
4+
Thumbs.db
5+
/.idea/
6+
/.vscode/
7+
npm-debug.log
8+
yarn-error.log

‎LICENSE.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
The MIT License (MIT)
22

3-
Copyright © 2018 ThemeMountain
3+
Copyright (c) Cosmin Popovici
44

55
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
66

‎README.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<p align="center">
2-
<a href="https://maizzle.com/" target="_blank"><img width="256" src="https://maizzle.com/img/maizzle.png" alt="Maizzle"></a>
2+
<a href="https://maizzle.com/" target="_blank"><img width="200" src="https://res.cloudinary.com/maizzle/image/upload/v1553710263/maizzle.svg" alt="Maizzle"></a>
33
<br>
44
<strong>REMIX</strong>
55
</p>
@@ -14,13 +14,13 @@ It provides examples of using [Maizzle](https://maizzle.com/) to rebuild really
1414

1515
## Purpose
1616

17-
The goal is to show the importance of clean code in email development, and how an optimized workflow (like Maizzle!) can help you stay organized and automate many tedious tasks, such as writing inline CSS or working with a design system.
17+
The goal is to show the importance of clean code in email development, and how an optimized workflow can help you stay organized and automate many tedious tasks, such as writing inline CSS or working with a design system.
1818

1919
The goal is definitely _not_ to tell anyone how they should code their emails. Use as inspiration, not as 'best practice'.
2020

21-
## Rules
21+
## Guidelines
2222

23-
These are the rules that any Maizzle REMIX needs to follow.
23+
These are the guidelines that any Maizzle REMIX needs to follow.
2424

2525
#### Privacy & Security
2626

‎blade.php

-62
This file was deleted.

‎bootstrap.js

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
const Maizzle = require('@maizzle/framework')
2+
3+
module.exports = {
4+
build: env => Maizzle.build(env),
5+
serve: () => Maizzle.serve(),
6+
}

‎bootstrap.php

-5
This file was deleted.

‎build_production/1-algolia-newsletter.html

+369
Large diffs are not rendered by default.

‎build_production/2-asana-webinar.html

+176
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,176 @@
1+
<!DOCTYPE html>
2+
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
3+
<head>
4+
<meta charset="utf8">
5+
<meta http-equiv="x-ua-compatible" content="ie=edge">
6+
<meta name="viewport" content="width=device-width,initial-scale=1">
7+
<meta name="x-apple-disable-message-reformatting">
8+
<title>What if you could launch products 12x faster?</title>
9+
10+
<!--[if mso]>
11+
<xml>
12+
<o:OfficeDocumentSettings>
13+
<o:PixelsPerInch>96</o:PixelsPerInch>
14+
</o:OfficeDocumentSettings>
15+
</xml>
16+
<style>
17+
table {border-collapse: collapse;}
18+
td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
19+
</style>
20+
<![endif]-->
21+
<style>
22+
@media screen {
23+
img {
24+
max-width: 100%;
25+
}
26+
td,
27+
th {
28+
box-sizing: border-box;
29+
}
30+
u~div .wrapper {
31+
min-width: 100vw;
32+
}
33+
a[x-apple-data-detectors] {
34+
color: inherit;
35+
text-decoration: none;
36+
}
37+
.all-font-sans {
38+
font-family: -apple-system, "Segoe UI", sans-serif !important;
39+
}
40+
}
41+
@media (max-width: 600px) {
42+
.sm-inline-block {
43+
display: inline-block !important;
44+
}
45+
.sm-h-32 {
46+
height: 32px !important;
47+
}
48+
.sm-mx-auto {
49+
margin-left: auto !important;
50+
margin-right: auto !important;
51+
}
52+
.sm-ml-32 {
53+
margin-left: 32px !important;
54+
}
55+
.sm-px-24 {
56+
padding-left: 24px !important;
57+
padding-right: 24px !important;
58+
}
59+
.sm-pt-16 {
60+
padding-top: 16px !important;
61+
}
62+
.sm-text-center {
63+
text-align: center !important;
64+
}
65+
.sm-w-full {
66+
width: 100% !important;
67+
}
68+
}
69+
</style>
70+
</head>
71+
<body style="box-sizing: border-box; margin: 0; padding: 0; width: 100%; word-break: break-word; -webkit-font-smoothing: antialiased;">
72+
<div style="display: none; line-height: 0; font-size: 0;">What if you could launch products 12x faster?</div>
73+
<table class="wrapper all-font-sans" width="100%" cellpadding="0" cellspacing="0" role="presentation">
74+
<tr>
75+
<td align="center" style="padding-left: 10px; padding-right: 10px;" width="100%">
76+
<table class="sm-w-full" width="600" cellpadding="0" cellspacing="0" role="presentation">
77+
<tr>
78+
<td style="padding-top: 20px; padding-bottom: 20px; text-align: right;" align="right">
79+
<a href="https://example.com" style="color: #718096; font-size: 12px; text-decoration: underline;">View in browser</a>
80+
</td>
81+
</tr>
82+
<tr>
83+
<td align="center" style="padding: 40px;">
84+
<a href="https://asana.com" style="text-decoration: none;">
85+
<img src="https://luna1.co/47fe03.png" alt="Asana" width="160" style="border: 0; line-height: 100%; vertical-align: middle;">
86+
</a>
87+
</td>
88+
</tr>
89+
<tr>
90+
<td style="padding-bottom: 32px;">
91+
<table style="border-color: #eff0f1; border-width: 1px; border-style: solid;" width="100%" cellpadding="0" cellspacing="0" role="presentation">
92+
<tr>
93+
<td align="left" class="sm-w-full sm-inline-block sm-text-center" style="padding: 40px; color: #ffffff;" width="50%" bgcolor="#ff5263">
94+
<p style="font-weight: 500; margin: 0; font-size: 12px; text-transform: uppercase;">•&nbsp;&nbsp;Live webinar</p>
95+
<h1 style="font-weight: 400; line-height: 48px; color: #ffffff; font-size: 36px;">Ship better products, faster</h1>
96+
<p style="margin: 0; font-size: 16px;">September 12, 2018 <br>11am PT</p>
97+
<div class="sm-h-32" style="line-height: 40px;">&zwnj;</div>
98+
<table class="sm-mx-auto" cellpadding="0" cellspacing="0" role="presentation">
99+
<tr>
100+
<td style="mso-padding-alt: 12px 24px; border-radius: 4px; text-align: center;" bgcolor="#ffffff" align="center">
101+
<a href="https://register.gotowebinar.com/register/2628528074070401291" style="display: block; line-height: 100%; padding-top: 12px; padding-bottom: 12px; padding-left: 24px; padding-right: 24px; color: #000000; font-size: 16px; text-decoration: none;">Register now</a>
102+
</td>
103+
</tr>
104+
</table>
105+
</td>
106+
<td class="sm-w-full sm-inline-block" style="text-align: center; color: #000000;" width="50%" bgcolor="#f6f8f9" align="center">
107+
<a href="https://register.gotowebinar.com/register/2628528074070401291" style="text-decoration: none;">
108+
<img src="https://luna1.co/77e7b7.png" alt="Dallas Farrell" width="106" style="border: 0; line-height: 100%; vertical-align: middle;">
109+
</a>
110+
<p style="margin-bottom: 6px; margin-top: 32px; font-size: 16px;">Dallas Farrell</p>
111+
<p style="margin-top: 0; margin-bottom: 48px; font-size: 12px;">GTM Project Manager, Stance</p>
112+
<a href="https://register.gotowebinar.com/register/2628528074070401291">
113+
<img src="https://luna1.co/11f8e1.png" alt="Stance" width="120" style="border: 0; line-height: 100%; vertical-align: middle;">
114+
</a>
115+
</td>
116+
</tr>
117+
<tr>
118+
<td colspan="2" class="sm-px-24" style="padding: 40px 48px 20px;">
119+
<p style="margin-bottom: 32px; text-align: center; color: #000000; font-size: 16px;">
120+
Join us and Dallas Farrell,
121+
<a href="https://register.gotowebinar.com/register/2628528074070401291" style="font-weight: 700; color: #796eff; text-decoration: none;">Stance</a>'s GTM Project Manager for a
122+
<a href="https://register.gotowebinar.com/register/2628528074070401291" style="font-weight: 700; color: #796eff; text-decoration: none;">live webinar</a>
123+
on <strong>Wednesday, September 12th at 11am PT</strong> to learn:
124+
</p>
125+
<ul class="sm-ml-32" style="list-style-position: inside; margin-left: 48px; padding: 0; text-align: left; font-size: 16px;">
126+
<li style="list-style: disc; mso-special-format: bullet; margin: 0; margin-bottom: 12px;">How Stance reduced its go-to-market time by 90%</li>
127+
<li style="list-style: disc; mso-special-format: bullet; margin: 0; margin-bottom: 12px;">Simple strategies to improve your product launch processes that impact your business</li>
128+
<li style="list-style: disc; mso-special-format: bullet; margin: 0;">How Stance manages their entire launch process in Asana</li>
129+
</ul>
130+
</td>
131+
</tr>
132+
<tr>
133+
<td align="center" colspan="2" class="sm-pt-16" style="padding-top: 32px; padding-bottom: 48px;">
134+
<table cellpadding="0" cellspacing="0" role="presentation">
135+
<tr>
136+
<td style="mso-padding-alt: 14px 26px; border-radius: 4px; text-align: center;" bgcolor="#796eff" align="center">
137+
<a href="https://register.gotowebinar.com/register/2628528074070401291" style="display: block; line-height: 100%; padding-top: 14px; padding-bottom: 14px; padding-left: 26px; padding-right: 26px; color: #ffffff; font-size: 16px; text-decoration: none;">Register now</a>
138+
</td>
139+
</tr>
140+
</table>
141+
</td>
142+
</tr>
143+
</table>
144+
<table width="100%" cellpadding="0" cellspacing="0" role="presentation">
145+
<tr>
146+
<td align="center" style="padding: 32px; padding-bottom: 16px;">
147+
<p style="margin-bottom: 20px; color: #718096; font-size: 12px;">
148+
You are signed up for this email as <em>[email protected]</em>.
149+
<a href="https://example.com" style="color: #796eff; text-decoration: underline;">Manage email preferences</a>.
150+
</p>
151+
<p style="margin: 0; color: #718096; font-size: 12px;">1550 Bryant Street, San Francisco, CA 94103</p>
152+
</td>
153+
</tr>
154+
</table>
155+
<table align="center" style="margin-left: auto; margin-right: auto;" cellpadding="0" cellspacing="0" role="presentation">
156+
<tr>
157+
<td style="padding-left: 6px; padding-right: 6px;">
158+
<a href="https://m.facebook.com/login.php?skip_api_login=1&amp;api_key=966242223397117&amp;signed_next=1&amp;next=https%3A%2F%2Fm.facebook.com%2Fsharer%2Fsharer.php%3Fu%3Dasana.com&amp;cancel_url=https%3A%2F%2Fm.facebook.com%2Fdialog%2Fclose_window%2F%3Fapp_id%3D966242223397117%26connect%3D0%23_%3D_&amp;display=touch&amp;locale=en_US&amp;_rdr" rel="noopener noreferrer" style="text-decoration: none;">
159+
<img src="https://luna1.co/ee42a9.png" height="24" width="24" style="border: 0; line-height: 100%; vertical-align: middle;">
160+
</a>
161+
</td>
162+
<td style="padding-left: 6px; padding-right: 6px;">
163+
<a href="https://twitter.com/intent/tweet?text=Move%20work%20forward%20with%20Asana&amp;url=asana.com&amp;via=asana&amp;original_referer=" rel="noopener noreferrer" style="text-decoration: none;">
164+
<img src="https://luna1.co/b4bf94.png" height="24" width="24" style="border: 0; line-height: 100%; vertical-align: middle;">
165+
</a>
166+
</td>
167+
</tr>
168+
</table>
169+
</td>
170+
</tr>
171+
</table>
172+
</td>
173+
</tr>
174+
</table>
175+
</body>
176+
</html>

0 commit comments

Comments
 (0)