Gibrat_Auganov/galikon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v2 — профили спортсменов (регистрация, переключение, свои данные)

Browse Source
This commit is contained in:
Dauren777 2026-06-01 10:27:25 +00:00
parent 3e15555a28
commit 4cec2866c5
1 changed files with 292 additions and 170 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

462
index.html
View File

@ -3,21 +3,23 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title>Галикон — приложение пловца</title> <title>Галикон — приложение спортсмена</title>
<link rel="manifest" href="data:application/json,{}">
<meta name="apple-mobile-web-app-capable" content="yes">
<style> <style>
:root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#fff;--gray-500:#5B6573;--gray-100:#F2F4F7;--red:#FF6B6B;--green:#4CAF50} :root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#fff;--gray-500:#5B6573;--gray-100:#F2F4F7;--red:#FF6B6B;--green:#4CAF50}
*{box-sizing:border-box;margin:0;padding:0} *{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;color:var(--ink);background:var(--gray-100);-webkit-tap-highlight-color:transparent} body{font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;color:var(--ink);background:var(--gray-100);-webkit-tap-highlight-color:transparent}
header{background:var(--ink);color:var(--white);padding:16px 20px;position:sticky;top:0;z-index:100} header{background:var(--ink);color:var(--white);padding:12px 20px;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px}
header h1{font-size:22px;font-weight:800} header h1{font-size:20px;font-weight:800;white-space:nowrap}
header h1 span{color:var(--cyan)} header h1 span{color:var(--cyan)}
.header-right{display:flex;align-items:center;gap:8px}
.header-right .avatar{width:34px;height:34px;border-radius:50%;background:var(--cyan);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;cursor:pointer;overflow:hidden}
.header-right .avatar img{width:100%;height:100%;object-fit:cover}
.header-right .profile-name{font-size:13px;color:var(--cyan);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
nav.tabs{display:flex;overflow-x:auto;gap:4px;padding:8px 20px;background:var(--ink);position:sticky;top:54px;z-index:99;-webkit-overflow-scrolling:touch} nav.tabs{display:flex;overflow-x:auto;gap:4px;padding:8px 20px;background:var(--ink);position:sticky;top:57px;z-index:99;-webkit-overflow-scrolling:touch}
nav.tabs::-webkit-scrollbar{display:none} nav.tabs::-webkit-scrollbar{display:none}
.tab-btn{flex-shrink:0;padding:8px 16px;border-radius:20px;border:none;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;background:#1a2332;color:#9aa3b2;transition:all .2s} .tab-btn{flex-shrink:0;padding:8px 14px;border-radius:20px;border:none;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;background:#1a2332;color:#9aa3b2;transition:all .2s}
.tab-btn.active{background:var(--cyan);color:var(--ink)} .tab-btn.active{background:var(--cyan);color:var(--ink)}
.tab-btn:active{transform:scale(.95)} .tab-btn:active{transform:scale(.95)}
@ -29,17 +31,17 @@ main{padding:20px;max-width:900px;margin:0 auto}
.card h3 .emoji{margin-right:8px} .card h3 .emoji{margin-right:8px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px} .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.stat-box{text-align:center;padding:16px 8px;background:var(--gray-100);border-radius:12px} .stat-box{text-align:center;padding:16px 8px;background:var(--gray-100);border-radius:12px}
.stat-box .num{font-size:28px;font-weight:800;color:var(--cyan);line-height:1} .stat-box .num{font-size:28px;font-weight:800;color:var(--cyan);line-height:1}
.stat-box .lbl{font-size:11px;color:var(--gray-500);margin-top:4px} .stat-box .lbl{font-size:11px;color:var(--gray-500);margin-top:4px}
input,select,textarea{width:100%;padding:12px;border:2px solid var(--gray-100);border-radius:10px;font:inherit;font-size:15px;margin-bottom:10px;background:var(--white);transition:border-color .2s} input,select,textarea{width:100%;padding:12px;border:2px solid var(--gray-100);border-radius:10px;font:inherit;font-size:15px;margin-bottom:10px;background:var(--white);transition:border-color .2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan)} input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan)}
.btn{display:inline-block;background:var(--cyan);color:var(--ink);padding:10px 22px;border-radius:10px;font-weight:700;border:none;font-size:15px;cursor:pointer;transition:transform .2s} .btn{display:inline-block;background:var(--cyan);color:var(--ink);padding:10px 22px;border-radius:10px;font-weight:700;border:none;font-size:15px;cursor:pointer;transition:transform .2s;text-align:center}
.btn:active{transform:scale(.96)} .btn:active{transform:scale(.96)}
.btn.danger{background:var(--red);color:#fff} .btn.danger{background:var(--red);color:#fff}
.btn.small{padding:6px 14px;font-size:13px} .btn.small{padding:6px 14px;font-size:13px}
.btn.outline{background:transparent;border:2px solid var(--cyan);color:var(--cyan)}
.check-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--gray-100)} .check-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--gray-100)}
.check-row:last-child{border-bottom:none} .check-row:last-child{border-bottom:none}
@ -75,18 +77,80 @@ input[type=file]{display:none}
.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.92);z-index:200;display:flex;align-items:center;justify-content:center;cursor:pointer} .lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.92);z-index:200;display:flex;align-items:center;justify-content:center;cursor:pointer}
.lightbox img,.lightbox video{max-width:95%;max-height:90vh;border-radius:8px} .lightbox img,.lightbox video{max-width:95%;max-height:90vh;border-radius:8px}
/* PROFILE SCREEN */
.profile-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--ink);z-index:300;display:flex;flex-direction:column;overflow-y:auto;padding:24px}
.profile-screen h2{color:var(--white);text-align:center;margin-bottom:8px;font-size:24px}
.profile-screen h2 span{color:var(--cyan)}
.profile-screen .sub{color:var(--gray-500);text-align:center;margin-bottom:24px;font-size:15px}
.profile-screen .card{background:#1a2332;border:1px solid #2a3342;margin-bottom:12px}
.profile-screen .card h3{color:var(--white)}
.profile-screen input,.profile-screen select,.profile-screen textarea{background:#0F1218;border-color:#2a3342;color:var(--white)}
.profile-screen input::placeholder{color:#5b6573}
.profile-screen label{color:var(--gray-500);font-size:13px;margin-bottom:4px;display:block}
.profile-list-item{display:flex;align-items:center;gap:14px;padding:14px;background:#1a2332;border-radius:12px;margin-bottom:8px;cursor:pointer;border:2px solid transparent;transition:border-color .2s}
.profile-list-item:hover,.profile-list-item.selected{border-color:var(--cyan)}
.profile-list-item .av{width:44px;height:44px;border-radius:50%;background:var(--cyan);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex-shrink:0;overflow:hidden}
.profile-list-item .av img{width:100%;height:100%;object-fit:cover}
.profile-list-item .info{flex:1;color:var(--white)}
.profile-list-item .info .name{font-weight:700;font-size:15px}
.profile-list-item .info .sport{font-size:12px;color:var(--gray-500)}
.app-screen{display:none}
.app-screen.active{display:block}
.profile-screen.hidden{display:none}
@media(max-width:480px){ @media(max-width:480px){
.grid2,.grid3{grid-template-columns:1fr} .grid2{grid-template-columns:1fr}
header h1{font-size:18px} header h1{font-size:16px}
nav.tabs{gap:2px;padding:8px 12px} nav.tabs{gap:2px;padding:6px 10px}
.tab-btn{padding:7px 12px;font-size:13px} .tab-btn{padding:7px 10px;font-size:12px}
main{padding:12px} main{padding:12px}
} }
</style> </style>
</head> </head>
<body> <body>
<header><h1>&#x1F3CA; <span>Галикон</span></h1></header> <!-- PROFILE SCREEN -->
<div class="profile-screen" id="profileScreen">
<h2>&#x1F3CA; <span>Галикон</span></h2>
<p class="sub">Приложение для спортсменов. Создай свой профиль.</p>
<div class="card" id="regForm">
<h3>&#x270F; Регистрация</h3>
<input type="text" id="regName" placeholder="Фамилия Имя Отчество">
<div class="grid2">
<input type="text" id="regSport" placeholder="Вид спорта (плавание, бокс...)">
<input type="number" id="regAge" placeholder="Возраст" min="5" max="100">
</div>
<input type="text" id="regClub" placeholder="Клуб / спортивная школа">
<div class="grid2">
<input type="text" id="regCity" placeholder="Город">
<input type="text" id="regCoach" placeholder="Тренер (ФИО)">
</div>
<div class="grid2">
<input type="text" id="regRank" placeholder="Разряд / звание">
<input type="text" id="regGoal" placeholder="Главная цель">
</div>
<label class="file-btn" style="margin-bottom:10px">&#x1F4F7; Фото профиля<input type="file" accept="image/*" id="regPhoto" onchange="previewRegPhoto()"></label>
<img id="regPhotoPreview" style="width:80px;height:80px;border-radius:50%;object-fit:cover;display:none;margin:0 auto 10px">
<button class="btn" onclick="registerProfile()" style="width:100%">&#x1F44D; Создать профиль</button>
</div>
<div style="text-align:center;color:var(--gray-500);font-size:14px;margin-bottom:12px">— или —</div>
<div id="profileList"></div>
</div>
<!-- APP SCREEN -->
<div class="app-screen" id="appScreen">
<header>
<h1>&#x1F3CA; <span>Галикон</span></h1>
<div class="header-right">
<span class="profile-name" id="headerName"></span>
<div class="avatar" id="headerAvatar" onclick="showProfileScreen()"></div>
</div>
</header>
<nav class="tabs"> <nav class="tabs">
<button class="tab-btn active" data-tab="diary">&#x1F4D6; Дневник</button> <button class="tab-btn active" data-tab="diary">&#x1F4D6; Дневник</button>
@ -111,18 +175,12 @@ input[type=file]{display:none}
<input type="text" id="diary-note" placeholder="Заметка (что получилось, над чем работать)"> <input type="text" id="diary-note" placeholder="Заметка (что получилось, над чем работать)">
<button class="btn" onclick="addDiary()" style="width:100%">&#x2705; Сохранить</button> <button class="btn" onclick="addDiary()" style="width:100%">&#x2705; Сохранить</button>
</div> </div>
<div class="card"> <div id="diary-list" class="empty"><div class="big">&#x1F4AD;</div>Пока нет записей. Добавь первую!</div>
<h3><span class="emoji">&#x1F4C8;</span>История</h3>
<div id="diary-list" class="empty"><div class="big">&#x1F4AD;</div>Пока нет записей. Добавь первую!</div>
</div>
</div> </div>
<!-- ЗДОРОВЬЕ --> <!-- ЗДОРОВЬЕ -->
<div class="tab-content" id="health"> <div class="tab-content" id="health">
<div class="card"> <div class="card"><h3><span class="emoji">&#x1F48A;</span>Витамины на сегодня</h3><div id="vitamins-check"></div></div>
<h3><span class="emoji">&#x1F48A;</span>Витамины на сегодня</h3>
<div id="vitamins-check"></div>
</div>
<div class="card"> <div class="card">
<h3><span class="emoji">&#x1F4A4;</span>Сон и самочувствие</h3> <h3><span class="emoji">&#x1F4A4;</span>Сон и самочувствие</h3>
<div class="grid2"> <div class="grid2">
@ -135,8 +193,7 @@ input[type=file]{display:none}
<div class="card"> <div class="card">
<h3><span class="emoji">&#x1F4C5;</span>Анализы</h3> <h3><span class="emoji">&#x1F4C5;</span>Анализы</h3>
<select id="test-select"><option value="">Выбери анализ</option><option value="hb">Гемоглобин (г/л)</option><option value="ferritin">Ферритин (мкг/л)</option><option value="vitd">Витамин D (нг/мл)</option><option value="b12">Витамин B12 (пг/мл)</option></select> <select id="test-select"><option value="">Выбери анализ</option><option value="hb">Гемоглобин (г/л)</option><option value="ferritin">Ферритин (мкг/л)</option><option value="vitd">Витамин D (нг/мл)</option><option value="b12">Витамин B12 (пг/мл)</option></select>
<input type="number" id="test-value" placeholder="Значение"> <input type="number" id="test-value" placeholder="Значение"><input type="date" id="test-date">
<input type="date" id="test-date">
<button class="btn" onclick="saveTest()" style="width:100%">Сохранить анализ</button> <button class="btn" onclick="saveTest()" style="width:100%">Сохранить анализ</button>
<div id="test-history" style="margin-top:8px;font-size:13px;color:var(--gray-500)"></div> <div id="test-history" style="margin-top:8px;font-size:13px;color:var(--gray-500)"></div>
</div> </div>
@ -145,7 +202,7 @@ input[type=file]{display:none}
<!-- НОРМАТИВЫ --> <!-- НОРМАТИВЫ -->
<div class="tab-content" id="norms"> <div class="tab-content" id="norms">
<div class="card"> <div class="card">
<h3><span class="emoji">&#x1F3CA;</span>Разряды по плаванию — 50 м в/с (мужчины)</h3> <h3><span class="emoji">&#x1F3CA;</span>Разряды — 50 м в/с (мужчины, бассейн 50 м)</h3>
<table> <table>
<thead><tr><th>Разряд</th><th>50 м в/с</th><th>100 м в/с</th><th>400 м в/с</th></tr></thead> <thead><tr><th>Разряд</th><th>50 м в/с</th><th>100 м в/с</th><th>400 м в/с</th></tr></thead>
<tbody> <tbody>
@ -160,26 +217,17 @@ input[type=file]{display:none}
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="card">
<h3><span class="emoji">&#x1F3AF;</span>Твой прогресс: 34″ → 23″</h3>
<div style="margin-bottom:8px;display:flex;justify-content:space-between;font-size:13px"><span>3 взр. (35″)</span><span>ТЫ (34″)</span><span>КМС (25″)</span><span>МС (23″)</span></div>
<div class="progress-bar"><div class="fill" style="width:8%"></div></div>
<div style="margin-top:8px;font-size:13px;color:var(--gray-500)">Ты уже перешагнул 3 взрослый! До КМС — 9 секунд.</div>
</div>
</div> </div>
<!-- ВИДЕОАНАЛИЗ --> <!-- ВИДЕО -->
<div class="tab-content" id="video"> <div class="tab-content" id="video">
<div class="card"> <div class="card">
<h3><span class="emoji">&#x1F4F9;</span>Загрузи видео заплыва</h3> <h3><span class="emoji">&#x1F4F9;</span>Загрузи видео заплыва</h3>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Сними свой заплыв на телефон сбоку от бортика. Загрузи сюда — смотри в повторе и анализируй технику.</p> <p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Сними заплыв сбоку от бортика. Загрузи — смотри в повторе, анализируй технику.</p>
<label class="file-btn">&#x1F4C1; Выбрать видео<input type="file" accept="video/*" onchange="uploadVideo(this)"></label> <label class="file-btn">&#x1F4C1; Выбрать видео<input type="file" accept="video/*" onchange="uploadVideo(this)"></label>
<div id="video-container"></div> <div id="video-container"></div>
</div> </div>
<div class="card"> <div id="video-list" class="empty"><div class="big">&#x1F3A5;</div>Загрузи первое видео заплыва!</div>
<h3><span class="emoji">&#x1F3AC;</span>Мои видео</h3>
<div id="video-list" class="empty"><div class="big">&#x1F3A5;</div>Загрузи первое видео заплыва!</div>
</div>
</div> </div>
<!-- ФОТО --> <!-- ФОТО -->
@ -188,10 +236,7 @@ input[type=file]{display:none}
<h3><span class="emoji">&#x1F4F8;</span>Добавить фото</h3> <h3><span class="emoji">&#x1F4F8;</span>Добавить фото</h3>
<label class="file-btn">&#x1F4C1; Выбрать фото<input type="file" accept="image/*" multiple onchange="uploadPhotos(this)"></label> <label class="file-btn">&#x1F4C1; Выбрать фото<input type="file" accept="image/*" multiple onchange="uploadPhotos(this)"></label>
</div> </div>
<div class="card"> <div class="card"><h3><span class="emoji">&#x1F5BC;</span>Галерея</h3><div class="photo-grid" id="photo-grid"><div class="empty" style="grid-column:1/-1"><div class="big">&#x1F4F7;</div>Добавь первые фото!</div></div></div>
<h3><span class="emoji">&#x1F5BC;</span>Галерея</h3>
<div class="photo-grid" id="photo-grid"><div class="empty" style="grid-column:1/-1"><div class="big">&#x1F4F7;</div>Добавь первые фото!</div></div>
</div>
</div> </div>
<!-- ОЦЕНКИ --> <!-- ОЦЕНКИ -->
@ -206,11 +251,11 @@ input[type=file]{display:none}
</div> </div>
<div class="card"> <div class="card">
<h3><span class="emoji">&#x1F4CA;</span>Успеваемость</h3> <h3><span class="emoji">&#x1F4CA;</span>Успеваемость</h3>
<div class="grid2" id="grades-summary" style="margin-bottom:12px"> <div class="grid2" style="margin-bottom:12px">
<div class="stat-box"><div class="num" id="gpa-display">—</div><div class="lbl">Средний балл</div></div> <div class="stat-box"><div class="num" id="gpa-display">—</div><div class="lbl">Средний балл</div></div>
<div class="stat-box"><div class="num" id="grades-count">0</div><div class="lbl">Оценок</div></div> <div class="stat-box"><div class="num" id="grades-count">0</div><div class="lbl">Оценок</div></div>
</div> </div>
<div id="grades-list" class="empty"><div class="big">&#x1F393;</div>Добавь оценки по предметам</div> <div id="grades-list" class="empty"><div class="big">&#x1F393;</div>Добавь оценки</div>
</div> </div>
</div> </div>
@ -218,24 +263,23 @@ input[type=file]{display:none}
<div class="tab-content" id="lessons"> <div class="tab-content" id="lessons">
<div class="card"> <div class="card">
<h3><span class="emoji">&#x1F4FA;</span>Обучающие видео</h3> <h3><span class="emoji">&#x1F4FA;</span>Обучающие видео</h3>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Открой YouTube и вбей эти запросы — там лучшие уроки по технике плавания:</p> <p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Найди на YouTube эти запросы — лучшие уроки по технике:</p>
<div id="lesson-list"></div> <div id="lesson-list"></div>
</div> </div>
</div> </div>
</main> </main>
</div>
<div class="toast" id="toast">Сохранено!</div> <div class="toast" id="toast">Сохранено!</div>
<div class="lightbox" id="lightbox" style="display:none" onclick="this.style.display='none'"></div> <div class="lightbox" id="lightbox" style="display:none" onclick="this.style.display='none'"></div>
<script> <script>
const LS = key => { // === STORAGE HELPERS ===
try { const v = localStorage.getItem('galikon_'+key); return v ? JSON.parse(v) : null } const LS = key => { try { const v = localStorage.getItem('galikon_'+key); return v ? JSON.parse(v) : null } catch { return null } };
catch { return null } const SS = (key, val) => { try { localStorage.setItem('galikon_'+key, JSON.stringify(val)) } catch { toast('Память браузера заполнена!') } };
};
const SS = (key, val) => { let currentProfileId = null;
try { localStorage.setItem('galikon_'+key, JSON.stringify(val)) } function pid() { return currentProfileId || 'default'; }
catch { toast('Память браузера заполнена!') }
};
function toast(msg) { function toast(msg) {
const t = document.getElementById('toast'); const t = document.getElementById('toast');
@ -243,6 +287,88 @@ function toast(msg) {
setTimeout(() => t.classList.remove('show'), 2000); setTimeout(() => t.classList.remove('show'), 2000);
} }
// === PROFILE SYSTEM ===
function registerProfile() {
const name = document.getElementById('regName').value.trim();
if (!name) return toast('Введи ФИО!');
const profile = {
id: Date.now(),
name,
sport: document.getElementById('regSport').value.trim(),
age: document.getElementById('regAge').value,
club: document.getElementById('regClub').value.trim(),
city: document.getElementById('regCity').value.trim(),
coach: document.getElementById('regCoach').value.trim(),
rank: document.getElementById('regRank').value.trim(),
goal: document.getElementById('regGoal').value.trim(),
photo: document.getElementById('regPhotoPreview').src || '',
created: new Date().toISOString()
};
if (profile.photo === window.location.href) profile.photo = '';
const profiles = LS('profiles') || [];
profiles.push(profile);
SS('profiles', profiles);
// Clear form
['regName','regSport','regAge','regClub','regCity','regCoach','regRank','regGoal'].forEach(id => document.getElementById(id).value = '');
document.getElementById('regPhotoPreview').style.display = 'none';
loginProfile(profile.id);
}
function previewRegPhoto() {
const f = document.getElementById('regPhoto').files[0];
if (!f) return;
const r = new FileReader();
r.onload = e => { const img = document.getElementById('regPhotoPreview'); img.src = e.target.result; img.style.display = 'block'; };
r.readAsDataURL(f);
}
function loginProfile(id) {
currentProfileId = id;
const profiles = LS('profiles') || [];
const p = profiles.find(x => x.id === id);
if (!p) return;
document.getElementById('profileScreen').classList.add('hidden');
document.getElementById('appScreen').classList.add('active');
document.getElementById('headerName').textContent = p.name.split(' ')[0];
const av = document.getElementById('headerAvatar');
if (p.photo) {
av.innerHTML = `<img src="${p.photo}" alt="">`;
} else {
av.innerHTML = p.name.charAt(0).toUpperCase();
}
renderAll();
}
function showProfileScreen() {
document.getElementById('profileScreen').classList.remove('hidden');
document.getElementById('appScreen').classList.remove('active');
renderProfileList();
}
function deleteProfile(id) {
if (!confirm('Удалить профиль? Все данные будут потеряны.')) return;
const profiles = (LS('profiles') || []).filter(p => p.id !== id);
SS('profiles', profiles);
if (currentProfileId === id) { currentProfileId = null; document.getElementById('appScreen').classList.remove('active'); }
renderProfileList();
}
function renderProfileList() {
const profiles = LS('profiles') || [];
const el = document.getElementById('profileList');
if (!profiles.length) { el.innerHTML = '<p style="color:var(--gray-500);text-align:center">Нет профилей. Создай первый!</p>'; return; }
el.innerHTML = profiles.map(p => `
<div class="profile-list-item ${p.id === currentProfileId ? 'selected' : ''}" onclick="loginProfile(${p.id})">
<div class="av">${p.photo ? `<img src="${p.photo}">` : p.name.charAt(0).toUpperCase()}</div>
<div class="info">
<div class="name">${p.name}</div>
<div class="sport">${[p.sport, p.club, p.age ? p.age+' лет' : '', p.rank].filter(Boolean).join(' · ')}</div>
</div>
<button class="btn danger small" style="flex-shrink:0" onclick="event.stopPropagation();deleteProfile(${p.id})">&#x1F5D1;</button>
</div>
`).join('');
}
// === TABS === // === TABS ===
document.querySelectorAll('.tab-btn').forEach(btn => { document.querySelectorAll('.tab-btn').forEach(btn => {
btn.addEventListener('click', () => { btn.addEventListener('click', () => {
@ -250,8 +376,6 @@ document.querySelectorAll('.tab-btn').forEach(btn => {
document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active')); document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
btn.classList.add('active'); btn.classList.add('active');
document.getElementById(btn.dataset.tab).classList.add('active'); document.getElementById(btn.dataset.tab).classList.add('active');
if (btn.dataset.tab === 'norms') renderNorms();
if (btn.dataset.tab === 'grades') renderGrades();
}); });
}); });
@ -267,24 +391,21 @@ function addDiary() {
id: Date.now() id: Date.now()
}; };
if (!entry.date) return toast('Выбери дату!'); if (!entry.date) return toast('Выбери дату!');
const diary = LS('diary') || []; const all = LS('diary_all') || {};
diary.unshift(entry); if (!all[pid()]) all[pid()] = [];
SS('diary', diary.slice(0, 200)); all[pid()].unshift(entry);
document.getElementById('diary-date').value = ''; SS('diary_all', all);
document.getElementById('diary-type').value = ''; ['diary-date','diary-type','diary-km','diary-time','diary-feel','diary-note'].forEach(id => document.getElementById(id).value = '');
document.getElementById('diary-km').value = '';
document.getElementById('diary-time').value = '';
document.getElementById('diary-feel').value = '';
document.getElementById('diary-note').value = '';
renderDiary(); renderDiary();
toast('Запись добавлена!'); toast('Запись добавлена!');
} }
function renderDiary() { function renderDiary() {
const diary = LS('diary') || []; const all = LS('diary_all') || {};
const diary = all[pid()] || [];
const el = document.getElementById('diary-list'); const el = document.getElementById('diary-list');
if (!diary.length) { el.innerHTML = '<div class="empty"><div class="big">&#x1F4AD;</div>Пока нет записей. Добавь первую!</div>'; return; } if (!diary.length) { el.innerHTML = '<div class="empty"><div class="big">&#x1F4AD;</div>Пока нет записей. Добавь первую!</div>'; return; }
el.innerHTML = diary.slice(0, 30).map(e => `<div class="card" style="margin-bottom:8px;padding:16px"> el.innerHTML = diary.slice(0,30).map(e => `<div class="card" style="margin-bottom:8px;padding:16px">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px"> <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px">
<strong>${e.date}</strong> <span class="badge blue">${e.type}</span> <strong>${e.date}</strong> <span class="badge blue">${e.type}</span>
</div> </div>
@ -297,13 +418,15 @@ function renderDiary() {
} }
function deleteDiary(id) { function deleteDiary(id) {
const diary = (LS('diary') || []).filter(e => e.id !== id); const all = LS('diary_all') || {};
SS('diary', diary); if (!all[pid()]) return;
all[pid()] = all[pid()].filter(e => e.id !== id);
SS('diary_all', all);
renderDiary(); renderDiary();
toast('Удалено'); toast('Удалено');
} }
// === HEALTH: VITAMINS === // === HEALTH ===
const vitamins = [ const vitamins = [
{ id: 'd3', name: 'Витамин D3', dose: '2000-4000 МЕ', when: 'Утром' }, { id: 'd3', name: 'Витамин D3', dose: '2000-4000 МЕ', when: 'Утром' },
{ id: 'omega', name: 'Омега-3', dose: '1000 мг', when: 'Утром' }, { id: 'omega', name: 'Омега-3', dose: '1000 мг', when: 'Утром' },
@ -314,7 +437,8 @@ const vitamins = [
function renderVitamins() { function renderVitamins() {
const today = new Date().toISOString().slice(0,10); const today = new Date().toISOString().slice(0,10);
const taken = LS('vitamins_taken') || {}; const all = LS('vitamins_all') || {};
const taken = all[pid()] || {};
const el = document.getElementById('vitamins-check'); const el = document.getElementById('vitamins-check');
el.innerHTML = vitamins.map(v => { el.innerHTML = vitamins.map(v => {
const isTaken = taken[today] && taken[today][v.id]; const isTaken = taken[today] && taken[today][v.id];
@ -322,32 +446,34 @@ function renderVitamins() {
<input type="checkbox" ${isTaken ? 'checked' : ''} onchange="toggleVitamin('${v.id}')" id="vit_${v.id}"> <input type="checkbox" ${isTaken ? 'checked' : ''} onchange="toggleVitamin('${v.id}')" id="vit_${v.id}">
<label for="vit_${v.id}">${v.name} (${v.dose}) — ${v.when}</label> <label for="vit_${v.id}">${v.name} (${v.dose}) — ${v.when}</label>
</div>`; </div>`;
}).join('') + `<div style="margin-top:8px;font-size:13px;color:var(--gray-500)">Принято: ${countTaken(today)} из ${vitamins.length}</div>`; }).join('') + `<div style="margin-top:8px;font-size:13px;color:var(--gray-500)">Принято: ${countTaken()} из ${vitamins.length}</div>`;
} }
function countTaken(date) { function countTaken() {
const taken = LS('vitamins_taken') || {}; const all = LS('vitamins_all') || {};
return taken[date] ? Object.values(taken[date]).filter(Boolean).length : 0; const taken = all[pid()] || {};
const today = new Date().toISOString().slice(0,10);
return taken[today] ? Object.values(taken[today]).filter(Boolean).length : 0;
} }
function toggleVitamin(id) { function toggleVitamin(id) {
const today = new Date().toISOString().slice(0,10); const today = new Date().toISOString().slice(0,10);
const taken = LS('vitamins_taken') || {}; const all = LS('vitamins_all') || {};
if (!taken[today]) taken[today] = {}; if (!all[pid()]) all[pid()] = {};
taken[today][id] = !taken[today][id]; if (!all[pid()][today]) all[pid()][today] = {};
SS('vitamins_taken', taken); all[pid()][today][id] = !all[pid()][today][id];
SS('vitamins_all', all);
renderVitamins(); renderVitamins();
toast(taken[today][id] ? 'Принято!' : 'Отменено');
} }
// === HEALTH: SLEEP ===
function saveSleep() { function saveSleep() {
const h = document.getElementById('sleep-hours').value; const h = document.getElementById('sleep-hours').value;
const p = document.getElementById('morning-pulse').value; const p = document.getElementById('morning-pulse').value;
if (!h && !p) return toast('Введи данные!'); if (!h && !p) return toast('Введи данные!');
const sleep = LS('sleep') || []; const all = LS('sleep_all') || {};
sleep.unshift({ date: new Date().toISOString().slice(0,10), hours: +h || 0, pulse: +p || 0 }); if (!all[pid()]) all[pid()] = [];
SS('sleep', sleep.slice(0, 90)); all[pid()].unshift({ date: new Date().toISOString().slice(0,10), hours: +h || 0, pulse: +p || 0 });
SS('sleep_all', all);
document.getElementById('sleep-hours').value = ''; document.getElementById('sleep-hours').value = '';
document.getElementById('morning-pulse').value = ''; document.getElementById('morning-pulse').value = '';
renderSleep(); renderSleep();
@ -355,25 +481,27 @@ function saveSleep() {
} }
function renderSleep() { function renderSleep() {
const sleep = LS('sleep') || []; const all = LS('sleep_all') || {};
const sleep = all[pid()] || [];
const el = document.getElementById('sleep-stats'); const el = document.getElementById('sleep-stats');
if (!sleep.length) { el.innerHTML = ''; return; } if (!sleep.length) { el.innerHTML = ''; return; }
const last7 = sleep.slice(0, 7); const last7 = sleep.slice(0,7).filter(e => e.hours > 0);
if (!last7.length) { el.innerHTML = ''; return; }
const avgH = (last7.reduce((s,e) => s+e.hours, 0) / last7.length).toFixed(1); const avgH = (last7.reduce((s,e) => s+e.hours, 0) / last7.length).toFixed(1);
const avgP = (last7.reduce((s,e) => s+e.pulse, 0) / last7.length).toFixed(0); const avgP = last7.filter(e => e.pulse > 0).length ? (last7.filter(e=>e.pulse>0).reduce((s,e) => s+e.pulse, 0) / last7.filter(e=>e.pulse>0).length).toFixed(0) : '—';
el.innerHTML = `Последние 7 дней: средний сон <strong>${avgH} ч</strong>, средний пульс <strong>${avgP} уд/мин</strong>`; el.innerHTML = `Последние 7 дней: сон <strong>${avgH} ч</strong>, пульс <strong>${avgP} уд/мин</strong>`;
} }
// === HEALTH: TESTS ===
function saveTest() { function saveTest() {
const type = document.getElementById('test-select').value; const type = document.getElementById('test-select').value;
const val = document.getElementById('test-value').value; const val = document.getElementById('test-value').value;
const date = document.getElementById('test-date').value; const date = document.getElementById('test-date').value;
if (!type || !val || !date) return toast('Заполни все поля!'); if (!type || !val || !date) return toast('Заполни все поля!');
const tests = LS('tests') || {}; const all = LS('tests_all') || {};
if (!tests[type]) tests[type] = []; if (!all[pid()]) all[pid()] = {};
tests[type].push({ date, value: +val }); if (!all[pid()][type]) all[pid()][type] = [];
SS('tests', tests); all[pid()][type].push({ date, value: +val });
SS('tests_all', all);
document.getElementById('test-value').value = ''; document.getElementById('test-value').value = '';
document.getElementById('test-date').value = ''; document.getElementById('test-date').value = '';
renderTests(); renderTests();
@ -381,32 +509,29 @@ function saveTest() {
} }
function renderTests() { function renderTests() {
const tests = LS('tests') || {}; const all = LS('tests_all') || {};
const tests = all[pid()] || {};
const labels = { hb: 'Гемоглобин (120-150)', ferritin: 'Ферритин (30-100)', vitd: 'Витамин D (50-80)', b12: 'B12 (200-900)' };
const el = document.getElementById('test-history'); const el = document.getElementById('test-history');
const labels = { hb: 'Гемоглобин (норма 120-150)', ferritin: 'Ферритин (норма 30-100)', vitd: 'Витамин D (норма 50-80)', b12: 'B12 (норма 200-900)' };
el.innerHTML = Object.entries(tests).map(([k,vals]) => { el.innerHTML = Object.entries(tests).map(([k,vals]) => {
const last = vals.slice(-3).reverse().map(v => `${v.date}: <strong>${v.value}</strong>`).join(' | '); const last = vals.slice(-3).reverse().map(v => `${v.date}: <strong>${v.value}</strong>`).join(' | ');
return `<div style="margin-bottom:6px;font-size:13px">${labels[k] || k}: ${last}</div>`; return `<div style="margin-bottom:6px;font-size:13px">${labels[k] || k}: ${last}</div>`;
}).join('') || 'Нет сохранённых анализов'; }).join('') || 'Нет сохранённых анализов';
} }
// === NORMS ===
function renderNorms() {}
// === VIDEO === // === VIDEO ===
function uploadVideo(input) { function uploadVideo(input) {
const file = input.files[0]; const file = input.files[0];
if (!file) return; if (!file) return;
if (file.size > 100 * 1024 * 1024) return toast('Видео слишком большое (макс 100 МБ)'); if (file.size > 100*1024*1024) return toast('Видео слишком большое (макс 100 МБ)');
const reader = new FileReader(); const reader = new FileReader();
reader.onload = function(e) { reader.onload = function(e) {
const videoData = { name: file.name, data: e.target.result, date: new Date().toLocaleDateString('ru-RU'), id: Date.now() }; const videoData = { name: file.name, data: e.target.result, date: new Date().toLocaleDateString('ru-RU'), id: Date.now() };
const videos = LS('videos') || []; const all = LS('videos_all') || {};
videos.unshift(videoData); if (!all[pid()]) all[pid()] = [];
SS('videos', videos.slice(0, 20)); all[pid()].unshift(videoData);
document.getElementById('video-container').innerHTML = ` SS('videos_all', all);
<video class="video-preview" controls src="${e.target.result}" style="margin-top:8px"></video> document.getElementById('video-container').innerHTML = `<video class="video-preview" controls src="${e.target.result}" style="margin-top:8px"></video>`;
<div style="margin-top:8px;font-size:12px;color:var(--gray-500)">&#x1F4AC; Смотри в повторе: старт, гребок, поворот, финиш. Где теряешь время?</div>`;
renderVideos(); renderVideos();
toast('Видео загружено!'); toast('Видео загружено!');
}; };
@ -414,40 +539,37 @@ function uploadVideo(input) {
} }
function renderVideos() { function renderVideos() {
const videos = LS('videos') || []; const all = LS('videos_all') || {};
const videos = all[pid()] || [];
const el = document.getElementById('video-list'); const el = document.getElementById('video-list');
if (!videos.length) { el.innerHTML = '<div class="empty"><div class="big">&#x1F3A5;</div>Загрузи первое видео заплыва!</div>'; return; } if (!videos.length) { el.innerHTML = '<div class="empty"><div class="big">&#x1F3A5;</div>Загрузи первое видео!</div>'; return; }
el.innerHTML = videos.map(v => `<div class="card" style="padding:12px;margin-bottom:8px;cursor:pointer" onclick="showLightbox('video','${v.id}')"> el.innerHTML = videos.map(v => `<div class="card" style="padding:12px;margin-bottom:8px;cursor:pointer" onclick="showLightbox('video','${v.id}')"><strong>${v.name}</strong> <span style="color:var(--gray-500);font-size:13px">— ${v.date}</span></div>`).join('');
<strong>${v.name}</strong> <span style="color:var(--gray-500);font-size:13px">— ${v.date}</span>
</div>`).join('');
} }
// === PHOTOS === // === PHOTOS ===
function uploadPhotos(input) { function uploadPhotos(input) {
const files = Array.from(input.files); const files = Array.from(input.files);
if (!files.length) return; if (!files.length) return;
const photos = LS('photos') || []; const all = LS('photos_all') || {};
if (!all[pid()]) all[pid()] = [];
let loaded = 0; let loaded = 0;
files.forEach(file => { files.slice(0,10).forEach(file => {
if (file.size > 10 * 1024 * 1024) return toast('Фото слишком большое (макс 10 МБ)'); if (file.size > 10*1024*1024) return;
const reader = new FileReader(); const reader = new FileReader();
reader.onload = function(e) { reader.onload = function(e) {
photos.unshift({ name: file.name, data: e.target.result, date: new Date().toLocaleDateString('ru-RU'), id: Date.now() + loaded }); all[pid()].unshift({ name: file.name, data: e.target.result, date: new Date().toLocaleDateString('ru-RU'), id: Date.now()+loaded });
loaded++; loaded++;
if (loaded === files.length || loaded >= 10) { if (loaded === Math.min(files.length, 10)) { SS('photos_all', all); renderPhotos(); toast(loaded+' фото!'); }
SS('photos', photos.slice(0, 50));
renderPhotos();
toast(loaded + ' фото добавлено!');
}
}; };
reader.readAsDataURL(file); reader.readAsDataURL(file);
}); });
} }
function renderPhotos() { function renderPhotos() {
const photos = LS('photos') || []; const all = LS('photos_all') || {};
const photos = all[pid()] || [];
const el = document.getElementById('photo-grid'); const el = document.getElementById('photo-grid');
if (!photos.length) { el.innerHTML = '<div class="empty" style="grid-column:1/-1"><div class="big">&#x1F4F7;</div>Добавь первые фото!</div>'; return; } if (!photos.length) { el.innerHTML = '<div class="empty" style="grid-column:1/-1"><div class="big">&#x1F4F7;</div>Добавь фото!</div>'; return; }
el.innerHTML = photos.map(p => `<img src="${p.data}" alt="${p.name}" onclick="showLightbox('photo','${p.id}')">`).join(''); el.innerHTML = photos.map(p => `<img src="${p.data}" alt="${p.name}" onclick="showLightbox('photo','${p.id}')">`).join('');
} }
@ -456,48 +578,42 @@ function addGrade() {
const subject = document.getElementById('grade-subject').value.trim(); const subject = document.getElementById('grade-subject').value.trim();
const grade = +document.getElementById('grade-value').value; const grade = +document.getElementById('grade-value').value;
if (!subject) return toast('Введи предмет!'); if (!subject) return toast('Введи предмет!');
const grades = LS('grades') || {}; const all = LS('grades_all') || {};
if (!grades[subject]) grades[subject] = []; if (!all[pid()]) all[pid()] = {};
grades[subject].push({ grade, date: new Date().toISOString().slice(0,10) }); if (!all[pid()][subject]) all[pid()][subject] = [];
SS('grades', grades); all[pid()][subject].push({ grade, date: new Date().toISOString().slice(0,10) });
SS('grades_all', all);
document.getElementById('grade-subject').value = ''; document.getElementById('grade-subject').value = '';
renderGrades(); renderGrades();
toast('Оценка добавлена!'); toast('Оценка добавлена!');
} }
function renderGrades() { function renderGrades() {
const grades = LS('grades') || {}; const all = LS('grades_all') || {};
const el = document.getElementById('grades-list'); const grades = all[pid()] || {};
const allGrades = []; const allGrades = [];
Object.entries(grades).forEach(([subject, vals]) => { Object.entries(grades).forEach(([s,vals]) => vals.forEach(v => allGrades.push({ subject:s, ...v })));
vals.forEach(v => allGrades.push({ subject, ...v })); const avg = allGrades.length ? (allGrades.reduce((s,v) => s+v.grade, 0)/allGrades.length).toFixed(2) : '—';
});
const avg = allGrades.length ? (allGrades.reduce((s,v) => s+v.grade, 0) / allGrades.length).toFixed(2) : '—';
document.getElementById('gpa-display').textContent = avg; document.getElementById('gpa-display').textContent = avg;
document.getElementById('grades-count').textContent = allGrades.length; document.getElementById('grades-count').textContent = allGrades.length;
const el = document.getElementById('grades-list');
if (!Object.keys(grades).length) { if (!Object.keys(grades).length) { el.innerHTML = '<div class="empty"><div class="big">&#x1F393;</div>Добавь оценки</div>'; return; }
el.innerHTML = '<div class="empty"><div class="big">&#x1F393;</div>Добавь оценки по предметам</div>';
return;
}
el.innerHTML = Object.entries(grades).map(([subject, vals]) => { el.innerHTML = Object.entries(grades).map(([subject, vals]) => {
const subjAvg = (vals.reduce((s,v) => s+v.grade, 0) / vals.length).toFixed(1); const subjAvg = (vals.reduce((s,v) => s+v.grade,0)/vals.length).toFixed(1);
const last5 = vals.slice(-5).map(v => v.grade).join(', ');
return `<div class="card" style="padding:16px;margin-bottom:8px"> return `<div class="card" style="padding:16px;margin-bottom:8px">
<div style="display:flex;justify-content:space-between;align-items:center"> <div style="display:flex;justify-content:space-between;align-items:center">
<strong>${subject}</strong> <strong>${subject}</strong>
<span class="badge ${+subjAvg >= 4.5 ? 'gold' : +subjAvg >= 3.5 ? 'blue' : 'badge'}" style="background:${+subjAvg >= 4.5 ? '#FFF3CD' : +subjAvg >=3.5 ? 'var(--cyan-50)' : '#FEE'};color:${+subjAvg >= 4.5 ? '#856404' : +subjAvg >=3.5 ? 'var(--ink)' : '#c00'}">${subjAvg}</span> <span class="badge ${+subjAvg>=4.5?'gold':+subjAvg>=3.5?'blue':''}" style="background:${+subjAvg>=4.5?'#FFF3CD':+subjAvg>=3.5?'var(--cyan-50)':'#FEE'};color:${+subjAvg>=4.5?'#856404':+subjAvg>=3.5?'var(--ink)':'#c00'}">${subjAvg}</span>
</div> </div>
<div style="font-size:13px;color:var(--gray-500)">Оценки: ${last5}</div> <div style="font-size:13px;color:var(--gray-500)">Последние: ${vals.slice(-5).map(v=>v.grade).join(', ')}</div>
<button class="btn danger small" style="margin-top:6px" onclick="deleteGrades('${subject}')">Сбросить</button> <button class="btn danger small" style="margin-top:6px" onclick="deleteGrades('${subject}')">Сбросить</button>
</div>`; </div>`;
}).join(''); }).join('');
} }
function deleteGrades(subject) { function deleteGrades(subject) {
const grades = LS('grades') || {}; const all = LS('grades_all') || {};
delete grades[subject]; if (all[pid()]) { delete all[pid()][subject]; SS('grades_all', all); }
SS('grades', grades);
renderGrades(); renderGrades();
toast('Удалено'); toast('Удалено');
} }
@ -505,49 +621,55 @@ function deleteGrades(subject) {
// === LIGHTBOX === // === LIGHTBOX ===
function showLightbox(type, id) { function showLightbox(type, id) {
const lb = document.getElementById('lightbox'); const lb = document.getElementById('lightbox');
const items = LS(type === 'photo' ? 'photos' : 'videos') || []; const key = type === 'photo' ? 'photos_all' : 'videos_all';
const all = LS(key) || {};
const items = all[pid()] || [];
const item = items.find(i => i.id == id); const item = items.find(i => i.id == id);
if (!item) return; if (!item) return;
if (type === 'photo') { lb.innerHTML = type === 'photo' ? `<img src="${item.data}">` : `<video controls src="${item.data}" style="max-width:95%;max-height:90vh"></video>`;
lb.innerHTML = `<img src="${item.data}" alt="${item.name}">`;
} else {
lb.innerHTML = `<video controls src="${item.data}" style="max-width:95%;max-height:90vh"></video>`;
}
lb.style.display = 'flex'; lb.style.display = 'flex';
} }
// === LESSONS === // === LESSONS ===
const lessons = [ const lessons = [
{ title: 'Техника старта с тумбы', q: 'swimming start technique tutorial' }, { title: 'Техника старта с тумбы', q: 'swimming start technique tutorial' },
{ title: 'Поворот кувырком — идеальная техника', q: 'flip turn swimming technique' }, { title: 'Поворот кувырком', q: 'flip turn swimming technique' },
{ title: 'Как плыть быстрее: гребок и пронос', q: 'freestyle stroke technique fast' }, { title: 'Гребок и пронос в кроле', q: 'freestyle stroke technique fast' },
{ title: 'Дыхание в кроле — не задыхайся', q: 'freestyle breathing technique for beginners' }, { title: 'Дыхание в кроле', q: 'freestyle breathing technique' },
{ title: 'Дельфиньи удары под водой', q: 'underwater dolphin kick technique' }, { title: 'Дельфиньи удары под водой', q: 'underwater dolphin kick technique' },
{ title: 'Брасс: техника ног и рук', q: 'breaststroke technique tutorial' }, { title: 'Брасс: техника', q: 'breaststroke technique tutorial' },
{ title: 'Бабочка: как не уставать', q: 'butterfly stroke technique for beginners' }, { title: 'Калеб Дрессел — анализ', q: 'Caeleb Dressel 50m freestyle analysis' },
{ title: 'Разбор заплыва Калеба Дрессела', q: 'Caeleb Dressel 50m freestyle technique analysis' }, { title: 'Растяжка для пловцов', q: 'swimming stretching routine' },
{ title: 'Растяжка для пловцов', q: 'swimming stretching routine flexibility' }, { title: 'Силовые на суше', q: 'dryland training swimming' },
{ title: 'Силовые упражнения для пловцов на суше', q: 'dryland training swimming exercises' }, { title: 'Психология старта', q: 'swimming race psychology preparation' },
{ title: 'Психология победителя — настрой на старт', q: 'swimming race psychology mental preparation' }, { title: 'Питание пловца', q: 'swimmer nutrition meal plan' },
{ title: 'Питание пловца — что есть до и после', q: 'swimmer nutrition meal plan' } { title: 'Восстановление после тренировки', q: 'swimming recovery routine' }
]; ];
document.getElementById('lesson-list').innerHTML = lessons.map(l => document.getElementById('lesson-list').innerHTML = lessons.map(l =>
`<div class="card" style="padding:14px;margin-bottom:6px"> `<div class="card" style="padding:14px;margin-bottom:6px"><strong>${l.title}</strong><div style="font-size:12px;color:var(--gray-500);margin-top:4px">YouTube: <em>${l.q}</em></div></div>`
<strong>${l.title}</strong>
<div style="font-size:12px;color:var(--gray-500);margin-top:4px">Найди на YouTube: <em>${l.q}</em></div>
</div>`
).join(''); ).join('');
// === RENDER ALL ===
function renderAll() {
renderDiary();
renderVitamins();
renderSleep();
renderTests();
renderVideos();
renderPhotos();
renderGrades();
}
// === INIT === // === INIT ===
renderDiary(); (function init() {
renderVitamins(); const profiles = LS('profiles') || [];
renderSleep(); renderProfileList();
renderTests(); if (profiles.length > 0) {
renderVideos(); // Auto-login last profile
renderPhotos(); loginProfile(profiles[profiles.length - 1].id);
renderGrades(); }
document.getElementById('diary-date').value = new Date().toISOString().slice(0,10); document.getElementById('diary-date').value = new Date().toISOString().slice(0,10);
})();
</script> </script>
</body> </body>
</html> </html>