|
|
|
|
From: marcel+fairemail@faircode.eu
|
|
|
|
|
To: marcel+fairemail@faircode.eu
|
|
|
|
|
Subject: FairEmail AMP test
|
|
|
|
|
Date: Sun, 14 Feb 2022 01:23:45 +0100
|
|
|
|
|
Message-ID: <14feb2022012345@faircode.eu>
|
|
|
|
|
Content-Type: multipart/alternative; boundary="xxx"
|
|
|
|
|
|
|
|
|
|
--xxx
|
|
|
|
|
Content-Type: text/plain; charset="UTF-8"; format=flowed; delsp=yes
|
|
|
|
|
|
|
|
|
|
Click on the flash icon.
|
|
|
|
|
|
|
|
|
|
--xxx
|
|
|
|
|
Content-Type: text/html; charset="UTF-8"
|
|
|
|
|
|
|
|
|
|
<p>Click on ⚡</p>
|
|
|
|
|
|
|
|
|
|
--xxx
|
|
|
|
|
Content-Type: text/x-amp-html; charset="UTF-8"
|
|
|
|
|
|
|
|
|
|
<!doctype html>
|
|
|
|
|
<html ⚡4email>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<script async src="https://cdn.ampproject.org/v0.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 amp-custom>
|
|
|
|
|
h1, h2 {text-align: center;}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<h1>FairEmail ⚡AMP test</h1>
|
|
|
|
|
<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_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_nick_karvounis.jpg" alt="photo courtesy of Unsplash"></amp-img>
|
|
|
|
|
</amp-carousel>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
--xxx--
|
