add header ids

1 files changed, 12 insertions, 12 deletions

diff --git a/docs/posts/2020-10-11-macOS-Virtual-Cam-OBS.html b/docs/posts/2020-10-11-macOS-Virtual-Cam-OBS.html
index d7efda8..649c682 100644
--- a/docs/posts/2020-10-11-macOS-Virtual-Cam-OBS.html
+++ b/docs/posts/2020-10-11-macOS-Virtual-Cam-OBS.html
@@ -6,13 +6,13 @@
     <link rel="stylesheet" href="/assets/main.css" />
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Trying Different Camera Setups</title>
+    <title>id="trying-different-camera-setups">Trying Different Camera Setups</title>
     <meta name="og:site_name" content="Navan Chauhan" />
     <link rel="canonical" href="https://web.navan.dev/posts/2020-10-11-macOS-Virtual-Cam-OBS.html" />
     <meta name="twitter:url" content="https://web.navan.dev/posts/2020-10-11-macOS-Virtual-Cam-OBS.html />
     <meta name="og:url" content="https://web.navan.dev/posts/2020-10-11-macOS-Virtual-Cam-OBS.html" />
-    <meta name="twitter:title" content="Trying Different Camera Setups" />
-    <meta name="og:title" content="Trying Different Camera Setups" />
+    <meta name="twitter:title" content="id="trying-different-camera-setups">Trying Different Camera Setups" />
+    <meta name="og:title" content="id="trying-different-camera-setups">Trying Different Camera Setups" />
     <meta name="description" content="Comparison of different cameras setups for using as a webcam and tutorials for the same." />
     <meta name="twitter:description" content="Comparison of different cameras setups for using as a webcam and tutorials for the same." />
     <meta name="og:description" content="Comparison of different cameras setups for using as a webcam and tutorials for the same." />
@@ -44,7 +44,7 @@
     
 <main>
 
-	<h1>Trying Different Camera Setups</h1>
+	<h1 id="trying-different-camera-setups">Trying Different Camera Setups</h1>
 
 <ol start="0">
 <li>Animated Overlays</li>
@@ -53,7 +53,7 @@
 <li>Using a USB Camera</li>
 </ol>
 
-<h2>Comparison</h2>
+<h2 id="comparison">Comparison</h2>
 
 <p>Here are the results before you begin reading.</p>
 
@@ -65,13 +65,13 @@
   <img src="/assets/posts/obs/mirrorless.png" alt="Mirrorless Camera">
 </div>
 
-<h2>Prerequisites</h2>
+<h2 id="prerequisites">Prerequisites</h2>
 
 <p>I am running macOS and iOS but I will try to link the same steps for Windows as well. If you are running Arch, I assume you already know what you are doing and are using this post as an inspiration and not a how-to guide.</p>
 
 <p>I assume that you have Homebrew installed.</p>
 
-<h3>OBS and OBS-Virtual-Cam</h3>
+<h3 id="obs-and-obs-virtual-cam">OBS and OBS-Virtual-Cam</h3>
 
 <p><em>Description</em></p>
 
@@ -81,7 +81,7 @@ brew cask install obs-virtualcam
 
 <p>Windows users can install the latest version of the plugin from <a rel="noopener" target="_blank" href="https://obsproject.com/forum/resources/obs-virtualcam.949/">OBS-Forums</a></p>
 
-<h2>0. Animated Overlays</h2>
+<h2 id="0-animated-overlays">0. Animated Overlays</h2>
 
 <p>I have always liked PewDiePie's animated border he uses in his videos</p>
 
@@ -105,7 +105,7 @@ brew cask install obs-virtualcam
 
 <p>and, locate and choose the downloaded overlay.</p>
 
-<h2>1. Using a Modern Camera (Without using a Capture Card)</h2>
+<h2 id="1-using-a-modern-camera-without-using-a-capture-card">1. Using a Modern Camera (Without using a Capture Card)</h2>
 
 <p>I have a Sony mirrorless camera. Using Sony's <a rel="noopener" target="_blank" href="https://imagingedge.sony.net/en/ie-desktop.html">Imaging Edge Desktop</a>, you can use your laptop as a remote viewfinder and capture or record media.</p>
 
@@ -115,7 +115,7 @@ brew cask install obs-virtualcam
 
 <p>Once you are able to see the output of the camera on the application, switch to OBS. Create a new scene, and this time choose <code>Window Capture</code> in the Sources menu. After you have chosen the appropriate window, you may transform/crop the output using the properties/filters options.</p>
 
-<h2>2.1 Using your iPhone using Quicktime</h2>
+<h2 id="21-using-your-iphone-using-quicktime">2.1 Using your iPhone using Quicktime</h2>
 
 <p>Connect your iPhone via a USB cable, then Open Quicktime ->  File -> New Movie Recording </p>
 
@@ -127,13 +127,13 @@ brew cask install obs-virtualcam
 
 <p><img src="/assets/posts/obs/021-rotate.png" alt="Rotation" /></p>
 
-<h2>2.2 Using your iPhone using an application like Camo</h2>
+<h2 id="22-using-your-iphone-using-an-application-like-camo">2.2 Using your iPhone using an application like Camo</h2>
 
 <p>Install the Camo app on your phone through the app store -> connect to Mac using USB cable, install the companion app and you are done.</p>
 
 <p>I tried both my current iPhone and an old iPhone 5S</p>
 
-<h2>3. A USB Webcam</h2>
+<h2 id="3-a-usb-webcam">3. A USB Webcam</h2>
 
 <p>The simplest solution, is to use a USB webcam. I used an old <a rel="noopener" target="_blank" href="https://www.logitech.com/en-in/product/hd-webcam-c310">Logitech C310</a> that was collecting dust. I was surprised to find that Logitech is still selling it after years and proudly advertising it! (5MP)</p>