��<!DOCTYPE html> <html lang="en"> <head> <title>JakeBerryman.com</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="css/index.css"> </head> <body> <div class="header"> <h1 class="title">Dynmap's two user interfaces</h1> <ul class="nav"> <li>click one of the boxes below to open dynmap</li> </ul> </div> <div class="row"> <div id="dynmap" class="column"> <a class="mapbutton" href="http:\/\/mc.jakeberryman.com:8078/index.html"> <div class="columnheader"> <h2>Default Dynmap</h2> </div> <div class="subrow"> <div class="subcolumn" style="border-right: solid 1.5px;"> <div class="subcolumnheader"> <h4>Pros</h4> <ul class="columnlist"> <li>Shows train tracks</li> <li>You can see all the trains moving around</li> <li>The default that comes with dynmap</li> </ul> </div> </div> <div class="subcolumn" style="border-left: solid 1.5px;"> <div class="subcolumnheader"> <h4>Cons</h4> </div> <ul class="columnlist"> <li>Harder to use on mobile</li> <li>Bulky pop-out menu</li> <li>Less modern design</li> </ul> </div> </div> </a> </div> <div id="liveatlas" class="column"> <a class="mapbutton" href="http:\/\/mc.jakeberryman.com:8078/liveatlas.html"> <div class="columnheader"> <h2>LiveAtlas</h2> </div> <div class="subrow"> <div class="subcolumn" style="border-right: solid 1.5px;"> <div class="subcolumnheader"> <h4>Pros</h4> </div> <ul class="columnlist"> <li>Easier to use on mobile</li> <li>Overall sleeker look</li> <li>A few more minor features.</li> </ul> </div> <div class="subcolumn" style="border-left: solid 1.5px;"> <div class="subcolumnheader"> <h4>Cons</h4> <ul class="columnlist"> <li>Doesn't show trains.</li> <li>Honestly that should be a dealbreaker right there</li> </ul> </div> </div> </div> </a> </div> </div> <div class="footer"> <p>Jake Berryman 2024</p> </div> </body> </html>