add little nav menu for categorizations
This commit is contained in:
		
							parent
							
								
									666c6d3acf
								
							
						
					
					
						commit
						fba8cbdcc7
					
				
					 2 changed files with 11 additions and 1 deletions
				
			
		|  | @ -6,10 +6,19 @@ body { | ||||||
| 
 | 
 | ||||||
| /* listing stuff */ | /* listing stuff */ | ||||||
| 
 | 
 | ||||||
| #list-title { | #list-title, nav { | ||||||
|     text-align: center; |     text-align: center; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | .nav { | ||||||
|  |     display: flex; | ||||||
|  |     justify-content: center; | ||||||
|  |     gap: 20px; | ||||||
|  |     font-size: 20px; | ||||||
|  |     font-weight: bold; | ||||||
|  |     margin-bottom: 25px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
| .card-listing { | .card-listing { | ||||||
|     display: flex; |     display: flex; | ||||||
|     flex-wrap: wrap; |     flex-wrap: wrap; | ||||||
|  |  | ||||||
|  | @ -2,6 +2,7 @@ | ||||||
| {% block body %} | {% block body %} | ||||||
| {% from 'utils.html' import root with context %} | {% from 'utils.html' import root with context %} | ||||||
| <h1 id="list-title"><a href="{{ root() }}">DLibrary</a>{% if categorization %} > <a href="{{ root() }}{{ categorization }}">{{ categorization.capitalize() }}</a>{% endif %}{% if title %} > {{ title }}{% endif %}</h1> | <h1 id="list-title"><a href="{{ root() }}">DLibrary</a>{% if categorization %} > <a href="{{ root() }}{{ categorization }}">{{ categorization.capitalize() }}</a>{% endif %}{% if title %} > {{ title }}{% endif %}</h1> | ||||||
|  | <div class="nav">{% for c in ['circles', 'authors', 'tags', 'series'] %}<div class="nav-item"><a href="{{ root() }}{{ c }}">{{ c.capitalize() }}</a></div>{% endfor %}</div> | ||||||
| <div class="card-listing"> | <div class="card-listing"> | ||||||
|   {% for work in works %} |   {% for work in works %} | ||||||
|   <div class="card"> |   <div class="card"> | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue