diff --git a/html/main.ejs b/html/main.ejs index 6292ac27..4ea35661 100644 --- a/html/main.ejs +++ b/html/main.ejs @@ -628,6 +628,19 @@ summary:hover{ transition: opacity 0.6s; margin-bottom: 15px; } + + .search button { + transform: none; + display: flex; + background: #454545; + color: #999; + border: 1px; + border-radius: 12px; + margin: 2em; + width: 6em; + justify-content: center; + height: 2.6em; +} .alert.success {background-color: #04AA6D;} .alert.info {background-color: #2196F3;} @@ -723,18 +736,17 @@ summary:hover{ .channel-info-container > img { width: 100%; } - - .video-grid > .video { - background-color: #181818; -border-radius: 16px; - } - - .app{ - background-image:url("/css/head.svg"); -background-size: cover; - background-repeat: no-repeat; - } - + + +.search .search-bar { + display: flex; + transform: translateY(1.5em); + background: #222; + border: 1px solid #444; + width: 298px; + height: 30px; +} + /* nice classname am i rigth */ .discover-some-bitches{ text-align: center; @@ -743,108 +755,34 @@ background-size: cover; } - <% if (!isMobile) { %>
- -
+ - -
-
Privacy Is Your Right
-
Poketube is a libre front end - for youtube & yt music! your personal data is nobody's business while using poketube. - (not our business too!) -
-
+ -
- -
- - - -
- - -
-

-

-

-
- <% } %> - <% if (isMobile) { %> -
- -
- - -
-
Privacy Is Your Right
-
- PokeTube is a libre youtube-front end that respects your privacy!
- -
-
- -
- - -
-
-

-

-

-
- <% } %>
- -
Discover
- - <% if (!isMobile) { %> -

- See the trending videos, gaming stuff and music videos on poketube! (or dont) -

- <% } %> - - <% if (isMobile) { %> -

- See the trending videos on poketube! -

- <% } %> + + + <% if (!tab) { %> + <% if (!mobilesearch) { %>
@@ -852,7 +790,7 @@ background-size: cover; Music - Gaming + Search <% if (!isMobile) { %> Movies @@ -870,7 +808,7 @@ background-size: cover; Music - Gaming + Search <% if (!isMobile) { %> Movies @@ -881,48 +819,55 @@ background-size: cover;
<% } %> - <% if (tab === "gaming") { %> + + <% } %> + <% if (tab === "search") { %> +
Videos Music - <% if (!isMobile) { %> - Gaming - Movies - <% } %> + Search
- <% } %> + <% } %> - <% if (tab === "movies") { %> - + <% if (mobilesearch) { %> +
Videos + Music - Gaming - Movies + + Search
- <% } %> + <% } %> + <% } %> +
+ + <% if (!tab || tab == "music" ) { %> + <% if (!mobilesearch) { %> +
<% inv.forEach(x => { %>
<%- turntomins(x.lengthSeconds) %>
- <%- x.title %> + <%- x.title %> By <%- x.author %>
@@ -932,18 +877,87 @@ background-size: cover; <% }) %> - -
- -
- + <% } %> + <% } %> + + + + <% if (tab == "search") { %> + +
+ +
+ + + + + +
+ +
+ + <% } %> + + <% if (mobilesearch ) { %> + +
+ +
+ + + +
+ + +
+ + +
+ + <% j.Search.Results.Video.forEach(x => { %> + + +
<%=x.duration %>
+
+ <%- x.Title %> + By <%- x.Channel.Name %> + +
+ + <% }) %> + + <% if (continuation) { %> + +

+ First Page +

+

+ Next Page +

+ <% } %> + + <% if (!continuation) { %> +

+ Next Page +

+ + <% } %> + +
+ + + + <% } %> + + - <% } %> - \ No newline at end of file + \ No newline at end of file