Merge pull request #700 from system76/nuxt-image

setup nuxt-picture for guide articles

Author: storyaddict

content/difference-between-pop-ubuntu.md

@@ -35,7 +35,7 @@ While Pop!_OS is designed to be [easy to use](https://www.forbes.com/sites/jason
 
 The installer offers encryption out of the box and takes care of setting up your user preferences (language, keyboard layout, installation method). On first use, the installer also makes it easy to select your time zone and integrate any online accounts into your desktop.
 
-![Intel/AMD + NVIDIA](/images/difference-between-pop-ubuntu/Intel&AMD-NVIDIA-1904.png)
+![Intel/AMD + NVIDIA](/images/difference-between-pop-ubuntu/intel-amd-nvidia-1904.png)
 
 Pop!_OS comes in two versions: Intel/AMD and NVIDIA. This allows us to include different settings and the proprietary NVIDIA driver for NVIDIA systems, ensuring the best performance and use of CUDA tools one command away. On Oryx Pro systems, you can even switch between Intel and Nvidia graphics using a toggle in the top right corner of your screen.
 
@@ -52,7 +52,7 @@ After conducting a study of Ubuntu and GNOME keyboard shortcuts, we decided to m
 
 ## Default Apps: Slimming down on bloatware
 
-![Pop Shop](/images/difference-between-pop-ubuntu/Pop!_Shop-Screenshot.png)
+![Pop Shop](/images/difference-between-pop-ubuntu/pop-shop-screenshot.png)
 
 Pop!_OS includes a selection of apps intended to be comprehensive, but relatively lightweight. Because Pop!_OS is optimized for your workflow, we avoid providing some larger programs by default that slow down your computer. This is especially true for library applications, such as one for storing your photos, which we opt to replace with image viewers or similar apps that are smaller in size. However, if you’re in need of a photo manager, Steam, or a music streaming app such as Spotify, these applications are still available in the Pop!_Shop for a quick install.
 

content/login-loop-pop.md

@@ -41,7 +41,7 @@ If entering your decryption passphrase does not unlock your disk, one of two thi
 1. The decryption passphrase is incorrect.
 2. Your keyfile has been corrupted (rare).
 
-![bad-password](static/images/login-loop/bad-password.png)
+![bad-password](/images/login-loop/bad-password.png)
 
 In either case, unless you have set an [alternative decryption key](https://support.system76.com/articles/advanced-luks), the drive will need to be erased and re-imaged to regain acess. This is the cost/benefit of drives secured by encryption. It's important to have current [backups](https://support.system76.com/articles/backup-files) of your files to avoid data-loss.
 

content/manage-repos-pop.md

@@ -22,7 +22,7 @@ section: software
 
 Pop!_OS' tool for adding, removing and editing repositiories is called <u>Repoman</u> which is a part of the Pop!_Shop.
 
-![Pop!_OS Shop](/images/manage-repos/Pop!_Shop-button.png)
+![Pop!_OS Shop](/images/manage-repos/pop-shop-button.png)
 
 Click on the gear icon in the top right of the <u>Pop!_Shop</u> window. Once <u>Repoman</u> is opened, click on the **Extra Sources** tab there will be options to add repositories with the **Plus** button (on the bottom left). Select a repository from the list and then click on the **Edit** button (next to the **Plus** button) to edit the selected repository.
 

content/manage-repos-ubuntu.md

@@ -19,6 +19,6 @@ section: software
 
 Ubuntu's tool for adding, removing and editing repositories is called <u>Software & Updates</u>.
 
-![Software & Updates](/images/manage-repos/Software&Updates.png)
+![Software & Updates](/images/manage-repos/software-updates.png)
 
 Once <u>Software & Updates</u> is opened, click on **Other Software** tab. Under this tab, add repositories with the **Add...** button. Select a repository from the list and then click on the **Edit...** button (next to the **Add...** button) to edit the selected repository.

content/map-a-network-drive.md

@@ -22,7 +22,7 @@ If you have a storage location on a network drive, you can easily map the locati
 ### Navigate to Other Locations
 Open Files and click on "Other Locations" on the left side overview. It should open a window similar to the one below:
 
-![Other Locations]({{site.baseurl}}/images/map-a-network-drive/other-locations.png)
+![Other Locations](/images/map-a-network-drive/other-locations.png)
 
 ### Connect to server
 Enter the address of the server into the box which says "Enter server address..." with one of the following prefixes appended to the beginning of the address.
@@ -38,13 +38,13 @@ Enter the address of the server into the box which says "Enter server address...
 
 The image below shows a Samba connection to the server storage.wpi.edu:
 
-![Connect To Server]({{site.baseurl}}/images/map-a-network-drive/connect-to-server.png)
+![Connect To Server](/images/map-a-network-drive/connect-to-server.png)
 
 
 ### Enter your username, domain, and password
 On the dialog that pops up, enter your account information for the server, then select how it will be remembered by Files. The window looks similar to the one below:
 
-![Password Dialog]({{site.baseurl}}/images/map-a-network-drive/password-dialog.png)
+![Password Dialog](/images/map-a-network-drive/password-dialog.png)
 
 Once this is done, hit "Connect" in the top right and you can access the files on the network drive.
 

content/show-battery-percentage.md

@@ -30,12 +30,12 @@ Once it is installed, open it up.
 
 In the GNOME Tweak Tool, navigate to the "Top Bar" section, and toggle the "Battery Percentage" on.
 
-![Top Bar Settings]({{site.baseurl}}/images/show-battery-percentage/top-bar.png)
+![Top Bar Settings](/images/show-battery-percentage/top-bar.png)
 
 
 You should now see your battery percentage in the top bar.
 
-![Percentage]({{site.baseurl}}/images/show-battery-percentage/battery-percentage.png)
+![Percentage](/images/show-battery-percentage/battery-percentage.png)
 
 ---
 

content/switch-from-macos-to-popos.md

@@ -562,7 +562,7 @@ Both have dedicated areas in System Preferences (macOS) and Settings (Pop!\_OS)
 
 - LUKS (during Install)
 
-![encryption-pop](/images/install-pop/5_encrypt_notice-cropped.png)
+![encryption-pop](/images/install-pop/5_encrypt_notice-cropped-20-04.png)
 
 On Pop!\_OS, encryption is offered during initial setup, or a reinstall. The OS partition is encrypted using the LUKS disk layout. This tool adds a decryption screen so that every time the computer boots, it requires a decryption password before moving to the login screen. With an encrypted drive, if hardware is stolen, the only way to remove the encryption is to erase the disk.
 

nuxt.config.js

@@ -9,7 +9,10 @@ export default async () => ({
 
   content: {
     markdown: {
-      highlighter: await contentHighlighter()
+      highlighter: await contentHighlighter(),
+      rehypePlugins: [
+        '~/plugins/content-replace'
+      ]
     }
   },
 
@@ -89,5 +92,17 @@ export default async () => ({
       githubContributors(doc),
       linkFixes(doc)
     ])
+  },
+
+  image: {
+    // Mirrored to tailwind breakpoints + some extra
+    screens: {
+      xs: 320,
+      sm: 640,
+      md: 768,
+      lg: 1024,
+      xl: 1280,
+      '2xl': 1536
+    }
   }
 })