PrivateCoffee/wishthis
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Clarify wishthis advantages

Browse source
This commit is contained in:
grandeljay 2022-11-30 10:15:02 +01:00
parent 04db8620a6
commit 9dfe4e1bfd
2 changed files with 28 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/assets/js/home.js
View file

@ -1,4 +1,19 @@
$(function() {
/**
* Popups
*/
const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
/** Why wishthis? */
popup_settings_why_wishthis = {
'position' : 'top center',
'variation' : isDarkMode ? '' : 'inverted',
'hoverable' : true,
};
$('[data-content]').popup(popup_settings_why_wishthis);
$('[data-html]').popup(popup_settings_why_wishthis);
/**
* Statistics
*/
@ -106,5 +121,6 @@ function showStatistic(elementStatistic, amount, timeout, modified) {
'content' : modified,
'position' : 'right center',
'variation' : isDarkMode ? '' : 'inverted',
'hoverable' : true,
});
}

15
src/pages/home.php
View file

@ -103,13 +103,22 @@ $page->navigation();
<p><?= __('As a non-commercial project it remains') ?></p>
<div class="flex why-wishthis">
<ul class="ui list">
<li class="item">
<li class="item" data-content="<?= __('unless you want them') ?>">
<i class="green check icon" aria-hidden="true"></i>
<div class="content"><?= __('free of advertisements') ?></div>
</li>
<li class="item">
<?php
$popup_html = sprintf(
/** TRANSLATORS: %s: plausible */
__('see %s'),
'<a href=\'https://plausible.io\' target=\'_blank\'>' . __('plausible') . ' <i class=\'external alternate icon\'></i></a>'
);
?>
<li class="item" data-html="<?= $popup_html ?>">
<i class="green check icon" aria-hidden="true"></i>
<div class="content"><?= __('without tracking') ?></div>
<div class="content">
<?= __('without intrusive tracking') ?>
</div>
</li>
</ul>
<ul class="ui list">