Merge pull request #686 from naher94/making-of-link

Adding link to Making Of

css/rehan.scss

@@ -526,16 +526,28 @@ iframe { //this should probs be aspect ratio // TODO Gissue #385
     margin-bottom: 2rem;
     overflow: hidden;
   }
+  .yir-header{
+    margin-bottom: 4rem;
+    @include breakpoint(small only){
+      margin-bottom: 3rem;
+    }
+  }
   h2{
     text-align: center;
     font-weight: $zilla-bold;
-    margin-bottom: 3rem;
     @include breakpoint(small only){
       line-height: 2.8rem;
     }
   }
-  a{
-    color: $navy-black;
+  .making-of{
+    font-size: 1.5rem;
+    text-align: center;
+    margin: 0;
+    padding: 0;
+    text-wrap: pretty;
+    @include breakpoint(small only){
+      font-size: 1.25rem;
+    }
   }
   .time-travel{
     font-size: 2rem;

index.html

@@ -94,7 +94,9 @@ <h2>Resources</h2>
     <div class="cell">
       <h2>Speaking</h2>
       <p class="section-description">I've been fortunate to speak at many events on design, development and start-ups. I love to share what I know with others and speaking is 1 of the ways I get to do that.</p>
-      <!-- <p class="section-description">Check out one of my recent favorites about working with design systems in a world of new and legacy products. <a href="https://www.youtube.com/watch?v=q5R9hmpvGUo&t=13s" target="_blank" rel="noopener">Watch the talk.</a></p> -->
+      {%- comment -%}
+      <p class="section-description">Check out one of my recent favorites about working with design systems in a world of new and legacy products. <a href="https://www.youtube.com/watch?v=q5R9hmpvGUo&t=13s" target="_blank" rel="noopener">Watch the talk.</a></p>
+      {%- endcomment -%}
 
       <p class="section-description section-description-special">Looking for a speaker for your next event? Let's connect!</p>
       <div class="speaking-socials">
@@ -114,7 +116,7 @@ <h2>Speaking</h2>
       </div>
 
     </div>
-    <!-- upcoming speaking events -->
+    {%- comment -%}upcoming speaking events{%- endcomment -%}
 
     <a class="more-button cell align-self-bottom" href="/about#speaking-events">Where I've spoken</a>
   </div>
@@ -153,8 +155,12 @@ <h2>Photography</h2>
 {% assign yir_order = site.year-in-review | sort: 'year' | reverse %}
 
 <section class="year-in-review grid-x grid-padding-x">
-  <div class="cell">
+  <div class="cell yir-header">
     <h2>Year in Review <span class="time-travel">a little bit of time travel</span></h2>
+    <p class="making-of">
+      Curious what goes into creating my Year in Review? Checkout the
+      {% include external-link.html css-class="" link="https://making-of-year-in-review.rehanbutt.com" content="Making Of" %}
+    </p>
   </div>
 
   {%- for year in yir_order -%}