Merge pull request #704 from naher94/development

Bug Fix & Resource Added

_config.yml

@@ -13,7 +13,7 @@ description: > # this means to ignore newlines until "baseurl:"
 
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://rehanbutt.com" # the base hostname & protocol for your site
-version: 8.1.0
+version: 8.2.0
 version-naming: [Apricot, Blackcurrent, Coconut, Dragonfruit, Elderberry, Fig, Guava, Honeydew]
 
 # Build settings

_photography/abu-dhabi.markdown

@@ -18,7 +18,7 @@ During my trip to Abu Dhabi I had the chance to visit Sheikh Zayed Grand Mosque,
 
 
 <!-- TODO should this be a component?? -->
-<div class="grid-x grid-padding-x grid-margin-y">
+<div class="grid-x grid-margin-x grid-margin-y">
   <div class="grid-x cell">
     <div class="map-container cell grid-x">
       <img class="map" src="../img/photography/abu-dhabi-2023/worldmap-abu-dhabi.svg" alt="Illustrated map of the world with a focus on the United Arab Emirates">
@@ -40,7 +40,7 @@ During my trip to Abu Dhabi I had the chance to visit Sheikh Zayed Grand Mosque,
   </div>
 </div>
 
-<div class="grid-x grid-padding-x grid-margin-y">
+<div class="grid-x grid-margin-x grid-margin-y">
   <div class="cell">
     <img src="/img/photography/abu-dhabi-2023/mosque.jpg" alt="Sheikh Zayed Grand Mosque in full">
   </div>

_photography/assorted-snaps.markdown

@@ -14,7 +14,7 @@ hero-accent-color: "#1F2937"
 hero-accent-color-dark: "#FFFFFF"
 ---
 
-<div class="grid-x grid-padding-x grid-margin-y">
+<div class="grid-x grid-margin-x grid-margin-y">
   <div class="cell">
     <img src="../img/photography/assorted/kidinatub.jpg" alt="A kid in a tub rowing down the river" style="width: 100%;">
   </div>
@@ -28,7 +28,7 @@ hero-accent-color-dark: "#FFFFFF"
     <img src="../img/photography/assorted/greenboat.jpg" alt="River boat harvesting the floating gardens" style="width: 100%;">
   </div>
 </div>
-<div class="grid-x grid-padding-x grid-margin-y">
+<div class="grid-x grid-margin-x grid-margin-y">
   <div class="cell" style="display: flex; flex: calc(509/768);">
     <img src="../img/photography/assorted/monkshave.jpg" alt="A monk having a shave" style="width: 100%;">
   </div>

_photography/dubai-expo.markdown

@@ -22,7 +22,7 @@ I invite you to experience this extraordinary event that united the world with a
 
 
 <!-- TODO should this be a component?? -->
-<div class="grid-x grid-padding-x grid-margin-y">
+<div class="grid-x grid-margin-x grid-margin-y">
   <div class="grid-x cell">
     <div class="map-container cell grid-x">
       <img class="map" src="../img/photography/dubai/worldmap-dubai.svg" alt="Illustrated map of the world with a focus on the United Arab Emirates">
@@ -44,7 +44,7 @@ I invite you to experience this extraordinary event that united the world with a
   </div>
 </div>
 
-<div class="grid-x grid-padding-x grid-margin-y">
+<div class="grid-x grid-margin-x grid-margin-y">
   <div class="cell">
     <img src="../img/photography/dubai-expo/marrocco-pavilion.jpg" alt="Shot of the Morocco pavilion looking up through the atrium">
   </div>

_photography/dubai.markdown

@@ -17,7 +17,7 @@ hero-accent-color-dark: "#FFFFFF"
 Had the opportunity to visit Dubai twice, 10 years apart. First in 2012 then 2022 when I attended the <a href="{% link _photography/dubai-expo.markdown %}">World Expo</a>. Enjoy some of my favorite shots from my trip exploring architecture and culture.
 
 <!-- TODO should this be a component?? -->
-<div class="grid-x grid-padding-x grid-margin-y">
+<div class="grid-x grid-margin-x grid-margin-y">
   <div class="grid-x cell">
     <div class="map-container cell grid-x">
       <img class="map" src="../img/photography/dubai-expo/worldmap-dubai.svg" alt="Illustrated map of the world with a focus on the United Arab Emirates">
@@ -40,7 +40,7 @@ Had the opportunity to visit Dubai twice, 10 years apart. First in 2012 then 202
 </div>
 
 <!-- TODO add future museum elevator??? -->
-<div class="grid-x grid-padding-x grid-margin-y">
+<div class="grid-x grid-margin-x grid-margin-y">
   <div class="cell">
     <img src="../img/photography/dubai/burj-al-arab-atrium-gold.jpg" alt="Atrium of the Burj al Arab with the gold arches">
   </div>

_photography/istanbul.markdown

@@ -17,7 +17,7 @@ hero-accent-color-dark: "#FFFFFF"
 During the winter of 2023, I visited the city of Istanbul. While there I visited many sites and made friends with several street cats. Enjoy some of my favorite shots from my trip.
 
 <!-- TODO should this be a component?? -->
-<div class="grid-x grid-padding-x grid-margin-y">
+<div class="grid-x grid-margin-x grid-margin-y">
   <div class="grid-x cell">
     <div class="map-container cell grid-x">
       <img class="map" src="../img/photography/istanbul-2023//worldmap-turkey.svg" alt="Illustrated map of the world with a focus on Turkey">
@@ -39,7 +39,7 @@ During the winter of 2023, I visited the city of Istanbul. While there I visited
   </div>
 </div>
 
-<div class="grid-x grid-padding-x grid-margin-y">
+<div class="grid-x grid-margin-x grid-margin-y">
   <div class="cell">
     <img src="/img/photography/istanbul-2023/doner.jpg" alt="Panoramic shot of a shop keeper slicing Doner Kebab in the street">
   </div>
@@ -123,7 +123,7 @@ During the winter of 2023, I visited the city of Istanbul. While there I visited
 
 Istanbul has many street cats. Here are several I caught on camera!
 
-<div class="grid-x grid-padding-x grid-margin-y">
+<div class="grid-x grid-margin-x grid-margin-y">
   <div class="cell small-6 medium-4">
     <img src="/img/photography/istanbul-2023/cats/cat1.jpg" alt="Yawning cat stretched out">
   </div>

_photography/jordan.markdown

@@ -17,7 +17,7 @@ hero-accent-color-dark: "#FFFFFF"
 During the winter of 2022, I went on a trip around Jordan exploring many of the sites. From the legendary city of Petra to the golden dunes of Wadi Rum, exploring these ancient landmarks was quite a sight. Enjoy some of my favorite shots from my trip. 
 
 <!-- TODO should this be a component?? -->
-<div class="grid-x grid-padding-x grid-margin-y">
+<div class="grid-x grid-margin-x grid-margin-y">
   <div class="grid-x cell">
     <div class="map-container cell grid-x">
       <img class="map" src="../img/photography/jordan-2022/worldmap-jordan.svg" alt="Illustrated map of the world with a focus on Jordan">
@@ -39,7 +39,7 @@ During the winter of 2022, I went on a trip around Jordan exploring many of the
   </div>
 </div>
 
-<div class="grid-x grid-padding-x grid-margin-y">
+<div class="grid-x grid-margin-x grid-margin-y">
   <div class="cell medium-6">
     <img src="../img/photography/jordan-2022/camel-treasury.jpg" alt="Camels sitting in the foreground of the Treasury building at Petra">
   </div>

_resources/css-clip-mask-maker.markdown

@@ -0,0 +1,8 @@
+---
+title: 'Clippy: CSS Clip-path Maker'
+link: https://bennettfeely.com/clippy/
+description: The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source.
+tags: []
+content-type: tool
+date: 2024-03-16
+---