Skip to content

Commit

Permalink
misc precision fixes: float -> double, in some cases we need the deci…
Browse files Browse the repository at this point in the history
…mals
  • Loading branch information
syjer committed Mar 8, 2024
1 parent 2bfb464 commit 64a1a8a
Show file tree
Hide file tree
Showing 27 changed files with 551 additions and 66 deletions.
12 changes: 12 additions & 0 deletions data/mj-section-column-precision-2.mjml
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<mjml>
<mj-body>
<mj-section background-color="#FCFCFD" padding-top="20px" padding-bottom="20px" padding-left="25px">
<mj-column vertical-align="middle">
<mj-text>hello</mj-text>
</mj-column>
<mj-column vertical-align="middle">
<mj-text>world</mj-text>
</mj-column>
</mj-section>
</mj-body>
</mjml>
9 changes: 9 additions & 0 deletions data/mj-section-with-background-url.mjml
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<mjml>
<mj-body>
<mj-section background-url="http://site.example/bg-url.jpg">
<mj-column>
<mj-text>some text</mj-text>
</mj-column>
</mj-section>
</mj-body>
</mjml>
9 changes: 9 additions & 0 deletions data/mj-section-with-background.mjml
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<mjml>
<mj-body>
<mj-section background-url="http://site.example/test.png" background-size="contain">
<mj-column>
<mj-text>Foo Bar</mj-text>
</mj-column>
</mj-section>
</mj-body>
</mjml>
9 changes: 9 additions & 0 deletions data/mj-section-with-css-class.mjml
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<mjml>
<mj-body>
<mj-section css-class="section-class">
<mj-column>
<mj-text>some text</mj-text>
</mj-column>
</mj-section>
</mj-body>
</mjml>
19 changes: 19 additions & 0 deletions data/mj-section-with-full-width.mjml
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<mjml>
<mj-body>
<mj-section full-width="full-width">
<mj-column>
<mj-text>some text</mj-text>
</mj-column>
</mj-section>
<mj-section>
<mj-column>
<mj-text>some text</mj-text>
</mj-column>
</mj-section>
<mj-section full-width="full-width">
<mj-column>
<mj-text>some text</mj-text>
</mj-column>
</mj-section>
</mj-body>
</mjml>
15 changes: 15 additions & 0 deletions data/mj-section-with-mj-class.mjml
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<mjml>
<mj-head>
<mj-attributes>
<mj-class name="green-bg" background-color="green" />
</mj-attributes>
</mj-head>

<mj-body>
<mj-section mj-class="green-bg">
<mj-column>
<mj-text>some text</mj-text>
</mj-column>
</mj-section>
</mj-body>
</mjml>
15 changes: 15 additions & 0 deletions data/section-column-precision.mjml
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<mjml>
<mj-body>
<mj-section background-color="#4395b1">
<mj-column width="33.33333333333333%">
<mj-image src="http://191n.mj.am/img/191n/3s/x1l.png" alt="Call us : 0 800 123 456" width="97px" padding="10px 25px"></mj-image>
</mj-column>
<mj-column width="33.33333333333333%">
<mj-image href="https://mjml.io" src="http://191n.mj.am/img/191n/3s/x1m.png" alt="Meet us : find an agency" width="117px" padding="10px 25px"></mj-image>
</mj-column>
<mj-column width="33.33333333333333%">
<mj-image href="https://mjml.io" src="http://191n.mj.am/img/191n/3s/xs0.png" alt="ASK US : find an expert" width="110px" padding="10px 25px"></mj-image>
</mj-column>
</mj-section>
</mj-body>
</mjml>
84 changes: 84 additions & 0 deletions data/sphero-mini.mjml
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
<mjml>
<mj-head>
<mj-title>Sphero Mini - Mix and Match</mj-title>
</mj-head>
<mj-body>
<mj-raw>
<!-- Top Bar -->
</mj-raw>
<mj-section background-color="#FF3FB4" background-url="https://dmmedia.sphero.com/email-marketing/Sphero/Mini-Launch-email-Top-BarBG.jpg" padding="0px">
<mj-column>
<mj-image width="46px" href="https://www.sphero.com" src="https://dmmedia.sphero.com/email-marketing/Sphero/Mini-Launch-email-launch-logotop.png" align="center" alt="Sphero"></mj-image>
</mj-column>
</mj-section>
<mj-raw>
<!-- Logos and Title -->
</mj-raw>
<mj-section background-color="#FCFCFD" background-url="https://dmmedia.sphero.com/email-marketing/Sphero/Mini-Launch-email-002ATopBGwhite.jpg" padding="0px">
<mj-column>
<mj-image width="125px" alt="This is the world's smallest robotic ball (that we know of)" src="https://dmmedia.sphero.com/email-marketing/Sphero/Mini-Launch-email-002A-MiniLogo.png" padding="0px" href="https://www.sphero.com/sphero-mini"></mj-image>
<mj-image alt="Mix and Match, Charge and Play." src="https://dmmedia.sphero.com/email-marketing/Sphero/Mini-Launch-email-mixandmatch.png" href="https://www.sphero.com/sphero-mini" width="547px" padding="0px"></mj-image>
</mj-column>
</mj-section>
<mj-raw>
<!-- Split Crane and Text -->
</mj-raw>
<mj-section background-color="#FCFCFD" padding-top="20px" padding-bottom="20px" padding-left="25px">
<mj-column vertical-align="middle">
<mj-text font-family="arial" font-size="16px" align="left" color="#808080"><span style="color:#0098CE"><b>Colorful, interchangeable</b></span> shells allow you to switch one out to suit your mood. <span style="color:#3CD52E"><b>Remove the shell to charge.</b></span></mj-text>
<mj-image alt="Buy Shells" href="https://store.sphero.com/products/sphero-mini-shells" src="https://dmmedia.sphero.com/email-marketing/Sphero/Mini-Launch-email-002A-buyshellsbutton.png" align="left" width="188px"></mj-image>
</mj-column>
<mj-column vertical-align="middle">
<mj-image alt="Mix and Match Shells" href="https://store.sphero.com/products/sphero-mini-shells" src="https://dmmedia.sphero.com/email-marketing/Sphero/Mini-Launch-email-002A-RightCrane.jpg" width="325px" padding="0px"></mj-image>
</mj-column>
</mj-section>
<mj-raw>
<!-- Get Your Robot -->
</mj-raw>
<mj-section padding="0px" background-url="https://dmmedia.sphero.com/email-marketing/Sphero/Mini-Launch-email-002A-getminiBG.jpg" background-color="#FF3FB4">
<mj-column vertical-align="middle">
<mj-image alt="GET YOUR ROBOT" href="https://www.sphero.com/sphero-mini" src="https://dmmedia.sphero.com/email-marketing/Sphero/Mini-Launch-email-002A-blueboxmini.jpg" width="300px" padding="0px"></mj-image>
</mj-column>
<mj-column vertical-align="middle">
<mj-spacer height="50px"></mj-spacer>
<mj-text font-size="18px" align="center" color="#ffffff" font-weight="100" font-style="italic" letter-spacing="1px" padding-bottom="2px" font-family="Arial" line-height="1"><b>GET YOUR ROBOT</b></mj-text>
<mj-text font-size="14px" align="center" color="#ffffff" font-weight="100" padding-bottom="0px" font-family="Arial" line-height="1.5">Sphero Mini fits a huge experience into a tiny robot the size of a ping pong ball. It’s fun, ok?</mj-text>
<mj-spacer height="15px"></mj-spacer>
<mj-button font-size="16px" href="https://store.sphero.com/collections/sphero-mini" font-family="arial" background-color="#fff" color="#EE3C96" inner-padding="5px 35px" border-radius="15px">BUY MINI</mj-button>
<mj-spacer height="50px"></mj-spacer>
</mj-column>
</mj-section>
<mj-raw>
<!-- Get Extra Shells -->
</mj-raw>
<mj-section padding="0px" background-color="#00A3D9" direction="rtl" background-url="https://dmmedia.sphero.com/email-marketing/Sphero/Mini-Launch-email002a-greenBG3.jpg">
<mj-column vertical-align="middle">
<mj-image alt="GET EXTRA SHELLS" href="https://store.sphero.com/collections/sphero-mini" src="https://dmmedia.sphero.com/email-marketing/Sphero/Mini-Launch-email-002A-Shells.jpg" width="300px" padding="0px"></mj-image>
</mj-column>
<mj-column vertical-align="middle">
<mj-spacer height="50px"></mj-spacer>
<mj-text font-size="18px" align="center" color="#ffffff" font-weight="100" font-style="italic" letter-spacing="1px" padding-bottom="2px" font-family="Arial" line-height="1"><b>GET EXTRA SHELLS</b></mj-text>
<mj-text font-size="14px" align="center" color="#ffffff" font-weight="100" padding-bottom="0px" font-family="Arial" line-height="1.5">Neon pink, orange, blue, green or classic Sphero white. Buy one. Or two. Or all.</mj-text>
<mj-spacer height="15px"></mj-spacer>
<mj-button font-size="16px" href="https://store.sphero.com/products/sphero-mini-shells" font-family="arial" background-color="#fff" color="#00A3D9" inner-padding="5px 25px" border-radius="15px">BUY SHELLS</mj-button>
<mj-spacer height="50px"></mj-spacer>
</mj-column>
</mj-section>
<mj-raw>
<!-- Bottom Graphic -->
</mj-raw>
<mj-section background-color="#fff" padding="0px">
<mj-column>
<mj-image width="600px" padding="0px" href="https://www.sphero.com/sphero-mini" src="https://dmmedia.sphero.com/email-marketing/Sphero/Mini-Launch-email-002A-Bottomgraphic.jpg" align="center" alt="Sphero Mini - Drive, Code, Game."></mj-image>
</mj-column>
</mj-section>
<mj-raw>
<!-- Bottom Bar -->
</mj-raw>
<mj-section padding="0px" background-url="https://dmmedia.sphero.com/email-marketing/Sphero/Mini-Launch-email-launch-bottombargradiantBG.png" background-color="#F15822">
<mj-column>
<mj-image width="160px" href="https://www.sphero.com" src="https://dmmedia.sphero.com/email-marketing/Sphero/Mini-Launch-email-launch-spherodotcombottom.png" align="center"></mj-image>
</mj-column>
</mj-section>
</mj-body>
</mjml>
110 changes: 110 additions & 0 deletions data/ticketshop.mjml
Original file line number Diff line number Diff line change
@@ -0,0 +1,110 @@
<mjml>
<mj-head>
<mj-attributes>
<mj-text font-family="Ubuntu, Helvetica, Arial, sans-serif" color="#000000"></mj-text>
<mj-class name="description"></mj-class>
<mj-class name="preheader" color="#000000" font-size="11px" padding-left="25px" padding-right="25px"></mj-class>
<mj-class name="button" background-color="#fcc245" color="#000000" font-size="18px" border-radius="3px" font-family="Ubuntu, Helvetica, Arial, sans-serif"></mj-class>
</mj-attributes>
</mj-head>
<mj-body background-color="#ffffff">
<mj-section padding-bottom="20px" padding-top="20px">
<mj-group>
<mj-column>
<mj-text align="left" mj-class="preheader">[[HEADLINE]]</mj-text>
</mj-column>
<mj-column>
<mj-text align="right" mj-class="preheader">[PERMALINK_LABEL]]</mj-text>
</mj-column>
</mj-group>
</mj-section>
<mj-section padding-bottom="0px" padding-top="0">
<mj-column width="25%">
<mj-image href="https://mjml.io" src="http://191n.mj.am/img/191n/3s/xm0.png" alt="" width="147px" padding="0px"></mj-image>
</mj-column>
<mj-column width="75%">
<mj-text font-size="19px" padding="0 25px" font-weight="bold">Special pre sale information</mj-text>
<mj-text font-size="11px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin rutrum enim eget magna efficitur, eu semper augue semper. Aliquam erat volutpat. Proin rutrum enim eget magna efficitur.</mj-text>
</mj-column>
</mj-section>
<mj-section background-color="#fcc245">
<mj-column>
<mj-text align="center" font-size="20px" padding="0 25px"><span style="color: rgb(89, 89, 89);">PRE SALE BEGINS TODAY</span> AT 9 AM</mj-text>
</mj-column>
</mj-section>
<mj-section background-color="#ffffff" background-url="http://191n.mj.am/img/191n/3s/xl9.jpg" background-size="cover" padding-bottom="20px" padding-top="20px">
<mj-column>
<mj-button mj-class="button" href="https://mjml.io" padding="305px 25px 0">BUY TICKETS</mj-button>
<mj-text align="center" font-size="13px" padding-left="25px" padding-right="25px" padding-bottom="10px" padding-top="0"><span style="color: rgb(255, 255, 255);">PASSWORD : YULAN03</span></mj-text>
</mj-column>
</mj-section>
<mj-section padding-bottom="20px" padding-top="20px">
<mj-column width="25%">
<mj-image src="http://191n.mj.am/img/191n/3s/xmw.jpg" alt="CD" width="147px" padding="0px"></mj-image>
</mj-column>
<mj-column width="25%">
<mj-text align="center" font-size="16px" padding="0 25px">LAST ALBUM AVAILABLE <span style="font-weight: bold;">12,99€</span></mj-text>
<mj-button mj-class="button" font-size="17px" href="https://mjml.io" padding="10px 0">BUY IT !</mj-button>
</mj-column>
<mj-column width="50%">
<mj-image href="https://mjml.io" src="http://191n.mj.am/img/191n/3s/xmx.jpg" alt="Play now and win your vip pass" width="290px" padding="0px"></mj-image>
</mj-column>
</mj-section>
<mj-section padding-bottom="20px" padding-top="20px">
<mj-column>
<mj-button background-color="#000000" color="#fcc245" font-size="16px" border-radius="0px" href="https://mjml.io" padding="10px 25px">OUR PARTNERS</mj-button>
</mj-column>
</mj-section>
<mj-section padding-bottom="20px" padding-top="0">
<mj-column width="25%">
<mj-image href="https://mjml.io" src="http://191n.mj.am/img/191n/3s/y2.jpg" alt="Partner logo" width="95px" padding="0 0 10px 0"></mj-image>
</mj-column>
<mj-column width="25%">
<mj-image href="https://mjml.io" src="http://191n.mj.am/img/191n/3s/y2.jpg" alt="Partner logo" width="95px" padding="0 0 10px 0"></mj-image>
</mj-column>
<mj-column width="25%">
<mj-image href="https://mjml.io" src="http://191n.mj.am/img/191n/3s/y2.jpg" alt="Partner logo" width="95px" padding="0 0 10px 0"></mj-image>
</mj-column>
<mj-column width="25%">
<mj-image href="https://mjml.io" src="http://191n.mj.am/img/191n/3s/y2.jpg" alt="Partner logo" width="95px" padding="0 0 10px 0"></mj-image>
</mj-column>
</mj-section>
<mj-section padding-bottom="20px" padding-top="20px">
<mj-column>
<mj-text align="center" font-size="13px" padding="0 25px" font-weight="bold">Terms and conditions:</mj-text>
<mj-text align="center" font-size="13px" padding="0 25px 10px 25px">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin rutrum enim eget magna efficitur, eu semper augue semper. Aliquam erat volutpat. Cras id dui lectus. Vestibulum sed finibus lectus, sit amet suscipit nibh. Proin nec commodo purus.
Sed eget nulla elit. Nulla aliquet mollis faucibus.</p>
</mj-text>
</mj-column>
</mj-section>
<mj-section background-color="#fcc245" padding-bottom="0px" padding-top="0">
<mj-column width="33.33333333333333%">
<mj-text align="center" font-size="20px" font-weight="bold" padding="0 25px">
<p>0800 123 456</p>
</mj-text>
<mj-text align="center" color="#FFFFFF" font-size="13px" padding="0 25px">
<p>Privacy policy</p>
</mj-text>
</mj-column>
<mj-column width="33.33333333333333%">
<mj-image href="https://mjml.io" src="http://191n.mj.am/img/191n/3s/yp.jpg" alt="Logo yellow" width="133px" padding="0px"></mj-image>
</mj-column>
<mj-column width="33.33333333333333%">
<mj-social mode="horizontal" padding="30px">
<mj-social-element name="facebook" href="[[SHORT_PERMALINK]]"></mj-social-element>
<mj-social-element name="twitter" href="[[SHORT_PERMALINK]]"></mj-social-element>
<mj-social-element name="google" href="[[SHORT_PERMALINK]]"></mj-social-element>
</mj-social>
</mj-column>
</mj-section>
<mj-section padding-bottom="20px" padding-top="20px">
<mj-column>
<mj-text align="center" font-size="11px" padding="0 25px">
<p>[[DELIVERY_INFO]]</p>
<p>[[POSTAL_ADDRESS]]</p>
</mj-text>
</mj-column>
</mj-section>
</mj-body>
</mjml>
22 changes: 22 additions & 0 deletions data/welcome-email.mjml
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<mjml>
<mj-body background-color="#ffffff" font-size="13px">
<mj-section background-color="#ffffff" padding-bottom="0px" padding-top="0">
<mj-column vertical-align="top" width="100%">
<mj-image src="http://go.mailjet.com/tplimg/mtrq/b/ox8s/mg1rw.png" alt="" align="center" border="none" width="600px" padding-left="0px" padding-right="0px" padding-bottom="0px" padding-top="0"></mj-image>
</mj-column>
</mj-section>
<mj-section background-color="#009FE3" vertical-align="top" padding-bottom="0px" padding-top="0">
<mj-column vertical-align="top" width="100%">
<mj-text align="left" color="#ffffff" font-size="45px" font-weight="bold" font-family="open Sans Helvetica, Arial, sans-serif" padding-left="25px" padding-right="25px" padding-bottom="30px" padding-top="50px">Welcome aboard</mj-text>
</mj-column>
</mj-section>
<mj-section background-color="#009fe3" padding-bottom="20px" padding-top="20px">
<mj-column vertical-align="middle" width="100%">
<mj-text align="left" color="#ffffff" font-size="22px" font-family="open Sans Helvetica, Arial, sans-serif" padding-left="25px" padding-right="25px"><span style="color:#FEEB35">Dear [[FirstName]]</span> Welcome to [[CompanyName]].</mj-text>
<mj-text align="left" color="#ffffff" font-size="15px" font-family="open Sans Helvetica, Arial, sans-serif" padding-left="25px" padding-right="25px">We&apos;re really excited you&apos;ve decided to give us a try. In case you have any questions, feel free to reach out to us at [[ContactEmail]]. You can login to your account with your username [[UserName]]</mj-text>
<mj-button align="left" font-size="22px" font-weight="bold" background-color="#ffffff" border-radius="10px" color="#1AA0E1" font-family="open Sans Helvetica, Arial, sans-serif">Login</mj-button>
<mj-text align="left" color="#ffffff" font-size="15px" font-family="open Sans Helvetica, Arial, sans-serif" padding-left="25px" padding-right="25px">Thanks, <p>The [[CompanyName]] Team</p></mj-text>
</mj-column>
</mj-section>
</mj-body>
</mjml>
Loading

0 comments on commit 64a1a8a

Please sign in to comment.