public
Last active

Four lines of code to make the DDI Compendium work well on iPad

  • Download Gist
compendium-ipad.html
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- A short title fits on the home screen -->
<title>Compendium</title>
<!-- This is all you really need! -->
<meta name="viewport" content="width=1016,initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- href points to a 72x72 png with no transparency or gloss effect -->
<link rel="apple-touch-icon" href="icon-72x72.png">
<!-- We're done! -->
</head>
<body>
<!-- Replace this with the actual compendium code -->
<iframe src="http://www.wizards.com/dndinsider/compendium/database.aspx"
style="width: 100%; height: 100%; position:absolute; top: 0; left: 0;"
frameborder="0"></iframe>
</body>
</html>

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.