Fix class of wrapped images

This commit is contained in:
braginini
2023-05-25 14:56:29 +02:00
parent b7e8d09673
commit 30b1988eee
12 changed files with 91 additions and 91 deletions

View File

@@ -6,7 +6,7 @@ export const title = 'Getting Started'
Step-by-step video guide on YouTube:
<div class="videowrapper">
<div className="videowrapper">
<iframe src="https://www.youtube.com/embed/HYlhvr_eu2U" allow="fullscreen;"></iframe>
</div>
<br/>
@@ -20,7 +20,7 @@ Both machines are running Linux but NetBird also works on Windows, MacOS nad pop
You can use your Google, GitHub or Microsoft account.
<p>
<img src="/docs-static/img/getting-started/auth.png" alt="login-to-netbird" class="imagewrapper" />
<img src="/docs-static/img/getting-started/auth.png" alt="login-to-netbird" className="imagewrapper" />
</p>
2. After a successful login you will be redirected to the ```Peers``` screen which is empty because you don't have any peers yet.
@@ -28,25 +28,25 @@ You can use your Google, GitHub or Microsoft account.
The `Add peer` window should automatically pop up, but if it doesn't, click ```Add new peer``` to add a new machine.
<p>
<img src="/docs-static/img/getting-started/empty-peers.png" alt="login-to-netbird" class="imagewrapper"/>
<img src="/docs-static/img/getting-started/empty-peers.png" alt="login-to-netbird" className="imagewrapper"/>
</p>
3. Choose your machine operating system (in our case it is ```Linux```) and proceed with the installation steps.
<p>
<img src="/docs-static/img/getting-started/add-peer.png" alt="login-to-netbird" class="imagewrapper"/>
<img src="/docs-static/img/getting-started/add-peer.png" alt="login-to-netbird" className="imagewrapper"/>
</p>
4. If you installed NetBird Desktop UI you can use it to connect to the network instead of running `netbird up` command. Look for `NetBird` in your application list, run it, and click `Connect`.
>
<p>
<img src="/docs-static/img/getting-started/systray.png" alt="login-to-netbird" class="imagewrapper"/>
<img src="/docs-static/img/getting-started/systray.png" alt="login-to-netbird" className="imagewrapper"/>
</p>
5. At this point a browser window pops up starting a device registration process. Click confirm and follow the steps if required.
<p>
<img src="/docs-static/img/getting-started/device-confirmation.png" alt="login-to-netbird" class="imagewrapper"/>
<img src="/docs-static/img/getting-started/device-confirmation.png" alt="login-to-netbird" className="imagewrapper"/>
</p>
6. On the EC2 node repeat the installation steps and run `netbird up` command.
@@ -57,13 +57,13 @@ sudo netbird up
7. Copy the verification URL from the terminal output and paste it in your browser. Repeat step #5
<p>
<img src="/docs-static/img/getting-started/netbird-up.png" alt="login-to-netbird" class="imagewrapper"/>
<img src="/docs-static/img/getting-started/netbird-up.png" alt="login-to-netbird" className="imagewrapper"/>
</p>
8. Return to ```Peers``` and you should notice 2 new machines with status ```online```
<p>
<img src="/docs-static/img/getting-started/peers.png" alt="login-to-netbird" class="imagewrapper"/>
<img src="/docs-static/img/getting-started/peers.png" alt="login-to-netbird" className="imagewrapper"/>
</p>
9. To test the connection you could try pinging devices:
@@ -271,7 +271,7 @@ If you installed the Desktop UI client, you can launch it and click on Connect.
> It will open your browser, and you will be prompt for email and password. Follow the instructions.
<p>
<img src="/docs-static/img/getting-started/netbird-sso-login-ui.gif" alt="high-level-dia" class="imagewrapper"/>
<img src="/docs-static/img/getting-started/netbird-sso-login-ui.gif" alt="high-level-dia" className="imagewrapper"/>
</p>
#### CLI
@@ -282,7 +282,7 @@ Alternatively, you could use command line. Simply run
> It will open your browser, and you will be prompt for email and password. Follow the instructions.
<p>
<img src="/docs-static/img/getting-started/netbird-sso-login-cmd.gif" alt="high-level-dia" class="imagewrapper"/>
<img src="/docs-static/img/getting-started/netbird-sso-login-cmd.gif" alt="high-level-dia" className="imagewrapper"/>
</p>
Check connection status: