msb-public
/
FairEmail
mirror of https://github.com/M66B/FairEmail.git
1
0
Code Issues Projects Releases Wiki Activity

Improved AMP example

Browse Source
pull/194/merge
M66B 3 years ago
parent e953346b41
commit 0f81344eb5
1 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File

20
eml/cats.eml
Unescape View File

@ -1,19 +1,19 @@
From: marcel@faircode.eu From: marcel+fairemail@faircode.eu
To: marcel@faircode.eu To: marcel+fairemail@faircode.eu
Subject: FairEmail AMP test Subject: FairEmail AMP test
Date: Sun, 13 Feb 2022 20:18:34 +0100 Date: Sun, 14 Feb 2022 01:23:45 +0100
Message-ID: <13feb2022201834@faircode.eu> Message-ID: <14feb2022012345@faircode.eu>
Content-Type: multipart/alternative; boundary="xxx" Content-Type: multipart/alternative; boundary="xxx"
--xxx --xxx
Content-Type: text/plain; charset="UTF-8"; format=flowed; delsp=yes Content-Type: text/plain; charset="UTF-8"; format=flowed; delsp=yes
Plain Click on the flash icon.
--xxx --xxx
Content-Type: text/html; charset="UTF-8" Content-Type: text/html; charset="UTF-8"
<p>HTML</p> <p>Click on ⚡</p>
--xxx --xxx
Content-Type: text/x-amp-html; charset="UTF-8" Content-Type: text/x-amp-html; charset="UTF-8"
@ -26,15 +26,13 @@ Content-Type: text/x-amp-html; charset="UTF-8"
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script> <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
<style amp4email-boilerplate>body{visibility:hidden}</style> <style amp4email-boilerplate>body{visibility:hidden}</style>
<style amp-custom> <style amp-custom>
h1 { h1, h2 {text-align: center;}
text-align: center;
}
</style> </style>
</head> </head>
<body> <body>
<h1>FairEmail AMP test</h1> <h1>FairEmail ⚡AMP test</h1>
<amp-carousel id="carousel-with-preview" width="800" height="400" layout="responsive" type="slides" on="slideChange:AMP.setState({currentCat: event.index})"> <amp-carousel id="carousel-with-preview" width="800" height="400" layout="responsive" autoplay delay="2000" type="slides" on="slideChange:AMP.setState({currentCat: event.index})">
<amp-img layout="fill" src="https://amp.dev/static/img/docs/tutorials/firstemail/photo_by_caleb_woods.jpg" alt="photo courtesy of Unsplash"></amp-img> <amp-img layout="fill" src="https://amp.dev/static/img/docs/tutorials/firstemail/photo_by_caleb_woods.jpg" alt="photo courtesy of Unsplash"></amp-img>
<amp-img layout="fill" src="https://amp.dev/static/img/docs/tutorials/firstemail/photo_by_craig_mclaclan.jpg" alt="photo courtesy of Unsplash"></amp-img> <amp-img layout="fill" src="https://amp.dev/static/img/docs/tutorials/firstemail/photo_by_craig_mclaclan.jpg" alt="photo courtesy of Unsplash"></amp-img>
<amp-img layout="fill" src="https://amp.dev/static/img/docs/tutorials/firstemail/photo_by_lightscape.jpg" alt="photo courtesy of Unsplash"></amp-img> <amp-img layout="fill" src="https://amp.dev/static/img/docs/tutorials/firstemail/photo_by_lightscape.jpg" alt="photo courtesy of Unsplash"></amp-img>

Write Preview
Loading…
Cancel
Save