133 lines
5.1 KiB
Plaintext
133 lines
5.1 KiB
Plaintext
<% try { %>
|
||
<!--
|
||
This Source Code Form is subject to the terms of the GNU General Public License:
|
||
|
||
Copyright (C) 2021-2025 POKETUBE (https://codeberg.org/Ashley/poketube)
|
||
|
||
This program is free software: you can redistribute it and/or modify
|
||
it under the terms of the GNU General Public License as published by
|
||
the Free Software Foundation, either version 3 of the License, or
|
||
(at your option) any later version.
|
||
|
||
This program is distributed in the hope that it will be useful,
|
||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
GNU General Public License for more details.
|
||
|
||
You should have received a copy of the GNU General Public License
|
||
along with this program. If not, see https://www.gnu.org/licenses/.
|
||
-->
|
||
<!DOCTYPE html>
|
||
<html lang="en" class="poketube_lite_discontinued">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
|
||
<title>Lite mode is discontinued — PokeTube</title>
|
||
<link rel="icon" href="/css/yt-ukraine.svg">
|
||
<style>
|
||
:root{
|
||
--bg: #0b0f16; --fg:#eef3ff; --muted:#a7b4cc; --card:#0f1624; --ring:#ffffff22; --accent:#0ea5e9; --good:#7ee787;
|
||
--bad:#f97373; --warn:#fbbf24; --br:18px;
|
||
}
|
||
@media (prefers-color-scheme: light){
|
||
:root{ --bg:#fbfbfe; --fg:#0b1020; --muted:#445063; --card:#ffffff; --ring:#0b102016; --accent:#0ea5e9 }
|
||
}
|
||
*{box-sizing:border-box}
|
||
html,body{height:100%}
|
||
body{
|
||
margin:0; background:
|
||
radial-gradient(1200px 800px at 20% 10%, #10182a 0%, #0b1226 40%, var(--bg) 100%);
|
||
color:var(--fg);
|
||
font:15.5px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";
|
||
display:grid; place-items:center; padding:24px;
|
||
}
|
||
.wrap{
|
||
width:min(920px, 100%); background:var(--card); border:1px solid var(--ring);
|
||
border-radius:var(--br); padding:28px; box-shadow:0 20px 60px #00000055;
|
||
}
|
||
header{
|
||
display:flex; align-items:center; gap:14px; margin-bottom:6px;
|
||
}
|
||
header img{height:28px}
|
||
header .pill{
|
||
margin-left:auto; font-weight:700; font-size:12px; letter-spacing:.08em; text-transform:uppercase;
|
||
background:#ffffff10; color:#fff; border:1px solid var(--ring); border-radius:999px; padding:6px 10px;
|
||
}
|
||
h1{
|
||
margin:.2rem 0 0; font-size:clamp(22px, 3.4vw, 36px); line-height:1.1; letter-spacing:-.02em;
|
||
}
|
||
p.lede{
|
||
margin:.75rem 0 1.25rem; color:var(--muted); font-size:clamp(14px, 2.4vw, 16.5px);
|
||
}
|
||
.card{
|
||
background:#0b1226; border:1px solid var(--ring); border-radius:16px; padding:16px 16px;
|
||
display:grid; gap:12px; margin:14px 0 18px;
|
||
}
|
||
.row{
|
||
display:grid; grid-template-columns: 1fr; gap:12px;
|
||
}
|
||
@media (min-width: 700px){
|
||
.row{ grid-template-columns: 1fr 1fr; }
|
||
}
|
||
.fact{
|
||
display:flex; gap:12px; align-items:flex-start; background:#ffffff06; border:1px dashed var(--ring);
|
||
border-radius:14px; padding:12px 12px;
|
||
}
|
||
.fact i{
|
||
display:inline-grid; place-items:center; width:28px; height:28px; border-radius:9px; background:#ffffff14; font-style:normal;
|
||
font-weight:900; font-size:14px;
|
||
}
|
||
.cta{
|
||
display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:4px;
|
||
}
|
||
.btn{
|
||
appearance:none; -webkit-appearance:none; text-decoration:none; cursor:pointer; user-select:none;
|
||
border:1px solid var(--ring); border-radius:12px; padding:12px 16px; font-weight:700;
|
||
background:linear-gradient(180deg, #0ea5e9, #0284c7); color:white; box-shadow:0 8px 24px #0284c766;
|
||
}
|
||
.btn:hover{ filter:brightness(1.05) }
|
||
.btn.alt{
|
||
background:#121a30; color:var(--fg); font-weight:600;
|
||
}
|
||
.small{ color:var(--muted); font-size:13px }
|
||
.hr{ height:1px; background:var(--ring); margin:14px 0 10px; border-radius:99px }
|
||
.kbd{
|
||
font:600 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono","Roboto Mono","Fira Code", monospace;
|
||
padding:6px 8px; border-radius:8px; border:1px solid var(--ring); background:#ffffff10;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<main class="wrap" role="main" aria-labelledby="page-title">
|
||
<header>
|
||
<img src="/css/logo-poke.svg?v=5" alt="PokeTube">
|
||
<span class="pill">Announcement</span>
|
||
</header>
|
||
|
||
<h1 id="page-title">Lite mode has been discontinued.</h1>
|
||
<p class="lede">
|
||
Thanks for using Lite! Recent performance and bandwidth optimizations to our normal watch page make Lite unnecessary.
|
||
You’ll get the same (or better) speed, with full features and privacy protections.
|
||
</p>
|
||
|
||
<div class="cta">
|
||
<a class="btn" href="/watch?v=<%= videoid %>">
|
||
Open this video on the main watch page
|
||
</a>
|
||
<a class="btn alt" href="/">
|
||
Go to Home
|
||
</a>
|
||
</div>
|
||
|
||
<div class="hr"></div>
|
||
|
||
<p class="small">
|
||
Tip: If you bookmarked <span class="kbd">/lite?v=…</span>, update it to <span class="kbd">/watch?v=…</span>.
|
||
</p>
|
||
</main>
|
||
</body>
|
||
</html>
|
||
<% } catch (error) { %>
|
||
<%- error %>
|
||
<% } %>
|