Add Android BLE mesh client and project website
This commit is contained in:
dom4k
32
website/assets/css/styles.css
Normal file
32
website/assets/css/styles.css
Normal file
@@ -0,0 +1,32 @@
|
||||
:root {
|
||||
--mesh-dark: #0f2a43;
|
||||
--mesh-accent: #1f8a70;
|
||||
--mesh-bg: #f4f8fb;
|
||||
--mesh-text: #1d2630;
|
||||
}
|
||||
|
||||
body {
|
||||
background: radial-gradient(circle at top right, #d7f6eb 0%, #f4f8fb 40%, #eef3fa 100%);
|
||||
color: var(--mesh-text);
|
||||
}
|
||||
|
||||
.hero {
|
||||
color: #fff;
|
||||
background: linear-gradient(135deg, var(--mesh-dark), #144c72 50%, #196b95);
|
||||
}
|
||||
|
||||
.status-card {
|
||||
background: rgba(255, 255, 255, 0.14);
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
backdrop-filter: blur(8px);
|
||||
}
|
||||
|
||||
.feature {
|
||||
background: #fff;
|
||||
border: 1px solid #dbe4ef;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
footer {
|
||||
border-top: 1px solid #dbe4ef;
|
||||
}
|
||||
50
website/assets/js/app.js
Normal file
50
website/assets/js/app.js
Normal file
@@ -0,0 +1,50 @@
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const btn = document.getElementById('downloadBtn');
|
||||
const versionBadge = document.getElementById('versionBadge');
|
||||
const versionSummary = document.getElementById('versionSummary');
|
||||
const downloadMeta = document.getElementById('downloadMeta');
|
||||
if (!btn) return;
|
||||
|
||||
btn.addEventListener('click', (event) => {
|
||||
if (!btn.getAttribute('href') || btn.getAttribute('href') === '#') {
|
||||
event.preventDefault();
|
||||
alert('APK пока не опубликован. Следите за обновлениями проекта.');
|
||||
}
|
||||
});
|
||||
|
||||
fetch('assets/meta/version.json', { cache: 'no-store' })
|
||||
.then((response) => {
|
||||
if (!response.ok) {
|
||||
throw new Error(`HTTP ${response.status}`);
|
||||
}
|
||||
return response.json();
|
||||
})
|
||||
.then((meta) => {
|
||||
const sizeMb = (meta.apkSizeBytes / (1024 * 1024)).toFixed(1);
|
||||
const builtAt = new Date(meta.buildDateUtc).toLocaleString('ru-RU', {
|
||||
dateStyle: 'medium',
|
||||
timeStyle: 'short'
|
||||
});
|
||||
|
||||
if (versionBadge) {
|
||||
versionBadge.textContent = `v${meta.versionName} (${meta.versionCode})`;
|
||||
}
|
||||
if (versionSummary) {
|
||||
versionSummary.textContent = `Последняя сборка опубликована ${builtAt} UTC.`;
|
||||
}
|
||||
if (downloadMeta) {
|
||||
downloadMeta.textContent = `Доступна debug-сборка v${meta.versionName}. Размер APK: ${sizeMb} MB.`;
|
||||
}
|
||||
if (meta.apkPath) {
|
||||
btn.setAttribute('href', meta.apkPath);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
if (versionBadge) {
|
||||
versionBadge.textContent = 'Версия недоступна';
|
||||
}
|
||||
if (versionSummary) {
|
||||
versionSummary.textContent = 'Не удалось загрузить метаданные сборки.';
|
||||
}
|
||||
});
|
||||
});
|
||||
65
website/index.html
Normal file
65
website/index.html
Normal file
@@ -0,0 +1,65 @@
|
||||
<!doctype html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>School Mesh Messenger</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet" />
|
||||
<link href="assets/css/styles.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="hero py-5">
|
||||
<div class="container">
|
||||
<div class="row align-items-center g-4">
|
||||
<div class="col-lg-8">
|
||||
<h1 class="display-5 fw-bold mb-3">School Mesh Messenger</h1>
|
||||
<p class="lead mb-4">Офлайн-мессенджер для школы на базе BLE mesh-сети: связь между учениками и учителями без интернета.</p>
|
||||
<div class="d-flex gap-2 flex-wrap">
|
||||
<a class="btn btn-light btn-lg" href="#download"><i class="bi bi-download me-2"></i>Скачать APK</a>
|
||||
<a class="btn btn-outline-light btn-lg" href="#about"><i class="bi bi-diagram-3 me-2"></i>Как это работает</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="status-card p-4 rounded-4">
|
||||
<div class="small text-uppercase">Статус</div>
|
||||
<div id="versionBadge" class="h4 mb-2">Загрузка версии...</div>
|
||||
<p id="versionSummary" class="mb-0">Получаем информацию о последней сборке.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section id="about" class="py-5">
|
||||
<div class="container">
|
||||
<h2 class="mb-4">Что внутри</h2>
|
||||
<div class="row g-3">
|
||||
<div class="col-md-4"><div class="feature p-3 rounded-4"><i class="bi bi-broadcast-pin fs-2"></i><h5 class="mt-2">BLE Discovery</h5><p class="mb-0">Обнаружение ближайших узлов и обмен пакетами.</p></div></div>
|
||||
<div class="col-md-4"><div class="feature p-3 rounded-4"><i class="bi bi-share fs-2"></i><h5 class="mt-2">Mesh Relay</h5><p class="mb-0">Передача сообщений hop-by-hop с TTL и ACK.</p></div></div>
|
||||
<div class="col-md-4"><div class="feature p-3 rounded-4"><i class="bi bi-shield-lock fs-2"></i><h5 class="mt-2">Безопасность</h5><p class="mb-0">Базовое шифрование и защита от дубликатов.</p></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="download" class="py-5 border-top">
|
||||
<div class="container">
|
||||
<h2 class="mb-3">Скачать</h2>
|
||||
<p id="downloadMeta">Доступна текущая debug-сборка Android-приложения.</p>
|
||||
<a id="downloadBtn" class="btn btn-success" href="downloads/app-debug.apk"><i class="bi bi-phone me-2"></i>Скачать APK</a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="py-4">
|
||||
<div class="container d-flex justify-content-between flex-wrap gap-2">
|
||||
<span>© 2026 School Mesh Project</span>
|
||||
<span>Offline-first for schools</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/js/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user