varia/xppl
14
0
Fork 0
Code Issues 6 Pull Requests Releases Activity

some styling stuff

Browse Source
This commit is contained in:
nberting 2018-06-12 19:54:22 +02:00
parent 1b5ea42d2f
commit 3dcc1f13d4
3 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/static/css/style.css
View File

@ -5,7 +5,7 @@ font-family: "Archivo Narrow";
} }
p{ p{
font-size: 18px; font-size: 20px;
} }
@ -68,7 +68,7 @@ padding: 0px 10px;
} }
.about{ .about{
font-size: 16px; font-size: 18px;
} }
.library_table{ .library_table{
@ -106,7 +106,7 @@ background-color: #E8E8E8!important;
} }
.library_table .author_col{ .library_table .author_col{
font-size: 15px; font-size: 18px;
} }
.library_table li{ .library_table li{
@ -133,7 +133,6 @@ background-color: #fafafa;
#title_xppl{ #title_xppl{
font-size: 46px; font-size: 46px;
cursor: pointer; cursor: pointer;
} }
.header input{ .header input{
@ -146,7 +145,7 @@ font-weight: bold;
.author input{ .author input{
height:20px; height:20px;
width: 500px; width: 500px;
font-size: 16px; font-size: 18px;
} }
.search input{ .search input{

11
app/templates/about.html
View File

@ -2,6 +2,7 @@
{% block main %} {% block main %}
<h1 class="page-header">About</h1> <h1 class="page-header">About</h1>
<div style="width: 900px;">
<p class='about'> <p class='about'>
XPPL is a project aimed at people who are studying the field of media culture, or as we like to call them: knowledge comrades. XPPL is a project aimed at people who are studying the field of media culture, or as we like to call them: knowledge comrades.
<br> <br>
@ -14,18 +15,14 @@ This digital library gathers all the books and articles floating around on the s
<br> <br>
Are you interested in how this library works? Have a look at the source code in <a href 'https://git.xpub.nl/xpub-lib/log.html'> our git. </a> Are you interested in how this library works? Have a look at the source code in <a href 'https://git.xpub.nl/xpub-lib/log.html'> our git. </a>
</p> </p>
<h2> What's the deal with the stacks? </h2> <h2> What's the deal with the stacks? </h2>
<p class='about'> <p class='about'>
A stack is a number of books that are read at a certain point in time, alternating between them. They usually have a topic in common, or follow a certain study path that can bring you to a point of knowledge. Rather than a bookshelf, where books are lined up and often forgotten, the stack on your table/nightstand/toilet consists of books prone to be opened and reopened at any time. A stack is a number of books that are read at a certain point in time, alternating between them. They usually have a topic in common, or follow a certain study path that can bring you to a point of knowledge. Rather than a bookshelf, where books are lined up and often forgotten, the stack on your table/nightstand/toilet consists of books prone to be opened and reopened at any time.
</p> </p>
<h2>Who's behind this?</h2> <h2>Who's behind this?</h2>
<p class='about'> <p class='about'>
We're Angeliki, Alex, Alice, Joca, Natasha and Zalán, helped and supported by Femke, Aymeric, Michael, Steve, Andre, Leslie and many more. We're Angeliki, Alex, Alice, Joca, Natasha and Zalán, helped and supported by Femke, Aymeric, Michael, Steve, Andre, Leslie and many more. XPUB is a study path within the Piet Zwart Institute masters program.
<br>
<br>
XPUB is a study path within the Piet Zwart Institute masters program.
</p> </p>
</div>
{% endblock %} {% endblock %}

7
app/templates/show_book_detail.html
View File

@ -7,7 +7,7 @@
<div style="float:right; padding-right: 140px;"> <div style="float:right; padding-right: 140px;">
<img class="no_cover" id="{{ book.title }}" src="../cover/{{ book.cover }}" width="280px" onerror="if (this.src != '../cover/{{ book.cover }}') this.src = '../static/img/default_cover.gif';"></div> <img class="no_cover" id="{{ book.title }}" src="../cover/{{ book.cover }}" width="280px" onerror="if (this.src != '../cover/{{ book.cover }}') this.src = '../static/img/default_cover.gif';"></div>
<table class="library_table" id="table" style="width:50%; padding-bottom: 80px;"> <table class="library_table" id="table" style="width:50%; padding-bottom: 180px;">
<thead> <thead>
<tr id="header"> <tr id="header">
<th style="width: 150px;"></th> <th style="width: 150px;"></th>
@ -103,12 +103,13 @@
<a href="{{ url_for('edit_book_by_id', id=book.id )}}"><button style= "font-size: 10pt;"> edit</button></a> <a href="{{ url_for('edit_book_by_id', id=book.id )}}"><button style= "font-size: 10pt;"> edit</button></a>
<a href="{{ url_for('remove_book_by_id', id=book.id)}}"><button style= "font-size: 10pt;"> delete</button></a> <a href="{{ url_for('remove_book_by_id', id=book.id)}}"><button style= "font-size: 10pt;"> delete</button></a>
<br><br> <br><br>
<br><br>
{%endif%} {%endif%}
<hr> <hr>
{% if previousbook %} {% if previousbook %}
<a href="{{ url_for('show_book_by_id', id=previousbook.id )}}" style="font-size: 9pt;"> < see the previous book added to XPPL: &nbsp;<i>{{ previousbook.title |truncate(40,True,'...') }} </i></a> {% endif %} <a href="{{ url_for('show_book_by_id', id=previousbook.id )}}" style="font-size: 10pt;"> < see the previous book added to XPPL: &nbsp;<i>{{ previousbook.title |truncate(40,True,'...') }} </i></a> {% endif %}
{% if nextbook %} {% if nextbook %}
<a href="{{ url_for('show_book_by_id', id=nextbook.id )}}" style="float:right; font-size: 9pt;"> see the next book added to XPPL: &nbsp;<i>{{ nextbook.title|truncate(40,True,'...')}} </i>> </a>{% endif %} <a href="{{ url_for('show_book_by_id', id=nextbook.id )}}" style="float:right; font-size: 10pt;"> see the next book added to XPPL: &nbsp;<i>{{ nextbook.title|truncate(40,True,'...')}} </i>> </a>{% endif %}
</div> </div>
{% endblock %} {% endblock %}