AliReza
3520279143
The first second was a blank page, then a splash with the selected companion, then the home screen. Now index.html carries the splash (icon from the Android launcher, name, white to match the native window background) and SplashScreen draws the same markup, so the hand-over from HTML to React shows no change. Not run on a device. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
31 lines
1.8 KiB
HTML
31 lines
1.8 KiB
HTML
<!doctype html>
|
|
<html lang="fa" dir="rtl">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
|
<meta name="theme-color" content="#ED6956" />
|
|
<meta name="description" content="تدریسینو — یادگیریِ ریاضیِ پایه‌ی سوم تا دوازدهم، قدم‌به‌قدم و با دستیارِ هوشمند." />
|
|
<meta name="robots" content="noindex, nofollow" />
|
|
<title>تدریسینو</title>
|
|
<!-- تنظیماتِ زمانِ اجرا (آدرسِ API)؛ پیش از خودِ اپ بار می‌شود. -->
|
|
<script src="/config.js"></script>
|
|
<!-- اسپلشِ ثابت: همین‌جا در HTML است تا از اولین فریم دیده شود (نه صفحه‌ی سفید تا بار شدنِ JS)؛
|
|
SplashScreen در React عینِ همین را می‌کشد، پس هنگامِ تحویل چیزی نمی‌پرد. فونتِ سیستم، چون
|
|
Vazirmatn بعد از CSS می‌رسد و عوض‌شدنِ فونت خودش یک پرش است. -->
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
|
|
<link rel="preload" as="image" href="/app-icon.png" />
|
|
<style>
|
|
.boot-splash { position: fixed; inset: 0; z-index: 50; display: flex; flex-direction: column;
|
|
align-items: center; justify-content: center; gap: 20px; background: #fff; }
|
|
.boot-splash img { width: 144px; height: 144px; display: block; }
|
|
.boot-splash span { font: 900 34px/1.2 system-ui, -apple-system, sans-serif; color: #1a1a2e; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="root">
|
|
<div class="boot-splash" dir="rtl"><img src="/app-icon.png" alt="" width="144" height="144" /><span>تدریسینو</span></div>
|
|
</div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|