add cookie banner in web3 (#32)

This commit is contained in:
Mylloon 2023-08-14 19:37:11 +02:00
parent 2cc1f953ca
commit d96ac49b3a
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
2 changed files with 54 additions and 0 deletions

View file

@ -81,3 +81,40 @@ img {
footer { footer {
text-align: center; text-align: center;
} }
/* Cookie banner */
#cookie .cookie-flag {
display: none;
}
#cookie .cookie-container {
display: block;
pointer-events: none;
position: relative;
}
#cookie .cookie-content {
border: 1px solid white;
background: black;
display: flex;
}
#cookie .cookie-flag:checked ~ .cookie-close,
#cookie .cookie-flag:checked ~ .cookie-content {
display: none;
}
#cookie .cookie-close {
pointer-events: all;
position: absolute;
top: 1rem;
right: 1rem;
font-size: 32px;
cursor: pointer;
}
#cookie-icon {
font-size: 40px;
margin: 1%;
margin-top: 3rem;
}

View file

@ -24,6 +24,23 @@
welcome to my web3 space feel free to send me nfts as jpeg format welcome to my web3 space feel free to send me nfts as jpeg format
</h2> </h2>
<!-- this web3 site doesn't use ANY cookies
can't you bring some next time? -->
<span id="cookie">
<label class="cookie-container">
<input type="checkbox" class="cookie-flag" />
<div class="cookie-content">
<div role="img" id="cookie-icon">🍪</div>
<div>
<h1>this web3 site doesn't use ANY cookies</h1>
<p>can't you bring some next time? ☆*: .。. o(≧▽≦)o .。.:*☆</p>
</div>
</div>
<div role="button" class="cookie-close">✖️</div>
</label>
</span>
<p> <p>
idk if you know but i do love idk if you know but i do love
<img <img