From 68141b789b630d76883f6a6c9746d4350b57b1d3 Mon Sep 17 00:00:00 2001 From: ashley Date: Sun, 19 Oct 2025 16:56:18 +0200 Subject: [PATCH] Update html/landing.ejs --- html/landing.ejs | 763 +++++++++++++++++++++++------------------------ 1 file changed, 368 insertions(+), 395 deletions(-) diff --git a/html/landing.ejs b/html/landing.ejs index 475f18b9..b582f56c 100644 --- a/html/landing.ejs +++ b/html/landing.ejs @@ -16,249 +16,294 @@ You should have received a copy of the GNU General Public License along with this program. If not, see https://www.gnu.org/licenses/. ----> +--> - - Poke | The privacy app of your dreams! - - - - - - - - - - + Poke | The privacy app of your dreams! + + + + + + + + + + - - - -<% if (embedtype === "woke") { %> - - -<% } else { %> - - -<% } %> - - - -<% if (embedtype === "woke") { %> - - -<% } else { %> - - -<% } %> - - - - -<% if (embedtype === "woke") { %> - - -<% } else { %> - - -<% } %> + + + + <% if (embedtype === "woke") { %> + + + <% } else { %> + + + <% } %> + + + <% if (embedtype === "woke") { %> + + + <% } else { %> + + + <% } %> + + + + <% if (embedtype === "woke") { %> + + + <% } else { %> + + + <% } %> <% if(isOldWindows) { %> - + <% } %> - h1 { - font-family: "Ginto Nord" !important; - } - - <% } %> + + /* Poke-chan capsule */ + .capsule{position:relative; height:480px; display:flex; align-items:center; justify-content:center} + .capsule::before{content:""; position:absolute; inset:-1px; border-radius:30px; padding:1px; background:radial-gradient(1200px 300px at 50% 0%, rgba(102,204,255,.35), rgba(179,139,250,.25), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06)); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude} + .capsule .cap-glass{position:absolute; inset:0; border-radius:30px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); backdrop-filter: blur(22px)} + .poke-chan{position:relative; z-index:2; width:min(360px, 90%); filter:drop-shadow(0 30px 50px rgba(0,0,0,.5)); animation:float 6s ease-in-out infinite} + @keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}100%{transform:translateY(0)}} + + /* Device showcase */ + .showcase{max-width:1200px; margin:28px auto 0; padding:0 20px; display:grid; grid-template-columns:1fr 1fr; gap:18px} + .shot{position:relative; border-radius:20px; overflow:hidden; transform-style:preserve-3d; box-shadow:0 20px 60px rgba(0,0,0,.5)} + .shot img{display:block; width:100%; height:auto; transform:perspective(900px) rotateY(-8deg) translateZ(0); -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,.92) 85%, rgba(0,0,0,0) 100%)} + .shot:nth-child(2) img{transform:perspective(900px) rotateY(8deg)} + .shot::after{content:""; position:absolute; inset:0; background:radial-gradient(120% 60% at 50% -20%, rgba(255,255,255,.18), transparent 60%)} + + /* Features */ + .features{max-width:1200px; margin:42px auto 0; padding:0 20px} + .features h2{margin:0 0 12px; font-size:clamp(24px,3.5vw,36px); text-align:center} + .feature-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px} + .feature-card{position:relative; padding:16px; border-radius:18px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); backdrop-filter: blur(22px)} + .feature-title{display:flex; align-items:center; gap:10px; margin:0 0 6px} + .feature-title svg{border-radius:10px; padding:8px} + .feature-card p{margin:0; color:var(--muted)} + + /* Community/License cards area (wraps your includes) */ + .cards-wrap{max-width:1200px; margin:26px auto 0; padding:0 20px} + .adaptive-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px} + .adaptive-grid [data-card], .adaptive-grid .card, .adaptive-grid .pk-card{border-radius:18px} + + /* Big bottom CTA */ + .bottom-cta{max-width:1100px; margin:46px auto; padding:0 20px} + .bottom-cta .cta-bar{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px} + .bottom-cta .cta-text{font-size:22px; font-weight:800} + + /* Footer polish (keeping your markup as-is) */ + footer{position:relative} + footer::before{content:""; position:absolute; inset:-2px 0 auto 0; height:2px; background:linear-gradient(90deg, rgba(102,204,255,.9), rgba(179,139,250,.9)); filter:blur(.6px)} + + /* Marquee in footer already styled in your markup */ + + /* Banner discover button legacy styles override (kept but restyled) */ + .discover-video-button > a{border:0; background:linear-gradient(135deg, var(--accent), var(--accent-2)); color:#06131a; font-weight:900} + .discover-video-button > a:hover{filter:none; transform:translateY(-1px)} + + /* Responsive */ + @media (max-width: 980px){ + .hero{grid-template-columns:1fr; gap:18px} + .capsule{height:380px} + .showcase{grid-template-columns:1fr} + .feature-grid{grid-template-columns:1fr} + .adaptive-grid{grid-template-columns:1fr} + .bottom-cta .cta-bar{flex-direction:column; align-items:flex-start} + } + + @media (prefers-reduced-motion: reduce){ + .grain{display:none} + .shot img, .poke-chan{animation:none; transform:none} + } + - - - - <%- include('./partials/header.ejs') %> - -
-

WELCOME TO POKE!

-

Poke is a free software AD-FREE ! YouTube front-end, translator, weather app, and more!!1! Watch videos and explore without a trace in this all-in-one privacy app!!1! :3

-
-
- - Support Humanitarian Efforts - -
- - Support Palestine - - - (or u can donate esims to Gaza!) - - - - - Donate to 🇺🇦 - - - - - Donate to other areas of military conflict - - - - - Donate To the trevor project ! - + + +
+ <%- include('./partials/header.ejs') %> +
+ +
+ + +
+
+ Welcome to Poke +

WELCOME TO POKE!

+

Poke is a free software AD-FREE ! YouTube front-end, translator, weather app, and more!!1! Watch videos and explore without a trace in this all-in-one privacy app!!1! :3

+
+ + Start Discovering + + Why Poke?
-
-
- - <% if(!DisablePokeChan) { %> - - <% } %> +
+
+ Support Humanitarian Efforts +
+ Support Palestine + (or donate eSIMs to Gaza) + — + Donate to Ukraine + — + Donate to other conflict areas + — + Donate to The Trevor Project +
+
+
+
-
- - -
+
+
+
+ <% if(!DisablePokeChan) { %> + Poke-chan sitting :3 + <% } %> +
+
+ -
-

TOP 3 REASONS WHY POKE IZ COOL!!

-
- <% -const features = [ - { title: "No Tracking and Ads", description: "Poke Has no Trackers or ads - we dont and we wont see the vids ur watching :3", icon: "" }, - { title: "Speedy", description: "Poke is really fast (both on server and client :3) so you can still use it on poor connections :3", icon: "" }, - { title: "Downloader", description: "You wouldnt download a car - welp i would :D u can download videos from poke for 0$!", icon: "" }, - { title: "DRM Free", description: "Poke comes without digital restrictions management - poke is free software :3", icon: "" }, - { title: "Games Included", description: "U can play funnie games on poke!", icon: "" } -]; +
+
Poke Player preview
+
Poke mobile preview
+
-const randomFeatures = features.sort(() => 0.5 - Math.random()).slice(0, 3); -%> -
- <% randomFeatures.forEach(feature => { %> -
+
+

TOP 3 REASONS WHY POKE IZ COOL!!

+ <% + const features = [ + { title: "No Tracking and Ads", description: "Poke Has no Trackers or ads - we dont and we wont see the vids ur watching :3", icon: "" }, + { title: "Speedy", description: "Poke is really fast (both on server and client :3) so you can still use it on poor connections :3", icon: "" }, + { title: "Downloader", description: "You wouldnt download a car - welp i would :D u can download videos from poke for 0$!", icon: "" }, + { title: "DRM Free", description: "Poke comes without digital restrictions management - poke is free software :3", icon: "" }, + { title: "Games Included", description: "U can play funnie games on poke!", icon: "" } + ]; + const randomFeatures = features.sort(() => 0.5 - Math.random()).slice(0, 3); + %> +
+ <% randomFeatures.forEach(feature => { %> +
+
<%- feature.icon %>

<%- feature.title %>

+

<%- feature.description %>

+
+ <% }) %> +
+
-
<%- feature.icon %> -

<%- feature.title %>

-
-

<%- feature.description %>

+
+
+ <%- include('./partials/card', + icon_background='transparent', + icon="none", + title='Join Us', + description='join our community if you want to! :3', + actions='true', + has_secondary_action='true', + secondary_icon='', + secondary_text='Discord', + secondary_link='https://discord.poketube.fun' + )%> - <% }) %> -
-
- <%- include('./partials/card', - icon_background='transparent', - icon="none", - title='Join Us', - description='join our community if you want to! :3', - actions='true', + <%- include('./partials/card', + icon_background='transparent', + icon="none", + title='Free and libre', + description='Poke is free and libre software! u can view, edit and redistribute under GNU GPL 3 or later :3', + actions='true', + has_secondary_action='true', + secondary_icon='', + secondary_text='Codeberg', + secondary_link='https://codeberg.org/ashley/poke' + )%> +
+
- has_secondary_action='true', - secondary_icon='', - secondary_text='Discord', - secondary_link='https://discord.poketube.fun', - - )%> - - <%- include('./partials/card', - icon_background='transparent', - icon="none", - title='Free and libre', - description='Poke is free and libre software! u can view, edit and redistribute under GNU GPL 3 or later :3', - actions='true', +
+
+
The page is over... So, wha ru waiting 4?
+ Start Discovering! :3 +
+
+ - has_secondary_action='true', - secondary_icon='Codeberg logo', - secondary_text='Codeberg', - secondary_link='https://codeberg.org/ashley/poke', - - )%> -
-




- -

The page is over..... So, wha ru waiting 4?

-
- Start Discovering! :3 -
- - - - - - - - \ No newline at end of file