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

new landing page!!! :3

Browse source
This commit is contained in:
Ashley 2023-09-07 15:13:26 +00:00
parent 35a739d8df
commit e5704a4c17
1 changed files with 23 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
html/landing.ejs
View file

@ -175,8 +175,12 @@ summary:hover{
}
.btn-explore {
font-family:"Inter" !important;
width:165px !important;
width:192px !important
}
@media screen and (max-height: 643px) {
.content {
transform: translateY(60%); !important
}
</style>
<% } %>
@ -248,7 +252,7 @@ section#landing-page {
@media screen and (max-height: 643px) {
.content {
transform: translateY(70%);
transform: translateY(50%);
}
}
.content-inner{
@ -289,7 +293,7 @@ text-align:center;
color: rgb(232, 230, 227);
text-decoration-color: unset;
border-radius: 6px;
width: 186px;
width: 223px;
font-size: 20px;
text-decoration: unset;
margin: auto;
@ -358,9 +362,17 @@ font-weight: 400;
line-height: 24px;
z-index: 10; /* Was 2 */"
}
</style>
<div class="app" style='height:100vh;background-image: url("https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/waldemar-s3EjzLRA4Yw-unsplash.jpg?v=1692732965880)");background-repeat: no-repeat;background-size: cover;'>
<style>
.app {
background-image:linear-gradient(to bottom right, #9666F7, #B37C6B) !important;
}
</style>
<div class="app" style='height:100vh;background-repeat: no-repeat;background-size: cover;'>
<nav>
<div class="left">
@ -398,20 +410,20 @@ z-index: 10; /* Was 2 */"
<img alt="ukraine flag" src="/css/ua.svg" style="width: 1.2em;align-self: center;margin-right: 3px;">
<a href="https://u24.gov.ua/">
Donate to Ukraine </a>
Donate to Ukraine </a>
</div>
<div class="content">
<div class="content-inner" style="padding: 1em;color:#fff;background: #0008;border-radius: inherit;">
<div class="content-inner" style="padding: 1em;color:#fff;background: none;border-radius: inherit;">
<br>
<h1 class="heading">Be Anonymous</h1>
<div style="text-align: center;color: #fff;margin-top: 8px;">
Be anonymous while watching epic videos and memes on poketube!</div>
<a href="/discover" class="btn-explore">Discover Videos</a>
</div>
<h1 class="heading">Be Anonymous...</h1>
<div style="text-align: center;color: #fff;margin-top: 8px;width: 45em;">
...while watching epic videos, searching thingys on the interwebs and listening to music on poketube - the free yt front end thats focused on ur privacy!!</div>
<a href="/discover" class="btn-explore">Discover PokeTube</a>
</div>
</div>