mirror of
https://github.com/pmret/website.git
synced 2024-11-08 12:12:27 +01:00
add FAQ
This commit is contained in:
alex
parent
3d8176a31d
commit
db65fe7d90
@ -27,7 +27,8 @@ html {
|
||||
body {
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding: 1vw 1vh;
|
||||
overflow: hidden;
|
||||
|
||||
background-image: url(bg/mrn-clouds.png);
|
||||
background-repeat: repeat-x;
|
||||
@ -38,8 +39,6 @@ body {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
padding: 1vw 1vh;
|
||||
}
|
||||
|
||||
@keyframes clouds {
|
||||
@ -218,9 +217,9 @@ main {
|
||||
|
||||
@media (max-width: 800px) {
|
||||
main {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
padding-top: 0;
|
||||
padding-left: .2em;
|
||||
padding-right: .2em;
|
||||
padding-top: .2em;
|
||||
}
|
||||
}
|
||||
|
||||
@ -229,8 +228,8 @@ main > :last-child {
|
||||
}
|
||||
|
||||
main.red {
|
||||
background-color: #e2b6b3;
|
||||
background-image: url(bg/red-checker.png);
|
||||
background-color: #d29090;
|
||||
/*background-image: url(bg/red-checker.png);*/
|
||||
}
|
||||
|
||||
main.yellow {
|
||||
@ -284,7 +283,7 @@ main > * {
|
||||
.shadow-box {
|
||||
padding: .5em;
|
||||
margin: .3em;
|
||||
margin-bottom: .5em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@ -373,13 +372,17 @@ button.shadow-box-title {
|
||||
--text-outline: var(--light);
|
||||
}
|
||||
|
||||
.no-outline {
|
||||
--text-outline: transparent;
|
||||
}
|
||||
|
||||
.thin {
|
||||
font-weight: 400;
|
||||
text-shadow: var(--text-outline) 2px 0px 0px, var(--text-outline) 1.75517px 0.958851px 0px, var(--text-outline) 1.0806px 1.68294px 0px, var(--text-outline) 0.141474px 1.99499px 0px, var(--text-outline) -0.832294px 1.81859px 0px, var(--text-outline) -1.60229px 1.19694px 0px, var(--text-outline) -1.97998px 0.28224px 0px, var(--text-outline) -1.87291px -0.701566px 0px, var(--text-outline) -1.30729px -1.5136px 0px, var(--text-outline) -0.421592px -1.95506px 0px, var(--text-outline) 0.567324px -1.91785px 0px, var(--text-outline) 1.41734px -1.41108px 0px, var(--text-outline) 1.92034px -0.558831px 0px;
|
||||
}
|
||||
|
||||
.flex-row { display: flex; flex-direction: row }
|
||||
.flex-grow { flex: 1; height: 0 }
|
||||
.flex-grow { flex: 1 }
|
||||
.flex-spacer { width: 1em; height: 1em }
|
||||
|
||||
.align-right { text-align: right }
|
||||
@ -414,3 +417,48 @@ button.shadow-box-title {
|
||||
.avatar:hover {
|
||||
filter: brightness(1.0);
|
||||
}
|
||||
|
||||
.prose {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
color: #000000aa;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 400;
|
||||
--text-outline: transparent;
|
||||
line-height: 1.4;
|
||||
text-align: justify;
|
||||
|
||||
max-width: 60ch;
|
||||
margin: auto;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.prose a:any-link {
|
||||
color: #f9e3e3;
|
||||
--text-outline: transparent;
|
||||
}
|
||||
|
||||
.prose a:any-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.prose p {
|
||||
margin-top: .2em;
|
||||
}
|
||||
|
||||
.prose h3 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 100em) {
|
||||
.prose {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
max-width: 100%;
|
||||
gap: 2em;
|
||||
}
|
||||
|
||||
.prose-col {
|
||||
width: 60em;
|
||||
flex-grow: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width"/>
|
||||
<title>Paper Mario Decompilation</title>
|
||||
<title>papermario</title>
|
||||
|
||||
<link rel="stylesheet" href="index.css"/>
|
||||
<script async defer src="main.jsx"></script>
|
||||
|
||||
62
src/main.jsx
62
src/main.jsx
@ -10,11 +10,63 @@ const tabs = [
|
||||
slug: "/",
|
||||
name: "Info",
|
||||
color: "red",
|
||||
pane: () => <div>
|
||||
<p className="outline-invert">
|
||||
Welcome to the Paper Mario decompilation site!
|
||||
</p>
|
||||
</div>,
|
||||
pane: () => <div className="prose">
|
||||
<div className="prose-col">
|
||||
<h3>What is this?</h3>
|
||||
<p>
|
||||
<a href="https://github.com/pmret/papermario">papermario</a> is an ongoing project to reverse-engineer the sourcecode for <a href="https://wikipedia.org/wiki/Paper_Mario_(video_game)">Paper Mario</a> on the Nintendo 64. The game's assembly code is manually decompiled into C source code. We also split out assets (such as backgrounds, sprites, maps, and text) from an original game copy into more modern formats. The C code and assets can then be <i>recompiled</i> to create a 1-to-1 ("matching") copy of the game.
|
||||
</p>
|
||||
|
||||
<h3>Why?</h3>
|
||||
<p>
|
||||
Different contributors have their own reasons for decompiling Paper Mario.<br/>
|
||||
These include:
|
||||
</p>
|
||||
<ul>
|
||||
<li>Preserving the game</li>
|
||||
<li>Learning more about how the game was engineered</li>
|
||||
<li>Helping speedrunners and glitch-hunters understand why bugs occur</li>
|
||||
<li>Making engine mods easier to create</li>
|
||||
<li>Because its a fun puzzle</li>
|
||||
</ul>
|
||||
|
||||
<h3>How completed is it?</h3>
|
||||
<p>
|
||||
We are currently focusing on decompiling the US release of the game, because it is the version that has had the most reverse-engineering work put into it. JP is supported as a proof-of-concept, while EU will come later.
|
||||
</p>
|
||||
<p>
|
||||
<a href="/progress-us">View the progress chart ›</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="prose-col">
|
||||
<h3>Would a PC port be possible?</h3>
|
||||
<p>
|
||||
Yes! Eventually.
|
||||
</p>
|
||||
<p>
|
||||
Completed decompilations, such as <a href="https://github.com/n64decomp/sm64">sm64</a>, have enjoyed efforts to port the game to other platforms. For papermario, a PC port is largely infeasible until much much more of the game's code is decompiled.
|
||||
</p>
|
||||
|
||||
<h3>Can I make mods with this?</h3>
|
||||
<p>
|
||||
It's possible, but its not recommended unless you know what you're doing, and really need to be able to make sweeping changes to the core game engine. The Star Rod modding tool is very powerful and allows for quite a lot of flexibility. If you do decide to attempt to use papermario as a base for your mod, Star Rod can be used to view and edit most assets with ease.
|
||||
</p>
|
||||
<p>
|
||||
Currently, papermario is not <a href="https://github.com/pmret/papermario/issues/367">shiftable</a>. In making changes to the source code, data and functions must not be changed in a way that makes them compile to a larger binary, or the game will crash. This makes modding a lot more difficult that it would be if the game was shiftable.
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://discord.gg/urUm3VG">Join the modding Discord server ›</a>
|
||||
</p>
|
||||
|
||||
<h3>How can I help?</h3>
|
||||
<p>
|
||||
<a href="https://github.com/pmret/papermario/blob/master/INSTALL.md">Setup instructions ›</a><br/>
|
||||
<a href="https://github.com/pmret/papermario/blob/master/CONTRIBUTING.md">Decompilation tutorial ›</a><br/>
|
||||
<a href="https://github.com/pmret/papermario/issues">Github issues ›</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
},
|
||||
{
|
||||
slug: "/progress-us",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user