mirror of
https://github.com/th3r00t/pyShelf.git
synced 2026-04-28 01:59:35 -04:00
Changed layout from grid to single column
This commit is contained in:
Raelon Masters
30
src/interface/static/css/main.css
vendored
30
src/interface/static/css/main.css
vendored
@@ -94,8 +94,9 @@ body {
|
||||
font-family: 'Gruppo', cursive;
|
||||
font-size: 15px;
|
||||
/*! max-height: 500px; */
|
||||
overflow-y: scroll;
|
||||
overflow-y: auto;
|
||||
/*! padding: 0px 10px; */
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.popover{
|
||||
@@ -114,7 +115,7 @@ body {
|
||||
}
|
||||
.nav_l_hdr {
|
||||
/*! text-align: center; */
|
||||
padding: 1px;
|
||||
padding: 0px 5px;
|
||||
background-color: #9e9e9e;
|
||||
border-bottom: 2px solid #dadada;
|
||||
color: black;
|
||||
@@ -126,18 +127,20 @@ body {
|
||||
/*! padding: 5px; */
|
||||
/*! text-align: center; */
|
||||
border-bottom: 1px solid #dadada;
|
||||
padding: 0px 0px 0px 10px;
|
||||
}
|
||||
|
||||
.nav_l_1 {
|
||||
/*! padding: 5px; */
|
||||
/*! text-align: center; */
|
||||
border-bottom: 1px solid #dadada;
|
||||
padding: 0px 0px 0px 10px;
|
||||
}
|
||||
.nav_link {}
|
||||
#vert-nav {
|
||||
list-style: None;
|
||||
padding: 0px;
|
||||
margin: 10px 0px;
|
||||
margin: 0px;
|
||||
/*! border-left: 5px solid #292f35; */
|
||||
/*! border-right: 5px solid #292f35; */
|
||||
}
|
||||
@@ -277,11 +280,9 @@ p {
|
||||
}
|
||||
|
||||
#book_shelf {
|
||||
display: grid;
|
||||
grid-template-columns: 21% 21% 21% 21%;
|
||||
list-style-type: none;
|
||||
font-family: 'Audiowide', cursive;
|
||||
font-size: 25px;
|
||||
font-size: 15px;
|
||||
padding: 0;
|
||||
margin: 0px;
|
||||
min-width: 99vw;
|
||||
@@ -289,22 +290,24 @@ p {
|
||||
|
||||
.shelf_item {
|
||||
display: grid;
|
||||
background-color: burlywood;
|
||||
grid-template-columns: 100px auto;
|
||||
grid-template-areas: "thumb details";
|
||||
margin: 0 10px 10px 10px;
|
||||
max-width: 20vw;
|
||||
max-height: 70vh;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.book_thumb {
|
||||
width: 20vw;
|
||||
height: 70vh;
|
||||
grid-area: thumb;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
a.book_link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.book_details {}
|
||||
.book_details_list {grid-area: details;list-style-type: none;}
|
||||
.book_title {}
|
||||
.book_author {}
|
||||
.book_controls {}
|
||||
a.nav_link {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
@@ -317,3 +320,4 @@ a.nav_link {
|
||||
padding: 0px;
|
||||
margin: 0px 0px;
|
||||
}
|
||||
.btn {cursor:pointer}
|
||||
|
||||
33
src/interface/templates/index.html
vendored
33
src/interface/templates/index.html
vendored
@@ -27,18 +27,18 @@
|
||||
<h1 class="app_hdr shadow">pyShelf {{Version}}</h1>
|
||||
</li>
|
||||
<li class="vert-nav-item nav_l_hdr">
|
||||
<input class="nav_search" type="text" size="20" value="">
|
||||
<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 }}'">
|
||||
</li>
|
||||
<li class="vert-nav-item nav_l_hdr" id="btn_collections">Collections</li>
|
||||
<li class="vert-nav-item nav_l_hdr btn" id="btn_collections">Collections</li>
|
||||
<ul class="hidden vert-nav collections">
|
||||
{% for row in LeftNavCollections %}
|
||||
<a href="{% url 'show_collection' _collection=row.link _colset=Set%}" class="nav_link" alt="{{row.link}}">
|
||||
<li class="nav_l_{{row.class}}">
|
||||
<li class="nav_l_{{row.class}} btn">
|
||||
{{ row.string }}
|
||||
</li>
|
||||
</a>
|
||||
@@ -47,19 +47,19 @@
|
||||
<ul class="vert-nav dynnav">
|
||||
{% if LeftNavMenu0 %}
|
||||
{% for row in LeftNavMenu0 %}
|
||||
<a href="{{ row.link }}"><li class="vert-nav-item nav_l_hdr">{{ row.title }}</li></a>
|
||||
<a href="{{ row.link }}"><li class="vert-nav-item nav_l_hdr btn">{{ row.title }}</li></a>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</ul>
|
||||
<li class="vert-nav-item nav_l_hdr" id="btn_irc">irc</li>
|
||||
<li class="vert-nav-item nav_l_hdr btn" id="btn_irc">irc</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" id="btn_github">github</li>
|
||||
<li class="vert-nav-item nav_l_hdr" id="btn_irc">irc</li>
|
||||
<li class="vert-nav-item nav_l_hdr" id="btn_python">
|
||||
<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" id="btn_gpl">
|
||||
<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>
|
||||
@@ -69,9 +69,18 @@
|
||||
<div class="shelf_contents">
|
||||
<ul id="book_shelf">
|
||||
{% for book in Books %}
|
||||
<a href="{% url 'download' pk=book.pk %}" class="book_link">
|
||||
<li class="shelf_item"><img alt="{{ book.title }}" src="data:image;base64,{{ book.cover | bin_2_img }}" class="book_thumb" /> </li>
|
||||
</a>
|
||||
<li class="shelf_item">
|
||||
<img alt="cover missing" src="data:image;base64,{{ book.cover | bin_2_img }}" class="book_thumb" />
|
||||
<ul class="book_details_list">
|
||||
<li class="book_title">{{ book.title }}</li>
|
||||
<li class="book_author">Author: {{ book.author }}</li>
|
||||
<li class="book_controls">
|
||||
fav
|
||||
<a href="{% url 'download' pk=book.pk %}" class="book_link">download</a>
|
||||
share
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
14
src/interface/templates/search.html
vendored
14
src/interface/templates/search.html
vendored
@@ -25,7 +25,7 @@
|
||||
<h1 class="app_hdr shadow">pyShelf {{Version}}</h1>
|
||||
</li>
|
||||
<li class="vert-nav-item nav_l_hdr">
|
||||
<input class="nav_search" type="text" size="20" value="">
|
||||
<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 }}'">
|
||||
@@ -36,21 +36,21 @@
|
||||
<ul class="hidden vert-nav collections">
|
||||
{% for row in LeftNavCollections %}
|
||||
<a href="{% url 'show_collection' _collection=row.link _colset=Set%}" class="nav_link" alt="{{row.link}}">
|
||||
<li class="nav_l_{{row.class}}">
|
||||
<li class="nav_l_{{row.class}} btn">
|
||||
{{ row.string }}
|
||||
</li>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<li class="vert-nav-item nav_l_hdr" id="btn_irc">irc</li>
|
||||
<li class="vert-nav-item nav_l_hdr btn" id="btn_irc">irc</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" id="btn_github">github</li>
|
||||
<li class="vert-nav-item nav_l_hdr" id="btn_irc">irc</li>
|
||||
<li class="vert-nav-item nav_l_hdr" id="btn_python">
|
||||
<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" id="btn_gpl">
|
||||
<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>
|
||||
|
||||
@@ -44,6 +44,7 @@ def show_collection(request, _collection, _colset):
|
||||
"Books": collection(_collection, _set),
|
||||
"Set": str(_set),
|
||||
"Version": config.VERSION,
|
||||
"LeftNavCollections": menu("collections"),
|
||||
"LeftNav": menu("collections"),
|
||||
},
|
||||
)
|
||||
@@ -64,6 +65,7 @@ def next_page(request, bookset):
|
||||
"Books": book_set(None, _set),
|
||||
"Set": str(_set),
|
||||
"Version": config.VERSION,
|
||||
"LeftNavCollections": menu("collections"),
|
||||
"LeftNav": menu("collections"),
|
||||
},
|
||||
)
|
||||
@@ -88,6 +90,7 @@ def prev_page(request, bookset):
|
||||
"Books": book_set(None, _set),
|
||||
"Set": str(_set),
|
||||
"Version": config.VERSION,
|
||||
"LeftNavCollections": menu("collections"),
|
||||
"LeftNav": menu("collections"),
|
||||
},
|
||||
)
|
||||
@@ -118,6 +121,7 @@ def search(request, query=None, _set=1, _limit=None):
|
||||
"Set": _set,
|
||||
"len_results": search_len,
|
||||
"Version": config.VERSION,
|
||||
"LeftNavCollections": menu("collections"),
|
||||
"LeftNav": menu("collections"),
|
||||
},
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user