th3r00t/pyShelf
1
0
Fork 0
mirror of https://github.com/th3r00t/pyShelf.git synced 2026-04-28 01:59:35 -04:00
Code Issues Packages Projects Releases Wiki Activity

Changed layout from grid to single column

Browse Source
This commit is contained in:
Raelon Masters
2020-06-12 12:54:12 -04:00
parent 1b54820d67
commit 9fdd7e25a0
4 changed files with 49 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/interface/static/css/main.css vendored
View File

@@ -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
View File

@@ -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
View File

@@ -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>

4
src/interface/views.py
View File

@@ -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"),
},
)