mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-09-20 19:20:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

new landing :3

Browse source
This commit is contained in:
Ashley 2023-06-11 07:07:32 +00:00
parent 64ab0a6978
commit ef2f5bc82b
1 changed files with 15 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
html/landing.ejs
View file

@ -232,6 +232,8 @@ section#landing-page {
z-index: 999; z-index: 999;
} }
.content { .content {
border-radius: 26px; border-radius: 26px;
padding: 1em; padding: 1em;
@ -241,9 +243,14 @@ section#landing-page {
align-items: center; align-items: center;
position: relative; position: relative;
top: 50%; top: 50%;
transform: translateY(88%);
}
@media screen and (max-height: 643px) {
.content {
transform: translateY(50%); transform: translateY(50%);
} }
}
.content-inner{ .content-inner{
padding: 10px; padding: 10px;
color:#fff; color:#fff;
@ -305,10 +312,10 @@ text-align:center;
@media screen and (max-height: 643px) { @media screen and (max-height: 643px) {
.wave { .wave {
margin-bottom: -7em; margin-top: 14em;
}
}
}
}
@media screen and (min-height: 768px) { @media screen and (min-height: 768px) {
.wave { .wave {
@ -401,20 +408,15 @@ z-index: 10; /* Was 2 */"
<div class="content-inner" style="padding: 10px;color:#fff;"> <div class="content-inner" style="padding: 10px;color:#fff;">
<br> <br>
<h1 class="heading">PRIVACY IS YOUR RIGHT</h1> <h1 class="heading">Be Anonymous</h1>
<div style="text-align: center;color: #fff;margin-top: 8px;"> <div style="text-align: center;color: #fff;margin-top: 8px;">
Poketube is a libre front end for youtube that is focused on ur privacy!</div> Be anonymous while watching epic videos and memes on poketube!</div>
<a href="/discover" class="btn-explore">Discover Videos</a> <a href="/discover" class="btn-explore">Discover Videos</a>
</div> </div>
</div> </div>
<div class="product-container">
<img alt="product" src="/css/product.svg" style="width: 25em;transform: scale(1.3);margin-right: 1em;margin-bottom: 1em;">
</div>
</div>
<div class="wave"> <div class="wave">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#0069af" fill-opacity="1" d="M0,64L26.7,69.3C53.3,75,107,85,160,101.3C213.3,117,267,139,320,128C373.3,117,427,75,480,58.7C533.3,43,587,53,640,85.3C693.3,117,747,171,800,186.7C853.3,203,907,181,960,165.3C1013.3,149,1067,139,1120,117.3C1173.3,96,1227,64,1280,53.3C1333.3,43,1387,53,1413,58.7L1440,64L1440,320L1413.3,320C1386.7,320,1333,320,1280,320C1226.7,320,1173,320,1120,320C1066.7,320,1013,320,960,320C906.7,320,853,320,800,320C746.7,320,693,320,640,320C586.7,320,533,320,480,320C426.7,320,373,320,320,320C266.7,320,213,320,160,320C106.7,320,53,320,27,320L0,320Z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#0069af" fill-opacity="1" d="M0,64L26.7,69.3C53.3,75,107,85,160,101.3C213.3,117,267,139,320,128C373.3,117,427,75,480,58.7C533.3,43,587,53,640,85.3C693.3,117,747,171,800,186.7C853.3,203,907,181,960,165.3C1013.3,149,1067,139,1120,117.3C1173.3,96,1227,64,1280,53.3C1333.3,43,1387,53,1413,58.7L1440,64L1440,320L1413.3,320C1386.7,320,1333,320,1280,320C1226.7,320,1173,320,1120,320C1066.7,320,1013,320,960,320C906.7,320,853,320,800,320C746.7,320,693,320,640,320C586.7,320,533,320,480,320C426.7,320,373,320,320,320C266.7,320,213,320,160,320C106.7,320,53,320,27,320L0,320Z"></path></svg>