Merge pull request #65 from chingu-voyages/33/feature/fetch-data/seb

dinosaurs data added in json and script for importing the data created

pages/index.html → public/index.html

@@ -38,7 +38,7 @@ <h2>Chingu Raptors</h2>
     <h2>Dinosaur Index</h2>
     <ul>
       <li class="dino">
-        <a href="../dinosaur-details.html">
+        <a href="./dinosaur-details.html">
           <img
             src="https://www.nhm.ac.uk/resources/nature-online/life/dinosaurs/dinosaur-directory/images/reconstruction/small/Euhelopus.jpg"
             alt="Euhelopus" />
@@ -54,7 +54,7 @@ <h5>Euhelopus</h5>
         </div>
       </li>
       <li class="dino">
-        <a href="../dinosaur-details.html">
+        <a href="./dinosaur-details.html">
           <img
             src="https://www.nhm.ac.uk/resources/nature-online/life/dinosaurs/dinosaur-directory/images/reconstruction/small/triceratops.jpg"
             alt="triceratops" />
@@ -69,7 +69,7 @@ <h5>Triceratops</h5>
           </div>
         </div>
       <li class="dino">
-        <a href="../dinosaur-details.html">
+        <a href="./dinosaur-details.html">
           <img
             src="https://www.nhm.ac.uk/resources/nature-online/life/dinosaurs/dinosaur-directory/images/reconstruction/small/tyran.jpg"
             alt="Tyrannosaurus" />
@@ -85,7 +85,7 @@ <h5>Tyrannosaurus</h5>
         </div>
       </li>
       <li class="dino">
-        <a href="../dinosaur-details.html">
+        <a href="./dinosaur-details.html">
           <img
             src="https://www.nhm.ac.uk/resources/nature-online/life/dinosaurs/dinosaur-directory/images/reconstruction/small/veloc.jpg"
             alt="Velociraptor" />
@@ -101,7 +101,7 @@ <h5>Velociraptor</h5>
         </div>
       </li>
       <li class="dino">
-        <a href="../dinosaur-details.html">
+        <a href="./dinosaur-details.html">
           <img
             src=https://www.nhm.ac.uk/resources/nature-online/life/dinosaurs/dinosaur-directory/images/reconstruction/small/struthio.jpg
             alt="struthiosaurus" />
@@ -117,7 +117,7 @@ <h5>Struthiosaurus</h5>
         </div>
       </li>
       <li class="dino">
-        <a href="../dinosaur-details.html">
+        <a href="./dinosaur-details.html">
           <img
             src=https://www.nhm.ac.uk/resources/nature-online/life/dinosaurs/dinosaur-directory/images/reconstruction/small/Stygimoloch.jpg
             alt="Stygimoloch" />
@@ -133,7 +133,7 @@ <h5>Stygimoloch</h5>
         </div>
       </li>
       <li class="dino">
-        <a href="../dinosaur-details.html">
+        <a href="./dinosaur-details.html">
           <img
             src=https://www.nhm.ac.uk/resources/nature-online/life/dinosaurs/dinosaur-directory/images/reconstruction/small/Spinosaurus.jpg
             alt="Spinosaurus" />
@@ -149,7 +149,7 @@ <h5>Spinosaurus</h5>
         </div>
       </li>
       <li class="dino">
-        <a href="../dinosaur-details.html">
+        <a href="./dinosaur-details.html">
           <img
             src=https://www.nhm.ac.uk/resources/nature-online/life/dinosaurs/dinosaur-directory/images/reconstruction/small/Staurikosaurus.jpg
             alt="Staurikosaurus" />
@@ -165,7 +165,7 @@ <h5>Staurikosaurus</h5>
         </div>
       </li>
       <li class="dino">
-        <a href="../dinosaur-details.html">
+        <a href="./dinosaur-details.html">
           <img
             src="https://www.nhm.ac.uk/resources/nature-online/life/dinosaurs/dinosaur-directory/images/reconstruction/small/Scutellosaurus.jpg"
             alt="Scutellosaurus" />
@@ -181,7 +181,7 @@ <h5>Scutellosaurus</h5>
         </div>
       </li>
       <li class="dino">
-        <a href="../dinosaur-details.html">
+        <a href="./dinosaur-details.html">
           <img
             src="https://www.nhm.ac.uk/resources/nature-online/life/dinosaurs/dinosaur-directory/images/reconstruction/small/Sauropelta.jpg"
             alt="Sauropelta" />
@@ -212,6 +212,7 @@ <h5>Sauropelta</h5>
         href="https://chingu-voyages.github.io/v48-tier1-team-04/" target="_blank">Learn More</a></span> | <a href="#"
       id="teamPage">Chingu Raptors</a>
   </footer>
+  <script type="module" src="../scripts/main.js"></script>
 </body>
 
 </html>

scripts/json.js

@@ -0,0 +1,4 @@
+import dinosaur_data from '../assets/dinosaurs.json' assert { type: 'json'};
+var data = dinosaur_data;
+
+export default data

scripts/main.js

@@ -0,0 +1,4 @@
+import data from './json.js'
+
+
+console.log(data);