Dimitrie GitLab Digital Nomad Blogpost

As promised, I will create a blogpost which describes my incentive, experience and what I have learned on my trip sponsored by GitLab in order to visit colleagues in India, Cambodia and Taiwan.

link to google spreadsheet that I used

Todo

• add photos
• link every city name to its google map
• link every team member name to their profiles on the team page
• "working abroad" handbook page
• make google spreadsheet plan template available
• Ping every team member mentioned checking if they're okay with your text/photo ;)
• Let the theme be mobile optimised
• look into converting image links to carousel
• check all gitlab mentions to be with a capital G and L
• Compress images with tinypng
• finalise blogpost content after reviews
• check if blogpost date is correct

Review app links:

• https://dimitrie-travel-blog-post.about.gitlab.com/2017/06/20/there-and-back-again-in-one-release/
• https://dimitrie-travel-blog-post.about.gitlab.com/handbook/working-remotely#tips-on-working-remotely-while-abroad
• https://dimitrie-travel-blog-post.about.gitlab.com/handbook/incentives/#work-remotely-travel-grant

source/stylesheets/there-and-back-again-in-one-release.css.scss

@@ -8,7 +8,7 @@ body {
 .blog.article {
   .cover {
-    @media (min-width: $screen-md-min) {
+    @media (min-width: $screen-sm-min) {
       height: 70vh;
       background-repeat: no-repeat;
       background-position-y: 50px;
@@ -21,12 +21,12 @@ body {
   .wrapper {
     box-shadow: none;
-    @media (max-width: $screen-sm-max) {
+    @media (max-width: $screen-xs-max) {
       padding: 10px 16px;
     }
     &.header {
-      @media (max-width: $screen-sm-max) {
+      @media (max-width: $screen-xs-max) {
         position: absolute;
         bottom: 0;
       }
@@ -35,11 +35,11 @@ body {
     &.signup {
       max-width: 800px;
-      @media (max-width: $screen-sm-max) {
+      @media (max-width: $screen-xs-max) {
         padding: 0;
       }
-      @media (min-width: $screen-md-min) {
+      @media (min-width: $screen-sm-min) {
         padding: 0 75px;
       }
     }
@@ -64,7 +64,7 @@ body {
     background: linear-gradient(to top, $color-dark 10%, $color-transparent 90%);
     text-align: center;
-    @media (max-width: $screen-sm-max) {
+    @media (max-width: $screen-xs-max) {
       height: 450px;
     }
   }
@@ -74,7 +74,7 @@ body {
     line-height: 1.25;
     margin-bottom: 25px;
-    @media (min-width: $screen-md-min) {
+    @media (min-width: $screen-sm-min) {
       font-size: 7vh;
       max-width: 1300px;
     }
@@ -85,7 +85,7 @@ body {
     margin-top: 30px;
     line-height: 1.2;
-    @media (min-width: $screen-md-min) {
+    @media (min-width: $screen-sm-min) {
       font-size: 44px;
     }
   }
@@ -99,7 +99,7 @@ body {
   .description {
     font-weight: 300;
-    @media (min-width: $screen-md-min) {
+    @media (min-width: $screen-sm-min) {
       margin: 0 auto;
       margin-bottom: 30px;
       font-size: 30px;
@@ -108,13 +108,13 @@ body {
   }
   .body {
-    @media (min-width: $screen-md-min) {
+    @media (min-width: $screen-sm-min) {
       max-width: 800px;
     }
     .content {
       ul {
-        @media (max-width: $screen-sm-max) {
+        @media (max-width: $screen-xs-max) {
           padding-left: 30px;
         }
       }
@@ -123,7 +123,7 @@ body {
         max-width: calc(100% + 32px);
         margin-left: -16px;
-        @media (min-width: $screen-md-min) {
+        @media (min-width: $screen-sm-min) {
           margin: 25px 0;
           max-width: calc(100% + 150px);
           margin-left: -75px;
@@ -131,7 +131,7 @@ body {
       }
       .vista {
-        @media (min-width: $screen-md-min) {
+        @media (min-width: $screen-sm-min) {
           min-width: 100vw;
           max-width: 100vw;
           margin-left: calc(325px - 50vw);