Commit e960bde2 authored by Adnan Ali's avatar Adnan Ali Committed by ironbishop

Javascript (Enalbe-Disable) Message (#181)

with message beauty
parent 03ee2720
......@@ -118,6 +118,34 @@ h3+p, h3+p+p, h3+p+p+p { color:#777; }
#project-details acronym {padding-bottom: 2px; border-bottom: dashed 1px #555; cursor: help;}
/* No Js Enable -> Message */
noscript {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
background: #FFF;
color: #333;
text-shadow: #000 0 0 0;
text-align: center;
z-index: 300;
}
div#errorMsg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
div#errorMsg h4 a {
color: #333;
text-shadow: #000 0 0 0;
text-align: center;
z-index: 300;
}
/* Viewer width ≥ 800px */
@media screen and (min-width: 800px) {
......
......@@ -19,6 +19,13 @@
<script type="text/javascript" src="js/prefixfree.min.js"></script>
</head>
<body>
<noscript>
<div class="errorMsg" id="errorMsg">
<h1>Ooops!</h1>
<h4><a href="https://www.enable-javascript.com/" target="_blank">Javascript is Disabled, please Enable Javascript to see the Content</a></h4>
</div>
</noscript>
<h1><a href="http://libreprojects.net"><img src="images/favicon-touch.png" alt="" /><span>Libre Projects</span></a></h1>
<p><span id="nb-projects"></span> <span class="translatable">open source hosted web services</span></p>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment