Update deprecated code + formatting (#32)

hxnyk · web-flow · commit 5c4417f7df9d · 2025-03-18T12:20:15.000-07:00
* update deprecated code

* formatting fixes
diff --git a/content/docs/tutorials/elevenlabs.md b/content/docs/tutorials/elevenlabs.md
@@ -2,28 +2,35 @@
 title: ElevenLabs
 ---
 
-*This tutorial provides step-by-step instructions on how to rotate a Eleven Labs API key.*
+_This tutorial provides step-by-step instructions on how to rotate an Eleven Labs API key._
 
 ---
 
 ## Revoke old API key / Generate new API key
 
-### Step 1 - Navigate to the ElevenLabs [Dashboard](https://elevenlabs.io/app/speech-synthesis)
+### Step 1 - Navigate to the ElevenLabs dashboard
+Dashboard found at [https://elevenlabs.io/app/speech-synthesis](https://elevenlabs.io/app/speech-synthesis)
 
-### Step 2 - Click on your profile picture on bottom of the left panel.
-#### Step 2a - Click on 'Profile + API Key'. (this will open a new modal)
-![](/images/elevenlabs/1.png)
+### Step 2 - Click on your profile picture on the bottom of the left panel.
 
-### 3.On the 'Profile Settings' modal you can find the old key under 'API Key'.
-#### 3a. Click 'Regenerate' button next to the old key. (this will open a new modal)
-![](/images/elevenlabs/2.png)
+#### Step 2a - Click on \'Profile + API Key\'. \(this will open a new modal\)
 
-### 4. Click 'Confirm' on the 'Reset API Key' modal. (this generates a new key and revokes the old)
-![](/images/elevenlabs/3.png)
+![Profile + API Key Modal](/images/elevenlabs/1.png)
 
-### 5. Copy the new key and store it in a password manager or secure vault.
+### Step 3 - On the \'Profile Settings\' modal you can find the old key under \'API Key\'.
+
+#### Step 3a - Click \'Regenerate\' button next to the old key. \(this will open a new modal\)
+
+![Regenerate API Key Modal](/images/elevenlabs/2.png)
+
+### Step 4 - Click \'Confirm\' on the \'Reset API Key\' modal. \(this generates a new key and revokes the old\)
+
+![Reset API Key Modal](/images/elevenlabs/3.png)
+
+### Step 5 - Copy the new key and store it in a password manager or secure vault.
 
 ---
 
 ## Resources
-- [ElevenLabs's Docs](https://help.elevenlabs.io/hc/en-us/articles/14599447207697-How-to-authorize-yourself-using-your-xi-api-key)
+
+- [ElevenLabs Documentation](https://help.elevenlabs.io/hc/en-us/articles/14599447207697-How-to-authorize-yourself-using-your-xi-api-key)
diff --git a/content/docs/tutorials/eraser.md b/content/docs/tutorials/eraser.md
@@ -2,44 +2,53 @@
 title: Eraser
 ---
 
-*This tutorial provides step-by-step instructions on how to rotate a Eraser API key.*
+_This tutorial provides step-by-step instructions on how to rotate a Eraser API key._
 
 ---
 
 ## Generate a new Eraser API key
 
-### Step 1 - Navigate to the [Dashboard](https://app.eraser.io/dashboard)
+### Step 1 - Navigate to the dashboard
+Dashboard found at <https://app.eraser.io/dashboard>
 
 ### Step 2 - Click on 'Settings' on the left panel.
+
 ![](/images/eraser/1.png)
 
-### 3. Navigate to the 'API Tokens' menu under the 'Team' section.
+### Step 3 - Navigate to the 'API Tokens' menu under the 'Team' section.
+
+#### Step 3a - Click 'Generate Token'
 
-#### 3a. Click 'Generate Token'
 ![](/images/eraser/4.png)
 
-### 4. Copy the key and store it in a password manager or secure vault.
+### Step 4 - Copy the key and store it in a password manager or secure vault.
+
 ![](/images/Eraser/3.png)
 
 ---
 
 ## Revoking a Eraser API key
 
-### Step 1 - Navigate to the [Dashboard](https://app.eraser.io/dashboard)
+### Step 1 - Navigate to the dashboard
+Dashboard found at <https://app.eraser.io/dashboard>
+
 
 ### Step 2 - Click on 'Settings' on the left panel.
+
 ![](/images/eraser/1.png)
 
-### 3. Navigate to the 'API Tokens' menu under the 'Team' section.
+### Step 3 - Navigate to the 'API Tokens' menu under the 'Team' section.
+
+#### Step 3a - Click 'Delete'
 
-#### 3a. Click 'Delete'
 ![](/images/eraser/2.png)
 
-#### 3b. Confirm under 'Delete API Token'
-![](/images/eraser/3.png)
+#### Step 3b - Confirm under 'Delete API Token'
 
+![](/images/eraser/3.png)
 
 ---
 
 ## Resources
+
 - [Eraser's Docs](https://docs.eraser.io/docs/eraser-api)
diff --git a/content/docs/tutorials/flexport.md b/content/docs/tutorials/flexport.md
@@ -8,52 +8,73 @@ _This tutorial provides step-by-step instructions on how to rotate a Flexport AP
 
 ## Generate a new Flexport API key
 
-### Step 1 - Navigate to the [Dashboard](https://portal.flexport.com/)
+### Step 1 - Navigate to the dashboard
+Dashboard found at <https://portal.flexport.com>
 
 ### Step 2 - Click on 'Settings' at the bottom of the left panel, or from the profile dropdown on the top right.
+
 ![](/images/flexport/1.png)
 ![](/images/flexport/2.png)
 
-### 3. Navigate to the '[API Tokens](https://portal.flexport.com/settings/api-tokens)' tab.
+### 3. Navigate to the 'API Tokens' tab.
+API tokens found at <https://portal.flexport.com/settings/api-tokens>
+
 #### 3a. Click 'Generate API Token'
+
 ![](/images/flexport/3.png)
 
+### 4. Select _only_ the permissions that are necessary.
 
-### 4. Select *only* the permissions that are necessary.
 #### 4a. Give it a descriptive name.
+
 #### 4b. Click 'Generate'.
+
 ![](/images/flexport/4.png)
 
 ### 5. You can find your new key under the 'API Tokens' panel.
+
 #### 5a. Copy the key and store it in a password manager or secure vault.
+
 ![](/images/flexport/5.png)
+
 > Note: You will notice that the status for your new key is set to `ACTIVE`.
 
 ---
 
 ## Revoking a Flexport API key
 
-### Step 1 - Navigate to the [Dashboard](https://portal.flexport.com/)
+### Step 1 - Navigate to the dashboard
+Dashboard found at <https://portal.flexport.com>
+
 
 ### Step 2 - Click on 'Settings' at the bottom of the left panel, or from the profile dropdown on the top right.
+
 ![](/images/flexport/1.png)
 ![](/images/flexport/2.png)
 
-### 3. Navigate to the '[API Tokens](https://portal.flexport.com/settings/api-tokens)' tab.
-#### 3a. Find the token you would like to rotate.
-#### 3b. Click the 'Edit' button.
+### Step 3 - Navigate to the 'API Tokens' tab.
+API tokens found at <https://portal.flexport.com/settings/api-tokens>
+
+#### Step 3a - Find the token you would like to rotate.
+
+#### Step 3b - Click the 'Edit' button.
+
 ![](/images/flexport/6.png)
 
-### 4. Click the 'Deactivate token' button.
+### Step 4 - Click the 'Deactivate token' button.
+
 ![](/images/flexport/7.png)
 
-### 5. On the 'Deactivate token' modal, click the 'Yes, Deactivate Token' button.
+### Step 5 - On the 'Deactivate token' modal, click the 'Yes, Deactivate Token' button.
+
 ![](/images/flexport/8.png)
 
-### 6. Go back to the 'API Tokens' tab, and ensure the token status is set to 'INACTIVE'.
+### Step 6 - Go back to the 'API Tokens' tab, and ensure the token status is set to 'INACTIVE'.
+
 ![](/images/flexport/9.png)
 
 ---
 
 ## Resources
+
 - [Flexport's Docs](https://developers.flexport.com/tutorials/using-api-credentials)
diff --git a/content/docs/tutorials/tailscale.md b/content/docs/tutorials/tailscale.md
@@ -8,15 +8,17 @@ title: Tailscale
 
 ## Generate a new Tailscale Auth Key or API Access Token
 
-### Step 1 - Navigate to the [Keys](https://login.tailscale.com/admin/settings/keys) page
+### Step 1 - Navigate to the Keys page
+Keys page found at <https://login.tailscale.com/admin/settings/keys>
+
 As an administrator, click on "Settings" under the top navbar. Then click "Keys" under "Personal Settings" on the left-hand navbar.
 
 ![](/images/tailscale/1.png)
 
 ### Step 2 - Generate a new Auth Key or API Access Token
-#### 2a. Click "Generate..."
+#### Step 2a - Click "Generate..."
 Click on the "Generate..." button under the "Auth Keys" or "API Access Tokens" section.
-#### 2b. Configure the Key
+#### Step 2b - Configure the Key
 The API Access Token provides users with two settings: `description` and `expiration`. Fill out those values and then click `Generate access token`.
 
 ![](/images/tailscale/2.png)
@@ -25,7 +27,7 @@ The Auth Key provides users with four settings: `description`, `reusability`, `e
 
 ![](/images/tailscale/3.png)
 
-#### 2c. Copy the Key
+#### Step 2c - Copy the Key
 
 ![](/images/tailscale/4.png)
 
@@ -38,7 +40,9 @@ Replace the leaked Tailscale Auth Key or API Access Token with the new one in al
 
 ## Revoke the Leaked Tailscale Auth Keys and API Access Tokens
 
-### Step 1 - Navigate to the [Keys](https://login.tailscale.com/admin/settings/keys) page
+### Step 1 - Navigate to the Keys page
+Keys page found at <https://login.tailscale.com/admin/settings/keys>Keys page found at <https://login.tailscale.com/admin/settings/keys>
+
 As an administrator, click on "Settings" under the top navbar. Then click "Keys" under "Personal Settings" on the left-hand navbar.
 
 ![](/images/tailscale/1.png)
@@ -60,4 +64,4 @@ As an alternative to an access token that has full permission to the Tailscale A
 ## Resources
 - [Tailscale Auth Keys Documentation](https://tailscale.com/kb/1085/auth-keys/)
 - [Tailscale API Keys Documentation](https://tailscale.com/kb/1101/api/)
-- [Learn about Key Management in the Tailscale Control Protocol](https://tailscale.com/blog/tailscale-key-management/)
+- [Learn about Key Management in the Tailscale Control Protocol](https://tailscale.com/blog/tailscale-key-management/)
diff --git a/themes/compose/layouts/partials/head.html b/themes/compose/layouts/partials/head.html
@@ -19,7 +19,7 @@
 {{- partial "opengraph" . }}
 
 {{- $options := (dict "targetPath" "css/styles.css" "outputStyle" "compressed" "enableSourceMap" "true") -}}
-{{- $styles := resources.Get "sass/main.sass" | resources.ExecuteAsTemplate "main.sass" . | resources.ToCSS $options | resources.Fingerprint "sha512" }}
+{{- $styles := resources.Get "sass/main.sass" | resources.ExecuteAsTemplate "main.sass" . | css.Sass $options | resources.Fingerprint "sha512" }}
 <link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}">
 
 {{- $sp := site.Params }}
