chore(examples): add content to HTML

francoischalifour · francoischalifour · commit a695dfdf0941 · 2020-12-11T17:56:56.000+01:00
diff --git a/examples/js/index.html b/examples/js/index.html
@@ -5,11 +5,44 @@
 
     <link rel="stylesheet" href="style.css" />
 
-    <title>Autocomplete JavaScript</title>
+    <title>Autocomplete JavaScript Playground</title>
   </head>
   <body>
     <div class="container">
       <div id="autocomplete"></div>
+
+      <div class="content">
+        <p>
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa nisi
+          facilis, delectus beatae necessitatibus unde eius eos ducimus
+          praesentium. Laboriosam error debitis nostrum pariatur? Exercitationem
+          illo hic error aut voluptate.
+        </p>
+
+        <img
+          src="https://images.unsplash.com/photo-1600430821166-01b4defaff8d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
+          alt="Skateboard 1"
+        />
+
+        <p>
+          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ducimus
+          maxime, doloremque eligendi assumenda praesentium possimus ipsa porro
+          quia quae harum accusantium temporibus, dignissimos beatae
+          necessitatibus perspiciatis laborum delectus, et tenetur.
+        </p>
+
+        <img
+          src="https://images.unsplash.com/photo-1547442991-a51706bf3a3b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=640&q=80"
+          alt="Skateboard 2"
+        />
+
+        <p>
+          Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequuntur
+          enim voluptatum facilis culpa harum quia cum repellat, vel pariatur,
+          ipsam, obcaecati minima exercitationem quasi vitae cupiditate illo aut
+          odit voluptate?
+        </p>
+      </div>
     </div>
 
     <script src="env.ts"></script>
diff --git a/examples/js/style.css b/examples/js/style.css
@@ -16,3 +16,12 @@ body {
   padding: 1rem;
   width: 100%;
 }
+
+.content p {
+  color: #555;
+  line-height: 1.6;
+}
+
+.content img {
+  max-width: 100%;
+}
