Add specific link for Kiwix RSS Feed

Added an image of rss logo on the welcome page which links to the RSS feed with current filters
This commit is contained in:
Nikhil Tanwar
2023-02-06 05:41:29 +05:30
parent e3a211e41c
commit 6b8f9aa6ab
6 changed files with 24 additions and 6 deletions

View File

@ -1,6 +1,7 @@
skin/caret.png
skin/bittorrent.png
skin/magnet.png
skin/feed.png
skin/download.png
skin/hash.png
skin/search-icon.svg

BIN
static/skin/feed.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 497 B

View File

@ -441,6 +441,13 @@ body {
width: auto;
}
.feedLogo {
margin: 16px 12px 0 0;
height: 30px;
float: right;
border-radius: 5px;
}
@media screen and (max-width: 1100px) {
.kiwixHomeBody {
@ -482,4 +489,8 @@ body {
.kiwixNav__filters {
grid-template-columns: 1fr;
}
.feedLogo {
display: none;
}
}

View File

@ -26,7 +26,9 @@
filteredParams.append(key, value);
}
}
document.querySelector('#feed_link').href = `${root}/catalog/v2/entries?${filteredParams.toString()}`;
const feedLink = `${root}/catalog/v2/entries?${filteredParams.toString()}`;
document.querySelector('#headFeedLink').href = feedLink;
document.querySelector('#feedLink').href = feedLink;
}
function queryUrlBuilder() {

View File

@ -14,7 +14,7 @@
rel="alternate"
type="application/atom+xml"
title="Library OPDS Feed"
id="feed_link"
id="headFeedLink"
href="{{root}}/catalog/v2/entries"
/>
<link rel="apple-touch-icon" sizes="180x180" href="{{root}}/skin/favicon/apple-touch-icon.png?KIWIXCACHEID">
@ -42,6 +42,9 @@
<script type="text/javascript" src="{{root}}/skin/index.js?KIWIXCACHEID" defer></script>
</head>
<body>
<a href="{{root}}/catalog/v2/entries" id="feedLink">
<img src="{{root}}/skin/feed.png?KIWIXCACHEID" class="feedLogo" alt="Library OPDS Feed" aria-label="Library OPDS Feed" title="Library OPDS Feed">
</a>
<div class='kiwixNav'>
<div class="kiwixNav__filters">
<div class="kiwixNav__select">