Add 100% banner (#11)

* update parcel

* update discord link

* 100% banner
This commit is contained in:
Alex Bates 2023-04-19 20:55:54 +01:00 committed by GitHub
parent 7e64685f8b
commit e84ca21a21
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 55 additions and 5 deletions

View File

@ -11,7 +11,7 @@
"uplot": "^1.6.24"
},
"devDependencies": {
"parcel-bundler": "^1.12.4",
"parcel-bundler": "^1.12.5",
"postcss-preset-env": "^6.7.0"
},
"license": "MIT"

BIN
src/100.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

View File

@ -25,9 +25,10 @@ html {
}
body {
height: 100vh;
height: 100%;
min-height: 100vh;
margin: 0;
padding: 1vw 1vh;
padding: 0;
overflow: hidden;
background-image: url(bg/mrn-clouds.png);
@ -37,6 +38,7 @@ body {
/* centre children */
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@ -179,6 +181,9 @@ button:hover, .tab:hover {
max-width: 1600px;
height: 100%;
max-height: 1100px;
flex-grow: 1;
padding: 1vw 1vh;
}
@media (min-width: 2100px) {
@ -467,3 +472,25 @@ button.shadow-box-title {
height: 1px;
overflow: hidden;
}
#banner {
width: 100%;
min-height: 6em;
color: white;
background-color: #518bff;
background-image: url(bg/red-checker.png);
padding: 0.5em;
display: flex;
align-items: center;
justify-content: space-around;
}
/* hide mobile */
@media (max-width: 800px) {
#banner {
display: none;
}
}

View File

@ -12,6 +12,29 @@
</head>
<body>
<div id="banner">
<img src="100.png" alt="Paper Mario logo modified to say 'Decomp 100%!'"/>
<div>
<b>We have reached 100% on the US release!</b><br />
Paper Mario is the 3rd N64-exclusive game to be fully decompiled (after SM64 and OOT).</br >
The team is immensely grateful to all contributors and supporters - thank you!<br />
</div>
<button id="close-banner" class="red">Dismiss</button>
</div>
<div id="container"></div>
<script>
// Banner close button handler
const banner = document.getElementById("banner")
console.log(localStorage["100bannerclosed"])
if (localStorage["100bannerclosed"]) {
banner.remove()
} else {
document.getElementById("close-banner").addEventListener("click", () => {
banner.remove()
localStorage["100bannerclosed"] = true
})
}
</script>
</body>
</html>

View File

@ -171,7 +171,7 @@ function App() {
{tab.name}
</a>
})}
<a className="tab blurple inactive" href="https://discord.gg/urUm3VG">
<a className="tab blurple inactive" href="https://discord.gg/paper-mario-modding-279322074412089344">
Discord
</a>
<a className="tab github inactive" href="https://github.com/pmret/papermario">

View File

@ -3856,7 +3856,7 @@ pako@~1.0.5:
resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
parcel-bundler@^1.12.4:
parcel-bundler@^1.12.5:
version "1.12.5"
resolved "https://registry.yarnpkg.com/parcel-bundler/-/parcel-bundler-1.12.5.tgz#91f7de1c1fbfe5111616d3211c749c85c4d8acf0"
integrity sha512-hpku8mW67U6PXQIenW6NBbphBOMb8XzW6B9r093DUhYj5GN2FUB/CXCiz5hKoPYUsusZ35BpProH8AUF9bh5IQ==