mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-30 00:08:42 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

add stuff lel

Browse source
This commit is contained in:
Ashley 2023-03-18 20:19:40 +00:00
parent 00df7f54c7
commit b7a73c2c50
1 changed files with 33 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
html/landing.ejs
View file

@ -207,13 +207,18 @@ section#landing-page {
} }
.content-inner{ .content-inner{
padding: 10px;color:#fff;position: relative;top: 50%;transform: translateY(50%); padding: 10px;
color:#fff;
position: relative;
top: 50%;
transform: translateY(50%);
} }
.heading { .heading {
color: #fff; color: #fff;
font-size: xxx-large; font-size: xxx-large;
font-family: 'PokeTube flex'; font-family: 'PokeTube flex';
font-style:italic;
font-stretch: ultra-expanded; font-stretch: ultra-expanded;
font-weight: 1000; font-weight: 1000;
} }
@ -258,6 +263,23 @@ font-stretch: ultra-expanded;
} }
@media screen and (max-height: 643px) {
.wave {
margin-bottom: -7em;
}
}
@media screen and (min-height: 768px) {
.wave {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: -7em;
display: block;
}
}
.news > * { .news > * {
color:#fff color:#fff
} }
@ -326,7 +348,7 @@ z-index: 10; /* Was 2 */"
<br> <br>
<h1 class="heading">PRIVACY IS YOUR RIGHT</h1> <h1 class="heading">PRIVACY IS YOUR RIGHT</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 your privacy! </div> Poketube is a libre front end for youtube that is focused on ur privacy!</div>
<a href="/discover" class="btn-explore">Discover Videos</a> <a href="/discover" class="btn-explore">Discover Videos</a>
</div> </div>
</div> </div>
@ -334,8 +356,9 @@ z-index: 10; /* Was 2 */"
<img src="/css/product.svg" style="width: 25em;transform: scale(1.3);margin-right: 1em;margin-bottom: 1em;"> <img src="/css/product.svg" style="width: 25em;transform: scale(1.3);margin-right: 1em;margin-bottom: 1em;">
</div> </div>
</div> </div>
<div class="wave">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#0099ff" 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>
</div>