Images are now local instead of depending on its original websites

15 files changed, 26 insertions, 48 deletions

diff --git a/assets/img/4fca-stroke-order.gif b/assets/img/4fca-stroke-order.gif
new file mode 100644
index 0000000..b253f4f
--- /dev/null
+++ b/assets/img/4fca-stroke-order.gif
diff --git a/assets/img/5bb6-stroke-order.gif b/assets/img/5bb6-stroke-order.gif
new file mode 100644
index 0000000..54d1b99
--- /dev/null
+++ b/assets/img/5bb6-stroke-order.gif
diff --git a/assets/img/674e-stroke-order.gif b/assets/img/674e-stroke-order.gif
new file mode 100644
index 0000000..b0ed983
--- /dev/null
+++ b/assets/img/674e-stroke-order.gif
diff --git a/assets/img/CE-Dim-Sum-Event_02-min.jpg b/assets/img/CE-Dim-Sum-Event_02-min.jpg
new file mode 100644
index 0000000..d77b922
--- /dev/null
+++ b/assets/img/CE-Dim-Sum-Event_02-min.jpg
diff --git a/assets/img/Flag_of_the_Peoples_Republic_of_China.svg b/assets/img/Flag_of_the_Peoples_Republic_of_China.svg
new file mode 100644
index 0000000..d6e05f5
--- /dev/null
+++ b/assets/img/Flag_of_the_Peoples_Republic_of_China.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>

+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="900" height="600" viewBox="0 0 30 20">

+<defs>

+<path id="s" d="M0,-1 0.587785,0.809017 -0.951057,-0.309017H0.951057L-0.587785,0.809017z" fill="#ffde00"/>

+</defs>

+<rect width="30" height="20" fill="#de2910"/>

+<use xlink:href="#s" transform="translate(5,5) scale(3)"/>

+<use xlink:href="#s" transform="translate(10,2) rotate(23.036243)"/>

+<use xlink:href="#s" transform="translate(12,4) rotate(45.869898)"/>

+<use xlink:href="#s" transform="translate(12,7) rotate(69.945396)"/>

+<use xlink:href="#s" transform="translate(10,9) rotate(20.659808)"/>

+</svg>
\ No newline at end of file
diff --git a/assets/img/Sarah_Chinese16.jpg b/assets/img/Sarah_Chinese16.jpg
new file mode 100644
index 0000000..6b97b89
--- /dev/null
+++ b/assets/img/Sarah_Chinese16.jpg
diff --git a/assets/img/Xi_Jinping_2019.jpg b/assets/img/Xi_Jinping_2019.jpg
new file mode 100644
index 0000000..de38629
--- /dev/null
+++ b/assets/img/Xi_Jinping_2019.jpg
diff --git a/assets/img/beijing.jpg b/assets/img/beijing.jpg
new file mode 100644
index 0000000..1c892d5
--- /dev/null
+++ b/assets/img/beijing.jpg
diff --git a/assets/img/chine-petite.png b/assets/img/chine-petite.png
new file mode 100644
index 0000000..51a7470
--- /dev/null
+++ b/assets/img/chine-petite.png
diff --git a/assets/img/climate.jpg b/assets/img/climate.jpg
new file mode 100644
index 0000000..4a037b8
--- /dev/null
+++ b/assets/img/climate.jpg
diff --git a/assets/img/xiao-long-bao.jpg b/assets/img/xiao-long-bao.jpg
new file mode 100644
index 0000000..44ef820
--- /dev/null
+++ b/assets/img/xiao-long-bao.jpg
diff --git a/layouts/default.vue b/layouts/default.vue
index d075b39..d0c97eb 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -8,11 +8,11 @@
             <v-col>
               <v-btn to="/">Accueil</v-btn>
               |
-              <v-btn to="propos-chine">À propos Chine</v-btn>
+              <v-btn to="/propos-chine">À propos Chine</v-btn>
               |
-              <v-btn to="culture">Culture</v-btn>
+              <v-btn to="/culture">Culture</v-btn>
               |
-              <v-btn to="a-propos">À propos</v-btn>
+              <v-btn to="/a-propos">À propos</v-btn>
               <br />
               <br />
               <p>
diff --git a/pages/culture.vue b/pages/culture.vue
index 23a12d7..d05628b 100644
--- a/pages/culture.vue
+++ b/pages/culture.vue
@@ -3,20 +3,12 @@
     <h1>La culture de Chine</h1>
     <h2>La nourriture de Chine</h2>
     <img
-      src="https://chinatown.co.uk/wp-content/uploads/2018/06/CE-Dim-Sum-Event_02-min.jpg"
+      src="~/assets/img/CE-Dim-Sum-Event_02-min.jpg"
       width="25%"
       height="25%"
     />
-    <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%"
-    />
+    <img src="~/assets/img/xiao-long-bao.jpg" width="20%" height="20%" />
+    <img src="~/assets/img/Sarah_Chinese16.jpg" width="20%" height="20%" />
     <h2>Fêter le Nouvel An</h2>
     <iframe
       :src="'https://www.youtube.com/embed/Bs0GuU0cUtw'"
diff --git a/pages/index.vue b/pages/index.vue
index 1899e1f..0f2ed1d 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -5,28 +5,16 @@
     <h2>Le propre nom de la Chine</h2>
     <p>République populaire de Chine<br />(中华人民共和国)</p>
     <img
-      src="https://upload.wikimedia.org/wikipedia/commons/f/fa/Flag_of_the_People%27s_Republic_of_China.svg"
+      src="~/assets/img/Flag_of_the_Peoples_Republic_of_China.svg"
       height="20%"
       width="20%"
     />
     <h2>Mon nom chinois</h2>
     <p>(李家俊) Lee Gar-Jun</p>
     <!-- Put the meanings of this name -->
-    <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%"
-    />
+    <img src="~/assets/img/674e-stroke-order.gif" height="10%" width="10%" />
+    <img src="~/assets/img/5bb6-stroke-order.gif" height="10%" width="10%" />
+    <img src="~/assets/img/4fca-stroke-order.gif" height="10%" width="10%" />
     <br />
   </div>
 </template>
diff --git a/pages/propos-chine.vue b/pages/propos-chine.vue
index d0b4922..f60e8fb 100644
--- a/pages/propos-chine.vue
+++ b/pages/propos-chine.vue
@@ -2,9 +2,7 @@
   <div>
     <h1>À propos de la Chine</h1>
     <h2>Où est la Chine?</h2>
-    <img
-      src="https://www.populationdata.net/wp-content/uploads/chine-petite.png"
-    />
+    <img src="~/assets/img/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.
@@ -12,18 +10,10 @@
     <img src="~/assets/img/map.jpg" height="40%" width="40%" />
     <h2>La capitale</h2>
     <p>La capitale de la Chine est Pékin (Aussi connu sous le nom 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"
-      width="30%"
-      height="30%"
-    />
+    <img src="~/assets/img/beijing.jpg" width="30%" height="30%" />
     <h2>Le chef de le pays</h2>
     <p>Xi Jinping</p>
-    <img
-      src="https://upload.wikimedia.org/wikipedia/commons/3/32/Xi_Jinping_2019.jpg"
-      width="10%"
-      height="10%"
-    />
+    <img src="~/assets/img/Xi_Jinping_2019.jpg" width="10%" height="10%" />
     <h2>La population en Chine</h2>
     <p>Population est 1,440,722,001</p>
     <h2>Les langues en Chine</h2>
@@ -40,11 +30,7 @@
       ancêtre, Culte des dieux), Bouddhisme, Chrétiens et Musulmans.
     </p>
     <h2>Le climat en Chine</h2>
-    <img
-      src="https://chine.in/images/2019/c0162d06646e37e5525a5fe66aa96c37.jpg"
-      height="30%"
-      width="30%"
-    />
+    <img src="~/assets/img/climate.jpg" height="30%" width="30%" />
     <p>Température moyenne en Chine</p>
   </div>
 </template>