.gitlab-ci.yml

-image: node:15
+image: node:10-buster
 
 variables:
   SITE_NAME: piratipracuji.cz
@@ -18,7 +18,7 @@ build:
     - yarn build
     - yarn generate
   after_script:
-    - echo "{\"job_token\":\"$CI_JOB_TOKEN\", \"name\":\"$SITE_NAME\" }" > request.json
+    - echo "{ \"name\":\"$SITE_NAME\" }" > request.json
     - "curl -H 'Content-Type: application/json' -X POST -d @request.json $WEBHOOK_URL"
   artifacts:
     expire_in: 30 min

src-front/assets/scss/_typography.scss

@@ -9,44 +9,47 @@ h4, .like-h4 {
 }
 
 h1, .like-h1 {
-	font-size: 50px;
+  font-size: 50px;
 
-	@media (max-width: 590px) {
-		font-size: 40px;
-	}
+  @media (max-width: 590px) {
+    font-size: 40px;
+  }
 
-	@media (max-width: 420px) {
-		font-size: 35px;
-	}
+  @media (max-width: 420px) {
+    font-size: 35px;
+  }
 }
 
 h2, .like-h2 {
-	font-size: 35px;
+  font-size: 35px;
 }
 
 h3, .like-h3 {
-	font-size: 30px;
+  font-size: 30px;
 
-	@media (max-width: 600px) {
-		font-size: 26px;
-	}
+  @media (max-width: 600px) {
+    font-size: 26px;
+  }
 }
 
 h4, .like-h4 {
-	font-size: 20px;
+  font-size: 20px;
 }
 
-p {
+p, ul {
   margin: 0;
-  padding: 0;
   font-family: $font-primary;
   font-weight: 300;
   font-size: 20px;
   line-height: 1.5;
 
   @media (max-width: 590px) {
-		font-size: 17px;
-	}
+    font-size: 17px;
+  }
+}
+
+p {
+  padding: 0;
 }
 
 a {

src-front/assets/scss/post-styles.scss

@@ -4,14 +4,15 @@
   }
 
   h3 {
-      margin-bottom: 10px;
+    margin-bottom: 10px;
   }
 
-  p {
-      font-weight: 300;
+  p, ul {
+    font-weight: 300;
 
-      margin-bottom: 20px;
+    margin-bottom: 20px;
   }
+
   a {
     text-decoration: underline;
     text-decoration-color:#a0a0a0;
@@ -55,8 +56,8 @@
     }
 
     @media (max-width: 850px) {
-        margin-top: 30px;
-        margin-bottom: 40px;
+      margin-top: 30px;
+      margin-bottom: 40px;
     }
   }
 

src-front/components/header/Header.vue

@@ -47,12 +47,20 @@ export default {
   }
 
   &__left {
+    @media (max-width: 1120px) {
+        width: 40%;
+    }
+
     @media (max-width: 830px) {
         width: auto;
     }
   }
 
   &__right {
+    @media (max-width: 1120px) {
+        width: 60%;
+    }
+
     @media (max-width: 830px) {
         width: 100%;
     }

src-front/components/header/HeaderLogo.vue

@@ -13,6 +13,10 @@
     line-height: 1;
     margin-right: 20px;
 
+    @media (max-width: 700px) {
+        margin-top: auto;
+    }
+
     @media (max-width: 420px) {
         margin-right: 35px;
     }

src-front/components/header/HeaderNavigation.vue

@@ -2,6 +2,7 @@
   <nav class="navigation">
     <nuxt-link to="/" exact>Časová osa</nuxt-link>
     <nuxt-link to="/o-projektu">O projektu</nuxt-link>
+    <nuxt-link to="/vysledky-2022">Výsledky 2022</nuxt-link>
   </nav>
 </template>
 
@@ -12,6 +13,7 @@
 
   display: flex;
   justify-content: flex-end;
+  gap: 10%;
 
   margin-left: 0;
   margin-right: 10%;
@@ -20,10 +22,13 @@
     flex: 1;
   }
 
+  @media (max-width: 700px) {
+    flex-wrap: wrap;
+  }
+
   @media (max-width: 590px) {
     width: 100%;
 
-
     margin-left: 0;
     margin-right: 0;
     margin-bottom: 15px;
@@ -33,7 +38,6 @@
     font-family: $font-secondary;
     font-weight: 700;
     white-space: nowrap;
-    margin-right: 10%;
 
     &:last-of-type {
       @media (max-width: 590px) {

src-front/components/header/HeaderSlogan.vue

 <template>
   <p>
-    Přehled toho nejdůležitějšího, na čem Piráti pracují nejen v Poslanecké sněmovně<br/>
+    Přehled toho nejdůležitějšího, na čem Piráti pracují nejen v Poslanecké sněmovně<br>
   </p>
 </template>
 
@@ -13,13 +13,14 @@ p {
 
   padding-left: 20px;
 
-  @media (max-width: 1000px) {
-    font-size: 16px;
+  @media (max-width: 1250px) {
     padding-left: 0;
+    max-width: 380px;
+    font-size: 17px;
   }
 
-  @media (max-width: 830px) {
-      display: none;
+  @media (max-width: 1000px) {
+    display: none;
   }
 }
 </style>

src-front/components/posts/Posts.vue

@@ -6,7 +6,7 @@
 
     <masonry :cols="{default: 2, 1020: 1}" :gutter="16" :columnClass="['masonrycolumn']">
       <div v-for="(post, index) in posts.items" :key="post.index">
-        <PostsItem :post="post" class="posts__items-item" />      
+        <PostsItem :post="post" class="posts__items-item" />
         <Newsletter v-if="(index + 1) % 160 == 0 || (index + 1) == 80" />
       <!---
       <div v-for="(post, index) in posts.items" :key="post.index">
@@ -17,7 +17,7 @@
       --->
 
       </div>
-     </masonry> 
+     </masonry>
 
       <div v-if="posts.items == 0" class="posts__items-empty">
         Nebyl nalezen žádný výsledek.
@@ -26,7 +26,7 @@
       <div class="posts__more">
         <Button @click.native="handlePostsShowMore" v-if="limit < posts.total" arrow="down" size="large" center>Starší články</Button>
       </div>
-      
+
 
     </div>
   </section>
@@ -56,8 +56,10 @@ export default {
     return {
       title: this.posts.items[0].title,
       meta: [
-        { hid: 'og:title', property: 'og:title', content: this.posts.items[0].title },
-        { hid: 'og:image', property: 'og:image', content: this.posts.items[0].thumbnail },
+// Kokotina. Ale facebook evidentne nebere og z podstranek, jen z uvodni
+        { hid: 'og:title', property: 'og:title', content: 'Nejdůležitější výsledky Pirátů za první rok ve vládě' },
+//        { hid: 'og:title', property: 'og:title', content: this.posts.items[0].title },
+//        { hid: 'og:image', property: 'og:image', content: this.posts.items[0].thumbnail },
         { hid: 'og:url', property: 'og:url', content: baseUrl },
       ],
     };

src-front/nuxt.config.js

@@ -45,7 +45,7 @@ export default {
       { hid: 'og:title', property: 'og:title', content: appConfig.name },
       { hid: 'og:description', property: 'og:description', content: 'Přehled toho nejdůležitějšího nejen z Poslanecké sněmovny.' },
       { hid: 'og:site_name', property: 'og:site_name', content: appConfig.name },
-      { hid: 'og:image', property: 'og:image', content: `${appConfig.productionUrl}/images/og-cover.jpg?v=3` },
+      { hid: 'og:image', property: 'og:image', content: `${appConfig.productionUrl}/images/og-image.jpg?v=1` },
       { hid: 'og:url', property: 'og:url', content: `${appConfig.productionUrl}` },
       { hid: 'generated', property: 'generated', content: `${appConfig.dateTime}` },
 

src-front/pages/_slug.vue

@@ -42,7 +42,6 @@ export default {
   },
   methods: {
     renderContent(content) {
-      content = content.replace('.jpg"', '@2x.jpg"');
       content = content.replace('http://admin.piratipracuji.cz/uploads/', 'https://res.cloudinary.com/pirati/image/fetch/w_1600,q_auto,f_auto/https://admin.piratipracuji.cz/uploads/');
       return content;
     },