Improved AMP example

This commit is contained in:
M66B 2022-02-14 10:24:14 +01:00
parent e953346b41
commit 0f81344eb5
1 changed files with 9 additions and 11 deletions

View File

@ -1,19 +1,19 @@
From: marcel@faircode.eu
To: marcel@faircode.eu
From: marcel+fairemail@faircode.eu
To: marcel+fairemail@faircode.eu
Subject: FairEmail AMP test
Date: Sun, 13 Feb 2022 20:18:34 +0100
Message-ID: <13feb2022201834@faircode.eu>
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
Plain
Click on the flash icon.
--xxx
Content-Type: text/html; charset="UTF-8"
<p>HTML</p>
<p>Click on ⚡</p>
--xxx
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>
<style amp4email-boilerplate>body{visibility:hidden}</style>
<style amp-custom>
h1 {
text-align: center;
}
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" type="slides" on="slideChange:AMP.setState({currentCat: event.index})">
<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>