Update _index.md

content/sv/_index.md

@@ -1,16 +1,25 @@
 ---
 title: STHLM-MESH
 ---
-
-{{< blocks/cover title="" image_anchor="top" height="med" >}}
-{{< /blocks/cover >}}
+<style>
+#td-cover-block-0 {
+  background-image: url(/background-map.png);
+}
+@media only screen and (min-width: 1200px) {
+  #td-cover-block-0 {
+    background-image: url(/background-map.png);
+  }
+}
+</style>
+<section id="td-cover-block-0" class="row td-cover-block td-cover-block--height-med">
+</section>
 
 
 {{% blocks/lead color="primary" %}}
 STHLM-MESH är en informell gemenskap som vekar för ett stabilt Meshtastic-nätverk i Stockholm.
 {{% /blocks/lead %}}
 
-{{% blocks/section type="row" %}}
+{{% blocks/section type="row" color="secondary" %}}
 {{% blocks/feature icon="fab fa-facebook" title="Facebook grupp" %}}
 <a href="https://www.facebook.com/groups/815331140404197" target="_blank" rel="noopener noreferrer">Meshtastic Sweden</a>
 En facebookgrupp för Sverige.
@@ -27,50 +36,69 @@ Det är alltid trevligt att träffas och prata radio. Kolla in våra Meetups.
 {{% /blocks/feature %}}
 {{% /blocks/section %}}
 
-{{% blocks/section %}}
+{{% blocks/section color="info" %}}
 # Våra mål
-* Dela information så som riktlinjer och best practices för nya användare.
-* Inspirea andra genom att dela infomration och bilder.
-* Koordinera utbygganden av meshet.
-* Främja aktivitet i meshen.
+* <h4>Dela information så som riktlinjer och best practices för nya användare.</h4>
+* <h4>Inspirea andra genom att dela infomration och bilder.</h4>
+* <h4>Koordinera utbygganden av meshet.</h4>
+* <h4>Främja aktivitet i meshet.</h4>
 
 {{% /blocks/section %}}
-{{% blocks/section %}}
-Kom igång med meshtastic
+{{% blocks/section color="primary"  %}}
+Kom igång med Meshtastic
 {.h1}
 För att komma igång rekomenderar vi att följa instruktionerna på den officiella hemsidan: https://meshtastic.org.
 
 
 {{% alert title="Viktigt" color="success" %}}
-Vi använders oss av 868mhz på LongFast.
+Vi använders oss av 868mhz på preset Long Range - Fast.
 {{% /alert %}}
-
-
 {{% /blocks/section %}}
-{{% blocks/section color="info" %}}
-# Stockholms mesh går tungt  
-Det har tillkommit många nya noder, och det är mycket aktivitet i meshet trots att det är vinter.  
-Tyvärr fungerar dock meshet sämre än i somras. Den faktor som påverkar prestandan mest är mängden trafik och hur varje nod är konfigurerad.  
 
-## **Vad kan man göra för att hjälpa till?**  
+<!-- Det finns garanterat bättre sätt att göra detta på... --> 
+<section class="row td-box td-box--white td-box--height-auto" style="padding-bottom: 0px !important;">
+<div class="col">
+<div class="container">
+<h1 id="val-av-enhetsroll">Val av enhetsroll<a class="td-heading-self-link" href="#val-av-enhetsroll" aria-label="Heading self-link"></a></h1>
+<p>En enhetsroll i Meshtastic definierar enhetens primära funktion inom nätverket. Varje roll är anpassad för specifika användningsområden och hjälper till att effektivt hantera nätverket och enhetens beteende.</p> 
 
-### **1. Uppdatera firmware**  
-Speciellt om du har en version äldre än 2.5.0. Nyare firmware hanterar trafiken mycket bättre.  
+<p>Att välja rätt roll är avgörande för ett välfungerande meshnätverk. Om enheten har fel roll märks det ofta inte för en själv, men det kan påverka prestandan för hela nätverket. Valet av enhetsroll är också beroende av sin omgivning, det är stor skillnad i hur man väljer roll och inställningar i ett lite och ett stort meshnätverk.</p>
 
-### **2. Se till att din nod har rätt roll**  
-- **Använd inte** `ROUTER` eller `REPEATER`.  
-- Noder på **balkonger** och **villatak** bör vara inställda som `CLIENT`.  
-- **Portabla noder** och **inomhusnoder** bör primärt vara `CLIENT_MUTE`.  
-- **Om du har flera noder** (t.ex. en på hustaket och en inomhus) kan du experimentera med `ROUTER_LATE`.  
-
-### **3. Skicka Nodeinfo och Telemetri mer sällan**  
-Majoriteten av trafiken i meshet består av `nodeinfo`, `telemetri` och `position`. Mindre än 1% av alla paket är textmeddelanden.  
-
-- **Nodeinfo** behöver inte skickas oftare än var **tredje timme**.  
-- **Statiska noder** som inte flyttar sig kan skicka sin position mer sällan, t.ex. var **12:e timme**.  
-- **Telemetri** – fundera på om du verkligen behöver skicka detta över meshet. Om du gör det, skicka så sällan som möjligt, t.ex. var **6:e timme**.  
-
-### **4. Bonus: Tips för er som har ROUTERs**  
-- **Sänk max hops** – en välplacerad router når långt med bara **ett eller två hopp**.  
-- Din ROUTER bör nå en nod med MQTT uplink, så att du kan få den telemetri du behöver via [kartan](https://meshtastic.liamcottle.net/)
-{{% /blocks/section %}}
+<p>Här är de vanligaste rollerna och under vilka omständigheter de passar in i Stockholms mesh:</p>
+</div>
+</div>
+</section>
+<div class="container my-4">
+    <div class="row g-4">
+        <div class="col-lg-4">
+            <div class="card" >
+                <h3 class="card-header"><b>ROUTER</b></h3>
+                <img src="/router.jpeg" class="card-img-top" alt="...">
+                <div class="card-body">
+                    <p class="card-text">En nod placerad högt upp med fri sikt åt alla håll. Använder en optimerad och vältestad setup. Måste koordineras med överiga meshset.<p>
+                    <a href="/docs/device_role/#router" class="btn btn-primary" style="color: #f9f9f9 !important;">Läs mer</a>
+                </div>
+            </div>
+        </div>
+        <div class="col-lg-4">
+            <div class="card" >
+                <h3 class="card-header"><b>Client</b></h3>
+                <img src="/client.jpeg" class="card-img-top" alt="...">
+                <div class="card-body">
+                    <p class="card-text">En statisk nod placerad på en bra plats, till exempel en nod monterad på en balkong eller ett hustak.<p>
+                    <a href="/docs/device_role/#client" class="btn btn-primary" style="color: #f9f9f9 !important;">Läs mer</a>
+                </div>
+            </div>
+        </div>
+        <div class="col-lg-4">
+            <div class="card" >
+                <h3 class="card-header"><b>Client Mute</b></h3>
+                <img src="/client_mute.jpeg" class="card-img-top" alt="...">
+                <div class="card-body">
+                    <p class="card-text">För portabla noder eller noder som används inomhus. <b>Notera</b>: En nod inställd på Client Mute kan fortfarande skicka och ta emot meddelanden.<p>
+                    <a href="/docs/device_role/#client-mute" class="btn btn-primary" style="color: #f9f9f9 !important;">Läs mer</a>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>