You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
1.6 KiB
Svelte
78 lines
1.6 KiB
Svelte
<div id="no-chromium-head">
|
|
|
|
<style lang="scss">
|
|
#no-chromium-popup {
|
|
z-index: 9999;
|
|
position: fixed;
|
|
display: flex;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
top: 0;
|
|
left: 0;
|
|
background-color: rgba(0, 0, 0, 0.125);
|
|
font-family: Noto Sans, sans serif;
|
|
color: white;
|
|
|
|
.nc-popup-inner {
|
|
display: block;
|
|
position: relative;
|
|
margin: auto;
|
|
background-color: #FF6F00;
|
|
padding: 1em;
|
|
border-radius: 5px;
|
|
|
|
button {
|
|
border-style: none;
|
|
font-weight: bold;
|
|
background-colour: white;
|
|
font-size: 2em;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
margin: 3px;
|
|
color: white;
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
|
|
transition-duration: 0.1s;
|
|
|
|
&.nc-no {
|
|
background-color: #800;
|
|
|
|
&:hover {
|
|
background-color: #B00;
|
|
}
|
|
}
|
|
|
|
&.nc-ok {
|
|
background-color: #080;
|
|
|
|
&:hover {
|
|
background-color: #0B0;
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
|
|
</div>
|
|
|
|
<div id="no-chromium-body">
|
|
|
|
<div id="no-chromium-popup" style="display: none">
|
|
|
|
<div class="nc-popup-inner">
|
|
<center><h1>Stop using Chromium based Web Browsers</h1></center>
|
|
<a href="https://no-chromium.org/redirect"><button class="nc-no">No</button></a>
|
|
<button class="nc-ok" id="no-chromium-hide-button">Ok</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> |