new landing !!!!!!111
This commit is contained in:
Ashley
parent
918cf4e31b
commit
186f0e84cf
1 changed files with 93 additions and 66 deletions
159
html/landing.ejs
159
html/landing.ejs
|
|
@ -20,41 +20,31 @@
|
|||
|
||||
<!DOCTYPE html><html>
|
||||
<head>
|
||||
<title>PokeTube - Home</title>
|
||||
<title>PokeTube - Privacy Is Your Right</title>
|
||||
<link href=/css/yt-ukraine.svg?v=6 rel=icon>
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Sigmar+One&display=swap" rel="stylesheet">
|
||||
<meta content=website property=og:type>
|
||||
<meta content="PokeTube - Home" property=og:title>
|
||||
<meta content="The best landing page ever ngl" property=twitter:description>
|
||||
<meta content="https://cdn.glitch.com/ef5d02b7-c958-475a-b82d-d263d37e7ec7/poketubemain.png" property=og:image>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
|
||||
<meta content=summary_large_image name=twitter:card>
|
||||
<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!" 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=@PoketaleBot name=twitter:site>
|
||||
<meta content=@PoketaleBot name=twitter:creator>
|
||||
<link href=https://cdn.poketalebot.com/404/v2.css rel=stylesheet>
|
||||
<link href=/css/app.main.css rel=stylesheet>
|
||||
</head>
|
||||
<style>
|
||||
@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");
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<center>
|
||||
<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>
|
||||
<center>
|
||||
<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-cdn.min.css rel=stylesheet>
|
||||
<link href=/css/app.main.css rel=stylesheet>
|
||||
<link href="/css/search.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://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
|
||||
<link href=/css/search.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">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<section class=youtube-video>
|
||||
|
||||
<style>
|
||||
@import url("https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css");
|
||||
* {
|
||||
}
|
||||
a.class:hover {
|
||||
text-decoration:underline;
|
||||
font-weight:bold
|
||||
|
|
@ -129,7 +119,7 @@ summary:hover{
|
|||
--text-secondary: #fff;
|
||||
--text-link: #3ea6ff;
|
||||
|
||||
--app-background: #111111;
|
||||
--app-background: #1a1a1a;
|
||||
--context-menu-background: #333;
|
||||
--border-color: #444;
|
||||
--item-hover-background: #373737;
|
||||
|
|
@ -199,9 +189,8 @@ section#landing-page {
|
|||
}
|
||||
|
||||
.content {
|
||||
background: #202020;
|
||||
border-radius: 26px;
|
||||
padding: 6px;
|
||||
border-radius: 26px;
|
||||
padding: 2em;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
@ -211,50 +200,88 @@ section#landing-page {
|
|||
transform: translateY(50%);
|
||||
}
|
||||
.heading {
|
||||
font-family: 'Ginto Nord';
|
||||
color: #fff;
|
||||
color: #fff;
|
||||
font-size: xxx-large;
|
||||
font-family: 'PokeTube flex';
|
||||
|
||||
font-stretch: expanded;
|
||||
font-weight: 1000;
|
||||
}
|
||||
.btn-explore {
|
||||
padding: 20px;
|
||||
display: inline-block;
|
||||
font-family: 'Ginto Nord';
|
||||
margin-top: 20px;
|
||||
background-color: #fff;
|
||||
border-radius:6px;
|
||||
width: 220px;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-decoration: unset;
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<body>
|
||||
<div class="app" style="background-color: var(--channel-contents-background);">
|
||||
<nav>
|
||||
<div class=left><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="width: 6em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"> <a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a></div>
|
||||
<div class=middle>
|
||||
<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="fa-light fa-search"></i></button></form>
|
||||
<div class="app" style="background-image: url(/css/land.svg);background-size: auto;background-repeat: no-repeat;">
|
||||
<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-dark.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: 8px;" data-ddg-inputtype="identities.firstName">
|
||||
<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>
|
||||
|
||||
|
||||
<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://github.com/iamashley0/poketube/issues"><i class="fa-light fa-bug"></i></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://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>
|
||||
|
||||
</nav>
|
||||
<div class="channel-page" style="background-color: var(--channel-contents-background);">
|
||||
|
||||
<section id="landing-page">
|
||||
|
||||
|
||||
<div class="channel-page">
|
||||
|
||||
|
||||
<div class="content">
|
||||
<div class="content-inner" style="padding: 5px;color:#fff;">
|
||||
<div class="content-inner" style="padding: 10px;color:#fff;">
|
||||
<br>
|
||||
<h1 class="heading">Welcome To The Libre YouTube Front-END!</h1>
|
||||
<p style="color:#fff">
|
||||
i know this is the best landing page
|
||||
</p>
|
||||
<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 Thats focused on your privacy! </div>
|
||||
<a href="/discover" class="btn-explore">Discover Videos</a>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex;justify-content: center;">
|
||||
<img src="/css/product.svg" style="width: 25em;margin-top: 6em;transform: scale(1.3);margin-right: 1em;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
</body>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue