mirror of
https://github.com/kiwix/libkiwix.git
synced 2025-06-26 18:21:29 +00:00
af27141320
The new file kiwix.css is intended to host the intersection of index.css and taskbar.css. In this commit only font definitions have been moved into it.
146 lines
5.4 KiB
HTML
146 lines
5.4 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<link type="root" href="{{root}}">
|
|
<title>{{translations.welcome-to-kiwix-server}}</title>
|
|
<link
|
|
type="text/css"
|
|
href="{{root}}/skin/kiwix.css?KIWIXCACHEID"
|
|
rel="Stylesheet"
|
|
/>
|
|
<link
|
|
type="text/css"
|
|
href="{{root}}/skin/index.css?KIWIXCACHEID"
|
|
rel="Stylesheet"
|
|
/>
|
|
<link rel="apple-touch-icon" sizes="180x180" href="{{root}}/skin/favicon/apple-touch-icon.png?KIWIXCACHEID">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="{{root}}/skin/favicon/favicon-32x32.png?KIWIXCACHEID">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="{{root}}/skin/favicon/favicon-16x16.png?KIWIXCACHEID">
|
|
<link rel="manifest" href="{{root}}/skin/favicon/site.webmanifest?KIWIXCACHEID">
|
|
<link rel="mask-icon" href="{{root}}/skin/favicon/safari-pinned-tab.svg?KIWIXCACHEID" color="#5bbad5">
|
|
<link rel="shortcut icon" href="{{root}}/skin/favicon/favicon.ico?KIWIXCACHEID">
|
|
<meta name="msapplication-TileColor" content="#da532c">
|
|
<meta name="msapplication-config" content="{{root}}/skin/favicon/browserconfig.xml?KIWIXCACHEID">
|
|
<meta name="theme-color" content="#ffffff">
|
|
<style>
|
|
@font-face {
|
|
font-family: "poppins";
|
|
src: url("{{root}}/skin/fonts/Poppins.ttf?KIWIXCACHEID") format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
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);
|
|
}
|
|
|
|
.tag__link {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.book__link__wrapper {
|
|
grid-column: 1 / 3;
|
|
grid-row: 1 / 3;
|
|
}
|
|
|
|
.book__link {
|
|
grid-row: 2 / 3;
|
|
}
|
|
|
|
.kiwixHomeBody__results {
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
#book__title>a, .book__download a {
|
|
text-decoration: none;
|
|
all: unset;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class='kiwixNav'>
|
|
<div class="kiwixNav__filters">
|
|
<div class="kiwixNav__select">
|
|
<select name="lang" id="languageFilter" class='kiwixNav__kiwixFilter filter' form="kiwixSearchForm">
|
|
<option value="" selected>{{translations.book-filtering-all-languages}}</option>
|
|
{{#languages}}
|
|
<option value="{{lang_code}}"{{#selected}} selected {{/selected}}>{{lang_self_name}}</option>
|
|
{{/languages}}
|
|
</select>
|
|
</div>
|
|
<div class="kiwixNav__select">
|
|
<select name="category" id="categoryFilter" class='kiwixNav__kiwixFilter filter' form="kiwixSearchForm">
|
|
<option value="">{{translations.book-filtering-all-categories}}</option>
|
|
{{#categories}}
|
|
<option value="{{name}}"{{#selected}} selected {{/selected}}>{{hf_name}}</option>
|
|
{{/categories}}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<form id='kiwixSearchForm' class='kiwixNav__SearchForm' action="{{root}}/nojs">
|
|
<input type="text" name="q" placeholder="{{translations.search}}" id="searchFilter" class='kiwixSearch filter' value="{{searchQuery}}">
|
|
<input type="submit" class="kiwixButton kiwixButtonHover" value="{{translations.search}}"/>
|
|
</form>
|
|
</div>
|
|
<div class="kiwixHomeBody">
|
|
{{#noResults}}
|
|
<style>
|
|
.book__list {
|
|
display: none;
|
|
}
|
|
.kiwixHomeBody {
|
|
justify-content: center;
|
|
}
|
|
.noResults {
|
|
font-size: 16px;
|
|
font-family: roboto;
|
|
}
|
|
</style>
|
|
<div class="noResults">
|
|
{{{translations.welcome-page-overzealous-filter}}}
|
|
</div>
|
|
</style>
|
|
{{/noResults}}
|
|
<div class="book__list">
|
|
<h3 class="kiwixHomeBody__results">{{translations.count-of-matching-books}}</h3>
|
|
{{#books}}
|
|
<div class="book__wrapper">
|
|
<div class="book__link__wrapper">
|
|
<div class="book__icon" {{faviconAttr}}></div>
|
|
<div class="book__header">
|
|
<div id="book__title"><a href="{{root}}/content/{{id}}">{{title}}</a></div>
|
|
{{#downloadAvailable}}
|
|
<div class="book__download"><span><a href="{{root}}/nojs/download/{{id}}">{{translations.download}}</a></span></div>
|
|
{{/downloadAvailable}}
|
|
</div>
|
|
<a class="book__link" href="{{root}}/content/{{id}}" title="{{translations.preview-book}}" aria-label="{{translations.preview-book}}">
|
|
<div class="book__description" title="{{description}}">{{description}}</div>
|
|
</a>
|
|
</div>
|
|
<div class="book__languageTag" {{languageAttr}}>{{langCode}}</div>
|
|
<div class="book__tags"><div class="book__tags--wrapper">
|
|
{{#tagList}}
|
|
<span class="tag__link" aria-label='{{tag}}' title='{{tag}}'>{{tag}}</span>
|
|
{{/tagList}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/books}}
|
|
</div>
|
|
</div>
|
|
<div id="kiwixfooter" class="kiwixfooter">{{{translations.powered-by-kiwix-html}}}</div>
|
|
</body>
|
|
</html>
|