Feature/news cadence UI pic (#288)

* adjusted positioning in feed. Add image to cadence ui post.

* add image to news modal if available.

* fix lint

* PR comments

* updating screenshot to a later snapshot of feature

Author: just-at-uber

client/components/news-modal.vue

@@ -65,14 +65,15 @@ export default {
         <div
           class="news-item"
           :key="id"
-          v-for="{ id, summary, title, url } in newsItems"
+          v-for="{ id, image, summary, title, url } in newsItems"
         >
           <h3>
             <router-link :to="url" v-on:click.native="onLinkClick">
               {{ title }}
             </router-link>
           </h3>
           <p>{{ summary }}</p>
+          <img alt="news image" class="news-image" :src="image" v-if="image" />
         </div>
       </div>
       <div class="footer">
@@ -98,7 +99,7 @@ export default {
 <style lang="stylus">
 .news-modal {
   .content {
-    max-height: 400px
+    max-height: 650px
     overflow-y: auto;
   }
 
@@ -122,6 +123,10 @@ export default {
     }
   }
 
+  .news-image {
+    max-width: 800px;
+  }
+
   .see-more {
     font-size: 16px;
   }

news/blog/_posts/2021-04-19-cadence-java-3-0-0.md

@@ -1,5 +1,5 @@
 ---
-date: 2021-04-19T07:00:02
+date: 2021-04-19T07:00:01
 feed:
   enable: true
 ---

news/blog/_posts/2021-04-19-cadence-ui-3-25-0.md

@@ -1,7 +1,9 @@
 ---
-date: 2021-04-19T07:00:01
+date: 2021-04-19T07:00:03
 feed:
   enable: true
+image: https://user-images.githubusercontent.com/58960161/115476716-4b76c100-a1f7-11eb-933f-0faf7d235a7e.png
+summary: Now you can view all your pending activites/childworkflows in the pending tasks tab
 ---
 
 ## Cadence UI v3.25.0