Add better NoScript warning
This commit is contained in:
parent
88fa02bae7
commit
b4955534c6
|
@ -12,6 +12,15 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<noscript>
|
||||||
|
<div id="no-script">
|
||||||
|
<h1>Warning!</h1>
|
||||||
|
<p>You have JavaScript deactivated, silly ;) This site doesn't work probably without JavaScript.<br>All my code is Open-Source, check it out if you want to know what script my site uses.</p>
|
||||||
|
<br>
|
||||||
|
<a href="https://github.com/malikwachter/mawacode.de/tree/main/js">Link to the source code</a>
|
||||||
|
</div>
|
||||||
|
</noscript>
|
||||||
|
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<img src="webicons/logo.png" class="logo">
|
<img src="webicons/logo.png" class="logo">
|
||||||
|
|
||||||
|
|
|
@ -12,6 +12,15 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<noscript>
|
||||||
|
<div id="no-script">
|
||||||
|
<h1>Warning!</h1>
|
||||||
|
<p>You have JavaScript deactivated, silly ;) This site doesn't work probably without JavaScript.<br>All my code is Open-Source, check it out if you want to know what script my site uses.</p>
|
||||||
|
<br>
|
||||||
|
<a href="https://github.com/malikwachter/mawacode.de/tree/main/js">Link to the source code</a>
|
||||||
|
</div>
|
||||||
|
</noscript>
|
||||||
|
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<img src="../webicons/logo.png" class="logo">
|
<img src="../webicons/logo.png" class="logo">
|
||||||
|
|
||||||
|
|
|
@ -12,6 +12,15 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<noscript>
|
||||||
|
<div id="no-script">
|
||||||
|
<h1>Warning!</h1>
|
||||||
|
<p>You have JavaScript deactivated, silly ;) This site doesn't work probably without JavaScript.<br>All my code is Open-Source, check it out if you want to know what script my site uses.</p>
|
||||||
|
<br>
|
||||||
|
<a href="https://github.com/malikwachter/mawacode.de/tree/main/js">Link to the source code</a>
|
||||||
|
</div>
|
||||||
|
</noscript>
|
||||||
|
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<img src="../webicons/logo.png" class="logo">
|
<img src="../webicons/logo.png" class="logo">
|
||||||
|
|
||||||
|
|
|
@ -12,6 +12,15 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<noscript>
|
||||||
|
<div id="no-script">
|
||||||
|
<h1>Warning!</h1>
|
||||||
|
<p>You have JavaScript deactivated, silly ;) This site doesn't work probably without JavaScript.<br>All my code is Open-Source, check it out if you want to know what script my site uses.</p>
|
||||||
|
<br>
|
||||||
|
<a href="https://github.com/malikwachter/mawacode.de/tree/main/js">Link to the source code</a>
|
||||||
|
</div>
|
||||||
|
</noscript>
|
||||||
|
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<img src="../webicons/logo.png" class="logo">
|
<img src="../webicons/logo.png" class="logo">
|
||||||
|
|
||||||
|
|
|
@ -12,6 +12,15 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<noscript>
|
||||||
|
<div id="no-script">
|
||||||
|
<h1>Warning!</h1>
|
||||||
|
<p>You have JavaScript deactivated, silly ;) This site doesn't work probably without JavaScript.<br>All my code is Open-Source, check it out if you want to know what script my site uses.</p>
|
||||||
|
<br>
|
||||||
|
<a href="https://github.com/malikwachter/mawacode.de/tree/main/js">Link to the source code</a>
|
||||||
|
</div>
|
||||||
|
</noscript>
|
||||||
|
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<img src="webicons/logo.png" class="logo">
|
<img src="webicons/logo.png" class="logo">
|
||||||
|
|
||||||
|
|
|
@ -22,6 +22,34 @@
|
||||||
padding-right: 8%;
|
padding-right: 8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#no-script{
|
||||||
|
backdrop-filter: blur(10px) saturate(100%);
|
||||||
|
-webkit-backdrop-filter: blur(10px) saturate(100%);
|
||||||
|
background-color: rgba(180, 0, 0, 0.5);
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.125);
|
||||||
|
text-align: center;
|
||||||
|
padding: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#no-script a{
|
||||||
|
color: #bbadbe;
|
||||||
|
font-size: 100%;
|
||||||
|
padding: 5px;
|
||||||
|
text-decoration: none;
|
||||||
|
box-shadow: 5px 5px 5px black;
|
||||||
|
|
||||||
|
backdrop-filter: blur(10px) saturate(100%);
|
||||||
|
-webkit-backdrop-filter: blur(10px) saturate(100%);
|
||||||
|
background-color: rgba(130, 0, 0, 0.5);
|
||||||
|
border-radius: 0 12px 0 12px;
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.125);
|
||||||
|
}
|
||||||
|
|
||||||
|
#no-script a:hover{
|
||||||
|
color: #af83b9;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -324,10 +352,12 @@ table tr td{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-shadow: 10px 10px 10px;
|
box-shadow: 10px 10px 10px;
|
||||||
color:black;
|
color:black;
|
||||||
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#fullpic img{
|
#fullpic img{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width:900px){
|
@media only screen and (max-width:900px){
|
||||||
|
|
|
@ -12,6 +12,15 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<noscript>
|
||||||
|
<div id="no-script">
|
||||||
|
<h1>Warning!</h1>
|
||||||
|
<p>You have JavaScript deactivated, silly ;) This site doesn't work probably without JavaScript.<br>All my code is Open-Source, check it out if you want to know what script my site uses.</p>
|
||||||
|
<br>
|
||||||
|
<a href="https://github.com/malikwachter/mawacode.de/tree/main/js">Link to the source code</a>
|
||||||
|
</div>
|
||||||
|
</noscript>
|
||||||
|
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<img src="webicons/logo.png" class="logo">
|
<img src="webicons/logo.png" class="logo">
|
||||||
|
|
||||||
|
|
11
index.html
11
index.html
|
@ -12,6 +12,15 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<noscript>
|
||||||
|
<div id="no-script">
|
||||||
|
<h1>Warning!</h1>
|
||||||
|
<p>You have JavaScript deactivated, silly ;) This site doesn't work probably without JavaScript.<br>All my code is Open-Source, check it out if you want to know what script my site uses.</p>
|
||||||
|
<br>
|
||||||
|
<a href="https://github.com/malikwachter/mawacode.de/tree/main/js">Link to the source code</a>
|
||||||
|
</div>
|
||||||
|
</noscript>
|
||||||
|
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<img src="webicons/logo.png" class="logo">
|
<img src="webicons/logo.png" class="logo">
|
||||||
|
|
||||||
|
@ -34,7 +43,7 @@
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-1">
|
<div class="col-1">
|
||||||
<h1 id="welcometitle">Looks like you have JavaScript deactivated. Please activate JavaScript. My entire JavaScript is Open-Source btw. https://github.com/malikwachter/mawacode.de/blob/main/js/lang.js</h1>
|
<h1 id="welcometitle"></h1>
|
||||||
<br>
|
<br>
|
||||||
<p id="welcome1"></p>
|
<p id="welcome1"></p>
|
||||||
<br>
|
<br>
|
||||||
|
|
|
@ -12,6 +12,15 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<noscript>
|
||||||
|
<div id="no-script">
|
||||||
|
<h1>Warning!</h1>
|
||||||
|
<p>You have JavaScript deactivated, silly ;) This site doesn't work probably without JavaScript.<br>All my code is Open-Source, check it out if you want to know what script my site uses.</p>
|
||||||
|
<br>
|
||||||
|
<a href="https://github.com/malikwachter/mawacode.de/tree/main/js">Link to the source code</a>
|
||||||
|
</div>
|
||||||
|
</noscript>
|
||||||
|
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<img src="webicons/logo.png" class="logo">
|
<img src="webicons/logo.png" class="logo">
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue