Deploying to gh-pages from @ 600cc59 🚀

OvidijusParsiunas · Jan 8, 2025 · 816b7f7 · 816b7f7
1 parent f2846de
commit 816b7f7
Show file tree

Hide file tree

Showing 88 changed files with 90 additions and 89 deletions.
diff --git a/404.html b/404.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/assets/js/c214479d.031ee1fe.js b/assets/js/c214479d.031ee1fe.js
diff --git a/assets/js/c214479d.ca2549a1.js b/assets/js/c214479d.ca2549a1.js
diff --git a/assets/js/runtime~main.f734b9cb.js → assets/js/runtime~main.3a2115b7.js b/assets/js/runtime~main.f734b9cb.js → assets/js/runtime~main.3a2115b7.js
diff --git a/docs/connect/index.html b/docs/connect/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/demo/index.html b/docs/demo/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/directConnection/AssemblyAI/index.html b/docs/directConnection/AssemblyAI/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/directConnection/Azure/index.html b/docs/directConnection/Azure/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/directConnection/Cohere/index.html b/docs/directConnection/Cohere/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/directConnection/HuggingFace/index.html b/docs/directConnection/HuggingFace/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/directConnection/OpenAI/index.html b/docs/directConnection/OpenAI/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/directConnection/StabilityAI/index.html b/docs/directConnection/StabilityAI/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/directConnection/index.html b/docs/directConnection/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/events/index.html b/docs/events/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/files/index.html b/docs/files/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/installation/index.html b/docs/installation/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/interceptors/index.html b/docs/interceptors/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/introPanel/index.html b/docs/introPanel/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/introduction/index.html b/docs/introduction/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/messages/HTML/index.html b/docs/messages/HTML/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/messages/index.html b/docs/messages/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
@@ -33,13 +33,14 @@ <h4 class="anchor anchorWithStickyNavbar_LWe7" id="example">Example<a href="#exa
 <div style="height:1px"></div>
 <h3 class="anchor anchorWithStickyNavbar_LWe7" id="introMessage"><code>introMessage</code><a href="#introMessage" class="hash-link" aria-label="Direct link to introMessage" title="Direct link to introMessage"></a></h3>
 <ul>
-<li>Type: {<code>text?: string</code>, <code>html?: string</code>}</li>
+<li>Type: {<code>text?: string</code>, <code>html?: string</code>} | <code>Array</code></li>
 </ul>
 <p>Initial <code>ai</code> message that is displayed when the chat is loaded. It is different to <a href="#history"><code>history</code></a> as it will not trigger
 the <a href="/docs/events#onMessage"><code>onMessage</code></a> listener, will not be part of the returned messages when <a href="/docs/methods#getMessages"><code>getMessages</code></a> is called and
 is not taken into consideration when calculating <a href="/docs/connect#requestBodyLimits"><code>requestBodyLimits</code></a>. <br>
 <code>html</code> is used to render <a href="/docs/messages/HTML">custom code</a> and can be coupled with a <a href="/docs/messages/HTML#deepChatClasses"><code>deep-chat-temporary-message</code></a>
-class to make this message disappear after a new one is added.</p>
+class to make this message disappear after a new one is added. <br>
+This can either be defined as an object for one message, or as an array for multiple ones.</p>
 <h4 class="anchor anchorWithStickyNavbar_LWe7" id="example-1">Example<a href="#example-1" class="hash-link" aria-label="Direct link to Example" title="Direct link to Example"></a></h4>
 <div class="documentation-example-container" style="min-height:400px"><div style="display:block"></div></div>
 <div class="tabs-container tabList__CuJ"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_LNqP tabs__item--active">Sample code</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP">Full code</li></ul><div class="margin-top--md"><div role="tabpanel" class="tabItem_Ymn6"><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">deep-chat</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">introMessage</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag attr-value" style="color:#e3116c">{&quot;text&quot;: &quot;Hi I am your assistant, ask me anything!&quot;}</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">deep-chat</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- This example is for Vanilla JS and should be tailored to your framework (see Examples) --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">deep-chat</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line" style="color:#393A34"><span class="token tag" style="color:#00009f">  </span><span class="token tag attr-name" style="color:#00a4db">introMessage</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag attr-value" style="color:#e3116c">{&quot;text&quot;: &quot;Hi I am your assistant, ask me anything!&quot;}</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line" style="color:#393A34"><span class="token tag" style="color:#00009f">  </span><span class="token tag attr-name" style="color:#00a4db">demo</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">true</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line" style="color:#393A34"><span class="token tag" style="color:#00009f">  </span><span class="token tag special-attr attr-name" style="color:#00a4db">style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag special-attr attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:#36acaa">border-radius</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:#393A34">:</span><span class="token tag special-attr attr-value value css language-css" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css number" style="color:#36acaa">8</span><span class="token tag special-attr attr-value value css language-css unit" style="color:#e3116c">px</span><span class="token tag special-attr attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line" style="color:#393A34"><span class="token tag" style="color:#00009f"></span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">deep-chat</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div></div></div>

diff --git a/docs/messages/styles/index.html b/docs/messages/styles/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/methods/index.html b/docs/methods/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/speech/index.html b/docs/speech/index.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="/fonts/inter.woff2" as="font" type="font/woff2">
 <link rel="preload" href="/fonts/inter-webfont.css" as="style">
 <link rel="stylesheet" href="/fonts/inter-webfont.css" as="style"><link rel="stylesheet" href="/assets/css/styles.4d5fb625.css">
-<script src="/assets/js/runtime~main.f734b9cb.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.3a2115b7.js" defer="defer"></script>
 <script src="/assets/js/main.1ac74f39.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">