mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-22 21:57:49 +01:00
Improvements owowowowowo
This commit is contained in:
Ashley
parent
d4c139b4a3
commit
6e3402805b
1 changed files with 142 additions and 10 deletions
152
html/main.ejs
152
html/main.ejs
|
|
@ -634,7 +634,16 @@ summary:hover{
|
||||||
transition: opacity 0.6s;
|
transition: opacity 0.6s;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
.downnav{
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
margin: auto;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 1;
|
||||||
|
background-color: #0f0f0f
|
||||||
|
}
|
||||||
.search button {
|
.search button {
|
||||||
transform: none;
|
transform: none;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -760,6 +769,103 @@ summary:hover{
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
#more-button-container .backtotop {
|
||||||
|
margin: 0%;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#more-button-container .backtotop a {
|
||||||
|
margin-top: .5em;
|
||||||
|
}
|
||||||
|
#more-button .close { display: none; }
|
||||||
|
#more-button {
|
||||||
|
font-size: .94em;
|
||||||
|
line-height: 1.2em;
|
||||||
|
text-align: left;
|
||||||
|
padding: .6em 3%;
|
||||||
|
margin: 0;
|
||||||
|
background: #000;
|
||||||
|
border-top: none;
|
||||||
|
border-radius: 23px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
#set-language { margin-bottom: .2em; }
|
||||||
|
#set-language + p {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 1em; /* 15px */
|
||||||
|
margin: .45em 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#more-buttons { padding: .4em 0; }
|
||||||
|
#more-buttons p {margin: 0;
|
||||||
|
font-weight: 900;
|
||||||
|
font-stretch: ultra-expanded;
|
||||||
|
padding: 3px;
|
||||||
|
}
|
||||||
|
#more-buttons span {
|
||||||
|
display: inline-block;
|
||||||
|
width: 10.5em;
|
||||||
|
line-height: 2em;
|
||||||
|
}
|
||||||
|
#more-buttons span a {
|
||||||
|
line-height: 1.9em;
|
||||||
|
}
|
||||||
|
#more-buttons span.original { font-weight: bold; }
|
||||||
|
/* Display/hide language list */
|
||||||
|
|
||||||
|
#more-button-container { display: none; }
|
||||||
|
#more-button-container:target { display: block; }
|
||||||
|
|
||||||
|
#rec-cont:target { display: none; }
|
||||||
|
#rec-cont { display: block; }
|
||||||
|
|
||||||
|
.backtotop b { display: none; }
|
||||||
|
|
||||||
|
body { position: relative; }
|
||||||
|
#more-button-container {
|
||||||
|
position: absolute;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
margin: auto;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 1;
|
||||||
|
height: 13em;
|
||||||
|
}
|
||||||
|
#language-container .backtotop a {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: transparent;
|
||||||
|
border: none;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
#more-button .close {
|
||||||
|
float: right;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
#more-button.close span {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#more-button .close:after {
|
||||||
|
content: "\2A09";
|
||||||
|
float: right;
|
||||||
|
position: relative; bottom: .1em;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#more-buttons {
|
||||||
|
column-width: 10em;
|
||||||
|
column-count: 3;
|
||||||
|
column-gap: 0;
|
||||||
|
}
|
||||||
|
#more-buttons span { display: block; }
|
||||||
|
#more-buttons span a { display: inline-block; }
|
||||||
|
</style>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="app" >
|
<div class="app" >
|
||||||
|
|
@ -773,7 +879,6 @@ summary:hover{
|
||||||
|
|
||||||
<div class=right>
|
<div class=right>
|
||||||
|
|
||||||
<a href="/video/upload?from="><i class="fa-light fa-video"></i></a>
|
|
||||||
<a href="?tab=search"><i class="fa-light fa-search"></i></a>
|
<a href="?tab=search"><i class="fa-light fa-search"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -798,7 +903,6 @@ summary:hover{
|
||||||
|
|
||||||
<a href="?tab=music"class="tab">Music</a>
|
<a href="?tab=music"class="tab">Music</a>
|
||||||
|
|
||||||
<a href="?tab=search" class="tab">Search</a>
|
|
||||||
<% if (!isMobile) { %>
|
<% if (!isMobile) { %>
|
||||||
|
|
||||||
<a href="?tab=movies" class="tab">Movies</a>
|
<a href="?tab=movies" class="tab">Movies</a>
|
||||||
|
|
@ -817,7 +921,6 @@ summary:hover{
|
||||||
|
|
||||||
<a href="" class="tab active ">Music</a>
|
<a href="" class="tab active ">Music</a>
|
||||||
|
|
||||||
<a href="?tab=search" class="tab">Search</a>
|
|
||||||
<% if (!isMobile) { %>
|
<% if (!isMobile) { %>
|
||||||
|
|
||||||
<a href="?tab=movies" class="tab">Movies</a>
|
<a href="?tab=movies" class="tab">Movies</a>
|
||||||
|
|
@ -840,7 +943,6 @@ summary:hover{
|
||||||
|
|
||||||
<a href="?tab=music" class="tab">Music</a>
|
<a href="?tab=music" class="tab">Music</a>
|
||||||
|
|
||||||
<a href="" class="tab active">Search</a>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -856,7 +958,6 @@ summary:hover{
|
||||||
|
|
||||||
<a href="?tab=music" class="tab">Music</a>
|
<a href="?tab=music" class="tab">Music</a>
|
||||||
|
|
||||||
<a href="" class="tab active">Search</a>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -881,12 +982,42 @@ summary:hover{
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</a>
|
</a> <% }) %>
|
||||||
|
|
||||||
|
|
||||||
<% }) %>
|
<div id="more-button-container">
|
||||||
|
|
||||||
|
<div class="backtotop">
|
||||||
|
<hr class="no-display" />
|
||||||
|
<a href="#top"><b>▲</b></a>
|
||||||
|
</div>
|
||||||
|
<div id="more-button" class="rounded-corners">
|
||||||
|
<a href="#top">
|
||||||
|
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 11em;/*! width: 4.5em; */height: 0;"><hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 11em;/*! width: 4.5em; */height: 0;">
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<div id="more-buttons" style="display: contents;">
|
||||||
|
<div style="padding: 1em;">
|
||||||
|
<a href="/video/upload?from=" style=""><i class="fa-light fa-video" style="font-size: xx-large;background: #333;padding: 10px;border-radius: 50%;"></i>
|
||||||
|
<span style="margin-left: 2.4em;font-weight: 1000;font-size: x-large;margin-top: -2em;font-family: "Poketube flex";font-stretch: ultra-expanded;">
|
||||||
|
Upload
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="downnav">
|
||||||
|
<a href="#more-button-container">
|
||||||
|
|
||||||
|
|
||||||
|
<i style="font-size:xx-large;color:#fff;margin-top: 7px;margin-bottom: 7px;" class="fa-thin fa-circle-plus"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<% } %>
|
<% } %>
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|
||||||
|
|
@ -939,6 +1070,7 @@ summary:hover{
|
||||||
|
|
||||||
<% }) %>
|
<% }) %>
|
||||||
|
|
||||||
|
|
||||||
<% if (continuation) { %>
|
<% if (continuation) { %>
|
||||||
|
|
||||||
<p style="text-align: left;margin-left: 16em;color: var(--text-secondary);text-decoration: none;">
|
<p style="text-align: left;margin-left: 16em;color: var(--text-secondary);text-decoration: none;">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue