use twitter bootstrap for layouting

[phorkie.git] / data / templates / display.htm

diff --git a/data/templates/display.htm b/data/templates/display.htm
index 1f33b61ae1a67a1c285c81e1e7ee2339cd4c1fe4..cabff593b883e602ecba6d7abb0c50d54408687b 100644 (file)
--- a/data/templates/display.htm
+++ b/data/templates/display.htm
@@ -2,15 +2,29 @@
 {% block title %}{{description}}{% endblock %}
 
 {% block content %}
-<h1>{{description}}</h1>
-<p><a href="{{links.edit}}">edit</a></p>
-{% for file in files %}
-<div>
- <h2>{{file.filename}}</h2>
- <p>
-  <a href="{{file.raw}}">raw</a>
- </p>
- <pre>{{file.content}}</pre>
+<h1>{{repo.getDescription}}</h1>
+<div class="row-fluid">
+ <div class="span6">
+  <a class="btn" href="{{repo.getLink('edit')}}"><i class="icon-edit"></i> edit</a>
+ </div>
+ <div class="span6" style="text-align: right">
+  <a class="btn" href="{{repo.getLink('fork')}}"><i class="icon-share"></i> fork</a>
+ </div>
+</div>
+
+{% for file in repo.getFiles %}
+<div class="file">
+ <div class="header">
+  <a class="btn btn-mini" href="{{file.getLink('raw')}}" style="float: right;">raw</a>
+  <h3 id="{{file.getFilename}}">{{file.getFilename}}<a class="anchorlink" href="#{{file.getFilename}}"></a></h3>
+ </div>
+ <div class="code">
+  {{file.getHighlightedContent|raw}}
+ </div>
 </div>
 {% endfor %}
 {% endblock %}
+
+{% block sidebar %}
+sidebar FIXME
+{% endblock %}
\ No newline at end of file