From 0df2c534d8615fd55994e9d27d9c2b81d4e87c20 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Sat, 25 Jan 2020 19:59:54 +0100
Subject: Add image to open graph

---
 pages/kronika/_year/_month/_day/_title/index.vue | 26 ++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

(limited to 'pages/kronika/_year')

diff --git a/pages/kronika/_year/_month/_day/_title/index.vue b/pages/kronika/_year/_month/_day/_title/index.vue
index 9fab1d0..ed9eab7 100644
--- a/pages/kronika/_year/_month/_day/_title/index.vue
+++ b/pages/kronika/_year/_month/_day/_title/index.vue
@@ -5,6 +5,11 @@
       <p>Nie znaleziono wpisu</p>
     </div>
     <section v-else class="article">
+      <img
+        :src="attributes.image"
+        :alt="attributes.title"
+        :title="attributes.title"
+      />
       <article class="content" v-html="content"></article>
     </section>
   </div>
@@ -22,19 +27,24 @@ export default {
         {
           hid: 'og:title',
           property: 'og:title',
-          content: this.attributes.title
+          content: this.attributes.title,
         },
         {
           hid: 'og:type',
           property: 'og:type',
-          content: 'article'
+          content: 'article',
         },
         {
           hid: 'og:article:author',
           property: 'og:article:author',
-          content: this.attributes.author
-        }
-      ]
+          content: this.attributes.author,
+        },
+        {
+          hid: 'og:image',
+          property: 'og:image',
+          content: this.attributes.image,
+        },
+      ],
     }
   },
   async asyncData({ params }) {
@@ -46,14 +56,14 @@ export default {
     return {
       params,
       attributes: post.content.meta,
-      content: post.content.html
+      content: post.content.html,
     }
   },
   data() {
     return {
-      notFound: false
+      notFound: false,
     }
-  }
+  },
 }
 </script>
 
-- 
cgit 1.4.1


From 03b8bea02076f8eceddded0a096026125e5e7ca1 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Sat, 25 Jan 2020 20:16:01 +0100
Subject: Fix empty images

---
 components/GoogleDriveLink.vue                   | 10 +++++-----
 components/Posts/PostLink.vue                    |  1 +
 pages/kronika/_year/_month/_day/_title/index.vue |  4 +++-
 3 files changed, 9 insertions(+), 6 deletions(-)

(limited to 'pages/kronika/_year')

diff --git a/components/GoogleDriveLink.vue b/components/GoogleDriveLink.vue
index c54c630..ada6eff 100644
--- a/components/GoogleDriveLink.vue
+++ b/components/GoogleDriveLink.vue
@@ -6,7 +6,7 @@
     <div class="text">
       <p v-html="text"></p>
     </div>
-    <a :href="link">
+    <a :href="link" target="_blank" rel="noopener">
       <plain-button text="Przejdź" />
     </a>
   </div>
@@ -21,13 +21,13 @@ export default {
   props: {
     text: {
       type: String,
-      required: true
+      required: true,
     },
     link: {
       type: String,
-      required: true
-    }
-  }
+      required: true,
+    },
+  },
 }
 </script>
 
diff --git a/components/Posts/PostLink.vue b/components/Posts/PostLink.vue
index 5f7d5bf..3f80bae 100644
--- a/components/Posts/PostLink.vue
+++ b/components/Posts/PostLink.vue
@@ -86,5 +86,6 @@ export default {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
+  box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.25);
 }
 </style>
diff --git a/pages/kronika/_year/_month/_day/_title/index.vue b/pages/kronika/_year/_month/_day/_title/index.vue
index ed9eab7..331ed7a 100644
--- a/pages/kronika/_year/_month/_day/_title/index.vue
+++ b/pages/kronika/_year/_month/_day/_title/index.vue
@@ -6,6 +6,7 @@
     </div>
     <section v-else class="article">
       <img
+        v-if="attributes.image"
         :src="attributes.image"
         :alt="attributes.title"
         :title="attributes.title"
@@ -79,7 +80,8 @@ export default {
 }
 .article img {
   width: 100%;
-  border-radius: 5px;
+  /*border-radius: 5px;*/
+  box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.25);
 }
 
 .article h1 {
-- 
cgit 1.4.1