Add better NoScript warning
This commit is contained in:
malik
parent
88fa02bae7
commit
b4955534c6
|
|
@ -12,6 +12,15 @@
|
|||
<body>
|
||||
|
||||
<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">
|
||||
<img src="webicons/logo.png" class="logo">
|
||||
|
||||
|
|
|
|||
|
|
@ -12,6 +12,15 @@
|
|||
<body>
|
||||
|
||||
<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">
|
||||
<img src="../webicons/logo.png" class="logo">
|
||||
|
||||
|
|
|
|||
|
|
@ -12,6 +12,15 @@
|
|||
<body>
|
||||
|
||||
<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">
|
||||
<img src="../webicons/logo.png" class="logo">
|
||||
|
||||
|
|
|
|||
|
|
@ -12,6 +12,15 @@
|
|||
<body>
|
||||
|
||||
<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">
|
||||
<img src="../webicons/logo.png" class="logo">
|
||||
|
||||
|
|
|
|||
|
|
@ -12,6 +12,15 @@
|
|||
<body>
|
||||
|
||||
<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">
|
||||
<img src="webicons/logo.png" class="logo">
|
||||
|
||||
|
|
|
|||
|
|
@ -22,6 +22,34 @@
|
|||
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 {
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
|
|
@ -324,10 +352,12 @@ table tr td{
|
|||
width: 100%;
|
||||
box-shadow: 10px 10px 10px;
|
||||
color:black;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
#fullpic img{
|
||||
width: 100%;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width:900px){
|
||||
|
|
|
|||
|
|
@ -12,6 +12,15 @@
|
|||
<body>
|
||||
|
||||
<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">
|
||||
<img src="webicons/logo.png" class="logo">
|
||||
|
||||
|
|
|
|||
11
index.html
11
index.html
|
|
@ -12,6 +12,15 @@
|
|||
<body>
|
||||
|
||||
<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">
|
||||
<img src="webicons/logo.png" class="logo">
|
||||
|
||||
|
|
@ -34,7 +43,7 @@
|
|||
<div class="content">
|
||||
<div class="row">
|
||||
<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>
|
||||
<p id="welcome1"></p>
|
||||
<br>
|
||||
|
|
|
|||
|
|
@ -12,6 +12,15 @@
|
|||
<body>
|
||||
|
||||
<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">
|
||||
<img src="webicons/logo.png" class="logo">
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue