I am having some difficulty getting the cover of a book I purchased to show on my Nook Simple Touch. I am editing the cover page in Sigil and it looks like this. All I'm trying to do is make the cover full screen as much as the nook will allow by using SVG but it doesn't show.
Code:
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="../Styles/LD.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body.sgc-2 {margin: 0.00em;}
</style>
</head>
<body class="sgc-2">
<div id="coverpage">
<p class="center"> </p>
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveaspectratio="xMidYMid meet" version="1.1" viewbox="0 0 523 712" width="100%" xlink="http://www.w3.org/1999/xlink">
<image height="712" href="../Images/cover.jpg" width="523"></image>
</svg>
</div>
<p class="breakhere"> </p>
</body>
</html>