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> |