Fixed no javascript access message page

When the site is viewed without javascript the navbar forever animates
and the opacity of #page-contents is set, thus making the no javascript
message display not acceptable. To get around this a noscript tag in the
header is added that sets specific CSS in the case the there is indeed
no javascript.

Signed-off-by: Collin J. Doering <collin.doering@rekahsoft.ca>
This commit is contained in:
Collin J. Doering 2015-07-03 02:51:48 -04:00
parent 1d8e0a5587
commit 1bc0beefab
1 changed files with 13 additions and 0 deletions

View File

@ -24,6 +24,19 @@
<!-- / %link(rel="apple-touch-icon" href="lib/images/apple-touch-icon.png") -->
<!-- / %link(rel="apple-touch-icon" sizes="72x72" href="lib/images/apple-touch-icon-72x72.png") -->
<!-- / %link(rel="apple-touch-icon" sizes="114x114" href="lib/images/apple-touch-icon-114x114.png") -->
<noscript>
<style>
#page-content.init.loading {
opacity: 1;
height: 100%;
}
#nav.loading {
animation-play-state: paused;
}
</style>
</noscript>
</head>
<body>