UI Updates

This commit is contained in:
Raelon Masters
2020-06-24 18:01:37 -04:00
parent 13fc85f6ff
commit 9a055d7660
14 changed files with 163958 additions and 311 deletions

View File

@@ -7,9 +7,10 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type="text/css" rel="stylesheet" href="/static/css/main.css" />
<link type="text/css" rel="stylesheet" href="/static/css/mobile.css" />
<link type="text/css" rel="stylesheet" href="/static/css/all-fa.css" />
<title>pyShelf E-Book Server</title>
<link href="https://fonts.googleapis.com/css?family=Audiowide&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Audiowide&family=Montserrat:wght@300&family=Gruppo&family=Cinzel+Decorative&family=Ubuntu+Mono&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Gruppo&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative&family=Ubuntu+Mono&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">
@@ -22,20 +23,41 @@
<body>
<input type="hidden" id="_set" name="_set" value="{{ Set }}" />
<div id="app">
<ul id="shelf_nav">
<div id="horiz_nav_hdr">
<h1 class="app_hdr" id="hdr_branding">pyShelf {{Version}}</h1>
<div class="hdr_nav" id="hdr_nav_center">
<input class="nav_search input_box" type="text" size="50" value="search by Title, Author, Tags, or Collections">
<div class="ui_btn_w_icon"><i class="fas fa-search search_submit search_button" onclick="window.location.href = '/prev_page/{{ Set }}'"></i>search</div>
<ul id="tab_nav_menu">
<li class="nav_menu_tab active_tab"><i class="fas fa-home"></i>&nbsp;Home</li>
<li class="nav_menu_tab"><i class="fas fa-layer-group"></i>&nbsp;Collections</li>
<li class="nav_menu_tab"><i class="fas fa-star"></i>&nbsp;Favorites</li>
<li class="nav_menu_tab"><i class="fas fa-question-circle"></i>&nbsp;Help</li>
<li class="nav_menu_tab"><i class="fas fa-bug"></i>&nbsp;Bug report</li>
</div>
<div class="hdr_nav" id="hdr_nav_right">
<i class="fas fa-user ui_icon_notxt"></i>
<input id="username" class="nav_login input_box" type="text" size="8" value="Username">
<input id="password" class="nav_login input_box" type="text" size="8" value="Password">
</div>
</div>
<div id="horiz_nav_main">
<!--<i class="fas fa-chevron-left nav_icon prev_page" onclick="window.location.href = '/prev_page/{{ Set }}'"></i>-->
{{ BookStats }} books | {{ CollectionStats }} collections
<!--<i class="fas fa-chevron-right nav_icon next_page" onclick="window.location.href = '/next_page/{{ Set }}'"></i>-->
<!--<input class="nav_button search_submit" type="submit" value="Search">-->
</div>
</ul>
<div class="app_body">
<div class="nav_l">
<p class="popover"></p>
<ul id="vert-nav">
<li class="vert-nav-item nav_l_hdr">
<h1 class="app_hdr shadow">pyShelf {{Version}}</h1>
<h1 class="app_hdr">pyShelf {{Version}}</h1>
</li>
<li class="vert-nav-item nav_l_hdr">
<input class="nav_search" type="text" size="19" value="">
</li>
<li class="vert-nav-item nav_l_hdr">
<input class="nav_button prev_page" type="button" value="<<" onclick="window.location.href = '/prev_page/{{ Set }}'">
<input class="nav_button search_submit" type="submit" value="Search">
<input class="nav_button next_page" type="button" value=">>" onclick="window.location.href = '/next_page/{{ Set }}'">
<input class="nav_search" type="text" size="10" value="">
</li>
<li class="vert-nav-item nav_l_hdr btn" id="btn_collections">Collections</li>
<ul class="hidden vert-nav collections">
@@ -54,18 +76,10 @@
{% endfor %}
{% endif %}
</ul>
<li class="vert-nav-item nav_l_hdr btn" id="btn_irc">irc</li>
<li class="vert-nav-item nav_l_hdr btn" id="btn_pyshelf">pyshelf.com</li>
<a href="irc://freenode.net/pyshelf" class="web_footer_link"><li class="vert-nav-item nav_l_hdr" id="btn_discord">discord</li></a>
<li class="vert-nav-item nav_l_hdr btn" id="btn_github">github</li>
<li class="vert-nav-item nav_l_hdr btn" id="btn_irc">irc</li>
<li class="vert-nav-item nav_l_hdr btn" id="btn_python">
<img src="/static/img/py.png" id="python_logo" />
</li>
<a href="https://www.gnu.org/licenses/gpl-3.0.txt" class="web_footer_link">
<li class="vert-nav-item nav_l_hdr btn" id="btn_gpl">
<img src="/static/img/gplv3-or-later.png" alt="GPLv3 or later" />
</li>
</a>
</ul>
</div>
<div class="shelf">