ref/rebrand adjustments (#57)

* ref: adjust posts' banners to fit our branding
* ref: adjust banner height for archive items
* ref: remove 'featured' section
* ref: temporarily disable 'Our principles' until we can refactor that properly with a better UX
* ref: remove border-bottom-right-radius from navbar

Author: arthurpalves

.ruby-version

@@ -1 +1 @@
-3.0.0
+3.1.2

Gemfile.lock

@@ -173,6 +173,7 @@ GEM
     zeitwerk (2.6.8)
 
 PLATFORMS
+  arm64-darwin-21
   universal-darwin-22
 
 DEPENDENCIES

_data/navigation.yml

@@ -4,8 +4,8 @@ main:
   # to be moved to the page body
   # - title: "Categories"
   #   id: categories
-  - title: "Our Principles"
-    url: /principles
+  # - title: "Our Principles"
+  #   url: /principles
   - title: "About"
     url: /about
   - title: "Jobs"

_layouts/home.html

@@ -11,15 +11,6 @@
       {% if page.excerpt %}<meta itemprop="description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
       {% if page.date %}<meta itemprop="datePublished" content="{{ page.date | date: "%B %d, %Y" }}">{% endif %}
       {% if page.modified %}<meta itemprop="dateModified" content="{{ page.modified | date: "%B %d, %Y" }}">{% endif %}
-
-      <section class="page__content" itemprop="text">
-        {% if page.splash %}
-          {% include bb_splash.html %}
-        {% else %}
-          {% include feature_row.html %}
-        {% endif %}
-        {{ content }}
-      </section>
     </article>
   </section>
 

_posts/2020-03-04-kubernetes-application-developer-certification-tips.md

@@ -5,12 +5,12 @@ tags: Ckad Kubernetes Certification Certified Kubernetes K8s
 authors:
 - Andrés Torres
 header:
-  teaser: /assets/images/post/1_678aknjbvxta67HJka.png
+  teaser: /assets/images/post/kubernetes-banner.png
   teaser_alt: Kubernetes certificate
 category: DevOps
 ---
 
-![](/assets/images/post/1_z6NGFcNqfSgJaIvuzaY0sA.png)
+![](/assets/images/post/kubernetes-banner.png)
 
 I just passed the Certified Kubernetes Application Developer (CKAD) exam: [https://www.cncf.io/certification/ckad/](https://www.cncf.io/certification/ckad/)
 

_posts/2020-07-24-building-an-ios14-widget-to-show-account-balance.md

@@ -5,12 +5,12 @@ tags: Mobile iOS14 Swift Widget
 authors:
 - Arthur Alves
 header:
-  teaser: /assets/images/post/3_gYa678jAKLhagDFfA.png
+  teaser: /assets/images/post/ios-widget-banner.png
   teaser_alt: Account Balance Widget
 category: Mobile
 ---
 
-![](/assets/images/post/3_rTFabjU6GfTYxahKA.png)
+![](/assets/images/post/ios-widget-banner.png)
 
 > ***Disclaimer**: This is merely used as proof of concept rather than a production feature, as there are security points to be taken in consideration for showing private and sensitive data for banking apps and similar applications.*
 

_posts/2020-08-14-android-configuration-driven-ui-from-epoxy-to-compose.md

@@ -1,16 +1,16 @@
 ---
-title: "Android: Configuration Driven UI from Epoxy to Compose"
+title: "Configuration Driven UI from Epoxy to Compose"
 excerpt: "This is a story of how we came up with the solution for Configuration driven UI (a level below server-driven UI) in Android at Backbase."
 tags: Mobile Android Jetpack Epoxy
 authors:
 - Hari Vignesh
 header:
-  teaser: /assets/images/post/2_mAYtyuuuajXGyaujaoP.png
+  teaser: /assets/images/post/epoxy-compose-banner.png
   teaser_alt: Kotlin
 category: Mobile
 ---
 
-![](/assets/images/post/2_678ajYYaik18GyxVFa.png)
+![](/assets/images/post/epoxy-compose-banner.png)
 
 This is a story of how we came up with the solution for Configuration driven UI (a level below server-driven UI) in Android at Backbase. It’s not a super perfect system or not highly reactive as Jetpack compose, but it absolutely solves the use-case: to create a framework or library, where developers can create or replace view components via configurations.
 

_posts/2021-06-16-android-flexible-configuration-with-deferred-resources.md

@@ -1,15 +1,17 @@
 ---
-title: "Android: Flexible configuration with Deferred Resources"
+title: "Flexible configuration with Deferred Resources"
 excerpt: Deferred Resources provides flexibility beyond the standard resource-resolution approaches.
 tags: Mobile Android Open-source Deferred-Resources
 authors:
 - Drew Hamilton
 header:
-  teaser: /assets/images/post/05_color_configuration.png
+  teaser: /assets/images/post/deferred-resources-banner.png
   teaser_alt: Deferred Resources
 category: Mobile
 ---
 
+![](/assets/images/post/deferred-resources-banner.png)
+
 Our feature libraries, which include UI, have a number of varying requirements regarding
 configuration by our customers. (My colleague Hari wrote about one such library's requirements
 [here]({% post_url 2020-08-14-android-configuration-driven-ui-from-epoxy-to-compose %}).)

_posts/2021-09-10-intro-to-blockchain-react.md

@@ -5,12 +5,12 @@ tags: Blockchain React
 authors:
 - Alexey Buistov
 header:
-  teaser: /assets/images/post/people.png
+  teaser: /assets/images/post/blockchain_banner.png
   teaser_alt: Hello, Blockchain!
 category: Dev
 ---
 
-![](/assets/images/post/people.png)
+![](/assets/images/post/blockchain_banner.png)
 
 
 This tutorial walks you through the process of creating a very minimal "Hello, world!" - style React app that reads and displays data from the Joystream blockchain. Along the way, I comment a thing or two about scaffolding React applications, JSON-RPC APIs and about the blockhain itself. 

_posts/2021-12-01-the-ultimate-guide-to-slack-etiquette.md

@@ -5,11 +5,13 @@ tags: Slack Remote Work Etiquette
 authors:
 - Rafael Nascimento
 header:
-  teaser: /assets/images/post/remote_work_teaser.png
+  teaser: /assets/images/post/slack-etiquette-banner.png
   teaser_alt: The ultimate guide to Slack etiquette
 category: Remote Work
 ---
 
+![](/assets/images/post/slack-etiquette-banner.png)
+
 We all know that COVID changed the world we live in today. It also changed the way most people work. Although remote work is nothing new for a lot of people, many of us had to adapt to it. Before, we could simply have a coffee with our team mates and discuss things face to face, but now messaging tools (for example [Slack](https://youtu.be/qUkYkm9bWak)) take a very important role in a "the less useless meetings the better" remote work strategy.
 
 Slack is a messaging app for business that connects people to the information they need. It has several features that makes remote cooperation *"an easier, more organized way to work"* (as they promote on their website). Slack team is so kind that they even give you some [etiquette tips](https://slack.com/blog/collaboration/etiquette-tips-in-slack) of how to collaborate with kindness (I recommend the read, as I don't plan to repeat all of them here). However, I want to take this a step further.

_posts/2022-06-08-deploying-angular-app-on-azure.md

@@ -1,17 +1,17 @@
 ---
-title: "Angular: Deploy an Angular app on Azure"
+title: "Deploying an Angular app on Azure"
 excerpt: "Deploy a multi-locale Angular app using Azure Blob Storage and CDN Classic"
 tags: Frontend Angular Azure i18n
 authors:
 - Yash Kapila
 - Marco Santarelli
 header:
-  teaser: /assets/images/post/web-azure-angular-logo.jpeg
+  teaser: /assets/images/post/angular-azure-banner.png
   teaser_alt: Azure and Angular
 category: Frontend
 ---
 
-![](/assets/images/post/web-azure-angular-logo.jpeg)
+![](/assets/images/post/angular-azure-banner.png)
 
 ## Introduction
 

_posts/2022-07-01-ios-mobile-testing-ease-your-life-at-work-with-fastlane.md

@@ -1,15 +1,16 @@
 ---
-title: "iOS Mobile Testing: Ease your life at work with Fastlane"
-excerpt: "This is the story how we use fastlane in CI pipeline for iOS"
+title: "Ease your life at work with Fastlane"
+excerpt: "A brief overview of how we use fastlane in CI pipelines for iOS"
 tags: Mobile iOS testing
 authors:
 - Dilshan Fernando
 header:
-  teaser: /assets/images/post/ios_fastlane.png
+  teaser: /assets/images/post/fastlane_banner.png
   teaser_alt: Ease your life at work with Fastlane
 category: Software Quality Assurance 
 ---
-![](/assets/images/post/ios_fastlane.png)
+
+![](/assets/images/post/fastlane_banner.png)
 
 # As a software Tester, are you curious in finding the solutions to the below questions? (for iOS)
  - How to reduce test execution time by running in parallel on physical devices and simulators? 

_posts/2022-11-16-android-fragment-testing.md

@@ -6,12 +6,14 @@ tags: Mobile Android testing
 authors:
 - Raman Koushyk
 header:
-  teaser: /assets/images/post/espresso-logo.png
+  teaser: /assets/images/post/espresso-banner.png
   teaser_alt: Fragments
 category: Software Quality Assurance
 
 ---
 
+![](/assets/images/post/espresso-banner.png)
+
 ## **What is Fragment testing on Android**
 
 

_posts/2023-05-01-shift-left-approach-to-testing.md

@@ -6,12 +6,14 @@ tags: Testing, Quality Assurance
 authors:
 - Anjali Goyal
 header:
-  teaser: /assets/images/post/shift-left1.png
+  teaser: /assets/images/post/shift-left-banner.png
   teaser_alt: Quality Assistance Approach
 category: Software Quality Assurance
 
 ---
 
+![](/assets/images/post/shift-left-banner.png)
+
 “**Shift left**” testing movement is about pushing testing towards the early stages of Software Development Life Cycle.
 
 By testing **early and often**, a project can reduce the number of bugs and increase the quality of the code.

_sass/components/_archive.scss

@@ -22,7 +22,8 @@
         }
       }
 
-      max-height: 170px;
+      min-height: 200px;
+      max-height: 100%;
       overflow: hidden;
     }
 

_sass/components/_nav.scss

@@ -31,7 +31,6 @@
     width: 100%;
     height: 100%;
     background: map-get($bb-palette, 'blue');
-    border-bottom-right-radius: 100rem;
     z-index: -1;
   }
 }