Images are now local instead of depending on its original websites

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>

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>

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'"

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>

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>