{% extends 'main_base.html' %}

{% block title %}
  Home
{% endblock %}

{% block extra_head %}
  <link rel="stylesheet" href="/static/css/files/browse.css" />
{% endblock %}

{% block pageTitle %}
Browse Publications
{% endblock %}
Browse Publications
{% block content %}
  <div id="browseWrapper">
  <div id="browsePublicationsleft">
    <!-- <h5>Recent Publications:</h5> -->
    
    <iframe src="{{ first_article.iframe_url }}" width="320" height="400" id="iframePreview"></iframe>

    <!-- <img src="http://camputer.org/ftp/public/Issue00.jpg"></a> -->
  <p>
  Issue 00:<em>Instructions for printing</em> July 2011
  </p><br/>
  <p>
  Issue -1:<em>Collecting Materials</em> January 2011
  </p><br/>
  <p>
  And so on....
  </p>
  <br/>
  
  
  </div>
  <div id="browseArticlesright">
  <h5>Published or in-progress articles by type of Study:</h5>
  <p>
  <select name="articleThemes" id="articleThemes">
    <option value="0">All Themes</option>
    {% for t in themes %}
    <option value="{{ t.id }}">{{ t.name }}</option>
    {% endfor %}
<!--
<option value="Milk">Things That Could be Done</option>
<option value="Cheese">Things that Have Happened</option>
<option value="Bread">Theories of the Possible</option>
<option value="Cow">Things without a Name</option>
<option value="Pig">Etc.</option>
-->
</select>
  </p>
  </div>
  </div>

{% endblock %}
