diff options
| author | Omar Roth <omarroth@hotmail.com> | 2018-07-26 09:53:52 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-07-26 09:53:52 -0500 |
| commit | f07e3e5981a54c6ef9a49bfc784fa43f0a4f2dc5 (patch) | |
| tree | 973f5e41f1c52d7b80223b0af04bd13ec37b5a44 /src | |
| parent | 0fba601e91b6c02d456c5a0710d445d7dfcebfe0 (diff) | |
| parent | 24538b729602cf994d69af62ae4284dc7c2cc6a4 (diff) | |
| download | invidious-f07e3e5981a54c6ef9a49bfc784fa43f0a4f2dc5.tar.gz invidious-f07e3e5981a54c6ef9a49bfc784fa43f0a4f2dc5.tar.bz2 invidious-f07e3e5981a54c6ef9a49bfc784fa43f0a4f2dc5.zip | |
Merge pull request #38 from FredrikAugust/rework-navbar
Rework navbar and update README
Diffstat (limited to 'src')
| -rw-r--r-- | src/invidious/views/layout.ecr | 60 |
1 files changed, 29 insertions, 31 deletions
diff --git a/src/invidious/views/layout.ecr b/src/invidious/views/layout.ecr index 8df75e3f..67b9ba5d 100644 --- a/src/invidious/views/layout.ecr +++ b/src/invidious/views/layout.ecr @@ -20,51 +20,49 @@ <div class="pure-g"> <div class="pure-u-1 pure-u-md-1-5"></div> <div class="pure-u-1 pure-u-md-3-5"> - <div class="pure-g" style="padding:1em;"> + <div class="pure-g navbar"> <div class="pure-u-1 pure-u-md-4-24"> - <center><a href="/" class="pure-menu-heading">Invidious</a></center> + <a href="/" class="index-link pure-menu-heading">Invidious</a> </div> - <div class="pure-u-1 pure-u-md-12-24"> + <div class="pure-u-1 pure-u-md-12-24 searchbar"> <form class="pure-form" action="/search" method="get"> <fieldset> <input type="search" style="width:100%;" name="q" placeholder="search" value="<%= env.params.query["q"]? %>"> </fieldset> </form> </div> - <div class="pure-u-1 pure-u-md-8-24"> + <div class="pure-u-1 pure-u-md-8-24 user-field"> <% if env.get? "user" %> - <div class="pure-g"> - <div class="pure-u-1-3"> - <a href="/feed/subscriptions" class="pure-menu-heading"> - <% notification_count = env.get("user").as(User).notifications.size %> - <% if notification_count > 0 %> - <center><%= notification_count %> <i class="fas fa-bell"></i></center> - <% else %> - <center><i class="far fa-bell"></i></center> - <% end %> - </a> - </div> - <div class="pure-u-1-3"> - <a href="/preferences" class="pure-menu-heading"> - <center><i class="fas fa-cog"></i></center> - </a> - </div> - <div class="pure-u-1-3"> - <a href="/signout" class="pure-menu-heading"> - <center>Sign out</center> - </a> - </div> - </div> + <div class="pure-u-1-3"> + <a href="/feed/subscriptions" class="pure-menu-heading"> + <% notification_count = env.get("user").as(User).notifications.size %> + <% if notification_count > 0 %> + <%= notification_count %> <i class="fas fa-bell"></i> + <% else %> + <i class="far fa-bell"></i> + <% end %> + </a> + </div> + <div class="pure-u-1-3"> + <a href="/preferences" class="pure-menu-heading"> + <i class="fas fa-cog"></i> + </a> + </div> + <div class="pure-u-1-3"> + <a href="/signout" class="pure-menu-heading">Sign out</a> + </div> <% else %> - <center><a href="/login" class="pure-menu-heading">Login</a></center> + <a href="/login" class="pure-menu-heading">Login</a> <% end %> </div> </div> <%= content %> - <center class="h-box"> - Released under AGPLv3 by <a href="https://github.com/omarroth">Omar Roth</a> - - source available <a href="https://github.com/omarroth/invidious">here</a> - </center> + <div class="footer"> + Released under AGPLv3 by <a href="https://github.com/omarroth">Omar + Roth</a>. + Source available <a + href="https://github.com/omarroth/invidious">here</a>. + </div> </div> <div class="pure-u-1 pure-u-md-1-5"></div> </div> |