Added message when JavaScript disabled

This commit is contained in:
Stone-Red-Code
2021-01-07 16:21:47 +01:00
parent 03852af5d4
commit 13d0a69857
2 changed files with 25 additions and 17 deletions
+5 -6
View File
@@ -1,13 +1,12 @@
$.get("footer.html", function (data) { $.get("header.html", function (data) {
$("#footer-placeholder").replaceWith(data); $("#header-placeholder").replaceWith(data);
document.getElementById('header-title').innerHTML = document.querySelector('title').textContent;
}); });
$.get("nav.html", function (data) { $.get("nav.html", function (data) {
$("#nav-placeholder").replaceWith(data); $("#nav-placeholder").replaceWith(data);
}); });
$.get("header.html", function (data) { $.get("footer.html", function (data) {
$("#header-placeholder").replaceWith(data); $("#footer-placeholder").replaceWith(data);
document.getElementById('header-title').innerHTML = document.querySelector('title').textContent;
}); });
+10 -1
View File
@@ -8,6 +8,14 @@
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<noscript>
<h1 style="background-color: red;">IF YOU CAN READ THIS ENABLE JAVASCRIPT!<h1>
<style type="text/css">
.main {
display: none;
}
</style>
</noscript>
</head> </head>
<body> <body>
@@ -37,7 +45,8 @@
<div class="jumbotron"> <div class="jumbotron">
<h2>About this site</h2> <h2>About this site</h2>
<p>This site is not finished and it's still being worked on.<br> <p>This site is not finished and it's still being worked on.<br>
Keep in mind, some things here are just placeholders and will be eventually replaced or removed.<br> Keep in mind, some things here are just placeholders and will be eventually replaced or
removed.<br>
On this page I will post all my current projects and updates. On this page I will post all my current projects and updates.
</p> </p>
</div> </div>