<html>

<!-- For now this is just for testing. -->


<head>

<link href="https://fonts.googleapis.com/css?family=MedievalSharp" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="styles.css">

<title>A Song of Ice and Fire vs. The Accursed Kings</title>

</head>

<body>

<h1><i>A Song of Ice and Fire</i> vs. <i>The Accursed Kings</i></h1>

<div style="float:left;">
<svg id="canvas"/>
<br>
<a href="https://github.com/smpcole/asoiaf-vs-tac">Contribute on GitHub</a>
</div>

<div id="side-panel">

<div id="instructions">
<h2>Instructions</h2>

<ol>
<li>Click on a character from either series to see which characters in the other series they are connected to.</li>
<li>Mouse over the highlighted lines to see explanations of the connections.</li>
</ol>
</div>

</div>

<script src="chars.js"></script>
<script src="blurbs.js"></script>
<script src="d3/d3.min.js" charset="utf-8"></script>
<script src="main.js"></script>

</body>

</html>

<html>

<!-- For now this is just for testing. -->


<head>

<link href="https://fonts.googleapis.com/css?family=MedievalSharp" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="styles.css">

<title>A Song of Ice and Fire vs. The Accursed Kings</title>

</head>

<body>

<h1><i>A Song of Ice and Fire</i> vs. <i>The Accursed Kings</i></h1>

<div style="float:left;">
<svg id="canvas"/>
<br>
<a href="https://github.com/smpcole/asoiaf-vs-tac">Contribute on GitHub</a>
</div>

<div id="side-panel">

<div id="instructions">
<h2>Instructions</h2>

<ol>
<li>Click on a character from either series to see which characters in the other series they are connected to.</li>
<li>Mouse over the highlighted lines to see explanations of the connections.</li>
</ol>
</div>

<div id="selected-char"/>
<div id="connected-char"/>
<div id="connections"/>

</div>

<script src="chars.js"></script>
<script src="blurbs.js"></script>
<script src="d3/d3.min.js" charset="utf-8"></script>
<script src="main.js"></script>

</body>

</html>

Add divs for selected character, connected character, and connections to side panel
Add divs for selected character, connected character, and connections to side panel
