Stone_Red/Stone-Red-Code.github.io
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/Stone-Red-Code.github.io.git synced 2026-09-05 23:41:55 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added message when JavaScript disabled

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
Scripts/loadNavBarAndFooter.js
+6 -7
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; });
});
index.html
+19 -10
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>
@@ -51,15 +60,15 @@
<!--end Footer--> <!--end Footer-->
</div> </div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script> crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"></script> crossorigin="anonymous"></script>
<script src="//code.jquery.com/jquery.min.js"></script> <script src="//code.jquery.com/jquery.min.js"></script>
<script src="Scripts/loadNavBarAndFooter.js"></script> <script src="Scripts/loadNavBarAndFooter.js"></script>
<script src="Scripts/quotes.js"></script> <script src="Scripts/quotes.js"></script>
</body> </body>
</html> </html>