From fb7dc60637ec0ab4518e176b77adc5996e9a92b6 Mon Sep 17 00:00:00 2001 From: Foster Irwin Date: Tue, 23 Nov 2021 12:31:34 -0700 Subject: [PATCH 1/3] initial rough draft copy --- website/src/pages/index.tsx | 47 ++++++++++++++++++++++++++----------- 1 file changed, 33 insertions(+), 14 deletions(-) diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx index a9ac69be..53e3cbdb 100644 --- a/website/src/pages/index.tsx +++ b/website/src/pages/index.tsx @@ -11,37 +11,56 @@ import styles from './styles.module.css'; const features = [ { - title: "Diverse Software Ecosystem", + title: "Radio Mesh Text Messaging", imageUrl: "img/software.svg", description: ( <> - Having an ever-growing, vibrant software ecosystem, there's almost - certainly, a capable solution ready to go for your project. With - libraries for Typescript and Python, apps for all major platforms and a - whole suite of native integrations, there's something for everyone. + Off-grid messaging using inexpensive hardware to create your personal mesh. Radios forward messages to the next to flood the network. Communicate kilometers/miles between nodes. Internet-connected relay nodes enable the conversation to move online too. ), }, { - title: "Extremely Versatile", + title: "Encryption", imageUrl: "img/versatility.svg", description: ( <> - Create a highly scalable mesh with hardware on a multitude of platforms - to fit your unique requirements: Create an environment monitoring mesh - and produce real-time heatmaps, or maybe decentralised, encrypted - messaging network, your imagination is the limit. + Messages are AES256 encrypted. Only radios supplied with your channel settings (which includes the key) should be able to read your messages. Using multichannel settings you can send encrypted messages on one channel and still participate in a default Meshtastic mesh. ), }, { - title: "Peak Efficiency", + title: "Conserve Battery", imageUrl: "img/efficiency.svg", description: ( <> - Go for days on end and on a single battery, or extend it infinitely with - a solar cell, communicate with tens kilometres between nodes on - inexpensive beginner friendly hardware. + Go for days on end and on a single battery or extend it infinitely with a solar cell. Power management ensures the device will last the duration of your use. + + ), + }, + { + title: "Extendable", + imageUrl: "img/efficiency.svg", + description: ( + <> + Create a highly scalable mesh with hardware on a multitude of platforms to fit your unique requirements: Create an environment monitoring mesh and produce real-time heatmaps, or maybe decentralised, encrypted messaging network, your imagination is the limit. + + ), + }, + { + title: "Platform Agnostic", + imageUrl: "img/efficiency.svg", + description: ( + <> + Meshtastic clients are built or being built for all major desktop and mobile platforms. Linux, Windows, Mac, Android, and iOS are all supported or well on their way to being supported. + + ), + }, + { + title: "Open Source", + imageUrl: "img/efficiency.svg", + description: ( + <> + All Meshtastic software is open source. If you want an improvement, submit a pull request or file an issue on Github. Happy coding! ), }, From c6a0a32bb940ff4522eed9366bb7b00f3f592442 Mon Sep 17 00:00:00 2001 From: Foster Irwin Date: Tue, 23 Nov 2021 15:21:58 -0700 Subject: [PATCH 2/3] add images --- website/src/pages/index.tsx | 12 +- website/static/img/homepage/battery.svg | 82 +++++++++ website/static/img/homepage/encryption.svg | 72 ++++++++ website/static/img/homepage/extendable.svg | 64 +++++++ website/static/img/homepage/messages.svg | 91 ++++++++++ website/static/img/homepage/opensource.svg | 132 ++++++++++++++ website/static/img/homepage/platforms.svg | 189 +++++++++++++++++++++ 7 files changed, 636 insertions(+), 6 deletions(-) create mode 100644 website/static/img/homepage/battery.svg create mode 100644 website/static/img/homepage/encryption.svg create mode 100644 website/static/img/homepage/extendable.svg create mode 100644 website/static/img/homepage/messages.svg create mode 100644 website/static/img/homepage/opensource.svg create mode 100644 website/static/img/homepage/platforms.svg diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx index 53e3cbdb..dbc0e938 100644 --- a/website/src/pages/index.tsx +++ b/website/src/pages/index.tsx @@ -12,7 +12,7 @@ import styles from './styles.module.css'; const features = [ { title: "Radio Mesh Text Messaging", - imageUrl: "img/software.svg", + imageUrl: "img/homepage/messages.svg", description: ( <> Off-grid messaging using inexpensive hardware to create your personal mesh. Radios forward messages to the next to flood the network. Communicate kilometers/miles between nodes. Internet-connected relay nodes enable the conversation to move online too. @@ -21,7 +21,7 @@ const features = [ }, { title: "Encryption", - imageUrl: "img/versatility.svg", + imageUrl: "img/homepage/encryption.svg", description: ( <> Messages are AES256 encrypted. Only radios supplied with your channel settings (which includes the key) should be able to read your messages. Using multichannel settings you can send encrypted messages on one channel and still participate in a default Meshtastic mesh. @@ -30,7 +30,7 @@ const features = [ }, { title: "Conserve Battery", - imageUrl: "img/efficiency.svg", + imageUrl: "img/homepage/battery.svg", description: ( <> Go for days on end and on a single battery or extend it infinitely with a solar cell. Power management ensures the device will last the duration of your use. @@ -39,7 +39,7 @@ const features = [ }, { title: "Extendable", - imageUrl: "img/efficiency.svg", + imageUrl: "img/homepage/extendable.svg", description: ( <> Create a highly scalable mesh with hardware on a multitude of platforms to fit your unique requirements: Create an environment monitoring mesh and produce real-time heatmaps, or maybe decentralised, encrypted messaging network, your imagination is the limit. @@ -48,7 +48,7 @@ const features = [ }, { title: "Platform Agnostic", - imageUrl: "img/efficiency.svg", + imageUrl: "img/homepage/platforms.svg", description: ( <> Meshtastic clients are built or being built for all major desktop and mobile platforms. Linux, Windows, Mac, Android, and iOS are all supported or well on their way to being supported. @@ -57,7 +57,7 @@ const features = [ }, { title: "Open Source", - imageUrl: "img/efficiency.svg", + imageUrl: "img/homepage/opensource.svg", description: ( <> All Meshtastic software is open source. If you want an improvement, submit a pull request or file an issue on Github. Happy coding! diff --git a/website/static/img/homepage/battery.svg b/website/static/img/homepage/battery.svg new file mode 100644 index 00000000..7da72f6e --- /dev/null +++ b/website/static/img/homepage/battery.svg @@ -0,0 +1,82 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/website/static/img/homepage/encryption.svg b/website/static/img/homepage/encryption.svg new file mode 100644 index 00000000..7b58d566 --- /dev/null +++ b/website/static/img/homepage/encryption.svg @@ -0,0 +1,72 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/website/static/img/homepage/extendable.svg b/website/static/img/homepage/extendable.svg new file mode 100644 index 00000000..42f75f17 --- /dev/null +++ b/website/static/img/homepage/extendable.svg @@ -0,0 +1,64 @@ + + + + + + image/svg+xml + + + + + + + + + diff --git a/website/static/img/homepage/messages.svg b/website/static/img/homepage/messages.svg new file mode 100644 index 00000000..00a0f746 --- /dev/null +++ b/website/static/img/homepage/messages.svg @@ -0,0 +1,91 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/website/static/img/homepage/opensource.svg b/website/static/img/homepage/opensource.svg new file mode 100644 index 00000000..fd55ab3f --- /dev/null +++ b/website/static/img/homepage/opensource.svg @@ -0,0 +1,132 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/static/img/homepage/platforms.svg b/website/static/img/homepage/platforms.svg new file mode 100644 index 00000000..4469db76 --- /dev/null +++ b/website/static/img/homepage/platforms.svg @@ -0,0 +1,189 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ESHT + + + + + + + + + ST + + + C + + + + + From 879a6278997b525d0371e3bb1c8e61c93c418f50 Mon Sep 17 00:00:00 2001 From: Foster Irwin Date: Tue, 23 Nov 2021 15:52:42 -0700 Subject: [PATCH 3/3] fixed icon contrast and meshtastic logo --- website/static/img/homepage/battery.svg | 86 +++---- website/static/img/homepage/encryption.svg | 82 +++---- website/static/img/homepage/extendable.svg | 70 +++--- website/static/img/homepage/messages.svg | 114 +++++---- website/static/img/homepage/opensource.svg | 176 +++++++------- website/static/img/homepage/platforms.svg | 254 +++++++++------------ website/static/img/meshtastic-design | 2 +- 7 files changed, 360 insertions(+), 424 deletions(-) diff --git a/website/static/img/homepage/battery.svg b/website/static/img/homepage/battery.svg index 7da72f6e..2bd211a1 100644 --- a/website/static/img/homepage/battery.svg +++ b/website/static/img/homepage/battery.svg @@ -7,15 +7,15 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - inkscape:version="1.1-dev (f9311a1, 2019-12-25)" - sodipodi:docname="battery.svg" - id="svg2552" - version="1.1" - height="1000px" - width="1000px" - y="0px" + viewBox="150 150 650 650" x="0px" - viewBox="150 150 650 650"> + y="0px" + width="1000px" + height="1000px" + version="1.1" + id="svg2552" + sodipodi:docname="battery.svg" + inkscape:version="1.1-dev (f9311a1, 2019-12-25)"> @@ -31,52 +31,52 @@ + inkscape:document-rotation="0" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1440" + inkscape:window-height="829" + id="namedview2554" + showgrid="false" + inkscape:zoom="0.35812299" + inkscape:cx="632.38652" + inkscape:cy="857.96959" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="0" + inkscape:current-layer="Layer_1" + showguides="false" /> + data-name="Layer 1"> + d="M 247.5,596.33329 H 656.99985 V 353.66671 H 247.5 Z m 30.33333,-212.33326 h 348.8332 v 181.99993 h -348.8332 z" + id="path842" /> + y="405.74518" + width="307.72208" + height="138.51901" + id="rect844" /> + y="424.44751" + width="30.333321" + height="101.11423" + id="rect846" /> diff --git a/website/static/img/homepage/encryption.svg b/website/static/img/homepage/encryption.svg index 7b58d566..05e3fc1e 100644 --- a/website/static/img/homepage/encryption.svg +++ b/website/static/img/homepage/encryption.svg @@ -7,15 +7,15 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - inkscape:version="1.1-dev (f9311a1, 2019-12-25)" - sodipodi:docname="encryption.svg" - id="svg2552" - version="1.1" - height="1000px" - width="1000px" - y="0px" + viewBox="150 150 650 650" x="0px" - viewBox="150 150 650 650"> + y="0px" + width="1000px" + height="1000px" + version="1.1" + id="svg2552" + sodipodi:docname="encryption.svg" + inkscape:version="1.1-dev (f9311a1, 2019-12-25)"> @@ -31,42 +31,34 @@ - - - - - - + inkscape:document-rotation="0" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1440" + inkscape:window-height="829" + id="namedview2554" + showgrid="false" + inkscape:zoom="0.21985622" + inkscape:cx="-461.19183" + inkscape:cy="389.09841" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="0" + inkscape:current-layer="svg2552" /> + + diff --git a/website/static/img/homepage/extendable.svg b/website/static/img/homepage/extendable.svg index 42f75f17..46d8254e 100644 --- a/website/static/img/homepage/extendable.svg +++ b/website/static/img/homepage/extendable.svg @@ -7,15 +7,15 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - viewBox="150 150 650 650" - x="0px" - y="0px" - width="1000px" - height="1000px" - version="1.1" - id="svg2552" + inkscape:version="1.1-dev (f9311a1, 2019-12-25)" sodipodi:docname="extendable.svg" - inkscape:version="1.1-dev (f9311a1, 2019-12-25)"> + id="svg2552" + version="1.1" + height="1000px" + width="1000px" + y="0px" + x="0px" + viewBox="150 150 650 650"> @@ -31,34 +31,34 @@ + inkscape:window-y="23" + inkscape:window-x="0" + inkscape:cy="597.2888" + inkscape:cx="336.80252" + inkscape:zoom="0.38374466" + showgrid="false" + id="namedview2554" + inkscape:window-height="829" + inkscape:window-width="1440" + inkscape:pageshadow="2" + inkscape:pageopacity="0" + guidetolerance="10" + gridtolerance="10" + objecttolerance="10" + borderopacity="1" + inkscape:document-rotation="0" + bordercolor="#666666" + pagecolor="#ffffff" /> + d="m 626.17928,465.50584 h -26.52301 a 1.9177887,1.9177887 0 0 1 -1.91779,-1.91778 v -74.06499 a 37.262634,37.262634 0 0 0 -37.26264,-37.26264 h -74.06499 a 1.9177887,1.9177887 0 0 1 -1.91779,-1.91779 v -26.52301 c 0,-26.0244 -20.61624,-47.81047 -46.64063,-48.26116 a 47.494037,47.494037 0 0 0 -48.32827,47.47486 v 27.30931 a 1.9177887,1.9177887 0 0 1 -1.91779,1.91779 h -74.06499 a 38.106461,38.106461 0 0 0 -37.99141,37.99139 v 67.48698 a 1.9177887,1.9177887 0 0 0 1.91779,1.91779 h 25.80385 c 28.16273,0 51.47345,24.43262 51.8666,52.59536 0.40273,28.64217 -22.54361,54.80081 -51.09948,54.80081 h -26.57097 a 1.9177887,1.9177887 0 0 0 -1.91779,1.91779 v 67.48698 a 38.106461,38.106461 0 0 0 37.99141,37.99139 h 67.48698 a 1.9177887,1.9177887 0 0 0 1.91778,-1.91779 v -20.06964 c 0,-29.03533 23.73264,-54.0337 52.73919,-54.71451 28.86272,-0.67124 54.65698,19.47514 54.65698,48.21319 v 26.57096 a 1.9177887,1.9177887 0 0 0 1.91778,1.91779 h 68.21575 a 37.262634,37.262634 0 0 0 37.26264,-37.26263 v -74.79375 a 1.9177887,1.9177887 0 0 1 1.91779,-1.9178 h 27.30931 c 26.49425,0 47.48445,-21.73813 47.48445,-48.32827 0,-26.59014 -22.24635,-46.64063 -48.27075,-46.64063 z" + stroke-width="32" + stroke-linejoin="round" + stroke-linecap="round" + stroke="#000" + fill="none" + inkscape:connector-curvature="0" /> diff --git a/website/static/img/homepage/messages.svg b/website/static/img/homepage/messages.svg index 00a0f746..5f911bbb 100644 --- a/website/static/img/homepage/messages.svg +++ b/website/static/img/homepage/messages.svg @@ -7,15 +7,15 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - viewBox="150 150 650 650" - x="0px" - y="0px" - width="1000px" - height="1000px" - version="1.1" - id="svg2552" + inkscape:version="1.1-dev (f9311a1, 2019-12-25)" sodipodi:docname="messages.svg" - inkscape:version="1.1-dev (f9311a1, 2019-12-25)"> + id="svg2552" + version="1.1" + height="1000px" + width="1000px" + y="0px" + x="0px" + viewBox="150 150 650 650"> @@ -31,61 +31,55 @@ + inkscape:window-y="23" + inkscape:window-x="0" + inkscape:cy="676.32321" + inkscape:cx="-42.928485" + inkscape:zoom="0.42598983" + showgrid="false" + id="namedview2554" + inkscape:window-height="829" + inkscape:window-width="1440" + inkscape:pageshadow="2" + inkscape:pageopacity="0" + guidetolerance="10" + gridtolerance="10" + objecttolerance="10" + borderopacity="1" + inkscape:document-rotation="0" + bordercolor="#666666" + pagecolor="#ffffff" /> + id="g3794"> + - - - - - - + + + diff --git a/website/static/img/homepage/opensource.svg b/website/static/img/homepage/opensource.svg index fd55ab3f..08fba33c 100644 --- a/website/static/img/homepage/opensource.svg +++ b/website/static/img/homepage/opensource.svg @@ -7,15 +7,15 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - viewBox="150 150 650 650" - x="0px" - y="0px" - width="1000px" - height="1000px" - version="1.1" - id="svg2552" + inkscape:version="1.1-dev (f9311a1, 2019-12-25)" sodipodi:docname="opensource.svg" - inkscape:version="1.1-dev (f9311a1, 2019-12-25)"> + id="svg2552" + version="1.1" + height="1000px" + width="1000px" + y="0px" + x="0px" + viewBox="150 150 650 650"> @@ -31,102 +31,98 @@ + inkscape:window-y="23" + inkscape:window-x="0" + inkscape:cy="792.26674" + inkscape:cx="55.230787" + inkscape:zoom="0.25792546" + showgrid="false" + id="namedview2554" + inkscape:window-height="829" + inkscape:window-width="1440" + inkscape:pageshadow="2" + inkscape:pageopacity="0" + guidetolerance="10" + gridtolerance="10" + objecttolerance="10" + borderopacity="1" + inkscape:document-rotation="0" + bordercolor="#666666" + pagecolor="#ffffff" /> + id="g2144" + transform="matrix(-2403.8462,0,0,0,-624628.82,150)"> + cy="348.21353" + cx="-259.90799" + style="stroke-width:0.65" /> + inkscape:connector-curvature="0" + style="stroke-width:0.65" /> + id="g2767" + transform="translate(-72.893828,73.324518)"> + + + + style="fill:#8c8ea0;fill-opacity:1" + transform="matrix(1.4200109,0,0,1.4200109,247.07705,-14.128526)" + id="g2753"> - - - - - - - - + id="circle2148" + r="46.799999" + cy="296.29715" + cx="94.256836" + style="fill:#8c8ea0;fill-opacity:1;stroke-width:0.65" /> + style="fill:#8c8ea0;fill-opacity:1;stroke-width:0.65" /> + style="fill:#8c8ea0;fill-opacity:1;stroke-width:0.65" /> + + + diff --git a/website/static/img/homepage/platforms.svg b/website/static/img/homepage/platforms.svg index 4469db76..d5192d28 100644 --- a/website/static/img/homepage/platforms.svg +++ b/website/static/img/homepage/platforms.svg @@ -8,15 +8,15 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - viewBox="150 150 650 650" - x="0px" - y="0px" - width="1000px" - height="1000px" - version="1.1" - id="svg2552" + inkscape:version="1.1-dev (f9311a1, 2019-12-25)" sodipodi:docname="platforms.svg" - inkscape:version="1.1-dev (f9311a1, 2019-12-25)"> + id="svg2552" + version="1.1" + height="1000px" + width="1000px" + y="0px" + x="0px" + viewBox="150 150 650 650"> @@ -32,158 +32,112 @@ + id="linearGradient5705" + osb:paint="solid"> + id="stop5703" /> + inkscape:window-y="23" + inkscape:window-x="0" + inkscape:cy="438.09337" + inkscape:cx="667.05517" + inkscape:zoom="0.39126799" + showgrid="false" + id="namedview2554" + inkscape:window-height="829" + inkscape:window-width="1440" + inkscape:pageshadow="2" + inkscape:pageopacity="0" + guidetolerance="10" + gridtolerance="10" + objecttolerance="10" + borderopacity="1" + inkscape:document-rotation="0" + bordercolor="#666666" + pagecolor="#ffffff" /> + + + + - - - - + id="g7659" + transform="matrix(0.78403486,0,0,0.44950568,541.89089,237.0322)" + style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;fill:#2c2d3c;fill-opacity:1"> - - - - - - + style="fill:#2c2d3c;fill-opacity:1" + id="g7653" + transform="matrix(0.201804,0,0,0.351989,167.289,216.061)"> + - - - - - - - - - ESHT - - - - - - - - - ST - - - C - - + style="fill:#2c2d3c;fill-opacity:1" + id="g7657" + transform="matrix(0.205009,0,0,0.357578,174.224,154.227)"> + + + + + + + + + diff --git a/website/static/img/meshtastic-design b/website/static/img/meshtastic-design index b75f60a9..d0339f02 160000 --- a/website/static/img/meshtastic-design +++ b/website/static/img/meshtastic-design @@ -1 +1 @@ -Subproject commit b75f60a91abc22367ec017ab0c9eea828784a6ac +Subproject commit d0339f0297c629f1bd6873b4abccfecb98443538