290 lines
7.6 KiB
HTML
290 lines
7.6 KiB
HTML
|
<!doctype html>
|
|||
|
|
<html lang="de">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|||
|
|
<title>Coira-Link – Autonome MeshCore-Relaisstation</title>
|
|||
|
|
<style>
|
|||
|
|
:root{
|
|||
|
|
--bg:#edf3f6;
|
|||
|
|
--card:#ffffff;
|
|||
|
|
--text:#173042;
|
|||
|
|
--muted:#5f7482;
|
|||
|
|
--line:#d7e1e8;
|
|||
|
|
--soft:#f5f8fa;
|
|||
|
|
--accent:#1e5a7a;
|
|||
|
|
--accent-soft:#e8f1f6;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
*{box-sizing:border-box}
|
|||
|
|
|
|||
|
|
body{
|
|||
|
|
margin:0;
|
|||
|
|
font-family:Arial, Helvetica, sans-serif;
|
|||
|
|
background:linear-gradient(180deg, #f3f7f9 0%, var(--bg) 100%);
|
|||
|
|
color:var(--text);
|
|||
|
|
line-height:1.6;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.wrap{
|
|||
|
|
max-width:920px;
|
|||
|
|
margin:34px auto;
|
|||
|
|
padding:0 18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.card{
|
|||
|
|
background:var(--card);
|
|||
|
|
border:1px solid var(--line);
|
|||
|
|
border-radius:18px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
box-shadow:0 12px 34px rgba(23,48,66,.08);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.hero{
|
|||
|
|
padding:30px 30px 24px;
|
|||
|
|
background:
|
|||
|
|
radial-gradient(circle at top right, rgba(30,90,122,.08), transparent 34%),
|
|||
|
|
linear-gradient(180deg, #fbfdfe 0%, #f4f8fa 100%);
|
|||
|
|
border-bottom:1px solid var(--line);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.badge{
|
|||
|
|
display:inline-block;
|
|||
|
|
padding:7px 12px;
|
|||
|
|
border-radius:999px;
|
|||
|
|
background:var(--accent-soft);
|
|||
|
|
border:1px solid #d4e1e9;
|
|||
|
|
color:var(--accent);
|
|||
|
|
font-size:.78rem;
|
|||
|
|
text-transform:uppercase;
|
|||
|
|
letter-spacing:.05em;
|
|||
|
|
font-weight:700;
|
|||
|
|
margin-bottom:14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h1{
|
|||
|
|
margin:0 0 10px 0;
|
|||
|
|
font-size:2rem;
|
|||
|
|
line-height:1.15;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.subtitle{
|
|||
|
|
margin:0;
|
|||
|
|
color:var(--muted);
|
|||
|
|
font-size:1.05rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content{
|
|||
|
|
padding:28px 30px 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.lead{
|
|||
|
|
font-size:1.08rem;
|
|||
|
|
margin:0 0 18px 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.notice{
|
|||
|
|
margin:22px 0;
|
|||
|
|
padding:18px 20px;
|
|||
|
|
border:1px solid var(--line);
|
|||
|
|
background:var(--soft);
|
|||
|
|
border-radius:14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.notice strong{
|
|||
|
|
color:var(--accent);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.grid{
|
|||
|
|
display:grid;
|
|||
|
|
grid-template-columns:1.2fr .95fr;
|
|||
|
|
gap:22px;
|
|||
|
|
margin-top:24px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.panel{
|
|||
|
|
border:1px solid var(--line);
|
|||
|
|
border-radius:14px;
|
|||
|
|
background:#fff;
|
|||
|
|
padding:18px 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.panel h2{
|
|||
|
|
margin:0 0 12px 0;
|
|||
|
|
font-size:1.08rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.panel p{
|
|||
|
|
margin:0 0 12px 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.meta{
|
|||
|
|
display:grid;
|
|||
|
|
grid-template-columns:140px 1fr;
|
|||
|
|
gap:8px 14px;
|
|||
|
|
margin-top:6px;
|
|||
|
|
font-size:.98rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.meta .k{
|
|||
|
|
color:var(--muted);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mono{
|
|||
|
|
font-family:Consolas, "Courier New", monospace;
|
|||
|
|
font-size:.9rem;
|
|||
|
|
word-break:break-all;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.links{
|
|||
|
|
display:flex;
|
|||
|
|
flex-wrap:wrap;
|
|||
|
|
gap:10px;
|
|||
|
|
margin-top:10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.linkbtn{
|
|||
|
|
display:inline-block;
|
|||
|
|
padding:10px 12px;
|
|||
|
|
border:1px solid var(--line);
|
|||
|
|
border-radius:10px;
|
|||
|
|
background:var(--soft);
|
|||
|
|
color:var(--accent);
|
|||
|
|
text-decoration:none;
|
|||
|
|
font-weight:700;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.linkbtn:hover{
|
|||
|
|
background:#eef5f8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.contact{
|
|||
|
|
margin-top:26px;
|
|||
|
|
padding-top:20px;
|
|||
|
|
border-top:1px solid var(--line);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.contact-card{
|
|||
|
|
border:1px solid var(--line);
|
|||
|
|
border-radius:14px;
|
|||
|
|
padding:18px 20px;
|
|||
|
|
background:linear-gradient(180deg, #ffffff 0%, #fafcfd 100%);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
a{
|
|||
|
|
color:var(--accent);
|
|||
|
|
text-decoration:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
a:hover{
|
|||
|
|
text-decoration:underline;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.footer{
|
|||
|
|
margin-top:16px;
|
|||
|
|
font-size:.92rem;
|
|||
|
|
color:var(--muted);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width:780px){
|
|||
|
|
.grid{
|
|||
|
|
grid-template-columns:1fr;
|
|||
|
|
}
|
|||
|
|
h1{
|
|||
|
|
font-size:1.7rem;
|
|||
|
|
}
|
|||
|
|
.hero,.content{
|
|||
|
|
padding:22px 18px;
|
|||
|
|
}
|
|||
|
|
.meta{
|
|||
|
|
grid-template-columns:110px 1fr;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="wrap">
|
|||
|
|
<main class="card">
|
|||
|
|
<section class="hero">
|
|||
|
|
<div class="badge">Coira-Link</div>
|
|||
|
|
<h1>Autonome MeshCore-Relaisstation</h1>
|
|||
|
|
<p class="subtitle">
|
|||
|
|
Verbindung von Graubünden in ein grenzüberschreitendes, unabhängiges LoRa-Mesh
|
|||
|
|
</p>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section class="content">
|
|||
|
|
<p class="lead">
|
|||
|
|
Sie haben eine solarbetriebene Relaisstation des Projekts <strong>Coira-Link</strong> entdeckt.
|
|||
|
|
Dieser Knoten hilft dabei, Graubünden an das MeshCore-Netz anzubinden, ein off-grid
|
|||
|
|
Funknetz, das bereits weit über die Region hinaus genutzt wird.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<div class="notice">
|
|||
|
|
<strong>Was macht dieses Gerät?</strong><br>
|
|||
|
|
Es arbeitet als <strong>Repeater / Relaisknoten</strong>: Es empfängt und leitet kurze
|
|||
|
|
Funknachrichten weiter. Zusätzlich werden technische Werte wie Temperatur und
|
|||
|
|
Signalqualität erfasst, um den Betrieb und die Funkabdeckung zu beobachten.
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="grid">
|
|||
|
|
<div class="panel">
|
|||
|
|
<h2>Was ist LoRa und MeshCore?</h2>
|
|||
|
|
<p>
|
|||
|
|
<strong>LoRa</strong> ist eine energiearme Long-Range-Funktechnik für kleine
|
|||
|
|
Datenpakete über grössere Distanzen. In Kombination mit <strong>MeshCore</strong>
|
|||
|
|
können sich viele Knoten zu einem unabhängigen Netz verbinden, in dem Nachrichten
|
|||
|
|
von Station zu Station weitergereicht werden.
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
Solche Knoten können auch dann nützlich sein, wenn Mobilfunk oder Internet
|
|||
|
|
ausfallen. Darum ist diese Station als <strong>autarker Solarknoten</strong>
|
|||
|
|
für einen langfristigen Betrieb ausgelegt.
|
|||
|
|
</p>
|
|||
|
|
<div class="links">
|
|||
|
|
<a class="linkbtn" href="https://www.meshcore.ch/" target="_blank" rel="noopener">MeshCore Schweiz</a>
|
|||
|
|
<a class="linkbtn" href="https://meshcore.co.uk/" target="_blank" rel="noopener">Offizielle MeshCore-Seite</a>
|
|||
|
|
<a class="linkbtn" href="https://www.meshcore.ch/map" target="_blank" rel="noopener">Schweizer MeshCore-Karte</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="panel">
|
|||
|
|
<h2>Knoten-Information</h2>
|
|||
|
|
<div class="meta">
|
|||
|
|
<div class="k">Projekt</div><div>Coira-Link</div>
|
|||
|
|
<div class="k">Knotenname</div><div>Caprica Helo</div>
|
|||
|
|
<div class="k">Verknüpft mit</div><div>Caprica, Rheinquartier Chur</div>
|
|||
|
|
<div class="k">MeshCore-User</div><div>@CoiraThink</div>
|
|||
|
|
<div class="k">Frequenz</div><div>869.618 MHz</div>
|
|||
|
|
<div class="k">Wellenlänge</div><div>ca. 34.5 cm</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<p style="margin-top:14px; margin-bottom:6px;"><strong>Public Key</strong></p>
|
|||
|
|
<div class="mono">654cd1bfc3ddd37c46be61eed948e485e92d798eab11e44826672e6428528ab7</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="contact">
|
|||
|
|
<div class="contact-card">
|
|||
|
|
<h2 style="margin-top:0;">Kontakt</h2>
|
|||
|
|
<p>
|
|||
|
|
Falls diese Station wegen Unterhalt, Bauarbeiten oder Sicherheit vorübergehend
|
|||
|
|
entfernt oder versetzt werden muss, bitte kurz melden.
|
|||
|
|
</p>
|
|||
|
|
<div class="meta" style="margin-top:14px;">
|
|||
|
|
<div class="k">Name</div><div>Malko Gindrat</div>
|
|||
|
|
<div class="k">E-Mail</div><div><a href="mailto:sensor@malko.net">sensor@malko.net</a></div>
|
|||
|
|
<div class="k">Telefon</div><div><a href="tel:+41 76 403 06 71">+41 76 403 06 71</a></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<p class="footer">
|
|||
|
|
Vielen Dank für Ihr Verständnis. Diese Station ist Teil einer unabhängigen,
|
|||
|
|
energiearmen Kommunikationsinfrastruktur im LoRa-ISM-Band.
|
|||
|
|
</p>
|
|||
|
|
</section>
|
|||
|
|
</main>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|