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

 - Legacy-Id: 9403

Author: levkowetz

ietf/templates/doc/frontpage.html

@@ -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 %}