pub_item.html

<div class="row">
	<div class="small-4 column">
		<script type="text/javascript">
			function mouseOver()
			{
			document.getElementById('b1').src ="/i/eg_mouse.jpg"
			}
			function mouseOut()
			{
			document.getElementById('b1').src ="/i/eg_mouse2.jpg"
			}
		</script>
		{% if include.img_path1 and include.img_path2 %}
			<a href="{{ include.pdf_url }}">
				<img alt="" src="../images/images_for_pub/{{ include.img_path1 }}" style="width:100%" onMouseOver="this.src='../images/images_for_pub/{{ include.img_path2 }}'" onMouseOut="this.src='../images/images_for_pub/{{ include.img_path1 }}'">
			</a>

		{% elsif include.img_path1 %}
			<a href="{{ include.pdf_url }}">
				<img src="../images/images_for_pub/{{ include.img_path1 }}" style="width: 100%">
			</a>
		{% else %}
			<a href="{{ include.pdf_url }}">
				<img src="../images/images_for_pub/default.jpg" style="width: 100%">
			</a>
		{% endif %}
	</div>
	<div class="small-8 column">
		<p>
			<b>{{ include.title }}</b>
			<br>
			{{ include.author_list }}
			<br>
			{{ include.pub_in }}
			{% if include.oral %}
				<span style="color: #f15a51">{{ include.oral }}</span>
			{% endif %}
			<br>
			{% if include.pdf_url %}
			<a href="{{ include.pdf_url }}" target="_blank"> [PDF]</a>
			{% endif %}
			{% if include.website %}
			<a href="{{ include.website }}" target="_blank"> [Website]</a>
			{% endif %}
			{% if include.bib %}
			<a href="{{ include.bib }}" target="_blank"> [Bibtex]</a>
			{% endif %}
			{% if include.code_url %}
			<a href="{{ include.code_url }}" target="_blank"> [Code]</a>
			{% endif %}
			{% if include.blog_post %}
			<a href="{{ include.blog_post }}" target="_blank"> [Blog Post]</a>
			{% endif %}
			{% if include.grant == 'MURI' %}
			| {{ include.grant }}
			{% endif %}
		</p>
	</div>
		
</div>

<br>