diff --git a/.gitignore b/.gitignore
index d284262..dfb5f08 100644
--- a/.gitignore
+++ b/.gitignore
@@ -171,3 +171,4 @@ npm-debug.log
 yarn-error.log
 
 # End of https://www.toptal.com/developers/gitignore/api/vuejs,node,visualstudiocode
+vuejs-json.rar
\ No newline at end of file
diff --git a/vue-json/src/assets/img/image_01.jpg b/vue-json/src/assets/img/image_01.jpg
new file mode 100644
index 0000000..b110043
Binary files /dev/null and b/vue-json/src/assets/img/image_01.jpg differ
diff --git a/vue-json/src/assets/img/image_02.jpg b/vue-json/src/assets/img/image_02.jpg
new file mode 100644
index 0000000..601ecce
Binary files /dev/null and b/vue-json/src/assets/img/image_02.jpg differ
diff --git a/vue-json/src/assets/img/image_03.jpg b/vue-json/src/assets/img/image_03.jpg
new file mode 100644
index 0000000..9d348e7
Binary files /dev/null and b/vue-json/src/assets/img/image_03.jpg differ
diff --git a/vue-json/src/assets/img/image_04.jpg b/vue-json/src/assets/img/image_04.jpg
new file mode 100644
index 0000000..699888a
Binary files /dev/null and b/vue-json/src/assets/img/image_04.jpg differ
diff --git a/vue-json/src/assets/img/image_05.jpg b/vue-json/src/assets/img/image_05.jpg
new file mode 100644
index 0000000..83365fd
Binary files /dev/null and b/vue-json/src/assets/img/image_05.jpg differ
diff --git a/vue-json/src/assets/img/image_06.jpg b/vue-json/src/assets/img/image_06.jpg
new file mode 100644
index 0000000..b9e83b5
Binary files /dev/null and b/vue-json/src/assets/img/image_06.jpg differ
diff --git a/vue-json/src/assets/img/image_07.jpg b/vue-json/src/assets/img/image_07.jpg
new file mode 100644
index 0000000..b46a273
Binary files /dev/null and b/vue-json/src/assets/img/image_07.jpg differ
diff --git a/vue-json/src/assets/img/image_08.jpg b/vue-json/src/assets/img/image_08.jpg
new file mode 100644
index 0000000..55fd3fd
Binary files /dev/null and b/vue-json/src/assets/img/image_08.jpg differ
diff --git a/vue-json/src/assets/img/image_09.jpg b/vue-json/src/assets/img/image_09.jpg
new file mode 100644
index 0000000..96a1c63
Binary files /dev/null and b/vue-json/src/assets/img/image_09.jpg differ
diff --git a/vue-json/src/assets/img/image_10.jpg b/vue-json/src/assets/img/image_10.jpg
new file mode 100644
index 0000000..c074cc4
Binary files /dev/null and b/vue-json/src/assets/img/image_10.jpg differ
diff --git a/vue-json/src/assets/img/image_11.jpg b/vue-json/src/assets/img/image_11.jpg
new file mode 100644
index 0000000..05bebd8
Binary files /dev/null and b/vue-json/src/assets/img/image_11.jpg differ
diff --git a/vue-json/src/assets/img/image_12.jpg b/vue-json/src/assets/img/image_12.jpg
new file mode 100644
index 0000000..eabadae
Binary files /dev/null and b/vue-json/src/assets/img/image_12.jpg differ
diff --git a/vue-json/src/assets/img/image_13.jpg b/vue-json/src/assets/img/image_13.jpg
new file mode 100644
index 0000000..2ab8f92
Binary files /dev/null and b/vue-json/src/assets/img/image_13.jpg differ
diff --git a/vue-json/src/assets/img/image_14.jpg b/vue-json/src/assets/img/image_14.jpg
new file mode 100644
index 0000000..15ab7f1
Binary files /dev/null and b/vue-json/src/assets/img/image_14.jpg differ
diff --git a/vue-json/src/assets/img/image_15.jpg b/vue-json/src/assets/img/image_15.jpg
new file mode 100644
index 0000000..8603b49
Binary files /dev/null and b/vue-json/src/assets/img/image_15.jpg differ
diff --git a/vue-json/src/assets/img/image_16.jpg b/vue-json/src/assets/img/image_16.jpg
new file mode 100644
index 0000000..685b426
Binary files /dev/null and b/vue-json/src/assets/img/image_16.jpg differ
diff --git a/vue-json/src/assets/img/image_17.jpg b/vue-json/src/assets/img/image_17.jpg
new file mode 100644
index 0000000..7a2ce8d
Binary files /dev/null and b/vue-json/src/assets/img/image_17.jpg differ
diff --git a/vue-json/src/assets/img/image_18.jpg b/vue-json/src/assets/img/image_18.jpg
new file mode 100644
index 0000000..301f47e
Binary files /dev/null and b/vue-json/src/assets/img/image_18.jpg differ
diff --git a/vue-json/src/assets/img/image_19.jpg b/vue-json/src/assets/img/image_19.jpg
new file mode 100644
index 0000000..b13b086
Binary files /dev/null and b/vue-json/src/assets/img/image_19.jpg differ
diff --git a/vue-json/src/assets/img/image_20.jpg b/vue-json/src/assets/img/image_20.jpg
new file mode 100644
index 0000000..77d68dd
Binary files /dev/null and b/vue-json/src/assets/img/image_20.jpg differ
diff --git a/vue-json/src/assets/img/image_21.jpg b/vue-json/src/assets/img/image_21.jpg
new file mode 100644
index 0000000..1a2989d
Binary files /dev/null and b/vue-json/src/assets/img/image_21.jpg differ
diff --git a/vue-json/src/assets/img/image_22.jpg b/vue-json/src/assets/img/image_22.jpg
new file mode 100644
index 0000000..6a2a502
Binary files /dev/null and b/vue-json/src/assets/img/image_22.jpg differ
diff --git a/vue-json/src/assets/img/image_23.jpg b/vue-json/src/assets/img/image_23.jpg
new file mode 100644
index 0000000..8d65f02
Binary files /dev/null and b/vue-json/src/assets/img/image_23.jpg differ
diff --git a/vue-json/src/assets/img/image_24.jpg b/vue-json/src/assets/img/image_24.jpg
new file mode 100644
index 0000000..00abc6e
Binary files /dev/null and b/vue-json/src/assets/img/image_24.jpg differ
diff --git a/vue-json/src/assets/img/image_25.jpg b/vue-json/src/assets/img/image_25.jpg
new file mode 100644
index 0000000..4b2e7d5
Binary files /dev/null and b/vue-json/src/assets/img/image_25.jpg differ
diff --git a/vue-json/src/assets/img/image_26.jpg b/vue-json/src/assets/img/image_26.jpg
new file mode 100644
index 0000000..f76fcee
Binary files /dev/null and b/vue-json/src/assets/img/image_26.jpg differ
diff --git a/vue-json/src/assets/img/image_27.jpg b/vue-json/src/assets/img/image_27.jpg
new file mode 100644
index 0000000..44af406
Binary files /dev/null and b/vue-json/src/assets/img/image_27.jpg differ
diff --git a/vue-json/src/assets/img/image_28.jpg b/vue-json/src/assets/img/image_28.jpg
new file mode 100644
index 0000000..d30adc7
Binary files /dev/null and b/vue-json/src/assets/img/image_28.jpg differ
diff --git a/vue-json/src/assets/img/image_29.jpg b/vue-json/src/assets/img/image_29.jpg
new file mode 100644
index 0000000..1e4956f
Binary files /dev/null and b/vue-json/src/assets/img/image_29.jpg differ
diff --git a/vue-json/src/assets/img/image_30.jpg b/vue-json/src/assets/img/image_30.jpg
new file mode 100644
index 0000000..769c35f
Binary files /dev/null and b/vue-json/src/assets/img/image_30.jpg differ
diff --git a/vue-json/src/assets/img/image_31.jpg b/vue-json/src/assets/img/image_31.jpg
new file mode 100644
index 0000000..8752e48
Binary files /dev/null and b/vue-json/src/assets/img/image_31.jpg differ
diff --git a/vue-json/src/assets/img/image_32.jpg b/vue-json/src/assets/img/image_32.jpg
new file mode 100644
index 0000000..33f8f2c
Binary files /dev/null and b/vue-json/src/assets/img/image_32.jpg differ
diff --git a/vue-json/src/assets/img/image_33.jpg b/vue-json/src/assets/img/image_33.jpg
new file mode 100644
index 0000000..d238458
Binary files /dev/null and b/vue-json/src/assets/img/image_33.jpg differ
diff --git a/vue-json/src/assets/img/image_34.jpg b/vue-json/src/assets/img/image_34.jpg
new file mode 100644
index 0000000..2302fef
Binary files /dev/null and b/vue-json/src/assets/img/image_34.jpg differ
diff --git a/vue-json/src/assets/img/image_35.jpg b/vue-json/src/assets/img/image_35.jpg
new file mode 100644
index 0000000..fb3ad0e
Binary files /dev/null and b/vue-json/src/assets/img/image_35.jpg differ
diff --git a/vue-json/src/assets/img/image_36.jpg b/vue-json/src/assets/img/image_36.jpg
new file mode 100644
index 0000000..2aebdcf
Binary files /dev/null and b/vue-json/src/assets/img/image_36.jpg differ
diff --git a/vue-json/src/assets/img/image_37.jpg b/vue-json/src/assets/img/image_37.jpg
new file mode 100644
index 0000000..e7b4234
Binary files /dev/null and b/vue-json/src/assets/img/image_37.jpg differ
diff --git a/vue-json/src/assets/img/image_38.jpg b/vue-json/src/assets/img/image_38.jpg
new file mode 100644
index 0000000..4533330
Binary files /dev/null and b/vue-json/src/assets/img/image_38.jpg differ
diff --git a/vue-json/src/assets/img/image_39.jpg b/vue-json/src/assets/img/image_39.jpg
new file mode 100644
index 0000000..dfd87b5
Binary files /dev/null and b/vue-json/src/assets/img/image_39.jpg differ
diff --git a/vue-json/src/assets/img/image_40.jpg b/vue-json/src/assets/img/image_40.jpg
new file mode 100644
index 0000000..aa7d9f0
Binary files /dev/null and b/vue-json/src/assets/img/image_40.jpg differ
diff --git a/vue-json/src/assets/img/image_41.jpg b/vue-json/src/assets/img/image_41.jpg
new file mode 100644
index 0000000..ca84522
Binary files /dev/null and b/vue-json/src/assets/img/image_41.jpg differ
diff --git a/vue-json/src/assets/img/image_42.jpg b/vue-json/src/assets/img/image_42.jpg
new file mode 100644
index 0000000..f55bc2c
Binary files /dev/null and b/vue-json/src/assets/img/image_42.jpg differ
diff --git a/vue-json/src/assets/jsondata.json b/vue-json/src/assets/jsondata.json
index fa45a8a..8e39572 100644
--- a/vue-json/src/assets/jsondata.json
+++ b/vue-json/src/assets/jsondata.json
@@ -2,72 +2,80 @@
     {
         "title":"Nadpis2",
         "content": "Obsah2",
-        "date":"1. 3. 2022"
+        "date": "9. 3. 2022",
+        "img": "image_01.jpg"
     },
     {
         "title":"Nadpis2",
         "content": "Obsah2",
-        "date":"2. 3. 2022"
-    },
-    {
-        "title":"Nadpis1",
-        "content": "Obsah1 ",
-        "date":"3. 3. 2022"
+        "date":"10. 3. 2022",
+        "img": "image_02.jpg"
     },
     {
         "title":"Nadpis2",
         "content": "Obsah2",
-        "date":"4. 3. 2022"
+        "date":"11. 3. 2022", 
+        "img": "image_03.jpg"
     },
     {
-        "title":"NadpisA",
-        "content": "ObsahA",
-        "date":"5. 3. 2022"
+        "title":"Nadpis2",
+        "content": "Obsah2",
+        "date":"12. 3. 2022",
+        "img": "image_04.jpg"
     },
     {
         "title":"Nadpis2",
         "content": "Obsah2",
-        "date":"6. 3. 2022"
+        "date":"13. 3. 2022",
+        "img": "image_05.jpg"
     },
     {
         "title":"Nadpis2",
         "content": "Obsah2",
-        "date":"7. 3. 2022"
+        "date":"14. 3. 2022",
+        "img": "image_06.jpg"
     },
     {
         "title":"Nadpis2",
         "content": "Obsah2",
-        "date":"8. 3. 2022"
+        "date":"15. 3. 2022",
+        "img": "image_07.jpg"
     },
     {
         "title":"Nadpis2",
         "content": "Obsah2",
-        "date":"9. 3. 2022"
+        "date":"16. 3. 2022",
+        "img": "image_08.jpg"
     },
     {
         "title":"Nadpis2",
-        "content": "Obsah nebude psan",
-        "date":"10. 3. 2022"
+        "content": "Obsah2",
+        "date":"21. 3. 2022",
+        "img": "image_09.jpg"
     },
     {
-        "title":"Olejovita skvrna",
-        "content": "Obsah se bude měnit",
-        "date":"11. 3. 2022"
+        "title":"Nadpis2",
+        "content": "Obsah2",
+        "date":"22. 3. 2022",
+        "img": "image_10.jpg"
     },
     {
         "title":"Nadpis2",
         "content": "Obsah2",
-        "date":"12. 3. 2022"
+        "date":"23. 3. 2022",
+        "img": "image_11.jpg"
     },
     {
         "title":"Nadpis2",
         "content": "Obsah2",
-        "date":"13. 3. 2022"
+        "date":"24. 3. 2022",
+        "img": "image_12.jpg"
     },
     {
         "title":"Nadpis2",
         "content": "Obsah2",
-        "date":"14. 3. 2022"
+        "date":"25. 3. 2022",
+        "img": "image_13.jpg"
     }
 
 ]
\ No newline at end of file
diff --git a/vue-json/src/components/jsonview.vue b/vue-json/src/components/jsonview.vue
index 9612f8a..f4d273f 100644
--- a/vue-json/src/components/jsonview.vue
+++ b/vue-json/src/components/jsonview.vue
@@ -2,22 +2,23 @@
 <div>
   <!-- jsonhead -> hlavička pro navigaci a změnu datumu      -->
   <div id="jsonhead">
-    <h2>JSON</h2>
+    <h1>JSON</h1>
     <p>Použi navigační tlačítka pro změnu datumu</p>
-    <button @click="increment()">+</button>
-    <button @click="resetdate()">RESET</button>    
-    <button @click="decrement()">-</button>
+    <button class="navigace" @click="increment()">+</button>
+    <button class="navigace" @click="resetdate()">RESET</button>    
+    <button class="navigace" @click="decrement()">-</button>
   </div>
 <!-- jsonmain -> div pro zobrazeni hlavní části-->
 <div id="jsonmain">  
-  <h4 v-for="data1 in selectDatum(selectDate(date,numberino))" :key="data1.date">
-    <b>{{data1.title}}</b> - {{data1.content}} - <i>{{data1.date}}</i>
-  </h4>
+  <div v-for="data1 in selectDatum(selectDate(date,numberino))" :key="data1.date">
+    <b>{{data1.title}}</b> - {{data1.content}} - <i>{{data1.date}}</i> <br>
+    <img :src="getImgUrl(data1.img)" v-bind:alt="data1.img">  
+</div>
 </div>
 
   <!-- DEBUG SEKCE -->
-  <button @click="showdebug()">DEBUG</button>
-<div id="jsondebug" style="display:none">
+  <button @click="showdebug()"> DEBUG</button>
+<div id="jsondebug" style="display:none"> 
 
     <!-- Test Proměných -->
     <p> {{ selectDate(date,numberino) }} </p>
@@ -37,6 +38,7 @@
     <!-- h2 -> vypisování formátovaného JSON pro zpracovávání -->
     <h2 v-for="data in todayData()" :key="data.date">
       <b>{{data.title}}</b> - {{data.content}} - <i>{{data.date}}</i>
+      
     </h2>
 
     <!-- Vypisování neformátovaných JSON dat na dynamicky měněný datum -->
@@ -77,6 +79,9 @@ export default {
         return this.jsondata.filter(
           jsondata => jsondata.date == datum);
       },
+       getImgUrl(pic) {
+        return require('../assets/img/'+pic);
+        },
 
       
     increment(){