tyler/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke synced 2025-04-05 17:17:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Compare commits

base: tyler:v23.1203-MicHi-1
Branches Tags
tyler:main
tyler:videojs
tyler:docker-stack
tyler:lts
tyler:v23.1203-MicHi-1
tyler:v23.1203
tyler:22.03-web
..
compare: tyler:main
Branches Tags
tyler:main
tyler:videojs
tyler:docker-stack
tyler:lts
tyler:v23.1203-MicHi-1
tyler:v23.1203
tyler:22.03-web

No commits in common. "v23.1203-MicHi-1" and "main" have entirely different histories.
v23.1203-M ... main

164 changed files with 26142 additions and 5439 deletions
Show Stats Expand all files Collapse all files

10
.dockerignore Normal file
View File

@ -0,0 +1,10 @@
.yarn
.pnp*
.git
.gitignore
node_modules
invidious-source
json.sqlite
*.md
docker-compose.yml
Dockerfile

19
.drone.yml Normal file
View File

@ -0,0 +1,19 @@
kind: pipeline
type: exec
name: Build and Push Docker Image
platform:
os: linux
arch: arm64
steps:
- name: Build
environment:
CODEBERG_USERNAME:
from_secret: CODEBERG_USERNAME
CODEBERG_PASSWORD:
from_secret: CODEBERG_PASSWORD
commands:
- echo $CODEBERG_PASSWORD | docker login codeberg.org --username $CODEBERG_USERNAME --password-stdin
- docker build -t codeberg.org/korbs/poke:arm64 .
- docker push codeberg.org/korbs/poke:arm64

3
.gitignore vendored
View File

@ -1,4 +1,5 @@
node_modules/ node_modules/
yarn.lock yarn.lock
package-lock.json package-lock.json
.env .env
json.sqlite

52
CODE_OF_CONDUCT.md
View File

@ -1,4 +1,4 @@
# Contributor Covenant Code of Conduct # Contributor Covenant Code of Conduct / PokeTube code of conduct
## Our Pledge ## Our Pledge
@ -60,29 +60,51 @@ representative at an online or offline event.
Instances of abusive, harassing, or otherwise unacceptable behavior may be Instances of abusive, harassing, or otherwise unacceptable behavior may be
reported to the community leaders responsible for enforcement at reported to the community leaders responsible for enforcement at
iamashley@duck.com (E-mail) https://discord.gg/pfKSQ3pMfW (Discord server). iamashley@duck.com (E-mail) https://discord.gg/pfKSQ3pMfW (Discord server) https://matrix.to/#/#poke:vern.cc (matrix space) and https://rvlt.gg/poke (revolt server).
All complaints will be reviewed and investigated promptly and fairly. All complaints will be reviewed and investigated promptly and fairly.
All community leaders are obligated to respect the privacy and security of the All community leaders are obligated to respect the privacy and security of the
reporter of any incident. reporter of any incident.
## Additional Terms for poketube ## Additional Terms for Poketube
1.Definitions **TL;DR**: You are encouraged not to edit or remove these terms from Poketube. While you have the freedom to make changes in your Poketube fork, if you choose to modify this document, please refrain from using the title "Poketube Code of Conduct." Everyone can copy and share this document as is, but making changes is allowed with the aforementioned condition. If your chosen alternative code of conduct doesn't include provisions against hate speech, inappropriate behavior, anti-immigrant sentiments, far-right, or authoritarian content, it's not recommended.
"alternative code of conduct" is a code of conduct that is not Contributor Covenant Code of Conduct. 1. Definitions
"free software" is defined in the GNU GPL version 3. You can see a copy on the LICENSE file. - **"Alternative Code of Conduct"**: This refers to a code of conduct other than the Contributor Covenant Code of Conduct.
2.Terms - **"Free Software"**: The definition of "free software" is in accordance with the GNU GPL version 3. You can find a complete copy of it in the LICENSE file.
YOU MAY NOT EDIT, REMOVE, CHANGE THE TERMS OF THIS FILE. YOU MAY NOT - **Hate Speech**: Hate speech includes any communication, whether written, spoken, or expressed in any form, that promotes discrimination, hostility, or violence against individuals or groups based on attributes such as race, ethnicity, gender, religion, or other protected characteristics.
REMOVE THIS FILE FROM YOUR FORK OF POKETUBE in any way shape or form. Everyone is permitted to copy and distribute verbatim copies of this document, but changing it is not allowed. if you are using a older fork that doesnt have the Code of Conduct ( this FILE ) you dont have to accept this conduct. since poketube is free software, you can copy
and share copys under GPL-3.0-OR-LATER. if you dont want this conduct on your fork of poketube, you can use alternative - **Inappropriate Behavior**: Inappropriate behavior encompasses actions or expressions that create an unwelcome, hostile, or offensive environment for others, such as harassment, intimidation, or bullying.
conducts instead. if you dont want the alternative code of conduct, you may con
tact us and explain why do you want to remove this file. we require this because - **Authoritarianism**: Authoritarianism is characterized by an emphasis on strong central authority, limited individual freedoms, and restrictions on democratic processes. Content or behavior that promotes authoritarian principles, suppresses freedom of speech, individual rights, or democratic values is strongly discouraged.
of the recent polymc event. (you can search it online about this event.) we are
sorry if this makes us a bad software, but we just dont want troll forks of poketube - **Protected characteristics** include attributes such as race, ethnicity, gender, religion, sexual orientation, disability, and other traits or qualities safeguarded from discrimination by relevant laws and regulations. This defines what is meant by "protected characteristics" in the context of this document.
to happen. poketube is NOT a political software, and we respect peoples opinions.
2. Terms
NOTE: The Contributor Covenant Code of Conduct already includes provisions on some of these issues. Our intention is to provide a more defined and explicit statement regarding these prohibitions to ensure a clear and inclusive community environment.
YOU ARE NOT ENCOURAGED TO EDIT, REMOVE, OR ALTER THE TERMS OF THIS FILE. However, should you choose to make changes, please avoid using the title "Poketube Code of Conduct." Removing this file from your Poketube fork is allowed. Everyone, without exception, is permitted to create unmodified copies of this document and distribute it as is; however, modifications to this document are allowed with the aforementioned condition.
It is of paramount importance to emphasize that the promotion or glorification of anti-immigrant sentiments, the alignment with far-right ideologies, Islamophobia, or any form of religious discrimination is strongly discouraged within the scope of Poketube. We maintain a stance against such content, which includes material that discriminates against immigrants, promotes hatred or hostility towards religious groups, or actively supports extremist beliefs associated with far-right ideologies. This stance is encouraged and non-binding.
We believe in fostering an environment that is inclusive, respectful, and free from discrimination or the promotion of extremist ideologies. As such, any content found in violation of this encouragement will be addressed promptly and appropriately.
THE CLARITY AND FORCE OF THIS STATEMENT ARE INTENDED TO ENCOURAGE CLEAR GUIDELINES: ANTI-IMMIGRANT SENTIMENTS, FAR-RIGHT IDEOLOGIES, ISLAMOPHOBIA, RELIGIOUS DISCRIMINATION, MISOGYNY, AND SEXISM ARE STRONGLY DISCOURAGED AND NOT PREFERRED WITHIN OUR COMMUNITY. OUR HOPE IS TO MAINTAIN A RESPECTFUL AND INCLUSIVE ATMOSPHERE FOR ALL, REGARDLESS OF THEIR BACKGROUND, BELIEFS, OR IDENTITY.
These terms may be subject to change, and any updates will be communicated to the Poketube community. Changes to these terms will be communicated to users.
**3. Application of GNU Kind Communication Policy**
These terms also align with the principles outlined in the [GNU Kind Communication Policy](https://www.gnu.org/philosophy/kind-communication.html), which encourage respectful and inclusive communication within the Poketube community.
It is crucial to note that we respect the diverse opinions and beliefs of our users.
***Additional terms end lol***
## Enforcement Guidelines ## Enforcement Guidelines

34
Dockerfile Normal file
View File

@ -0,0 +1,34 @@
## To build the image, run:
## docker build -t poketube .
## To run the image, run:
## docker run -d -p 6003:6003 poketube
# Base (Debian)
FROM debian
# Set Work Directory
WORKDIR /poketube
COPY . /poketube
# Expose Ports
EXPOSE 6003
# Install Requirements
RUN apt-get update && apt-get -y install \
libcurl4-openssl-dev make g++ ca-certificates curl gnupg
# Install NodeJS v18
RUN mkdir -p /etc/apt/keyrings
RUN curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg
RUN echo "deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://deb.nodesource.com/node_16.x nodistro main" | tee /etc/apt/sources.list.d/nodesource.list
RUN apt-get update
RUN apt-get -y install nodejs npm
# Install Packages
RUN npm install
# Run
CMD npm start

7
HOSTING_REQUIREMENTS.md Normal file
View File

@ -0,0 +1,7 @@
Internet: 1GBIT (recommended 5GBIT)
RAM: 2GB
CPU: Any recent one
OS: Microsoft Windows, macOS or GNU/LINUX (doesnt work on "musl" distros ) with systemd or any service manager

13
LICENSE-APPSTORE.md Normal file
View File

@ -0,0 +1,13 @@
The developers are aware that the terms of service that apply to apps distributed via Apple's App Store services and similar app stores may conflict
with rights granted under the Poke license, the GNU General
Public License, version 3.
The copyright holders of the Poke project do not wish this conflict to prevent the otherwise-compliant distribution of derived apps via the App Store and similar app stores.
Therefore, we have committed not to pursue any license
violation that results solely from the conflict between the GNU GPLv3
and the Apple App Store terms of service or similar app stores. In
other words, as long as you comply with the GPL in all other respects,
including its requirements to provide users with source code and the
text of the license, we will not object to your distribution of the
Poke project through the App Store.

165
README.md
View File

@ -1,81 +1,108 @@
<a href="https://fsf.org"> <h1 align="center">
<img src="https://www.thinkpenguin.com/files/RYF.png" width="67" align="right" >
</a>
<div align="center">
<a href="https://poketube.fun/watch?v=9sJUDx7iEJw&quality=medium&=sjohgteojgytrueugtye4jhtytjrjnyıı"> <a href="https://poketube.fun/watch?v=9sJUDx7iEJw&quality=medium&=sjohgteojgytrueugtye4jhtytjrjnyıı">
<img src="https://poketube.fun/css/logo.svg" width="500"> </a><br> <img src="https://poketube.fun/css/logo-poke.svg" width="400">
<img src='https://raw.githubusercontent.com/squiresgrant/personal-site/main/badges/firefox4.gif'> </a>
<a href="http://www.defectivebydesign.org/drm-free">
<img src="https://static.fsf.org/dbd/label/DRM-free%20label%20120.en.png"
alt="DRM Free" width="65" height="65" border="0" align="middle" />
</a>
<p>THE PRIVACY APP OF YOUR DREAMS! :3</p>
</h1>
<div align="center">
<p>Be anonymous while watching (cat falling) videos, searching the web, and listening to music on Poke - the free privacy front-end!</p>
</div> </div>
<div align="center">
<a href="#welcome">Welcome!</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#features">Features</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#no-non-free-codec-needed">No Non-Free Codec</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#hosting-poke">Hosting</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#poke-community">Community</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#legal">Legal</a>
<br><br>
<img src="https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/badges/StandWithUkraine.svg" alt="Stand with Ukraine">
<a href="./LICENSE">
<img src="https://img.shields.io/badge/License-GPL--3-FF6666" alt="GPL-3-or-later License">
</a>
</div>
![Preview](./css/README_Preview.png)
## Welcome!
Welcome to Poke (formerly PokeTube), the privacy-friendly YouTube front-end built with the invidious API! Imagine paying for YouTube Premium just to download videos - couldn't be us (literally).
## Features
| <img width="100%" style="border-radius: 24px" src="./css/README_RYD.png"> | <div style="text-align: left"><h3>🔙 Built-In Return YouTube Dislikes</h3>See the dislikes from *returnyoutubedislike* - because sometimes you need to know how bad that video really is :3</div> |
| - | - |
| <div style="text-align: right"><h3>📱 PWA Support</h3>With PWA Support, you can install Poke on your mobile device. Now you can pretend to be productive while watching cat videos on the go, mreoww! :3</div> | <img width="100%" style="border-radius: 24px" src="./css/README_PWA.jpg"> |
| <h3>🎨 Customize</h3>Customize Poke however you want. Make it as unique as your taste in memes. | <h3>📥 Accounts</h3>Suscribe (yes Suscribe hehe sussy baka) to whaever channel you want! </div> |
| <h3>🔍 Web Search</h3>Search the web privately on PokeTube. Incognito mode who? | <h3>🎶 And...</h3>Ambient mode, HQ audio, and even more! :3 |
## No Non-Free Codec Needed
Poke uses OpenH264, which is free software! No non-free components included :3 View the source code of OpenH264 [here](https://github.com/cisco/openh264.git). Because who wants to deal with non-free stuff? Not us!~
## Hosting Poke
### NodeJS
1. **Install Packages**
- Fedora/RHEL GNU/linux: `$ sudo dnf install git make gcc libcurl nodejs python libcurl g++ curl-config`
- Debian/Ubuntu GNU/linux: `$ sudo apt install git make gcc libcurl4-openssl-dev nodejs npm python g++`
- Alpine Linux (non-gnu): `$ apk add git nodejs npm python make gcc g++ libcurl curl-dev`
(we dont know if it works on non-gnu systems)
2. **Clone Repo**
- Codeberg: `$ git clone https://codeberg.org/ashley/poke.git`
- GitHub: `$ git clone https://github.com/ashley0143/poke.git`
reccomended unoffical mirrors:
- code.lgbt: `$ git clone https://code.lgbt/mirror/poke.git` [sync every 10mins]
- git.lgbt: `$ git clone https://git.lgbt/mirror/poke.git` [sync every 10mins]
- nin0git :`$ git clone https://git.nin0.dev/mirrors/poke.git` [sync every 10mins]
not reccomended, unstable
- SudoVanilla: `$ git clone https://ark.sudovanilla.org/Korbs/poke.git` [sync every week]
3. **Install Dependencies**
- `$ cd poke`
- `$ npm install`
4. **Start Server**
- `$ node server.js`
Congrats! Poke should now be running on `localhost:6003`! 🎉
## Wats in dis readme uwu?: ## Poke Community
- [Welcome!](#Welcome!)
- [No Non-free codec needed :3](#no-non-free-codec-needed-3)
- [Hosting Poketube~](#hosting-poketube)
- [PokeTube Offical Communitys](#poketube-community)
- [The Legal Stuff](#the-legal-stuff)
Join us on [Discord](https://discord.poketube.fun/) or [Matrix](https://matrix.to/#/#poke:vern.cc)! I promise we're cool! <3
## Welcome! or if u like fedi, we host [PokeSocial](https://social.poketube.fun) as well :3
This is the source code of PokeTube, the privacy-friendly youtube front-end built with the InnerTube API ([Docs](https://docs.poketube.fun)) that's packed with some pretty cool stuff including:
- ZERO ads
- Lyrics to songs
- A clean and modern UI
- A Javascript-free frontend
- No cookies or data collection
- And built-in dislike counts Thaks to the [Return YouTube Dislike Api](https://www.returnyoutubedislike.com/)!
## No Non-free codec needed :3
PokeTube uses openh264 which is free software! poketube does not inculude non free stuff owowowoow!!!!
you can view the source code of the openh264 codec in this repo :3 --> https://github.com/cisco/openh264.git
PLEASE NOTE THAT THIS SOFTWARE MAY INCULUDE CODECS THAT IN CERTAIN COUNTRIES MAY BE COVERED BY PATENTS OR HAVE LEGAL ISSUES. PATENT AND COPYRIGHT LAWS OPERATE DIFFERENTLY DEPENDING ON WHICH COUNTRY YOU ARE IN. PLEASE OBTAIN LEGAL ADVICE IF YOU ARE UNSURE WHETHER A PARTICULAR PATENT OR RESTRICTION APPLIES TO A CODEC YOU WISH TO USE IN YOUR COUNTRY.
## Hosting Poketube~
- To self host your own Poketube instance, you'll need the following:
- [Node.js](https://nodejs.org/en/download/)
- [npm](http://npmjs.com) (Included with Node.js)
Once you have everything, clone our repo:
```
git clone https://codeberg.org/ashley/poketube.git
```
You can also clone using our Github mirror if you'd prefer:
```
git clone https://github.com/ashley0143/poketube.git
```
Now, install the needed dependencies within the Poketube folder:
```
npm install
```
Once everythings installed, start your server with the following command:
```
node server.js
```
Congrats, Poketube should now be running on `localhost:3000`!
## PokeTube community!
Offical poketube community servers :3
[Revolt](https://rvlt.gg/1em7QW8C) <br>
[Discord](https://discord.gg/a3JFtTHUnp) (requires nonfree js - see stallman.org/discord.html )
## The Legal Stuff (boring tbh) ## The Legal Stuff (boring tbh)
[Code Of conduct](https://codeberg.org/Ashley/poketube/src/branch/main/CODE_OF_CONDUCT.md) <br> the main parts of the project is Under GPL-3.0-OR-LATER :3
[Privacy Policy](https://poketube.fun/privacy) <br>
TL;DR: we dont collect or share your personal info, that's it lol see the each sections LICENSE tho!!
Copyleft 2021-202x Poke Project, mostly ashley0143 - poke does not support the ["source first"](https://sourcefirst.com/) or ["open source"](https://opensource.org) movement :3 - we support the free software movement (fsf.org)
We additionally use the GNU Coding Standard, see https://www.gnu.org/prep/standards [Code Of conduct](https://codeberg.org/Ashley/poke/src/branch/main/CODE_OF_CONDUCT.md)
<a href="https://codeberg.org/Ashley/poketube/src/branch/main/LICENSE"> <img src="https://www.gnu.org/graphics/gplv3-88x31.png"> </a> [Privacy Policy](https://poketube.fun/privacy)
#
<div align=center><img src="https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/badges/StandWithUkraine.svg"></div>
TL;DR: we dont collect or share your personal info, that's it lol.
We use the GNU Coding Standard Thingy, see [this link.](https://www.gnu.org/prep/standards)
<div align="center">
<p>Parts of Poke are hosted on Glitch.com since <i>2020</i>.</p>
<a href="https://glitch.com/">
<img src="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/glitch-fastly-lock-up.svg">
</a>
<br><hr>
<p> this software does not support <a href="https://opensource.org">"OSI"</a> - <a href="https://rationalwiki.org/wiki/Eric_S._Raymond#Open_Source">they are terrible people </a> - pls support the FSF/GNU (<a href="https://fsf.org">fsf.org</a> or <a href="https://gnu.org">gnu.org</a>) instead :3 </p>
<a href="https://gnu.org/not-open-source">
<img width="200" src="https://autumn.revolt.chat/attachments/eNpfwV2C1_wudONe43YCvWr-4vbvLpG78HbuXgOYfO">
</a>
</div>

45
alac/readme.md
View File

@ -1 +1,44 @@
apple lossless audio - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
The Apple Lossless Format
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Apple Lossless supports the following features. Not all of these are implemented in alacconvert, though they are in the codec code provided.
1. Bit depths 16, 20, 24 and 32 bits.
2. Any arbitrary integer sample rate from 1 to 384,000 Hz. In theory rates up to 4,294,967,295 (2^32 - 1) Hz could be supported.
3. From one to eight channels are supported. Channel orders for the supported formats are described as:
Num Chan Order
1 mono
2 stereo (Left, Right)
3 MPEG 3.0 B (Center, Left, Right)
4 MPEG 4.0 B (Center, Left, Right, Center Surround)
5 MPEG 5.0 D (Center, Left, Right, Left Surround, Right Surround)
6 MPEG 5.1 D (Center, Left, Right, Left Surround, Right Surround, Low Frequency Effects)
7 Apple AAC 6.1 (Center, Left, Right, Left Surround, Right Surround, Center Surround, Low Frequency Effects)
8 MPEG 7.1 B (Center, Left Center, Right Center, Left, Right, Left Surround, Right Surround, Low Frequency Effects)
4. Packet size defaults to 4096 sample frames of audio per packet. Other packet sizes are certainly possible. However, non-default packet sizes are not guaranteed to work properly on all hardware devices that support Apple Lossless. Packets above 16,384 sample frames are not supported.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
This package contains the sources for the Apple Lossless (ALAC) encoder and decoder.
The "codec" directory contains all the sources necessary for a functioning codec. Also includes is a makefile that will build libalac.a on a UNIX/Linux machine.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ALACconvert
The convert-utility directory contains sources to build alacconvert which is a simple utility that demonstrates how to use the included ALAC encoder and decoder.
alacconvert supports the following formats:
1. 16- or 24-bit mono or stereo .wav files where the data is little endian integer. Extended WAVE format chunks are not handled.
2. 16- or 24-bit mono or stereo .caf (Core Audio Format) files as well as certain multi-channel configurations where the data is big or little endian integer. It does no channel order manipulation.
3. ALAC .caf files.
Three project are provided to build a command line utility called alacconvert that converts cpm data to ALAC or vice versa. A Mac OS X Xcode project, A Windows Visual Studio project, and a generic UNIX/Linux make file.
Note: When building on Windows, if you are using a version of Visual Studio before Visual Studio 2010, <stdint.h> is not installed. You will need to acquire this file on your own. It can be put in the same directory as the project.

25
ascii_txt.txt Normal file
View File

@ -0,0 +1,25 @@
_____ _______ _____ _____
/\ \ /::\ \ /\ \ /\ \
/::\ \ /::::\ \ /::\____\ /::\ \
/::::\ \ /::::::\ \ /:::/ / /::::\ \
/::::::\ \ /::::::::\ \ /:::/ / /::::::\ \
/:::/\:::\ \ /:::/~~\:::\ \ /:::/ / /:::/\:::\ \
/:::/__\:::\ \ /:::/ \:::\ \ /:::/____/ /:::/__\:::\ \
/::::\ \:::\ \ /:::/ / \:::\ \ /::::\ \ /::::\ \:::\ \
/::::::\ \:::\ \ /:::/____/ \:::\____\ /::::::\____\________ /::::::\ \:::\ \
/:::/\:::\ \:::\____\ |:::| | |:::| | /:::/\:::::::::::\ \ /:::/\:::\ \:::\ \
/:::/ \:::\ \:::| ||:::|____| |:::| |/:::/ |:::::::::::\____\/:::/__\:::\ \:::\____\
\::/ \:::\ /:::|____| \:::\ \ /:::/ / \::/ |::|~~~|~~~~~ \:::\ \:::\ \::/ /
\/_____/\:::\/:::/ / \:::\ \ /:::/ / \/____|::| | \:::\ \:::\ \/____/
\::::::/ / \:::\ /:::/ / |::| | \:::\ \:::\ \
\::::/ / \:::\__/:::/ / |::| | \:::\ \:::\____\
\::/____/ \::::::::/ / |::| | \:::\ \::/ /
~~ \::::::/ / |::| | \:::\ \/____/
\::::/ / |::| | \:::\ \
\::/____/ \::| | \:::\____\
~~ \:| | \::/ /
\|___| \/____/

1
backend-services/README.md Normal file
View File

@ -0,0 +1 @@
haii!! these files are made for the poke's server - if u wanna use them on ur server u might have to change the directories :p

40
backend-services/scripts/inv-refresh-token.sh Normal file
View File

@ -0,0 +1,40 @@
#!/bin/bash
#
# Copyright (C) 2024-20xx Poke! (https://codeberg.org/ashley/poke)
#
# 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 <http://www.gnu.org/licenses/>.
#
scriptDir=$(dirname "$(readlink -f "$0")")
output=$(docker run quay.io/invidious/youtube-trusted-session-generator)
visitor_data=$(echo "$output" | grep -oP '(?<=visitor_data: )[^ ]+')
po_token=$(echo "$output" | grep -oP '(?<=po_token: )[^ ]+')
if [ -z "$visitor_data" ] || [ -z "$po_token" ]; then
echo "Error: Could not generate visitor_data or po_token."
exit 1
fi
sed -i "s/visitor_data: .*/visitor_data: $visitor_data/g" $scriptDir/../services/invidious/docker-compose.yml
sed -i "s/po_token: .*/po_token: $po_token/g" $scriptDir/../services/invidious/docker-compose.yml
cd $scriptDir/../services/invidious
docker compose up -d
echo "Successfully updated visitor_data and po_token on Invidious."

164
backend-services/scripts/inv-restart-docker.sh Normal file
View File

@ -0,0 +1,164 @@
#!/bin/bash
#
# Copyright (C) 2024-20xx Poke! (https://codeberg.org/ashley/poke)
#
# 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 <http://www.gnu.org/licenses/>.
#
# Function to generate a random Chrome version
generate_random_chrome_version() {
major=$((RANDOM % 100 + 1)) # Major version 1-99
minor=$((RANDOM % 100)) # Minor version 0-99
build=$((RANDOM % 10000)) # Build version 0-9999
patch=$((RANDOM % 100)) # Patch version 0-99
echo "$major.$minor.$build.$patch"
}
restart_services() {
echo "Restarting services..."
# Navigate to the script directory
scriptDir=$(dirname "$(readlink -f "$0")")
cd "$scriptDir/../services/invidious" || { echo "Error: Failed to navigate to $scriptDir/../services/invidious"; exit 1; }
docker compose down
echo "Services stopped. Restarting..."
docker compose up -d
echo "Services restarted successfully."
/home/qt/globe/scripts/inv-update-token.sh
}
fetch_playlist() {
local playlist_id="$1"
response=$(curl -s -w "%{http_code}" -o /tmp/playlist_data.json "https://invid-api.poketube.fun/api/v1/playlists/${playlist_id}")
if [ "$response" -eq 502 ] || [ "$response" -eq 500 ] || [ "$response" -eq 403 ]; then
echo "Error: Failed to fetch playlist data. HTTP Status: $response"
restart_services
return 1
elif [ "$response" -ne 200 ]; then
echo "Error: Failed to fetch playlist data. HTTP Status: $response"
return 1
fi
}
extract_video_ids() {
local json_data="$1"
video_ids=$(jq -r '.videos[].videoId' "$json_data")
if [ -z "$video_ids" ]; then
echo "Error: Failed to extract video IDs from the playlist data."
return 1
fi
echo "$video_ids"
}
# Playlist IDs to fetch
playlist_ids=("PLMws9SCqJ1JCeVMVPsdamuUM0HK0MbA6g")
# Base URL for the API
base_url="http://localhost:54301/latest_version?id="
# Pick a random playlist (without using invalid options in shuf)
random_playlist_id="PLMC9KNkIncKvYin_USF1qoJQnIyMAfRxl"
echo "Randomly selected playlist: $random_playlist_id"
# Fetch playlist JSON data
fetch_playlist "$random_playlist_id"
if [ $? -ne 0 ]; then
echo "Error: Playlist fetch failed. Restarting services..."
restart_services # Restart services before exiting
exit 1
fi
# Extract video IDs from the playlist
video_ids=($(extract_video_ids "/tmp/playlist_data.json"))
if [ $? -ne 0 ]; then
echo "Error: Failed to extract video IDs. Exiting..."
exit 1
fi
# Shuffle video IDs and pick 4 random videos
shuffled_video_ids=($(shuf -e "${video_ids[@]}" | head -n 4))
error_count=0
all_errors=(500 502 403)
for video_id in "${shuffled_video_ids[@]}"; do
# Add a cache buster query (unique random number)
unique_param=$RANDOM
url="${base_url}${video_id}&itag=18&local=true&_=${unique_param}"
# Generate a random Chrome version
chrome_version=$(generate_random_chrome_version)
user_agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/$chrome_version Safari/537.36"
response_headers=$(curl -s -D - -H "Cache-Control: no-cache, no-store, must-revalidate" \
-H "Pragma: no-cache" -H "Expires: 0" -A "$user_agent" "$url" -o /dev/null)
# Extract ETag and last modified info (if available)
etag=$(echo "$response_headers" | grep -i ETag | awk '{print $2}' | tr -d '"')
last_modified=$(echo "$response_headers" | grep -i Last-Modified | cut -d' ' -f2-)
# Use conditional request if ETag is present
if [ -n "$etag" ]; then
status_code=$(curl -s -o /dev/null -w "%{http_code}" -H "If-None-Match: $etag" \
-H "Cache-Control: no-cache, no-store, must-revalidate" -A "$user_agent" "$url")
else
status_code=$(curl -s -o /dev/null -w "%{http_code}" -A "$user_agent" "$url")
fi
# Echo the status code for visibility
echo "Checking URL: $url"
echo "User Agent: $user_agent"
echo "HTTP Status Code for ID $video_id: $status_code"
if [[ " ${all_errors[@]} " =~ " ${status_code} " ]]; then
echo "Error: Received $status_code for ID $video_id."
error_count=$((error_count + 1))
# Run the token refresh script
echo "Running inv-update-token.sh for ID $video_id..."
/home/qt/globe/scripts/inv-update-token.sh
/home/qt/globe/scripts/inv-update-token.sh
echo "inv-update-token.sh script executed successfully."
# Fetch the video again after token refresh
status_code=$(curl -s -o /dev/null -w "%{http_code}" -A "$user_agent" "$url")
echo "Post-token-refresh Status Code for ID $video_id: $status_code"
# Check if it still results in 500/502/403 after refresh
if [[ " ${all_errors[@]} " =~ " ${status_code} " ]]; then
echo "Error: Received $status_code for ID $video_id after token refresh."
else
echo "Token refresh succeeded for ID $video_id."
fi
elif [ "$status_code" -eq 304 ]; then
echo "Content is still fresh for ID $video_id. No action required."
else
echo "we are so barack (Status code for ID $video_id is neither 502, 500, nor 403.)"
fi
echo "----------------****************----------------" # Separator for readability
done
# If all videos still resulted in 500/502/403 errors even after running inv-update-token.sh, try restaring
if [ "$error_count" -eq "${#shuffled_video_ids[@]}" ]; then
echo "All videos failed to load after running inv-update-token.sh. Restarting services..."
restart_services
fi

10
backend-services/services/yt-block-protect.service Normal file
View File

@ -0,0 +1,10 @@
[Unit]
Description=YouTube anti-block
[Service]
Type=simple
ExecStart=/home/qt/globe/scripts/inv-restart-docker.sh
Restart=on-failure
[Install]
WantedBy=multi-user.target

10
backend-services/services/yt-block-protect.timer Normal file
View File

@ -0,0 +1,10 @@
[Unit]
Description=Make yt anti-block Run every Minute
[Timer]
OnUnitActiveSec=1min
Unit=yt-block-protect.service
[Install]
WantedBy=timers.target

19
config.json Normal file
View File

@ -0,0 +1,19 @@
{
"tubeApi": "https://inner-api.poketube.fun/api/",
"invapi": "https://invid-api.poketube.fun/bHj665PpYhUdPWuKPfZuQGoX/api/v1",
"dislikes": "https://returnyoutubedislikeapi.com/votes?videoId=",
"invchannel": "https://invid-api.poketube.fun/api/v1",
"p_url":"https://p.poketube.fun",
"media_proxy": "https://image-proxy.poketube.fun",
"videourl":"https://eu-proxy.poketube.fun",
"email_main_url":"https://email-server.poketube.fun",
"mastodon_client_url":"https://social.poketube.fun",
"mastodon_client_server_name":"PokeSocial",
"libreoffice_online_url":"https://office.poketube.fun",
"cacher_max_age": "86400",
"enablealwayshttps": false,
"proxylocation":"USA",
"banner":"welcome to poke!",
"t_url": "https://t.poketube.fun/",
"server_port": "6003"
}

BIN
css/Pepe_party_4_transparent.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 MiB

BIN
css/Poke-Mobile.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 670 KiB

BIN
css/README_PWA.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 236 KiB

BIN
css/README_Preview.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1000 KiB

BIN
css/README_RYD.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 489 KiB

361
css/app.js Normal file
View File

@ -0,0 +1,361 @@
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later
/*
CryptoJS v3.1.2
code.google.com/p/crypto-js
(c) 2009-2013 by Jeff Mott. All rights reserved.
code.google.com/p/crypto-js/wiki/License
*/
var CryptoJS=CryptoJS||function(h,s){var f={},t=f.lib={},g=function(){},j=t.Base={extend:function(a){g.prototype=this;var c=new g;a&&c.mixIn(a);c.hasOwnProperty("init")||(c.init=function(){c.$super.init.apply(this,arguments)});c.init.prototype=c;c.$super=this;return c},create:function(){var a=this.extend();a.init.apply(a,arguments);return a},init:function(){},mixIn:function(a){for(var c in a)a.hasOwnProperty(c)&&(this[c]=a[c]);a.hasOwnProperty("toString")&&(this.toString=a.toString)},clone:function(){return this.init.prototype.extend(this)}},
q=t.WordArray=j.extend({init:function(a,c){a=this.words=a||[];this.sigBytes=c!=s?c:4*a.length},toString:function(a){return(a||u).stringify(this)},concat:function(a){var c=this.words,d=a.words,b=this.sigBytes;a=a.sigBytes;this.clamp();if(b%4)for(var e=0;e<a;e++)c[b+e>>>2]|=(d[e>>>2]>>>24-8*(e%4)&255)<<24-8*((b+e)%4);else if(65535<d.length)for(e=0;e<a;e+=4)c[b+e>>>2]=d[e>>>2];else c.push.apply(c,d);this.sigBytes+=a;return this},clamp:function(){var a=this.words,c=this.sigBytes;a[c>>>2]&=4294967295<<
32-8*(c%4);a.length=h.ceil(c/4)},clone:function(){var a=j.clone.call(this);a.words=this.words.slice(0);return a},random:function(a){for(var c=[],d=0;d<a;d+=4)c.push(4294967296*h.random()|0);return new q.init(c,a)}}),v=f.enc={},u=v.Hex={stringify:function(a){var c=a.words;a=a.sigBytes;for(var d=[],b=0;b<a;b++){var e=c[b>>>2]>>>24-8*(b%4)&255;d.push((e>>>4).toString(16));d.push((e&15).toString(16))}return d.join("")},parse:function(a){for(var c=a.length,d=[],b=0;b<c;b+=2)d[b>>>3]|=parseInt(a.substr(b,
2),16)<<24-4*(b%8);return new q.init(d,c/2)}},k=v.Latin1={stringify:function(a){var c=a.words;a=a.sigBytes;for(var d=[],b=0;b<a;b++)d.push(String.fromCharCode(c[b>>>2]>>>24-8*(b%4)&255));return d.join("")},parse:function(a){for(var c=a.length,d=[],b=0;b<c;b++)d[b>>>2]|=(a.charCodeAt(b)&255)<<24-8*(b%4);return new q.init(d,c)}},l=v.Utf8={stringify:function(a){try{return decodeURIComponent(escape(k.stringify(a)))}catch(c){throw Error("Malformed UTF-8 data");}},parse:function(a){return k.parse(unescape(encodeURIComponent(a)))}},
x=t.BufferedBlockAlgorithm=j.extend({reset:function(){this._data=new q.init;this._nDataBytes=0},_append:function(a){"string"==typeof a&&(a=l.parse(a));this._data.concat(a);this._nDataBytes+=a.sigBytes},_process:function(a){var c=this._data,d=c.words,b=c.sigBytes,e=this.blockSize,f=b/(4*e),f=a?h.ceil(f):h.max((f|0)-this._minBufferSize,0);a=f*e;b=h.min(4*a,b);if(a){for(var m=0;m<a;m+=e)this._doProcessBlock(d,m);m=d.splice(0,a);c.sigBytes-=b}return new q.init(m,b)},clone:function(){var a=j.clone.call(this);
a._data=this._data.clone();return a},_minBufferSize:0});t.Hasher=x.extend({cfg:j.extend(),init:function(a){this.cfg=this.cfg.extend(a);this.reset()},reset:function(){x.reset.call(this);this._doReset()},update:function(a){this._append(a);this._process();return this},finalize:function(a){a&&this._append(a);return this._doFinalize()},blockSize:16,_createHelper:function(a){return function(c,d){return(new a.init(d)).finalize(c)}},_createHmacHelper:function(a){return function(c,d){return(new w.HMAC.init(a,
d)).finalize(c)}}});var w=f.algo={};return f}(Math);
(function(h){for(var s=CryptoJS,f=s.lib,t=f.WordArray,g=f.Hasher,f=s.algo,j=[],q=[],v=function(a){return 4294967296*(a-(a|0))|0},u=2,k=0;64>k;){var l;a:{l=u;for(var x=h.sqrt(l),w=2;w<=x;w++)if(!(l%w)){l=!1;break a}l=!0}l&&(8>k&&(j[k]=v(h.pow(u,0.5))),q[k]=v(h.pow(u,1/3)),k++);u++}var a=[],f=f.SHA256=g.extend({_doReset:function(){this._hash=new t.init(j.slice(0))},_doProcessBlock:function(c,d){for(var b=this._hash.words,e=b[0],f=b[1],m=b[2],h=b[3],p=b[4],j=b[5],k=b[6],l=b[7],n=0;64>n;n++){if(16>n)a[n]=
c[d+n]|0;else{var r=a[n-15],g=a[n-2];a[n]=((r<<25|r>>>7)^(r<<14|r>>>18)^r>>>3)+a[n-7]+((g<<15|g>>>17)^(g<<13|g>>>19)^g>>>10)+a[n-16]}r=l+((p<<26|p>>>6)^(p<<21|p>>>11)^(p<<7|p>>>25))+(p&j^~p&k)+q[n]+a[n];g=((e<<30|e>>>2)^(e<<19|e>>>13)^(e<<10|e>>>22))+(e&f^e&m^f&m);l=k;k=j;j=p;p=h+r|0;h=m;m=f;f=e;e=r+g|0}b[0]=b[0]+e|0;b[1]=b[1]+f|0;b[2]=b[2]+m|0;b[3]=b[3]+h|0;b[4]=b[4]+p|0;b[5]=b[5]+j|0;b[6]=b[6]+k|0;b[7]=b[7]+l|0},_doFinalize:function(){var a=this._data,d=a.words,b=8*this._nDataBytes,e=8*a.sigBytes;
d[e>>>5]|=128<<24-e%32;d[(e+64>>>9<<4)+14]=h.floor(b/4294967296);d[(e+64>>>9<<4)+15]=b;a.sigBytes=4*d.length;this._process();return this._hash},clone:function(){var a=g.clone.call(this);a._hash=this._hash.clone();return a}});s.SHA256=g._createHelper(f);s.HmacSHA256=g._createHmacHelper(f)})(Math);
const video = document.getElementById('video');
// Replaces the current URL without the 'fx' parameter
const url = new URL(window.location.href);
url.searchParams.delete('fx');
history.replaceState(null, '', url.toString());
// Get the progress bar and container elements
const progressBar = document.querySelector(".progress-bar");
const progressContainer = document.querySelector(".progress-container");
// Set the initial width of the progress bar to 0%
progressBar.style.width = "0%";
progressContainer.style.display = 'block';
// Attach an event listener to the window object to listen for the 'load' event
window.addEventListener("load", () => {
progressBar.style.width = "100%";
setTimeout(() => {
progressContainer.style.display = 'none';
}, 500);
});
// Lazy load background images
document.addEventListener('DOMContentLoaded', function() {
const bgs = document.querySelectorAll('[data-bg]');
let bgCount = bgs.length;
function loadBg(index) {
const bg = bgs[index];
const bgUrl = bg.getAttribute('data-bg');
bg.style.backgroundImage = `url(${bgUrl})`;
bg.removeAttribute('data-bg');
bg.classList.add('loaded');
}
function lazyLoadBg() {
for (let i = 0; i < bgCount; i++) {
const bg = bgs[i];
const bgRect = bg.getBoundingClientRect();
if (bgRect.top < window.innerHeight && bgRect.bottom > 0) {
loadBg(i);
}
}
}
lazyLoadBg();
window.addEventListener('scroll', lazyLoadBg);
window.addEventListener('resize', lazyLoadBg);
});
const htmlContent = `<!DOCTYPE html><html><head><title>Browser is not supported :p</title><style>body{margin-left:auto;margin-right:auto;display:flex;max-width:43em;font-family:sans-serif;background-color:white;}</style></head><body><h1>Heyo :3</h1><br><p style="margin-top:4em;margin-left:-7.4em;">hoi - poke does and <b>will not work</b> on Internet Explorer :p<br>if u wanna use poke try using Firefox (firefox.com) or Chromium :3<br>love u :3</p></body></html>`;
if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
document.open();
document.write(htmlContent);
document.close();
}
// Fade in elements on scroll or fullscreen change
function fadeInElements() {
const elements = document.querySelectorAll('.fade-in');
const viewportHeight = window.innerHeight;
elements.forEach(element => {
const elementTop = element.getBoundingClientRect().top;
const elementBottom = element.getBoundingClientRect().bottom;
const isVisible = (elementTop < viewportHeight && elementBottom > 0);
if (isVisible || document.fullscreenElement) {
element.classList.add('fade-in-active');
}
});
}
function jumpToTime(e) {
e.preventDefault();
const link = e.target;
const video = document.getElementById('video');
const time = link.dataset.jumpTime;
const qualityforaudiostuff = new URLSearchParams(window.location.search).get("quality") || "";
if (qualityforaudiostuff !== "medium") {
var audiojumptotime = document.getElementById('aud');
audiojumptotime.currentTime = time;
}
video.currentTime = time;
window.location.hash = 'top'; // Add #top to the URL
setTimeout(() => {
history.replaceState(null, null, ' '); // Remove #top after 250MS
}, 250);
}
// Handle click events for time-based links
const timeLinks = document.querySelectorAll('a[data-onclick="jump_to_time"]');
timeLinks.forEach(link => {
const href = link.getAttribute('href');
if (link.dataset.jumpTime && href && href.includes('&t=')) {
const params = new URLSearchParams(href.split('?')[1]);
const time = params.get('t');
if (time) {
link.dataset.jumpTime = time;
link.addEventListener('click', jumpToTime);
link.removeAttribute('href');
}
}
});
const videoPlayer = document.getElementById('video');
function time(seconds) {
videoPlayer.currentTime = seconds;
window.location.hash = 'top';
setTimeout(() => {
history.replaceState(null, null, ' ');
}, 250);
}
document.addEventListener('click', function(event) {
const clickedElement = event.target;
if (clickedElement.classList.contains('comment')) {
const commentText = clickedElement.textContent.trim();
const timestampMatch = commentText.match(/(\d{1,2}:\d{2})/);
if (timestampMatch) {
const timestamp = timestampMatch[0];
let parts = timestamp.split(':');
let seconds = (+parts[0]) * 60 + (+parts[1]);
time(seconds);
}
}
});
const videoElement = document.getElementById("video");
videoElement.addEventListener("fullscreenchange", () => {
videoElement.style.borderRadius = document.fullscreenElement === videoElement ? "0em !important" : "16px";
});
function fetchUrls(urls) {
let fetchedCount = 0;
urls.forEach(link => {
const url = new URL(link.href);
if (url.host !== 'www.youtube.com' && url.host !== 'youtube.com' && url.host !== "redirect.poketube.fun") {
console.log(`Fetching ${url.origin}`);
fetch(url.href)
.then(response => {
if (response.status === 500) {
// do nothing
}
console.log(`Fetched ${url.origin}`);
fetchedCount++;
console.clear();
if (fetchedCount === urls.length) {
document.body.classList.remove('blur');
}
})
.catch(error => {
console.clear();
if (!(error instanceof TypeError && error.message.includes('Failed to fetch'))) {
console.error(`Error fetching ${url.origin}: ${error}`);
}
});
}
});
}
function anondocumenttitle(message, times) {
var hash = CryptoJS.SHA256(message);
return hash.toString(CryptoJS.enc.Hex);
}
if(navigator.globalPrivacyControl) {
var gpcValue = navigator?.globalPrivacyControl
} else {
var gpcValue = false
}
if (location.hostname === "poketube.fun") {
if (typeof Ashley === "undefined") {
var Ashley = {};
}
Ashley.dntEnabled = function (dnt, ua) {
"use strict";
var dntStatus =
dnt ||
navigator.doNotTrack ||
window.doNotTrack ||
navigator.msDoNotTrack;
var userAgent = ua || navigator.userAgent;
var anomalousWinVersions = [
"Windows NT 6.1",
"Windows NT 6.2",
"Windows NT 6.3",
];
var fxMatch = userAgent.match(/Firefox\/(\d+)/);
var ieRegEx = /MSIE|Trident/i;
var isIE = ieRegEx.test(userAgent);
var platform = userAgent.match(/Windows.+?(?=;)/g);
if (isIE && typeof Array.prototype.indexOf !== "function") {
return false;
} else if (fxMatch && parseInt(fxMatch[1], 10) < 32) {
dntStatus = "Unspecified";
} else if (
isIE &&
platform &&
anomalousWinVersions.indexOf(platform.toString()) !== -1
) {
dntStatus = "Unspecified";
} else {
dntStatus = { 0: "Disabled", 1: "Enabled" }[dntStatus] || "Unspecified";
}
return dntStatus === "Enabled" ? true : false;
};
// only load if DNT is not enabled
if(!gpcValue) {
if (Ashley && !Ashley.dntEnabled()) {
var _paq = (window._paq = window._paq || []);
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push([
"setDocumentTitle",
anondocumenttitle(document.domain, 5) +
"/" +
anondocumenttitle(document.title, 5),
]);
_paq.push(["setDoNotTrack", true]);
_paq.push(["disableCookies"]);
_paq.push(["trackPageView"]);
_paq.push(["enableLinkTracking"]);
(function () {
var u = "//data.poketube.fun/";
_paq.push(["setTrackerUrl", u + "matomo.php"]);
_paq.push(["setSiteId", "2"]);
var d = document,
g = d.createElement("script"),
s = d.getElementsByTagName("script")[0];
g.async = true;
g.src = u + "matomo.js";
s.parentNode.insertBefore(g, s);
})();
}
}
}
var popupMenu = document.getElementById("popupMenu");
var loopOption = document.getElementById("loopOption");
var speedOption = document.getElementById("speedOption");
video.addEventListener("contextmenu", function(event) {
// Check if the video is in fullscreen mode
if (!document.fullscreenElement && !document.webkitFullscreenElement && !document.mozFullScreenElement && !document.msFullscreenElement) {
event.preventDefault();
popupMenu.style.display = "block";
popupMenu.style.left = event.pageX + "px";
popupMenu.style.top = event.pageY + "px";
}
});
// Hide the popup menu when clicking outside of it
window.addEventListener("click", function(event) {
if (event.target !== video) {
popupMenu.style.display = "none";
}
});
var loopedIndicator = document.getElementById("loopedIndicator");
loopedIndicator.style.display = "none"; // Initially hide the indicator
loopOption.addEventListener("click", function() {
const quaindt = new URLSearchParams(window.location.search).get("quality") || "";
var looped = video.loop;
video.loop = !looped;
if (quaindt !== "medium") {
var loopedaudioelement = document.getElementById("aud");
if (loopedaudioelement) {
loopedaudioelement.loop = !looped;
}
}
var displaySpecialText = Math.random() < 0.5;
if (displaySpecialText) {
var specialText = looped ? "Unlooped >.<" : "Looped~ :3 >~<";
loopedIndicator.textContent = specialText;
} else {
loopedIndicator.textContent = looped ? "Unlooped!" : "Looped!";
}
loopedIndicator.style.display = "block";
// Hide the indicator after 2 seconds
setTimeout(function() {
loopedIndicator.style.display = "none";
}, 2000);
});
speedOption.addEventListener("click", function() {
var currentSpeed = video.playbackRate;
var newSpeed = getNextSpeed(currentSpeed);
video.playbackRate = newSpeed;
document.getElementById("aud").playbackRate = newSpeed;
speedOption.innerHTML = "<i class='fa-light fa-gauge'></i> Speed: " + newSpeed.toFixed(2) + "x";
});
function getNextSpeed(currentSpeed) {
var maxSpeed = (navigator.hardwareConcurrency < 3) ? 1 : 2; // Limit max speed based on CPU cores - for optimization
if (currentSpeed === maxSpeed) {
return 0.25;
} else if (currentSpeed === 0.25) {
return 0.5;
} else if (currentSpeed === 0.5) {
return 0.75;
} else if (currentSpeed === 0.75) {
return 1;
} else {
return maxSpeed;
}
}
const GoogleTranslateEndpoint = "https://translate.google.com/_/TranslateWebserverUi/data/batchexecute?rpcids=MkEWBc&rt=c"
// @license-end

237
css/app.main.css
View File

@ -1,32 +1,37 @@
@font-face { @font-face {
font-family: "PokeTube Flex"; font-family: "PokeTube Flex";
src: url("https://p.poketube.fun/https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/robotoflex.ttf?v=1668343428681"); src: url("https://p.poketube.fun/https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/robotoflex.ttf?v=16683434286881");
font-style: normal; font-style: normal;
font-stretch: 1% 800%; font-stretch: 1% 800%;
font-display: swap; font-display: swap;
} }
.emoji {
width: 16px;
pointer-events:none;
}
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 900; font-weight: 900;
font-display: swap; font-display: swap;
src: url(https://p.poketube.fun/https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYMZg.ttf) format('truetype'); src: url(https://p.poketube.fun/https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYMZg.ttf?v=16683434286881) format('truetype');
} }
@font-face { @font-face {
font-family: 'Sigmar One'; font-family: 'Sigmar One';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: url(https://p.poketube.fun/https://fonts.gstatic.com/s/sigmarone/v16/co3DmWZ8kjZuErj9Ta3dk6M.ttf) format('truetype'); src: url(https://p.poketube.fun/https://fonts.gstatic.com/s/sigmarone/v16/co3DmWZ8kjZuErj9Ta3dk6M.ttf?v=16683434286881) format('truetype');
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url(https://p.poketube.fun/https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype'); src: url(https://p.poketube.fun/https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAw.ttf?v=16683434286881) format('truetype');
} }
:root { :root {
@ -42,9 +47,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: italic; font-style: italic;
font-weight: 300; font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-300-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-300-italic.woff2?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-300-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-300-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: swap; font-display: swap;
@ -56,9 +61,9 @@ body {
font-style: italic; font-style: italic;
font-display: swap; font-display: swap;
font-weight: 300; font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-300-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-300-italic.woff2?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-300-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-300-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F; U+FE2E-FE2F;
@ -69,9 +74,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: italic; font-style: italic;
font-weight: 300; font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-300-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-300-italic.woff2?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-300-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-300-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0370-03FF; unicode-range: U+0370-03FF;
font-display: swap; font-display: swap;
@ -84,9 +89,9 @@ body {
font-display: swap; font-display: swap;
font-weight: 300; font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-300-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-300-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-300-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-300-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+1F00-1FFF; unicode-range: U+1F00-1FFF;
} }
@ -98,9 +103,9 @@ body {
font-style: italic; font-style: italic;
font-weight: 300; font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-300-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-300-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-300-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-300-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
@ -112,9 +117,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: italic; font-style: italic;
font-weight: 300; font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-300-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-300-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-300-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-300-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
@ -126,9 +131,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: italic; font-style: italic;
font-weight: 400; font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-400-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-400-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-400-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-400-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: swap; font-display: swap;
@ -141,9 +146,9 @@ body {
font-display: swap; font-display: swap;
font-weight: 400; font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-400-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-400-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-400-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-400-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F; U+FE2E-FE2F;
@ -156,9 +161,9 @@ body {
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-400-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-400-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-400-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-400-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0370-03FF; unicode-range: U+0370-03FF;
} }
@ -170,9 +175,9 @@ body {
font-display: swap; font-display: swap;
font-weight: 400; font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-400-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-400-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-400-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-400-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+1F00-1FFF; unicode-range: U+1F00-1FFF;
} }
@ -182,9 +187,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: italic; font-style: italic;
font-weight: 400; font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-400-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-400-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-400-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-400-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
@ -198,9 +203,9 @@ body {
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-400-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-400-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-400-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-400-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
@ -211,9 +216,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: italic; font-style: italic;
font-weight: 500; font-weight: 500;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-500-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-500-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-500-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-500-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: swap; font-display: swap;
@ -224,9 +229,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: italic; font-style: italic;
font-weight: 500; font-weight: 500;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-500-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-500-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-500-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-500-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F; U+FE2E-FE2F;
@ -238,9 +243,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: italic; font-style: italic;
font-weight: 500; font-weight: 500;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-500-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-500-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-500-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-500-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0370-03FF; unicode-range: U+0370-03FF;
font-display: swap; font-display: swap;
@ -253,9 +258,9 @@ body {
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-500-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-500-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-500-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-500-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+1F00-1FFF; unicode-range: U+1F00-1FFF;
} }
@ -267,9 +272,9 @@ body {
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-500-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-500-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-500-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-500-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
@ -283,9 +288,9 @@ body {
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-500-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-500-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-500-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-500-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
@ -298,9 +303,9 @@ body {
font-display: swap; font-display: swap;
font-weight: 700; font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-700-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-700-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-700-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-700-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} }
@ -310,9 +315,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: italic; font-style: italic;
font-weight: 700; font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-700-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-700-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-700-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-700-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F; U+FE2E-FE2F;
@ -324,9 +329,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: italic; font-style: italic;
font-weight: 700; font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-700-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-700-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-700-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-700-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0370-03FF; unicode-range: U+0370-03FF;
font-display: swap; font-display: swap;
@ -337,9 +342,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: italic; font-style: italic;
font-weight: 700; font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-700-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-700-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-700-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-700-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+1F00-1FFF; unicode-range: U+1F00-1FFF;
font-display: swap; font-display: swap;
@ -352,9 +357,9 @@ body {
font-weight: 700; font-weight: 700;
font-display: swap; font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-700-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-700-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-700-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-700-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
@ -368,9 +373,9 @@ body {
font-style: italic; font-style: italic;
font-weight: 700; font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-700-italic.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-700-italic.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-700-italic.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-700-italic.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
@ -383,9 +388,9 @@ body {
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-300-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-300-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-300-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-300-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} }
@ -395,9 +400,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-300-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-300-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-300-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-300-normal.woff?v=16683434286881)
format("woff"); format("woff");
font-display: swap; font-display: swap;
@ -412,9 +417,9 @@ body {
font-display: swap; font-display: swap;
font-weight: 300; font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-300-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-300-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-300-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-300-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0370-03FF; unicode-range: U+0370-03FF;
} }
@ -426,9 +431,9 @@ body {
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-300-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-300-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-300-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-300-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+1F00-1FFF; unicode-range: U+1F00-1FFF;
} }
@ -440,9 +445,9 @@ body {
font-weight: 300; font-weight: 300;
font-display: swap; font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-300-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-300-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-300-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-300-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
@ -456,9 +461,9 @@ body {
font-display: swap; font-display: swap;
font-weight: 300; font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-300-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-300-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-300-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-300-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
@ -471,9 +476,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-400-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-400-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-400-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-400-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} }
@ -485,9 +490,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-400-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-400-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-400-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-400-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F; U+FE2E-FE2F;
@ -500,9 +505,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-400-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-400-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-400-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-400-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0370-03FF; unicode-range: U+0370-03FF;
} }
@ -514,9 +519,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-400-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-400-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-400-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-400-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+1F00-1FFF; unicode-range: U+1F00-1FFF;
} }
@ -528,9 +533,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-400-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-400-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-400-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-400-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
@ -544,9 +549,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-400-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-400-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-400-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-400-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
@ -559,9 +564,9 @@ body {
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-500-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-500-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-500-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-500-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} }
@ -573,9 +578,9 @@ body {
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-500-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-500-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-500-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-500-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F; U+FE2E-FE2F;
@ -588,9 +593,9 @@ body {
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-500-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-500-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-500-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-500-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0370-03FF; unicode-range: U+0370-03FF;
} }
@ -602,9 +607,9 @@ body {
font-display: swap; font-display: swap;
font-weight: 500; font-weight: 500;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-500-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-500-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-500-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-500-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+1F00-1FFF; unicode-range: U+1F00-1FFF;
} }
@ -616,9 +621,9 @@ body {
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-500-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-500-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-500-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-500-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
@ -632,9 +637,9 @@ body {
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-500-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-500-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-500-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-500-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
@ -647,9 +652,9 @@ body {
font-display: swap; font-display: swap;
font-weight: 700; font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-700-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-700-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-700-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-700-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} }
@ -660,9 +665,9 @@ body {
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-display: swap; font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-700-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-700-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-700-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-700-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F; U+FE2E-FE2F;
@ -674,9 +679,9 @@ body {
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
font-weight: 700; font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-700-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-700-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-700-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-700-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0370-03FF; unicode-range: U+0370-03FF;
} }
@ -687,9 +692,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-700-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-700-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-700-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-700-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+1F00-1FFF; unicode-range: U+1F00-1FFF;
} }
@ -700,9 +705,9 @@ body {
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-display: swap; font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-700-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-700-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-700-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-700-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
@ -714,9 +719,9 @@ body {
font-family: "Ubuntu"; font-family: "Ubuntu";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-700-normal.woff2) src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-700-normal.woff?v=166834342868812)
format("woff2"), format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-700-normal.woff) url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-700-normal.woff?v=16683434286881)
format("woff"); format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
@ -737,6 +742,23 @@ body {
background-color: #909098; background-color: #909098;
} }
:root {
--default-cursor: url('/static/cursor.ico') 2 0, default;
--pointer-cursor: url('/static/cursor-pointer.ico') 14 0, pointer;
}
body {cursor: var(--default-cursor)}
a,
btn,
button,
input,
select,
button,
summary,
span > a,
li > a {cursor: var(--pointer-cursor) !important;}
p { p {
color: #fff; color: #fff;
} }
@ -1179,7 +1201,7 @@ nav .middle .search-bar {
nav .middle button { nav .middle button {
display: flex; display: flex;
transform: translate(22em, -1.25em); transform: translate(22em, -1.25em);
background: #454545; background: none !important;
color: #999; color: #999;
padding: 10px 10px; padding: 10px 10px;
border: 1px; border: 1px;
@ -1240,15 +1262,6 @@ nav .right img {
border-radius: 50%; border-radius: 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=1668343428681");
font-style: normal;
font-stretch: 1% 800%;
font-weight: 1 1000;
font-display: swap;
}
.video > .thumbnail > .video-length { .video > .thumbnail > .video-length {
font-size: smaller; font-size: smaller;
background-color: #0008; background-color: #0008;
@ -1269,12 +1282,12 @@ nav .right img {
} }
nav .middle .search-bar { nav .middle .search-bar {
border-radius: 2em !important; border-radius: 8px !important;
font-family: "poketube flex", sans-serif !important; font-family: "poketube flex", sans-serif !important;
font-weight: 850 !important; font-weight: 850 !important;
font-stretch: extra-expanded !important; font-stretch: extra-expanded !important;
} }
form > .btn.btn-success:hover { form > .btn.btn-success:hover {
cursor: pointer; cursor: var(--pointer-cursor);
} }

BIN
css/bg-480.webm Normal file
View File

Binary file not shown.

26
css/chatgptlogo.svg Normal file
View File

@ -0,0 +1,26 @@
<svg
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<style>
@media (prefers-color-scheme: dark) {
.favicon-stroke {
fill: #fff;
}
.favicon-bg {
fill: #0d0d0d;
}
}
</style>
<rect class="favicon-bg" width="16" height="16" rx="4" fill="white" />
<g>
<path
class="favicon-stroke"
d="M12.9851 6.93777C13.1163 6.54364 13.1618 6.12607 13.1186 5.71295C13.0754 5.29983 12.9444 4.90072 12.7344 4.54231C12.4232 4.00021 11.9478 3.57101 11.3768 3.31664C10.8058 3.06227 10.1687 2.99589 9.55751 3.12706C9.28184 2.81639 8.943 2.56818 8.56362 2.39905C8.18425 2.22993 7.77314 2.14379 7.3578 2.1464C6.73292 2.1449 6.1237 2.34187 5.61797 2.70892C5.11225 3.07598 4.73616 3.59415 4.54391 4.18873C4.13684 4.27206 3.75225 4.44139 3.41591 4.68539C3.07957 4.92938 2.79924 5.24241 2.59368 5.60352C2.27994 6.14413 2.14602 6.77039 2.21123 7.39205C2.27644 8.01367 2.5374 8.59851 2.95649 9.06224C2.82527 9.45637 2.77975 9.87394 2.82297 10.2871C2.8662 10.7002 2.99718 11.0993 3.20713 11.4577C3.51841 11.9998 3.99385 12.4289 4.56484 12.6833C5.13584 12.9377 5.77289 13.0041 6.38407 12.8729C6.65975 13.1836 6.99862 13.4318 7.37796 13.601C7.75734 13.7701 8.16844 13.8562 8.58379 13.8536C9.20899 13.8552 9.81853 13.6582 10.3244 13.2909C10.8304 12.9236 11.2065 12.4051 11.3986 11.8101C11.8057 11.7268 12.1903 11.5575 12.5266 11.3135C12.8629 11.0695 13.1433 10.7564 13.3488 10.3953C13.6622 9.85477 13.7958 9.22866 13.7304 8.60726C13.6651 7.98587 13.4041 7.40129 12.9851 6.93777ZM8.58472 13.0883C8.0715 13.089 7.57441 12.9093 7.18031 12.5805C7.19808 12.5708 7.22925 12.5537 7.24956 12.5413L9.58061 11.1948C9.63911 11.1615 9.6877 11.1133 9.72136 11.055C9.75505 10.9967 9.77258 10.9305 9.77217 10.8632V7.57684L10.7575 8.14576C10.7626 8.14834 10.7671 8.15214 10.7704 8.15685C10.7738 8.16157 10.7759 8.16704 10.7766 8.17275V10.8943C10.7759 11.4756 10.5448 12.0329 10.1339 12.4441C9.72308 12.8554 9.16599 13.087 8.58472 13.0883ZM3.87091 11.075C3.61385 10.6309 3.5212 10.1105 3.60918 9.60485C3.62649 9.61524 3.65673 9.6337 3.67842 9.64617L6.00947 10.9926C6.06756 11.0266 6.13365 11.0445 6.20094 11.0445C6.2682 11.0445 6.33428 11.0266 6.39238 10.9926L9.23834 9.34936V10.4872C9.23867 10.493 9.23755 10.4988 9.23509 10.5041C9.23264 10.5094 9.22892 10.5139 9.22427 10.5174L6.86782 11.878C6.36379 12.1683 5.76516 12.2467 5.20333 12.0962C4.64148 11.9457 4.1623 11.5784 3.87091 11.075ZM3.25768 5.98617C3.51363 5.54141 3.91789 5.2009 4.39966 5.02421C4.39966 5.04429 4.39851 5.07985 4.39851 5.10452V7.79747C4.3981 7.86473 4.41561 7.93087 4.44924 7.98915C4.48287 8.04739 4.5314 8.09563 4.58984 8.1289L7.4358 9.77197L6.45054 10.3409C6.44568 10.3441 6.44009 10.346 6.43429 10.3465C6.4285 10.3471 6.42265 10.3462 6.41729 10.3439L4.06062 8.98216C3.55747 8.69077 3.19039 8.21176 3.03987 7.65013C2.88935 7.08853 2.96768 6.49014 3.25768 5.98617ZM11.3527 7.86994L8.50669 6.22667L9.49198 5.65799C9.49684 5.6548 9.50243 5.65283 9.50823 5.65231C9.51402 5.65178 9.51985 5.65272 9.5252 5.655L11.8819 7.01554C12.2429 7.2241 12.5371 7.53119 12.7299 7.90087C12.9228 8.27056 13.0063 8.68752 12.9707 9.10295C12.9351 9.51839 12.7819 9.91509 12.5291 10.2466C12.2762 10.5781 11.9341 10.8307 11.5428 10.9749C11.5428 10.9546 11.5428 10.919 11.5428 10.8943V8.20137C11.5434 8.13423 11.5261 8.06814 11.4926 8.0099C11.4592 7.95165 11.4109 7.90336 11.3527 7.86994ZM12.3333 6.394C12.316 6.38337 12.2858 6.36514 12.2641 6.3527L9.93303 5.00621C9.87493 4.97232 9.80887 4.95444 9.74158 4.95444C9.67432 4.95444 9.60824 4.97232 9.55014 5.00621L6.70418 6.64951V5.51167C6.70386 5.50585 6.70497 5.50005 6.70743 5.49479C6.70988 5.48952 6.7136 5.48492 6.71826 5.48144L9.0747 4.12203C9.4357 3.91387 9.84853 3.81281 10.2649 3.83068C10.6812 3.84856 11.0838 3.98462 11.4257 4.22296C11.7675 4.46129 12.0344 4.79204 12.1951 5.17652C12.3559 5.56099 12.4038 5.98327 12.3333 6.394ZM6.16851 8.42203L5.18299 7.85311C5.17784 7.85053 5.17336 7.84673 5.17002 7.84202C5.16668 7.8373 5.16455 7.83183 5.16385 7.82609V5.10452C5.16411 4.6877 5.28311 4.27956 5.5069 3.9279C5.73071 3.57623 6.05006 3.29559 6.42756 3.11883C6.80507 2.94206 7.22509 2.87649 7.63851 2.92977C8.05195 2.98306 8.44163 3.153 8.76197 3.41971C8.74421 3.42941 8.71327 3.44649 8.69272 3.45895L6.36168 4.80542C6.30317 4.83867 6.25462 4.8869 6.22093 4.94516C6.18727 5.0034 6.16974 5.06958 6.17012 5.13683L6.16851 8.42203ZM6.70371 7.26803L7.97126 6.53595L9.23878 7.26757V8.73127L7.97126 9.46292L6.70371 8.73127V7.26803Z"
fill="#0D0D0D"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
css/cursor-pointer.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
css/cursor.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

72
css/custom-css.js
View File

@ -17,6 +17,78 @@ if (style.styleSheet){
} }
var script_tag = document.createElement('script'); var script_tag = document.createElement('script');
script_tag.type = 'text/javascript'; script_tag.type = 'text/javascript';
script_tag.text = localStorage.getItem("poke-custom-script"); script_tag.text = localStorage.getItem("poke-custom-script");
document.head.appendChild(script_tag); document.head.appendChild(script_tag);
/* rebranding */
function replaceRecursively(element, from, to) {
if (element.tagName !== 'STYLE') { // Ignore elements with the tag name "style"
if (element.childNodes.length) {
element.childNodes.forEach(child => replaceRecursively(child, from, to));
} else {
const cont = element.textContent;
if (cont) element.textContent = cont.replace(from, to);
} }
};
document.title = document.title.replace("PokeTube", "Poke")
function replaceText(match) {
// Check if the first letter of the matched text is uppercase
if (match.charAt(0) === match.charAt(0).toUpperCase()) {
// If uppercase, check if the entire text is "Poketube.fun"
if (match.toLowerCase() === "poketube.fun") {
return "Poketube.fun"; // Keep the original case
} else {
return "Poke" // Replace with "Poke" + rest of the string
}
} else {
// If not uppercase, check if the entire text is "poketube.fun"
if (match.toLowerCase() === "poketube.fun") {
return "poketube.fun"; // Keep the original case
} else {
return "poke"; // Replace with "poke"
}
}
}
replaceRecursively(document.body, new RegExp("poketube", "gi"), replaceText);
function replaceTitle() {
if (window.location.pathname === "/watch") {
document.title = document.title.replace(/Poke/g, " Watch");
}
}
// Call the function when the page loads
replaceTitle();
/*
* This script adds the Plausible analytics telemetry code to the page for the
* domain poketube.fun.
*/
var config = {}
config.plausible_enabled = false
if (window.location.hostname === "poketube.fun" && config.plausible_enabled == true) {
const plausble_main = "https://telemetry.poketube.fun/js/p.js";
const script = document.createElement("script");
const isTrackingEnabled = localStorage.getItem("plausible-enabled") !== "false";
if (isTrackingEnabled) {
script.defer = true;
script.src = plausble_main;
script.dataset.domain = "poketube.fun";
document.head.appendChild(script);
}
}
// @license-end

95
css/data-mobile.js Normal file
View File

@ -0,0 +1,95 @@
/*
CryptoJS v3.1.2
code.google.com/p/crypto-js
(c) 2009-2013 by Jeff Mott. All rights reserved.
code.google.com/p/crypto-js/wiki/License
*/
var CryptoJS=CryptoJS||function(h,s){var f={},t=f.lib={},g=function(){},j=t.Base={extend:function(a){g.prototype=this;var c=new g;a&&c.mixIn(a);c.hasOwnProperty("init")||(c.init=function(){c.$super.init.apply(this,arguments)});c.init.prototype=c;c.$super=this;return c},create:function(){var a=this.extend();a.init.apply(a,arguments);return a},init:function(){},mixIn:function(a){for(var c in a)a.hasOwnProperty(c)&&(this[c]=a[c]);a.hasOwnProperty("toString")&&(this.toString=a.toString)},clone:function(){return this.init.prototype.extend(this)}},
q=t.WordArray=j.extend({init:function(a,c){a=this.words=a||[];this.sigBytes=c!=s?c:4*a.length},toString:function(a){return(a||u).stringify(this)},concat:function(a){var c=this.words,d=a.words,b=this.sigBytes;a=a.sigBytes;this.clamp();if(b%4)for(var e=0;e<a;e++)c[b+e>>>2]|=(d[e>>>2]>>>24-8*(e%4)&255)<<24-8*((b+e)%4);else if(65535<d.length)for(e=0;e<a;e+=4)c[b+e>>>2]=d[e>>>2];else c.push.apply(c,d);this.sigBytes+=a;return this},clamp:function(){var a=this.words,c=this.sigBytes;a[c>>>2]&=4294967295<<
32-8*(c%4);a.length=h.ceil(c/4)},clone:function(){var a=j.clone.call(this);a.words=this.words.slice(0);return a},random:function(a){for(var c=[],d=0;d<a;d+=4)c.push(4294967296*h.random()|0);return new q.init(c,a)}}),v=f.enc={},u=v.Hex={stringify:function(a){var c=a.words;a=a.sigBytes;for(var d=[],b=0;b<a;b++){var e=c[b>>>2]>>>24-8*(b%4)&255;d.push((e>>>4).toString(16));d.push((e&15).toString(16))}return d.join("")},parse:function(a){for(var c=a.length,d=[],b=0;b<c;b+=2)d[b>>>3]|=parseInt(a.substr(b,
2),16)<<24-4*(b%8);return new q.init(d,c/2)}},k=v.Latin1={stringify:function(a){var c=a.words;a=a.sigBytes;for(var d=[],b=0;b<a;b++)d.push(String.fromCharCode(c[b>>>2]>>>24-8*(b%4)&255));return d.join("")},parse:function(a){for(var c=a.length,d=[],b=0;b<c;b++)d[b>>>2]|=(a.charCodeAt(b)&255)<<24-8*(b%4);return new q.init(d,c)}},l=v.Utf8={stringify:function(a){try{return decodeURIComponent(escape(k.stringify(a)))}catch(c){throw Error("Malformed UTF-8 data");}},parse:function(a){return k.parse(unescape(encodeURIComponent(a)))}},
x=t.BufferedBlockAlgorithm=j.extend({reset:function(){this._data=new q.init;this._nDataBytes=0},_append:function(a){"string"==typeof a&&(a=l.parse(a));this._data.concat(a);this._nDataBytes+=a.sigBytes},_process:function(a){var c=this._data,d=c.words,b=c.sigBytes,e=this.blockSize,f=b/(4*e),f=a?h.ceil(f):h.max((f|0)-this._minBufferSize,0);a=f*e;b=h.min(4*a,b);if(a){for(var m=0;m<a;m+=e)this._doProcessBlock(d,m);m=d.splice(0,a);c.sigBytes-=b}return new q.init(m,b)},clone:function(){var a=j.clone.call(this);
a._data=this._data.clone();return a},_minBufferSize:0});t.Hasher=x.extend({cfg:j.extend(),init:function(a){this.cfg=this.cfg.extend(a);this.reset()},reset:function(){x.reset.call(this);this._doReset()},update:function(a){this._append(a);this._process();return this},finalize:function(a){a&&this._append(a);return this._doFinalize()},blockSize:16,_createHelper:function(a){return function(c,d){return(new a.init(d)).finalize(c)}},_createHmacHelper:function(a){return function(c,d){return(new w.HMAC.init(a,
d)).finalize(c)}}});var w=f.algo={};return f}(Math);
(function(h){for(var s=CryptoJS,f=s.lib,t=f.WordArray,g=f.Hasher,f=s.algo,j=[],q=[],v=function(a){return 4294967296*(a-(a|0))|0},u=2,k=0;64>k;){var l;a:{l=u;for(var x=h.sqrt(l),w=2;w<=x;w++)if(!(l%w)){l=!1;break a}l=!0}l&&(8>k&&(j[k]=v(h.pow(u,0.5))),q[k]=v(h.pow(u,1/3)),k++);u++}var a=[],f=f.SHA256=g.extend({_doReset:function(){this._hash=new t.init(j.slice(0))},_doProcessBlock:function(c,d){for(var b=this._hash.words,e=b[0],f=b[1],m=b[2],h=b[3],p=b[4],j=b[5],k=b[6],l=b[7],n=0;64>n;n++){if(16>n)a[n]=
c[d+n]|0;else{var r=a[n-15],g=a[n-2];a[n]=((r<<25|r>>>7)^(r<<14|r>>>18)^r>>>3)+a[n-7]+((g<<15|g>>>17)^(g<<13|g>>>19)^g>>>10)+a[n-16]}r=l+((p<<26|p>>>6)^(p<<21|p>>>11)^(p<<7|p>>>25))+(p&j^~p&k)+q[n]+a[n];g=((e<<30|e>>>2)^(e<<19|e>>>13)^(e<<10|e>>>22))+(e&f^e&m^f&m);l=k;k=j;j=p;p=h+r|0;h=m;m=f;f=e;e=r+g|0}b[0]=b[0]+e|0;b[1]=b[1]+f|0;b[2]=b[2]+m|0;b[3]=b[3]+h|0;b[4]=b[4]+p|0;b[5]=b[5]+j|0;b[6]=b[6]+k|0;b[7]=b[7]+l|0},_doFinalize:function(){var a=this._data,d=a.words,b=8*this._nDataBytes,e=8*a.sigBytes;
d[e>>>5]|=128<<24-e%32;d[(e+64>>>9<<4)+14]=h.floor(b/4294967296);d[(e+64>>>9<<4)+15]=b;a.sigBytes=4*d.length;this._process();return this._hash},clone:function(){var a=g.clone.call(this);a._hash=this._hash.clone();return a}});s.SHA256=g._createHelper(f);s.HmacSHA256=g._createHmacHelper(f)})(Math);
function anondocumenttitle(message, times) {
var hash = CryptoJS.SHA256(message);
return hash.toString(CryptoJS.enc.Hex);
}
if(navigator.globalPrivacyControl) {
var gpcValue = navigator?.globalPrivacyControl
} else {
var gpcValue = false
}
if (location.hostname === "poketube.fun") {
if (typeof Ashley === "undefined") {
var Ashley = {};
}
Ashley.dntEnabled = function (dnt, ua) {
"use strict";
var dntStatus =
dnt ||
navigator.doNotTrack ||
window.doNotTrack ||
navigator.msDoNotTrack;
var userAgent = ua || navigator.userAgent;
var anomalousWinVersions = [
"Windows NT 6.1",
"Windows NT 6.2",
"Windows NT 6.3",
];
var fxMatch = userAgent.match(/Firefox\/(\d+)/);
var ieRegEx = /MSIE|Trident/i;
var isIE = ieRegEx.test(userAgent);
var platform = userAgent.match(/Windows.+?(?=;)/g);
if (isIE && typeof Array.prototype.indexOf !== "function") {
return false;
} else if (fxMatch && parseInt(fxMatch[1], 10) < 32) {
dntStatus = "Unspecified";
} else if (
isIE &&
platform &&
anomalousWinVersions.indexOf(platform.toString()) !== -1
) {
dntStatus = "Unspecified";
} else {
dntStatus = { 0: "Disabled", 1: "Enabled" }[dntStatus] || "Unspecified";
}
return dntStatus === "Enabled" ? true : false;
};
// only load if DNT is not enabled
if(!gpcValue) {
if (Ashley && !Ashley.dntEnabled()) {
var _paq = (window._paq = window._paq || []);
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push([
"setDocumentTitle",
anondocumenttitle(document.domain, 5) +
"/" +
anondocumenttitle(document.title, 5),
]);
_paq.push(["setDoNotTrack", true]);
_paq.push(["disableCookies"]);
_paq.push(["trackPageView"]);
_paq.push(["enableLinkTracking"]);
(function () {
var u = "//data.poketube.fun/";
_paq.push(["setTrackerUrl", u + "matomo.php"]);
_paq.push(["setSiteId", "2"]);
var d = document,
g = d.createElement("script"),
s = d.getElementsByTagName("script")[0];
g.async = true;
g.src = u + "matomo.js";
s.parentNode.insertBefore(g, s);
})();
}
}
}

569
css/emojis.js Normal file
View File

File diff suppressed because one or more lines are too long

BIN
css/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 KiB

904
css/landing.css Normal file
View File

@ -0,0 +1,904 @@
/* cyrillic */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-300-italic.woff2?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-300-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: swap;
}
/* cyrillic-ext */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-display: swap;
font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-300-italic.woff2?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-300-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* greek */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-300-italic.woff2?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-300-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0370-03FF;
font-display: swap;
}
/* greek-ext */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-display: swap;
font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-300-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-300-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+1F00-1FFF;
}
/* latin */
@font-face {
font-family: "Ubuntu";
font-display: swap;
font-style: italic;
font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-300-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-300-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-300-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-300-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
font-display: swap;
}
/* cyrillic */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-400-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-400-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: swap;
}
/* cyrillic-ext */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-display: swap;
font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-400-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-400-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* greek */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-400-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-400-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0370-03FF;
}
/* greek-ext */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-display: swap;
font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-400-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-400-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+1F00-1FFF;
}
/* latin */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-400-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-400-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-400-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-400-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* cyrillic */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 500;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-500-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-500-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: swap;
}
/* cyrillic-ext */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 500;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-500-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-500-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
font-display: swap;
}
/* greek */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 500;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-500-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-500-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0370-03FF;
font-display: swap;
}
/* greek-ext */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-500-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-500-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+1F00-1FFF;
}
/* latin */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-500-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-500-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-500-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-500-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* cyrillic */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-display: swap;
font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-700-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-700-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic-ext */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-700-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-700-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
font-display: swap;
}
/* greek */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-700-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-700-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0370-03FF;
font-display: swap;
}
/* greek-ext */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-700-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-700-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+1F00-1FFF;
font-display: swap;
}
/* latin */
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-700-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-700-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: "Ubuntu";
font-display: swap;
font-style: italic;
font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-700-italic.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-700-italic.woff?v=16683434286881)
format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* cyrillic */
@font-face {
font-family: "Ubuntu";
font-display: swap;
font-style: normal;
font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-300-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-300-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic-ext */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-300-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-300-normal.woff?v=16683434286881)
format("woff");
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* greek */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-display: swap;
font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-300-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-300-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0370-03FF;
}
/* greek-ext */
@font-face {
font-family: "Ubuntu";
font-display: swap;
font-style: normal;
font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-300-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-300-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+1F00-1FFF;
}
/* latin */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-300-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-300-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-display: swap;
font-weight: 300;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-300-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-300-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* cyrillic */
@font-face {
font-display: swap;
font-family: "Ubuntu";
font-style: normal;
font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-400-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-400-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic-ext */
@font-face {
font-display: swap;
font-family: "Ubuntu";
font-style: normal;
font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-400-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-400-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* greek */
@font-face {
font-display: swap;
font-family: "Ubuntu";
font-style: normal;
font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-400-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-400-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0370-03FF;
}
/* greek-ext */
@font-face {
font-display: swap;
font-family: "Ubuntu";
font-style: normal;
font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-400-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-400-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+1F00-1FFF;
}
/* latin */
@font-face {
font-display: swap;
font-family: "Ubuntu";
font-style: normal;
font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-400-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-400-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-display: swap;
font-family: "Ubuntu";
font-style: normal;
font-weight: 400;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-400-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-400-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* cyrillic */
@font-face {
font-family: "Ubuntu";
font-display: swap;
font-style: normal;
font-weight: 500;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-500-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-500-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic-ext */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-500-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-500-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* greek */
@font-face {
font-family: "Ubuntu";
font-display: swap;
font-style: normal;
font-weight: 500;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-500-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-500-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0370-03FF;
}
/* greek-ext */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-500-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-500-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+1F00-1FFF;
}
/* latin */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-500-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-500-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-500-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-500-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* cyrillic */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-display: swap;
font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-700-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-700-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic-ext */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-700-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-cyrillic-ext-700-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* greek */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-display: swap;
font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-700-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-700-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0370-03FF;
}
/* greek-ext */
@font-face {
font-display: swap;
font-family: "Ubuntu";
font-style: normal;
font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-700-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-greek-ext-700-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+1F00-1FFF;
}
/* latin */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-700-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-700-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 700;
src: url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-700-normal.woff?v=166834342868812)
format("woff2"),
url(https://p.poketube.fun/https://fonts.bunny.net/ubuntu/files/ubuntu-latin-ext-700-normal.woff?v=16683434286881)
format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
font-display: swap;
}
:root {
--default-cursor: url('/static/cursor.ico') 2 0, default;
--pointer-cursor: url('/static/cursor-pointer.ico') 14 0, pointer;
}
html {
min-height: 100%;
}
body {
background-color: #250717;
color: #fff;
font-family: ubuntu, sans-serif;
margin: auto;
max-width: 1920px;
font-size: 16px;
display: flex;
min-height: 100vh;
flex-direction: column;
justify-content: flex-start;
}
body {cursor: var(--default-cursor)}
a,
btn,
button,
input,
select,
button,
summary,
span > a,
li > a {cursor: var(--pointer-cursor)}
.btn {cursor: var(--pointer-cursor) !important}
@font-face {
src: url("https://p.poketube.fun/https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/robotoflex.ttf?v=16683434286881");
font-family: "PokeTube Flex";
font-style: normal;
font-stretch: 1% 800%;
font-display: swap;
}
@media only screen and (max-width: 1328px) {
body {
padding: 0 48px !important;
}
}
@media only screen and (max-width: 1980px) {
body {
max-width: calc(100% - 48px);
}
}
@media only screen and (max-width: 700px) {
body {
padding: 0 !important;
}
blockquote {
margin: 0 !important;
border-radius: 0 !important;
}
.header-content {
padding: 0 24px;
}
}
@media only screen and (max-width: 560px) {
.header-content-start img {
width: 24px;
object-fit: cover;
height: 24px;
object-position: left;
}
#fname {
width: calc(100% - 100px);
}
}
.landing {
margin: auto;
position: relative;
margin-top: 240px;
max-width: 1200px;
}
.landing h1 {
font-size: xxx-large;
font-family: "PokeTube flex";
font-stretch: ultra-expanded;
font-weight: 1000;
}
.landing img {
margin-top: 48px;
height: 503px;
object-fit: cover;
object-position: top;
mask-image: linear-gradient(#5315ff,#0000);
border-top-left-radius: 1em;
border-top-right-radius: 1em;
pointer-events: none;
-webkit-mask-image: linear-gradient(#5315ff,#0000);
}
.landing-actions a {
background: #fff;
color: #000;
text-decoration: none;
border-radius: 50px;
padding: 12px 24px;
}
.features {
display: flex;
}
.features p {
border-radius: 48px;
padding: 16px 32px;
border: 2px #612153 solid;
background: #61215359;
margin: 12px 6px;
}
.features p i {
font-size: 18px;
background: #612153;
padding: 10px;
border-radius: 24px;
margin: -10px 10px -10px -24px;
}
img[src="/static/poke-chan-outfit-a.png"] {
height: 400px;
width: 369px;
mask-image: none;
z-index: 5;
transform: scaleX(1);
float: right;
display: flex;
position: absolute;
right: 10px;
margin: -237px -60px 0px 0px;
}
.new-feature-set {
display: grid;
margin: 54px 0px 24px 0px;
max-width: 1200px;
grid-template-columns: repeat(auto-fit,minmax(350px,1fr));
text-align: left;
}
.feature-set {
padding: 32px;
}
.feature-set p {
text-align: left;
}
.feature-set svg {
width: 32px;
height: 32px;
border-radius: 5rem;
padding: 6px;
}
.feature-set-title {
display: flex;
align-items: center;
gap: 12px;
justify-content: left;
}
.feature-set-title h2 {
font-family: "PokeTube flex";
font-stretch: ultra-expanded;
font-weight: 1000;
margin: 0px;
}
@media only screen and (max-width: 1420px) {
.landing {
width: calc(100% - 24px);
}
}
@media only screen and (max-width: 740px) {
.landing img {
height: 500px;
}
.features {
flex-direction: column;
text-align: left;
width: max-content;
margin: auto;
}
}
video {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
opacity: 0.27;
pointer-events: none;
}
@media screen and (max-width: 1919px) {
#HD-BG {
display: none;
}
}
@media screen and (min-width: 1920px) {
#SD-BG {
display: none;
}
}
.adaptive-grid {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(350px,1fr));
max-width: 1200px;
margin: auto;
grid-gap: 12px;
}

157
css/logo-dark.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 12 KiB

74
css/logo-poke.svg Normal file
View File

@ -0,0 +1,74 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="424.99179"
height="112.56479"
viewBox="0 0 424.99179 112.56479"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="drawing-1.svg"
xml:space="preserve"
inkscape:export-filename="draw2ing.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="px"
showgrid="false"
inkscape:zoom="0.6147115"
inkscape:cx="774.347"
inkscape:cy="251.33742"
inkscape:window-width="1920"
inkscape:window-height="1008"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" /><defs
id="defs2" /><g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-387.38205,-335.77142)"><g
id="g1157-3-2"
transform="translate(70.029334,142.05383)"
inkscape:export-filename="./g1157-3-2.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"><path
d="m 456.27173,300.46899 14.34564,-101.9487 h 35.09949 q 8.22871,0 14.34563,4.07795 6.11693,4.07795 9.10257,10.99589 2.98564,6.91795 1.74769,15.29231 -1.16513,8.52 -6.18974,15.43795 -5.02462,6.84512 -12.30667,10.92307 -7.20923,4.07795 -15.21948,4.07795 h -19.95282 l -5.82564,41.14358 z m 23.0841,-56.29024 h 18.42359 q 4.29641,0 8.22872,-2.18462 3.9323,-2.18462 6.55384,-5.82564 2.69436,-3.64103 3.34975,-8.22872 0.65538,-4.58769 -1.01949,-8.22871 -1.60205,-3.71385 -4.9518,-5.82564 -3.27692,-2.18462 -7.57333,-2.18462 h -18.42358 z"
style="font-size:145.641px;font-family:Urbanist;-inkscape-font-specification:'Urbanist, @ital=1.00,wght=600';font-variation-settings:'ital' 1, 'wght' 600;fill:#ffffff;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
id="path4685"
transform="scale(0.98720112,1.0129648)" /><path
d="m 560.98952,302.36233 q -10.04923,0 -17.62256,-5.17026 -7.50051,-5.17025 -11.21436,-13.83589 -3.64103,-8.73846 -2.18462,-19.29744 1.09231,-8.01025 4.87898,-14.9282 3.85949,-6.99077 9.6123,-12.23385 5.75282,-5.31589 12.74359,-8.30153 7.06359,-2.98564 14.5641,-2.98564 10.04923,0 17.54974,5.17025 7.57334,5.17026 11.28718,13.90872 3.71385,8.73846 2.18462,19.37025 -1.09231,7.93744 -4.9518,14.85539 -3.78666,6.91794 -9.53948,12.23384 -5.75282,5.24308 -12.74359,8.22872 -6.99077,2.98564 -14.5641,2.98564 z m 2.11179,-15.14667 q 6.04411,0 11.28718,-3.2041 5.24308,-3.2041 8.81128,-8.44718 3.64103,-5.31589 4.44205,-11.50564 0.87385,-6.33538 -1.23795,-11.65128 -2.11179,-5.31589 -6.48102,-8.44718 -4.36923,-3.2041 -10.26769,-3.2041 -5.97128,0 -11.28718,3.2041 -5.24308,3.20411 -8.81128,8.52 -3.5682,5.3159 -4.44205,11.57846 -0.87385,6.48103 1.23795,11.7241 2.18461,5.24308 6.55384,8.37436 4.36923,3.05846 10.19487,3.05846 z"
style="font-size:145.641px;font-family:Urbanist;-inkscape-font-specification:'Urbanist, @ital=1.00,wght=600';font-variation-settings:'ital' 1, 'wght' 600;fill:#ffffff;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
id="path4687"
transform="scale(0.98720112,1.0129648)" /><path
d="m 670.72839,300.46899 h -17.47692 l -13.54461,-30.87589 -13.69026,13.98154 -2.40307,16.89435 h -15.14667 l 15.36513,-109.23075 h 15.14666 l -9.68512,68.81537 31.67692,-32.40512 h 19.80717 l -28.98256,29.63795 z"
style="font-size:145.641px;font-family:Urbanist;-inkscape-font-specification:'Urbanist, @ital=1.00,wght=600';font-variation-settings:'ital' 1, 'wght' 600;fill:#ffffff;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
id="path4689"
transform="scale(0.98720112,1.0129648)" /><path
d="m 710.01342,302.36233 q -10.04923,0 -17.62256,-5.17026 -7.50051,-5.17025 -11.21436,-13.83589 -3.64102,-8.73846 -2.18461,-19.29744 1.09231,-8.01025 4.87897,-14.9282 3.85949,-6.99077 9.61231,-12.23385 5.75282,-5.31589 12.74359,-8.30153 7.06358,-2.98564 14.5641,-2.98564 8.37435,0 14.85538,3.49538 6.48102,3.42256 10.55897,9.53949 4.15077,6.0441 5.3159,13.98153 1.23795,7.86462 -0.94667,16.74872 h -56.07179 q 0.14565,5.02461 2.33026,9.10256 2.18462,4.00513 6.0441,6.33539 3.93231,2.33025 9.24821,2.40307 5.53435,0 10.48615,-2.76718 4.95179,-2.76718 8.52,-7.64615 l 14.85538,3.56821 q -5.75282,9.68512 -15.43795,15.87486 -9.6123,6.11693 -20.53538,6.11693 z m -14.41846,-44.56615 h 41.36205 q 0,-5.24308 -2.33026,-9.46667 -2.33025,-4.29641 -6.4082,-6.7723 -4.07795,-2.54872 -9.32103,-2.54872 -5.17025,0 -9.90358,2.4759 -4.73334,2.47589 -8.22872,6.7723 -3.49539,4.22359 -5.17026,9.53949 z"
style="font-size:145.641px;font-family:Urbanist;-inkscape-font-specification:'Urbanist, @ital=1.00,wght=600';font-variation-settings:'ital' 1, 'wght' 600;fill:#ffffff;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
id="path4691"
transform="scale(0.98720112,1.0129648)" /><path
fill-rule="evenodd"
clip-rule="evenodd"
d="m 39.782,41.7207 c -19.9967,22.5928 -19.0962,79.3023 -0.977,79.3023 12.5877,0 14.4521,-0.235 18.6508,-0.765 1.8451,-0.233 4.1409,-0.523 7.9954,-0.874 11.8103,-1.078 8.7256,-9.687 5.4833,-18.735 -2.1148,-5.9018 -4.2966,-11.9907 -2.4568,-16.2997 1.799,-4.2134 11.2308,-3.267 21.6295,-2.2235 9.5054,0.9538 19.8188,1.9886 25.8488,-0.7624 12.626,-5.7606 11.478,-35.0342 0,-45.4033 C 104.477,25.591 56.0977,23.2867 39.782,41.7207 Z m 43.8584,26.4989 c 4.6659,0 11.377,-1.8662 11.9479,-8.398 0.0288,-0.3298 0.0587,-0.6612 0.0886,-0.9937 0.6497,-7.211 1.3445,-14.924 -7.4412,-17.6686 -11.9479,-3.7324 -17.4623,11.15 -17.4623,18.6623 0,6.5318 8.201,8.398 12.867,8.398 z"
fill="url(#paint0_linear_9_6)"
id="path1134-9-9"
style="fill:#ffffff;fill-opacity:1;stroke-width:0.758265"
transform="matrix(1.14839,0,0,1.14839,288.64294,165.19861)"
inkscape:export-filename="./path1134-90-9.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" /></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

91
css/logo-search.svg Normal file
View File

@ -0,0 +1,91 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="848.76172"
height="112.5648"
viewBox="0 0 848.76172 112.5648"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="drawing-1.svg"
xml:space="preserve"
inkscape:export-filename="draw2ing.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="px"
showgrid="false"
inkscape:zoom="0.6147115"
inkscape:cx="774.347"
inkscape:cy="251.33742"
inkscape:window-width="1920"
inkscape:window-height="1008"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" /><defs
id="defs2" /><g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-383.8923,-193.71761)"><g
id="g1157-3"
transform="translate(66.5396)"
inkscape:export-filename="./g1157-3.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"><g
aria-label="Pokesearch"
transform="scale(0.98720112,1.0129648)"
id="text976-0"
style="font-size:145.641px;font-family:Manrope;-inkscape-font-specification:'Manrope, @wght=800';font-variation-settings:'wght' 800;fill:#ffffff;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"><path
d="m 456.27173,300.46899 14.34564,-101.9487 h 35.09949 q 8.22871,0 14.34563,4.07795 6.11693,4.07795 9.10257,10.99589 2.98564,6.91795 1.74769,15.29231 -1.16513,8.52 -6.18974,15.43795 -5.02462,6.84512 -12.30667,10.92307 -7.20923,4.07795 -15.21948,4.07795 h -19.95282 l -5.82564,41.14358 z m 23.0841,-56.29024 h 18.42359 q 4.29641,0 8.22872,-2.18462 3.9323,-2.18462 6.55384,-5.82564 2.69436,-3.64103 3.34975,-8.22872 0.65538,-4.58769 -1.01949,-8.22871 -1.60205,-3.71385 -4.9518,-5.82564 -3.27692,-2.18462 -7.57333,-2.18462 h -18.42358 z"
style="font-family:Urbanist;-inkscape-font-specification:'Urbanist, @ital=1.00,wght=600';font-variation-settings:'ital' 1, 'wght' 600"
id="path4664" /><path
d="m 560.98952,302.36233 q -10.04923,0 -17.62256,-5.17026 -7.50051,-5.17025 -11.21436,-13.83589 -3.64103,-8.73846 -2.18462,-19.29744 1.09231,-8.01025 4.87898,-14.9282 3.85949,-6.99077 9.6123,-12.23385 5.75282,-5.31589 12.74359,-8.30153 7.06359,-2.98564 14.5641,-2.98564 10.04923,0 17.54974,5.17025 7.57334,5.17026 11.28718,13.90872 3.71385,8.73846 2.18462,19.37025 -1.09231,7.93744 -4.9518,14.85539 -3.78666,6.91794 -9.53948,12.23384 -5.75282,5.24308 -12.74359,8.22872 -6.99077,2.98564 -14.5641,2.98564 z m 2.11179,-15.14667 q 6.04411,0 11.28718,-3.2041 5.24308,-3.2041 8.81128,-8.44718 3.64103,-5.31589 4.44205,-11.50564 0.87385,-6.33538 -1.23795,-11.65128 -2.11179,-5.31589 -6.48102,-8.44718 -4.36923,-3.2041 -10.26769,-3.2041 -5.97128,0 -11.28718,3.2041 -5.24308,3.20411 -8.81128,8.52 -3.5682,5.3159 -4.44205,11.57846 -0.87385,6.48103 1.23795,11.7241 2.18461,5.24308 6.55384,8.37436 4.36923,3.05846 10.19487,3.05846 z"
style="font-family:Urbanist;-inkscape-font-specification:'Urbanist, @ital=1.00,wght=600';font-variation-settings:'ital' 1, 'wght' 600"
id="path4666" /><path
d="m 670.72839,300.46899 h -17.47692 l -13.54461,-30.87589 -13.69026,13.98154 -2.40307,16.89435 h -15.14667 l 15.36513,-109.23075 h 15.14666 l -9.68512,68.81537 31.67692,-32.40512 h 19.80717 l -28.98256,29.63795 z"
style="font-family:Urbanist;-inkscape-font-specification:'Urbanist, @ital=1.00,wght=600';font-variation-settings:'ital' 1, 'wght' 600"
id="path4668" /><path
d="m 710.01342,302.36233 q -10.04923,0 -17.62256,-5.17026 -7.50051,-5.17025 -11.21436,-13.83589 -3.64102,-8.73846 -2.18461,-19.29744 1.09231,-8.01025 4.87897,-14.9282 3.85949,-6.99077 9.61231,-12.23385 5.75282,-5.31589 12.74359,-8.30153 7.06358,-2.98564 14.5641,-2.98564 8.37435,0 14.85538,3.49538 6.48102,3.42256 10.55897,9.53949 4.15077,6.0441 5.3159,13.98153 1.23795,7.86462 -0.94667,16.74872 h -56.07179 q 0.14565,5.02461 2.33026,9.10256 2.18462,4.00513 6.0441,6.33539 3.93231,2.33025 9.24821,2.40307 5.53435,0 10.48615,-2.76718 4.95179,-2.76718 8.52,-7.64615 l 14.85538,3.56821 q -5.75282,9.68512 -15.43795,15.87486 -9.6123,6.11693 -20.53538,6.11693 z m -14.41846,-44.56615 h 41.36205 q 0,-5.24308 -2.33026,-9.46667 -2.33025,-4.29641 -6.4082,-6.7723 -4.07795,-2.54872 -9.32103,-2.54872 -5.17025,0 -9.90358,2.4759 -4.73334,2.47589 -8.22872,6.7723 -3.49539,4.22359 -5.17026,9.53949 z"
style="font-family:Urbanist;-inkscape-font-specification:'Urbanist, @ital=1.00,wght=600';font-variation-settings:'ital' 1, 'wght' 600"
id="path4670" /><path
d="m 780.39271,301.85258 q -5.75281,-0.3641 -10.92307,-2.33025 -5.09744,-1.96616 -8.81128,-5.3159 -3.64103,-3.42256 -5.02462,-8.01025 l 13.61744,-5.53436 q 0.7282,1.96615 2.84,3.85948 2.11179,1.89334 5.09743,3.13129 3.05846,1.16512 6.55385,1.16512 3.34974,0 6.48102,-0.94666 3.13128,-1.01949 5.24308,-3.05846 2.18461,-2.03898 2.62154,-4.87898 0.43692,-3.2041 -1.45641,-4.95179 -1.89334,-1.82051 -4.9518,-2.76718 -3.05846,-0.94667 -6.11692,-1.82051 -6.99077,-1.60205 -12.52513,-4.36923 -5.46153,-2.84 -8.37435,-7.20923 -2.91282,-4.44205 -2.03898,-10.85026 1.01949,-6.99077 5.53436,-12.0882 4.51487,-5.17026 11.06872,-7.93744 6.55384,-2.76718 13.54461,-2.76718 8.73846,0 15.51077,3.71385 6.7723,3.71385 9.75795,10.19487 l -13.1077,7.13641 q -0.80102,-2.18462 -2.76717,-3.93231 -1.89334,-1.74769 -4.51488,-2.76718 -2.62153,-1.0923 -5.53435,-1.23795 -3.71385,-0.14564 -7.06359,0.87385 -3.27693,0.94667 -5.46154,3.05846 -2.1118,2.1118 -2.62154,5.38872 -0.43692,3.2041 1.52923,4.80615 2.03898,1.52923 5.38872,2.4759 3.34974,0.94667 6.77231,2.11179 6.18974,2.03898 11.43281,5.02462 5.3159,2.91282 8.22872,7.20923 2.91282,4.29641 1.89333,10.48615 -1.01948,6.84513 -5.82564,12.01538 -4.80615,5.17026 -11.79692,7.86462 -6.91794,2.69436 -14.2,2.25743 z"
style="font-family:Urbanist;-inkscape-font-specification:'Urbanist, @ital=1.00,wght=600';font-variation-settings:'ital' 1, 'wght' 600"
id="path4672" /><path
d="m 852.59265,302.36233 q -10.04923,0 -17.62257,-5.17026 -7.50051,-5.17025 -11.21435,-13.83589 -3.64103,-8.73846 -2.18462,-19.29744 1.09231,-8.01025 4.87898,-14.9282 3.85948,-6.99077 9.6123,-12.23385 5.75282,-5.31589 12.74359,-8.30153 7.06359,-2.98564 14.5641,-2.98564 8.37436,0 14.85538,3.49538 6.48103,3.42256 10.55898,9.53949 4.15076,6.0441 5.31589,13.98153 1.23795,7.86462 -0.94666,16.74872 h -56.07179 q 0.14564,5.02461 2.33025,9.10256 2.18462,4.00513 6.04411,6.33539 3.9323,2.33025 9.2482,2.40307 5.53436,0 10.48615,-2.76718 4.9518,-2.76718 8.52,-7.64615 l 14.85538,3.56821 q -5.75282,9.68512 -15.43794,15.87486 -9.61231,6.11693 -20.53538,6.11693 z m -14.41846,-44.56615 h 41.36204 q 0,-5.24308 -2.33025,-9.46667 -2.33026,-4.29641 -6.40821,-6.7723 -4.07795,-2.54872 -9.32102,-2.54872 -5.17026,0 -9.90359,2.4759 -4.73333,2.47589 -8.22872,6.7723 -3.49538,4.22359 -5.17025,9.53949 z"
style="font-family:Urbanist;-inkscape-font-specification:'Urbanist, @ital=1.00,wght=600';font-variation-settings:'ital' 1, 'wght' 600"
id="path4674" /><path
d="m 967.64901,227.64849 h 15.14666 l -10.26769,72.8205 H 957.3085 l 0.87384,-10.55897 q -3.93231,5.60718 -9.90359,9.02974 -5.89846,3.42257 -13.32615,3.42257 -8.01025,0 -14.63692,-2.98564 -6.62667,-3.05846 -11.21436,-8.44718 -4.58769,-5.38872 -6.62666,-12.37949 -2.03898,-7.06359 -0.87385,-15.14666 1.09231,-7.7918 4.95179,-14.63692 3.93231,-6.91795 9.75795,-12.08821 5.89846,-5.17025 13.10769,-8.08307 7.28205,-2.98564 15.07385,-2.98564 7.93743,0 13.47179,3.64102 5.53436,3.56821 8.81128,9.17539 z m -31.02154,60.07692 q 6.40821,0 11.65128,-3.13129 5.24308,-3.2041 8.66564,-8.59281 3.49539,-5.38872 4.36923,-11.94257 0.94667,-6.62666 -1.01948,-12.01538 -1.89334,-5.38872 -6.26257,-8.52 -4.36923,-3.2041 -10.70461,-3.2041 -6.33538,0 -12.01538,3.2041 -5.68,3.2041 -9.53949,8.59282 -3.78667,5.38872 -4.73333,11.94256 -0.87385,6.62667 1.45641,12.01539 2.33025,5.31589 7.13641,8.51999 4.80615,3.13129 10.99589,3.13129 z"
style="font-family:Urbanist;-inkscape-font-specification:'Urbanist, @ital=1.00,wght=600';font-variation-settings:'ital' 1, 'wght' 600"
id="path4676" /><path
d="m 987.09217,300.46899 10.26769,-72.8205 h 15.14664 l -1.0195,7.71897 q 4.3693,-4.51487 10.2677,-7.13641 5.8985,-2.62153 12.3067,-2.62153 4.0779,0 7.9374,1.0923 l -8.2287,15.29231 q -2.7672,-1.09231 -5.4615,-1.09231 -4.879,0 -9.2482,2.40308 -4.2964,2.33026 -7.2093,6.33538 -2.9128,4.00513 -3.641,8.8841 l -5.9713,41.94461 z"
style="font-family:Urbanist;-inkscape-font-specification:'Urbanist, @ital=1.00,wght=600';font-variation-settings:'ital' 1, 'wght' 600"
id="path4678" /><path
d="m 1086.9636,279.78797 12.5251,7.35487 q -5.9713,6.91795 -14.1272,11.06872 -8.1559,4.15077 -17.04,4.15077 -10.0492,0 -17.6225,-5.17026 -7.5005,-5.17025 -11.2144,-13.83589 -3.641,-8.73846 -2.1846,-19.29744 1.0923,-8.01025 4.879,-14.9282 3.8595,-6.99077 9.6123,-12.23385 5.7528,-5.31589 12.7436,-8.30153 7.0636,-2.98564 14.5641,-2.98564 8.8841,0 15.8748,4.15077 6.9908,4.15076 10.9959,11.14153 l -14.5641,7.35487 q -2.4759,-3.64102 -6.3354,-5.53435 -3.7866,-1.96616 -8.083,-1.96616 -6.0441,0 -11.2872,3.27692 -5.2431,3.20411 -8.8113,8.52 -3.5682,5.24308 -4.442,11.50564 -0.8739,6.18975 1.1651,11.50564 2.1118,5.24308 6.481,8.44718 4.4421,3.2041 10.3405,3.2041 4.5877,0 8.8841,-2.03897 4.3693,-2.03898 7.6462,-5.38872 z"
style="font-family:Urbanist;-inkscape-font-specification:'Urbanist, @ital=1.00,wght=600';font-variation-settings:'ital' 1, 'wght' 600"
id="path4680" /><path
d="m 1180.9403,254.81054 -6.481,45.65845 h -15.1467 l 5.8985,-41.94461 q 0.7282,-4.87897 -1.0923,-8.8841 -1.8205,-4.00512 -5.4616,-6.33538 -3.641,-2.40308 -8.52,-2.40308 -4.8789,0 -9.2482,2.40308 -4.2964,2.33026 -7.2092,6.33538 -2.9128,4.00513 -3.641,8.8841 l -5.9713,41.94461 h -15.1467 l 15.3652,-109.23075 h 15.1466 l -6.1169,44.12922 q 4.3692,-4.51487 10.2677,-7.13641 5.8985,-2.62153 12.3067,-2.62153 8.083,0 14.1271,3.9323 6.0441,3.93231 9.0298,10.55898 2.9856,6.62666 1.8933,14.70974 z"
style="font-family:Urbanist;-inkscape-font-specification:'Urbanist, @ital=1.00,wght=600';font-variation-settings:'ital' 1, 'wght' 600"
id="path4682" /></g><g
style="fill:#ffffff;fill-opacity:1;stroke-width:0.870784"
id="g1151-0"
transform="matrix(1.14839,0,0,1.14839,288.64294,165.19861)"><path
fill-rule="evenodd"
clip-rule="evenodd"
d="m 39.782,41.7207 c -19.9967,22.5928 -19.0962,79.3023 -0.977,79.3023 12.5877,0 14.4521,-0.235 18.6508,-0.765 1.8451,-0.233 4.1409,-0.523 7.9954,-0.874 11.8103,-1.078 8.7256,-9.687 5.4833,-18.735 -2.1148,-5.9018 -4.2966,-11.9907 -2.4568,-16.2997 1.799,-4.2134 11.2308,-3.267 21.6295,-2.2235 9.5054,0.9538 19.8188,1.9886 25.8488,-0.7624 12.626,-5.7606 11.478,-35.0342 0,-45.4033 C 104.477,25.591 56.0977,23.2867 39.782,41.7207 Z m 43.8584,26.4989 c 4.6659,0 11.377,-1.8662 11.9479,-8.398 0.0288,-0.3298 0.0587,-0.6612 0.0886,-0.9937 0.6497,-7.211 1.3445,-14.924 -7.4412,-17.6686 -11.9479,-3.7324 -17.4623,11.15 -17.4623,18.6623 0,6.5318 8.201,8.398 12.867,8.398 z"
fill="url(#paint0_linear_9_6)"
id="path1134-9"
style="fill:#ffffff;fill-opacity:1;stroke-width:0.758265" /></g></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

89
css/logo.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

33
css/maps.js Normal file
View File

@ -0,0 +1,33 @@
var bbox = "?bbox=-165.76171875000003%2C-3.864254615721396%2C30.410156250000004%2C72.44879155730672&amp;layer=mapnik"
var iframe = document.getElementById('myFrame');
iframe.src=`https://www.openstreetmap.org/export/embed.html${bbox}`
iframe.addEventListener('load', function() {
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
var links = iframeDocument.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
links[i].addEventListener('click', function(event) {
var url = event.target.href;
if (url.includes('www.openstreetmap.org')) {
event.preventDefault();
iframe.src = url;
window.history.pushState(null, '', url);
} else {
window.location.href = url;
}
});
}
});
window.onpopstate = function(event) {
iframe.src = window.location.href;
};
iframe.addEventListener('load', function() {
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
var elements = iframeDocument.querySelectorAll('[style*="//dka575ofm4ao0.cloudfront.net"]');
for (var i = 0; i < elements.length; i++) {
var style = elements[i].style.backgroundImage;
var newStyle = style.replace('//dka575ofm4ao0.cloudfront.net', 'https://p.poketube.fun/https://dka575ofm4ao0.cloudfront.net');
elements[i].style.backgroundImage = newStyle;
}
});

46
css/mobile.css
View File

@ -254,21 +254,24 @@ body {
height:66px height:66px
} }
.new-button { .new-button {
background:#0009; background: #0009;
border-radius:2em; border-radius: 1.5em;
padding-right:1em; padding-right: 1em;
display:flex; display: flex;
justify-content:center; justify-content: center;
align-items:center; align-items: center;
align-content:center; align-content: center;
width:max-content; width: max-content;
margin-top:4px; margin-top: 4px;
margin-left:3px; margin-left: 3px;
margin-right:0 margin-right: 0;
border: solid 0.5px #333;
} }
.pill-button { .pill-button {
margin-left:1em; margin-left: 1em;
font-family:ubuntu,sans-serif font-family: 'PokeTube Flex';
font-stretch: ultra-expanded;
font-weight: 800;
} }
.vertical { .vertical {
border-left:1px solid gray; border-left:1px solid gray;
@ -1742,7 +1745,7 @@ a.icon-link>i {
background:#fff; background:#fff;
border-radius:2em; border-radius:2em;
text-transform:initial; text-transform:initial;
font-weight:900; font-weight:1000;
padding:10px 16px; padding:10px 16px;
border:none; border:none;
margin-left:.5em; margin-left:.5em;
@ -1768,15 +1771,16 @@ h3 {
ptd-custom-more { ptd-custom-more {
color:#fff color:#fff
} }
@media screen and (orientation:landscape) { @media screen and (orientation:landscape) {
.ptnewbuttons { .ptnewbuttons {
margin-left:auto; margin-left:auto;
width:fit-content; width:auto;
width:-moz-fit-content; max-width:150em!important;
max-width:150em!important; margin-right:auto !important;
margin-right: auto !important; }
}
} }
.new-button.engagement:hover { .new-button.engagement:hover {
background-color:#0009 background-color:#0009
} }

2
css/music.css
View File

@ -2,7 +2,7 @@
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-202x POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-202x POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by

1464
css/player-base.js Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
css/poke-chan-outfit-a.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 121 KiB

BIN
css/poke-chan-v2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
css/poke-screnshot-a.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 515 KiB

BIN
css/poke-screnshot-v2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1020 KiB

306
css/poketube.css
View File

@ -2,7 +2,7 @@
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-202x POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-202x POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by
@ -19,10 +19,62 @@
*/ */
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
src: url(https://p.poketube.fun/https://fonts.bunny.net/montserrat/files/montserrat-latin-500-normal.woff2) format('woff2'), url(https://p.poketube.fun/https://fonts.bunny.net/montserrat/files/montserrat-latin-500-normal.woff) format('woff');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
src: url(https://p.poketube.fun/https://fonts.bunny.net/montserrat/files/montserrat-cyrillic-500-normal.woff2) format('woff2'), url(https://p.poketube.fun/https://fonts.bunny.net/montserrat/files/montserrat-cyrillic-500-normal.woff) format('woff');
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
src: url(https://p.poketube.fun/https://fonts.bunny.net/montserrat/files/montserrat-latin-ext-500-normal.woff2) format('woff2'), url(https://p.poketube.fun/https://fonts.bunny.net/montserrat/files/montserrat-latin-ext-500-normal.woff) format('woff');
unicode-range: U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
src: url(https://p.poketube.fun/https://fonts.bunny.net/montserrat/files/montserrat-vietnamese-500-normal.woff2) format('woff2'), url(https://p.poketube.fun/https://fonts.bunny.net/montserrat/files/montserrat-vietnamese-500-normal.woff) format('woff');
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
src: url(https://p.poketube.fun/https://fonts.bunny.net/montserrat/files/montserrat-cyrillic-ext-500-normal.woff2) format('woff2'), url(https://p.poketube.fun/https://fonts.bunny.net/montserrat/files/montserrat-cyrillic-ext-500-normal.woff) format('woff');
unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
:root { :root {
/* text */ /* text */
--text-link: #0ab7f0; --text-link: #f08;
--text-link-visited: #00c0ff; --text-link-visited: #f08;
--text-color: #ffffff; --text-color: #ffffff;
--text-font-primary: "PokeTube Flex"; --text-font-primary: "PokeTube Flex";
--text-header-weight: 1000; --text-header-weight: 1000;
@ -34,7 +86,7 @@
#623aa2 100%, #623aa2 100%,
#8e6f7e 100% #8e6f7e 100%
); );
--div-border-color: #7c44a0; --div-border-color: #df03a8;
--div-prim-bg: #1c1c1c; --div-prim-bg: #1c1c1c;
--div-second-bg: #1a1a1a; --div-second-bg: #1a1a1a;
--div-transparent-bg: #0009; --div-transparent-bg: #0009;
@ -45,7 +97,7 @@
--video-player-height-max: 720px; --video-player-height-max: 720px;
--video-player-width-max: 1280px; --video-player-width-max: 1280px;
/* poketube color palette */ /* poketube color palette */
--ptc-very-red: #ff0000; --ptc-very-red: #ff0000;
--ptc-very-blue: #0000ff; --ptc-very-blue: #0000ff;
@ -63,12 +115,13 @@
#8e6f7e 100% #8e6f7e 100%
); );
--chip-background-hover: #3f3f3f; --chip-background-hover: #3f3f3f;
--primary-header-rgb: 38,35,58;
--min-opacity:0;
--ptd-watch-min-player-height: 360px; --ptd-watch-min-player-height: 360px;
--ptd-watch-width-ratio: 16; --ptd-watch-width-ratio: 16;
--ptd-watch-height-ratio: 9; --ptd-watch-height-ratio: 9;
--ptd-watch-sidebar-min-width: 300px; --ptd-watch-sidebar-min-width: 300px;
--ptd-grid-base: 103px; --ptd-grid-base: 103px;
--ptd-margin-base: 4px; --ptd-margin-base: 4px;
--ptd-avatar-size: 32px; --ptd-avatar-size: 32px;
@ -197,24 +250,31 @@ a.avatar {
} }
.recommended-list { .recommended-list {
background-color: var(--div-prim-bg); background-color: var(--div-prim-bg);
border-radius: 1.5em; border-radius: 1.5em;
/* padding-right: 24px; */
margin: 10px; margin: 10px;
margin-top: 0px; margin-top: 0;
margin-left: 0px; margin-left: 0;
height: -moz-fit-content; height: -moz-fit-content;
height: fit-content; height: fit-content;
justify-self: center; /* justify-self: center; */
margin-right: -0.9em; margin-right: -.9em;
/* width: min-content;*/ border: var(--div-border-color);
border: var(--div-border-color); border-style: solid;
border-style: solid; max-width: 371px;
max-width: 371px; width: 20.9em;
width: max-content;
} }
.video-views { .video-views {
white-space: nowrap; white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
word-break: break-all;
white-space: normal;
} }
.video-info-panel.gradient { .video-info-panel.gradient {
@ -233,7 +293,6 @@ a.avatar {
font-weight: 1000; font-weight: 1000;
font-stretch: ultra-expanded; font-stretch: ultra-expanded;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 3; -webkit-line-clamp: 3;
line-clamp: 3; line-clamp: 3;
@ -355,7 +414,7 @@ a.avatar {
} }
.subscribe-button { .subscribe-button {
color: red; color: #ff0033;
margin: auto; margin: auto;
background: white; background: white;
border-radius: 2em; border-radius: 2em;
@ -367,7 +426,7 @@ a.avatar {
color: black !important; color: black !important;
font-family: var(--text-font-primary); font-family: var(--text-font-primary);
font-stretch: ultra-expanded; font-stretch: ultra-expanded;
font-weight: 900; font-weight: 1000;
text-decoration: none; text-decoration: none;
} }
@ -378,7 +437,7 @@ a.avatar {
padding: 2px; padding: 2px;
border-radius: 3px; border-radius: 3px;
font-family: var(--text-font-primary); font-family: var(--text-font-primary);
font-stretch: 100%; font-stretch: extra-expanded;
font-weight: 600; font-weight: 600;
} }
@ -401,7 +460,7 @@ a.avatar {
border-radius: 4px; border-radius: 4px;
word-break: break-all; word-break: break-all;
white-space: nowrap; white-space: nowrap;
font-family: ubuntu, sans-serif; font-family: "Montserrat", sans-serif;
} }
.new-button { .new-button {
@ -438,7 +497,7 @@ a.avatar {
} }
.video:hover > .thumbnail { .video:hover > .thumbnail {
border: 1px var(--text-link) solid; border: 1px #ff0033 solid;
transition-duration: 150ms; transition-duration: 150ms;
} }
@ -512,24 +571,35 @@ a.avatar {
margin: 0; margin: 0;
width: 300px; width: 300px;
border-radius: 8px; border-radius: 8px;
font-family: ubuntu, sans-serif; font-family: "Montserrat", sans-serif;
box-shadow: var(--border-color) 0 0 5px; box-shadow: var(--border-color) 0 0 5px;
background-color: var(--context-menu-background); background-color: var(--context-menu-background);
} }
@media (min-height: 1079px) {
.dropdown__menu {
background-color: #222022d6;
backdrop-filter: blur(20px);
}
}
.dropdown__item { .dropdown__item {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding: 0 16px; padding: 0 16px;
padding-left: 16px;
height: 40px; height: 40px;
column-gap: 16px; column-gap: 16px;
color: var(--text-primary); color: var(--text-primary);
text-decoration: none; text-decoration: none;
font-weight: 500;
} }
.dropdown__item:hover { .dropdown__item:hover {
background-color: var(--chip-background-hover); background-color: var(--chip-background-hover);
border-radius: 1em;
} }
.dropdown__item:active { .dropdown__item:active {
@ -670,30 +740,30 @@ a.new-button:hover {
display: none; display: none;
} }
.v:checked ~ .div_box { .v:checked~.div_box {
display: flex; display:flex;
margin-top: -51em; margin-top:-51em;
text-align: left; text-align:left;
background: #0009; background:#0009;
border-radius: 10px; border-radius:10px;
height: fit-content; height:fit-content;
padding: 10px; padding:10px;
font-family: ubuntu, sans-serif; font-family:ubuntu,sans-serif;
margin-left: -11em; width:43em;
width: 43em; position:absolute;
position: absolute; white-space:-moz-pre-wrap!important;
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space:-pre-wrap;
white-space: -pre-wrap; /* Opera 4-6 */ white-space:-o-pre-wrap;
white-space: -o-pre-wrap; /* Opera 7 */ white-space:pre-wrap;
white-space: pre-wrap; /* css-3 */ word-wrap:break-word;
word-wrap: break-word; /* Internet Explorer 5.5+ */ white-space:-webkit-pre-wrap;
white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/ word-break:break-all;
word-break: break-all; white-space:normal;
white-space: normal; height:-moz-fit-content;
height: -moz-fit-content; height:-webkit-fit-content;
height: -webkit-fit-content; max-width:708px;
max-width: 708px; max-height:185.6px;
max-height: 185.6px; margin-right: 13em;
} }
@media screen and (min-width: 1400px) { @media screen and (min-width: 1400px) {
@ -722,6 +792,23 @@ a.new-button:hover {
display: none; display: none;
} }
.pwp {
display: flex;
align-items: center;
justify-content: end;
gap: 6px;
padding: 16px 0px;
}
.pwp a, .fnt {
background: #452f37;
border-radius: 6px;
display: flex;
align-items: center;
gap: 12px;
padding: 6px 12px;
color: white;
}
.hj:checked ~ .flying_cmnt { .hj:checked ~ .flying_cmnt {
display: grid; display: grid;
position: absolute; position: absolute;
@ -752,8 +839,14 @@ marquee {
display:none; display:none;
} }
@media screen and (max-height: 840px) {
.theatermodeon {
max-height: 10% !important;
}
}
#video:target { #video:target {
object-fit:none; object-fit:contain;
} }
#secret-theme:target{ #secret-theme:target{
@ -778,7 +871,6 @@ object-fit:none;
font-stretch: expanded; font-stretch: expanded;
overflow:hidden; overflow:hidden;
font-family: var(--text-font-primary); font-family: var(--text-font-primary);
margin-left: auto;
margin-right: auto; margin-right: auto;
width: auto; width: auto;
max-width: 21em; max-width: 21em;
@ -793,5 +885,105 @@ object-fit:none;
} }
.video > .info { .video > .info {
font-family: Ubuntu, sans-serif; font-family: "Montserrat", sans-serif;
} font-weight: 500;
}
/* Width */
.w-100 {
width: 100%;
}
/* Position */
.p-relative { position: relative; }
.p-absolute { position: absolute; }
/* Background */
.bg-none { background: none !important; }
/* Overflow + Text */
.o-hidden { overflow: hidden; }
.o-visible { overflow: visible; }
.o-auto { overflow: auto; }
.t-overflow { width: 97%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }
/* Line height */
.l-100 { line-height: 100%; }
/* Display */
.d-block { display: block; }
/* Shadow */
.t-s-0 { text-shadow: none; }
.b-s-0 { box-shadow: none; }
/* Border */
.b-0 { border: 0; }
/* Font */
.f-bold { font-weight: bold; }
/* Paddings */
.p-0 { padding: 0 !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-t-0 { padding-top: 0 !important; }
.p-t-5 { padding-top: 5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-b-0 { padding-bottom: 0 !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-l-0 { padding-left: 0 !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-r-0 { padding-right: 0 !important; }
.p-r-5 { padding-right: 5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-r-20 { padding-right: 20px !important; }
/* Margin */
.m-0 { margin: 0 !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-t-0 { margin-top: 0 !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-b-0 { margin-bottom: 0 !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-l-0 { margin-left: 0 !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-r-0 { margin-right: 0 !important; }
.m-r-5 { margin-right: 5px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-20 { margin-right: 20px !important; }

14
css/product.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 MiB

BIN
css/pt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 213 KiB

BIN
css/pwa-desktop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
css/pwa-mobile.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 836 KiB

BIN
css/red-tape.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 263 KiB

1
css/search-web.main.css Normal file
View File

File diff suppressed because one or more lines are too long

11
css/search.main.css
View File

@ -102,6 +102,10 @@ h5,
h6 { h6 {
color: var(--text-primary); color: var(--text-primary);
} }
body {cursor: url('/static/cursor.ico') 2 0, default}
a {cursor: url('/static/cursor-pointer.ico') 14 0, pointer}
.divider { .divider {
flex-grow: 1; flex-grow: 1;
} }
@ -1031,3 +1035,10 @@ a.icon-button > img {
width: 500px; width: 500px;
padding: 8px; padding: 8px;
} }
.search-options {
display: flex;
justify-content: space-evenly;
width: 100%;
max-width: 855px;
margin: auto;
}

BIN
css/shapes-dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 KiB

2
css/snow.css
View File

@ -3,7 +3,7 @@
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-202x POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-202x POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by

BIN
css/twitter-logo.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

440
css/videojs-plugin-hotkeys.js Normal file
View File

@ -0,0 +1,440 @@
/*
* Video.js Hotkeys For Poke
* https://github.com/ctd1500/videojs-hotkeys
*
* forked for poke - non-fork version copyright:
* Copyright (c) 2015 Chris Dougherty
* Licensed under the Apache-2.0 license.
*
* fork copy(left)right:
* Copyleft (c) 2024 Poke (Ashley)
* Licensed under the GNU GPL 3.0 or later license.
*/
;(function(root, factory) {
if (typeof window !== 'undefined' && window.videojs) {
factory(window.videojs);
} else if (typeof define === 'function' && define.amd) {
define('videojs-hotkeys', ['video.js'], function (module) {
return factory(module.default || module);
});
} else if (typeof module !== 'undefined' && module.exports) {
var videojs = require('video.js');
module.exports = factory(videojs.default || videojs);
}
}(this, function (videojs) {
"use strict";
if (typeof window !== 'undefined') {
window['videojs_hotkeys'] = { version: "0.2.29-poke" };
}
var hotkeys = function(options) {
var player = this;
var pEl = player.el();
var doc = document;
var def_options = {
volumeStep: 0.1,
seekStep: 5,
enableMute: false,
enableVolumeScroll: false,
enableHoverScroll: false,
enableFullscreen: true,
enableNumbers: true,
enableJogStyle: false,
alwaysCaptureHotkeys: false,
captureDocumentHotkeys: false,
documentHotkeysFocusElementFilter: function () { return false },
enableModifiersForNumbers: true,
enableInactiveFocus: true,
skipInitialFocus: false,
playPauseKey: playPauseKey,
rewindKey: rewindKey,
forwardKey: forwardKey,
volumeUpKey: volumeUpKey,
volumeDownKey: volumeDownKey,
muteKey: muteKey,
fullscreenKey: fullscreenKey,
customKeys: {}
};
var cPlay = 1,
cRewind = 2,
cForward = 3,
cVolumeUp = 4,
cVolumeDown = 5,
cMute = 6,
cFullscreen = 7;
// Use built-in merge function from Video.js v5.0+ or v4.4.0+
var mergeOptions = videojs.mergeOptions || videojs.util.mergeOptions;
options = mergeOptions(def_options, options || {});
var volumeStep = options.volumeStep,
seekStep = options.seekStep,
enableMute = options.enableMute,
enableVolumeScroll = options.enableVolumeScroll,
enableHoverScroll = options.enableHoverScroll,
enableFull = options.enableFullscreen,
enableNumbers = options.enableNumbers,
enableJogStyle = options.enableJogStyle,
alwaysCaptureHotkeys = options.alwaysCaptureHotkeys,
captureDocumentHotkeys = options.captureDocumentHotkeys,
documentHotkeysFocusElementFilter = options.documentHotkeysFocusElementFilter,
enableModifiersForNumbers = options.enableModifiersForNumbers,
enableInactiveFocus = options.enableInactiveFocus,
skipInitialFocus = options.skipInitialFocus;
var videojsVer = videojs.VERSION;
// Set default player tabindex to handle keydown and doubleclick events
if (!pEl.hasAttribute('tabIndex')) {
pEl.setAttribute('tabIndex', '-1');
}
// Remove player outline to fix video performance issue
pEl.style.outline = "none";
if (alwaysCaptureHotkeys || !player.autoplay()) {
if (!skipInitialFocus) {
player.one('play', function() {
pEl.focus(); // Fixes the .vjs-big-play-button handing focus back to body instead of the player
});
}
}
if (enableInactiveFocus) {
player.on('userinactive', function() {
// When the control bar fades, re-apply focus to the player if last focus was a control button
var cancelFocusingPlayer = function() {
clearTimeout(focusingPlayerTimeout);
};
var focusingPlayerTimeout = setTimeout(function() {
player.off('useractive', cancelFocusingPlayer);
var activeElement = doc.activeElement;
var controlBar = pEl.querySelector('.vjs-control-bar');
if (activeElement && activeElement.parentElement == controlBar) {
pEl.focus();
}
}, 10);
player.one('useractive', cancelFocusingPlayer);
});
}
player.on('play', function() {
// Fix allowing the YouTube plugin to have hotkey support.
var ifblocker = pEl.querySelector('.iframeblocker');
if (ifblocker && ifblocker.style.display === '') {
ifblocker.style.display = "block";
ifblocker.style.bottom = "39px";
}
});
var keyDown = function keyDown(event) {
var ewhich = event.which, wasPlaying, seekTime;
var ePreventDefault = event.preventDefault.bind(event);
var duration = player.duration();
// When controls are disabled, hotkeys will be disabled as well
if (player.controls()) {
// Don't catch keys if any control buttons are focused, unless alwaysCaptureHotkeys is true
var activeEl = doc.activeElement;
if (
alwaysCaptureHotkeys ||
(captureDocumentHotkeys && documentHotkeysFocusElementFilter(activeEl)) ||
activeEl == pEl ||
activeEl == pEl.querySelector('.vjs-tech') ||
activeEl == pEl.querySelector('.vjs-control-bar') ||
activeEl == pEl.querySelector('.iframeblocker')
) {
switch (checkKeys(event, player)) {
// Spacebar toggles play/pause
case cPlay:
ePreventDefault();
if (alwaysCaptureHotkeys || captureDocumentHotkeys) {
// Prevent control activation with space
event.stopPropagation();
}
if (player.paused()) {
silencePromise(player.play());
} else {
player.pause();
}
break;
// Seeking with the left/right arrow keys
case cRewind: // Seek Backward
wasPlaying = !player.paused();
ePreventDefault();
if (wasPlaying) {
player.pause();
}
seekTime = player.currentTime() - seekStepD(event);
// The flash player tech will allow you to seek into negative
// numbers and break the seekbar, so try to prevent that.
if (seekTime <= 0) {
seekTime = 0;
}
player.currentTime(seekTime);
if (wasPlaying) {
silencePromise(player.play());
}
break;
case cForward: // Seek Forward
wasPlaying = !player.paused();
ePreventDefault();
if (wasPlaying) {
player.pause();
}
seekTime = player.currentTime() + seekStepD(event);
// Fixes the player not sending the end event if you
// try to seek past the duration on the seekbar.
if (seekTime >= duration) {
seekTime = wasPlaying ? duration - .001 : duration;
}
player.currentTime(seekTime);
if (wasPlaying) {
silencePromise(player.play());
}
break;
// Volume control with the up/down arrow keys
case cVolumeDown:
ePreventDefault();
if (!enableJogStyle) {
player.volume(player.volume() - volumeStep);
} else {
seekTime = player.currentTime() - 1;
if (player.currentTime() <= 1) {
seekTime = 0;
}
player.currentTime(seekTime);
}
break;
case cVolumeUp:
ePreventDefault();
if (!enableJogStyle) {
player.volume(player.volume() + volumeStep);
} else {
seekTime = player.currentTime() + 1;
if (seekTime >= duration) {
seekTime = duration;
}
player.currentTime(seekTime);
}
break;
// Toggle Mute with the M key
case cMute:
if (enableMute) {
player.muted(!player.muted());
}
break;
// Toggle Fullscreen with the F key
case cFullscreen:
if (enableFull) {
if (player.isFullscreen()) {
player.exitFullscreen();
} else {
player.requestFullscreen();
}
}
break;
default:
// Number keys from 0-9 skip to a percentage of the video. 0 is 0% and 9 is 90%
if ((ewhich > 47 && ewhich < 59) || (ewhich > 95 && ewhich < 106)) {
// Do not handle if enableModifiersForNumbers set to false and keys are Ctrl, Cmd or Alt
if (enableModifiersForNumbers || !(event.metaKey || event.ctrlKey || event.altKey)) {
if (enableNumbers) {
var sub = 48;
if (ewhich > 95) {
sub = 96;
}
var number = ewhich - sub;
ePreventDefault();
player.currentTime(player.duration() * number * 0.1);
}
}
}
// Handle any custom hotkeys
for (var customKey in options.customKeys) {
var customHotkey = options.customKeys[customKey];
// Check for well formed custom keys
if (customHotkey && customHotkey.key && customHotkey.handler) {
// Check if the custom key's condition matches
if (customHotkey.key(event)) {
ePreventDefault();
customHotkey.handler(player, options, event);
}
}
}
}
}
}
};
var doubleClick = function doubleClick(event) {
// Video.js added double-click fullscreen in 7.1.0
if (videojsVer != null && videojsVer <= "7.1.0") {
// When controls are disabled, hotkeys will be disabled as well
if (player.controls()) {
// Don't catch clicks if any control buttons are focused
var activeEl = event.relatedTarget || event.toElement || doc.activeElement;
if (activeEl == pEl ||
activeEl == pEl.querySelector('.vjs-tech') ||
activeEl == pEl.querySelector('.iframeblocker')) {
if (enableFull) {
if (player.isFullscreen()) {
player.exitFullscreen();
} else {
player.requestFullscreen();
}
}
}
}
}
};
var volumeHover = false;
var volumeSelector = pEl.querySelector('.vjs-volume-menu-button') || pEl.querySelector('.vjs-volume-panel');
if (volumeSelector != null) {
volumeSelector.onmouseover = function() { volumeHover = true; };
volumeSelector.onmouseout = function() { volumeHover = false; };
}
var mouseScroll = function mouseScroll(event) {
if (enableHoverScroll) {
// If we leave this undefined then it can match non-existent elements below
var activeEl = 0;
} else {
var activeEl = doc.activeElement;
}
// When controls are disabled, hotkeys will be disabled as well
if (player.controls()) {
if (alwaysCaptureHotkeys ||
activeEl == pEl ||
activeEl == pEl.querySelector('.vjs-tech') ||
activeEl == pEl.querySelector('.iframeblocker') ||
activeEl == pEl.querySelector('.vjs-control-bar') ||
volumeHover) {
}
}
};
var checkKeys = function checkKeys(e, player) {
// Allow some modularity in defining custom hotkeys
// Play/Pause check
if (options.playPauseKey(e, player)) {
return cPlay;
}
// Seek Backward check
if (options.rewindKey(e, player)) {
return cRewind;
}
// Seek Forward check
if (options.forwardKey(e, player)) {
return cForward;
}
// Volume Up check
if (options.volumeUpKey(e, player)) {
return cVolumeUp;
}
// Volume Down check
if (options.volumeDownKey(e, player)) {
return cVolumeDown;
}
// Mute check
if (options.muteKey(e, player)) {
return cMute;
}
// Fullscreen check
if (options.fullscreenKey(e, player)) {
return cFullscreen;
}
};
function playPauseKey(e) {
// Space bar or MediaPlayPause
return (e.which === 32 || e.which === 179);
}
function rewindKey(e) {
// Left Arrow or MediaRewind
return (e.which === 37 || e.which === 177);
}
function forwardKey(e) {
// Right Arrow or MediaForward
return (e.which === 39 || e.which === 176);
}
function volumeUpKey(e) {
// Up Arrow
return (e.which === 38);
}
function volumeDownKey(e) {
// Down Arrow
return (e.which === 40);
}
function muteKey(e) {
// M key
return (e.which === 77);
}
function fullscreenKey(e) {
// F key
return (e.which === 70);
}
function seekStepD(e) {
// SeekStep caller, returns an int, or a function returning an int
return (typeof seekStep === "function" ? seekStep(e) : seekStep);
}
function silencePromise(value) {
if (value != null && typeof value.then === 'function') {
value.then(null, function(e) {});
}
}
if (captureDocumentHotkeys) {
var capDocHK = function (event) { keyDown(event) };
document.addEventListener('keydown', capDocHK);
this.dispose = function () {
document.removeEventListener('keydown', capDocHK);
}
} else {
player.on('keydown', keyDown);
}
player.on('dblclick', doubleClick);
player.on('mousewheel', mouseScroll);
player.on("DOMMouseScroll", mouseScroll);
return this;
};
var registerPlugin = videojs.registerPlugin || videojs.plugin;
registerPlugin('hotkeys', hotkeys);
}));

1950
css/videojs-v8.16.0.css Normal file
View File

File diff suppressed because one or more lines are too long

52
css/vjs.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
css/watch-navbar.css
View File

@ -2,7 +2,7 @@
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-2022 POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by

2
css/watch-util.css
View File

@ -2,7 +2,7 @@
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-2022 POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by

2
css/watch.main.css
View File

@ -170,7 +170,7 @@ a.icon-button > img {
} }
.app { .app {
grid-area: app; grid-area: app;
background-color: var(--app-background); background-color: "#000";
} }
.noguide > .guide { .noguide > .guide {
display: none; display: none;

BIN
css/yt-ukraine-512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

19
css/yt-ukraine.svg
View File

@ -1,10 +1,15 @@
<svg width="215" height="215" viewBox="0 0 215 215" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="150" height="150" viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="75" cy="75" r="75" fill="url(#paint0_linear_9_5)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M39.782 41.7207C19.7853 64.3135 20.6858 121.023 38.805 121.023C51.3927 121.023 53.2571 120.788 57.4558 120.258C59.3009 120.025 61.5967 119.735 65.4512 119.384C77.2615 118.306 74.1768 109.697 70.9345 100.649C68.8197 94.7472 66.6379 88.6583 68.4777 84.3493C70.2767 80.1359 79.7085 81.0823 90.1072 82.1258C99.6126 83.0796 109.926 84.1144 115.956 81.3634C128.582 75.6028 127.434 46.3292 115.956 35.9601C104.477 25.591 56.0977 23.2867 39.782 41.7207ZM83.6404 68.2196C88.3063 68.2196 95.0174 66.3534 95.5883 59.8216C95.6171 59.4918 95.647 59.1604 95.6769 58.8279C96.3266 51.6169 97.0214 43.9039 88.2357 41.1593C76.2878 37.4269 70.7734 52.3093 70.7734 59.8216C70.7734 66.3534 78.9744 68.2196 83.6404 68.2196Z" fill="url(#paint1_linear_9_5)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M39.782 41.7207C19.7853 64.3135 20.6858 121.023 38.805 121.023C51.3927 121.023 53.2571 120.788 57.4558 120.258C59.3009 120.025 61.5967 119.735 65.4512 119.384C77.2615 118.306 74.1768 109.697 70.9345 100.649C68.8197 94.7472 66.6379 88.6583 68.4777 84.3493C70.2767 80.1359 79.7085 81.0823 90.1072 82.1258C99.6126 83.0796 109.926 84.1144 115.956 81.3634C128.582 75.6028 127.434 46.3292 115.956 35.9601C104.477 25.591 56.0977 23.2867 39.782 41.7207ZM83.6404 68.2196C88.3063 68.2196 95.0174 66.3534 95.5883 59.8216C95.6171 59.4918 95.647 59.1604 95.6769 58.8279C96.3266 51.6169 97.0214 43.9039 88.2357 41.1593C76.2878 37.4269 70.7734 52.3093 70.7734 59.8216C70.7734 66.3534 78.9744 68.2196 83.6404 68.2196Z" fill="black" style=""/>
<defs> <defs>
<linearGradient id="grad" x1="0" y1="0" x2="1" y2="1"> <linearGradient id="paint0_linear_9_5" x1="0" y1="0" x2="150" y2="150" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#9666F7"/> <stop stop-color="#f08"/>
<stop offset="100%" stop-color="#B37C6B"/> <stop offset="1" stop-color="#ff9aa2"/>
</linearGradient>
<linearGradient id="paint1_linear_9_5" x1="25" y1="28" x2="117.781" y2="127.739" gradientUnits="userSpaceOnUse">
<stop stop-color="#f08"/>
<stop offset="1" stop-color="#ff9aa2"/>
</linearGradient> </linearGradient>
</defs> </defs>
<rect x="11" y="11" width="194" height="194" rx="97" fill="url(#grad)"/> </svg>
<path d="M82.9527 71.7271C82.9527 68.6479 86.286 66.7234 88.9527 68.263L151.349 104.288C154.016 105.827 154.016 109.676 151.349 111.216L88.9527 147.24C86.286 148.78 82.9527 146.855 82.9527 143.776L82.9527 71.7271Z" fill="white"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 610 B

After

Width:  |  Height:  |  Size: 2.1 KiB

24
docker-compose.yml
View File

@ -1,17 +1,13 @@
# To run, please do either docker compose up -d (for docker's own version) or docker-compose up -d (for your OSes package managers verison)
services: services:
proxy: poke:
build: # image: soon!!!
context: .
dockerfile: p/Dockerfile # do not use
target: release-aio # image: codeberg.org/poketube/poke:amd64
# cache_to: # image: codeberg.org/poketube/poke:arm64 # Works with ARM64/v8, not ARM64/v7
# cache_from:
restart: unless-stopped restart: unless-stopped
volumes:
- ./config.json:/poketube/config.json
ports: ports:
- 80:80 - "6003:6003"
- 443:443
# - 3000:3000
environment:
- HOSTNAME=example.com
- EMAIL=user@email.com # required for https
- STAGING=true # Set to "true" to use staging

16
feautures.md Normal file
View File

@ -0,0 +1,16 @@
# PokeTube Music
PokeTube Music is a apple music front-end built into poketube!! u can anonymously listen to songs via pt music!
# Themes And custom CSS
customize poketube as you want!!!
# RYD
ReturnYtDislikes is built in on poketube!
# No nonfree js
no nonfree javascript is required to use poketube!!
# PokeTube Mobile
Pt mobile is a version of poketube optimized for mobile devices
and even moer!!!

13
fix-videoplayback-issues.md Normal file
View File

@ -0,0 +1,13 @@
# Using too much CPU
Enable hardware acceleration - or alternatively close ambient mode by clicking on the gear icon at the navbar.
# Video lags
Enable hardware acceleration -if it no worky open a issue https://codeberg.org/ashley/poke/issues here :3
# Video not loading
Try the SD version - if that dont worky um report a issue at https://codeberg.org/ashley/poke/issues :3
# video quailty is low
please open a issue :3
# RW89DGHRUFURTEJDFMTRF HELLPP POKE IS TOOOOO SLOOW!!
skill issue

38
html/143.ejs
View File

@ -1,3 +1,5 @@
<% if (!something) { %>
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
@ -8,7 +10,7 @@
<meta http-equiv="Expires" content="0" /> <meta http-equiv="Expires" content="0" />
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
</head> </head>
<body> <body>
<center><br><br><br><br><br><br><br><br> <center><br><br><br><br><br><br><br><br>
@ -25,3 +27,37 @@
</center> </center>
</body> </body>
</html> </html>
<% } %>
<% if (something) { %>
<html lang="en"><head>
<title>1 4 3</title>
<meta charset="UTF-8">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<link href="/css/app-cdn.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&amp;display=swap" rel="stylesheet">
<link href="/css/app.main.css?v=44600" rel="stylesheet">
</head>
<body><img id="something" src="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/something.gif?v=1692958554014" onmouseover="hoverImage()" onmouseout="restoreImage()" style="height: 243px;margin-left: auto;margin-right: auto;display: flex;transform: translateY(50%);">
<audio src="https://cdn.glitch.me/d68d17bb-f2c0-4bc3-993f-50902734f652/sunny..im..sorry.mp4?v=1693046595770" loop="" autoplay=""></audio>
<script>
function hoverImage() {
document.getElementById("something").src = "https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/Something_Boss_(MARI).gif?v=1692992881413";
}
function restoreImage() {
document.getElementById("something").src = "https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/something.gif?v=1692958554014";
}
localStorage.setItem('i_love_you', "sunny... im... sorry...");
localStorage.setItem('liar.', "liar liar liar liar ");
</script>
</body></html>
<% } %>

81
html/404.ejs
View File

@ -1,77 +1,4 @@
<!-- <%- include('./layouts/error.ejs', {
This Source Code Form is subject to the terms of the GNU General Public License: error: "404 ER_ROR",
description: "you are in violation. thEy mustn't know you were here. no one should ever find out About this. you can never tell anyone about thiS -- for The sake of the others' survIval, you muSt keep this silent. we mUst keeP silent. no one can know. no one can know. no o ne c an kn ow_ (Violation Code. 15398642_14)"
Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/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>
<head>
<title>1984!!1 - PokeTube</title>
<link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet>
<link href="/css/watch.main.css?v=56" rel=stylesheet>
<link href="/css/watch-util.css" rel=stylesheet>
<link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet>
<link href="/css/watch-navbar.css?v=56" rel=stylesheet>
<link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
<base target="_top">
<link href=https://poketube.fun/css/yt-ukraine.svg rel=icon>
<style>
body{
background:#111;
margin: auto;
transform: translateY(13em)
}
p,a,h1{
text-align:center;
color:#fff;
}
nav,error-page,div{
justify-content: center;
background: #111
}
</style>
</head>
<body>
<div id="error-page">
<div id="error-page-content" align="center">
<h1 style="color:#fff;font-family:'Ginto Nord',sans-serif;font-weight:900;white-space:yes;font-style: italic;font-size: 45px;" align="center">
404!!1
</h1>
<h3>
Very <a href="https://poketube.fun/watch?v=Yw8mcm3k1AQ" style="color:#fff">1984</a> Innit? I dont think that this webpage exist :p u can search for something else~
</h3>
</div>
<nav>
<div class="middle">
<form action=/search><input class=search-bar placeholder="<%-random%> " autocomplete="on" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;">
<button class="btn btn-success" type=submit><i class="fa-light fa-search"></i></button>
</form>
</div></nav>
</div>
<img src="https://t.poketube.fun/t/rep.gif?from=param" style="width: 0;visibility: hidden;" id="404_page">
</body>
</html>

4
html/502.ejs Normal file
View File

@ -0,0 +1,4 @@
<%- include('./layouts/error.ejs', {
error: "502",
description: "An error has occurred. Try again or come back later."
}) %>

72
html/account-create.ejs Normal file
View File

@ -0,0 +1,72 @@
<%
var alphabet = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_'.split('')
, length = 64
, map = {}
, seed = 0
, i = 0
, prev;
/**
* Return a string representing the specified number.
*
* @param {Number} num The number to convert.
* @returns {String} The string representation of the number.
* @api public
*/
function encode(num) {
var encoded = '';
do {
encoded = alphabet[num % length] + encoded;
num = Math.floor(num / length);
} while (num > 0);
return encoded;
}
/**
* Return the integer value specified by the given string.
*
* @param {String} str The string to convert.
* @returns {Number} The integer value represented by the string.
* @api public
*/
function decode(str) {
var decoded = 0;
for (i = 0; i < str.length; i++) {
decoded = decoded * length + map[str.charAt(i)];
}
return decoded;
}
/**
* Yeast: A tiny growing id generator.
*
* @returns {String} A unique id.
* @api public
*/
function yeast() {
var now = encode(+new Date());
if (now !== prev) return seed = 0, prev = now;
return now +'.'+ encode(seed++);
} %>
<script>
var apiurl = "https://poketube.fun/api"
<% var userid = yeast() %>
if(!localStorage.getItem("UserID")) {
localStorage.setItem('UserID', `<%- userid %>`);
<% db.set(`user.${userid}`, userid) %>
location.href = "/my-acc?ID=" + `<%- userid %>` + "&rparam=1"
}
if(localStorage.getItem("UserID")) {
location.href = "/my-acc?ID=" + localStorage.getItem("UserID") + "&rparam=1"
}
</script>

96
html/account-me.ejs Normal file
View File

@ -0,0 +1,96 @@
<!DOCTYPE html><html>
<head>
<title>PokeTube | Subscriptions </title>
<meta name="viewport" content="width=device-1200px, initial-scale=1.0, shrink-to-fit=yes, viewport-fit=cover">
<link href=/css/yt-ukraine.svg?v=6 rel=icon>
<link href=/css/app.main.css?v=44600 rel=stylesheet>
<style>
/* Define the grid container */
.grid-container {
display: grid;
grid-template-columns: repeat(2, 0.2fr);
gap: 2px; /* Set the gap between grid items */
margin-left: auto;
margin-right: auto;
max-width: 15em;
}
/* Style for grid items */
.grid-item {
background-color: #333;
padding: 20px;
max-width:5em;
text-align: center;
border-radius: 1em;
}
body{
font-family:sans-serif;
color:#fff;
background-image: radial-gradient(circle, #231638, #2b160e, #09250e, #0f132b);
animation: gradient 64s ease infinite;
background-size: 400% 400%;}
h1 {
font-family:"poketube flex";
font-weight: 800;
font-stretch: extra-expanded;
}
a {
background: #111;
padding: 5px;
color: #fff;
text-decoration: none !important;
border-radius: 5px;
}
@keyframes gradient {
0% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
</style>
</head>
<body>
User: <%- userid %><br>
<i><b>do not share ur user id with anyone</b></i><br><br>
<div>
<a style="margin-top:-59px; float: right" href="/api/get-channel-subs?ID=<%- userid %>">view json</a>
</div>
<br>
<center>
<h1>
My subscriptions
</h1>
</center>
<div class="grid-container">
<% if (userSubs) { %>
<% for (const channelID in userSubs) { %>
<div class="grid-item">
<img style="width:5em;border-radius:5px" src="<%= userSubs[channelID].avatar %>" alt="Avatar"><br >
<br>
<%= userSubs[channelID].channelName %><br>
<div style="gap: 1px;display: flex;margin-left: -12px;">
<a href="/api/remove-channel-sub?ID=<%- userid %>&channelID=<%= channelID %>" style="margin-bottom:1px">unsub </a> <a href="/channel?id=<%= channelID %>">view</a>
</div> </div>
<% } %>
<% } %>
</div>
</div>
</body>
</html>

137
html/apps.ejs Normal file
View File

@ -0,0 +1,137 @@
<!--
This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2024 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">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Poke Apps</title>
<meta content="▶▶ Poke - The Ultimate privacy App!" property=og:title>
<meta content="Poke is more then a youtueb front end - see all the stuff in poke!! :3" property=twitter:description>
<meta content="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/aa70111e-5bcd-4379-8b23-332a33012b78.image.png?v=1701898829884" property="og:image" />
<meta content="summary_large_image" name="twitter:card" />
<link rel="manifest" href="/manifest.json">
<link href="/css/yt-ukraine.svg?v=3" rel="icon" />
<link href="https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css" rel="stylesheet" />
<style>
@font-face {
font-family: "PokeTube Flex";
src: url("https://p.poketube.fun/https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/robotoflex.ttf?v=1668343428681");
font-style: normal;
font-stretch: 1% 800%;
font-display: swap;
}
body {
font-family: "PokeTube flex", sans-serif;
margin: 0;
display: flex;
background-image: radial-gradient(
circle,
#231638,
#2b160e,
#09250e,
#0f132b
);
animation: gradient 64s ease infinite;
background-size: 400% 400%;
min-height: 100vh;
align-items: center;
justify-content: center;
}
h1 {
margin-top: 0;
font-weight: 1000;
font-stretch: ultra-expanded;
font-family: "Poketube flex";
color: #fff;
}
@keyframes gradient {
0% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
.poke-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
padding: 16px;
background: #1e1e1e;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.poke-header {
text-align: center;
padding: 16px;
background: #212121;
color: #fff;
border-radius: 8px 8px 0 0;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
grid-column: span 4;
}
.subtext {
color: #b0b0b0;
margin-top: 8px;
}
.poke-app-btn {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px;
background: #2c2c2c;
color: #fff;
text-decoration: none;
border-radius: 4px;
font-size: 14px;
transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.poke-app-btn:hover {
background: #404040;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.poke-app-btn i {
margin-bottom: 8px;
font-size: 24px;
}
</style>
</head>
<body>
<div class="poke-container">
<div class="poke-header">
<h1>Moar from Poke</h1>
<p class="subtext">Poke is not just a youtube front end - its moar!!</p>
</div>
<a href="/game-hub" class="poke-app-btn"><i class="fa-light fa-gamepad"></i>Games</a>
<a href="/search" class="poke-app-btn"><i class="fa-light fa-search"></i>Search</a>
<a href="/translate" class="poke-app-btn"><i class="fa-light fa-language"></i>Translate</a>
<a href="/map" class="poke-app-btn"><i class="fa-light fa-map-marker-alt"></i>Maps</a>
<a href="https://social.poketube.fun" class="poke-app-btn"><i class="fa-brands fa-mastodon"></i>Fediverse</a>
<a href="/calendar" class="poke-app-btn"><i class="fa-light fa-calendar"></i>Calendar</a>
<a href="/app" class="poke-app-btn"><i class="fa-light fa-play"></i>Watch</a>
<a href="/settings" class="poke-app-btn"><i class="fa-light fa-cogs"></i>Settings</a>
</div>
</body>
</html>

188
html/calendar.ejs Normal file
View File

@ -0,0 +1,188 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="manifest" href="/manifest.json">
<link href="css/yt-ukraine.svg" rel="icon">
<title>Poke! Calendar</title>
<meta content="PokeCalendar" property="og:title">
<meta content="Worlds first no js web calendar :3" property="twitter:description">
<meta content="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/aa70111e-5bcd-4379-8b23-332a33012b78.image.png?v=1701898829884" property="og:image" />
<meta content=summary_large_image name=twitter:card>
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline'">
<meta name="referrer" content="no-referrer">
<style>
body {
background-color: #121212;
color: #ffffff;
font-family: Arial, sans-serif;
margin: 0;
}
.navbar {
background-color: #333333;
padding: 10px;
display: flex;
align-items: center; /* Center items vertically */
justify-content: space-between; /* Space items evenly */
}
.navbar h1 {
margin: 0;
color: #bb86fc;
}
.navbar .years {
color: #bb86fc; /* Year text color */
display: flex; /* Use flexbox for alignment */
gap: 20px; /* Space between year elements */
flex-wrap: wrap; /* Allow wrapping on smaller screens */
justify-content: center; /* Center items on smaller screens */
}
.container {
text-align: center;
padding: 20px;
background-color: #1e1e1e;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
width: 90%;
max-width: 800px;
margin: auto;
}
h2, h3 {
color: #bb86fc;
margin: 10px 0; /* Margin between h2 elements */
}
.month-title {
font-size: 1.5em; /* Adjust the size as needed */
margin: 20px 0; /* Spacing above and below */
color: #bb86fc; /* Month title color */
}
.calendar-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
.calendar-table th, .calendar-table td {
padding: 15px;
text-align: center;
border: 1px solid #333333;
font-size: 0.9em; /* Smaller font size for better fit */
}
.calendar-table th {
background-color: #333333;
}
.calendar-table td {
background-color: #2c2c2c;
color: #ffffff;
}
.nav-links {
margin-top: 20px;
}
.button {
text-decoration: none;
color: #ffffff;
background-color: #bb86fc;
padding: 10px 20px;
border-radius: 5px;
margin: 0 10px;
transition: background-color 0.3s;
}
.button:hover {
background-color: #9c62f3;
}
/* Responsive styles */
@media (max-width: 768px) {
.navbar {
flex-direction: column; /* Stack navbar items vertically on small screens */
align-items: center; /* Center items horizontally */
}
.container {
width: 100%; /* Full width on small screens */
height: 100vh; /* Full height of the viewport */
border-radius: 0; /* Remove border-radius for full-screen effect */
box-shadow: none; /* Remove shadow for a flatter design */
padding: 10px; /* Adjust padding for mobile */
}
.calendar-table th, .calendar-table td {
padding: 10px; /* Reduced padding for smaller screens */
font-size: 0.8em; /* Smaller font size */
}
.month-title {
font-size: 1.2em; /* Smaller month title */
}
.button {
padding: 8px 15px; /* Smaller button size */
margin: 5px 0; /* Vertical spacing */
display: block; /* Stack buttons vertically */
width: 100%; /* Full width */
}
}
</style>
</head>
<body>
<div class="navbar">
<a class="class" href="/143" style="font-family: Inter, sans-serif; color: #fff">
<img style="transform: scale(1.3); padding-left: 0.9em; width: 8.5em; display: block; margin-left: auto; margin-right: auto;" src="/css/logo-poke.svg?v=5">
</a>
<div class="years">
<h2>Gregorian Year: <%= year %></h2>
<h2>Islamic Year: <%= islamicYear %></h2>
<h2>Persian Year: <%= persianYear %></h2>
</div>
</div>
<div class="container" style="margin-top: 1em;">
<h2 class="month-title"><%= queryDate.toLocaleString('default', { month: 'long' }) %> <%= year %></h2> <!-- Month and Year Display -->
<table class="calendar-table">
<thead>
<tr>
<th>Sunday</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
<th>Saturday</th>
</tr>
</thead>
<tbody>
<% for (let i = 0; i < 6; i++) { %>
<tr>
<% for (let j = 0; j < 7; j++) { %>
<td>
<% const day = days[i * 7 + j]; %>
<%= day ? day.getDate() : '' %>
</td>
<% } %>
</tr>
<% } %>
</tbody>
</table>
<div class="nav-links">
<a href="/calendar?date=<%= new Date(currentDate.getFullYear(), month - 1, 1).toISOString() %>" class="button">Previous Month</a>
<a href="/calendar?date=<%= new Date(currentDate.getFullYear(), month + 1, 1).toISOString() %>" class="button">Next Month</a>
</div>
</div>
</body>
</html>

1032
html/channel.ejs
View File

File diff suppressed because it is too large Load Diff

440
html/content-settings.ejs Normal file
View File

@ -0,0 +1,440 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="manifest" href="/manifest.json">
<link href="https://codeberg.org/Ashley/poketube/raw/branch/main/css/yt-ukraine.svg" rel=icon>
<title> Content Settings | PokeTube :3 </title>
<style>
:root {
--text-primary: #fff;
--text-secondary: #aaaaaa;
--text-link: #3ea6ff;
--top-bar-background: #0f0f0f;
--guide-background: #0f0f0f;
--border-color: #272727;
--button-hover-background: #272727;
--button-active-background: #3d3d3d;
--item-hover-background: #0000;
--item-active-background: #3d3d3d;
--app-background: #0f0f0f;
--context-menu-background: #282828;
--thumbnail-background: #252525;
--search-bar-background: #ffffff03;
--nojs-color-switcher: #f5d562;
/* Button colors */
--btn-hover-color-blue: #263850;
--chip-background: #272727;
--chip-background-hover: #3f3f3f;
--chip-background-active: #535353;
--subscribe-button: #c00;
--subscribe-button-hover: #c00;
--subscribe-button-subscribed: #272727;
--subscribe-button-subscribed-hover: #3f3f3f;
--playlist-header-background: #202020;
--playlist-background: #181818;
/* Playlist gradient */
--playlist-gradient-start: #3338;
--playlist-gradient-end: #0000;
}
* {
font-family:sans-serif;
}
body {
display: flex;
height: 100vh;
background:linear-gradient(135deg, #820622 10%, #4e2e82 100%, #725965 100%);
overflow: hidden;
}
@font-face {
font-family: "PokeTube Flex";
src: url("https://p.poketube.fun/https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/robotoflex.ttf?v=1668343428681");
font-style: normal;
font-stretch: 1% 800%;
font-display: swap;
}
body, .loaded, select {cursor: url('/static/cursor.ico') 2 0, default !important}
button {cursor: url('/static/cursor-pointer.ico') 14 0, pointer !important}
.cnt {
margin: auto;
display: flex;
flex-flow: column;
align-self: center;
background: #0006;
color: #fff;
padding: 1em;
border-radius: 31px;
min-height: 26em;
min-width: 35em;
margin-top: 5em;
}
a {
color:#0ab7f0;
text-decoration: none;
}
a.class:hover {
text-decoration: underline;
font-weight: bold;
}
@media screen and (max-height: 643px) {
.wave {
margin-bottom: -7em;
}
}
.head {
font-family:"Poketube flex";
font-weight: 1000;
font-style: italic;
text-transform: uppercase;
font-stretch: extra-expanded;
}
@media screen and (min-height: 768px) {
.wave {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: -7em;
display: block;
}
}
p {
text-align: center;
font-family: "Poketube Flex";
font-weight: 600;
font-stretch: expanded;
}
button {
width: 10em;
margin-left: auto;
margin-right: auto;
height: 59px;
font-size: 18px;
border-radius: 11px;
background: #333;
color: white;
border: none;
margin-top: 25px;
}
.ily{
text-align: center;
}
select {
padding: 8px;
background: var(--chip-background);
border: var(--border-color);
border-radius: 50px;
color: #fff;
}
select:hover {
background-color: var(--chip-background-hover);
}
button:hover {
background-color: var(--chip-background-hover);
cursor:pointer;
}
select:active {
background-color: var(--chip-background-active);
}
</style>
</head>
<body>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
/**
* @licstart The following is the entire license notice for the JavaScript
* code in this page.
*
* Copyright (C) 2021-2023 POKETUBE (https://codeberg.org/Ashley/poketube)
*
* The JavaScript code in this page is free software: you can redistribute
* it and/or modify it under the terms of the GNU General Public License
* (GNU GPL) as published by the Free Software Foundation, either version 3
* of the License, or (at your option) any later version. The code is
* distributed WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU GPL
* for more details.
*
* As additional permission under GNU GPL version 3 section 7, you may
* distribute non-source (e.g., minimized or compacted) forms of that code
* without the copy of the GNU GPL normally required by section 4, provided
* you include this license notice and a URL through which recipients can
* access the Corresponding Source.
*
* @licend The above is the entire license notice for the JavaScript code
* in this page.
*/
//--><!]]>
</script>
<div class="cnt">
<center>
<h1 class="head">
settings
</h1>
</center>
<div>
<p>
<h1 style="margin: 0px;">
Region
</h1>
Change the contents region!! :3
</p>
</div>
<select id="gl" style="width: 14em;" class="subscription-dropdown">
<option value="DZ">Algeria</option>
<option value="AR">Argentina</option>
<option value="AU">Australia</option>
<option value="AT">Austria</option>
<option value="AZ">Azerbaijan</option>
<option value="BH">Bahrain</option>
<option value="BD">Bangladesh</option>
<option value="BY">Belarus</option>
<option value="BE">Belgium</option>
<option value="BO">Bolivia</option>
<option value="BA">Bosnia and Herzegovina</option>
<option value="BR">Brazil</option>
<option value="BG">Bulgaria</option>
<option value="KH">Cambodia</option>
<option value="CA">Canada</option>
<option value="CL">Chile</option>
<option value="CO">Colombia</option>
<option value="CR">Costa Rica</option>
<option value="HR">Croatia</option>
<option value="CY">Cyprus</option>
<option value="CZ">Czechia</option>
<option value="DK">Denmark</option>
<option value="DO">Dominican Republic</option>
<option value="EC">Ecuador</option>
<option value="EG">Egypt</option>
<option value="SV">El Salvador</option>
<option value="EE">Estonia</option>
<option value="FI">Finland</option>
<option value="FR">France</option>
<option value="GE">Georgia</option>
<option value="DE">Germany</option>
<option value="GH">Ghana</option>
<option value="GR">Greece</option>
<option value="GT">Guatemala</option>
<option value="HN">Honduras</option>
<option value="HK">Hong Kong</option>
<option value="HU">Hungary</option>
<option value="IS">Iceland</option>
<option value="IN">India</option>
<option value="ID">Indonesia</option>
<option value="IQ">Iraq</option>
<option value="IE">Ireland</option>
<option value="IL">Israel</option>
<option value="IT">Italy</option>
<option value="JM">Jamaica</option>
<option value="JP">Japan</option>
<option value="JO">Jordan</option>
<option value="KZ">Kazakhstan</option>
<option value="KE">Kenya</option>
<option value="KW">Kuwait</option>
<option value="LA">Laos</option>
<option value="LV">Latvia</option>
<option value="LB">Lebanon</option>
<option value="LY">Libya</option>
<option value="LI">Liechtenstein</option>
<option value="LT">Lithuania</option>
<option value="LU">Luxembourg</option>
<option value="MY">Malaysia</option>
<option value="MT">Malta</option>
<option value="MX">Mexico</option>
<option value="ME">Montenegro</option>
<option value="MA">Morocco</option>
<option value="NP">Nepal</option>
<option value="NL">Netherlands</option>
<option value="NZ">New Zealand</option>
<option value="NI">Nicaragua</option>
<option value="NG">Nigeria</option>
<option value="MK">North Macedonia</option>
<option value="NO">Norway</option>
<option value="OM">Oman</option>
<option value="PK">Pakistan</option>
<option value="PA">Panama</option>
<option value="PG">Papua New Guinea</option>
<option value="PY">Paraguay</option>
<option value="PE">Peru</option>
<option value="PH">Philippines</option>
<option value="PL">Poland</option>
<option value="PT">Portugal</option>
<option value="PR">Puerto Rico</option>
<option value="QA">Qatar</option>
<option value="RO">Romania</option>
<option value="RU">Russia</option>
<option value="SA">Saudi Arabia</option>
<option value="SN">Senegal</option>
<option value="RS">Serbia</option>
<option value="SG">Singapore</option>
<option value="SK">Slovakia</option>
<option value="SI">Slovenia</option>
<option value="ZA">South Africa</option>
<option value="KR">South Korea</option>
<option value="ES">Spain</option>
<option value="LK">Sri Lanka</option>
<option value="SE">Sweden</option>
<option value="CH">Switzerland</option>
<option value="TW">Taiwan</option>
<option value="TZ">Tanzania</option>
<option value="TH">Thailand</option>
<option value="TN">Tunisia</option>
<option value="TR">Turkey</option>
<option value="UG">Uganda</option>
<option value="UA">Ukraine</option>
<option value="AE">United Arab Emirates</option>
<option value="GB">United Kingdom</option>
<option value="US" selected>United States</option>
<option value="UY">Uruguay</option>
<option value="VE">Venezuela</option>
<option value="VN">Vietnam</option>
<option value="YE">Yemen</option>
<option value="ZW">Zimbabwe</option>
</select>
<hr style="visibility: hidden;"> <div>
<h1 style="margin: 0px;">
Language
</h1>
Change the title and desc language!!
</p>
</div>
<select id="hl" style="width: 14em;" class="subscription-dropdown">
<option value="af">Afrikaans</option>
<option value="az">Az&#x259;rbaycan</option>
<option value="id">Bahasa Indonesia</option>
<option value="ms">Bahasa Malaysia</option>
<option value="bs">Bosanski</option>
<option value="ca">Catal&#xE0;</option>
<option value="cs">&#x10C;e&#x161;tina</option>
<option value="da">Dansk</option>
<option value="de">Deutsch</option>
<option value="et">Eesti</option>
<option value="en-IN">English (India)</option>
<option value="en-GB">English (UK)</option>
<option value="en" selected>English (US)</option>
<option value="es">Espa&#xF1;ol (Espa&#xF1;a)</option>
<option value="es-419">Espa&#xF1;ol (Latinoam&#xE9;rica)</option>
<option value="es-US">Espa&#xF1;ol (US)</option>
<option value="eu">Euskara</option>
<option value="fil">Filipino</option>
<option value="fr">Fran&#xE7;ais</option>
<option value="fr-CA">Fran&#xE7;ais (Canada)</option>
<option value="gl">Galego</option>
<option value="hr">Hrvatski</option>
<option value="zu">IsiZulu</option>
<option value="is">&#xCD;slenska</option>
<option value="it">Italiano</option>
<option value="sw">Kiswahili</option>
<option value="lv">Latvie&#x161;u valoda</option>
<option value="lt">Lietuvi&#x173;</option>
<option value="hu">Magyar</option>
<option value="nl">Nederlands</option>
<option value="no">Norsk</option>
<option value="uz">O&#x2018;zbek</option>
<option value="pl">Polski</option>
<option value="pt-PT">Portugu&#xEA;s</option>
<option value="pt">Portugu&#xEA;s (Brasil)</option>
<option value="ro">Rom&#xE2;n&#x103;</option>
<option value="sq">Shqip</option>
<option value="sk">Sloven&#x10D;ina</option>
<option value="sl">Sloven&#x161;&#x10D;ina</option>
<option value="sr-Latn">Srpski</option>
<option value="fi">Suomi</option>
<option value="sv">Svenska</option>
<option value="vi">Ti&#x1EBF;ng Vi&#x1EC7;t</option>
<option value="tr">T&#xFC;rk&#xE7;e</option>
<option value="be">&#x411;&#x435;&#x43B;&#x430;&#x440;&#x443;&#x441;&#x43A;&#x430;&#x44F;</option>
<option value="bg">&#x411;&#x44A;&#x43B;&#x433;&#x430;&#x440;&#x441;&#x43A;&#x438;</option>
<option value="ky">&#x41A;&#x44B;&#x440;&#x433;&#x44B;&#x437;&#x447;&#x430;</option>
<option value="kk">&#x49A;&#x430;&#x437;&#x430;&#x49B; &#x422;&#x456;&#x43B;&#x456;</option>
<option value="mk">&#x41C;&#x430;&#x43A;&#x435;&#x434;&#x43E;&#x43D;&#x441;&#x43A;&#x438;</option>
<option value="mn">&#x41C;&#x43E;&#x43D;&#x433;&#x43E;&#x43B;</option>
<option value="ru">&#x420;&#x443;&#x441;&#x441;&#x43A;&#x438;&#x439;</option>
<option value="sr">&#x421;&#x440;&#x43F;&#x441;&#x43A;&#x438;</option>
<option value="uk">&#x423;&#x43A;&#x440;&#x430;&#x457;&#x43D;&#x441;&#x44C;&#x43A;&#x430;</option>
<option value="el">&#x395;&#x3BB;&#x3BB;&#x3B7;&#x3BD;&#x3B9;&#x3BA;&#x3AC;</option>
<option value="hy">&#x540;&#x561;&#x575;&#x565;&#x580;&#x565;&#x576;</option>
<option value="iw">&#x5E2;&#x5D1;&#x5E8;&#x5D9;&#x5EA;</option>
<option value="ur">&#x627;&#x631;&#x62F;&#x648;</option>
<option value="ar">&#x627;&#x644;&#x639;&#x631;&#x628;&#x64A;&#x629;</option>
<option value="fa">&#x641;&#x627;&#x631;&#x633;&#x6CC;</option>
<option value="ne">&#x928;&#x947;&#x92A;&#x93E;&#x932;&#x940;</option>
<option value="mr">&#x92E;&#x930;&#x93E;&#x920;&#x940;</option>
<option value="hi">&#x939;&#x93F;&#x928;&#x94D;&#x926;&#x940;</option>
<option value="as">&#x985;&#x9B8;&#x9AE;&#x9C0;&#x9AF;&#x9BC;&#x9BE;</option>
<option value="bn">&#x9AC;&#x9BE;&#x982;&#x9B2;&#x9BE;</option>
<option value="pa">&#xA2A;&#xA70;&#xA1C;&#xA3E;&#xA2C;&#xA40;</option>
<option value="gu">&#xA97;&#xAC1;&#xA9C;&#xAB0;&#xABE;&#xAA4;&#xAC0;</option>
<option value="or">&#xB13;&#xB21;&#xB3C;&#xB3F;&#xB06;</option>
<option value="ta">&#xBA4;&#xBAE;&#xBBF;&#xBB4;&#xBCD;</option>
<option value="te">&#xC24;&#xC46;&#xC32;&#xC41;&#xC17;&#xC41;</option>
<option value="kn">&#xC95;&#xCA8;&#xCCD;&#xCA8;&#xCA1;</option>
<option value="ml">&#xD2E;&#xD32;&#xD2F;&#xD3E;&#xD33;&#xD02;</option>
<option value="si">&#xDC3;&#xDD2;&#xD82;&#xDC4;&#xDBD;</option>
<option value="th">&#xE20;&#xE32;&#xE29;&#xE32;&#xE44;&#xE17;&#xE22;</option>
<option value="lo">&#xEA5;&#xEB2;&#xEA7;</option>
<option value="my">&#x1017;&#x1019;&#x102C;</option>
<option value="ka">&#x10E5;&#x10D0;&#x10E0;&#x10D7;&#x10E3;&#x10DA;&#x10D8;</option>
<option value="am">&#x12A0;&#x121B;&#x122D;&#x129B;</option>
<option value="km">&#x1781;&#x17D2;&#x1798;&#x17C2;&#x179A;</option>
<option value="zh-CN">&#x4E2D;&#x6587; (&#x7B80;&#x4F53;)</option>
<option value="zh-TW">&#x4E2D;&#x6587; (&#x7E41;&#x9AD4;)</option>
<option value="zh-HK">&#x4E2D;&#x6587; (&#x9999;&#x6E2F;)</option>
<option value="ja">&#x65E5;&#x672C;&#x8A9E;</option>
<option value="ko">&#xD55C;&#xAD6D;&#xC5B4;</option>
</select>
<br>
<button onclick="saveToLocalStorage()">
Save
</button>
<script>
function saveToLocalStorage() {
const selectedRegion = document.getElementById("gl").value;
const selectedLanguage = document.getElementById("hl").value;
localStorage.setItem("Region", selectedRegion);
localStorage.setItem("Language", selectedLanguage);
alert("saved!");
}
</script>
</div>
</body>
</html>

37
html/custom-css.ejs
View File

@ -1,7 +1,7 @@
<!-- <!--
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2023 POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-2023 POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by
@ -18,34 +18,28 @@
--> -->
<!DOCTYPE html><html> <!DOCTYPE html><html class="gradient-bg">
<head> <head>
<title>PokeTube | Customize</title> <title>PokeTube | Customize</title>
<link href=/css/yt-ukraine.svg?v=6 rel=icon> <link href=/css/yt-ukraine.svg?v=6 rel=icon>
<meta content="PokeTube | Customize " property=og:title> <meta content="Poke | Customize " property=og:title>
<meta content="Theme poketube and do custom js stuff - go wild !" property=twitter:description> <meta content="Theme poke and do custom js stuff - go wild !" property=twitter:description>
<meta content="https://cdn.glitch.global/33bc0843-7505-4fb9-92a6-4e8b0e74979f/0ddd4508-9a7d-4c3c-9f8e-da5a8c115e16.image.png?v=1671545627005" property="og:image" /> <meta content="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/aa70111e-5bcd-4379-8b23-332a33012b78.image.png?v=1701898829884" property="og:image" />
<meta content="summary_large_image" name="twitter:card" /> <meta content="summary_large_image" name="twitter:card" />
<!--
these are old lol
<meta content=@PoketaleBot name=twitter:site>
<meta content=@PoketaleBot name=twitter:creator>
-->
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href=/css/search.main.css rel=stylesheet> <link href=/css/search.main.css?v=57 rel=stylesheet>
<meta content="#f97794" name="theme-color" /> <meta content="#f97794" name="theme-color" />
<link href=/css/watch.main.css rel=stylesheet> <link href=/css/watch.main.css rel=stylesheet>
<link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet> </head>
</head>
<body> <body>
<section class=youtube-video> <section class=youtube-video>
<style> <style>
@import url("https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css"); @import url("https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css");
* { * {
font-family:ubuntu, sans-serif font-family:ubuntu, sans-serif
@ -60,6 +54,10 @@
summary:hover{ summary:hover{
color:white; color:white;
} }
.gradient-bg{
background:linear-gradient(135deg, #820622 10%, #4e2e82 100%, #725965 100%);
}
</style> </style>
<!-- WIGGLE WIGGLE WIGGLE --> <!-- WIGGLE WIGGLE WIGGLE -->
<style> <style>
@ -397,7 +395,7 @@ text-transform:uppercase;
* @licstart The following is the entire license notice for the JavaScript * @licstart The following is the entire license notice for the JavaScript
* code in this page. * code in this page.
* *
* Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/poketube) * Copyright (C) 2021-2022 POKETUBE (https://codeberg.org/Ashley/poketube)
* *
* The JavaScript code in this page is free software: you can redistribute * The JavaScript code in this page is free software: you can redistribute
* it and/or modify it under the terms of the GNU General Public License * it and/or modify it under the terms of the GNU General Public License
@ -419,7 +417,7 @@ text-transform:uppercase;
//--><!]]> //--><!]]>
</script> </script>
<div class="app"> <div class="app gradient-bg">
<nav> <nav>
<div class="left"> <div class="left">
@ -442,7 +440,7 @@ text-transform:uppercase;
<a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a> <a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a>
<a href="/privacy"><i class="fa-light fa-shield"></i></a> <a href="/privacy"><i class="fa-light fa-shield"></i></a>
<a href="/video/upload?from="><i class="fa-light fa-video"></i></a> <a href="/video/upload?from="><i class="fa-light fa-video"></i></a>
<a href="https://github.com/iamashley0/poketube/issues"><i class="fa-light fa-bug"></i></a> <a href="https://codeberg.org/Ashley/poketube/issues"><i class="fa-light fa-bug"></i></a>
</div> </div>
</nav> </nav>
@ -481,7 +479,6 @@ text-transform:uppercase;
</div>
<script> <script>
@ -567,6 +564,8 @@ text-transform:uppercase;
<% } %> <% } %>
<script src="/css/custom-css.js"> </script> <script src="/css/custom-css.js"> </script>
</div>
</body> </body>
</html> </html>

675
html/main.ejs → html/discover.ejs
View File

@ -1,7 +1,7 @@
<!-- <!--
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-2024 POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by
@ -20,23 +20,23 @@
<!DOCTYPE html><html> <!DOCTYPE html><html>
<head> <head>
<title>PokeTube - Privacy Is Your Right</title> <title>Poke | Discover</title>
<link href=/css/yt-ukraine.svg?v=6 rel=icon> <link href="/css/yt-ukraine.svg?v=6" rel=icon>
<meta content=website property=og:type> <meta content=website property=og:type>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="PokeTube - Discover" property=og:title> <meta content="Poke - Discover" property=og:title>
<meta content="Discover Popular videos on poketube!" property=twitter:description> <meta content="Discover Popular videos on poke!" property=twitter:description>
<meta content="https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/17a7fa1d-cdf9-4b73-9686-21e62c7fb285.image.png?v=1667739586452" property=og:image> <meta content="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/aa70111e-5bcd-4379-8b23-332a33012b78.image.png?v=1701898829884" property=og:image>
<meta content=summary_large_image name=twitter:card> <meta content=summary_large_image name=twitter:card>
<meta content=@PoketaleBot name=twitter:site> <link rel="manifest" href="/manifest.json">
<meta content=@PoketaleBot name=twitter:creator> <meta name="darkreader-lock"> <!-- tells dark reader that the site has a dark theme and to turn itself off -->
<link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href="/css/app-cdn.min.css" rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href="/css/app-cdn.min.css" rel=stylesheet>
<link href=/css/search.main.css rel=stylesheet> <link href="/css/app.main.css?v=44600" rel=stylesheet>
<link href="/css/search.main.css?v=57" rel=stylesheet>
<link href=/css/watch.main.css rel=stylesheet> <link href=/css/watch.main.css rel=stylesheet>
<link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet> <meta content="#1a1a1a" name="theme-color">
<meta content="#1a1a1a" name="theme-color">
</head> </head>
<style> <style>
.mn { .mn {
@ -55,11 +55,13 @@
src:url('https://p.poketube.fun/https://cdn.statically.io/gh/brecert/discord-quote-generator/main/Ginto-Nord-800.woff') format("woff"); src:url('https://p.poketube.fun/https://cdn.statically.io/gh/brecert/discord-quote-generator/main/Ginto-Nord-800.woff') format("woff");
} }
</style> <style nonce="IJD3y0awTwA2dd0pWOP+ZQ"> </style>
<style nonce="IJD3y0awTwA2dd0pWOP+ZQ">
#yt-masthead{line-height:0;margin:15px auto;width:440px;margin-top:25px}#logo-container{margin-right:5px;float:left;cursor:pointer;text-decoration:none}.logo{background:no-repeat url("//www.gstatic.com/youtube/img/branding/youtubelogo/1x/youtubelogo_30.png");width:125px;height:30px;cursor:pointer;display:inline-block}#masthead-search{display:flex;margin-top:3px;max-width:650px;overflow:hidden;padding:0;position:relative}.search-button{border-left:0;-moz-border-radius-topleft:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;float:right;height:29px;padding:0;border:solid 1px transparent;border-color:#ffff;background:#999;;color:#333;cursor:pointer}.search-button:hover{border-color:#c6c6c6;background:#f0f0f0;box-shadow:0 1px 0 rgba(0,0,0,0.0)}.search-button-content{border:none;display:block;opacity:.6;padding:0;text-indent:-10000px;background:no-repeat url(//www.gstatic.com/youtube/src/web/htdocs/img/search.png);background-size:auto;width:15px;height:15px;box-shadow:none;margin:0 25px}#masthead-search-terms-border{flex:1 1 auto;border:1px solid #ccc;box-shadow:inset 0 1px 2px #eee;background-color:#fff;font-size:14px;height:29px;line-height:30px;margin:0 0 2px;overflow:hidden;position:relative;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s ease;transition:border-color .2s ease}#masthead-search-terms{background:#2c2f33;border:0;font-size:16px;height:100%;left:0;margin:0;outline:none;padding:2px 6px;position:absolute;width:100%;-moz-box-sizing:border-box;box-sizing:border-box} #yt-masthead{line-height:0;margin:15px auto;width:440px;margin-top:25px}#logo-container{margin-right:5px;float:left;cursor:pointer;text-decoration:none}.logo{background:no-repeat url("//www.gstatic.com/youtube/img/branding/youtubelogo/1x/youtubelogo_30.png");width:125px;height:30px;cursor:pointer;display:inline-block}#masthead-search{display:flex;margin-top:3px;max-width:650px;overflow:hidden;padding:0;position:relative}.search-button{border-left:0;-moz-border-radius-topleft:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;float:right;height:29px;padding:0;border:solid 1px transparent;border-color:#ffff;background:#999;;color:#333;cursor:pointer}.search-button:hover{border-color:#c6c6c6;background:#f0f0f0;box-shadow:0 1px 0 rgba(0,0,0,0.0)}.search-button-content{border:none;display:block;opacity:.6;padding:0;text-indent:-10000px;background:no-repeat url(//www.gstatic.com/youtube/src/web/htdocs/img/search.png);background-size:auto;width:15px;height:15px;box-shadow:none;margin:0 25px}#masthead-search-terms-border{flex:1 1 auto;border:1px solid #ccc;box-shadow:inset 0 1px 2px #eee;background-color:#fff;font-size:14px;height:29px;line-height:30px;margin:0 0 2px;overflow:hidden;position:relative;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s ease;transition:border-color .2s ease}#masthead-search-terms{background:#2c2f33;border:0;font-size:16px;height:100%;left:0;margin:0;outline:none;padding:2px 6px;position:absolute;width:100%;-moz-box-sizing:border-box;box-sizing:border-box}
</style> </style>
<body> <body>
<section class=youtube-video> <section class=youtube-video>
@ -78,65 +80,12 @@ summary:hover{
} }
</style> </style>
<!-- WIGGLE WIGGLE WIGGLE --> <style>
<style>
body{ body{
overflow-x: hidden; /* Hide horizontal scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */
color:#111111 color:#111111
} }
.animated {
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
}
@-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.wiggle {
-webkit-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.wiggle {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
:root { :root {
--text-primary: #fff; --text-primary: #fff;
--text-secondary: #fff; --text-secondary: #fff;
@ -185,14 +134,19 @@ summary:hover{
} }
.progress-bar { .progress-bar {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 0%; width: 0%;
height: 100%; height: 100%;
background-color: purple; background-image: linear-gradient(to right,
#ff0045,
#ff0e55,
#ff1d79
);
transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out;
} }
.video > .info > .title { .video > .info > .title {
color: var(--text-primary) !important; color: var(--text-primary) !important;
font-weight: bold; font-weight: bold;
@ -232,8 +186,7 @@ margin-right: auto;
color: black; color: black;
} }
</style> section p {
<style>section p {
font-family:Whitney, Helvetica Neue, Helvetica, Arial, sans-serif; font-family:Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:400; font-weight:400;
color:#fff; color:#fff;
@ -259,18 +212,33 @@ margin-right: auto;
overflow-x: auto; overflow-x: auto;
} }
.tabs { .tabs {
display: table; display: table;
font-family:inter; font-family: poketube flex;
border-collapse: separate; border-collapse: separate;
table-layout: auto; table-layout: auto;
font-weight: 800;
font-stretch: extra-expanded;
border-spacing: 3px;
} }
.tabs.tabs-center { .tabs.tabs-center {
margin-left: 2em; margin-left: auto;
} background: #000;
border-radius: 1em;
margin-bottom: 45px;
margin-right: auto;
}
.tabs.tabs-justify { .tabs.tabs-justify {
width: 100%; width: 100%;
table-layout: fixed; table-layout: fixed;
} }
.tab.active {
background: #1a1a1a !important;
border-radius: 1em !important;
}
.tabs a.tab { .tabs a.tab {
position: relative; position: relative;
display: table-cell; display: table-cell;
@ -294,9 +262,7 @@ margin-left: 2em;
left: 0px; left: 0px;
right: 0px; right: 0px;
border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;
background: #9fdafd; opacity: 0;
box-shadow: 0px 4px 10px 3px rgba(60, 180, 250, .15);
opacity: 0;
transform: scale(0, 1); transform: scale(0, 1);
} }
.tabs a.tab.active { .tabs a.tab.active {
@ -306,17 +272,38 @@ margin-left: 2em;
opacity: 1; opacity: 1;
transform: scale(1, 1); transform: scale(1, 1);
} }
</style>
.tab:hover {
background: var(--not-quite-black);
text-decoration: none;
border-radius: 1em;
}
<style>
@keyframes gradient {
0% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
.app, .channel-page {
background-image: radial-gradient(#231638, #2b160e, #09250e, #0f132b);
}
.channel-info-container > img { .channel-info-container > img {
width: 100%; width: 100%;
} }
.video-grid > .video:hover{ .video-grid > .video:hover{
border:solid; border:solid #ff0033;
} }
.video-grid > .video { .video-grid > .video {
border-radius: 16px; border-radius: 16px;
background: black; background: black;
@ -333,17 +320,12 @@ border:solid;
</style> </style>
<body> <body>
<div class="app" style="background-color: var(--channel-contents-background);"> <div class="app" >
<div class="progress-container"> <div class="progress-container">
<div class="progress-bar"></div> <div class="progress-bar"></div>
</div> </div>
<div style="position: inherit;background: red;margin: -1em;">
<p style="color: black;margin-right: auto;margin-left: auto;width: fit-content;">
A magnitude 7.4 earthquake just hit Türkiye's Kahramanmaras province, please donate to the turkish people via: <a href="https://www.kizilay.org.tr/Bagis/BagisYap/215/afet-acil-durum-bagisi" style="color:black">Here </a> | to see latest news check <a href="https://poketube.fun/search?query=turkey+earthquake+news" style="color:black"> poketube</a> or <a href="https://duckduckgo.com/?q=turkey+earthquake&iar=news&ia=news" style="color:black">duckduckgo</a>
</p>
</div>
<nav> <nav>
<div class=left> <div class=left>
@ -358,22 +340,19 @@ border:solid;
<button class="btn btn-success" type=submit><i class="fa-light fa-search"></i></button> <button class="btn btn-success" type=submit><i class="fa-light fa-search"></i></button>
</form> </form>
<img src="https://search-metrics.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;"> <img src="https://t.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;">
</div> </div> </div> </div>
<div class=right> <div class=right>
<button title="Play/Pause Ambient music" class="a" id="audioButton" onclick="toggleAudio()">
<i id="audioIcon" class="fas fa-pause"></i>
</button>
<a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a> <a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a>
<a href="/privacy"><i class="fa-light fa-shield"></i></a> <a href="/privacy"><i class="fa-light fa-shield"></i></a>
<a href="/video/upload?from="><i class="fa-light fa-video"></i></a> <a href="/video/upload?from="><i class="fa-light fa-video"></i></a>
<a href="https://github.com/iamashley0/poketube/issues"><i class="fa-light fa-bug"></i></a> <a href="https://codeberg.org/Ashley/poketube/issues"><i class="fa-light fa-bug"></i></a>
</div> </div>
</nav> </nav>
@ -384,9 +363,10 @@ border:solid;
<div class="channel-page" > <div class="channel-page" >
<audio id="audio" style="display:none;" loop autoplay></audio> <audio id="audio" style="display:none;" loop autoplay></audio>
<img src="https://t.poketube.fun/t/rep.gif" style="width: 0;visibility: hidden;display:none;" id="discover_main">
<h1 style="font-size: 2em;margin-left: auto;margin-right: auto;text-align: center;font-family: poketube flex;font-weight: 1000;font-stretch: ultra-expanded;color: #fff;margin-bottom: 7px;margin-top: 31px;">
Popular Videos On Poke :3 </h1>
<% if (!tab) { %> <% if (!tab) { %>
<div class="tabs tabs-center"> <div class="tabs tabs-center">
@ -409,7 +389,7 @@ border:solid;
<div class="tabs tabs-center"> <div class="tabs tabs-center">
<a href="/" class="tab">Videos</a> <a href="/app" class="tab">Videos</a>
<a href="" class="tab active ">Music</a> <a href="" class="tab active ">Music</a>
@ -429,7 +409,7 @@ border:solid;
<div class="tabs tabs-center"> <div class="tabs tabs-center">
<a href="/" class="tab">Videos</a> <a href="/app" class="tab">Videos</a>
<a href="?tab=music" class="tab">Music</a> <a href="?tab=music" class="tab">Music</a>
<% if (!isMobile) { %> <% if (!isMobile) { %>
@ -448,7 +428,7 @@ border:solid;
<div class="tabs tabs-center"> <div class="tabs tabs-center">
<a href="/" class="tab">Videos</a> <a href="/app" class="tab">Videos</a>
<a href="?tab=music" class="tab">Music</a> <a href="?tab=music" class="tab">Music</a>
<a href="?tab=gaming" class="tab">Gaming</a> <a href="?tab=gaming" class="tab">Gaming</a>
<a href="" class="tab active">Movies</a> <a href="" class="tab active">Movies</a>
@ -460,10 +440,10 @@ border:solid;
<div class="video-grid"> <div class="video-grid" style="border-top-left-radius:2em;width: 80em;border-top-right-radius: 2em;border: solid 1px #df03a8;">
<% inv.forEach(x => { %> <% inv.forEach(x => { %>
<a href="/watch?v=<%- x.videoId %>" class="video"> <a href="/watch?v=<%- x.videoId %>" class="video canloadhd" data-author="<%- x.author %>" >
<div class="thumbnail" style="background-image: url('https://p.poketube.fun/https://i.ytimg.com/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 10px;"><span class="video-length"><%- turntomins(x.lengthSeconds) %></span></div> <div class="thumbnail" style="background-image: url('/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 10px;"><span class="video-length"><%- turntomins(x.lengthSeconds) %></span></div>
<div class="info"> <div class="info">
<span class="title max-lines-2" title="<%- x.title %>" style="font-family:Inter,sans-serif;"><%- x.title %></span> <span class="title max-lines-2" title="<%- x.title %>" style="font-family:Inter,sans-serif;"><%- x.title %></span>
<span class="title max-lines-2" title="Video By <%- x.author %>" style="margin-top:1px">By <%- x.author %></span> <span class="title max-lines-2" title="Video By <%- x.author %>" style="margin-top:1px">By <%- x.author %></span>
@ -474,8 +454,7 @@ border:solid;
<% }) %> <% }) %>
</div> </div>
</div> </div>
@ -486,6 +465,7 @@ border:solid;
<script> <script>
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later // @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
let bgs = document.querySelectorAll('[data-bg]'); let bgs = document.querySelectorAll('[data-bg]');
let bgCount = bgs.length; let bgCount = bgs.length;
@ -529,76 +509,62 @@ window.addEventListener("load", () => {
progressContainer1.style.display = 'none'; progressContainer1.style.display = 'none';
}, 500); }, 500);
}); });
</script>
<script>
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later
const audioElement = document.getElementById("audio"); let isScrolling = false;
audioElement.volume = 0.1; let startY = 0;
let audioToggled = JSON.parse(localStorage.getItem("audioToggled")); let currentY = 0;
let velocityY = 0;
let lastTimestamp = 0;
// When the audio player is loaded, check for stored time value and set current time const element = document.documentElement || document.body; // Use the entire page for scrolling
audioElement.addEventListener("loadedmetadata", () => {
if (audioToggled) { element.addEventListener('mousedown', (e) => {
const storedTime = localStorage.getItem("audioTime-main"); isScrolling = true;
if (storedTime) { startY = e.clientY;
audioElement.currentTime = storedTime; currentY = startY;
} velocityY = 0;
lastTimestamp = performance.now();
});
element.addEventListener('mousemove', (e) => {
if (isScrolling) {
const deltaY = e.clientY - currentY;
currentY = e.clientY;
const timestamp = performance.now();
const elapsed = timestamp - lastTimestamp;
lastTimestamp = timestamp;
velocityY = deltaY / elapsed;
// Update the scroll position based on deltaY
element.scrollTop += deltaY;
} }
}); });
// When the user leaves the page, store the current time value element.addEventListener('mouseup', () => {
window.addEventListener("beforeunload", () => { isScrolling = false;
if (audioToggled) { // Apply the kinetic scrolling effect based on the velocityY
localStorage.setItem("audioTime-main", audioElement.currentTime); const animationFrame = () => {
} if (Math.abs(velocityY) > 0.1) {
}); element.scrollTop += velocityY;
velocityY *= 0.95; // Damping factor
const audio = document.getElementById("audio"); requestAnimationFrame(animationFrame);
const button = document.getElementById("audioButton"); }
const icon = document.getElementById("audioIcon"); };
requestAnimationFrame(animationFrame);
});
function toggleAudio() { element.addEventListener('mouseleave', () => {
if (audio.paused) { isScrolling = false;
audio.play(); });
audio.volume = 0.1;
button.classList.add("playing");
icon.classList.remove("fa-play");
icon.classList.add("fa-pause");
localStorage.setItem("audioToggled", true); // save that audio is toggled
} else {
audio.pause();
button.classList.remove("playing");
icon.classList.remove("fa-pause");
icon.classList.add("fa-play");
localStorage.setItem("audioToggled", false); // save that audio is not toggled
}
}
if (audioToggled === null || audioToggled === undefined) { element.addEventListener('wheel', (e) => {
audioToggled = true; // Adjust the scrollTop based on e.deltaY
} element.scrollTop += e.deltaY;
});
// @license-end
if (audioToggled == false) { </script>
audio.pause();
button.classList.remove("playing");
icon.classList.remove("fa-pause");
icon.classList.add("fa-play");
} else {
audio.play();
audio.volume = 0.1;
audio.src = "https://inv.zzls.xyz/latest_version?id=k3UevKvP9RU&itag=18"
button.classList.add("playing");
icon.classList.remove("fa-play");
icon.classList.add("fa-pause");
}
// Show the audio button
button.style.display = "block";
</script>
</body > </body >
</html> </html>
@ -618,6 +584,8 @@ button.style.display = "block";
<meta content="PokeTube - Privacy Is Your Right" property=og:title> <meta content="PokeTube - Privacy Is Your Right" property=og:title>
<meta content="Privacy Is Your Right - Poketube is a libre front end for YouTube Thats focused on your privacy! your personal data should be nobody's business" property=twitter:description> <meta content="Privacy Is Your Right - Poketube is a libre front end for YouTube Thats focused on your privacy! your personal data should be nobody's business" property=twitter:description>
<meta content="https://cdn.glitch.global/5d35aeaf-2df2-4f2f-a4b7-b486694c329b/0d71ef53-9fc2-4ddd-8814-fcf00ba69155.image.png?v=1664301040809" property=og:image> <meta content="https://cdn.glitch.global/5d35aeaf-2df2-4f2f-a4b7-b486694c329b/0d71ef53-9fc2-4ddd-8814-fcf00ba69155.image.png?v=1664301040809" property=og:image>
<link rel="manifest" href="/manifest.json">
<meta content=summary_large_image name=twitter:card> <meta content=summary_large_image name=twitter:card>
<meta content=@PoketaleBot name=twitter:site> <meta content=@PoketaleBot name=twitter:site>
<meta content=@PoketaleBot name=twitter:creator> <meta content=@PoketaleBot name=twitter:creator>
@ -651,8 +619,8 @@ button.style.display = "block";
<center> <center>
<section class=youtube-video> <section class=youtube-video>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="/css/search.main.css?v=56" rel=stylesheet> <link href="/css/search.main.css?v=57" rel=stylesheet>
<style> <style>
@import url("https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css"); @import url("https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css");
@ -840,55 +808,9 @@ summary:hover{
width: 100%; width: 100%;
overflow-x: auto; overflow-x: auto;
} }
.tabs {
display: table;
font-family:inter; </style>
border-collapse: separate;
table-layout: auto;
}
.tabs.tabs-center {
margin: auto;
}
.tabs.tabs-justify {
width: 100%;
table-layout: fixed;
}
.tabs a.tab {
position: relative;
display: table-cell;
transition: all ease 0.3s;
padding: 1em 1.6em;
transform: translate3d(0, 0, 0);
color: #fff;
white-space: nowrap;
cursor: pointer;
}
.tabs a.tab:hover {
color: #3cb4fa;
}
.tabs a.tab:after {
transition: all 0.3s cubic-bezier(1, 0, 0, 1);
will-change: transform, box-shadow, opacity;
position: absolute;
content: '';
height: 3px;
bottom: 0px;
left: 0px;
right: 0px;
border-radius: 3px 3px 0px 0px;
background: #9fdafd;
box-shadow: 0px 4px 10px 3px rgba(60, 180, 250, .15);
opacity: 0;
transform: scale(0, 1);
}
.tabs a.tab.active {
color: #fff;
}
.tabs a.tab.active:after {
opacity: 1;
transform: scale(1, 1);
}
</style>
<style> <style>
@ -1005,27 +927,92 @@ padding: 3px;
#more-buttons { #more-buttons {
column-width: 10em; column-width: 10em;
column-count: 3; column-count: 3;
column-gap: 0; column-gap: 0;
} }
#more-buttons span { display: block; } #more-buttons span { display: block; }
#more-buttons span a { display: inline-block; } #more-buttons span a { display: inline-block; }
</style> .tabs {
display: table;
font-family: poketube flex;
border-collapse: separate;
table-layout: auto;
font-weight: 800;
font-stretch: extra-expanded;
border-spacing: 3px;
}
.tabs.tabs-center {
margin-left: auto;
background: #000;
border-radius: 1em;
margin-bottom: 45px;
margin-right: auto;
}
.tabs.tabs-justify {
width: 100%;
table-layout: fixed;
}
.tab.active {
background: #1a1a1a !important;
border-radius: 1em !important;
}
.tabs a.tab {
position: relative;
display: table-cell;
transition: all ease 0.3s;
padding: 1em 1.6em;
transform: translate3d(0, 0, 0);
color: #fff;
white-space: nowrap;
cursor: pointer;
}
.tabs a.tab:hover {
color: #3cb4fa;
}
.tabs a.tab:after {
transition: all 0.3s cubic-bezier(1, 0, 0, 1);
will-change: transform, box-shadow, opacity;
position: absolute;
content: '';
height: 3px;
bottom: 0px;
left: 0px;
right: 0px;
border-radius: 3px 3px 0px 0px;
opacity: 0;
transform: scale(0, 1);
}
.tabs a.tab.active {
color: #fff;
}
.tabs a.tab.active:after {
opacity: 1;
transform: scale(1, 1);
}
.tab:hover {
background: var(--not-quite-black);
text-decoration: none;
border-radius: 1em;
}
</style>
<body> <body>
<div class="app" > <div class="app" >
<div class="app"> <nav>
<nav>
<div class=left><a class="class" href="/" style=font-family:Inter,sans-serif;color:#fff> <img style="width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo-mobile.svg"> </a> <div class=left><a class="class" href="/" style=font-family:Inter,sans-serif;color:#fff> <img style="width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo-poke.svg"> </a>
</div> </div>
<div class=right> <div class=right>
<a href="?tab=search"><i class="fa-light fa-search"></i></a>
<a href="?tab=search"><i class="fa-light fa-search"></i></a>
</div> </div>
</nav> </nav>
@ -1034,93 +1021,47 @@ padding: 3px;
</div> </div>
<div class="channel-page" style="background-color: var(--channel-contents-background);"> <div class="channel-page" style="background: #0f0f0f;">
<img src="https://t.poketube.fun/t/rep.gif" style="width: 0;visibility: hidden;display:none;" id="discover_main"> <img src="https://t.poketube.fun/t/rep.gif" style="width: 0;visibility: hidden;display:none;" id="discover_main">
<% if (!tab) { %>
<% if (!mobilesearch) { %>
<div class="tabs tabs-center">
<a href="" class="tab active">Videos</a>
<a href="?tab=music"class="tab">Music</a>
<% if (!isMobile) { %>
<a href="?tab=movies" class="tab">Movies</a>
<% } %>
</div>
<% } %>
<% if (tab === "music") { %>
<div class="tabs tabs-center">
<a href="/" class="tab">Videos</a>
<a href="" class="tab active ">Music</a>
<% if (!isMobile) { %>
<a href="?tab=movies" class="tab">Movies</a>
<% } %>
</div>
<% } %>
<% } %>
<% if (tab === "search") { %>
<div class="tabs tabs-center">
<a href="/" class="tab">Videos</a>
<a href="?tab=music" class="tab">Music</a>
</div>
<% } %>
<% if (mobilesearch) { %>
<div class="tabs tabs-center">
<a href="/" class="tab">Videos</a>
<a href="?tab=music" class="tab">Music</a>
</div>
<% } %>
<% } %> <% } %>
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;"> <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
<% if (!mobilesearch) { %>
<% if (!tab || tab == "music" ) { %>
<% if (!mobilesearch) { %>
<div class="video-grid"> <div class="video-grid">
<% if (!tab) { %>
<div class="tabs tabs-center" style="margin: 0px;">
<a href="?tab=popular" style="display:none" class="tab">Popular</a>
<a class="tab active">Trends</a>
</div>
<% } %>
<% if (tab === "popular") { %>
<div class="tabs tabs-center" style="margin: 0px;">
<a class="tab active">Popular</a>
<a href="/app" class="tab active">Trends</a>
</div>
<% } %>
<% if (!tab) { %>
<% inv.forEach(x => { %> <% inv.forEach(x => { %>
<a href="/watch?v=<%- x.videoId %>" class="video"> <a href="/watch?v=<%- x.videoId %>" class="video">
<div class="thumbnail" style="background-image: url('https://p.poketube.fun/https://i.ytimg.com/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-top-left-radius: 16px;border-top-right-radius: 16px;"><span class="video-length"><%- turntomins(x.lengthSeconds) %></span></div> <div class="thumbnail" style="background-image: url('https://p.poketube.fun/https://i.ytimg.com/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 16px;"><span class="video-length"><%- turntomins(x.lengthSeconds) %></span></div>
<div class="info"> <div class="info">
<span class="title max-lines-2" title="<%- x.title %>" style="font-family:Inter,sans-serif;"><%- x.title %></span> <span class="title max-lines-2" title="<%- x.title %>" style="font-family:Inter,sans-serif;"><%- x.title %></span>
<span class="title max-lines-2" title="Video By <%- x.author %>" style="margin-top:1px">By <%- x.author %></span> <span class="title max-lines-2" title="Video By <%- x.author %>" style="margin-top:1px">By <%- x.author %></span>
@ -1128,7 +1069,22 @@ padding: 3px;
</div> </div>
</a> <% }) %> </a> <% }) %>
<% } %>
<% if (tab === "popular") { %>
<% p.forEach(x => { %>
<a href="/watch?v=<%- x.videoId %>" class="video">
<div class="thumbnail" style="background-image: url('https://p.poketube.fun/https://i.ytimg.com/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 16px;"><span class="video-length"><%- turntomins(x.lengthSeconds) %></span></div>
<div class="info">
<span class="title max-lines-2" title="<%- x.title %>" style="font-family:Inter,sans-serif;"><%- x.title %></span>
<span class="title max-lines-2" title="Video By <%- x.author %>" style="margin-top:1px">By <%- x.author %></span>
</div>
</a> <% }) %>
<% } %>
<div id="more-button-container"> <div id="more-button-container">
<div class="backtotop"> <div class="backtotop">
@ -1177,23 +1133,26 @@ Privacy
</div> </div>
<% } %> <% } %>
<% } %> </div>
</div>
<% if (tab == "search") { %>
<% if (tab == "search") { %>
<a href="/app"><-- go back to trendsz </a><br>
<br> <span>
Search videos on poke! poke is a youtube front end so all of the videos on youtube should workm!!
</span>
<div class=search> <div class=search>
<form action="/discover"> <form action="/app">
<input class="search-bar" autocomplete="on" id="fname" name="mobilesearch" placeholder="Search some videos lol "style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;"> <input class="search-bar" autocomplete="on" id="fname" name="mobilesearch" placeholder="Search some videos lol "style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;">
<button class="btn btn-success" type=submit> <button class="btn btn-success" style="border-radius:1em" type=submit>
<i class="fa-light fa-search" style="margin: auto;"></i></button></form> <i class="fa-light fa-search" style="margin: auto;"></i></button></form>
<img src="https://search-metrics.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;"> <img src="https://t.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;">
</div> </div>
</div> </div>
@ -1203,19 +1162,21 @@ Privacy
<div class=search> <div class=search>
<form action="/discover"> <form action="/app">
<input class="search-bar" autocomplete="on" id="fname" name="mobilesearch" value="<%=mobilesearch%>" placeholder="Search some videos lol "style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;"> <input class="search-bar" autocomplete="on" id="fname" name="mobilesearch" value="<%=mobilesearch%>" placeholder="Search some videos lol "style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;">
<button class="btn btn-success" type=submit> <button class="btn btn-success" type=submit>
<i class="fa-light fa-search" style="margin: auto;"></i></button></form> <i class="fa-light fa-search" style="margin: auto;"></i></button></form>
<img src="https://search-metrics.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;"> <img src="https://t.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;">
</div> </div>
</div> </div>
<div class="video-grid" style="background-color: var(--app-background);"> <div class="video-grid" style="background-color: var(--app-background);margin-top: -4em;">
<span style="margin-bottom: -8em;margin-top: 8px;">
<%=j.Search.estimatedResults.toLocaleString()%> Results
</span>
<% j.Search.Results.Video.forEach(x => { %> <% j.Search.Results.Video.forEach(x => { %>
<a href="/watch?v=<%- x.id %>" class="video"> <a href="/watch?v=<%- x.id %>" class="video">
@ -1235,13 +1196,13 @@ Privacy
<a href="/?mobilesearch=<%=mobilesearch%>">First Page</a> <a href="/?mobilesearch=<%=mobilesearch%>">First Page</a>
</p> </p>
<p style="text-align: left;;color: var(--text-secondary);text-decoration: none;"> <p style="text-align: left;;color: var(--text-secondary);text-decoration: none;">
<a href="/discover?mobilesearch=<%=mobilesearch%>&continuation=<%=j.Search.continuation%>">Next Page</a> <a href="/app?mobilesearch=<%=mobilesearch%>&continuation=<%=j.Search.continuation%>">Next Page</a>
</p> </p>
<% } %> <% } %>
<% if (!continuation) { %> <% if (!continuation) { %>
<p style="text-align: left;margin-left: 16em;;color: var(--text-secondary);text-decoration: none;"> <p style="text-align: left;margin-left: 16em;;color: var(--text-secondary);text-decoration: none;">
<a href="/discover?mobilesearch=<%=mobilesearch%>&continuation=<%=j.Search.continuation%>">Next Page</a> <a href="/app?mobilesearch=<%=mobilesearch%>&continuation=<%=j.Search.continuation%>">Next Page</a>
</p> </p>
<% } %> <% } %>
@ -1249,11 +1210,79 @@ Privacy
</div> </div>
<script>
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later
// Get all anchor links on the page
const links = document.querySelectorAll('a');
// Add a click event listener to each link
links.forEach(link => {
link.addEventListener('click', e => {
e.preventDefault(); // Prevent the default link behavior
// Create a loading spinner element
const spinner = document.createElement('div');
spinner.classList.add('spinner');
// Create a loading overlay element
const loading = document.createElement('div');
loading.classList.add('loading');
loading.appendChild(spinner);
// Add the loading overlay to the body
document.body.appendChild(loading);
// Redirect to the link after a short delay to show the loading overlay
setTimeout(() => {
window.location.href = link.href;
}, 100);
});
});</script><style> .loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
.loading .spinner {
display: inline-block;
border: 5px solid rgba(255, 255, 255, 0.2);
border-top-color: #fff;
border-radius: 50%;
animation: spin 1s ease-in-out infinite;
width: 50px;
height: 50px;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}</style>
<% } %> <% } %>
<script> // @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later
if ('serviceWorker' in navigator) {
navigator.serviceWorker.getRegistrations().then(function(registrations) {
for (let registration of registrations) {
registration.unregister();
}
});
if ('caches' in window) {
caches.keys().then(function(cacheNames) {
cacheNames.forEach(function(cacheName) {
caches.delete(cacheName);
});
});
}
}
</script>
</body > </body >
</html> <% } %> </html> <% } %>

45
html/domains.ejs
View File

@ -1,7 +1,7 @@
<!--
<!--
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/poketube)
Copyright (C) 2021-2023 POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by
@ -17,7 +17,7 @@
along with this program. If not, see https://www.gnu.org/licenses/. along with this program. If not, see https://www.gnu.org/licenses/.
--> -->
<!DOCTYPE html><head> <!DOCTYPE html><head>
<title>Poketube - Instances</title> <title>Poketube - DEPRACATED</title>
<link href=https://poketube.fun/css/yt-ukraine.svg rel=icon> <link href=https://poketube.fun/css/yt-ukraine.svg rel=icon>
<meta content=website property=og:type> <meta content=website property=og:type>
<meta content="PokeTube - Instances" property=og:title> <meta content="PokeTube - Instances" property=og:title>
@ -26,10 +26,15 @@
<meta content=summary_large_image name=twitter:card> <meta content=summary_large_image name=twitter:card>
<meta content="#715efb" name="theme-color"> <meta content="#715efb" name="theme-color">
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="/css/watch-util.css" rel=stylesheet> <link href="/css/watch-util.css" rel=stylesheet>
<link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet> <link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet>
<link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet> <link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
<style>
body {
background-image:linear-gradient(to bottom right, #9666F7, #B37C6B) !important;
}
</style>
</head> </head>
<body> <body>
<div> <div>
@ -73,36 +78,16 @@ PokeTube Instances
<th>Piwik</th> <th>Piwik</th>
<th>Vanilla?</th> <th>Vanilla?</th>
</tr> </tr>
<tr>
<td>watch.poketalebot.com</td> <tr>
<td>100</td>
<td>yes</td>
<td>yes</td>
</tr>
<tr>
<td>poketube.fun</td> <td>poketube.fun</td>
<td>100</td> <td>100</td>
<td>yes</td> <td>yes</td>
<td>yes</td> <td>yes</td>
</tr> </tr>
<tr>
<td>poketube.xyz</td> <tr>
<td>100</td>
<td>yes</td>
<td>yes</td>
</tr>
<tr>
<td>poketube.online</td>
<td>100</td>
<td>yes</td>
<td>yes</td>
</tr>
<tr>
<td>poketube.site</td>
<td>100</td>
<td>yes</td>
<td>yes</td>
</tr>
</table> </table>
<p> <p>
<a href="/api/instances.json">View in json</a> <a href="/api/instances.json">View in json</a>

293
html/download.ejs
View File

@ -1,7 +1,7 @@
<!-- <!--
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2023 POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-2023 POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by
@ -17,18 +17,21 @@
along with this program. If not, see https://www.gnu.org/licenses/. along with this program. If not, see https://www.gnu.org/licenses/.
--><!DOCTYPE html><html> --><!DOCTYPE html><html>
<head> <head>
<title>PokeTube | Download Video </title> <title>Poke | Download Video </title>
<meta content="<%=color%>" name="theme-color"> <meta content="<%=color%>" name="theme-color">
<link href=/css/yt-ukraine.svg?v=6 rel=icon> <link href=/css/yt-ukraine.svg?v=7 rel=icon>
<link rel="manifest" href="/manifest.json">
<meta content=website property=og:type> <meta content=website property=og:type>
<meta name="viewport" content="width=device-1200px, initial-scale=1.0, shrink-to-fit=yes, viewport-fit=cover">
<meta content="PokeTube - Video Downloader" property=og:title> <meta content="PokeTube - Video Downloader" property=og:title>
<meta content="You wouldn't download a car... Right? welp i would - Download this video by <%=video.Channel.Name%> on PokeTube! for the price of 0$!" property=twitter:description> <meta content="You wouldn't download a car... Right? welp i would - Download this video on PokeTube! for the price of 0$!" property=twitter:description>
<meta content="https://i.ytimg.com/vi/<%=video.id%>/maxresdefault.jpg" property=og:image> <meta content="https://i.ytimg.com/vi/<%=v%>/maxresdefault.jpg" property=og:image>
<meta content=summary_large_image name=twitter:card> <meta content=summary_large_image name=twitter:card>
<meta content=@PoketaleBot name=twitter:site> <meta content=@PoketaleBot name=twitter:site>
<meta content=@PoketaleBot name=twitter:creator> <meta content=@PoketaleBot name=twitter:creator>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet> <link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet>
<link href="/css/watch.main.css?v=56" rel=stylesheet> <link href="/css/watch.main.css?v=56" rel=stylesheet>
<link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet> <link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
@ -48,7 +51,7 @@ summary:hove
<style> <style>
body{ body{
overflow-x: hidden; /* Hide horizontal scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */
color:#111111 color:#111111;
} }
.animated { .animated {
@ -158,14 +161,33 @@ font-family:Ubuntu
.download-format > a:hover{ .download-format > a:hover{
border:solid; border:solid;
} }
.download-format:{
width:65px;
}
.download-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 32px;
max-width: 27em;
margin-left: auto;
margin-right: auto;
background: #333;
height: fit-content;
height: -moz-fit-content;
border-radius: 10px;
margin-top: 2em;
}
</style> </style>
</head> </head>
<body> <body>
<% if (!isMobile) { %>
<div class="app">
<div class="app" style="background:linear-gradient(135deg, #820622 10%, #4e2e82 100%, #725965 100%);height: 162em;">
<nav> <nav>
<div class=left><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff><img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"> </a> </div> <div class=left><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff><img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo-poke.svg?v=5"> </a> </div>
<div class="middle"> <div class="middle">
<form action="/search"><input class="search-bar" autocomplete="on" id="fname" name="query" style="color:var(--text-color);font-family:poketube flex,sans-serif;border-radius: 2em;font-weight: 850;font-stretch: extra-expanded;" data-ddg-inputtype="identities.firstName"> <form action="/search"><input class="search-bar" autocomplete="on" id="fname" name="query" style="color:var(--text-color);font-family:poketube flex,sans-serif;border-radius: 2em;font-weight: 850;font-stretch: extra-expanded;" data-ddg-inputtype="identities.firstName">
<button class="btn btn-success" type="submit" style="transform: translate(21em, -1.25em);"><i class="fa-light fa-search"></i></button> <button class="btn btn-success" type="submit" style="transform: translate(21em, -1.25em);"><i class="fa-light fa-search"></i></button>
@ -174,97 +196,216 @@ font-family:Ubuntu
<img src="https://search-metrics.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;"> <img src="https://search-metrics.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;">
</div> </div>
<div class=right><a href="/privacy"><i class="fa-light fa-shield"></i></a><a href="/video/upload?from="><i class="fa-light fa-video"></i></a> <a href="https://github.com/iamashley0/poketube/"><i class="fab fa-git-alt"></i></a><a href="https://github.com/iamashley0/poketube/issues"><i class="fa-light fa-bug"></i></a></a></div> <div class=right><a href="/privacy"><i class="fa-light fa-shield"></i></a><a href="/video/upload?from="><i class="fa-light fa-video"></i></a> <a href="https://codeberg.org/Ashley/poketube/"><i class="fab fa-git-alt"></i></a><a href="https://codeberg.org/Ashley/poketube/issues"><i class="fa-light fa-bug"></i></a></a></div>
</nav> </nav>
<% } %>
<div class="playlist-page">
<div class="playlist-info" style="border-radius:12px;font-family:'Inter';margin: 8px;padding: 18px;background: linear-gradient(135deg, #f97794 10%, #623aa2 100%, #8e6f7e 100% );width: fit-content;height: fit-content;">
<div class="thumbnail" style="background-image: url('https://i.ytimg.com/vi/<%=video.id%>/hqdefault.jpg');border-radius: 1em;">
<a style="border-radius: 1em;" href="/watch?v=<%=video.id%>">Watch The Video</a>
</div>
<p class="title" style="margin-top: 10px;margin-bottom: 10px;"><%=video.Title%></p>
<span class="info"><%=engagement.viewCount.toLocaleString()%> Views • Uploaded <%=date%></span>
<div class="channel-info" style="background: #0009;padding-top: 3px;margin-top: 10px;border-radius: 2em;">
<a href="/channel?id=<%=video.Channel.id%>" class="avatar">
<img src=" <%= k.Video.Channel.Avatar[1].$t %>" style="margin-left: 10px;width: 44px;height: 44px;">
</a>
</a>
<div class="name" style="margin-left: 3px;">
<a class="name" href="/channel?id=<%=video.Channel.id%>"><%=video.Channel.Name%></a>
</div>
</div>
</div>
<div class="video-list download-list playlist-video-list"> <div class="video-list download-list playlist-video-list">
<div> <div>
<h1 style="font-family:'PokeTube Flex';font-weight:1000;white-space:yes;font-stretch: ultra-expanded;"> DOWNLOAD VIDEO</h1> <h3 style="font-family:'PokeTube Flex';font-weight:1000;white-space:yes;font-stretch: ultra-expanded;"> DOWNLOAD VIDEO / MUSIC</h3>
<p >Select an pog or epico format from da list :3 </p> <span>ID: <%=v%> - <a href="/watch?v=<%=v%>"> Watch the video</a> </span>
</div> <hr>
<div>
<% if (!isMobile) { %>
<img src="/vi/<%=v%>/maxresdefault.jpg" style="height: 15em;border-radius: 1em;box-shadow: 0 0 4.4em <%=color%>;">
<% } %>
<% if (isMobile) { %>
<img src="/vi/<%=v%>/maxresdefault.jpg" style="height: 11.9em;border-radius: 1em;box-shadow: 0 0 4.4em <%=color%>;">
<% } %>
<div>
</div>
</div>
</div>
<div class="format-list"> <div class="format-list">
<p style="text-align: center;margin-top: 0;margin-bottom: 10px;">
select a format to download :3
</p>
<h2>Muxed formats</h2> <h2>Muxed formats</h2>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;/*! text-align: center; */"><div style="font-family:&quot;PokeTube flex&quot;;font-stretch: ultra-expanded;font-weight: 700;"> <% if (!isMobile) { %>
3GPP
</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=video.id%>&q=17">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;/*! text-align: center; */"><div style="font-family:&quot;PokeTube flex&quot;;font-stretch: ultra-expanded;font-weight: 700;">
MP4 (480p)
</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=video.id%>&q=18">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;/*! text-align: center; */"> <div style="font-family:&quot;PokeTube flex&quot;;font-stretch: ultra-expanded;font-weight: 700;"> MP4 (720p)
</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=video.id%>">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<!-- ignore this -->
<div class="download-format" style="background: black;margin: 6px;width: 25em;border-radius: 14px;/*! text-align: center; */"><div style="font-family:&quot;PokeTube flex&quot;;font-stretch: ultra-expanded;font-weight: 700;">
<% } %>
<% if (isMobile) { %>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;/*! text-align: center; */"><div style="font-family:&quot;PokeTube flex&quot;;font-stretch: ultra-expanded;font-weight: 700;">
<% } %>
MP4 - 480p
</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=18">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<p style="visibility: hidden;">
we dont see the videos that you are downloading :P
</p>
</div> </div>
<div class="format-list"> <div class="format-list" style="margin-top: 2em;">
<h2>Audio-Only formats</h2> <h2>Audio-Only formats</h2>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;/*! text-align: center; */"> <div style="font-family:&quot;PokeTube flex&quot;;font-stretch: ultra-expanded;font-weight: 700;"> webm (50k) <div class="download-format" style="background: black;margin: 6px;border-radius: 14px;/*! text-align: center; */"> <div style="font-family:&quot;PokeTube flex&quot;;font-stretch: ultra-expanded;font-weight: 700;"> m4a (low)
</div> </div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=video.id%>&q=249&f=webm"> <a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=139&f=webm">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;/*! text-align: center; */"> <div style="font-family:&quot;PokeTube flex&quot;;font-stretch: ultra-expanded;font-weight: 700;"> m4a (high)
</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=140&f=webm">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;/*! text-align: center; */"> <div style="font-family:&quot;PokeTube flex&quot;;font-stretch: ultra-expanded;font-weight: 700;"> webm (low)
</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=249&f=webm">
<i class="fa-light fa-download"></i> <i class="fa-light fa-download"></i>
Download Download
</a> </a>
<br> <br>
</div> </div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;/*! text-align: center; */"> <div style="font-family:&quot;PokeTube flex&quot;;font-stretch: ultra-expanded;font-weight: 700;"> webm (160k) <div class="download-format" style="background: black;margin: 6px;border-radius: 14px;/*! text-align: center; */"> <div style="font-family:&quot;PokeTube flex&quot;;font-stretch: ultra-expanded;font-weight: 700;"> webm (HIGH)
</div> </div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=video.id%>&q=251&f=webm"> <a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=251&f=webm">
<i class="fa-light fa-download"></i> <i class="fa-light fa-download"></i>
Download Download
</a> </a>
<br> <br>
</div> </div>
<div class="format-list" style="margin-top: 2em;">
<h2>Video-Only formats</h2>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;">
<div style="font-family:'PokeTube flex';font-stretch: ultra-expanded;font-weight: 700;">144p - MP4</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=160&f=mp4">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;">
<div style="font-family:'PokeTube flex';font-stretch: ultra-expanded;font-weight: 700;">144p - WEBM</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=278&f=webm">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;">
<div style="font-family:'PokeTube flex';font-stretch: ultra-expanded;font-weight: 700;">240p - MP4</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=133&f=mp4">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;">
<div style="font-family:'PokeTube flex';font-stretch: ultra-expanded;font-weight: 700;">240p - WEBM</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=242&f=webm">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;">
<div style="font-family:'PokeTube flex';font-stretch: ultra-expanded;font-weight: 700;">360p - MP4</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=134&f=mp4">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;">
<div style="font-family:'PokeTube flex';font-stretch: ultra-expanded;font-weight: 700;">360p - WEBM</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=243&f=webm">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;">
<div style="font-family:'PokeTube flex';font-stretch: ultra-expanded;font-weight: 700;">480p - MP4</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=135&f=mp4">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;">
<div style="font-family:'PokeTube flex';font-stretch: ultra-expanded;font-weight: 700;">480p - WEBM</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=244&f=webm">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;">
<div style="font-family:'PokeTube flex';font-stretch: ultra-expanded;font-weight: 700;">720p - MP4</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=136&f=mp4">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;">
<div style="font-family:'PokeTube flex';font-stretch: ultra-expanded;font-weight: 700;">720p - WEBM</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=247&f=webm">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;">
<div style="font-family:'PokeTube flex';font-stretch: ultra-expanded;font-weight: 700;">1080p - MP4</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=137&f=mp4">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<div class="download-format" style="background: black;margin: 6px;border-radius: 14px;">
<div style="font-family:'PokeTube flex';font-stretch: ultra-expanded;font-weight: 700;">1080p - WEBM</div>
<a style="color:#fff;font-family:Ubuntu" href="/api/video/download?v=<%=v%>&q=248&f=webm">
<i class="fa-light fa-download"></i>
Download
</a>
<br>
</div>
<!-- ignore this --> <!-- ignore this -->
<p style="visibility: hidden;"> <p style="visibility: hidden;">
gfhefdhgrdfhdfshfgddfsfdgdfsds gfhefdhgrdfhdfshfgddfsfdgdfsds gfhefdhgrdfhdfshfgddfsfdgdfsds gfhefdhgrdfhdfshfgddfsfdgdfsds
@ -273,10 +414,12 @@ font-family:Ubuntu
</div> </div>
</div> </div>
<img src="https://t.poketube.fun/t/rep.gif?download_video=<%=btoa(video.id)%>" style="width: 0;visibility: hidden;" id="download_page"> <img src="https://t.poketube.fun/t/rep.gif?download_video=<%=btoa(v)%>" style="width: 0;visibility: hidden;" id="download_page">
</div> </div>
<script src="/css/custom-css.js"> </script>
<script src="/css/custom-css.js?v=54"> </script><script src="/css/data-mobile.js?v=549"> </script>
</body> </body>
</html> </html>

1112
html/gamehub.ejs Normal file
View File

File diff suppressed because it is too large Load Diff

528
html/landing.ejs
View File

@ -1,7 +1,8 @@
<!-- <!--
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2023 POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-2024 Poke (https://codeberg.org/Ashley/poke)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by
@ -15,336 +16,227 @@
You should have received a copy of the GNU General Public License You should have received a copy of the GNU General Public License
along with this program. If not, see https://www.gnu.org/licenses/. along with this program. If not, see https://www.gnu.org/licenses/.
--> --->
<!DOCTYPE html>
<html lang="en">
<!DOCTYPE html><html>
<head> <head>
<title>PokeTube | Privacy Is Your Right</title> <title>Poke | The privacy app of your dreams!</title>
<link href=/css/yt-ukraine.svg?v=6 rel=icon> <meta charset="UTF-8">
<meta content="PokeTube | Privacy is your right " property=og:title> <meta name="theme-color" content="#414161">
<meta content="Watch Cat Videos goofy ahh videos epico memes and more coolu stuff from all over the interwebs without tracking!" property=twitter:description> <meta http-equiv="content-language" content="en-us">
<meta content="https://cdn.glitch.global/33bc0843-7505-4fb9-92a6-4e8b0e74979f/0ddd4508-9a7d-4c3c-9f8e-da5a8c115e16.image.png?v=1671545627005" property="og:image" /> <meta name="viewport" content="width=device-1200px, initial-scale=1.0, shrink-to-fit=yes, viewport-fit=cover">
<meta content="summary_large_image" name="twitter:card" /> <link rel="stylesheet" href="/css/landing.css?v=2544">
<!-- <link rel="stylesheet" href="/css/snow.css">
<link rel="stylesheet" href="/css/app.main.css">
<link href=/css/yt-ukraine.svg?v=7 rel=icon>
<link rel="manifest" href="/manifest.json">
<meta name="darkreader-lock"> <!-- tells dark reader that the site has a dark theme and to turn itself off -->
<meta content="▶▶ Poke - The privacy app of your dreams!" property=og:title>
<% if(embedtype === "woke") { %>
<meta content="Poke is a 𝔀𝓸𝓴𝓮 software YouTube front-end, search engine, translator, 𝔀𝓸𝓴𝓮 app, and even 𝔀𝓸𝓴𝓮!! Watch 𝔀𝓸𝓴𝓮 videos, search the internet, and do all of that and more 𝔀𝓸𝓴𝓮 in this all-in-one 𝔀𝓸𝓴𝓮 app!!!"
property="twitter:description">
<meta content="https://cdn.glitch.global/302c6ee0-629f-453b-9024-bad1f8d7be36/9fhFiXJ.png?v=1717357642758"
property="og:image">
<% } else { %>
<meta content="Poke is a free software YouTube front-end, search engine, translator, map app, and more!! Watch silly videos, search the internet, and do all of that and more anonymously in this all-in-one privacy app!!!"
property="twitter:description">
<meta content="https://cdn.glitch.global/302c6ee0-629f-453b-9024-bad1f8d7be36/poke.png?v=1716216428745"
property="og:image">
<% } %>
these are old lol
<meta content=@PoketaleBot name=twitter:site>
<meta content=@PoketaleBot name=twitter:creator>
-->
<link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet>
<link href=/css/search.main.css rel=stylesheet>
<meta content="#f97794" name="theme-color" />
<link href=/css/watch.main.css rel=stylesheet>
<link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet>
</head>
<body> <meta content="summary_large_image" name="twitter:card" />
<% if(isOldWindows) { %>
<section class=youtube-video> <style>
@font-face {
<style>
@import url("https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css");
* {
font-family:ubuntu, sans-serif
}
a.class:hover {
text-decoration:underline;
font-weight:bold
}
summary{
color:gray;
}
summary:hover{
color:white;
}
</style>
<!-- WIGGLE WIGGLE WIGGLE -->
<style>
body{
overflow: hidden; /* Hide scrollbar */
color:#111111
}
.animated {
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
}
@-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.wiggle {
-webkit-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.wiggle {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
:root {
--text-primary: #fff;
--text-secondary: #fff;
--text-link: #3ea6ff;
--app-background: #1a1a1a;
--context-menu-background: #333;
--border-color: #444;
--item-hover-background: #373737;
--item-active-background: #383838;
--top-bar-background: #202020;
--guide-background: #212121;
--thumbnail-background: #252525;
--channel-info-background: #181818;
--channel-contents-background: #0f0f0f;
}
@font-face {
font-family: 'Ginto Nord'; font-family: 'Ginto Nord';
font-weight: 800; font-weight: 800;
src:url('https://cdn.statically.io/gh/brecert/discord-quote-generator/main/Ginto-Nord-800.woff') format("woff"); src: url('https://cdn.statically.io/gh/brecert/discord-quote-generator/main/Ginto-Nord-800.woff') format("woff");
} }
.alert { h1 {
padding: 20px; font-family: "Ginto Nord" !important;
background-color: #f44336; }
color: white; </style>
opacity: 1; <% } %>
transition: opacity 0.6s;
margin-bottom: 15px;
}
.alert.success {background-color: #04AA6D;} <style>
.alert.info {background-color: #2196F3;} body {
.alert.warning {background-color: #ff9800;} overflow-x: hidden;
}
.closebtn { .discover-video-button > a {
margin-left: 15px; border: 2px white solid;
color: white; border-radius: 3rem;
font-weight: bold; padding: 12px 1em 12px 12px;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.closebtn:hover {
color: black;
}
</style>
<style>
.channel-info-container > img {
width: 100%;
}
.video-grid > .video {
background-color: #181818;
border-radius: 8px;
}
section#landing-page {
position: fixed;
width: 100%;
max-width: 90%;
margin: auto;
left: 0;
right: 0;
z-index: 999;
}
.content {
border-radius: 26px;
padding: 1em;
margin: auto;
display: flex; display: flex;
justify-content: center; align-items: center;
align-items: center; width: 146px;
text-align: center;
margin: auto;
color: #fff;
margin-bottom: 2em;
margin-top: 26px;
text-decoration: none;
}
.discover-video-button > a:hover {
filter: brightness(0.8);
}
.subtitle {
text-align: center;
color: #FFFF00;
text-shadow: 1px 1px 0px #000;
position: relative; position: relative;
top: 50%; left: 68px;
transform: translateY(50%); top: -35px;
} bottom: 50px;
animation: subtitle .25s;
.content-inner{ animation-direction: alternate;
padding: 10px;color:#fff;position: relative;top: 50%;transform: translateY(50%); animation-iteration-count: infinite;
} }
.heading {
color: #fff;
font-size: xxx-large;
font-family: 'PokeTube flex';
font-stretch: ultra-expanded; @-webkit-keyframes subtitle {
font-weight: 1000; 0% {
} transform: scale(0.875) rotate(-20deg)
}
.product-container { 100% {
display: flex; transform: scale(1) rotate(-20deg)
justify-content: center; }
position: relative; }
top: 11.5em;
padding-bottom: 2em;
overflow: hidden;
}
.btn-explore {
padding: 20px;
display: flex;
font-family: 'PokeTube flex';
font-stretch: ultra-expanded;
font-weight: 1000;
margin-top: 20px !important;
background-color: #fff;
border-radius: 6px;
width: 186px;
color: #000;
font-size: 20px;
text-decoration: unset;
margin: auto;
margin-top: auto;
}
.news {
display: flex;
justify-content: center;
background: #111;
width: 18em;
margin: auto;
margin-bottom: auto;
border-radius: 3em;
color: white;
margin-bottom: -10em;
}
.news > * {
color:#fff
}
.news > a {
display: flex;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: 0.2rem;
font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
z-index: 10; /* Was 2 */"
}
</style> </style>
</head>
<div class="app" style="background-image: url(/css/land.svg);background-size: auto;background-repeat: no-repeat;"> <div style="position: inherit;background: #bb0d0d;margin: -1em;"> <body>
<p style="color: #fff !important;margin-right: auto;margin-left: auto;width: fit-content;"> <div style="margin-top: 6em;margin-left: auto;margin-right: auto;margin-bottom: -7em;background: #000;padding: 1em;border-radius: 14px;font-family: ubuntu;"> <%- banner %></div>
A magnitude 7.4 earthquake just hit Türkiye's Kahramanmaras province, please donate to the turkish people via: <a href="https://www.kizilay.org.tr/Bagis/BagisYap/215/afet-acil-durum-bagisi" style="color:#fff">Here </a> | to see latest news check <a href="https://poketube.fun/search?query=turkey+earthquake+news" style="color:#fff"> poketube</a> or <a href="https://duckduckgo.com/?q=turkey+earthquake&amp;iar=news&amp;ia=news" style="color:#fff">duckduckgo</a> <%- include('./partials/header.ejs') %>
<video playsinline muted paused><source src="/bg-480.webm" type="video/webm"/></video>
</p> <div class="landing">
</div> <h1 style="text-align: center;">GUESS WHO'S BACK ...</h1>
<p style="max-width: 800px;text-align: center;margin: auto;margin-bottom: 3em;">...back again.. to save you from big tech and embrace the freedom of privacy!!1! :3 Poke is a free software YouTube front-end, search engine, translator, map app, and more!!1! Watch videos, search the web, and explore without a trace in this all-in-one privacy app!!1! :3</p>
<nav> <div style="text-align: center; padding: 10px; border-radius: 8px;margin-left: -1em;">
<div class="left"> <details>
<summary style="cursor: pointer; color: white; font-size: 18px; text-decoration: underline;">
<a class="class" href="/143" style="font-family:Inter,sans-serif;color:#fff"> <img style="transform: scale(1.3);width:8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo-dark.svg?v=5"></a> Support Humanitarian Efforts
</div> </summary>
<div style="margin-top: 10px;">
<a style="color: white; text-decoration: underline; margin: 0 5px;" href="https://buildpalestine.com/2021/05/15/trusted-organizations-to-donate-to-palestine">
<div class="middle"> Support Palestine
<div class="search"> </a>
<a style="color: white; text-decoration: underline; margin: 0px -6px;" href="https://gazaesims.com">
<form action="/search"><input class="search-bar" autocomplete="on" id="fname" name="query" style="color:#fff;font-family:Inter,sans-serif;border-radius: 2em;" data-ddg-inputtype="identities.firstName"> (or u can donate esims to Gaza!)
<button class="btn btn-success" type="submit" style="transform: translate(21em, -1.25em);"><i class="fa-light fa-search"></i></button> </a>
</form> <span style="color: white; margin: 0 5px;"> - </span>
<img src="https://search-metrics.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;"> <a style="color: white; text-decoration: underline; margin: 0 5px;" href="https://war.ukraine.ua/donate">
Donate to 🇺🇦
</div> </a>
</div> <span style="color: white; margin: 0 5px;"> - </span>
<div class="right"> <a style="color: white; text-decoration: underline; margin: 0 5px;" href="https://donate.unhcr.org/int/en/general">
<a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a> Donate to other areas of military conflict
<a href="/privacy"><i class="fa-light fa-shield"></i></a> </a>
<a href="/video/upload?from="><i class="fa-light fa-video"></i></a> </div>
<a href="https://github.com/iamashley0/poketube/issues"><i class="fa-light fa-bug"></i></a> </details>
</div>
</nav>
<div class="channel-page">
<div class="news">
<img src="/css/ua.svg" style="width: 1.2em;align-self: center;margin-right: 3px;">
<a href="https://u24.gov.ua/">
Support Ukraine
</a>
</div>
<div class="content">
<div class="content-inner" style="padding: 10px;color:#fff;">
<br>
<h1 class="heading">PRIVACY IS YOUR RIGHT</h1>
<div style="text-align: center;color: #fff;margin-top: 8px;">
Poketube is a libre front end for YouTube That is focused on your privacy! </div>
<a href="/discover" class="btn-explore">Discover Videos</a>
</div>
</div>
<div class="product-container">
<img src="/css/product.svg" style="width: 25em;transform: scale(1.3);margin-right: 1em;margin-bottom: 1em;">
</div>
</div>
</div> </div>
<script src="/css/custom-css.js"> </script>
</body> <% if(!DisablePokeChan) { %>
</html> <img src="/static/poke-chan-outfit-a.png" title="Poke-chan sitting :3">
<% } %>
<div style="display: flex; gap: 12px;">
<img src="/static/poke-screnshot-v2.png" />
<img src="/static/Poke-Mobile.jpg" />
</div>
<h1 style="margin-left: auto;margin-right: auto;text-align: center;margin-bottom: -1em;margin-top: 1em;">TOP 3 REASONS WHY POKE IZ COOL!!</h1>
<%
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: "<svg style='background: #ea6d6d;' width='24px' height='24px' viewBox='0 0 24 24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='#ffffff'><path d='M19.5 16L17.0248 12.6038' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M12 17.5V14' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M4.5 16L6.96895 12.6124' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M3 8C6.6 16 17.4 16 21 8' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>" },
{ title: "Very Fast", description: "Poke is really ligthweight (both on server and client :3) so you can still use it on poor connections :3", icon: "<svg style='background: #6d8cea;' width='24px' height='24px' stroke-width='1.5' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='#ffffff'><path d='M15 7C16.1046 7 17 6.10457 17 5C17 3.89543 16.1046 3 15 3C13.8954 3 13 3.89543 13 5C13 6.10457 13.8954 7 15 7Z' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M12.6133 8.26691L9.30505 12.4021L13.4403 16.5374L11.3727 21.0861' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M6.4104 9.5075L9.79728 6.19931L12.6132 8.26692L15.508 11.5752H19.2297' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M8.89152 15.7103L7.65095 16.5374H4.34277' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>" },
{ title: "Downloader", description: "You wouldnt download a car - welp i would :D u can download videos from poke for 0$!", icon: "<svg style='background: #519355;' width='24px' height='24px' stroke-width='1.5' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='#ffffff'><path d='M12 8V16M12 16L15.5 12.5M12 16L8.5 12.5' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>" },
{ title: "DRM Free", description: "Poke comes without digital restrictions management - poke is free software :3", icon: "<svg style='background: #b7a358;' width='24px' height='24px' stroke-width='1.5' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='#ffffff'><path d='M4.62323 5.24841C2.99408 7.02743 2 9.39765 2 12C2 17.5229 6.47715 22 12 22C14.5361 22 16.8517 21.0559 18.6146 19.5' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M21.3021 15.6775C21.7525 14.5392 22 13.2985 22 12C22 6.47715 17.5228 2 12 2C10.7687 2 9.58934 2.22255 8.5 2.62961' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M9 15C9.64448 15.8593 10.8428 16.3494 12 16.391C13.1141 16.431 14.1901 16.0554 14.6973 15.1933' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M12 16.391V18.5' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.5 9.5C9.5 10.6811 10.3525 11.1647 11.3862 11.5' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M15 8.5C14.315 7.81501 13.1087 7.33855 12 7.30872V5.5' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M3 3L21 21' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>" },
{ title: "Games Included", description: "U can play funnie games on poke!", icon: "<svg style='background: #886dea;' width='24px' height='24px' viewBox='0 0 24 24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='#ffffff'><path d='M17.5 17.5C20 21 23.9486 18.4151 23 15C21.5753 9.87113 20.8001 7.01556 20.3969 5.50793C20.1597 4.62136 19.3562 4 18.4384 4L5.56155 4C4.64382 4 3.844 4.62481 3.62085 5.515C2.7815 8.86349 2.0326 11.8016 1.14415 15C0.195501 18.4151 4.14415 21 6.64415 17.5' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M16 4V6C16 7.10457 15.1046 8 14 8H10C8.89543 8 8 7.10457 8 6L8 4' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M8 16C9.10457 16 10 15.1046 10 14C10 12.8954 9.10457 12 8 12C6.89543 12 6 12.8954 6 14C6 15.1046 6.89543 16 8 16Z' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M16 16C17.1046 16 18 15.1046 18 14C18 12.8954 17.1046 12 16 12C14.8954 12 14 12.8954 14 14C14 15.1046 14.8954 16 16 16Z' stroke='#ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>" }
];
const randomFeatures = features.sort(() => 0.5 - Math.random()).slice(0, 3);
%>
<div class="new-feature-set">
<% randomFeatures.forEach(feature => { %>
<div class="feature-set">
<div class="feature-set-title"><%- feature.icon %>
<h2><%- feature.title %></h2>
</div>
<p><%- feature.description %></p></div>
<% }) %>
</div>
<div class="adaptive-grid">
<%- 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='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"/></svg>',
secondary_text='Discord',
secondary_link='https://discord.poketube.fun',
primary_icon='<svg version="1.1" viewBox="0 0 27.9 32" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"><g transform="translate(-.095 .005)" fill="#040404"><path d="m27.1 31.2v-30.5h-2.19v-0.732h3.04v32h-3.04v-0.732z"/><path d="m8.23 10.4v1.54h0.044c0.385-0.564 0.893-1.03 1.49-1.37 0.58-0.323 1.25-0.485 1.99-0.485 0.72 0 1.38 0.14 1.97 0.42 0.595 0.279 1.05 0.771 1.36 1.48 0.338-0.5 0.796-0.941 1.38-1.32 0.58-0.383 1.27-0.574 2.06-0.574 0.602 0 1.16 0.074 1.67 0.22 0.514 0.148 0.954 0.383 .32 0.707 0.366 0.323 0.653 0.746 0.859 1.27 0.205 0.522 0.308 1.15 0.308 1.89v7.63h-3.13v-6.46c0-0.383-0.015-0.743-0.044-1.08-0.0209-0.307-0.103-0.607-0.242-0.882-0.133-0.251-0.336-0.458-0.584-0.596-0.257-0.146-0.606-0.22-1.05-0.22-0.44 0-0.796 0.085-1.07 0.253-0.272 0.17-0.485 0.39-0.639 0.662-0.159 0.287-0.264 0.602-0.308 0.927-0.052 0.347-0.078 0.697-0.078 1.05v6.35h-3.13v-6.4c0-0.338-7e-3 -0.673-0.021-1-0.0114-0.314-0.0749-0.623-0.188-0.916-0.108-0.277-0.3-0.512-0.55-0.673-0.258-0.168-0.636-0.253-1.14-0.253-0.198 0.0083-0.394 0.042-0.584 0.1-0.258 0.0745-0.498 0.202-0.705 0.374-0.228 0.184-0.422 0.449-0.584 0.794-0.161 0.346-0.242 0.798-0.242 1.36v6.62h-3.13v-11.4z"/><path d="m0.936 0.732v30.5h2.19v0.732h-3.04v-32h3.03v0.732z"/></g></svg>',
primary_text='Matrix',
primary_link='https://matrix.to/#/%23poke:vern.cc'
)%>
<%- 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='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>',
secondary_text='GitHub',
secondary_link='https://github.com/ashley0143/poke',
primary_icon='<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg1468" version="1.1" viewBox="0 0 4.233 4.233"><title id="title16">Codeberg logo</title><defs id="defs1462"><linearGradient id="linearGradient6918" x1="42519.285" x2="42575.336" y1="-7078.789" y2="-6966.931" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient6924"></linearGradient><linearGradient id="linearGradient6924"><stop style="stop-color:#2185d0;stop-opacity:0" id="stop6920" offset="0"></stop><stop id="stop6926" offset=".495" style="stop-color:#000000;stop-opacity:.48923996"></stop><stop style="stop-color:#000000;stop-opacity:.63279623" id="stop6922" offset="1"></stop></linearGradient><linearGradient id="linearGradient6918-3" x1="42519.285" x2="42575.336" y1="-7078.789" y2="-6966.931" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient6924-6"></linearGradient><linearGradient id="linearGradient6924-6"><stop style="stop-color:#000000;stop-opacity:0" id="stop6920-7" offset="0"></stop><stop id="stop6926-5" offset=".495" style="stop-color:#000000;stop-opacity:.30000001"></stop><stop style="stop-color:#000000;stop-opacity:.30000001" id="stop6922-3" offset="1"></stop></linearGradient></defs><metadata id="metadata1465"></metadata><g id="g370484" transform="matrix(0.06551432,0,0,0.06551432,-2.232417,-1.431776)"><path id="path6733-5" style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:url(#linearGradient6918-3);fill-opacity:1;stroke:none;stroke-width:3.67846;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill;stop-color:#000;stop-opacity:1" d="m 42519.285,-7078.7891 a 0.76086879,0.56791688 0 0 0 -0.738,0.6739 l 33.586,125.8886 a 87.182358,87.182358 0 0 0 39.381,-33.7636 l -71.565,-92.5196 a 0.76086879,0.56791688 0 0 0 -0.664,-0.2793 z" transform="matrix(0.37058478,0,0,0.37058478,-15690.065,2662.0533)"></path><path id="path360787" style="opacity:1;fill:#000000;fill-opacity:1;stroke-width:17.0055;paint-order:markers fill stroke;stop-color:#000" d="m 11249.461,-1883.6961 c -12.74,0 -23.067,10.3275 -23.067,23.0671 0,4.3335 1.22,8.5795 3.522,12.2514 l 19.232,-24.8636 c 0.138,-0.1796 0.486,-0.1796 0.624,0 l 19.233,24.8646 c 2.302,-3.6721 3.523,-7.9185 3.523,-12.2524 0,-12.7396 -10.327,-23.0671 -23.067,-23.0671 z" transform="matrix(1.4006354,0,0,1.4006354,-15690.065,2662.0533)"></path></g></svg>',
primary_text='Codeberg',
primary_link='https://codeberg.org/ashley/poke'
)%>
</div>
<h1 style="font-size: xx-large;text-align: center;">So, wha ru waiting 4? </h1>
<div class="discover-video-button">
<a href="/app">Start Discovering! :3</a>
</div>
<script>
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later
if ('serviceWorker' in navigator) {
navigator.serviceWorker.getRegistrations().then(function (registrations) {
for (let registration of registrations) {
registration.unregister();
}
});
if ('caches' in window) {
caches.keys().then(function (cacheNames) {
cacheNames.forEach(function (cacheName) {
caches.delete(cacheName);
});
});
}
}
// @license-end
</script>
<script src="/static/data-mobile.js?v=454545"></script>
</div>
</body>
</html>

109
html/layouts/error-video.ejs Normal file
View File

@ -0,0 +1,109 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Poke - <%=error%> !!!</title>
<meta content="#111111" name="theme-color" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover" />
<meta name="darkreader-lock" />
<% if (description == "This helps protect our community. Learn more (TRYING AGAIN....)") { %>
<meta http-equiv="refresh" content="5">
<% } %>
<link href="/css/yt-ukraine.svg?v=3" rel="icon" />
<link rel="manifest" href="/manifest.json" />
<style>
body {
margin: auto;
background: #111111;
color: white;
font-family: arial;
max-width: 600px;
}
body::before {
background: linear-gradient(0deg, rgba(115, 32, 67, 1), rgba(17, 17, 17, 1));
background-repeat: no-repeat;
content: "";
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
transition: 1s height;
}
h2 {
font-size: 42px;
}
p#abstract {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 500px;
margin: 0px;
font-weight: bold;
opacity: 0.005;
pointer-events: none;
transition: 1s transform;
}
@media only screen and (max-width: 790px) {
p#abstract {
transform: translate(-50%, -50%) rotate(90deg) !important;
}
}
.error {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
cursor: default;
max-width: 600px;
width: 100%;
}
.error-footer {
position: fixed;
bottom: 24px;
width: 100%;
max-width: 600px;
text-align: center;
}
.error-footer a {
color: #ac8fa5;
text-decoration: none;
margin: 0px 12px;
}
.error-footer a:hover {
color: #d69cc8;
}
</style>
</head>
<body>
<% if (description == "This helps protect our community. Learn more (TRYING AGAIN....)") { %>
<p id="abstract">502</p>
<% } else if (description !== "This helps protect our community. Learn more (TRYING AGAIN....)") { %>
<p id="abstract">404</p>
<% } %>
<div class="error">
<h2><%=error%></h2>
<p><%=description%></p>
</div>
<div class="error-footer">
<a href="https://codeberg.org/ashley/poke/issues/new/choose">Create issue</a>
<a href="https://discord.poketube.fun">Report on our Discord</a>
<% if (description == "This helps protect our community. Learn more (TRYING AGAIN....)") { %>
<a href="https://github.com/iv-org/invidious/issues">See Invidious issues</a>
<a href="">Refresh Page</a>
<% } %>
</div>
</body>
</html>

95
html/layouts/error.ejs Normal file
View File

@ -0,0 +1,95 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Poke - <%=error%> !!!</title>
<meta content="#111111" name="theme-color" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover" />
<meta name="darkreader-lock" />
<link href="/css/yt-ukraine.svg?v=3" rel="icon" />
<link rel="manifest" href="/manifest.json" />
<style>
body {
margin: auto;
background: #111111;
color: white;
font-family: arial;
max-width: 600px;
}
body::before {
background: linear-gradient(0deg, rgba(115, 32, 67, 1), rgba(17, 17, 17, 1));
background-repeat: no-repeat;
content: "";
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
transition: 1s height;
}
h2 {
font-size: 42px;
}
p#abstract {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 500px;
margin: 0px;
font-weight: bold;
opacity: 0.005;
pointer-events: none;
transition: 1s transform;
}
@media only screen and (max-width: 790px) {
p#abstract {
transform: translate(-50%, -50%) rotate(90deg) !important;
}
}
.error {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
cursor: default;
max-width: 600px;
width: 100%;
}
.error-footer {
position: fixed;
bottom: 24px;
width: 100%;
max-width: 600px;
text-align: center;
}
.error-footer a {
color: #ac8fa5;
text-decoration: none;
margin: 0px 12px;
}
.error-footer a:hover {
color: #d69cc8;
}
</style>
</head>
<body>
<p id="abstract"><%=error%></p>
<div class="error">
<h2><%=error%></h2>
<p><%=description%></p>
</div>
<div class="error-footer">
<a href="/game-hub">Games</a>
<a href="https://codeberg.org/ashley/poke/">Source Code</a>
<a href="https://status.poketube.fun/">Status</a>
</div>
</body>
</html>

10
html/license.ejs
View File

@ -1,7 +1,7 @@
<!-- <!--
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-2023 POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by
@ -22,7 +22,7 @@
<title>Licenses - PokeTube</title> <title>Licenses - PokeTube</title>
<link href=/css/yt-ukraine.svg?v=6 rel=icon> <link href=/css/yt-ukraine.svg?v=6 rel=icon>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="/css/watch.main.css?v=56" rel=stylesheet> <link href="/css/watch.main.css?v=56" rel=stylesheet>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Sigmar+One&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Sigmar+One&display=swap" rel=stylesheet>
<!-- fonts --> <!-- fonts -->
@ -39,6 +39,8 @@
a{ a{
color:#0ab7f0; color:#0ab7f0;
}
</style> </style>
</head> </head>
@ -71,7 +73,7 @@ PokeTube
<div style="text-align: left;" > <div style="text-align: left;" >
<pre style="font-family: MonoSpace;"> <pre style="font-family: MonoSpace;">
Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-2023 POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by
@ -92,7 +94,7 @@ PokeTube
<h1 style="font-family: Inter;"> <h1 style="font-family: Inter;">
Piwik Piwik
</h1> </h1>
<p>We use piwik, an free web analytics tool. <a href="https://github.com/poketube-org/poketube/tree/main/t/piwik">Source Code </a></p> <p>We use piwik, an free web analytics tool. <a href="https://codeberg.org/Ashley/poketube/src/branch/main/t/piwik">Source Code </a></p>
<pre style="font-family: MonoSpace"> <pre style="font-family: MonoSpace">
Copyright (C) 2007-2022 Matomo.org Copyright (C) 2007-2022 Matomo.org

295
html/lite.ejs
View File

@ -1,9 +1,10 @@
<% try { %>
<% if (!isMobile) { %> <% if (!isMobile) { %>
<!-- <!--
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-2024 POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by
@ -20,26 +21,26 @@
--> -->
<!DOCTYPE html> <!DOCTYPE html>
<html class="poketube_desktop_player" version="browser_web_lite"> <html class="poketube_desktop_player" version="browser_web_lite" style="background: #000;">
<head> <head>
<% if (e === false) { %> <% if (e === false) { %>
<!-- MetaTag disabled --> <!-- MetaTag disabled -->
<% } %> <% } %>
<% if (!e) { %> <% if (!e) { %>
<meta content="<%=video.Title%>" name=title> <meta content="<%=inv_vid.title%>" name=title>
<meta content="<%=color%>" name="theme-color"> <meta content="<%=color%>" name="theme-color">
<meta content="<%=video.Channel.Name%>" name=twitter:author> <meta content="<%=k.Video.Channel.Name%>" name=twitter:author>
<meta content=@youtube name=twitter:site> <meta content=@youtube name=twitter:site>
<meta content="https://poketube.fun/lite?v=<%=video.id%>" name=twitter:url> <meta content="https://poketube.fun/lite?v=<%=inv_vid.videoId%>" name=twitter:url>
<meta content="<%=video.Title%> - PokeTube Lite " name=twitter:title> <meta content="<%=inv_vid.title%> - Lite " name=twitter:title>
<meta content="Watch this video by <%=video.Channel.Name%> On PokeTube Lite! Save Your Bandwidth while protecting your privacy!" property=twitter:description> <meta content="Watch this video by <%=k.Video.Channel.Name%> On Lite! Save Your Bandwidth while protecting your privacy!" property=twitter:description>
<meta content="https://i.ytimg.com/vi/<%=video.id%>/maxresdefault.jpg" property=og:image> <meta content="https://i.ytimg.com/vi/<%=inv_vid.videoId%>/maxresdefault.jpg" property=og:image>
<meta content=summary_large_image name=twitter:card> <meta content=summary_large_image name=twitter:card>
<link href="https://poketube.fun/lite?v=<%=video.id%>" itemprop=url> <link href="https://poketube.fun/lite?v=<%=inv_vid.videoId%>" itemprop=url>
<link href="http://www.youtube.com/channel/<%=video.Channel.id%>" itemprop=url> <link href="http://www.youtube.com/channel/<%=k.Video.Channel.id%>" itemprop=url>
<% } %> <!-- close the } --> <% } %> <!-- close the } -->
<link href="/css/yt-ukraine.svg" rel=icon> <link href="/css/yt-ukraine.svg" rel=icon>
<title> <%=video.Title%> | PokeTube Lite </title> <title> <%=inv_vid.title%> | Lite </title>
<style> <style>
.comments-area { .comments-area {
@ -244,14 +245,27 @@ background: none !important;
word-break: break-all; word-break: break-all;
white-space: normal; white-space: normal;
} }
</style>
<% if (lightOrDark(color) == "light") { %>
.player.video-ambient-container {
box-shadow: 0 -8px 5.9em <%=color%>;
}
<% } %>
<% if (lightOrDark(color) == "dark") { %>
.player.video-ambient-container {
box-shadow: 0 -8px 5.9em <%=color2%>;
}
<% } %>
</style>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="/css/watch.main.css?v=56" rel=stylesheet> <link href="/css/watch.main.css?v=564" rel=stylesheet>
<link href="/css/watch-util.css" rel=stylesheet> <link href="/css/watch-util.css" rel=stylesheet>
<link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet> <link href="/css/watch-navbar.css?v=56" rel=stylesheet>
<link href="/css/watch-navbar.css?v=56" rel=stylesheet>
<link href="/css/poketube.css?v=56" rel=stylesheet> <link href="/css/poketube.css?v=56" rel=stylesheet>
<!-- ICONS --> <!-- ICONS -->
@ -264,20 +278,15 @@ background: none !important;
<body> <body>
<div class="app" style="color:#fff"> <div class="app" style="color:#fff;border-radius: 0em !important;">
<nav> <nav style="position: sticky;">
<div class=left> <div class=left>
<% if (inv_vid.genre != "Music") { %>
<a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.0);padding-left:0;width: 7.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo-poke.svg?v=5"></a>
<a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"></a>
<% } %>
<% if (inv_vid.genre === "Music") { %>
<a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);padding-left:0.9em;width: 7.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/music.svg?v=5"></a>
<% } %>
</div> </div>
<div class="middle"> <div class="middle">
<form action="/search"><input class="search-bar" autocomplete="on" id="fname" name="query" style="color:#fff;font-family:Inter,sans-serif;border-radius: 2em;" data-ddg-inputtype="identities.firstName"> <form action="/search"><input class="search-bar" autocomplete="on" id="fname" name="query" style="color:#fff;font-family:Inter,sans-serif;border-radius: 2em;" data-ddg-inputtype="identities.firstName">
@ -293,11 +302,6 @@ background: none !important;
<a href="/video/upload" style="text-decoration: none;" title="Upload Video"> <a href="/video/upload" style="text-decoration: none;" title="Upload Video">
<i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i> <i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i>
</a> </a>
<a href="/embed/<%=video.id%>" style="text-decoration: none;" title="Embed">
<i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-code"></i>
</a>
</div> </div>
</nav> </nav>
@ -308,32 +312,56 @@ background: none !important;
<div class="video-player-container"> <div class="video-player-container">
<video class="player" id="<%=sha384(video.id)%>" style="border-radius: 0px:mrgin-left: -5.5px;" autoplay controls <video class="player video-ambient-container" id="<%=sha384(inv_vid.videoId)%>" style="border-radius: 7px;margin-left: -5.5px;" autoplay controls
poster="https://p.poketube.fun/https://i.ytimg.com/vi/<%=video.id%>/maxresdefault.jpg?v=607ddcd4"> poster="https://p.poketube.fun/https://i.ytimg.com/vi/<%=inv_vid.videoId%>/maxresdefault.jpg?v=607ddcd4">
<% if (!qua) { %>
<% if (isvidious) { %>
<source src="https://tube.kuylar.dev/proxy/media/<%=video.id%>/18" type="video/mp4; codecs=&quot;avc1.64001F, mp4a.40.2&quot;" label="hd720" selected="false">
<source src="<%=u%>/latest_version?id=<%=inv_vid.videoId%>&itag=18&local=true" type="video/mp4; codecs=&quot;avc1.64001F, mp4a.40.2&quot;" label="sd360" selected="true">
<% } %>
<% if (!isvidious) { %>
<source src="https://tube.kuylar.dev/proxy/media/<%=inv_vid.videoId%>/18" type="video/mp4; codecs=&quot;avc1.64001F, mp4a.40.2&quot;" label="sd360" selected="true">
<% } %>
<% } %>
<% if (qua) { %>
<% if (isvidious) { %>
<source src="<%=u%>/latest_version?id=<%=inv_vid.videoId%>&itag=22&local=true" type="video/mp4; codecs=&quot;avc1.64001F, mp4a.40.2&quot;" label="sd360" selected="true">
<% } %>
<% if (!isvidious) { %>
<source src="https://tube.kuylar.dev/proxy/media/<%=inv_vid.videoId%>/22" type="video/mp4; codecs=&quot;avc1.64001F, mp4a.40.2&quot;" label="sd360" selected="true">
<% } %>
<% } %>
<% if ( video.Subtitles.Subtitle) { %> <% if ( video?.Subtitles?.Subtitle) { %>
<% if (Array.isArray( video.Subtitles.Subtitle)) { %> <% if (Array.isArray( video?.Subtitles?.Subtitle)) { %>
<% video.Subtitles.Subtitle.forEach(x => { %> <% video.Subtitles.Subtitle.forEach(x => { %>
<track src="/api/subtitles?v=<%=video.id%>&h=<%= x.language %>" label="<%= x.language.replace("United States","Simplified - USA") %>" kind="subtitles"> <track src="/api/subtitles?v=<%=inv_vid.videoId%>&h=<%= x.language %>" label="<%= x.language.replace("United States","Simplified - USA") %>" kind="subtitles">
<img src="https://t.poketube.fun/t/rep.gif?v=<%=btoa(video.id)%>&h=<%= x.language %>" id="subtitle_usage_rate" style="border:0;width: 0;visibility: hidden;"> <% }) %>
<% }) %>
<% } %> <% } %>
<% if (!Array.isArray( video.Subtitles.Subtitle)) { %> <% if (!Array.isArray( video.Subtitles.Subtitle)) { %>
<track src="/api/subtitles?v=<%=video.id%>&h=<%= video.Subtitles.Subtitle.language %>" label="<%= video.Subtitles.Subtitle.language.replace("United States","Simplified - USA") %>" kind="subtitles"> <track src="/api/subtitles?v=<%=inv_vid.videoId%>&h=<%= video.Subtitles.Subtitle.language %>" label="<%= video.Subtitles.Subtitle.language.replace("United States","Simplified - USA") %>" kind="subtitles">
<img src="https://t.poketube.fun/t/rep.gif?v=<%=btoa(video.id)%>&h=<%= video.Subtitles.Subtitle.language %>" id="subtitle_usage_rate" style="border:0;width: 0;visibility: hidden;">
<% } %> <% } %>
<% } %> <% } %>
@ -344,11 +372,11 @@ background: none !important;
</div> </div>
</div> </div>
<br> <br>
<div class="video-info" > <div class="video-info" style="border-radius:0em !important;">
<div class="video-info-panel"> <div class="video-info-panel" style="border-radius:0em !important;">
<div class="video-title" style="font-family:Inter;font-weight:bold;line-break: auto;max-width: max-content;margin: 0;margin-bottom: 0;padding: 0;" title="<%=video.Title%>"><%=video.Title%> </div> <div class="video-title" style="font-family:Inter;font-weight:bold;line-break: auto;max-width: max-content;margin: 0;margin-bottom: 0;padding: 0;border-radius: 0px !important;" title="<%=inv_vid.title%>"><%=inv_vid.title%> </div>
<a href="#metadata" style="font-weight: bolder;font-family: sans-serif;color: #fff;font-size: small;"> <%=convert(engagement.viewCount)%> Views - By <%=video.Channel.Name%></a> <a style="font-weight: bolder;font-family: sans-serif;color: #fff;font-size: small;"> <%= date %> - <%=convert(engagement.viewCount)%> Views - By <%=k.Video.Channel.Name%></a>
<div> <div>
<div class="video-info-buttons pill" > <div class="video-info-buttons pill" >
@ -370,7 +398,7 @@ background: none !important;
</p> </p>
</div> </div>
<a href="https://tube.kuylar.dev/proxy/media/<%=video.id%>/18" style="text-align: center;font-size: x-large;margin: 9px;"> <a href="/download?v=<%=inv_vid.videoId%>" style="text-align: center;font-size: x-large;margin: 9px;">
<p> <p>
<i class="fa-light fa-download"></i> <i class="fa-light fa-download"></i>
@ -396,43 +424,30 @@ background: none !important;
</div> </div>
<div class="video-sub-info description"> <div class="video-sub-info description" style="background: #333;padding: 10px;border-radius: 21px !important;margin-left: -7px;">
<div class="video-title" style="color:#fff;font-family:'PokeTube Flex';font-weight:1000;font-stretch: extra-expanded;margin-top: 3px;margin-bottom: 10px;">Description</div>
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;/*! width: 4.5em; */height: 0;"> <% if (String(inv_vid.descriptionHtml) != "undefined") { %>
<% if (String(video.Description) != "[object Object]") { %>
<% if (String(inv_vid.descriptionHtml) != "undefined") { %>
<% if (String(inv_vid.descriptionHtml) != " ") { %> <% if (String(inv_vid.descriptionHtml) != " ") { %>
<%-String(inv_vid.descriptionHtml).replace(/\n/g, " <br> ").replace(/twitter\.com/g, "nitter.net").replace(/reddit\.com/g, "teddit.net") %> <%-linkify(String(inv_vid.description)).replace(/\n/g, " <br> ").replace(/twitter\.com/g, "nitter.net").replace(/reddit\.com/g, "teddit.net") %>
<% } %> <% } %> <% } %> <% } %>
<% } %>
<% if (String(video.Description) == "[object Object]") { %>
<p> No Description On this Video ( sad innit :c )</p>
<% } %>
<a id="metadata"></a>
<div class="video-title" style="color:#fff;font-family:'PokeTube Flex';font-weight:1000;font-stretch: extra-expanded;margin-top: 10px;margin-bottom: 10px;">Metadata And Engagement</div>
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;/*! width: 4.5em; */height: 0;">
<p style="font-weight: bold;">
not on lite version
</span> </span>
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;/*! width: 4.5em; */height: 0;"> <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;/*! width: 4.5em; */height: 0;">
<% if (Array.isArray(video.Tags.Tag)) { %> <% if (Array.isArray(inv_vid?.keywords)) { %>
<div class="video-title" style="color:#fff;font-family:'PokeTube Flex';font-weight:1000;font-stretch: extra-expanded;margin-top: 10px;margin-bottom: 10px;">Tags</div> <div class="video-title" style="color:#fff;font-family:'PokeTube Flex';font-weight:1000;font-stretch: extra-expanded;margin-top: 10px;margin-bottom: 10px;">Tags</div>
<div class="tags"> <div class="tags">
<% video.Tags.Tag.forEach(x => { %> <% inv_vid?.keywords.forEach(x => { %>
<div class="tag"> <div class="tag">
<a href="/hashtag/<%=x %>" style="color:#fff"> <a href="/hashtag/<%=x %>" style="color:#fff">
<%=x %> <%=x %>
@ -471,30 +486,27 @@ background: none !important;
</div> </div>
<div title="<%=engagement.dislikes.toLocaleString()%> Dislikes"> <div title="<%=engagement.dislikes.toLocaleString()%> Dislikes">
<i class="fa-light fa-thumbs-down"></i> <%=convert(engagement.dislikes)%> <i class="fa-light fa-thumbs-down"></i> <%=convert(engagement.dislikes)%>
</div> </div> <div>
<a title="Download this Video :3" style="color:#fff;text-decoration: none; " href="/download?v=<%=inv_vid.videoId%>">
<div>
<a title="Download this Video :3" style="color:#fff;text-decoration: none; " href="/download?v=<%=video.id%>">
<i class="fa-light fa-download"></i> <i class="fa-light fa-download"></i>
Download Download
</a> </a>
<% if (!video.Channel.Name.endsWith(' - Topic')) { %> <% if (!k.Video.Channel.Name.endsWith(' - Topic')) { %>
<% if (!video.Title.endsWith('Audio)')) { %> <% if (!inv_vid.title.endsWith('Audio)')) { %>
<a title="Encryption duh" style="color:#fff;text-decoration: none;" href="/encryption?v=<%=video.id%>"> <a title="Encryption duh" style="color:#fff;text-decoration: none;" href="/encryption?v=<%=inv_vid.videoId%>">
<i class="fa-light fa-shield"></i> <i class="fa-light fa-shield"></i>
Encryption Encryption
</a> </a>
<% }%> <% }%> <% }%> <% }%>
<% if (video.Channel.Name.endsWith(' - Topic') || video.Title.endsWith('Audio)')) { %> <% if (k.Video.Channel.Name.endsWith(' - Topic') || inv_vid.title.endsWith('Audio)')) { %>
<% if (video.Channel.Name.endsWith(' - Topic') || video.Title.endsWith('Audio)')) { %> <% if (k.Video.Channel.Name.endsWith(' - Topic') || inv_vid.title.endsWith('Audio)')) { %>
<a title="open this song in poketube music player :3" style="color:#fff;text-decoration: none;" href="/music?v=<%=video.id%>"> <a title="open this song in poketube music player :3" style="color:#fff;text-decoration: none;" href="/music?v=<%=inv_vid.videoId%>">
<i class="fa-light fa-music"></i> <i class="fa-light fa-music"></i>
Open In Music Player Open In Music Player
</a> </a>
@ -546,65 +558,71 @@ background: none !important;
</div> </div>
<% if (!f) { %> <% if (!f) { %>
<% k.Video.Recommendations.Video.forEach(x => { %>
<div class="video" > <% if (inv_vid.recommendedVideos) { %>
<% if (!optout) { %>
<a href="/lite?v=<%= x.id %>" class="thumbnail" style="background-image: url('https://p.poketube.fun/https://i.ytimg.com/vi/<%= x.id %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 9.5px;" > <span class="video-length"><%=x.duration %></span> <% inv_vid?.recommendedVideos.forEach(x => { %>
<% } %> <div class="fade-in video">
<% if (optout) { %> <% if (!optout) { %><a class="thumbnail" href="/lite?v=<%= x.videoId %>" style="background-image:url(<%- media_proxy_url %>/proxy?url=https://vid.puffyan.us/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw);border-radius:9.5px" alt="<%= x.Title %>"><span class="video-length"><%- turntomins(x.lengthSeconds) || "LIVE"%></span><% } %><% if (optout) { %><a class="thumbnail"href="/lite?v=<%= x.videoId %>&m=f"style="background-image:url(<%- media_proxy_url %>/proxy?url=https://vid.puffyan.us/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw);border-radius:9.5px"alt="<%= x.Title %>"><span class="video-length"><%- x.duration || "LIVE"%></span><% } %></a>
<div class="info">
<a href="/lite?v=<%= x.id %>&t=f" class="thumbnail" style="background-image: url('https://p.poketube.fun/https://i.ytimg.com/vi/<%= x.id %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 9.5px;" > <span class="video-length"><%=x.duration %></span> <% if (!optout) { %>
<% } %> <a class="max-lines-2 title" href="/lite?v=<%= x.videoId %>" style="font-stretch:ultra-expanded;font-weight:850" title="<%= x.Title %>">
</a> <%= x.title %>
<div class="info"> </a>
<% } %>
<% if (!optout) { %> <% if (optout) { %>
<a href="/lite?v=<%= x.id %>" class="title max-lines-2" title="<%= x.Title %>" style="font-stretch: 100%;font-weight: 800;"><%= x.Title %></a> <a class="max-lines-2 title" href="/lite?v=<%= x.videoId %>&m=f" style="font-stretch:100%;font-weight:800" title="<%= x.Title %>">
<% } %> <%= x.title %>
<% if (optout) { %> </a>
<a href="/lite?v=<%= x.id %>&t=f" class="title max-lines-2" title="<%= x.Title %>" style="font-stretch: 100%;font-weight: 800;"><%= x.Title %></a>
<% } %>
<div>
<a class="max-lines-2" href="/channel?id=<%= x.Channel.id %>" style="-webkit-line-clamp: 1;width: 12em;word-wrap: break-word;"><%=x.Channel.Name %></a>
<div class="video-views"> <%= x.uploadedAt %> • <%= convert(x.views) %> views </div>
</div>
</div>
</div>
<% }) %>
<% } %> <% } %>
<div>
<a class="max-lines-2" href="/channel?id=<%= x.authorId %>@youtube.com" style="-webkit-line-clamp:1;width:12em;word-wrap:break-word">
<%=x.author %>
</a>
<div class="video-views">
<%= convert(x.viewCount) %> views
<% if (f) { %> </div>
</div>
</div>
</div>
<% }) %>
<% } %>
<% } %>
<% tj.Contents.ItemSection.Video.forEach(x => { %> <% if (inv_vid.recommendedVideos.length < 1) { %>
<div class="video"> <% channel_uploads?.latestVideos.forEach(x => { %>
<% if (!optout) { %> <div class="fade-in video">
<% if (!optout) { %><a class="thumbnail" href="/lite?v=<%= x.videoId %>" style="background-image:url(<%- media_proxy_url %>/proxy?url=https://vid.puffyan.us/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw);border-radius:9.5px" alt="<%= x.Title %>"><span class="video-length"><%- turntomins(x.lengthSeconds) || "LIVE"%></span><% } %><% if (optout) { %><a class="thumbnail"href="/lite?v=<%= x.videoId %>&m=f"style="background-image:url(<%- media_proxy_url %>/proxy?url=https://vid.puffyan.us/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw);border-radius:9.5px"alt="<%= x.Title %>"><span class="video-length"><%- x.duration || "LIVE"%></span><% } %></a>
<a href="/lite?v=<%= x.id %>" class="thumbnail" style="background-image: url('https://p.poketube.fun/https://i.ytimg.com/vi/<%= x.id %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 9.5px;" > <span class="video-length"><%=x.duration %></span> <div class="info">
<% } %> <% if (!optout) { %>
<% if (optout) { %> <a class="max-lines-2 title" href="/lite?v=<%= x.videoId %>" style="font-stretch:ultra-expanded;font-weight:850" title="<%= x.Title %>">
<%= x.title %>
<a href="/lite?v=<%= x.id %>&t=f" class="thumbnail" style="background-image: url('https://p.poketube.fun/https://i.ytimg.com/vi/<%= x.id %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 9.5px;" > <span class="video-length"><%=x.duration %></span> </a>
<% } %>
<% if (optout) { %>
<a class="max-lines-2 title" href="/lite?v=<%= x.videoId %>&m=f" style="font-stretch:100%;font-weight:800" title="<%= x.Title %>">
<%= x.title %>
</a>
<% } %> <% } %>
</a> <div>
<div class="info"> <a class="max-lines-2" href="/channel?id=<%= x.authorId %>@youtube.com" style="-webkit-line-clamp:1;width:12em;word-wrap:break-word">
<% if (!optout) { %> <%=x.author %>
<a href="/lite?v=<%= x.id %>" class="title max-lines-2" title="<%= x.Title %>"><%= x.Title %></a> </a>
<% } %> <div class="video-views">
<% if (optout) { %>
<a href="/lite?v=<%= x.id %>&t=f" class="title max-lines-2" title="<%= x.Title %>"><%= x.Title %></a> <%= convert(x.viewCount) %> views
<% } %>
<div>
<a class="max-lines-2" href="/channel?id=<%= video.Channel.id %>"><%=video.Channel.Name %></a>
<div>
<%= x.uploadedAt %> • <%= convert(x.views) %> views</div>
</div>
</div>
</div>
<% }) %> </div>
<% } %> </div>
</div>
</div>
<% }) %>
<% } %>
<% } %> <% } %>
@ -622,3 +640,6 @@ background: none !important;
</html> </html>
<% } %> <% } %>
<% } catch (error) { %>
<%- error %>
<% } %>

49
html/map.ejs Normal file
View File

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html>
<head>
<title>PokeMaps Beta</title>
<link href="/css/yt-ukraine.svg" rel="icon" />
<style>
div {
display: none;
}
</style>
</head>
<body>
<p>
loading..... please wait lol
</p>
<iframe id="myFrame" style="width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; position: fixed; border: none; margin: 0; padding: 0; overflow: auto;"></iframe>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
/**
* @licstart The following is the entire license notice for the JavaScript
* code in this page.
*
* Copyright (C) 2021-2023 POKETUBE (https://github.com/iamashley0/poketube)
*
* The JavaScript code in this page is free software: you can redistribute
* it and/or modify it under the terms of the GNU General Public License
* (GNU GPL) as published by the Free Software Foundation, either version 3
* of the License, or (at your option) any later version. The code is
* distributed WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU GPL
* for more details.
*
* As additional permission under GNU GPL version 3 section 7, you may
* distribute non-source (e.g., minimized or compacted) forms of that code
* without the copy of the GNU GPL normally required by section 4, provided
* you include this license notice and a URL through which recipients can
* access the Corresponding Source.
*
* @licend The above is the entire license notice for the JavaScript code
* in this page.
*/
//--><!]]>
</script>
<script src="/static/maps.js"></script><script src="/static/data-mobile.js"></script>
</body>
</html>

71
html/partials/card.ejs Normal file
View File

@ -0,0 +1,71 @@
<div class="card">
<div class="card-title">
<div class="card-icon" style="background: <%= icon_background %>;">
<% if(icon="none"){ %><% } else{ %> <%- icon %><% } %>
</div>
<h2><%= title %></h2>
</div>
<p><%= description %></p>
<% if (actions=="true") { %>
<div class="card-actions">
<% if (has_secondary_action=="true") { %>
<a class="card-secondary" href="<%= secondary_link %>"><%- secondary_icon %> <%= secondary_text %></a>
<% } %>
<a class="card-primary" href="<%= primary_link %>"><%- primary_icon %> <%= primary_text %></a>
</div>
<% }%>
</div>
<style>
.card {
padding: 24px;
}
.card-title {
display: flex;
align-items: center;
}
.card-title h2 {
font-family: "PokeTube flex";
font-stretch: ultra-expanded;
font-weight: 1000;
margin: 0px;
}
.card-title svg {
width: 32px;
height: 32px;
margin-right: 12px;
}
.card-actions {
display: flex;
align-items: center;
justify-content: right;
gap: 12px;
}
.card-actions a {
color: white;
border: 2px white solid;
border-radius: 3rem;
padding: 12px 24px 12px 12px;
display: flex;
align-items: center;
}
.card-actions a:hover {
filter: brightness(0.8);
text-decoration: nones;
}
.card-actions svg {
width: 24px !important;
height: 24px !important;
margin-right: 6px;
}
.card-actions .card-primary {
background: white;
color: black;
}
.card-actions .card-primary svg {
fill: black;
}
.card-actions .card-secondary svg {
fill: white;
}
</style>

123
html/partials/header.ejs Normal file
View File

@ -0,0 +1,123 @@
<!--
This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2024 Poke (https://codeberg.org/Ashley/poke)
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/.
--->
<!-- Global Header-->
<!-- This should be inserted as a component/partial -->
<header>
<div class="header-content">
<div class="header-start">
<a title="Poke Homepage" href="/playlist?list=PL3roRV3JHZzbatp5PvE-88ApmVishqGHN">
<img src="/css/logo-poke.svg?v=5"/>
<img src="/css/red-tape.png?v=5" style="margin-left: -8em;opacity: 0.9;height: 2em;">
<p class="subtitle"> <%- random %></p>
</a>
</div>
<div class="header-center">
<%- include('./search.ejs') %>
</div>
<div class="header-end">
<a href="https://codeberg.org/Ashley/poketube/src/branch/main/instances.json"><?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#ffffff" style="--darkreader-inline-color: #e8e6e3;" data-darkreader-inline-color=""><path d="M6 18.01L6.01 17.9989" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="--darkreader-inline-stroke: #ffffff;" data-darkreader-inline-stroke=""></path><path d="M6 6.01L6.01 5.99889" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="--darkreader-inline-stroke: #ffffff;" data-darkreader-inline-stroke=""></path><path d="M2 9.4V2.6C2 2.26863 2.26863 2 2.6 2H21.4C21.7314 2 22 2.26863 22 2.6V9.4C22 9.73137 21.7314 10 21.4 10H2.6C2.26863 10 2 9.73137 2 9.4Z" stroke="#ffffff" stroke-width="1.5" style="--darkreader-inline-stroke: #ffffff;" data-darkreader-inline-stroke=""></path><path d="M2 21.4V14.6C2 14.2686 2.26863 14 2.6 14H21.4C21.7314 14 22 14.2686 22 14.6V21.4C22 21.7314 21.7314 22 21.4 22H2.6C2.26863 22 2 21.7314 2 21.4Z" stroke="#ffffff" stroke-width="1.5" style="--darkreader-inline-stroke: #ffffff;" data-darkreader-inline-stroke=""></path></svg></a>
<a href="/apps"><?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="#ffffff"><path d="M17.5 17.5C20 21 23.9486 18.4151 23 15C21.5753 9.87113 20.8001 7.01556 20.3969 5.50793C20.1597 4.62136 19.3562 4 18.4384 4L5.56155 4C4.64382 4 3.844 4.62481 3.62085 5.515C2.7815 8.86349 2.0326 11.8016 1.14415 15C0.195501 18.4151 4.14415 21 6.64415 17.5" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16 4V6C16 7.10457 15.1046 8 14 8H10C8.89543 8 8 7.10457 8 6L8 4" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8 16C9.10457 16 10 15.1046 10 14C10 12.8954 9.10457 12 8 12C6.89543 12 6 12.8954 6 14C6 15.1046 6.89543 16 8 16Z" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16 16C17.1046 16 18 15.1046 18 14C18 12.8954 17.1046 12 16 12C14.8954 12 14 12.8954 14 14C14 15.1046 14.8954 16 16 16Z" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a>
<a href="/account-create"><?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#ffffff"><path d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4.271 18.3457C4.271 18.3457 6.50002 15.5 12 15.5C17.5 15.5 19.7291 18.3457 19.7291 18.3457" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 12C13.6569 12 15 10.6569 15 9C15 7.34315 13.6569 6 12 6C10.3431 6 9 7.34315 9 9C9 10.6569 10.3431 12 12 12Z" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Account</a>
</div>
</div>
</header>
<style>
header {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
padding: 12px 0px;
background: rgb(0, 0, 0, 0.5);
}
.header-content {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1264px;
margin: auto;
height: 3em;
}
.header-start {
display: flex;
align-items: center;
}
.header-start img {
height: 32px;
margin-top: 3em;
}
form[action="/search"] {
display: flex
}
.header-center #fname {
background: rgba(255, 255, 255, 0.2);
border: 1px #605e5e solid;
border-radius: 6px 0px 0px 6px;
color: white;
font-size: 14px;
padding: 6px 12px;
border-right: none;
cursor: default;
width: 300px;
}
.header-center button {
background: rgba(255, 255, 255, 0.2);
border: 1px #605e5e solid;
border-radius: 0px 6px 6px 0px;
color: white;
border-left: none;
cursor: pointer;
}
.header-center #fname:focus {
outline: none;
border-color: #8a8a8a;
}
.header-center button svg {
width: 18px;
}
.header-end {
display: flex;
align-items: center;
gap: 6px;
}
.header-end a {
/* border: 2px #605e5e solid; */
border-radius: 3rem;
display: flex;
align-items: center;
padding: 6px;
color: white;
gap: 6px;
}
</style>
<link href="<%- proxyurl %>/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css" rel=stylesheet>

60
html/partials/search.ejs Normal file
View File

@ -0,0 +1,60 @@
<form action="/search">
<input type="search" class="search-bar" id="fname" name="query">
<button><?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="#ffffff"><path d="M17 17L21 21" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 11C3 15.4183 6.58172 19 11 19C13.213 19 15.2161 18.1015 16.6644 16.6493C18.1077 15.2022 19 13.2053 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11Z" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
</form>
<div style="opacity: 0;" class="suggestions"></div>
<script>
/*
@licstart The following is the entire license notice for the
JavaScript code in this page.
Copyright (C) 2024 Poke Project
The JavaScript code in this page is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version. The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.
@licend The above is the entire license notice
for the JavaScript code in this page.
*/
</script>
<style>
.suggestions {
position: absolute;
display: grid;
background: #473e46d6;
border-radius: 6px;
margin-top: 10px;
width: 329px;
z-index: 5;
backdrop-filter: blur(10px);
gap: 4px;
padding: 4px 0px;
}
.suggestions a {
color: white;
background: transparent;
padding: 6px 12px;
border-radius: 4px;
margin: 0px 4px;
}
.suggestions a:hover {
background: #f9f9f917;
text-decoration: none;
}
</style>

267
html/playlist.ejs Normal file
View File

@ -0,0 +1,267 @@
<!--
This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2024 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 style="background:#000000">
<head>
<title>Poke | <%- p.title %> </title>
<link href=/css/yt-ukraine.svg?v=6 rel=icon>
<link rel="manifest" href="/manifest.json">
<meta content=website property=og:type>
<meta name="viewport" content="width=device-1200px, initial-scale=1.0, shrink-to-fit=yes, viewport-fit=cover">
<meta content="Poke - <%- p.title %> " property=og:title>
<meta content="<%- p.description %>" property=twitter:description>
<meta content="<%- mediaproxy %>/proxy?url=<%- p.playlistThumbnail %>" property="og:image" />
<meta content=summary_large_image name=twitter:card>
<link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="/css/watch.main.css?v=56" rel=stylesheet>
<link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
<style>
a.class:hover {
font-weight:bold
}
summary{
color:gray;
}
summary:hove
color:white;
}
</style>
<!-- WIGGLE WIGGLE WIGGLE -->
<style>
body{
overflow-x: hidden; /* Hide horizontal scrollbar */
color:#111111;
}
.animated {
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
}
@-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.wiggle {
-webkit-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.wiggle {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
:root {
--text-primary: #fff;
--text-secondary: #fff;
--text-link: #3ea6ff;
--app-background: #111111;
--context-menu-background: #333;
--border-color: #444;
--item-hover-background: #373737;
--item-active-background: #383838;
--top-bar-background: #202020;
--guide-background: #212121;
--thumbnail-background: #252525;
--channel-info-background: #181818;
--channel-contents-background: #0f0f0f;
}
.alert {
padding: 20px;
background-color: #f44336;
color: white;
opacity: 1;
transition: opacity 0.6s;
margin-bottom: 15px;
}
.alert.success {background-color: #04AA6D;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
a{
border-radius:13px
}
.video-list > p {
font-family:Ubuntu
}
.closebtn:hover {
color: black;
}
.playlist-video > .info > .title {
border-radius:0em;
max-height: 1.9em;
}
.playlist-info>.title {
font-family: "PokeTube flex";
font-stretch: ultra-expanded;
font-weight: 600;
}
.playlist-info{
position: sticky;
top:0;
}
.playlist-info::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 13em;
height: 447px;
background-size: cover;
filter: blur(53px);
backdrop-filter: blur(157px);
z-index: -1;
background-image: url(<%- mediaproxy %>/proxy?url=<%- p.playlistThumbnail %>?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ==&rs=AOn4CLA9kTQiXKs92q5RXRPYMkL6jKhNJQsqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE=&amp;rs=AOn4CLCLG7gzsIdtlp7ugZJH8YaAHX5bIw&amp;days_since_epoch=19755);
margin-left: 82px;
}
</style>
</head>
<body>
<nav>
<div class="left"><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"> </a> </div>
<div class="middle">
<div class="search">
<form action="/search">
<input class="search-bar" autocomplete="on" id="fname" name="query" placeholder="" style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;" data-ddg-inputtype="identities.firstName">
<button class="btn btn-success" type="submit"><i class="fa-light fa-search"></i></button>
</form>
</div>
</div>
<div class="right">
<a href="/privacy" style="text-decoration: none;" title="Privacy Policy">
<i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-shield"></i>
</a>
</div>
</nav>
<div class="playlist-page" style="margin-left: auto;margin-right: auto;width: 56em;">
<div class="playlist-info" style="max-height: 26em;border-radius: 1em;">
<% if (!p.mixId) { %>
<div class="thumbnail" style="background-image: url('<%- mediaproxy %>/proxy?url=<%- p.playlistThumbnail %>sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE=&amp;rs=AOn4CLCLG7gzsIdtlp7ugZJH8YaAHX5bIw&amp;days_since_epoch=19755');border-radius: 13px;border: 1px solid #ff0064">
</div> <% } %>
<p class="title"><%- p.title %> </p>
<% if (!p.mixId) { %>
<span class="info"><%- p.videoCount %> videos • <%- p?.viewCount?.toLocaleString() %> views • by <%- p.author %> </span>
<% } %>
<span class="description"><%- p.description %></span>
<div class="channel-info">
</div>
</div>
<div class="video-list playlist-video-list">
<% p.videos.forEach(x => { %>
<div class="playlist-video">
<a href="/watch?v=<%- x.videoId %>" class="index">
<%- x.index + 1 %>
</a>
<a href="/watch?v=<%- x.videoId %>" class="thumbnail"
style="background-image: url('<%- mediaproxy %>/proxy?url=https://vid.puffyan.us/vi/<%- x.videoId %>/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&amp;rs=AOn4CLBibY6d4Dg0K69NC-0b7NFsD7AH1w');">
</a>
<div class="info">
<a href="/watch?v=<%- x.videoId %>" class="title max-lines-2">
<%- x.title %>
</a>
<div>
<a href="/channel?id=<%- x.authorId %>" style="border-radius:0em"><%- x.author %></a><br>
<a href="/download?id=<%- x.videoId %>" style="border-radius:0em"> Download </a>
</div>
</div>
</div>
<% }) %>
</div>
</div>
</div>
<script src="/css/custom-css.js"> </script>
</body>
</html>

4
html/poketube-iframe.ejs
View File

@ -28,7 +28,7 @@ summary:hover{
* @licstart The following is the entire license notice for the JavaScript * @licstart The following is the entire license notice for the JavaScript
* code in this page. * code in this page.
* *
* Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/poketube) * Copyright (C) 2021-2022 POKETUBE (https://codeberg.org/Ashley/poketube)
* *
* The JavaScript code in this page is free software: you can redistribute * The JavaScript code in this page is free software: you can redistribute
* it and/or modify it under the terms of the GNU General Public License * it and/or modify it under the terms of the GNU General Public License
@ -83,7 +83,7 @@ height: 100%;
<% if (type !== "copy_code") { %> <% if (type !== "copy_code") { %>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="/css/watch.main.css?v=56" rel=stylesheet> <link href="/css/watch.main.css?v=56" rel=stylesheet>
<link href="/css/watch-util.css" rel=stylesheet> <link href="/css/watch-util.css" rel=stylesheet>
<link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet> <link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet>

25
html/poketube-music.ejs
View File

@ -1,7 +1,7 @@
<!-- <!--
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-2022 POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by
@ -38,7 +38,7 @@
<link href=/css/yt-ukraine.svg?v=6 rel=icon> <link href=/css/yt-ukraine.svg?v=6 rel=icon>
<title> <%=info.artist%> - <%=info.title%></title> <title> <%=info.artist%> - <%=info.title%></title>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet> <link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet>
<link href="/css/watch.main.css?v=56" rel=stylesheet> <link href="/css/watch.main.css?v=56" rel=stylesheet>
<link href="/css/music.css?v=56" rel=stylesheet> <link href="/css/music.css?v=56" rel=stylesheet>
@ -46,6 +46,13 @@
.img { .img {
box-shadow: 0px 0 6.4em <%=color%>; box-shadow: 0px 0 6.4em <%=color%>;
} }
.lyrics {
margin-top: -26em;
height: 25em;
max-height: 22em;
overflow: auto;
margin-left: 54em;
}
</style> </style>
<link href=https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet> <link href=https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
</head> </head>
@ -80,9 +87,18 @@
<div class="video-title center" style="font-family:Poketube flex;font-weight:900;white-space:yes;text-align: center;font-stretch: extra-expanded"> <div class="video-title center" style="font-family:Poketube flex;font-weight:900;white-space:yes;text-align: center;font-stretch: extra-expanded">
<%=info.title%> <i title="hq audio" class="fa-light fa-waveform-lines"></i> </div> <%=info.title%> <i title="hq audio" class="fa-light fa-waveform-lines"></i> </div>
<div class="video-title center" style="font-family:Inter;font-weight:900;white-space:yes;text-align: center;"> <%=info.artist%> <div class="video-title center" style="font-family:Inter;font-weight:900;white-space:yes;text-align: center;"> <%=info.artist%>
</div> </div> </div>
<div class="lyrics">
<div class="video-title center" style="font-family:Poketube flex;font-weight:900;white-space:yes;text-align: center;font-stretch: extra-expanded">
Lyrics </div>
<%- lyrics.replace("&lt;","<").replace("&gt;", ">") || " no lyrics found "%>
<br>
lyrics by: musixmatch
</div>
</div>
<div style=" position: fixed; <div style=" position: fixed;
bottom: 0; bottom: 0;
@ -107,7 +123,6 @@
</div> </div>
</div> </div>
<div style="position: fixed;bottom: 0;right: 0;margin: 67px;text-decoration: none;"> <div style="position: fixed;bottom: 0;right: 0;margin: 67px;text-decoration: none;">
<p style="margin:0;"> <p style="margin:0;">
Powered By Powered By

115
html/poketube-old.ejs
View File

@ -1,7 +1,7 @@
<!-- <!--
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-2022 POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by
@ -17,31 +17,10 @@
along with this program. If not, see https://www.gnu.org/licenses/. along with this program. If not, see https://www.gnu.org/licenses/.
--> -->
<!DOCTYPE html> <!DOCTYPE html>
<% if (e === false) { %> <!-- if ?e=false,dont show up the meta tags -->
<title> PokeTube</title>
<% } %>
<% if (!e) { %>
<meta content="<%=video.Title%>" name=title>
<meta content="<%=color%>" name="theme-color">
<meta content=player name=twitter:card>
<meta content="<%=video.Channel.Name%>" name=twitter:description>
<meta content=@youtube name=twitter:site>
<meta content="https://poketube.fun/watch?v=<%=video.id%>" name=twitter:url>
<meta content="<%=video.Title%>" name=twitter:title>
<meta content="https://i.ytimg.com/vi/<%=video.id%>/maxresdefault.jpg" name=twitter:image>
<meta content="https://www.youtube.com/embed/<%=video.id%>" name=twitter:player>
<meta content=1280 name=twitter:player:width>
<meta content="Poketube is a private youtube player thats focusted on privacy. No javascript needed!" property=twitter:description>
<meta content=720 name=twitter:player:height>
<link href="https://poketube.fun/watch?v=<%=video.id%>" itemprop=url>
<link href="http://www.youtube.com/channel/<%=video.Channel.id%>" itemprop=url>
<% } %> <!-- close the } -->
<link href="//vjs.zencdn.net/7.10.2/video-js.min.css" rel="stylesheet">
<link href=/css/yt-ukraine.svg rel=icon>
<title> <%=video.Title%> - PokeTube</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel=stylesheet>
<link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet>
<style> <style>
a.class:hover { a.class:hover {
text-decoration:underline; text-decoration:underline;
@ -53,6 +32,10 @@
summary:hover{ summary:hover{
color:white; color:white;
} }
body {
background: #333
}
</style> </style>
<!-- WIGGLE WIGGLE WIGGLE --> <!-- WIGGLE WIGGLE WIGGLE -->
<style> <style>
@ -117,79 +100,15 @@ summary:hover{
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Sigmar+One&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Sigmar+One&display=swap" rel=stylesheet>
<link href=https://pro.fontawesome.com/releases/v5.15.3/css/all.css rel=stylesheet> <link href=https://pro.fontawesome.com/releases/v5.15.3/css/all.css rel=stylesheet>
<center> <center>
<nav> <form action="/search"><input class="search-bar" autocomplete="on" id="fname" name="query" style="color:var(--text-color);font-family:poketube flex,sans-serif;border-radius: 2em;font-weight: 850;font-stretch: extra-expanded;" data-ddg-inputtype="identities.firstName">
<div class=left><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff><span><i class="fa-youtube fab" style="text-decoration:inherit;background:linear-gradient(to right,blue,pink);-webkit-text-fill-color:transparent;-webkit-background-clip:text;"></i></span><span style="background-image: linear-gradient(to left,pink,#000080);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">PokeTube</span> 🇺🇦 </a> <a href="/domains"><i class="fas fa-server"></i><a href="https://search.poketalebot.com"><i class="fas fa-search"></i> </a></div> <button class="btn btn-success" type="submit" > Search </button>
<div class=middle> </form>
<form action=/search><input class=search-bar autocomplete="on" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;"> <button class="btn btn-success" type=submit><i class="fas fa-search"></i></button></form> <hr>
</div> <video style="width: 34em;" controls>
<div class=right><a href="/privacy"><i class="fas fa-shield"></i></a><a href="/video/upload?from="><i class="fas fa-video"></i></a> <a href="https://github.com/iamashley0/poketube/"><i class="fab fa-git-alt"></i></a><a href="https://github.com/iamashley0/poketube/issues"><i class="fas fa-bug"></i></a></a></div> <source src="https://vid.theedgeofrage.com/latest_version?id=<%=v%>&itag=22&local=true" type="video/mp4; codecs=&quot;avc1.64001F, mp4a.40.2&quot;" label="hd720" selected="true">
</nav> </video>
<section class=youtube-video>
<div class=screen> </center></center></center></center></center>
<div class=videoOuterContainer-3x2_n9>
<div class=videoMiddleContainer-2yUOUz>
<div class=videoInnerContainer-2IHZcN>
<video id="player" class="video-3DYbjh" src="<%=url%>" poster="https://i.ytimg.com/vi/<%=video.id%>/maxresdefault.jpg" autoplay controls>
</video><br><br>
<br><br></center><hr>
<center>
<h1 style="font-family:Inter,sans-serif;font-weight:900;white-space:yes;font-size:65"><b> <%=video.Title%> </b></h1>
<a href="/channel?id=<%=video.Channel.id%>" style=color:#fff>
<%=video.Channel.Name%>
</a>
</center>
<hr>
<center>
<center>
<center>
<center>
<p><i class="fas fa-calendar-alt"></i>
<%=date%>|<i class="fas fa-chart-bar"></i>
<%=engagement.viewCount.toLocaleString()%> Views| <i class="fas fa-thumbs-up"></i>
<%=engagement.likes.toLocaleString()%> <i class="fas fa-thumbs-down"></i>
<%=engagement.dislikes.toLocaleString()%>
<br>
<noscript><p><i class="fas fa-code"></i> Hey,you are on no script mode rn. Yes,Poketube does not require billion lame scripts to run :P</p></noscript>
<p><i class="fas fa-shield-alt"></i> Youtube And Poketube wont know you are whatching this video (also your fbi guy wont know too)</p>
<p> <a href="/api/video/download?v=<%=video.id%>">Download</a>|<a href="https://youtube.com/watch?v=<%=video.id%>">Open on YouTube (Not recommended)</a>|<a href="/privacy">Privacy</a>
</p>
<hr>
<h1 style="color:#fff;font-family:Inter,sans-serif;font-weight:700;white-space:yes;">M O A R
</h1>
<p>
see description and the lyrics of the video!
</p>
<p>
(click the arrow to expand)
</p>
<details style="color=#fff">
<summary style="color=#fff"></summary>
<p style="color: white;">
<h1 style="color:#fff;font-family:Inter,sans-serif;font-weight:700;white-space:yes;"> Description</h1><hr>
<center>
<% if (video.Description) { %>
<p style=color:#fff>
<%-String(video.Description).replace(/\n/g, " <br> ")%></center>
</p>
<% } %>
<% if (lyrics) { %>
<h1 style="color:#fff;font-family: 'Inter', sans-serif;font-weight: bold;white-space:yes;font-size:45;"> Lyrics
</h1> <hr>
<p style="color: white;">
<p style=color:#fff>
<%-lyrics%>
</p>
<% } %> </details>
<hr>
<p>This website does not track you. No cookies. No data collection. No statistics. 100% handcrafted without JavaScript. <a href="https://github.com/iamashley0/poketube/">Source code</a><br></p>
</center></center></center></center></center>
</body> </body>

2462
html/poketube.ejs
View File

File diff suppressed because it is too large Load Diff

520
html/priv-custom.ejs
View File

@ -1,7 +1,7 @@
<!-- <!--
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2023 POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-2023 POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by
@ -16,18 +16,23 @@
You should have received a copy of the GNU General Public License You should have received a copy of the GNU General Public License
along with this program. If not, see https://www.gnu.org/licenses/. along with this program. If not, see https://www.gnu.org/licenses/.
--> -->
<!DOCTYPE html><head> <!DOCTYPE html><html class="background"><head>
<title>Poketube - Legal mumbo jumbo</title> <title>Poketube - Legal mumbo jumbo</title>
<link rel="stylesheet" href="/css/pv.main.css?v=5444" type="text/css" />
<link href=/css/app.main.css rel=stylesheet> <link href="/css/app-cdn.min.css" rel="stylesheet">
<link href=https://poketube.fun/css/yt-ukraine.svg rel=icon> <link href="/css/app-cdn.min.css" rel="stylesheet">
<meta content=website property=og:type> <link href="/css/app.main.css?v=44600" rel="stylesheet">
<meta content="PokeTube - Legal thingy to put you into sleep" property=og:title> <link href="/css/search.main.css?v=57" rel="stylesheet">
<meta content="This is the PokeTube Privacy Policy meta description. Wow, helpful meta description PokeTube. Thanks!" property=twitter:description> <meta content="#f97794" name="theme-color">
<meta content="https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/17a7fa1d-cdf9-4b73-9686-21e62c7fb285.image.png?v=1667739586452" property=og:image> <link href="/css/watch.main.css" rel="stylesheet">
<meta content=summary_large_image name=twitter:card> <link href="https://fonts.poketube.fun/css/fonts.css" rel="stylesheet">
<meta content="#1a1a1a" name="theme-color"> <link href="https://poketube.fun/css/yt-ukraine.svg" rel="icon">
<link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet> <meta content="website" property="og:type">
<meta content="PokeTube - Legal thingy to put you into sleep" property="og:title">
<meta content="This is the PokeTube Privacy Policy meta description. Wow, helpful meta description PokeTube. Thanks!" property="twitter:description">
<meta content="https://cdn.glitch.global/33bc0843-7505-4fb9-92a6-4e8b0e74979f/0ddd4508-9a7d-4c3c-9f8e-da5a8c115e16.image.png?v=1671545627005" property="og:image" />
<meta content="summary_large_image" name="twitter:card">
<link href="https://fonts.poketube.fun/css/fonts.css" rel="stylesheet">
<style> <style>
@font-face { @font-face {
@ -41,67 +46,377 @@ src:url('https://p.poketube.fun/https://cdn.statically.io/gh/brecert/discord-quo
} }
:visited { color: #00c0ff } :visited { color: #00c0ff }
.background{
background: linear-gradient(to bottom right, #9666F7, #B37C6B);background-size: auto 400em;
}
.hd-lg {
color: #fff;
font-family: "PokeTube flex" !important;
font-stretch: extra-expanded;
font-weight: 1000;
}
.hd-md {
color: #fff;
}
a{ a{
color:#0ab7f0; color:#0ab7f0;
</style> </style>
</head>
<body id="pg-privacy" class="page-privacy">
</head>
<div class="site-wrapper site-wrapper--static js-site-wrapper"> <body>
<div class="header-wrap--hero js-header-wrap"> <section class="youtube-video" style="">
</div> <style>
@import url("https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css");
* {
font-family:ubuntu, sans-serif
}
a.class:hover {
text-decoration:underline;
font-weight:bold
}
summary{
color:gray;
}
summary:hover{
color:white;
}
</style>
<!-- WIGGLE WIGGLE WIGGLE -->
<style>
body{
color:#111111
}
.animated {
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
}
@-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.wiggle {
-webkit-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.wiggle {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
:root {
--text-primary: #fff;
--text-secondary: #fff;
--text-link: #3ea6ff;
</header> --app-background: #1a1a1a;
--context-menu-background: #333;
--border-color: #444;
--item-hover-background: #373737;
--item-active-background: #383838;
<div id="content_wrapper" class="content-wrap"> --top-bar-background: #202020;
<div class="blk blk--hero"> --guide-background: #212121;
<div class="cw--c">
<a class="anchor" name="top"></a> --thumbnail-background: #252525;
<div class="logo--dax" title="PokeTube"></div>
<div class="blk__text blk__text--hero-privacy js-privacy-hero"> --channel-info-background: #181818;
<h1 class="hd-hr"> --channel-contents-background: #0f0f0f;
Lorem ipsum dolor sit amet, consectetur adipiscing elit }
</h1> <h5 class="hd-hr">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h5> @font-face {
font-family: 'Ginto Nord';
font-weight: 800;
src:url('https://cdn.statically.io/gh/brecert/discord-quote-generator/main/Ginto-Nord-800.woff') format("woff");
}
.alert {
padding: 20px;
background-color: #f44336;
color: white;
opacity: 1;
transition: opacity 0.6s;
margin-bottom: 15px;
}
.alert.success {background-color: #04AA6D;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.closebtn:hover {
color: black;
}
</style>
<style>
.channel-info-container > img {
width: 100%;
}
.video-grid > .video {
background-color: #181818;
border-radius: 8px;
}
section#landing-page {
position: fixed;
width: 100%;
max-width: 90%;
margin: auto;
left: 0;
right: 0;
z-index: 999;
}
.content {
border-radius: 26px;
padding: 1em;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
position: relative;
top: -15%;
flex-direction: column;
transform: translateY(50%);
}
</div> .content-inner{
</div> padding: 10px;
</div> color:#fff;
<div class="blk blk--alt blk--content"> position: relative;
<div class="cw--c"> top: -21%;
<div class="blk__text"> transform: translateY(50%);
}
<p>
<b
> <p>set up the privacy policy please!!!!!!! poketube is a free software program that you can fork it yourself. you can see the repo <a href="https://codeberg.org/ashley/poketube/">here</a>.<br><br> <a href="https://github.com/iamashley0/poketube/commits/main/html/priv.ejs">see history of this privacy policy here</a></p>
<p>
</p>
<ul>
<h3> SECTIONS </h3>
<li><a href="#s0">Lorem ipsum dolor sit amet</a></li>
<li><a href="#s1">Lorem ipsum dolor sit amet</a></li> .heading {
color: #fff;
<li><a href="#s2">Lorem ipsum dolor sit amet </a></li> font-size: xxx-large;
font-family: 'PokeTube flex';
<li><a href="#s3">Lorem ipsum dolor sit amet</a></li> font-style:italic;
font-stretch: ultra-expanded;
font-weight: 1000;
text-align: center;
}
.product-container {
display: flex;
justify-content: center;
position: relative;
top: 11.5em;
padding-bottom: 2em;
overflow: hidden;
}
.btn-explore {
padding: 20px;
display: flex;
font-family: 'PokeTube flex';
font-stretch: ultra-expanded;
font-weight: 1000;
margin-top: 20px !important;
background-color: #fff;
border-radius: 6px;
width: 186px;
color: #000;
font-size: 20px;
text-decoration: unset;
margin: auto;
margin-top: auto;
}
.news {
display: flex;
justify-content: center;
background: #111;
width: 18em;
margin: auto;
margin-bottom: auto;
border-radius: 3em;
color: white;
margin-bottom: -10em;
}
@media screen and (max-height: 643px) {
.wave {
margin-bottom: -7em;
<li><a href="#s4">Lorem ipsum dolor sit amet</a></li> }
}
div > * {
color:#fff
}
p {
color: #fff !important;
}
.description{
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
word-break: break-all;
white-space: normal;
}
@media screen and (min-height: 768px) {
.wave {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: -7em;
display: block;
}
}
.news > * {
color:#fff
}
.news > a {
display: flex;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: 0.2rem;
font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
z-index: 10; /* Was 2 */"
}
</style>
<div class="app background">
<nav>
<div class="left">
<a class="class" href="/143" style="font-family:Inter,sans-serif;color:#fff"> <img style="transform: scale(1.3);width:8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"></a>
</div>
<div class="middle">
<div class="search">
<form action="/search"><input class="search-bar" autocomplete="on" id="fname" name="query" style="color:#fff;font-family:Inter,sans-serif;border-radius: 2em;" data-ddg-inputtype="identities.firstName">
<button class="btn btn-success" type="submit" style="transform: translate(21em, -1.25em);"><i class="fa-light fa-search"></i></button>
</form>
<img src="https://search-metrics.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;">
</div>
</div>
<div class="right">
<a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a>
<a href="/privacy"><i class="fa-light fa-shield"></i></a>
<a href="/video/upload?from="><i class="fa-light fa-video"></i></a>
<a href="https://codeberg.org/Ashley/poketube/issues"><i class="fa-light fa-bug"></i></a>
</div>
</nav>
<div class="channel-page">
<div class="content">
<div class="content-inner" style="color:#fff;">
<br>
<h1 style="margin-top: -29em;" class="heading">Privacy Policy</h1>
<div style="text-align: center;color: #fff;margin-top: 8px;">
We dont collect or share your personal information! That's our privacy policy TL;DR lol
</div>
</div>
<div style="margin-top: -79em;max-width: 37em;color: white;background: #333;padding: 8px;border-radius: 10px;" class="description">
Poketube does not collect or share personal information. poketube is a free software program that you can fork it yourself. you can see the repo <a href="https://codeberg.org/ashley/poketube/">here</a>.<br><br> <a href="https://codeberg.org/Ashley/poketube/commits/main/html/priv.ejs">see history of this privacy policy here</a>
<p style="color:#fff;">
You dont have to read this entire policy as it might put you to sleep. So in TL;DR:We dont collect or share your personal information. thats it lol
</p>
<P>
PLEASE SET UP YOUR PIRVACY POLICY HERE - THIS IS FOR POKETUBE.FUN ONLY
</P>
<ul>
<li><a href="#s0">Preamble</a></li>
<li><a href="#s1">Information Not Collected</a></li>
<li><a href="#s2">Information Collected</a></li>
<li><a href="#s5">Lorem ipsum dolor sit amet</a></li> <li><a href="#s3"> Information Shared</a></li>
<li><a href="#s4">Tools We use</a></li>
<li><a href="#s5">Liability</a></li>
</ul> </ul>
<h2 class="hd-lg">The Boring Part</h2> <p style="font-family:Monospace;font-size:medium;color:#fff">
<p>BORINGG SHUT UP NERD</p>
<hr class="hr" />
<a class="anchor" name="s0"></a>
<p style="font-family:Monospace;font-size:medium;">
POKETUBE POLICY LICENSE INFO<br> POKETUBE POLICY LICENSE INFO<br>
===================================<br><br> ===================================<br><br>
@ -114,39 +429,59 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit
=================================== ===================================
</p> </p>
<h3 class="hd-md">
Preamble&nbsp;
</h3>
<p >
<i>Please note that im not a lawyer, so dont execpt too much on this policy :P</i>
</p>
<p style="color:#fff">
Haiii! Welcome to PokeTubes Privacy Policy! We Dont collect or share your information. Ever. When we collect information, we mean, aggregated information (see "Information Collected" section for more info). The main reason that we dont collect your information is we care about your privacy. like alot (like alot alot). see; whynottrack.com<br><br>
We are free software, meaning you have freedom while using PokeTube. <a href="https://www.gnu.org/philosophy/free-software-even-more-important.html">Learn why you should care about your freedom here</a>.
<br><br>
We dont use javascript on the front-end of PokeTube. Meaning that you can use PokeTube With no javascript add-ons. <a href="https://www.gnu.org/philosophy/javascript-trap.html">Learn Why here.</a>
<br><br>
P.S:I love you <3
</p>
<hr class="hr" /> <hr class="hr" />
<p>START OF PRIVACY POLICY</p> <p>START OF PRIVACY POLICY</p>
<a class="anchor" name="s1"></a> <a class="anchor" name="s1"></a>
<h3 class="hd-md"> <h3 class="hd-md">
Lorem ipsum &nbsp; Information Not Collected &nbsp;
</h3> </h3>
<p> <p>
Please set up the privacy policy via priv-custom.ejs (yes, you heard it right, Information <i> Not Collected </i>) <br><br>
When you watch a video at PokeTube, we don't know who you are and there is no way to tie the things you are watching.
When you access a website, your Web browser automatically sends information about your computer. (e.g. your User agent and IP address.)<br><br>
Because this information could be used to link you to your peronsal information, we do not log (store) it at all. This is a very unusual practice, but we feel it is an important step to protect your privacy.
It is unusual for a reason. most server software auto-stores this information, so you have to go out of your way not to store it. At PokeTube, no cookies are used by default. PokeTube Doesnt use cookies (See the storage tab yourself!).
<br><br>
At PokeTube, we dont collect your personal information or share it. We dont collect your IP address. Your device metadata (e.g. device resolution, OS etc.) is not collected in anyway. <br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Our servers are secured with SHA-384 Signature Algorithm; meaning we cant see the videos you watching, things you search, or things you do. Learn more <a href="https://en.wikipedia.org/wiki/Secure_Hash_Algorithms">About hash Algorithms here.</a><br><br>
We migth use third party services on PokeTube, but third party request on PokeTube is proxied by default. no third party can see wat the hell ru doing on PokeTube. We do this by proxying the requests via a whole diffrent server, so no third party can see you.<br><br>
</p> </p>
<a class="anchor" name="s2"></a> <a class="anchor" name="s2"></a>
<h3 class="hd-md"> <h3 class="hd-md">
Lorem ipsum &nbsp; Information Collected &nbsp;
</h3> </h3>
<p> <p>We use a tool called Piwik (A free software Web analytics system, see piwik.org) to collect information. By information we mean, aggregated data about things such as the number of visits daily/weekly/monthly to PokeTube. <br><br> This data can't be used to identify you or your device or to learn anything about you individually. This Information thats being collected is anonymous and only analyzed in aggregate. It will never identify you or your machine.<br><br> This Process does not use cookies in any way. If you want to opt out (for some reason, we still dont know why lol), Click the "Opt out Of Metrics" Button on the bottom rigth side of the player. No data that identifies you or that can be linked to you as an individual is collected on poketube.</p><p>We Also save searches, but again, not in a personally identifiable way, as we do not store IP addresses or unique User agent strings. We use aggregate, non-personal search data.<br><br>
Please set up the privacy policy via priv-custom.ejs Finally, if you Subscribe to updates on <a href="//status.poketube.fun">PokeTube status site</a>, we may be store your email to send you email notifications whenever we create, update or resolve an incident. you can also use a <a href="https://duckduckgo.com/email/">Private Duck Address</a> to keep your email identity hidden and a email that can be easily deactivated. Subscribing to updates is optional to do so !</p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<h3 class="hd-md"> <h3 class="hd-md">
Lorem ipsum &nbsp; Information Shared &nbsp;
</h3> </h3>
<a class="anchor" name="s3"></a> <a class="anchor" name="s3"></a>
<p> <p>
Please set up the privacy policy via priv-custom.ejs ru fr or ong? WE DONT SHARE YOUR INFO LOL
</p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<h3 class="hd-md"> <h3 class="hd-md">
Tools we use &nbsp; Tools we use &nbsp;
@ -186,8 +521,7 @@ We use Apples Itunes Service to get song info. we do not send any unique identif
a copy of the section is bellow. a copy of the section is bellow.
</p> </p>
<blockquote> <blockquote>
<pre> <pre class="description">IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.</pre>
IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.</pre>
</blockquote> </blockquote>
<p>END OF PRIVACY POLICY</p> <p>END OF PRIVACY POLICY</p>
<hr class="hr" /> <hr class="hr" />
@ -207,6 +541,7 @@ IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY C
<ul> <ul>
<li><a href="https://invidious.io/">Invidious</a> [<a href="https://github.com/iv-org/invidious">Source Code</a>] </li> <li><a href="https://invidious.io/">Invidious</a> [<a href="https://github.com/iv-org/invidious">Source Code</a>] </li>
<li><a href="https://tube.kuylar.dev/">LightTube</a> [<a href="https://gitlab.com/kuylar/lighttube">Source Code</a>]</li> <li><a href="https://tube.kuylar.dev/">LightTube</a> [<a href="https://gitlab.com/kuylar/lighttube">Source Code</a>]</li>
<li><a href="https://codeberg.org/lime360/yt-2005-watch">yt-2005-watch</a>, as well as it's sibling: <a href="https://codeberg.org/lime360/plaintube">plaintube/3gpipe</a></li>
</ul> </ul>
<p>Each One does things a bit differently in terms of privacy and your freedom. However, none store your personal information by default and they are free software, which make them all pretty safe in our opinion</p> <p>Each One does things a bit differently in terms of privacy and your freedom. However, none store your personal information by default and they are free software, which make them all pretty safe in our opinion</p>
<h3 class="hd-md"> <h3 class="hd-md">
@ -218,6 +553,12 @@ IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY C
<p> <p>
see our <a href="/license">license</a> page see our <a href="/license">license</a> page
</p> </p>
<h3 class="hd-md">
Feedback &nbsp;
</h3>
<p>
I (<a href="https://ashley143.gay">Ashley</a>) am the creator of Poketube and personally wrote this privacy policy. If you have any questions or concerns, please submit feedback on codeberg :3
</p>
<h3 class="hd-md"> <h3 class="hd-md">
Ty! &lt;3 &nbsp; Ty! &lt;3 &nbsp;
</h3> </h3>
@ -225,17 +566,10 @@ IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY C
Thank you qt for reading this privacy policy, <a style="color:#fff" href="/143">ILY</a>&lt;3 Thank you qt for reading this privacy policy, <a style="color:#fff" href="/143">ILY</a>&lt;3
</p> </p>
</div>
</div> </div>
<!-- .blk__text //-->
</div>
<!-- .cw--c //-->
</div>
<!-- .blk.blk--alt //-->
</div>
<!-- content_wrapper //-->
</div> </div></div></section></body></html>
<!-- site-wrapper -->
</body>
</html>

747
html/priv.ejs
View File

@ -1,7 +1,583 @@
<!-- <!--
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2023 POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-2024 poke (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/.
-->
<% if (!isMobile) { %>
<!DOCTYPE html><html class="background"><head>
<title>Poke | Legal mumbo jumbo</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="/css/app-cdn.min.css" rel="stylesheet">
<link href="/css/app-cdn.min.css" rel="stylesheet">
<link href="/css/app.main.css?v=44600" rel="stylesheet">
<link href="/css/search.main.css?v=57" rel="stylesheet">
<meta content="#f97794" name="theme-color">
<link href="/css/watch.main.css" rel="stylesheet">
<link href="https://poketube.fun/css/yt-ukraine.svg" rel="icon">
<meta content="website" property="og:type">
<meta content="PokeTube - Legal thingy to put you into sleep" property="og:title">
<meta content="This is the PokeTube Privacy Policy meta description. Wow, helpful meta description PokeTube. Thanks!" property="twitter:description">
<meta content="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/aa70111e-5bcd-4379-8b23-332a33012b78.image.png?v=1701898829884" property="og:image" />
<meta content="summary_large_image" name="twitter:card">
<style>
@font-face {
font-family: 'Ginto Nord';
font-weight: 800;
src:url('https://p.poketube.fun/https://cdn.statically.io/gh/brecert/discord-quote-generator/main/Ginto-Nord-800.woff') format("woff");
}
h3, h2 {
font-family: 'Ginto Nord';
}
:visited {
color: #00c0ff
}
.background{
background: linear-gradient(189deg, #4e2e82 100%, #725965 100%);
height: 550vh;
}
.hd-lg {
color: #fff;
font-family: "PokeTube flex" !important;
font-stretch: extra-expanded;
font-weight: 1000;
}
.hd-md {
color: #fff;
font-family: "PokeTube flex" !important;
font-stretch: extra-expanded;
font-weight: 1000;
}
a{
color:#0ab7f0;
}
</style>
</head>
<body>
<section class="youtube-video" style="">
<style>
@import url("https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css");
* {
font-family:ubuntu, sans-serif
}
a.class:hover {
text-decoration:underline;
font-weight:bold
}
summary{
color:gray;
}
summary:hover{
color:white;
}
section p {
font-family:ubuntu;
}
</style>
<!-- WIGGLE WIGGLE WIGGLE -->
<style>
body{
color:#111111
}
.animated {
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
}
@-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.wiggle {
-webkit-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.wiggle {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
:root {
--text-primary: #fff;
--text-secondary: #fff;
--text-link: #3ea6ff;
--app-background: #1a1a1a;
--context-menu-background: #333;
--border-color: #444;
--item-hover-background: #373737;
--item-active-background: #383838;
--top-bar-background: #202020;
--guide-background: #212121;
--thumbnail-background: #252525;
--channel-info-background: #181818;
--channel-contents-background: #0f0f0f;
}
@font-face {
font-family: 'Ginto Nord';
font-weight: 800;
src:url('https://cdn.statically.io/gh/brecert/discord-quote-generator/main/Ginto-Nord-800.woff') format("woff");
}
.alert {
padding: 20px;
background-color: #f44336;
color: white;
opacity: 1;
transition: opacity 0.6s;
margin-bottom: 15px;
}
.alert.success {background-color: #04AA6D;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.closebtn:hover {
color: black;
}
</style>
<style>
.channel-info-container > img {
width: 100%;
}
.video-grid > .video {
background-color: #181818;
border-radius: 8px;
}
section#landing-page {
position: fixed;
width: 100%;
max-width: 90%;
margin: auto;
left: 0;
right: 0;
z-index: 999;
}
.content {
border-radius: 26px;
padding: 1em;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
position: relative;
top: -15%;
flex-direction: column;
transform: translateY(50%);
}
.content-inner{
padding: 10px;
color:#fff;
position: relative;
top: -21%;
transform: translateY(50%);
}
.heading {
color: #fff;
font-size: xxx-large;
font-family: 'PokeTube flex';
font-stretch: ultra-expanded;
font-weight: 1000;
margin-top: -22.5em;
width: 100px;
text-align: left;
}
.i-cant-find-a-class-name-help-me {
margin-top: -53.3em;
max-width: 39em;
color: white;
background: #333;
padding: 8px;
border-radius: 10px;
}
.product-container {
display: flex;
justify-content: center;
position: relative;
top: 11.5em;
padding-bottom: 2em;
overflow: hidden;
}
.btn-explore {
padding: 20px;
display: flex;
font-family: 'PokeTube flex';
font-stretch: ultra-expanded;
font-weight: 1000;
margin-top: 20px !important;
background-color: #fff;
border-radius: 6px;
width: 186px;
color: #000;
font-size: 20px;
text-decoration: unset;
margin: auto;
margin-top: auto;
}
.news {
display: flex;
justify-content: center;
background: #111;
width: 18em;
margin: auto;
margin-bottom: auto;
border-radius: 3em;
color: white;
margin-bottom: -10em;
}
@media screen and (max-height: 643px) {
.wave {
margin-bottom: -7em;
}
}
div > * {
color:#fff
}
p {
color: #fff !important;
}
.description{
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
word-break: break-all;
white-space: normal;
}
@media screen and (min-height: 768px) {
.wave {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: -7em;
display: block;
}
}
.news > * {
color:#fff
}
.news > a {
display: flex;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: 0.2rem;
font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
z-index: 10; /* Was 2 */"
}
</style>
<div class="app background">
<nav>
<div class="left">
<a class="class" href="/143" style="font-family:Inter,sans-serif;color:#fff"> <img style="transform: scale(1.3);width:8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"></a>
</div>
<div class="middle">
<div class="search">
<form action="/search"><input class="search-bar" autocomplete="on" id="fname" name="query" style="color:#fff;font-family:Inter,sans-serif;border-radius: 2em;" data-ddg-inputtype="identities.firstName">
<button class="btn btn-success" type="submit" style="transform: translate(21em, -1.25em);"><i class="fa-light fa-search"></i></button>
</form>
<img src="https://search-metrics.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;">
</div>
</div>
<div class="right">
<a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a>
<a href="/privacy"><i class="fa-light fa-shield"></i></a>
<a href="/video/upload?from="><i class="fa-light fa-video"></i></a>
<a href="https://codeberg.org/Ashley/poketube/issues"><i class="fa-light fa-bug"></i></a>
</div>
</nav>
<div class="channel-page">
<div class="content">
<div class="content-inner" style="color:#fff;">
<br>
<h1 class="heading">Poke Privacy Policy</h1>
<div style="text-align: center;color: #fff;margin-top: 8px;margin-bottom:8px">
We dont collect or share your personal information! That's our privacy policy TL;DR lol
</div>
<a href="https://tosdr.org/en/service/7114">
<img src="https://shields.tosdr.org/en_7114.svg"/>
</a>
</div>
<div class="description i-cant-find-a-class-name-help-me">
Poke does not collect or share personal information. Poke is a free software program that you can fork it yourself. you can see the repo <a href="https://codeberg.org/ashley/poke/">here</a>.<br><br> <a href="https://codeberg.org/Ashley/poketube/commits/main/html/priv.ejs">see history of this privacy policy here</a>
<p style="color:#fff;">
You dont have to read this entire policy as it might put you to sleep. So in TL;DR:We dont collect or share your personal information. thats it lol
</p>
<h3 class="hd-md">
Preamble&nbsp;
</h3>
<p >
<i>Please note that im not a lawyer, so dont execpt too much on this policy :P</i>
</p>
<p style="color:#fff">
Haiii! Welcome to Poke Privacy Policy! We Dont collect or share your information. Ever. When we collect information, we mean, aggregated information (see "Information Collected" section for more info). The main reason that we dont collect your information is we care about your privacy. like alot (like alot alot). see; whynottrack.com<br><br>
We are free software, meaning you have freedom while using PokeTube. <a href="https://www.gnu.org/philosophy/free-software-even-more-important.html">Learn why you should care about your freedom here</a>.
<br><br>
<br><br>
P.S:I love you <3
</p>
<hr class="hr" />
<p>START OF PRIVACY POLICY</p>
<a class="anchor" name="s1"></a>
<h3 class="hd-md">
We Dont Collect Information that can indentify you
</h3>
<br>
(<a href="https://codeberg.org/ashley/poke/src/branch/main/css/data-mobile.js">see source</a>) <br><br>
We use Matomo (https://matomo.org/) to gather and store non-identifying information for statistical purposes. The data collected includes details such as your country (inferred from anonymized IP addresses like 111.xx.xxx.xx), operating system, browser version and name, and screen size. This information helps us understand and improve our services. <br><br>
The above doesn't apply if you have Do Not Track or Global Privacy Control enabled on the browser level.
<hr class="hr" />
<hr class="hr" />
<h3 class="hd-md">
We dont see the videos you watch
</h3>
<br>
When the Video gets sent to the matomo server, we encrypt it using SHA-256 Signature Algorithm; (<a href="https://codeberg.org/ashley/poke/src/branch/main/css/data-mobile.js#L19-L23">See source</a>) meaning we cant see the videos you watching or things you do. Learn more <a href="https://en.wikipedia.org/wiki/Secure_Hash_Algorithms">About hash Algorithms here.</a><br><br>
We migth use third party services on Poke, but third party request on Poke is proxied by default. no third party can see wat the hell ru doing on PokeTube. We do this by proxying the requests via a whole diffrent server, so no third party can see you.<br>
<hr class="hr" />
<h3 class="hd-md">
We don’t track you through cookies
</h3><br>
on Poke, no cookies are used by default. (<a href="https://codeberg.org/ashley/poke/src/branch/main/css/data-mobile.js#L79">see source</a>) Poke Doesnt use cookies (See the storage tab yourself!). altho we use local storage to save stuff like themes.
<br>
<h3 class="hd-md">
We proxy 3rd party request
</h3>
<a class="anchor" name="s4"></a>
any 3rd party domain is proxied by our proxy (p.poketube.fun)
</ul>
No personal Information is collected by the tools we use.
</p>
<h3 class="hd-md">
Liability
</h3>
<a class="anchor" name="s5"></a>
<p>
We take no responsibility for the use of our tool, or external instances provided by third parties. We strongly recommend you abide by the valid official regulations in your country. Furthermore, we refuse liability for any inappropriate use of PokeTube, such as illegal downloading. This tool is provided to you in the spirit of free, libre software.
</p>
<p>
You may view the GPL V3 licence which this software is provided to you <a href="https://www.gnu.org/licenses/gpl-3.0.html">here</a>.
a copy of the section is bellow.
</p>
<blockquote>
<pre class="description">IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.</pre>
</blockquote>
<p>END OF PRIVACY POLICY</p>
<hr class="hr" />
<p>This is the end of our privacy policy (so helpful ik)</p>
<h2 class="hd-lg">Other Cool Stuff</h2>
<p>
holly shit these are stuff that are not boring (real)
</p>
<hr class="hr" />
<h3 class="hd-md">
Other Free YouTube Front-Ends &nbsp;
</h3>
<p>If you care about privacy and your freedom, you might also want to check out these other YouTube Front-ends that take it seriously by default</p>
<ul>
<li><a href="https://invidious.io/">Invidious</a> [<a href="https://github.com/iv-org/invidious">Source Code</a>] </li>
<li><a href="https://tube.kuylar.dev/">LightTube</a> [<a href="https://gitlab.com/kuylar/lighttube">Source Code</a>]</li>
</ul>
<p>Each One does things a bit differently in terms of privacy and your freedom. However, none store your personal information by default and they are free software, which make them all pretty safe in our opinion</p>
<h3 class="hd-md">
License &nbsp;
</h3>
<p>
PokeTube is free software, You can fork and modify the source code under the terms of the GNU General Public License Version 3 or later. our source code is <a href="https://codeberg.org/ashley/poketube">Here!</a>
</p>
<p>
see our <a href="/license">license</a> page
</p>
<h3 class="hd-md">
Feedback &nbsp;
</h3>
<p>
I (<a href="https://ashley0143.xyz">Ashley</a>) am the creator of Poketube and personally wrote this privacy policy. If you have any questions or concerns, please submit feedback on codeberg :3
</p>
<h3 class="hd-md">
Policy License
</h3>
<p style="font-family:Monospace;font-size:medium;color:#fff">
POKETUBE POLICY LICENSE INFO<br>
===================================<br><br>
Copyright (C) 2021-2023 POKETUBE <br><br>
This policy is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/<br><br>
===================================
</p>
<h3 class="hd-md">
Ty! &lt;3 &nbsp;
</h3>
<p>
Thank you qt for reading this privacy policy, <a style="color:#fff" href="/143">ILY</a>&lt;3
</p>
</div>
</div>
</div></div></section></body></html>
<% } %>
<% if (isMobile) { %>
<!--
This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2023 POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by
@ -19,11 +595,13 @@
<!DOCTYPE html><head> <!DOCTYPE html><head>
<title>Poketube - Legal mumbo jumbo</title> <title>Poketube - Legal mumbo jumbo</title>
<link rel="stylesheet" href="/css/pv.main.css?v=5444" type="text/css" /> <link rel="stylesheet" href="/css/pv.main.css?v=5444" type="text/css" />
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href=https://poketube.fun/css/yt-ukraine.svg rel=icon> <link href=https://poketube.fun/css/yt-ukraine.svg rel=icon>
<meta content=website property=og:type> <meta content=website property=og:type>
<meta content="PokeTube - Legal thingy to put you into sleep" property=og:title> <meta content="PokeTube - Legal thingy to put you into sleep" property=og:title>
<meta content="This is the PokeTube Privacy Policy meta description. Wow, helpful meta description PokeTube. Thanks!" property=twitter:description> <meta content="This is the PokeTube Privacy Policy meta description. Wow, helpful meta description PokeTube. Thanks!" property=twitter:description>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta content="https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/17a7fa1d-cdf9-4b73-9686-21e62c7fb285.image.png?v=1667739586452" property=og:image> <meta content="https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/17a7fa1d-cdf9-4b73-9686-21e62c7fb285.image.png?v=1667739586452" property=og:image>
<meta content=summary_large_image name=twitter:card> <meta content=summary_large_image name=twitter:card>
<meta content="#1a1a1a" name="theme-color"> <meta content="#1a1a1a" name="theme-color">
@ -76,55 +654,18 @@ a{
<p> <p>
<b <b
> <p>Poketube does not collect or share personal information. poketube is a free software program that you can fork it yourself. you can see the repo <a href="https://codeberg.org/ashley/poketube/">here</a>.<br><br> <a href="https://github.com/iamashley0/poketube/commits/main/html/priv.ejs">see history of this privacy policy here</a></p> > <p>Poketube does not collect or share personal information. poketube is a free software program that you can fork it yourself. you can see the repo <a href="https://codeberg.org/ashley/poketube/">here</a>.<br><br> <a href="https://codeberg.org/Ashley/poketube/commits/main/html/priv.ejs">see history of this privacy policy here</a></p>
<p> <p>
You dont have to read this entire policy as it might put you to sleep. So in TL;DR:We dont collect or share your personal information. thats it lol You dont have to read this entire policy as it might put you to sleep. So in TL;DR:We dont collect or share your personal information. thats it lol
</p> <p> this privacy policy only applies to the offical instances of poketube. (poketube.fun, </p>
poketube.online, <h3 class="hd-md">
poketube.site,
poketube.xyz and
watch.poketalebot.com) the privacy policy may defer from instance to instance.</p>
<ul>
<h3> SECTIONS </h3>
<li><a href="#s0">Preamble</a></li>
<li><a href="#s1">Information Not Collected</a></li>
<li><a href="#s2">Information Collected</a></li>
<li><a href="#s3"> Information Shared</a></li>
<li><a href="#s4">Tools We use</a></li>
<li><a href="#s5">Liability</a></li>
</ul>
<h2 class="hd-lg">The Boring Part</h2>
<p>BORINGG SHUT UP NERD</p>
<hr class="hr" />
<a class="anchor" name="s0"></a>
<p style="font-family:Monospace;font-size:medium;">
POKETUBE POLICY LICENSE INFO<br>
===================================<br><br>
Copyright (C) 2021-2023 POKETUBE <br><br>
This policy is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/<br><br>
===================================
</p>
<h3 class="hd-md">
Preamble&nbsp; Preamble&nbsp;
</h3> </h3>
<p> <p >
<i>Please note that im not a lawyer, so dont execpt too much on this policy :P</i> <i>Please note that im not a lawyer, so dont execpt too much on this policy :P</i>
</p> </p>
<p> <p style="color:#fff">
Haiii! Welcome to PokeTubes Privacy Policy! We Dont collect or share your information. Ever. When we collect information, we mean, aggregated information (see "Information Collected" section for more info). The main reason that we dont collect your information is we care about your privacy. like alot (like alot alot). see; whynottrack.com<br><br> Haiii! Welcome to PokeTubes Privacy Policy! We Dont collect or share your information. Ever. When we collect information, we mean, aggregated information (see "Information Collected" section for more info). The main reason that we dont collect your information is we care about your privacy. like alot (like alot alot). see; whynottrack.com<br><br>
We are free software, meaning you have freedom while using PokeTube. <a href="https://www.gnu.org/philosophy/free-software-even-more-important.html">Learn why you should care about your freedom here</a>. We are free software, meaning you have freedom while using PokeTube. <a href="https://www.gnu.org/philosophy/free-software-even-more-important.html">Learn why you should care about your freedom here</a>.
<br><br> <br><br>
@ -133,63 +674,63 @@ We dont use javascript on the front-end of PokeTube. Meaning that you can use Po
P.S:I love you <3 P.S:I love you <3
</p> </p>
<hr class="hr" /> <hr class="hr" />
<p>START OF PRIVACY POLICY</p> <p>START OF PRIVACY POLICY</p>
<a class="anchor" name="s1"></a> <a class="anchor" name="s1"></a>
<h3 class="hd-md"> <h3 class="hd-md">
Information Not Collected &nbsp; We dont collect your personal information
</h3> </h3>
<br>
<p>
(yes, you heard it right, Information <i> Not Collected </i>) <br><br>
When you watch a video at PokeTube, we don't know who you are and there is no way to tie the things you are watching. we dont collect your personal information or share it. We dont collect your IP address. Your device metadata (e.g. device resolution, OS etc.) is not collected in anyway. <br>
<h3 class="hd-md">
We dont see the videos you watch
</h3>
<br>
Our servers are secured with SHA-384 Signature Algorithm; meaning we cant see the videos you watching, things you search, or things you do. Learn more <a href="https://en.wikipedia.org/wiki/Secure_Hash_Algorithms">About hash Algorithms here.</a><br><br>
We migth use third party services on PokeTube, but third party request on PokeTube is proxied by default. no third party can see wat the hell ru doing on PokeTube. We do this by proxying the requests via a whole diffrent server, so no third party can see you.<br>
<h3 class="hd-md">
We dont see the videos you watch
</h3>
<br>
When you watch a video at PokeTube, we don't know who you are and there is no way to tie the things you are watching.
When you access a website, your Web browser automatically sends information about your computer. (e.g. your User agent and IP address.)<br><br> When you access a website, your Web browser automatically sends information about your computer. (e.g. your User agent and IP address.)<br><br>
Because this information could be used to link you to your peronsal information, we do not log (store) it at all. This is a very unusual practice, but we feel it is an important step to protect your privacy. Because this information could be used to link you to your peronsal information, we do not log (store) it at all. This is a very unusual practice, but we feel it is an important step to protect your privacy.
It is unusual for a reason. most server software auto-stores this information, so you have to go out of your way not to store it. At PokeTube, no cookies are used by default. PokeTube Doesnt use cookies (See the storage tab yourself!). It is unusual for a reason. most server software auto-stores this information, so you have to go out of your way not to store it.
<br><br> <br>
At PokeTube, we dont collect your personal information or share it. We dont collect your IP address. Your device metadata (e.g. device resolution, OS etc.) is not collected in anyway. <br><br> <h3 class="hd-md">
We don’t track you through cookies
Our servers are secured with SHA-384 Signature Algorithm; meaning we cant see the videos you watching, things you search, or things you do. Learn more <a href="https://en.wikipedia.org/wiki/Secure_Hash_Algorithms">About hash Algorithms here.</a><br><br> </h3><br>
We migth use third party services on PokeTube, but third party request on PokeTube is proxied by default. no third party can see wat the hell ru doing on PokeTube. We do this by proxying the requests via a whole diffrent server, so no third party can see you.<br><br> on PokeTube, no cookies are used by default. PokeTube Doesnt use cookies (See the storage tab yourself!). altho we use local storage to save stuff like themes.
</p> <br>
<a class="anchor" name="s2"></a>
<h3 class="hd-md"> <h3 class="hd-md">
Information Collected &nbsp; We only collect your email if you want us to
</h3> </h3><br>
<p>We use a tool called Piwik (A free software Web analytics system, see piwik.org) to collect information. By information we mean, aggregated data about things such as the number of visits daily/weekly/monthly to PokeTube. <br><br> This data can't be used to identify you or your device or to learn anything about you individually. This Information thats being collected is anonymous and only analyzed in aggregate. It will never identify you or your machine.<br><br> This Process does not use cookies in any way. If you want to opt out (for some reason, we still dont know why lol), Click the "Opt out Of Metrics" Button on the bottom rigth side of the player. No data that identifies you or that can be linked to you as an individual is collected on poketube.</p><p>We Also save searches, but again, not in a personally identifiable way, as we do not store IP addresses or unique User agent strings. We use aggregate, non-personal search data.<br><br> if you Subscribe to updates on <a href="//status.poketube.fun">PokeTube status site</a>, we may be store your email to send you email notifications whenever we create, update or resolve an incident. you can also use a alias adress such as <a href="https://duckduckgo.com/email/">Private Duck Address</a> to keep your email identity hidden <br>
Finally, if you Subscribe to updates on <a href="//status.poketube.fun">PokeTube status site</a>, we may be store your email to send you email notifications whenever we create, update or resolve an incident. you can also use a <a href="https://duckduckgo.com/email/">Private Duck Address</a> to keep your email identity hidden and a email that can be easily deactivated. Subscribing to updates is optional to do so !</p>
<h3 class="hd-md">
We improve poketube by using anonymous methods
<h3 class="hd-md"> </h3><br>
Information Shared &nbsp;
</h3> We use a tool called Piwik (A free software Web analytics system, see piwik.org) to collect information. By information we mean, aggregated data about things such as the number of visits daily/weekly/monthly to PokeTube. <br><br> This data can't be used to identify you or your device or to learn anything about you individually. This Information thats being collected is anonymous and only analyzed in aggregate. It will never identify you or your machine.<br><br>
<a class="anchor" name="s3"></a> This Process does not use cookies in any way. If you want to opt out (for some reason, we still dont know why lol), Click the "Opt out Of Metrics" Button on the bottom rigth side of the player. No data that identifies you or that can be linked to you as an individual is collected on poketube.</p><p>We Also save searches, but again, not in a personally identifiable way, as we do not store IP addresses or unique User agent strings. We use aggregate, non-personal search data.<br>
<p>
ru fr or ong? WE DONT SHARE YOUR INFO LOL
</p>
<h3 class="hd-md"> <h3 class="hd-md">
Tools we use &nbsp; We proxy 3rd party request
</h3> </h3>
<a class="anchor" name="s4"></a> <a class="anchor" name="s4"></a>
any 3rd party domain is proxied by our proxy (p.poketube.fun)
<p>
<i>Any requests being made to these tools are being proxied by poketubes proxy</i><br><br>
We use ReturnYoutubeDislike's api to get dislike information.<br></p>
<p>
We use Apples Itunes Service to get song info. we do not send any unique identifiers such as IP addresses to Apple, and you are still anonymous.
</p>
<p>We use LightTube's api to get ;</p>
<ul>
<li>- Video information </li>
<li>- Recomended videos </li>
<li>- Channel information</li>
</ul> </ul>
No personal Information is collected by the tools we use. No personal Information is collected by the tools we use.
</p> </p>
@ -210,8 +751,7 @@ We use Apples Itunes Service to get song info. we do not send any unique identif
a copy of the section is bellow. a copy of the section is bellow.
</p> </p>
<blockquote> <blockquote>
<pre> <pre class="description">IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.</pre>
IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.</pre>
</blockquote> </blockquote>
<p>END OF PRIVACY POLICY</p> <p>END OF PRIVACY POLICY</p>
<hr class="hr" /> <hr class="hr" />
@ -231,6 +771,7 @@ IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY C
<ul> <ul>
<li><a href="https://invidious.io/">Invidious</a> [<a href="https://github.com/iv-org/invidious">Source Code</a>] </li> <li><a href="https://invidious.io/">Invidious</a> [<a href="https://github.com/iv-org/invidious">Source Code</a>] </li>
<li><a href="https://tube.kuylar.dev/">LightTube</a> [<a href="https://gitlab.com/kuylar/lighttube">Source Code</a>]</li> <li><a href="https://tube.kuylar.dev/">LightTube</a> [<a href="https://gitlab.com/kuylar/lighttube">Source Code</a>]</li>
<li><a href="https://codeberg.org/lime360/yt-2005-watch">yt-2005-watch</a>, as well as it's sibling: <a href="https://codeberg.org/lime360/plaintube">plaintube/3gpipe</a></li>
</ul> </ul>
<p>Each One does things a bit differently in terms of privacy and your freedom. However, none store your personal information by default and they are free software, which make them all pretty safe in our opinion</p> <p>Each One does things a bit differently in terms of privacy and your freedom. However, none store your personal information by default and they are free software, which make them all pretty safe in our opinion</p>
<h3 class="hd-md"> <h3 class="hd-md">
@ -246,8 +787,26 @@ IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY C
Feedback &nbsp; Feedback &nbsp;
</h3> </h3>
<p> <p>
I (<a href="https://iamashley.xyz">Ashley</a>) am the creator of Poketube and personally wrote this privacy policy. If you have any questions or concerns, please submit feedback on codeberg :3 I (<a href="https://ashley0143.xyz">Ashley</a>) am the creator of Poketube and personally wrote this privacy policy. If you have any questions or concerns, please submit feedback on codeberg :3
</p> </p>
<h3 class="hd-md">
Policy License
</h3>
<p style="font-family:Monospace;font-size:medium;color:#fff">
POKETUBE POLICY LICENSE INFO<br>
===================================<br><br>
Copyright (C) 2021-2023 POKETUBE <br><br>
This policy is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/<br><br>
===================================
</p>
<h3 class="hd-md"> <h3 class="hd-md">
Ty! &lt;3 &nbsp; Ty! &lt;3 &nbsp;
</h3> </h3>
@ -269,3 +828,7 @@ IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY C
<!-- site-wrapper --> <!-- site-wrapper -->
</body> </body>
</html> </html>
<% } %>

78
html/rewind.ejs Normal file
View File

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Poke Rewind</title>
<link href="/css/yt-ukraine.svg?v=6" rel=icon>
<meta content="website" property="og:type">
<meta content="Poke Rewind 2023! - see the year 2023 in poke1" property="twitter:description">
<meta content="Poke Rewind!" property="og:title">
<meta content="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/aa70111e-5bcd-4379-8b23-332a33012b78.image.png?v=1701898829884" property="og:image" />
<meta content="summary_large_image" name="twitter:card">
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
font-family: 'Arial', sans-serif;
background-color: #1a1a1a;
color: #ffffff;
}
img {
height: 2em;
margin-left: auto;
margin-right: auto;
text-align: center;
display: flex;
margin-bottom: 12px;
}
#countdown {
font-size: 36px;
text-align: center;
padding: 20px;
border: 2px solid #444;
border-radius: 10px;
background-color: #333;
box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}
</style>
</head>
<body>
<div>
<img src="/css/logo-poke.svg">
<div id="countdown"></div>
</div>
<script>
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later
const countDownDate = new Date("December 28, 2023 00:00:00 UTC").getTime();
const x = setInterval(function() {
const now = new Date().getTime();
const distance = countDownDate - now;
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("countdown").innerHTML = `${days}d ${hours}h ${minutes}m ${seconds}s`;
// If the countdown is over, display a message
if (distance < 0) {
clearInterval(x);
document.getElementById("countdown").innerHTML = "poke~ Rewind";
}
}, 1000); // Update every 1000 milliseconds
// @license-end
</script>
</body>
</html>

358
html/search-web-main.ejs Normal file
View File

@ -0,0 +1,358 @@
<!DOCTYPE html>
<!--[if IE 6]><html class="ie6" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
<!--[if IE 7]><html class="lt-ie8 lt-ie9" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
<!--[if IE 8]><html class="lt-ie9" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
<!--[if gt IE 8]><!--><html xmlns="http://www.w3.org/1999/xhtml"><!--<![endif]-->
<head>
<title>PokeSearch</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=1" />
<link rel="manifest" href="/manifest.json">
<link href=/css/yt-ukraine.svg?v=6 rel=icon>
<link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
<link rel="stylesheet" href="/css/search-web.main.css?v=4">
<script type="text/javascript">
/* Patch IE to support forEach on NodeLists, used in show/hide */
if (window.NodeList && !NodeList.prototype.forEach)
NodeList.prototype.forEach = Array.prototype.forEach;
</script>
<style>
* {
font-family: "poketube flex" !important
}
@keyframes gradient {
0% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
.body--home, .site-wrapper--home {
background-image: radial-gradient(circle, #231638, #2b160e, #09250e, #0f132b);
animation: gradient 64s ease infinite;
background-size: 400% 400%;
}
a {
color: #fff;
font-weight: 686;
font-stretch: extra-expanded;
}
.downnav {
position: fixed;
padding:10px;
bottom: 0;
left: 0;
margin: auto;
overflow: hidden;
z-index: 1;
color:#fff;
background-color: #0007;
border-radius: 5px;
width: calc(100% - 33px);
margin-left: 6px;
}
</style>
<script>
<!--//--><![CDATA[//><!--
/**
* @licstart The following is the entire license notice for the JavaScript
* code in this page.
*
* Copyright (C) 2021-2023 PokeTube Project (https://codeberg.org/Ashley/poketube)
*
* The JavaScript code in this page is free software: you can redistribute
* it and/or modify it under the terms of the GNU General Public License
* (GNU GPL) as published by the Free Software Foundation, either version 3
* of the License, or (at your option) any later version. The code is
* distributed WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU GPL
* for more details.
*
* As additional permission under GNU GPL version 3 section 7, you may
* distribute non-source (e.g., minimized or compacted) forms of that code
* without the copy of the GNU GPL normally required by section 4, provided
* you include this license notice and a URL through which recipients can
* access the Corresponding Source.
*
* @licend The above is the entire license notice for the JavaScript code
* in this page.
*/
//--><!]]>
</script>
</head>
<body class="body--home body--html">
<script> /**
* Generates a random number between a specified range.
*
* @param {number} min - The minimum value (inclusive).
* @param {number} max - The maximum value (inclusive).
* @returns {number} A random number within the specified range.
*/
function getRandomNumber(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
/**
* Capitalizes the first letter of a string.
*
* @param {string} string - The input string.
* @returns {string} The input string with the first letter capitalized.
*/
function capitalizeFirstLetter(string) {
return string.charAt(0).toUpperCase() + string.slice(1);
}
/**
* Checks if a string contains a specific substring.
*
* @param {string} mainString - The main string to search in.
* @param {string} subString - The substring to look for.
* @returns {boolean} True if the substring is found, otherwise false.
*/
function stringContains(mainString, subString) {
return mainString.includes(subString);
}
/**
* Calculates the square of a number.
*
* @param {number} number - The input number.
* @returns {number} The square of the input number.
*/
function calculateSquare(number) {
return number * number;
}
/**
* Returns the current date as a string in the format 'YYYY-MM-DD'.
*
* @returns {string} The current date in 'YYYY-MM-DD' format.
*/
function getCurrentDate() {
const today = new Date();
const year = today.getFullYear();
const month = String(today.getMonth() + 1).padStart(2, '0');
const day = String(today.getDate()).padStart(2, '0');
return `${year}-${month}-${day}`;
}
/**
* Redirects the current browser window to a new URL.
*
* @param {string} url - The URL to redirect to.
*/
function redirectToURL(url) {
window.location.href = url;
}
/**
* Scrolls to the top of the current page.
*/
function scrollToTop() {
window.scrollTo(0, 0);
}
/**
* Opens a new browser window with the specified URL.
*
* @param {string} url - The URL to open in the new window.
*/
function openNewWindow(url) {
window.open(url, '_blank');
}
/**
* Reloads the current browser window.
*/
function reloadWindow() {
window.location.reload();
}</script>
<script>
/**
* Makes a GET request to the specified URL using the Fetch API.
*
* @param {string} url - The URL to send the GET request to.
* @returns {Promise} A Promise that resolves to the response data.
*/
function fetchData(url) {
return fetch(url)
.then((response) => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
});
}
/**
* Makes a POST request to the specified URL using the Fetch API.
*
* @param {string} url - The URL to send the POST request to.
* @param {Object} data - The data to send in the request body.
* @returns {Promise} A Promise that resolves to the response data.
*/
function postData(url, data) {
return fetch(url, {
method: 'POST',
body: JSON.stringify(data),
headers: {
'Content-Type': 'application/json',
},
})
.then((response) => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
});
}
</script>
<div class="header-wrap--home"></div>
<div id="content_wrapper_homepage" class="content-wrap--home">
<div id="content_homepage" class="content--home">
<div class="logo-wrap--home">
<img src="/css/logo-search.svg?v=393939">
</div>
<div class="search-wrap--home">
<form name="x" id="search_form_homepage" class="search" action="/web" method="get">
<input placeholder="Search the web" name="query" autocomplete="off" id="search_form_input_homepage" class="search__input" type="text" autofocus />
<div>
<button class="btn btn-success" type="submit" style="margin-top: 1em;margin-left: auto;text-align: center;display: flex;flex-direction: column;background: #fff;background-color: #303134;border: 1px solid #303134;border-radius: 4px;color: #e8eaed;font-family: arial,sans-serif;font-size: 14px;padding: 0 16px;line-height: 27px;height: 36px;min-width: 54px;margin-right: 9em;text-align: center;cursor: pointer;user-select: none;">
<p style="margin-top: auto;margin-bottom: auto;font-weight: 1000;margin-left: 6px;font-stretch: ultra-expanded;font-family:&quot;poketube flex&quot;;Poketube flex;">Search Poke</p>
</button>
<div style="margin-left: 5.5em;margin-right: auto;width: fit-content;color: #fff;font-weight: 1000;font-stretch: ultra-expanded;font-size: 33px;margin-bottom: -1em;margin-top: 6px;" id="clock"></div>
<span style="color:#fff;margin-left: auto;margin-right: 8em;text-align: center;display: flex;width: fit-content;margin-top: 2em;font-size: ;" id="weatherInfo"></span>
</div>
</form>
<div class="downnav">
<a style="color:#fff" href="/translate"> Translate </a> - <a style="color:#fff" href="/map"> PokeMaps </a> - <a style="color:#fff" href="/account-create">My Account</a> - <a style="color:#fff" href="/privacy">Privacy</a> - <a style="color:#fff" href="https://codeberg.org/ashley/poketube">Git</a>
<div style="float: right;">
<a style="color:#fff" id="osInfo"></a> <a style="color:#fff;margin-right: 1em;" href="/license">License</a>
</div>
</div>
<script>
const userAgent = navigator.userAgent.toLowerCase();
let osName = "";
if (userAgent.includes("windows")) {
osName = "Windows";
} else if (userAgent.includes("mac") || userAgent.includes("macintosh")) {
osName = "MacOS";
} else if (userAgent.includes("linux")) {
osName = "GNU/Linux";
} else if (userAgent.includes("android")) {
osName = "Android";
} else if (userAgent.includes("ios") || userAgent.includes("iphone") || userAgent.includes("ipad")) {
osName = "iOS";
}
const osInfoElement = document.getElementById("osInfo");
osInfoElement.textContent = `${osName} - `;
function updateClock() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
// Add leading zeros to minutes and seconds
minutes = (minutes < 10 ? "0" : "") + minutes;
seconds = (seconds < 10 ? "0" : "") + seconds;
// Display the time in the "clock" div
document.getElementById("clock").innerHTML = hours + ":" + minutes + ":" + seconds;
// Update the clock every second
setTimeout(updateClock, 1000);
}
// Call the function to initially display the clock
updateClock();
</script> <script>
const css = localStorage.getItem("poke-custom-css");
var head = document.head
var style = document.createElement('style');
head.appendChild(style);
style.type = 'text/css';
if (style.styleSheet){
// This is required for IE8 and below.
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
var script_tag = document.createElement('script');
script_tag.type = 'text/javascript';
script_tag.text = localStorage.getItem("poke-custom-script");
document.head.appendChild(script_tag);
var config = {}
config.plausible_enabled = false
if (window.location.hostname === "poketube.fun" && config.plausible_enabled == true) {
const plausble_main = "https://telemetry.poketube.fun/js/p.js";
const script = document.createElement("script");
const isTrackingEnabled = localStorage.getItem("plausible-enabled") !== "false";
if (isTrackingEnabled) {
script.defer = true;
script.src = plausble_main;
script.dataset.domain = "poketube.fun";
document.head.appendChild(script);
}
}
// Function to fetch weather data and update the element
function fetchAndDisplayWeather() {
const url = 'https://wttr.in/?format=%c%t+%l';
fetch(url)
.then((response) => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.text(); // Get the response as plain text
})
.then((weatherData) => {
const weatherElement = document.getElementById('weatherInfo');
weatherElement.textContent = weatherData; // Display the weather data in the element
})
.catch((error) => {
console.error('Error:', error);
});
}
// Call the fetchAndDisplayWeather function when the page loads
fetchAndDisplayWeather();
</script><script src="/static/emojis.js"></script><script src="/static/data-mobile.js"></script><style> img.emoji {height: 1em;width: 1em;margin: 0 .05em 0 .1em;vertical-align: -0.1em;}</style>
<script>twemoji.parse(document.body,{ base: 'https://p.poketube.fun/https://cdn.zptr.cc/twemoji/' })</script></div>
</div> <!-- id="content_homepage" -->
</div> <!-- id="content_wrapper_homepage" -->
</body>
</html>

497
html/search-web.ejs Normal file
View File

@ -0,0 +1,497 @@
<!--
This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2024 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>
<head>
<title>Searching <%=q%> - PokeSearch</title>
<link rel="manifest" href="/manifest.json">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=1" />
<link href=/css/yt-ukraine.svg?v=6 rel=icon>
<link href=/css/app-cdn.min.css?v=44600 rel=stylesheet>
<link href=/css/app.main.css?v=44600 rel=stylesheet>
<link href=/css/search.main.css?v=44600 rel=stylesheet>
<link href=/css/watch.main.css?v=44600 rel=stylesheet>
<link rel="search" type="application/opensearchdescription+xml" title="PokeTube" href="https://poketube.fun/api/opensearch" />
<meta content="Searching <%=q%> - PokeTube" property=og:title>
<% if (q == "do the harlem shake") { %>
<meta content="DO THE HARLEM SHAKE" property=twitter:description>
<% } %>
<meta content="Ur Searching <%=q%> on PokeTube!" property=twitter:description>
<meta content="https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/17a7fa1d-cdf9-4b73-9686-21e62c7fb285.image.png?v=1667739586452" property=og:image>
<meta content=summary_large_image name=twitter:card>
<meta content="#1a1a1a" name="theme-color">
<style>
a.class:hover {
text-decoration:underline;
font-weight:bold
}
summary{
color:blue;
}
summary:hover{
color:red;
}
* {
color:#fff;
}
nav {
background:#111111
}
</style>
<link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
<style>
.info > div {
font-family:Ubuntu, sans-serif;
}
#fetch-spinner {
position: fixed;
top: 10px;
right: 10px;
z-index: 9999;
width: 20px;
height: 20px;
border-radius: 50%;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
animation: spin 0.8s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
#fetch-text {
position: fixed;
top: 10px;
right: 40px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
z-index: 9999;
}
.tags.rec {
font-weight: 600;
font-stretch: expanded;
overflow:hidden;
width: auto;
max-width: fit-content;
margin-right: auto;
padding-left: 1.5em;
margin-top: 7px;
display: flex;
gap: 3px;
margin-inline: auto;
margin-left: 8em;
}
.tags.rec:hover{
overflow-x:auto;
}
.tags.rec > .tag {
border-radius: 8px;
background:var(--chip-background-hover);
}
.tag {
padding: 5px;
border-radius: 4px;
word-break: break-all;
white-space: nowrap;
font-family: ubuntu, sans-serif;
}
.search-result{
color: white;
width: 52em;
display: block;
white-space: -moz-pre-wrap !important;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
white-space: -webkit-pre-wrap;
word-break: break-all;
white-space: normal;
}
.hide {
display: none;
}
.app{
/* background-image:url("/css/head.svg"); */
background-size: cover;
background-repeat: no-repeat;
}
.shake {
animation: linear infinite alternate;
animation-name: DOTHESHAKE;
animation-duration: 1.5s;
}
@-webkit-keyframes DOTHESHAKE {
0% {
left: 0;
transform: translateX(0);
}
100% {
left: 900%;
transform: translateX(-90%);
}
}
/* nice classname am i rigth */
.discover-some-bitches{
text-align: center;
width: 673px;
margin: auto;
}
.shelf {
max-width: 51em;
margin: auto;
display: flex;
flex-direction: column;
row-gap: 16px;
padding: 16px;
background: #111111;
border: #333333 solid;
border-radius: 19px;
margin-top: 1em;
}
@font-face {
font-family: 'Ginto Nord';
font-weight: 800;
src:url('https://p.poketube.fun/https://cdn.statically.io/gh/brecert/discord-quote-generator/main/Ginto-Nord-800.woff') format("woff");
}
.video-list > .video {
background: #111;
padding: 10px;
border-radius: 10px;
border: #333 solid;
}
</style>
<style>section p {
font-family:Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:400;
color:#fff;
font-size:16px;
line-height:24px;
margin-top:12px
}
.wiki > p {
margin-top: -2em;
}
* {
text-rendering: auto;
}
.sticky-top {
position: sticky;
top: 0px;
z-index: 999;
}
.responsive {
width: 100%;
overflow-x: auto;
}
.tabs {
display: table;
font-family:inter;
border-collapse: separate;
table-layout: auto;
}
.video:hover{
border:solid;
}
.tabs {
display: table;
font-family:inter;
border-collapse: separate;
table-layout: auto;
}
.tabs.tabs-center {
margin: auto;
}
.tabs.tabs-justify {
width: 100%;
table-layout: fixed;
}
.tabs a.tab {
position: relative;
display: table-cell;
transition: all ease 0.3s;
padding: 1em 1.6em;
transform: translate3d(0, 0, 0);
color: #fff;
white-space: nowrap;
cursor: pointer;
}
.tabs a.tab:hover {
color: #3cb4fa;
}
.tabs a.tab:after {
transition: all 0.3s cubic-bezier(1, 0, 0, 1);
will-change: transform, box-shadow, opacity;
position: absolute;
content: '';
height: 3px;
bottom: 0px;
left: 0px;
right: 0px;
border-radius: 3px 3px 0px 0px;
background: #9fdafd;
box-shadow: 0px 4px 10px 3px rgba(60, 180, 250, .15);
opacity: 0;
transform: scale(0, 1);
}
.tabs a.tab.active {
color: #fff;
}
.tabs a.tab.active:after {
opacity: 1;
transform: scale(1, 1);
}
.loading .spinner {
display: inline-block;
border: 5px solid rgba(255, 255, 255, 0.2);
border-top-color: #fff;
border-radius: 50%;
animation: spin 1s ease-in-out infinite;
width: 50px;
height: 50px;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.a {
display:none;
}
</style>
</head>
<% if(IsOldWindows) { %>
<style>
.title.max-lines-2 {
font-family:"Inter " !important;
}
</style>
<% } %>
<body>
<div class="app">
<nav>
<div class=left>
<% if (!isMobile) { %>
<% if (q == "do the harlem shake") { %>
<a class="shake" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);width:8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"></a>
<audio class="player" autoplay loop controls src="https://p.poketube.fun/https://tube.kuylar.dev/proxy/media/8vJiSSAMNWw/18?e=ca0ac04022e782540e1f2fe4d6c2994949f33184ccc07568b4b1d7c93dfebd28119cb7b9e8b5db12039ba553ed861736ca0ac04022e782540e1f2fe4d6c2994949f33184ccc07568b4b1d7c93dfebd28119cb7b9e8b5db12039ba553ed861736Piwikd74c7f459daf669799074a22bcf7d79bb66e03dbd9899a2089e0bee8ed383f0c3b928c4477a42208cbd69a77549e3451
" style="display:none;">
<script>
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later
setTimeout(function () {
const video = document.getElementsByClassName("video")
for(var counter = 0; counter < video.length; counter++){
video[counter].classList.add("shake");
}
}, 13700)
// @license-end
</script>
<% } %>
<% if (q != "do the harlem shake") { %>
<% if (q != "want you gone") { %> <% if (q != "portal 2 ending") { %> <% if (q != "credits") { %> <% if (q != "glados") { %>
<% if (q != "something") { %>
<a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);width:8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo-search.svg?v=5"></a>
<% } %>
<% } %>
<% } %>
<% } %>
<% } %>
<% if (q == "want you gone" || q == "portal 2 ending" || q == "credits" || q == "glados ") { %>
<a class="class" href="/credits" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);width:8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo-orng.svg?v=5"></a>
<% } %>
<% if (q == "something") { %>
<a class="class" href="/143?something=143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);width:8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"></a>
<% } %>
<% } %>
</div> <% } %>
<div class="middle">
<% if (isMobile) { %>
<div class="search">
<form action=/web><input class=search-bar autocomplete="on" value="<%=q%>" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;">
<button class="btn btn-success" type=submit><i class="fa-light fa-search"></i></button>
</form>
<img src="https://search-metrics.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;">
</div>
<% } %>
<% if (!isMobile) { %>
<div class="search">
<form action=/web><input class=search-bar autocomplete="on" value="<%=q%>" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;">
<button class="btn btn-success" type=submit><i class="fa-light fa-search"></i></button>
</form>
<img src="https://search-metrics.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;">
</div>
<% } %>
</div>
<% if (!isMobile) { %>
<div class=right>
<button title="Play/Pause Ambient music" class="a" id="audioButton" onclick="toggleAudio()">
<i id="audioIcon" class="fas fa-pause"></i>
</button>
<a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a>
<a href="/privacy"><i class="fa-light fa-shield"></i></a>
<a href="/video/upload?from="><i class="fa-light fa-video"></i></a>
<a href="https://codeberg.org/Ashley/poketube/issues"><i class="fa-light fa-bug"></i></a>
</div>
</nav>
<% } %>
</div>
</div>
<div class="channel-page" style="background-color: var(--channel-contents-background);">
<div class="tags rec">
<a href="/search?query=<%=q%>" style="color:#fff;text-decoration:none;
" class="tag c">
Videos
</a>
<a style=" background: #111;" class="tag">
Web
</a>
</div>
<p style="margin-top: -21px;margin-left: 62em;font-family: &quot;Poketube flex&quot;;color: #ffacbb;display: flex;flex-direction: row;gap: 5px;">Powered by <a href="https://ark.sudovanilla.org/Korbs/NarviSearch">NarviSearch ! :3</a> </p>
</div>
<div class="video-list" >
<% results.forEach(x => { %>
<div class="video" style="height: 8em;">
<a style="min-width: 81em;" href="<%= x.url %>"><%= x.title %></a><br>
<p style="color:gray;display: flex;flex-direction: column;width: 48em;margin-top: -8em;"><%= x.url %><br>
<% if (!isMobile) { %>
<span style="color:white;width: 48em;display: flex;"><%= x.description %></span>
<% } %>
<% if (isMobile) { %>
<span style="color:white;max-width: 15em;display: flex;"><%= x.description %></span>
<% } %>
</p>
</div>
<% }) %>
</a>
</div>
<script src="/css/custom-css.js"> </script>
<script> if ('serviceWorker' in navigator) {
navigator.serviceWorker.getRegistrations().then(function(registrations) {
for (let registration of registrations) {
registration.unregister();
}
});
if ('caches' in window) {
caches.keys().then(function(cacheNames) {
cacheNames.forEach(function(cacheName) {
caches.delete(cacheName);
});
});
}
}</script>
</body>

1093
html/search.ejs
View File

File diff suppressed because it is too large Load Diff

Some files were not shown because too many files have changed in this diff Show More