noscript text on welcome page

Added a <noscript> elements which hides everything on the welcome page if javascript is not enabled.
It displays a text to tell the user to navigate to /nojs endpoint
This commit is contained in:
Nikhil Tanwar 2023-03-28 23:24:52 +05:30
parent 208f0f5f69
commit 25f589ee73
1 changed files with 23 additions and 0 deletions

View File

@ -44,6 +44,29 @@
<script type="text/javascript" src="{{root}}/skin/index.js?KIWIXCACHEID" defer></script>
</head>
<body>
<noscript>
<style>
.kiwixNav, .kiwixHomeBody, #feedLink, .kiwixfooter {
display: none;
}
html, body {
height: 100%;
}
.noScriptLinkContainer {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
font-size: 16px;
font-family: roboto;
}
</style>
<div class="noScriptLinkContainer">
<span id="noScriptLinkText">This page cannot be accessed if JavaScript is not enabled. Please head over to <a href="{{root}}/nojs">nojs endpoint.</a></span>
</div>
</noscript>
<div class='kiwixNav'>
<a href="{{root}}/catalog/v2/entries" id="feedLink">
<img src="{{root}}/skin/feed.svg?KIWIXCACHEID"