mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-10 07:38:24 +01:00
new landing page!!! :3
This commit is contained in:
parent
35a739d8df
commit
e5704a4c17
1 changed files with 23 additions and 11 deletions
|
@ -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>
|
||||
|
||||
<style>
|
||||
.app {
|
||||
background-image:linear-gradient(to bottom right, #9666F7, #B37C6B) !important;
|
||||
}
|
||||
</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;'>
|
||||
<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>
|
||||
|
||||
|
|
Loading…
Reference in a new issue