Use tabs for request/response definitions on language docs page.

This commit is contained in:
Aldo Cortesi 2012-07-25 12:36:53 +12:00
parent 87306164a6
commit adac9a35c3
4 changed files with 128 additions and 130 deletions

View File

@ -8,12 +8,13 @@
</h1> </h1>
</div> </div>
<ul class="nav nav-tabs">
<li class="active"><a href="#specifying_responses" data-toggle="tab">Responses</a></li>
<li><a href="#specifying_requests" data-toggle="tab">Requests</a></li>
</ul>
<section id="specifying_responses"> <div class="tab-content">
<div class="page-header"> <div class="tab-pane active" id="specifying_responses">
<h1>Responses</h1>
</div>
<p>The general form of a response is as follows:</p> <p>The general form of a response is as follows:</p>
<pre class="example">code[MESSAGE]:[colon-separated list of features]</pre></p> <pre class="example">code[MESSAGE]:[colon-separated list of features]</pre></p>
@ -83,14 +84,10 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</section>
<section id="specifying_requests">
<div class="page-header">
<h1>Requests</h1>
</div> </div>
<div class="tab-pane" id="specifying_requests">
<p>The general form of a request is as follows:</p> <p>The general form of a request is as follows:</p>
<pre class="example">method:path:[colon-separated list of features]</pre></p> <pre class="example">method:path:[colon-separated list of features]</pre></p>
@ -152,8 +149,9 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</section> </div>
<section id="specifying_requests"> <section id="specifying_requests">

View File

@ -31,7 +31,6 @@ various other goodies. Try it by visiting the server root:</p>
<pre class="example">http://localhost:9999</pre> <pre class="example">http://localhost:9999</pre>
<section id="api"> <section id="api">
<div class="page-header"> <div class="page-header">
<h1>API</h1> <h1>API</h1>

View File

@ -10,7 +10,7 @@
<input type="submit" class="btn" value="preview"> <input type="submit" class="btn" value="preview">
</form> </form>
<a data-toggle="collapse" data-target="#requestexamples">Don't know what to type?</a> <a data-toggle="collapse" data-target="#requestexamples">Examples...</a>
<div id="requestexamples" class="collapse"> <div id="requestexamples" class="collapse">
<p>Check out the <a href="/docs/language">complete language docs</a>. Here <p>Check out the <a href="/docs/language">complete language docs</a>. Here

View File

@ -13,7 +13,8 @@
{% endif %} {% endif %}
</form> </form>
<a data-toggle="collapse" data-target="#responseexamples">Don't know what to type?</a> <a data-toggle="collapse" data-target="#responseexamples">Examples...</a>
<div id="responseexamples" class="collapse"> <div id="responseexamples" class="collapse">
<p>Check out the <a href="/docs/language">complete language docs</a>. Here <p>Check out the <a href="/docs/language">complete language docs</a>. Here
are some examples to get you started:</p> are some examples to get you started:</p>