docs

talkyjs · Nov 6, 2020 · 57996dc · 57996dc
1 parent 145e1ef
commit 57996dc
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/src/index.html b/src/index.html
@@ -7,12 +7,15 @@
 
     <script type="module" src="/build/alexa-quick-link.esm.js"></script>
     <script nomodule src="/build/alexa-quick-link.js"></script>
+    <link rel="stylesheet"
+      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.2/styles/default.min.css">
   </head>
   <body>
     <h1>Simple Alexa Quick link component</h1>
+    <a href="https://github.com/talkyjs/alexa-quick-link"><img src="https://github-link-card.s3.ap-northeast-1.amazonaws.com/talkyjs/alexa-quick-link.png" width="460px"></a> 
     <h2>Usage</h2>
     <pre>
-      <code>
+      <code class="language-html">
         &lt;script src="https://unpkg.com/@talkyjs/[email protected]/dist/alexa-quick-link.js"&gt;&lt;/script&gt;
         &lt;alexa-quick-link skill-id="amzn1.ask.skill.ce63d7b9-91c1-4ee0-9a31-b58dfae82978" target="_blank" rel="noopener"&gt;
           Go to My Alexa Skill!
@@ -23,6 +26,15 @@ <h3>Result</h3>
     <alexa-quick-link skill-id="amzn1.ask.skill.ce63d7b9-91c1-4ee0-9a31-b58dfae82978" target="_blank" rel="noopener">
       Go to My Alexa Skill!
     </alexa-quick-link>
-
+    <h2>Generated Markup</h2>
+    <pre>
+      <code class="language-html">
+        &lt;a href="https://alexa-skills.amazon.co.jp/apis/custom/skills/amzn1.ask.skill.ce63d7b9-91c1-4ee0-9a31-b58dfae82978/launch" target="_blank" rel="noopener"&gt;
+          Go to My Alexa Skill!
+        &lt;/a&gt;
+      </code>
+    </pre>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.2/highlight.min.js"></script>
+    <script>hljs.initHighlightingOnLoad();</script>
   </body>
 </html>