smallsolar/libkiwix
1
0
Fork 0
mirror of https://github.com/kiwix/libkiwix.git synced 2025-06-26 10:11:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Import book tiles

Browse Source 
Tries to copy the same design of tiles as main page with javascript enabled
This commit is contained in:
Nikhil Tanwar
2023-02-13 04:35:53 +05:30
parent dca47d35f7
commit 6071b98fb7
2 changed files with 42 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
static/templates/no_js_library_page.html
View File

@ -29,12 +29,39 @@
font-family: "roboto";
src: url("{{root}}/skin/fonts/Roboto.ttf?KIWIXCACHEID") format("truetype");
}
.book__list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.book__wrapper:hover {
transform: scale(1.0);
}
</style>
</head>
<body>
VERY REAL TEST :))))))))
{{#books}}
<div>{{name}}</div>
{{/books}}
<div class="kiwixHomeBody">
<div class="book__list">
{{#books}}
<div class="book__wrapper">
<a class="book__link" href="#" title="Preview" aria-label="Preview">
<div class="book__link__wrapper">
<div class="book__icon" {{faviconAttr}}></div>
<div class="book__header">
<div id="book__title">{{title}}</div>
</div>
<div class="book__description" title="{{description}}">{{description}}</div>
</div>
</a>
<div class="book__languageTag" {{languageAttr}}>{{langCode}}</div>
<div class="book__tags"><div class="book__tags--wrapper">TO DO: TAGS</div>
</div>
</div>
{{/books}}
</div>
</div>
</body>
</html>