fix: add max width for content area (#207)

assets/css/styles.css

@@ -2,10 +2,6 @@
 title: CSS stylesheet
 ---
 
-:root {
-  --root-size: 10px;
-}
-
 .avbl {
   font-family: Avenir-Black, "Avenir-Black", "Myriad Pro", Arial, Verdana !important;
 }
@@ -31,6 +27,11 @@ title: CSS stylesheet
   font-family: Din-Bold, "Din-Bold", "Myriad Pro", Arial, Verdana !important;
 }
 
+:root {
+  --root-size: 10px;
+  --max-content-width: 800px;
+}
+
 /* body */
 html,
 body {
@@ -762,6 +763,7 @@ lottie-player {
 .blog-post {
   padding: calc(20 * var(--root-size)) 0 calc(5 * var(--root-size)) 0;
   /*min-height: 100%;*/
+  max-width: var(--max-content-width);
 }
 
 .blog-post {
@@ -870,6 +872,11 @@ lottie-player {
   height: auto;
   /*  margin: calc(5 * var(--root-size)) 0;*/
 }
+.responsive-image {
+  width: 100%;
+}
+
+
 /* newsletter */
 #newsletter {
   position: absolute;
@@ -2593,3 +2600,7 @@ body.page- #call-to-action {
   width: 100%;
   height: 100%;
 }
+
+.responsive-image {
+  width: 100%;
+}

launchpad-guide.md

@@ -8,31 +8,31 @@ class: subpage blog
 # Installing and running Tari Launchpad
 
 ## Step 1 - ⚓️ Docker ⚓️
-                                
+
 Launchpad uses [Docker](https://www.docker.com/) to install, configure, and manage the 6 different services that
 make up the Tari Layer One suite.
 
-So if you don't have it on your machine, you need to install Docker before you can run Tari Launchpad. 
+So if you don't have it on your machine, you need to install Docker before you can run Tari Launchpad.
 You can download it from the docker website:
 
-* [Docker for Mac](https://docs.docker.com/docker-for-mac/install/)
-* [Docker for Windows](https://docs.docker.com/docker-for-windows/install/)
-* [Docker for Linux](https://docs.docker.com/engine/install/)
+- [Docker for Mac](https://docs.docker.com/docker-for-mac/install/)
+- [Docker for Windows](https://docs.docker.com/docker-for-windows/install/)
+- [Docker for Linux](https://docs.docker.com/engine/install/)
 
-Download the installer for your platform and follow the installation instructions. Once Docker is installed and 
+Download the installer for your platform and follow the installation instructions. Once Docker is installed and
 running, you can ignore it.
 
 ## Step 2 - ⬇️ Download Tari Launchpad ⬇️
 
-You can download the Tari Launchpad from the [Launchpad download page](https://tari.com/downloads/launchpad).
+You can download the Tari Launchpad from the [Launchpad download page]({{ site.baseurl }}/launchpad).
 
 ## Step 3 - 🚀️ Run Tari Launchpad ️🚀️
 
 First unzip the downloaded archive. It's typically called `tari_launchpad_cli-v{ver}-{network}-{platform}.zip`.
 
-You can usually run Tari Launchpad by double-clicking the extracted binary file. 
+You can usually run Tari Launchpad by double-clicking the extracted binary file.
 
-![Mining made easy](/assets/launchpad/miner1p.webp)
+<img src="/assets/launchpad/miner1p.webp" alt="Mining made easy" class="responsive-image">
 
 <div class="note warning">
   On <b>MacOs</b> you may get a complaint that the file is from an unidentified developer. In this case, you 
@@ -44,30 +44,30 @@ You can usually run Tari Launchpad by double-clicking the extracted binary file.
 
 You will be greeted by the Tari Launchpad dashboard.
 
-![Tari Launchpad Dashboard](/assets/launchpad/dashboard.png)
+<img src="/assets/launchpad/dashboard.png" alt="Tari Launchpad Dashboard" class="responsive-image">
 
 ## Step 4 - ⚙️ Configure launchpad ⚙️
 
 ### Tari wallet address
 
-Copy your Tari wallet address into the "Wallet payment address" field. 
+Copy your Tari wallet address into the "Wallet payment address" field.
 
-You can find your wallet address in **Aurora** by clicking on the big emoji icon on Aurora's home screen, then tap 
+You can find your wallet address in **Aurora** by clicking on the big emoji icon on Aurora's home screen, then tap
 on your emoji id to expand it, and then tap "Copy emoji id".
 
-Transfer the copied emoji id to the machine running Tari Launchpad by emailing it to yourself, or via any other 
+Transfer the copied emoji id to the machine running Tari Launchpad by emailing it to yourself, or via any other
 suitable method.
 
 On your launchpad machine, copy the emoji id into your clipboard, and then select the _Wallet payment address_ field
 so that it turns yellow. You can then paste the emoji id into the field.
 
 ### (Optional) Monero mining address
-          
-Follow the same procedure you used to copy your Tari wallet address to copy your Monero mining address from your 
+
+Follow the same procedure you used to copy your Tari wallet address to copy your Monero mining address from your
 Monero wallet to Launchpad.
 
-## Step 5 - ⛏️ Mine! ⛏️ 
-      
+## Step 5 - ⛏️ Mine! ⛏️
+
 <div class="note">
   The first time you start mining, launchpad has to download and synchronize with the Tari blockchain.
   <br/>This can take up to an hour, so grab a ☕️ and hang tight.
@@ -91,11 +91,10 @@ If you find a block, it will reflect in your Aurora wallet a few seconds to a fe
 Be patient. Depending on your luck, and how many other miners are on the network, it can take a anything from a few
 minutes to a few days to find a block.
 
-![Mining made easy](/assets/launchpad/miner2p.webp)
-
+<img src="/assets/launchpad/miner2p.webp" alt="Mining made easy" class="responsive-image">
 
-# 🎬️ Tari Launchpad Video Guide 🎬️ 
+# 🎬️ Tari Launchpad Video Guide 🎬️
 
 We're still getting this ready for you, so please check back SOON™️
 
-<img src="/assets/img/filming_mining.jpg" alt="Filming mining"/>
+<img src="/assets/img/filming_mining.jpg" alt="Filming mining" class="responsive-image"/>