LBRYCommunity/lbry.tech
1
0
Fork 0
Code Issues 13 Pull requests 8 Projects Releases Packages Wiki Activity

Closes #54

Browse source
This commit is contained in:
ポール ウェッブ 2018-05-24 11:39:10 -05:00
parent 39d15612d0
commit 16f8667801
2 changed files with 52 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
.vuepress/scss/_layout.scss
View file

@ -74,13 +74,21 @@ h1, h2, h3, h4, h5 {
}
.alert {
top: 4rem; left: 0;
background-color: $yellow;
line-height: 1.33;
padding-top: 1rem;
padding-right: env(safe-area-inset-right);
padding-bottom: 1rem;
padding-left: env(safe-area-inset-left);
position: absolute;
text-align: center;
width: 100%;
> div:first-of-type {
position: relative;
}
@media (min-width: 901px) {
font-size: 1rem;
@ -90,7 +98,33 @@ h1, h2, h3, h4, h5 {
font-size: 0.8rem;
}
p, button {
display: inline-block;
}
p {
padding-right: 1rem;
width: calc(100% - 2.25rem);
}
a {
font-weight: 600;
text-decoration: underline;
}
button {
width: 1.25rem; height: 1.25rem;
top: 0; right: 0;
background-color: $white;
border-radius: 50%;
display: block;
font-size: 1rem;
line-height: 1;
margin-right: 1rem;
margin-left: 1rem;
padding-left: 1px;
position: absolute;
text-align: center;
}
}

20
.vuepress/theme/Layout.vue
View file

@ -226,9 +226,10 @@
<EmailSubscribe></EmailSubscribe>
</section>
<section class="alert">
<section class="alert" id="alert-beta">
<div class="inner-wrap">
<strong>This website is in beta.</strong> We are actively developing this website to showcase and teach about the LBRY protocol. All things may not work as expected!<br/>This website is open source and you can <a href="https://github.com/lbryio/lbry.tech" target="_blank">contribute to it on Github</a>.
<p><strong>This website is in beta.</strong> We are actively developing this website to showcase and teach about the LBRY protocol. All things may not work as expected!<br/>This website is open source and you can <a href="https://github.com/lbryio/lbry.tech" target="_blank">contribute to it on Github</a>.</p>
<button id="close-alert">&times;</button>
</div>
</section>
@ -292,6 +293,21 @@ export default {
}
this.$watch('$page', updateMeta)
updateMeta()
// Toggle beta message
if (
localStorage.getItem("hide lbry alert") &&
localStorage.getItem("hide lbry alert") === "true" // cannot set Booleans for some reason
) {
document.querySelector("#alert-beta").style.display = "none";
}
document.querySelector("#close-alert").onclick = function () {
localStorage.setItem("hide lbry alert", true);
document.querySelector("#alert-beta").style.display = "none";
};
},
beforeDestroy () {
updateMetaTags(null, this.currentMetaTags)