forked from graememcc/micropolisJS
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 9.68 KB
/
index.html
1
<!DOCTYPE html><html><head><meta charset="utf-8" /><script src="thirdparty/jquery/jquery-2.0.3.min.js"></script><script src="js/polyfills.js"></script><script data-main="js/Main.js" src="thirdparty/requirejs/require.js"></script><link href="css/style.css" media="screen" rel="stylesheet" type="text/css" /><title>micropolisJS</title></head><body><div class="hidden" id="opaque"></div><div id="header"><h1 id="title">micropolisJS</h1><div class="links"><a href="about.html"> About </a><a href="participate.html">Get Involved</a></div></div><div id="container"><div class="canvasWidth table initialHidden" id="infobar"><div class="col info initialHidden"><span id="date">Jan 1900</span></div><div class="col info initialHidden"><span id="funds">$ 20000</span></div><div class="col info initialHidden"><Score><span id="score">0</span></Score></div><div class="col info initialHidden"><span id="cclass">VILLAGE (<span id="population">0</>)</span></div></div><div class="splashWidth" id="splashContainer"><fieldset class="awaitGeneration" id="difficulties"><legend>Difficulty </legend><input checked="checked" id="easy" name="difficulty" type="radio" value="0" /><label for="easy">Easy</label><input id="medium" name="difficulty" type="radio" value="1" /><label for="medium">Medium</label><input id="hard" name="difficulty" type="radio" value="2" /><label for="hard">Hard</label></fieldset><div id="SplashCanvas">Loading...</div><div class="awaitGeneration" id="splashButtons"><button class="splashButton" id="splashGenerate">Generate new map</button><button class="splashButton" id="splashPlay">Play this map</button></div></div><div id="canvasContainer"><div id="MicropolisCanvas"></div></div><div class="initialHidden canvasWidth" id="toolInfo"><span id="toolOutput"> </span></div><div class="initialHidden canvasWidth" id="notifications"></div><div class="canvasWidth initialHidden" id="buttons"><div class="row" id="row1"><button class="toolButton row unselected initialHidden" data-colour="lime" data-size="3" data-tool="residential" id="residentialButton">Residential $100</button><button class="toolButton row unselected initialHidden" data-colour="darkblue" data-size="3" data-tool="police" id="policeButton">Police $500</button><button class="toolButton row unselected initialHidden" data-colour="gray" data-size="4" data-tool="coal" id="coalButton">Coal $3000</button><button class="toolButton row unselected initialHidden" data-colour="khaki" data-size="1" data-tool="wire" id="wireButton">Wire $5</button></div><div class="row" id="row2"><button class="toolButton row unselected initialHidden" data-colour="blue" data-size="3" data-tool="commercial" id="commercialButton">Commercial $100</button><button class="toolButton row unselected initialHidden" data-colour="red" data-size="3" data-tool="fire" id="fireButton">Fire $500</button><button class="toolButton row unselected initialHidden" data-colour="mistyrose" data-size="4" data-tool="nuclear" id="nuclearButton">Nuclear $5000</button><button class="toolButton row unselected initialHidden" data-colour="black" data-size="1" data-tool="road" id="roadButton">Road $10</button></div><div class="row" id="row3"><button class="toolButton row unselected initialHidden" data-colour="yellow" data-size="3" data-tool="industrial" id="industrialButton">Industrial $100</button><button class="toolButton row unselected initialHidden" data-colour="dodgerblue" data-size="4" data-tool="port" id="portButton">Port $3000</button><button class="toolButton row unselected initialHidden" data-colour="indigo" data-size="4" data-tool="stadium" id="stadiumButton">Stadium $5000</button><button class="toolButton row unselected initialHidden" data-colour="brown" data-size="1" data-tool="rail" id="railButton">Rail $20</button></div><div class="row" id="row4"><button class="toolButton row unselected initialHidden" data-colour="darkgreen" data-size="1" data-tool="park" id="parkButton">Park $10</button><button class="toolButton row unselected initialHidden" data-colour="violet" data-size="6" data-tool="airport" id="airportButton">Airport $10000</button><button class="toolButton row unselected initialHidden" data-colour="cyan" data-size="1" data-tool="query" id="queryButton">Query</button><button class="toolButton row unselected initialHidden" data-colour="salmon" data-size="1" data-tool="bulldozer" id="bulldozerButton">Bulldozer $1</button></div></div><div class="initialHidden" id="miscControls"><div class="left" id="RCIContainer"></div><div class="right" id="miscButtons"><div class="table"><div class="row"><button class="miscButton" id="budgetRequest">Budget</button></div><div class="row"><button class="miscButton" id="evalRequest">Evaluation</button></div><div class="row"><button class="miscButton" id="disasterRequest">Disasters</button></div><div class="row"><button class="miscButton" id="pauseRequest">Pause</button></div></div></div><div class="clr"></div></div></div><div class="hidden modal" id="budget"><div class="modalHeader" id="budgetHeader">Budget</div><form id="budgetForm"><div><div class="left" id="taxInfo">Tax Collected: span id="taxesCollected" </div><fieldset class="right"><legend>Roads</legend><input data-source="roadFund" id="roadRate" max="100" min="0" step="1" type="range" /><div><label for="roadRate" id="roadRateLabel">100% of $100 = $100</label></div></fieldset></div><div class="clr"></div><div><div class="left" id="cashInfo">Cashflow: span id="cashFlow" </div><fieldset class="right"><legend>Fire</legend><input data-source="fireFund" id="fireRate" max="100" min="0" step="1" type="range" /><div><label for="fireRate" id="fireRateLabel">100% of $100 = $100</label></div></fieldset></div><div class="clr"></div><div><div class="left" id="previousInfo">Previous funds: span id="previousFunds" </div><fieldset class="right"><legend>Police</legend><input data-source="policeFund" id="policeRate" max="100" min="0" step="1" type="range" /><div><label for="policeRate" id="policeRateLabel">100% of $100 = $100</label></div></fieldset></div><div class="clr"></div><div><div class="left" id="currentInfo">Current funds: span id="currentFunds" </div><fieldset class="right"><legend>Tax</legend><input id="taxRate" max="20" min="0" step="1" type="range" /><div><label for="taxRate" id="taxRateLabel">100% of $100 = $100</label></div></fieldset></div><div class="clr"></div><div><div class="left" id="leftButtons"><button id="budgetReset">Reset</button></div><div class="right" id="budgetRightButtons"><button class="rightButtons" id="budgetCancel">Cancel</button><input class="rightButtons" id="budgetOK" type="submit" value="OK" /></div><div class="clr"></div></div></form></div><div class="hidden modal" id="queryWindow"><div class="modalHeader" id="queryHeader">Query</div><div class="hidden" id="queryDebug"><pre>Tile: <span id="queryTile"></span>TileValue: <span id="queryTileValue"></span>Burnable: <span id="queryTileBurnable"></span>Bulldozable: <span id="queryTileBulldozable"></span>Conductive: <span id="queryTileCond"></span>Animated: <span id="queryTileAnim"></span>Powered: <span id="queryTilePowered"></span>FireStation: <span id="queryFireStationRaw"></span>FireStationEffect: <span id="queryFireStationEffectRaw"></span>PoliceStation: <span id="queryPoliceStationRaw"></span>PoliceStationEffect: <span id="queryPoliceStationEffectRaw"></span>TerrainDensity: <span id="queryTerrainDensityRaw"></span>ComRate: <span id="queryComRateRaw"></span>RateOfGrowth: <span id="queryRateRaw"></span>Pollution: <span id="queryPollutionRaw"></span>Crime: <span id="queryCrimeRaw"></span>LandValue: <span id="queryLandValueRaw"></span>Traffic Density: <span id="queryTrafficDensityRaw"></span>Density: <span id="queryDensityRaw"></span></pre></div><pre>Zone: <span id="queryZoneType"></span>Density: <span id="queryDensity"></span>Value: <span id="queryLandValue"></span>Crime: <span id="queryCrime"></span>Pollution: <span id="queryPollution"></span>Growth: <span id="queryRate"></span></pre><div class="right"><form id="queryForm"><input class="rightButtons" id="queryOK" type="submit" value="OK" /></form></div><div class="clr"></div></div><div class="hidden modal" id="evalWindow"><div class="modalHeader" id="evalHeader">Evaluation</div><pre>Public opinion:Is the mayor doing a good job?:Yes: <span id="evalYes"></span>No: <span id="evalNo"></span>What are the worst problems? <span id="evalProb1"></span><span id="evalProb2"></span><span id="evalProb3"></span><span id="evalProb4"></span>Statistics:Population: <span id="evalPopulation"></span>Net Migration: <span id="evalMigration"></span>Assessed Value: <span id="evalValue"></span>Category: <span id="evalClass"></span>Game Level: <span id="evalLevel"></span>Score: <span id="evalScore"></span>Annual change: <span id="evalScoreDelta"></span></pre><div class="right"><form id="evalForm"></form><input class="rightButtons" id="evalOK" type="submit" value="OK" /></div><div class="clr"></div></div><div class="hidden modal" id="disasterWindow"><div class="modalHeader" id="disasterHeader">Disasters</div><form id="disasterForm"><div id="disasterSelectContainer"></div><label for="disasterSelect" id="disasterLabel">What disaster do you want to befall this unsuspecting world?</label><select id="disasterSelect"><option id="disasterNone" value="None">None</option><option id="disasterMonster" value="Monster">Monster</option><option id="disasterFire" value="None">Fire</option><option id="disasterFlood" value="Flood">Flood</option><option id="disasterCrash" value="Crash">Crash</option><option id="disasterMeltdown" value="Meltdown">Meltdown</option><option id="disasterTornado" value="Tornado">Tornado</option></select></form><div class="right" id="disasterButtons"><button class="rightButtons" id="disasterCancel">Cancel</button><input class="rightButtons" id="disasterOK" type="submit" value="OK" /></div><div class="clr"></div></div></body></html>