Add games list page

This commit is contained in:
Evan Barger 2020-08-07 17:20:53 -04:00
parent 54f173f44e
commit 817c99baa6
3 changed files with 88 additions and 1 deletions

77
games.html Normal file
View File

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Game Boy Nintendo Power ROM Builder</title>
<link rel="shortcut icon" type="image/png" href="img/favicon.png"/>
<meta name="description" content="GBNP is a tool to create new ROMs for the Nintendo Power GB Memory cartridge.">
<meta property="og:description" content="GBNP is a tool to create new ROMs for the Nintendo Power GB Memory cartridge." />
<meta property="og:image" content="https://orangeglo.github.io/gbnp/img/gbnp.png" />
<meta property="og:url" content="https://orangeglo.github.io/gbnp/" />
<meta property="og:site_name" content="Game Boy Nintendo Power Cartridge Builder" />
<meta property="og:type" content="website" />
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>
<h1><img src="img/gbnp.png" alt="GBNP logo" title="GAME BOY Nintendo Power ROM Builder" width="250"/></h1>
<div class='text-container'>
<a href="index.html">Back to GBNP</a><br><br>
Here are some favorite/well-known games that fit nicely on the Nintendo Power Cart. Remember, you get 7 blocks total!
</div>
<div class="flex-row">
<div class="games-flex-item">
<h2>4 Blocks (512KB)</h2>
<section>
<ul>
<li>Donkey Kong</li>
<li>Donkey Kong Land 1, 2, & 3</li>
<li>Kirby's Dream Land 2</li>
<li>Mario Picross 2</li>
<li>Mega Man IV & V</li>
<li>Mole Mania</li>
<li>Pokemon Red/Green (JP Only)</li>
<li>Super Mario Land 2 & 3</li>
<li>Tetris DX</li>
<li>Zelda: Link's Awakening (Not DX)</li>
</ul>
</section>
</div>
<div class="games-flex-item">
<h2>2 Blocks (256KB)</h2>
<section>
<ul>
<li>Bionic Commando</li>
<li>Kid Dracula</li>
<li>Kirby's Dream Land</li>
<li>Mario's Picross</li>
<li>Mega Man I, II, & III</li>
<li>Metroid II: Return of Samus</li>
<li>Trip World</li>
</ul>
</section>
</div>
<div class="games-flex-item">
<h2>1 Block (128KB or less)</h2>
<section>
<ul>
<li>Cave Noire</li>
<li>Dr. Mario</li>
<li>F-1 Race</li>
<li>Gargoyle's Quest</li>
<li>Solar Striker</li>
<li>Super Mario Land</li>
<li>Tetris</li>
</ul>
</section>
</div>
</div>
<footer>
<a href="https://github.com/orangeglo/gbnp">view this project on github</a>
-
by orangeglo (orangeglo#6197 on Discord)
</footer>
</body>
</html>

View File

@ -22,7 +22,7 @@
<h1><img src="img/gbnp.png" alt="GBNP logo" title="GAME BOY Nintendo Power ROM Builder" width="250"/></h1>
<div class='text-container'>
This tool can build the data necessary to flash new games to a <a href="https://en.wikipedia.org/wiki/Nintendo_Power_(cartridge)">Nintendo Power Game Boy cart</a>, as well as the <a href="https://shop.insidegadgets.com/product/gameboy-1mb-128kb-sram-power-cart-multi-game-and-multi-save/">insideGadgets Power Cart</a>. The menu can have up to seven roms, or a total of 896KB of game data. For flashing, I recommend the <a href="https://www.gbxcart.com/">GBxCart</a>.
Not sure what to flash? Check out <a href="https://docs.google.com/spreadsheets/d/18bsOfyVKd7yQ7xBVLJqYLEZPr3ER0pNvLKVGWvP8l7M/edit?usp=sharing">this spreadsheet</a> for some favorite games that fit!
Not sure what to flash? Check out <a href="games.html">this list of favorite/well-known games that fit</a>!
</div>
<noscript>
Looks like you have JS disabled. This tool needs javascript to function!

View File

@ -54,6 +54,11 @@ p {
margin-top: 0;
}
ul {
margin: 0;
padding-left: 10px;
}
footer {
margin-top: 40px;
font-size: 0.75em;
@ -206,3 +211,8 @@ noscript {
max-width: 400px;
margin-right: 20px;
}
.games-flex-item {
min-width: 250px;
margin-right: 20px;
}