From ee5ae0a700f141bdfd0d8244aa8920d3014a574b Mon Sep 17 00:00:00 2001 From: Jonathan Cobb Date: Wed, 8 Apr 2020 23:54:33 -0400 Subject: [PATCH] adjust spacing --- device_setup/add_device.md | 5 +++-- vpn_instructions/ios_vpn.md | 5 +++++ vpn_instructions/windows_vpn.md | 10 +++++++++- 3 files changed, 17 insertions(+), 3 deletions(-) diff --git a/device_setup/add_device.md b/device_setup/add_device.md index 3b863cf..f9cc0f9 100644 --- a/device_setup/add_device.md +++ b/device_setup/add_device.md @@ -1,7 +1,8 @@ # Add a new device -Bubble supports all common desktop and mobile devices. To connect a new computer or mobile device to your Bubble, -you must first add it as a device. +Bubble supports all common desktop and mobile operating systems, including Windows, Mac OS X, Linux, iOS and Android. + +To connect a new computer or mobile device to your Bubble, you must first add it as a device. ### To add a new device to your Bubble: diff --git a/vpn_instructions/ios_vpn.md b/vpn_instructions/ios_vpn.md index c0439cc..4d1f7b8 100644 --- a/vpn_instructions/ios_vpn.md +++ b/vpn_instructions/ios_vpn.md @@ -10,18 +10,23 @@ * Install the WireGuard App from the [Apple App Store](https://apps.apple.com/us/app/wireguard/id1441195209) * Open the WireGuard app * In the WireGuard app. You should see a screen like the one shown below. Tap "Add a tunnel". If you don't see "Add a tunnel", tap the Plus icon (+) in the top-right corner of the screen. + screenshot of WireGuard app with no VPNs yet configured * After you tap "Add a tunnel", you should see some buttons appear at the bottom of your screen, as shown below. Tap "Create from QR code" + screenshot of WireGuard app with no VPNs yet configured * A camera view will open. Scan the QR code shown on your other device. You'll be asked to provide a name for the tunnel. You can choose anything, but it's probably easiest to use the name of your Bubble. See the screenshot below for an example. + screenshot of WireGuard app adding VPN using QR code * You'll now see a pop-up titled "WireGuard Would Like to Add VPN Configurations", like the screenshot shown below. Tap "Allow" and then enter your passcode. + screenshot of WireGuard app requesting permission to add a VPN * You'll now see your VPN connection listed, as shown below. Tap the toggle switch to turn it on. + screenshot of WireGuard app with a new VPN defined * Congratulations! You are now connected to your Bubble's VPN! diff --git a/vpn_instructions/windows_vpn.md b/vpn_instructions/windows_vpn.md index 7e46db3..f7b4c2c 100644 --- a/vpn_instructions/windows_vpn.md +++ b/vpn_instructions/windows_vpn.md @@ -4,7 +4,8 @@ * Login to your Bubble * Navigate to the Devices screen * Find your device in the device list, or [add your Windows system as a device](../device_setup/add_device.md) - * Click or tap "Show VPN connection info" for your new Windows device. Click the button that reads "Download vpn.conf file". A dialog will appear similar to the one shown below. + * Click or tap "Show VPN connection info" for your new Windows device. Click the button that reads "Download vpn.conf file". A dialog will appear similar to the one shown below. + screenshot of downloading vpn.conf file * Choose "Save File" and save the vpn.conf file to your computer. @@ -15,27 +16,34 @@ * Most newer Windows systems are 64-bit. To determine if your Windows is 64-bit or 32-bit, [follow these instructions](https://www.lifewire.com/am-i-running-a-32-bit-or-64-bit-version-of-windows-2624475) * You can find more information about the WireGuard installers on the [WireGuard Installation page](https://www.wireguard.com/install/) * Run the WireGuard msi installer that you just downloaded. You'll see a screen similar to the one shown below. + screenshot of Open File dialog that appears when starting WireGuard msi installation * Click "Open" + screenshot of User Account Control dialog that appears when starting WireGuard msi installation * Click "Yes" + screenshot of Windows Security dialog that appears when starting WireGuard msi installation * Click "Install" * The WireGuard application then opens, and you should see a screen like the one below. + screenshot of WireGuard initial screen ## Connect to Bubble via WireGuard * In the WireGuard application, click "Import tunnels(s) from file", and select the vpn.conf file that you downloaded. You should now see a screen like the one shown below. + screenshot of WireGuard with Bubble VPN added * Click the "Activate" button to connect to the VPN. * You should now see a "Set Network Location" dialog, like the one shown below. Click on "Public network", then click the "Close" button. + screenshot of Set Network Location dialog * The next screen will ask you to confirm this network location. It should look like the screenshot below. Click "Close". + screenshot of Set Network Location confirmation dialog * Congratulations! You are now connected to your Bubble's VPN!