<!--Code below can be used only with explicit permission from its author Daniel D. Hromada. All rights reserved. Any replication or modification without explicit consent of the author prohibited. -->
<%use date%>
<%use ListUtil%>
<%#include modules/brahma.tt%>
<style>
<%if a.color%><%color=a.color%><%else%><%color="white"%><%end%>
<%if a.background_color%><%bg_color=a.background_color%><%else%><%bg_color="black"%><%end%>
<%if a.arbre_font%><%font=a.arbre_font%><%else%><%font="schuldruck.ttf"%><%end%>
@font-face { font-family:"ArbreFont"; src:url(/fonts/<%font%>);}
html, body { margin:0; padding:0; overflow:hidden;/*background: linear-gradient(blue,yellow);*/}
svg { top:0; left:10vw; height:100vh; width:100vw }
body,html {
    font-family: 'Avenir Roman', 'Avenir LT Std', 'Helvetica Neue', 'Helvetica', 'Arial';
    background-color: <%bg_color%>;
}
	.node {
		cursor: pointer;
	}

	.node circle {
		fill: <%bg_color%>;
	  stroke: <%color%>;
	  stroke-width: 1px;
	}

	.node text {
	  font: 15px Avenir Roman;
	  color:<%color%>;
		  
	}

	.link {
	  fill: none;
	  stroke: <%color%>;
	  stroke-width: 1px;
	}
	
</style>

<!--	<link rel="stylesheet" href="/css/fibel/style.css" />-->
</head>
<body>
	<%#include modules/header.tt%>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
<header>
<!--
    <button onclick="expandAll()">Expand All</button>
    <button onclick="collapseAll()">Collapse All</button>
-->
 </header>


<%include modules/arbre.tt%>
<div id="shiva">
</div>

</body>
</html>
