PWA basic implemented (not for admin.php)
This commit is contained in:
parent
d7da479741
commit
acc77ac17f
12 changed files with 193 additions and 1 deletions
24
offline.html
Normal file
24
offline.html
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>MVLog - Offline</title>
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<meta name="theme-color" content="#1b1e22">
|
||||
<link rel="apple-touch-icon" href="/assets/img/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" href="/assets/img/moto_travel.png">
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
<style>main.offline-page{min-height:calc(100vh - 8rem);display:grid;place-items:center;padding:7rem 1rem 3rem;text-align:center}.offline-card{max-width:34rem;background:rgba(27,30,34,.88);border:1px solid rgba(59,167,160,.35);border-radius:1rem;padding:2rem;box-shadow:0 2px 16px #0008}.offline-card img{width:6rem;height:6rem;object-fit:contain}.offline-card h1{margin:.8rem 0 .5rem}.offline-card p{color:#d4d7dd}</style>
|
||||
</head>
|
||||
<body>
|
||||
<main class="offline-page">
|
||||
<section class="offline-card">
|
||||
<img src="/assets/img/moto_travel.png" alt="">
|
||||
<h1>You’re offline</h1>
|
||||
<p>MVLog could not reach the network. Previously opened pages and assets may still be available.</p>
|
||||
<p><a class="button" href="/">Try home again</a></p>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue