🐛 Add missing sample static files. (#1770)

#1766
ampproject · Apr 8, 2019 · ae01c33 · ae01c33
1 parent ff3a5cb
commit ae01c33
Show file tree

Hide file tree

Showing 26 changed files with 982 additions and 4 deletions.
diff --git a/examples/source/2.guides/Internationalization.html b/examples/source/2.guides/Internationalization.html
@@ -74,7 +74,7 @@
 * 1 link tag with `rel=amphtml`
 * And X link tags with `rel=alternate` and the `hreflang` attribute
 
-<a href="/internationalization/basic/" class="ampstart-btn ampstart-btn-secondary caps text-decoration-none inline-block"> View the Example</a>
+<a href="/static/samples/internationalization/basic/">View the Example</a>
 
 ## Example 2: Canonical + Alternate + AMP
 The next example is an expanded version of the first example. This example includes
@@ -96,7 +96,7 @@
 * Every alternate mobile document must have a link tag with `rel=alternate` and an
 `hreflang` attribute for each alternative language version of the alternate mobile document.
 
-<a href="/internationalization/alternate/" class="ampstart-btn ampstart-btn-secondary caps text-decoration-none inline-block"> View the Example</a>
+<a href="/static/samples/internationalization/alternate/">View the Example</a>
 
 -->
 </body>

diff --git a/examples/source/advertising-analytics/Joining_Analytics_Sessions.html b/examples/source/advertising-analytics/Joining_Analytics_Sessions.html
@@ -10,9 +10,9 @@
 
   Linker is an `amp-analytics` feature to join user sessions from the AMP Cache domain to publisher origin domains. For complete documentation please see the components' [reference](https://www.ampproject.org/docs/reference/components/amp-analytics#linkers).
 
-  If you would like to learn more aboout client ids in AMP, you may find a brief summary [here,](https://www.ampproject.org/docs/analytics/analytics_basics#user-identification) as well as Google Analytics specific information [here.](https://developers.google.com/analytics/devguides/collection/amp-analytics/client-id)
+  If you would like to learn more aboout client ids in AMP, you may find a brief summary [here](https://www.ampproject.org/docs/analytics/analytics_basics#user-identification), as well as Google Analytics specific information [here](https://developers.google.com/analytics/devguides/collection/amp-analytics/client-id).
 
-  To see this whole process in action, please follow [this link.](/linker/demo-page.html).
+  To see this whole process in action, please follow [this link](/static/samples/linker/demo-page.html).
 -->
 <!-- -->
 <!doctype html>

diff --git a/examples/static/samples/hreflang/fr/index.amp.html b/examples/static/samples/hreflang/fr/index.amp.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html ⚡>
+<head>
+  <meta charset="utf-8">
+  <link rel="canonical" href="self.html" />
+  <meta name="viewport" content="width=device-width,minimum-scale=1">
+  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
+  <script async src="https://cdn.ampproject.org/v0.js"></script>
+</head>
+<body>French AMP</body>
+</html>
diff --git a/examples/static/samples/hreflang/fr/index.html b/examples/static/samples/hreflang/fr/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>title</title>
+    <link rel="stylesheet" href="style.css">
+    <script src="script.js"></script>
+  </head>
+  <body>
+    <h1>French</h1>
+  </body>
+</html>
diff --git a/examples/static/samples/hreflang/index.amp.html b/examples/static/samples/hreflang/index.amp.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html ⚡>
+<head>
+  <meta charset="utf-8">
+  <link rel="canonical" href="self.html" />
+  <title>title</title>
+  <meta name="viewport" content="width=device-width,minimum-scale=1">
+  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
+  <script async src="https://cdn.ampproject.org/v0.js"></script>
+</head>
+<body>English AMP</body>
+</html>
diff --git a/examples/static/samples/hreflang/index.html b/examples/static/samples/hreflang/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>title</title>
+  </head>
+  <body>
+    <h1>English</h1>
+  </body>
+</html>
diff --git a/examples/static/samples/internationalization/alternate/fr/index.amp.html b/examples/static/samples/internationalization/alternate/fr/index.amp.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html ⚡ lang="fr">
+  <head>
+    <title>Example: French AMP Document</title>
+    <meta name="description" content="Internationalization example of site structures using hreflang with canonical, mobile and AMP documents." />
+
+    <meta charset="utf-8">
+    <script async src="https://cdn.ampproject.org/v0.js"></script>
+    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
+
+    <link rel="canonical" href="<%host%>/internationalization/alternate/fr/" />
+
+    <link rel="alternate" hreflang="en" href="<%host%>/internationalization/alternate/index.amp.html" />
+    <link rel="alternate" hreflang="fr" href="<%host%>/internationalization/alternate/fr/index.amp.html" />
+    <link rel="alternate" hreflang="ja" href="<%host%>/internationalization/alternate/ja/index.amp.html" />
+  </head>
+  <body>
+    <h1>French AMP Document</h1>
+
+    <p>Un document AMP écrit en français.</p>
+
+    <p>Autres documents connexes en français:</p>
+    <ul>
+      <li><a href="/internationalization/alternate/fr/">Le document canonique</a></li>
+      <li><a href="/internationalization/alternate/fr/index.mobile.html">Le document mobile</a></li>
+    </ul>
+
+    <p>Dans d'autres langues avec AMP:</p>
+    <ul>
+      <li><a href="/internationalization/alternate/index.amp.html">AMP en Anglais</a></li>
+      <li><a href="/internationalization/alternate/ja/index.amp.html">AMP en Japonais</a></li>
+    </ul>
+
+    <p>Cette page contient les balises 'link' suivantes:</p>
+    <pre>
+      &lt;link rel="canonical" href="<%host%>/internationalization/alternate/fr/" /&gt;
+      &lt;link rel="alternate" hreflang="en" href="<%host%>/internationalization/alternate/index.amp.html" /&gt;
+      &lt;link rel="alternate" hreflang="fr" href="<%host%>/internationalization/alternate/fr/index.amp.html" /&gt;
+      &lt;link rel="alternate" hreflang="ja" href="<%host%>/internationalization/alternate/ja/index.amp.html" /&gt;
+    </pre>
+
+    <a href="/introduction/internationalization/">Retourner à la documentation</a>
+  </body>
+</html>
diff --git a/examples/static/samples/internationalization/alternate/fr/index.html b/examples/static/samples/internationalization/alternate/fr/index.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="fr">
+  <head>
+    <title>Example: French Desktop Document</title>
+    <meta name="description" content="Internationalization example of site structures using hreflang with canonical, mobile and AMP documents." />
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
+    <link rel="amphtml" href="<%host%>/internationalization/alternate/fr/index.amp.html" />
+    <link rel="alternate" href="<%host%>/internationalization/alternate/fr/index.mobile.html" />
+
+    <link rel="alternate" hreflang="en" href="<%host%>/internationalization/alternate/" />
+    <link rel="alternate" hreflang="fr" href="<%host%>/internationalization/alternate/fr/" />
+    <link rel="alternate" hreflang="ja" href="<%host%>/internationalization/alternate/ja/" />
+  </head>
+  <body>
+    <h1>French Desktop Document</h1>
+
+    <p>Un document canonique écrit en français.</p>
+
+    <p>Autres documents connexes en français:</p>
+    <ul>
+      <li><a href="/internationalization/alternate/fr/index.amp.html">Le document AMP</a></li>
+      <li><a href="/internationalization/alternate/fr/index.mobile.html">Le document mobile</a></li>
+    </ul>
+
+    <p>Dans d'autres langues:</p>
+    <ul>
+      <li><a href="/internationalization/alternate/">En anglais</a></li>
+      <li><a href="/internationalization/alternate/ja/">En japonais</a></li>
+    </ul>
+
+    <p>Cette page contient les balises 'link' suivantes:</p>
+    <pre>
+      &lt;link rel="amphtml" href="<%host%>/internationalization/alternate/fr/index.amp.html" /&gt;
+      &lt;link rel="alternate" href="<%host%>/internationalization/alternate/fr/index.mobile.html" /&gt;
+      &lt;link rel="alternate" hreflang="en" href="<%host%>/internationalization/alternate/" /&gt;
+      &lt;link rel="alternate" hreflang="fr" href="<%host%>/internationalization/alternate/fr/" /&gt;
+      &lt;link rel="alternate" hreflang="ja" href="<%host%>/internationalization/alternate/ja/" /&gt;
+    </pre>
+
+    <a href="/introduction/internationalization/">Retourner à la documentation</a>
+  </body>
+</html>
diff --git a/examples/static/samples/internationalization/alternate/fr/index.mobile.html b/examples/static/samples/internationalization/alternate/fr/index.mobile.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="fr">
+  <head>
+    <title>Example: French Mobile Document</title>
+    <meta name="description" content="Internationalization example of site structures using hreflang with canonical, mobile and AMP documents." />
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
+    <link rel="canonical" href="<%host%>/internationalization/alternate/fr/" />
+    <link rel="amphtml" href="<%host%>/internationalization/alternate/fr/index.amp.html" />
+
+    <link rel="alternate" hreflang="en" href="<%host%>/internationalization/alternate/index.mobile.html" />
+    <link rel="alternate" hreflang="fr" href="<%host%>/internationalization/alternate/fr/index.mobile.html" />
+    <link rel="alternate" hreflang="ja" href="<%host%>/internationalization/alternate/ja/index.mobile.html" />
+  </head>
+  <body>
+    <h1>French Mobile Document</h1>
+
+    <p>Un document mobile alternatif écrit en français.</p>
+
+    <p>Autres documents connexes en français:</p>
+    <ul>
+      <li><a href="/internationalization/alternate/fr/index.amp.html">Le document AMP</a></li>
+      <li><a href="/internationalization/alternate/fr/">Le document canonique</a></li>
+    </ul>
+
+    <p>Dans d'autres langues avec mobile:</p>
+    <ul>
+      <li><a href="/internationalization/alternate/index.mobile.html">En anglais</a></li>
+      <li><a href="/internationalization/alternate/ja/index.mobile.html">En japonais</a></li>
+    </ul>
+
+    <p>Cette page contient les balises 'link' suivantes:</p>
+    <pre>
+      &lt;link rel="canonical" href="<%host%>/internationalization/alternate/fr/" /&gt;
+      &lt;link rel="amphtml" href="<%host%>/internationalization/alternate/fr/index.amp.html" /&gt;
+      &lt;link rel="alternate" hreflang="en" href="<%host%>/internationalization/alternate/index.mobile.html" /&gt;
+      &lt;link rel="alternate" hreflang="fr" href="<%host%>/internationalization/alternate/fr/index.mobile.html" /&gt;
+      &lt;link rel="alternate" hreflang="ja" href="<%host%>/internationalization/alternate/ja/index.mobile.html" /&gt;
+    </pre>
+
+    <a href="/introduction/internationalization/">Retourner à la documentation</a>
+  </body>
+</html>
diff --git a/examples/static/samples/internationalization/alternate/index.amp.html b/examples/static/samples/internationalization/alternate/index.amp.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html ⚡ lang="en">
+  <head>
+    <title>Example: English AMP Document</title>
+    <meta name="description" content="Internationalization example of site structures using hreflang with canonical, mobile and AMP documents." />
+
+    <meta charset="utf-8">
+    <script async src="https://cdn.ampproject.org/v0.js"></script>
+    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
+
+    <link rel="canonical" href="<%host%>/internationalization/alternate/" />
+
+    <link rel="alternate" hreflang="en" href="<%host%>/internationalization/alternate/index.amp.html" />
+    <link rel="alternate" hreflang="fr" href="<%host%>/internationalization/alternate/fr/index.amp.html" />
+    <link rel="alternate" hreflang="ja" href="<%host%>/internationalization/alternate/ja/index.amp.html" />
+  </head>
+  <body>
+    <h1>English AMP Document</h1>
+
+    <p>An AMP document written in English.</p>
+
+    <p>Other related documents in English:</p>
+    <ul>
+      <li><a href="/internationalization/alternate/">The canonical document</a></li>
+      <li><a href="/internationalization/alternate/index.mobile.html">The mobile document</a></li>
+    </ul>
+
+    <p>Other languages in AMP:</p>
+    <ul>
+      <li><a href="/internationalization/alternate/fr/index.amp.html">AMP in French</a></li>
+      <li><a href="/internationalization/alternate/ja/index.amp.html">AMP in Japanese</a></li>
+    </ul>
+
+    <p>This page contains the following link tags:</p>
+    <pre>
+      &lt;link rel="canonical" href="<%host%>/internationalization/alternate/" /&gt;
+      &lt;link rel="alternate" hreflang="en" href="<%host%>/internationalization/alternate/index.amp.html" /&gt;
+      &lt;link rel="alternate" hreflang="fr" href="<%host%>/internationalization/alternate/fr/index.amp.html" /&gt;
+      &lt;link rel="alternate" hreflang="ja" href="<%host%>/internationalization/alternate/ja/index.amp.html" /&gt;
+    </pre>
+
+    <a href="/introduction/internationalization/">Back to the documentation</a>
+  </body>
+</html>
diff --git a/examples/static/samples/internationalization/alternate/index.html b/examples/static/samples/internationalization/alternate/index.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <title>Example: English Desktop Document</title>
+    <meta name="description" content="Internationalization example of site structures using hreflang with canonical, mobile and AMP documents." />
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
+    <link rel="amphtml" href="<%host%>/internationalization/alternate/index.amp.html" />
+    <link rel="alternate" href="<%host%>/internationalization/alternate/index.mobile.html" />
+
+    <link rel="alternate" hreflang="en" href="<%host%>/internationalization/alternate/" />
+    <link rel="alternate" hreflang="fr" href="<%host%>/internationalization/alternate/fr/" />
+    <link rel="alternate" hreflang="ja" href="<%host%>/internationalization/alternate/ja/" />
+  </head>
+  <body>
+    <h1>English Desktop Document</h1>
+
+    <p>A canonical document written in English.</p>
+
+    <p>Other related documents in English:</p>
+    <ul>
+      <li><a href="/internationalization/alternate/index.amp.html">The AMP document</a></li>
+      <li><a href="/internationalization/alternate/index.mobile.html">The mobile document</a></li>
+    </ul>
+
+    <p>Other languages:</p>
+    <ul>
+      <li><a href="/internationalization/alternate/fr/">In French</a></li>
+      <li><a href="/internationalization/alternate/ja/">In Japanese</a></li>
+    </ul>
+
+    <p>This page contains the following link tags:</p>
+    <pre>
+      &lt;link rel="amphtml" href="<%host%>/internationalization/alternate/index.amp.html" /&gt;
+      &lt;link rel="alternate" href="<%host%>/internationalization/alternate/index.mobile.html" /&gt;
+      &lt;link rel="alternate" hreflang="en" href="<%host%>/internationalization/alternate/" /&gt;
+      &lt;link rel="alternate" hreflang="fr" href="<%host%>/internationalization/alternate/fr/" /&gt;
+      &lt;link rel="alternate" hreflang="ja" href="<%host%>/internationalization/alternate/ja/" /&gt;
+    </pre>
+
+    <a href="/introduction/internationalization/">Back to the documentation</a>
+  </body>
+</html>
diff --git a/examples/static/samples/internationalization/alternate/index.mobile.html b/examples/static/samples/internationalization/alternate/index.mobile.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <title>Example: English Mobile Document</title>
+    <meta name="description" content="Internationalization example of site structures using hreflang with canonical, mobile and AMP documents." />
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
+    <link rel="canonical" href="<%host%>/internationalization/alternate/" />
+    <link rel="amphtml" href="<%host%>/internationalization/alternate/index.amp.html" />
+
+    <link rel="alternate" hreflang="en" href="<%host%>/internationalization/alternate/index.mobile.html" />
+    <link rel="alternate" hreflang="fr" href="<%host%>/internationalization/alternate/fr/index.mobile.html" />
+    <link rel="alternate" hreflang="ja" href="<%host%>/internationalization/alternate/ja/index.mobile.html" />
+  </head>
+  <body>
+    <h1>English Mobile Document</h1>
+
+    <p>An alternate mobile document written in English.</p>
+
+    <p>Other related documents in English:</p>
+    <ul>
+      <li><a href="/internationalization/alternate/index.amp.html">The AMP document</a></li>
+      <li><a href="/internationalization/alternate/">The canonical document</a></li>
+    </ul>
+
+    <p>Other languages in mobile:</p>
+    <ul>
+      <li><a href="/internationalization/alternate/fr/index.mobile.html">In French</a></li>
+      <li><a href="/internationalization/alternate/ja/index.mobile.html">In Japanese</a></li>
+    </ul>
+
+    <p>This page contains the following link tags:</p>
+    <pre>
+      &lt;link rel="canonical" href="<%host%>/internationalization/alternate/" /&gt;
+      &lt;link rel="amphtml" href="<%host%>/internationalization/alternate/index.amp.html" /&gt;
+      &lt;link rel="alternate" hreflang="en" href="<%host%>/internationalization/alternate/index.mobile.html" /&gt;
+      &lt;link rel="alternate" hreflang="fr" href="<%host%>/internationalization/alternate/fr/index.mobile.html" /&gt;
+      &lt;link rel="alternate" hreflang="ja" href="<%host%>/internationalization/alternate/ja/index.mobile.html" /&gt;
+    </pre>
+
+    <a href="/introduction/internationalization/">Back to the documentation</a>
+  </body>
+</html>