|
|
|
|
@ -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>
|
|
|
|
|
|
M66B
3 years ago