Reorganized the frontpage a bit, to display better and more consistently on various-size devices.

- Legacy-Id: 9403
This commit is contained in:
Henrik Levkowetz 2015-04-04 19:49:33 +00:00
parent b7bf6f83f7
commit b81c169e7d

View file

@ -3,33 +3,42 @@
{% block title %}IETF Datatracker{% if server_mode != "production" %} -- Development Mode{% endif %}{% endblock %}
{% block content %}
<div class="row">
<div class="text-center">
<div class="row">
<div class="col-md-12">
<div class="text-center">
<img class="ietflogo" src="/images/ietflogo.png" alt="IETF">
{% if server_mode == "production" %}
<h1>IETF Datatracker</h1>
<h1>IETF Datatracker</h1>
{% else %}
<h1 style="color:#ff0000">IETF Datatracker -- Development Mode</h1>
<h1 style="color:#ff0000">IETF Datatracker -- Development Mode</h1>
{% endif %}
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4 col-sm-push-8">
<h2>About</h2>
<p>The IETF Datatracker is the IETF's web system for managing organizational information, such as:</p>
<ul>
<li><a href="{% url "doc_search" %}">Internet-Drafts (I-Ds) and Requests for Comments (RFCs)</a></li>
<li><a href="/ipr/">IPR disclosures</a></li>
<li><a href="/liaison/">Liaison statements</a></li>
<li><a href="/meeting/agenda/">Meeting agendas</a> and <a href="/meeting/">session agendas, slides and minutes</a></li>
<li><a href="/iesg/agenda/">IESG telechat agendas</a></li>
</ul>
</div>
<div class="col-sm-8 col-sm-pull-4">
<div class="row">
<div class="col-md-12">
<h2>Search Documents</h2>
{% include "doc/search/search_form.html" %}
</div>
</div>
</div>
</div>
<div class="row">
<hr/>
<div class="col-md-4 col-md-offset-1">
<h2>About this site</h2>
<p>The IETF Datatracker is the IETF's web system for managing organizational information, such as:</p>
</div>
<div class="col-md-7">
<div class="h2"></div>
<ul class="list-group list-unstyled">
<li><a href="{% url "doc_search" %}">Internet-Drafts (I-Ds) and Requests for Comments (RFCs)</a></li>
<li><a href="/ipr/">IPR disclosures</a></li>
<li><a href="/liaison/">Liaison statements</a></li>
<li><a href="/meeting/agenda/">Meeting agendas</a> and <a href="/meeting/">session agendas, slides and minutes</a></li>
<li><a href="/iesg/agenda/">IESG telechat agendas</a></li>
</ul>
</div>
</div>
{% endblock content %}