Merge pull request #348 from ant-media/more-white-space-and-simple-cs…

…s-edits More white space and simple css edits
ant-media · Sep 2, 2024 · 85fccd6 · 85fccd6
2 parents 556b416 + 2cd2ceb
commit 85fccd6
Show file tree

Hide file tree

Showing 2 changed files with 92 additions and 21 deletions.
diff --git a/docs/quick-start.md b/docs/quick-start.md
@@ -7,33 +7,33 @@ sidebar_position: 1
 
 # Quick Start
 
-## Step 1: Download script
+### 1. Download the Installation Script
 
 ```shell
-wget https://raw.githubusercontent.com/ant-media/Scripts/master/install_ant-media-server.sh -O install_ant-media-server.sh  && chmod 755 install_ant-media-server.sh
+sudo wget https://raw.githubusercontent.com/ant-media/Scripts/master/install_ant-media-server.sh -O install_ant-media-server.sh  && sudo chmod 755 install_ant-media-server.sh
 ```
 
-## Step 2: Install Ant Media Server
+### 2. Install Ant Media Server
 
-### Install Enterprise Edition
+#### Install the Enterprise Edition
 
 ```shell
 sudo ./install_ant-media-server.sh -l 'your-license-key'
 ```
 
-### Install Community Edition
+#### Install the Community Edition
 ```shell
 sudo ./install_ant-media-server.sh
 ```
 
-### Install a specific version
+#### Install a Specific Version
 ```shell
 sudo ./install_ant-media-server.sh -i <ANT_MEDIA_SERVER_ZIP_FILE>
 ```
 
 **For more installation options check the help ```./install_ant-media-server.sh -h```.**
 
-### Fast, easy installation on Cloud Marketplace
+#### Checkout: Fast & Easy Installations on Cloud Marketplaces
 
 
 <div style={{display: 'flex', justifyContent: 'space-between', textAlign: 'center', fontWeight:'bold', height: 'auto'}}>
@@ -47,48 +47,48 @@ sudo ./install_ant-media-server.sh -i <ANT_MEDIA_SERVER_ZIP_FILE>
   </div>
 </div>
 
-## Step 3: Configure SSL
+### 3. Configure SSL
 
-### Free antmedia.cloud sub domain
+#### Free antmedia.cloud Subdomain
 
 ```shell
 cd /usr/local/antmedia/ && sudo ./enable_ssl.sh
 ```
 
-### Custom domain name
+#### Custom Domain Name(Your FQDN)
 
 ```shell
 cd /usr/local/antmedia/ && sudo ./enable_ssl.sh -d domain.com
 ```
 
 
-## Step 4: Login to the Web Panel
+### 4. Login to the Web Panel
 
 Navigate to ```https://ant-media-server:5443``` and create the first user account.
 
 ![](@site/static/img/quick-start/create-first-account.png)
 
-## Step 5: Publishing and Playing WebRTC Live Streams
+### 5. Publish and Play WebRTC Live Streams
 
-### Publishing a Live Stream
+#### Publish a Live Stream
 
 You can quickly publish a WebRTC live stream from a sample page that's available at ```https://domain-name:5443/LiveApp```.
 
 ![](@site/static/img/quick-start/publish-stream.png)
 
-### Playing a Live Stream
+#### Play a Live Stream
 
 Then playback the WebRTC live stream from another sample page available at ```https://domain-name:5443/LiveApp/player.html```.
 
 
 ![](@site/static/img/quick-start/play-stream.png)
 
 
-## Sample Tools and Applications
+### Sample Tools and Applications
 
-Access [sample tools and applications](/get-started/sample-tools-and-applications/) here ```https://ant-media-server:5443/LiveApp/samples.html```. 
+Access the [sample tools and applications](/get-started/sample-tools-and-applications/) via ```https://ant-media-server:5443/LiveApp/samples.html```. As an example,
 
- - Multitrack conferencing
+ - Multitrack Conferencing
  - WebRTC Test Tool
  - DeepAR affects
 
@@ -99,6 +99,6 @@ Below is an example of DeepAR.
 
 
 
-## Getting Help
+### Getting Help
 
 If you need any help, feel free to head over to [Github discussions](https://github.com/orgs/ant-media/discussions) or follow our more detailed guide, [Installing Ant Media Server on Linux](/guides/installing-on-linux/installing-ams-on-linux/). 
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -115,7 +115,7 @@ code{
 .main-wrapper {
   font-weight: 300;
   margin: 0 auto;
-  max-width: 1650px;
+  max-width: 100%px;
   width:100%;
 }
 
@@ -158,7 +158,7 @@ html, article{
 }
 
 .theme-doc-sidebar-item-link-level-1 a{
-  font-size: 17px;
+  font-size: 14px;
 }
 .theme-doc-sidebar-item-link-level-2 div a{
   font-size: 14px;
@@ -180,4 +180,75 @@ html, article{
 
 .table-of-contents__left-border{
   border-left: 0px solid #e3e3e3;
-}
+}
+
+
+main[class^="docMainContainer"] > .container {
+  padding-top: 2rem !important;
+}
+
+.table-of-contents {
+  li {
+    margin: 7px var(--ifm-toc-padding-vertical);
+  }
+
+  ul {
+    padding-left: 0.35rem;
+
+    li {
+      margin: 4px var(--ifm-toc-padding-vertical);
+    }
+  }
+
+  .table-of-contents__link {
+    font-size: 12px;
+    display: block;
+
+    code {
+      background: none;
+      padding: 0;
+      border: 0;
+    }
+
+    &:hover {
+      color: var(--ifm-link-color);
+
+      code {
+        color: var(--ifm-link-color);
+      }
+    }
+  }
+
+  .table-of-contents__link--active {
+    font-weight: 500;
+    margin-left: -16px;
+    padding-left: 12px;
+    color: var(--ifm-font-color-base);
+    border-left: 4px solid var(--brand);
+
+    code {
+      font-weight: 600;
+      color: var(--ifm-font-color-base);
+      white-space: nowrap;
+    }
+
+    &:hover {
+      color: var(--ifm-font-color-base);
+
+      code {
+        color: var(--ifm-font-color-base);
+      }
+    }
+  }
+}
+
+h1, article h1, article header h1 {
+  font-size: 2.5rem !important;
+  line-height: 3rem;
+}
+
+.navbar__item, .menu__link {
+  font-size: 14px;
+}
+
+