12 files changed, 117 insertions, 50 deletions
diff --git a/pages/about.vue b/pages/about.vue
new file mode 100644
index 0000000..b01eb71
--- /dev/null
+++ b/pages/about.vue
@@ -0,0 +1,15 @@
+<template>
+  <div>
+    <nuxt-link to="/">Accueil</nuxt-link>
+    <h1>Sur la site web</h1>
+    <p>Cette site web est créé pour mon Français projet.</p>
+    <h1>Crédits</h1>
+    <p>Site web créé par <a href="https://alee14.me">Andrew Lee</a></p>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+}
+</script>
diff --git a/pages/climate.vue b/pages/climate.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/pages/climate.vue
diff --git a/pages/culture.vue b/pages/culture.vue
new file mode 100644
index 0000000..72c12f6
--- /dev/null
+++ b/pages/culture.vue
@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <h1>La culture de Chine</h1>
+    <iframe
+      :src="'https://www.youtube.com/embed/Bs0GuU0cUtw'"
+      frameborder="0"
+      width="1050"
+      height="550"
+      allowfullscreen
+    />
+    <br />
+    <p>HKT4_Track05</p>
+    <audio controls>
+      <source src="HKT4_Track05.mp3" />
+      Your browser does not support the audio tag.
+    </audio>
+    <br />
+    <h2>La nourriture de Chine</h2>
+    <img
+      src="https://steamykitchen.com/wp-content/uploads/2010/03/xiao-long-bao.jpg"
+      width="20%"
+      height="20%"
+    />
+    <img
+      src="http://www.fourpoundsflour.com/wp-content/uploads/2018/02/Sarah_Chinese16.jpg"
+      width="20%"
+      height="20%"
+    />
+    <br />
+  </div>
+</template>
+<script>
+export default {
+  components: {},
+}
+</script>
diff --git a/pages/index.vue b/pages/index.vue
index e94175e..1e70d3c 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,8 +1,33 @@
 <template>
   <div>
-    <h1>La paye de Chine</h1>
+    <h1>Le pays de Chine</h1>
     <p>Par Andrew Lee</p>
-    <nuxt-link to="/page1">Next Page</nuxt-link>
+    <h2>La propre nom de Chine</h2>
+    <p>République populaire de Chine</p>
+    <p>(中华人民共和国)</p>
+    <img
+      src="https://upload.wikimedia.org/wikipedia/commons/f/fa/Flag_of_the_People%27s_Republic_of_China.svg"
+      height="20%"
+      width="20%"
+    />
+    <h2>Mon nom en chinois</h2>
+    <p>(李家俊) Lee Gar-Jun</p>
+    <img
+      src="https://strokeorder.com.tw/bishun-animation/674e-stroke-order.gif"
+      height="10%"
+      width="10%"
+    />
+    <img
+      src="https://strokeorder.com.tw/bishun-animation/5bb6-stroke-order.gif"
+      height="10%"
+      width="10%"
+    />
+    <img
+      src="https://strokeorder.com.tw/bishun-animation/4fca-stroke-order.gif"
+      height="10%"
+      width="10%"
+    />
+    <br />
   </div>
 </template>
 
diff --git a/pages/page2.vue b/pages/langue.vue
index 4d0105d..671b991 100644
--- a/pages/page2.vue
+++ b/pages/langue.vue
@@ -5,10 +5,10 @@
     <p>Voici le langues Chine avais.</p>
     <ul>
       <li>Mandarin</li>
+      <li>Yue (Cantonais)</li>
       <li>Wu</li>
       <li>Anglais</li>
     </ul>
-    <nuxt-link to="/page3">Next Page</nuxt-link>
   </div>
 </template>
 
diff --git a/pages/ou-chine.vue b/pages/ou-chine.vue
new file mode 100644
index 0000000..6b4631e
--- /dev/null
+++ b/pages/ou-chine.vue
@@ -0,0 +1,30 @@
+<template>
+  <div>
+    <h1>Où est la Chine?</h1>
+    <img
+      src="https://www.populationdata.net/wp-content/uploads/chine-petite.png"
+    />
+    <p>
+      La Chine est sur le continent d'Asie très proche de la Russie, Mongolie,
+      Indie, Khazakstan, Corée, Vietnam, Laos, Taiwan et Japon.
+    </p>
+    <h1>La capitale</h1>
+    <p>La capitale de Chine est Beijing.</p>
+    <img
+      src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2Fthumb%2F6%2F64%2FBeijing_skyline_from_northeast_4th_ring_road.jpg%2F800px-Beijing_skyline_from_northeast_4th_ring_road.jpg&f=1&nofb=1"
+    />
+    <h1>Le chef de le pays</h1>
+    <p>Xi Jinping</p>
+    <img
+      src="https://upload.wikimedia.org/wikipedia/commons/3/32/Xi_Jinping_2019.jpg"
+      width="20%"
+      height="20%"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+}
+</script>
diff --git a/pages/page1.vue b/pages/page1.vue
deleted file mode 100644
index 0a9935b..0000000
--- a/pages/page1.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-  <div>
-    <h1>Où est le chef de la paye?</h1>
-    <!-- Reveal animation here -->
-    <p>C'est Xi Jinping.</p>
-    <img
-      src="https://upload.wikimedia.org/wikipedia/commons/3/32/Xi_Jinping_2019.jpg"
-      width="20%"
-      height="20%"
-    />
-    <br />
-    <nuxt-link to="/page2">Next Page</nuxt-link>
-  </div>
-</template>
-
-<script>
-export default {
-  components: {},
-}
-</script>
diff --git a/pages/page3.vue b/pages/page3.vue
deleted file mode 100644
index 91bc0ce..0000000
--- a/pages/page3.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <div>
-    <h1>C'est quoi le capitale de Chine?</h1>
-    <p>La capitale de Chine est Beijing.</p>
-    <nuxt-link to="/page4">Next Page</nuxt-link>
-  </div>
-</template>
-
-<script>
-export default {
-  components: {},
-}
-</script>
diff --git a/pages/page6.vue b/pages/page6.vue
deleted file mode 100644
index 23bfa9a..0000000
--- a/pages/page6.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-  <div>
-    <!-- Replace this -->
-    <a href="https://www.youtube.com/watch?v=Bs0GuU0cUtw">YouTube Link</a>
-    <nuxt-link to="/page7">Next Page</nuxt-link>
-  </div>
-</template>
-<script>
-export default {
-  components: {},
-}
-</script>
diff --git a/pages/pages.txt b/pages/pages.txt
new file mode 100644
index 0000000..d7d5873
--- /dev/null
+++ b/pages/pages.txt
@@ -0,0 +1,8 @@
+chef = Page 1
+ou-chine = Page 2
+langues = Page 3
+capital = Page 4
+climate = Page 5
+population = Page 6
+religion = Page 7
+culture = Page 8
+\ No newline at end of file
diff --git a/pages/page4.vue b/pages/population.vue
index aa94796..71f039b 100644
--- a/pages/page4.vue
+++ b/pages/population.vue
@@ -2,7 +2,6 @@
   <div>
     <h1>Le population de Chine</h1>
     <p>Population est 1,440,722,001</p>
-    <nuxt-link to="/page5">Next Page</nuxt-link>
   </div>
 </template>
 
diff --git a/pages/page5.vue b/pages/religion.vue
index 4b1a987..6196089 100644
--- a/pages/page5.vue
+++ b/pages/religion.vue
@@ -2,7 +2,6 @@
   <div>
     <h1>Religion de Chine</h1>
     <p>La religion de Chine est Confucianisme, Taoïsme et Bouddhisme</p>
-    <nuxt-link to="/page6">Next Page</nuxt-link>
   </div>
 </template>