Browse Source

started on browse by category

master
JoBCB 4 years ago
parent
commit
97074fa8d0
  1. 23
      static/css/style.css
  2. 8
      templates/browsebycategory.html

23
static/css/style.css

@ -429,7 +429,7 @@ tbody tr th.description{
.primary-button { .primary-button {
width: 365px; width: 365px;
height: 16px; height: 48px;
font-family: Roboto; font-family: Roboto;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
@ -444,7 +444,7 @@ tbody tr th.description{
.secondary-button { .secondary-button {
width: 365px; width: 365px;
height: 16px; height: 48px;
font-family: Roboto; font-family: Roboto;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
@ -652,26 +652,27 @@ text-align: center;
/************ BROWSE BY CATEGORY ************/ /************ BROWSE BY CATEGORY ************/
div#browsebycategory-listcategories{ div#browsebycategory-listcategories{
margin: 0px 80px;
} }
div.browsebycategory-categories{ div.browsebycategory-categories{
border: black 1px solid; margin: 22px 0px;
margin: 10px;
padding: 10px; padding: 10px;
width: 20em; border-radius: 6px;
background-color: var(--blue-blue);
} }
div.browsebycategory-categories a {
color: #ffffff;
text-decoration: none;
margin-top: auto;
margin-bottom: auto;
}
/************ SEARCH TOOLS ************/ /************ SEARCH TOOLS ************/
/*********************************************/ /*********************************************/
/************ PERSON AND ARTWORK ************/ /************ PERSON AND ARTWORK ************/
/*******************************************/ /*******************************************/

8
templates/browsebycategory.html

@ -2,10 +2,10 @@
{% block content %} {% block content %}
<div id="browsebycategory-listcategories"> <div id="browsebycategory-listcategories">
<div class="browsebycategory-categories"><a href="{{ url_for('artistsindex') }}">BROWSE BY CREATOR/CONTRIBUTOR</a></div> <div class="browsebycategory-categories primary-button"><a href="{{ url_for('artistsindex') }}">BROWSE BY CREATOR/CONTRIBUTOR</a></div>
<div class="browsebycategory-categories"><a href="{{ url_for('publishersindex') }}">BROWSE BY PUBLISHER</a></div> <div class="browsebycategory-categories primary-button"><a href="{{ url_for('publishersindex') }}">BROWSE BY PUBLISHER</a></div>
<div class="browsebycategory-categories"><a href="{{ url_for('selfpublishedindex') }}">BROWSE ALL SELF-PUBLISHED</a></div> <div class="browsebycategory-categories primary-button"><a href="{{ url_for('selfpublishedindex') }}">BROWSE ALL SELF-PUBLISHED</a></div>
<div class="browsebycategory-categories"><a href="{{ url_for('zinesindex') }}">BROWSE ALL ZINES</a></div> <div class="browsebycategory-categories primary-button"><a href="{{ url_for('zinesindex') }}">BROWSE ALL ZINES</a></div>
<div>More categories coming soon...</div> <div>More categories coming soon...</div>
</div> </div>

Loading…
Cancel
Save