Code for embedding Argunet Browser and loading a .graphml file

argument-map.html

<div class="argument-map" id="container">
  <div class="thesis" id="thesis1">
    <h4>thesis 1 title</h4>
    <p>thesis 1 text.</p>
  </div>
  <div class="argument" id="argument1">
    <h4>argument 1 title</h4>
  </div>
  <div class="argument" id="argument2">
    <h4>Argument 2 title</h4>
    <p>argument 2 description</p>
  </div>
  <div class="argument" id="argument3">
    <h4>argument 3 title</h4>
    <p>argument 3 description</p>
  </div>

  <div class="support" data-from="argument1" data-to="thesis1"></div>
  <div class="attack" data-from="argument2" data-to="thesis1"></div>
  <div class="attack" data-from="argument3" data-to="argument1"></div>
  <div class="support" data-from="argument3" data-to="argument2"></div>
</div>
<script src="YOUR-URL-TO/ArgunetBrowser.load.min.js" type="text/javascript"></script>
<script type="text/javascript">
	window.argunet = lightningjs.require("argunet", "YOUR-URL-TO/ArgunetBrowser.embed.min.js");	
	argunet("createArgunetBrowser",{container:"#container", firstNode:"thesis1", graphDepth:2, cssUrl:"YOUR-URL-TO/ArgunetBrowser.min.css"});
</script>

argument.html

  <div class="argument" id="my-first-argument">
    <h4>title</h4>
    <p>description</p>
  </div>

embed-code.html

<script src="YOUR-URL-TO/ArgunetBrowser.load.min.js" type="text/javascript"></script>
<script type="text/javascript">
	window.argunet = lightningjs.require("argunet", "YOUR-URL-TO/ArgunetBrowser.embed.min.js");	
	argunet("createArgunetBrowser",{data:"YOUR-DEBATE.graphml",firstNode:"ID-OF-FIRST-NODE-SELECTED",cssUrl:"YOUR-URL-TO/ArgunetBrowser.min.css"});
</script>

support.html

<div class="support" data-from="my-first-argument" data-to="argument2"></div>