diff --git a/css/bg-480.webm b/css/bg-480.webm new file mode 100644 index 00000000..c05a04f8 Binary files /dev/null and b/css/bg-480.webm differ diff --git a/css/bg-720.webm b/css/bg-720.webm new file mode 100644 index 00000000..6ee4aaaa Binary files /dev/null and b/css/bg-720.webm differ diff --git a/css/bg-full.webm b/css/bg-full.webm new file mode 100644 index 00000000..b656de77 Binary files /dev/null and b/css/bg-full.webm differ diff --git a/css/landing.css b/css/landing.css index 5cef2e57..ce39f613 100644 --- a/css/landing.css +++ b/css/landing.css @@ -1,5 +1,3 @@ - - /* cyrillic */ @font-face { font-family: "Ubuntu"; @@ -691,6 +689,7 @@ html { } body { + background-color: #250717; color: #fff; font-family: ubuntu, sans-serif; margin: auto; @@ -700,9 +699,6 @@ body { min-height: 100vh; flex-direction: column; justify-content: flex-start; - background-image: radial-gradient(circle, #231638, #2b160e, #09250e, #0f132b); - animation: gradient 64s ease infinite; - background-size: 400% 400%; } body {cursor: url('/static/cursor.ico'), default} @@ -717,17 +713,6 @@ span > a, li > a {cursor: url('/static/cursor-pointer.ico'), pointer} .btn {cursor: url('/static/cursor-pointer.ico'), pointer !important} -@keyframes gradient { - 0% { - background-position: 0 50%; - } - 50% { - background-position: 100% 50%; - } - 100% { - background-position: 0 50%; - } -} @font-face { font-family: "PokeTube Flex"; src: url("https://p.poketube.fun/https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/robotoflex.ttf?v=16683434286881"); @@ -896,3 +881,28 @@ button[type="submit"]:hover { margin: auto; } } + +video { + position: fixed; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + object-fit: cover; + z-index: -1; + opacity: 0.2; + pointer-events: none; +} + + +@media screen and (max-width: 1919px) { + #HD-BG { + display: none; + } +} + +@media screen and (min-width: 1920px) { + #SD-BG { + display: none; + } +} diff --git a/html/landing.ejs b/html/landing.ejs index eb54af6c..0dc2d361 100644 --- a/html/landing.ejs +++ b/html/landing.ejs @@ -20,115 +20,145 @@ ---> - - Poke | The Ultimate Privacy App! - - - - - - - - - - - - - - <% if(isOldWindows) { %> - <% } %> + h1 { + font-family: "Ginto Nord" !important; + } + + <% } %> - - - -
-
-
-

<%- random %>

 -
-
-
-
-
- - - -
+ .subtitle { + text-align: center; + color: #FFFF00; + text-shadow: 1px 1px 0px #000; + position: relative; + left: 68px; + top: -35px; + bottom: 50px; + animation: subtitle .25s; + animation-direction: alternate; + animation-iteration-count: infinite; + } + + @-webkit-keyframes subtitle { + 0% { + transform: scale(0.875) rotate(-20deg) + } + + 100% { + transform: scale(1) rotate(-20deg) + } + } + + + + + + +
+
+
+ +

<%- random %>

+ +
+
+
+
+
+ + +
+
+
+ +

Support Ukraine

+ + +

Support Palestine

+ +
+
+

The Ultimate Privacy App

+

Be Anonymous watching epic videos, searching + thingys on the interwebs and listening to music on poketube - the free yt front end thats focused on ur privacy!! +

-

Support Ukraine

-

Support Palestine

 -
-
-

The Ultimate Privacy App

-

Be Anonymous watching epic videos, searching thingys on the interwebs and listening to music on poketube - the free yt front end thats focused on ur privacy!!

-
-

No Tracking & Ads

-

Very Fast

-

Built-in video downloader

-

Web Search

-
- - - - - - - +

No Tracking & Ads

+

Very Fast

+

Built-in video downloader

+

Web Search

- + + + + + + + +
+ + \ No newline at end of file diff --git a/src/libpoketube/init/pages-static.js b/src/libpoketube/init/pages-static.js index af32f317..429f5eb3 100644 --- a/src/libpoketube/init/pages-static.js +++ b/src/libpoketube/init/pages-static.js @@ -166,6 +166,15 @@ module.exports = function (app, config, renderTemplate) { app.get("/favicon.ico", function (req, res) { res.sendFile("favicon.ico", { root: cssDir }); }); + app.get("/bg-full.webm", function (req, res) { + res.sendFile("bg-full.webm", { root: cssDir }); + }); + app.get("/bg-720.webm", function (req, res) { + res.sendFile("bg-720.webm", { root: cssDir }); + }); + app.get("/bg-480.webm", function (req, res) { + res.sendFile("bg-480.webm", { root: cssDir }); + }); app.get("/css/:id", (req, res) => { const filePath = path.join(cssDir, req.params.id);