<%include modules/brahma.tt%>
<link rel="stylesheet" href="/css/normalize.css">
  <link rel="stylesheet" href="/css/skeleton.css">
<link rel="icon" type="image/png" href="/favicon.png">


<style>
    *{box-sizing:border-box;margin:0;padding:0}
    html,body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}
    body{max-width:68ch;margin:auto;padding:calc(var(--m)*.8) var(--m) calc(var(--m)*1.6)}
    a{color:var(--accent);text-decoration:none}
    a:hover,a:focus{color:var(--highlight)}
    hr{border:0;border-top:1px solid hsl(0 0% 50% / .2);margin:var(--m) 0}
    h3{font-size:2.3rem;color:hsl(216 100% 50%)}
    .epoch {color:#3BAA3B}
</style>
</head>
<body>

  <div class="container">
	<div class="one-third column" style="margin-top: 10px;">
		<%knot.knot_content%>
	</div>
	<div class="two-thirds column">


	<%FOREACH child IN knot.knot_id.get_children %>
	    <div class="row">
	      <div  style="margin-top: 5%">
			<p class="epoch">
				<!--TIMESTAMP:<%child.ae_epoch%>-->
				<%if child.publication%>
					, <%child.publication%>
				<%end%>
				<%if child.doi%>
				, DOI: <a title="DOI of the article <%child.knot_name%> is <%child.doi%>" href="https://doi.org/<%child.doi%>"><%child.doi%></a>
				<%end%>
				<%if child.fulltext_url%>
				<br/>Fulltext: <a target="_blank" title="link to fulltext pdf of article <%child.knot_name%> href="/<%child.fulltext_url%>"><%child.fulltext_url%></a>
				<%end%>
				<%if child.link_text%>
					; <a href="<%child.link_url%>"><%child.link_text%></a>
				<%end%>
			</p>
	
		<h3>
			<a href="/<%child.knot_id%>/player" target=_"blank"><%child.knot_name%></a>
		</h3>
			<%child.knot_content%>
			<%if child.img_url%>
				<img src="<%child.img_url%>"/>
			<%end%>
		</div>
	    </div>
	<%END%>
<%include modules/shiva.tt%>
