mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-14 17:48:46 +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 {
|
.btn-explore {
|
||||||
font-family:"Inter" !important;
|
font-family:"Inter" !important;
|
||||||
width:165px !important;
|
width:192px !important
|
||||||
}
|
}
|
||||||
|
@media screen and (max-height: 643px) {
|
||||||
|
.content {
|
||||||
|
transform: translateY(60%); !important
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<% } %>
|
<% } %>
|
||||||
|
@ -248,7 +252,7 @@ section#landing-page {
|
||||||
|
|
||||||
@media screen and (max-height: 643px) {
|
@media screen and (max-height: 643px) {
|
||||||
.content {
|
.content {
|
||||||
transform: translateY(70%);
|
transform: translateY(50%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.content-inner{
|
.content-inner{
|
||||||
|
@ -289,7 +293,7 @@ text-align:center;
|
||||||
color: rgb(232, 230, 227);
|
color: rgb(232, 230, 227);
|
||||||
text-decoration-color: unset;
|
text-decoration-color: unset;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
width: 186px;
|
width: 223px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
text-decoration: unset;
|
text-decoration: unset;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
@ -358,9 +362,17 @@ font-weight: 400;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
z-index: 10; /* Was 2 */"
|
z-index: 10; /* Was 2 */"
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</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>
|
<nav>
|
||||||
<div class="left">
|
<div class="left">
|
||||||
|
@ -405,12 +417,12 @@ Donate to Ukraine </a>
|
||||||
|
|
||||||
<div class="content">
|
<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>
|
<br>
|
||||||
<h1 class="heading">Be Anonymous</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;width: 45em;">
|
||||||
Be anonymous while watching epic videos and memes on poketube!</div>
|
...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 Videos</a>
|
<a href="/discover" class="btn-explore">Discover PokeTube</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue