From 683197a46d3f4729aa0f81e69c4b06c1bfb4b978 Mon Sep 17 00:00:00 2001 From: Foster Irwin Date: Wed, 2 Mar 2022 16:17:30 -0700 Subject: [PATCH 01/10] added buttons below hero text --- src/css/custom.css | 21 +++++++++++++++++++++ src/pages/index.tsx | 9 +++++++++ 2 files changed, 30 insertions(+) diff --git a/src/css/custom.css b/src/css/custom.css index b75adccd..305b7feb 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -55,3 +55,24 @@ html[data-theme="dark"] .header-github-link:before { --ifm-button-border-color: var(--ifm-link-color); color: var(--ifm-link-color); } + +.indexCtas { + --ifm-button-size-multiplier: 1.6; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + margin-top: 24px; +} + +.indexCtas a { + color: var(--ifm-font-color-base-inverse); +} + +.indexCtas a:hover { + color: rgb(77, 77, 77) +} + +.indexCtas a:last-of-type { + margin: 20px 36px; +} diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 509ce64b..ace9df12 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -4,6 +4,7 @@ import Head from '@docusaurus/Head'; import useBaseUrl from '@docusaurus/useBaseUrl'; import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import Layout from '@theme/Layout'; +import Link from '@docusaurus/Link'; const features = [ { @@ -120,6 +121,14 @@ function Home() { />

{siteConfig.tagline}

+
+ + Learn More + + + Get Started + +
From 0ed3d5425c3273e342dde68d78d000aea1857324 Mon Sep 17 00:00:00 2001 From: Foster Irwin Date: Wed, 2 Mar 2022 19:09:42 -0700 Subject: [PATCH 02/10] fixed border --- src/css/custom.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/css/custom.css b/src/css/custom.css index 305b7feb..33901de6 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -67,6 +67,7 @@ html[data-theme="dark"] .header-github-link:before { .indexCtas a { color: var(--ifm-font-color-base-inverse); + --ifm-button-border-color: var(--ifm-button-border-color); } .indexCtas a:hover { From a8c112a679c604f3115e951d26c56c7e7943de6c Mon Sep 17 00:00:00 2001 From: Foster Irwin Date: Wed, 2 Mar 2022 20:22:14 -0700 Subject: [PATCH 03/10] typo --- src/css/custom.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/css/custom.css b/src/css/custom.css index 33901de6..f074da74 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -67,7 +67,7 @@ html[data-theme="dark"] .header-github-link:before { .indexCtas a { color: var(--ifm-font-color-base-inverse); - --ifm-button-border-color: var(--ifm-button-border-color); + --ifm-button-border-color: var(--ifm-font-color-base-inverse); } .indexCtas a:hover { From 846934deff0aa6da3815368ebfb7f1b41990ffcf Mon Sep 17 00:00:00 2001 From: Foster Irwin Date: Wed, 2 Mar 2022 21:28:28 -0700 Subject: [PATCH 04/10] fixed hover button color --- src/css/custom.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/css/custom.css b/src/css/custom.css index f074da74..4c77f51e 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -71,7 +71,8 @@ html[data-theme="dark"] .header-github-link:before { } .indexCtas a:hover { - color: rgb(77, 77, 77) + color: rgb(77, 77, 77); + --ifm-button-border-color: rgb(77, 77, 77); } .indexCtas a:last-of-type { From 53239c3f1d151dd6387d959770008ef51e24b1c2 Mon Sep 17 00:00:00 2001 From: Foster Irwin Date: Thu, 3 Mar 2022 10:53:24 -0700 Subject: [PATCH 05/10] added class for ctas in body of text --- src/css/custom.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/src/css/custom.css b/src/css/custom.css index 4c77f51e..4f96ea0b 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -56,6 +56,19 @@ html[data-theme="dark"] .header-github-link:before { color: var(--ifm-link-color); } +.indexCtasBody { + --ifm-button-size-multiplier: 1.6; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + margin-top: 24px; +} + +.indexCtasBody a:last-of-type { + margin: 20px 36px; +} + .indexCtas { --ifm-button-size-multiplier: 1.6; display: flex; From 9e282bc430bd0b8c5e4c8941670d71401c6c70c4 Mon Sep 17 00:00:00 2001 From: Foster Irwin Date: Thu, 3 Mar 2022 10:53:42 -0700 Subject: [PATCH 06/10] added getting started to front page --- src/pages/index.tsx | 110 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 110 insertions(+) diff --git a/src/pages/index.tsx b/src/pages/index.tsx index ace9df12..0582105a 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -5,6 +5,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl'; import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import Layout from '@theme/Layout'; import Link from '@docusaurus/Link'; +import { HeaderText } from './Downloads/_components/HeaderText'; const features = [ { @@ -145,6 +146,115 @@ function Home() { )} +
+ +

+ Getting started with Meshtastic is as easy as 1, 2, 3! +

+
    +
    +
    +

    + 1. Purchase Supported Hardware +

    +
    +
    +

    + Hardware you will want will consider: +

      +
    • + Radio +
      • +
    • + Battery +
      • +
    • + Case +
      • +
    • + Antenna (most devices include an antenna, but it is a bit of a mixed bag from some suppliers) +
      • +
    +

    +
    +
    +
    +
    +

    + 2. Flash & Configure Node +

    +
    +
    +

    + The Meshtastic Flasher application can assist you in flashing the firmware and configuring settings. +

    +
    +
    +
    +
    +

    + 3. Connect to Node +

    +
    +
    +

    + Applications are available for the following systems: +

      +
    • + Android +
      • +
    • + iOS +
      • +
    • + Mac +
      • +
    • + Web Browser +
      • +
    +

    +
    +
    +
+
+ + Getting Started + +
+
); From b5ebdc6c776596175de40a645e9bf613c35d8a2d Mon Sep 17 00:00:00 2001 From: Foster Irwin Date: Thu, 3 Mar 2022 10:53:57 -0700 Subject: [PATCH 07/10] centered ctas on getting started page --- docs/getting-started/getting_started.md | 46 ++++++++++++++++--------- 1 file changed, 30 insertions(+), 16 deletions(-) diff --git a/docs/getting-started/getting_started.md b/docs/getting-started/getting_started.md index 3f9f325b..195038fe 100644 --- a/docs/getting-started/getting_started.md +++ b/docs/getting-started/getting_started.md @@ -14,22 +14,25 @@ The radios automatically create a mesh to forward packets as needed, so everyone Meshtastic uses LoRa for the long range communications and depending on settings used, the maximum theoretical group size ranges from 30-200 device nodes. Currently, each device can only support a connection from a single user at a time. - - Learn More - +
+ + Learn More + +
## Purchase a Radio The easiest way is to [buy a device with the software already installed](https://www.aliexpress.com/item/4001178678568.html). Other devices are [available](/docs/hardware/supported/tbeam). In the Americas get the 915MHz version, in Europe the 868MHz, or Asia 923MHz. See this listing by [The Things Network](https://www.thethingsnetwork.org/docs/lorawan/frequencies-by-country.html) for frequencies by specific countries. - - Purchase Hardware - - +
+ + Purchase Hardware + +
## Setup the Radio @@ -53,11 +56,13 @@ If your device already has Meshtastic flashed to it, you can update it over the The manual firmware installation method will also depend on whether you have an ESP32 based device or a nRF52 based device. See our [hardware section](/docs/hardware) to determine which microcontroller your device is based on. - - Flash Firmware - +
+ + Flash Firmware + +
## Connect to your Device @@ -69,6 +74,15 @@ There are many ways to connect to your new radio! - Bluetooth - Web app over Wifi (in development) +
+ + Connect to Node + +
+ + ### A good first test (connect via USB and CLI) If you have at least two radios with the Meshtastic firmware, you may consider connecting one via USB and the other battery powered. Communicate with the USB radio using a CLI like [Meshtastic-python](https://meshtastic.org/docs/software/python/python-installation). From 5ec4bc096fda3858289778b5b8ed7ee05a8034ba Mon Sep 17 00:00:00 2001 From: Foster Irwin Date: Thu, 3 Mar 2022 10:57:01 -0700 Subject: [PATCH 08/10] typo --- src/pages/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 0582105a..f97ad183 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -178,7 +178,7 @@ function Home() { style={{ display: "flex", justifyContent: "center"}} >

- Hardware you will want will consider: + Hardware you will want to consider:

  • Radio From 581dc42343579fdbf6dfe935b6aef5578ff99669 Mon Sep 17 00:00:00 2001 From: Foster Irwin Date: Thu, 3 Mar 2022 11:01:31 -0700 Subject: [PATCH 09/10] typo --- src/pages/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/index.tsx b/src/pages/index.tsx index f97ad183..c51a3004 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -5,7 +5,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl'; import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import Layout from '@theme/Layout'; import Link from '@docusaurus/Link'; -import { HeaderText } from './Downloads/_components/HeaderText'; +import { HeaderText } from './downloads/_components/HeaderText'; const features = [ { From a4b56df9ffe75246bd010074b324855a34a286a2 Mon Sep 17 00:00:00 2001 From: Foster Irwin Date: Thu, 3 Mar 2022 12:54:12 -0700 Subject: [PATCH 10/10] clarification --- src/pages/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/index.tsx b/src/pages/index.tsx index c51a3004..35d925f5 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -190,7 +190,7 @@ function Home() { Case
  • - Antenna (most devices include an antenna, but it is a bit of a mixed bag from some suppliers) + Antenna (most devices include an antenna, but the quality can be a bit of a mixed bag from some suppliers on stock antennas)