diff options
Diffstat (limited to 'bootstrap2/templates/base.html')
-rw-r--r-- | bootstrap2/templates/base.html | 74 |
1 files changed, 59 insertions, 15 deletions
diff --git a/bootstrap2/templates/base.html b/bootstrap2/templates/base.html index 6687460..9a270d4 100644 --- a/bootstrap2/templates/base.html +++ b/bootstrap2/templates/base.html @@ -17,8 +17,28 @@ .sidebar-nav { padding: 9px 0; } + + .tag-1 { + font-size: 13pt; + } + + .tag-2 { + font-size: 10pt; + } + + .tag-2 { + font-size: 8pt; + } + + .tag-4 { + font-size: 6pt; + } + </style> <link href="{{ SITEURL }}/theme/css/bootstrap-responsive.css" rel="stylesheet"> + <link href="{{ SITEURL }}/theme/css/font-awesome.css" rel="stylesheet"> + + <link href="{{ SITEURL }}/theme/css/pygments.css" rel="stylesheet"> <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> <!--[if lt IE 9]> @@ -66,6 +86,20 @@ <a href="{{ SITEURL }}/category/{{ cat }}.html">{{ cat }}</a> </li> {% endfor %} + + <li class="divider-vertical"></li> + + <li class="dropdown" id="othermenu"> + <a class="dropdown-toggle" data-toggle="dropdown"> + Others + <b class="caret"></b> + </a> + <ul class="dropdown-menu"> + <li><a href="{{ SITEURL }}/archives.html">Archives</a></li> + <li><a href="{{ SITEURL }}/tags.html">Tags</a></li> + </ul> + </li> + </ul> <!--<p class="navbar-text pull-right">Logged in as <a href="#">username</a></p>--> </div><!--/.nav-collapse --> @@ -74,37 +108,46 @@ </div> <div class="container-fluid"> - <div class="row-fluid"> - - <div class="span9"> - {% block content %} - {% endblock %} - </div><!--/span--> - - <div class="span3"> - <div class="well sidebar-nav"> + <div class="row"> + <div class="span2 well sidebar-nav" id="sidebar"> <ul class="nav nav-list"> {% if LINKS %} - <li class="nav-header">blogroll</li> + <li class="nav-header"><h4><i class="icon-external-link"></i>blogroll</h4></li> {% for name, link in LINKS %} <li><a href="{{ link }}">{{ name }}</a></li> {% endfor %} {% endif %} {% if SOCIAL %} - <li class="nav-header">social</li> + <li class="nav-header"><h4><i class="icon-home icon-large"></i> social</h4></li> <li><a href="{{ SITEURL }}/{{ FEED }}" rel="alternate">atom feed</a></li> {% if FEED_RSS %} <li><a href="{{ SITEURL }}/{{ FEED_RSS }}" rel="alternate">rss feed</a></li> {% endif %} {% for name, link in SOCIAL %} - <li><a href="{{ link }}">{{ name }}</a></li> + <li><a href="{{ link }}"><i class="icon-{{ name }}-sign icon-large"></i>{{ name }}</a></li> {% endfor %} {% endif %} + + <li class="nav-header"><h4><i class="icon-tags icon-large"></i>Tags</h4></li> + {% for tag in tag_cloud %} + <li class="tag-{{ tag.1 }}"> + <a href="{{ SITEURL }}/tag/{{ tag.0 }}.html"> + <i class="icon-tag icon-large"></i>{{ tag.0 }} + </a> + </li> + {% endfor %} </ul> - </div><!--/.well --> + </div><!--/.well --> + + <div class="span10" id="content"> + {% block content %} + {% endblock %} </div><!--/span--> + + + </div><!--/row--> <hr> @@ -114,7 +157,7 @@ Proudly powered by <a href="http://pelican.notmyidea.org/">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>. </address><!-- /#about --> - <p>The theme is by <a href="http://twitter.github.com/bootstrap/">Bootstrap from Twitter</a>, thanks!</p> + <p>The theme is from <a href="http://twitter.github.com/bootstrap/">Bootstrap from Twitter</a>, thanks!</p> </footer> </div><!--/.fluid-container--> @@ -141,7 +184,8 @@ <script src="{{ SITEURL }}/theme/js/bootstrap-collapse.js"></script> <script src="{{ SITEURL }}/theme/js/bootstrap-carousel.js"></script> <script src="{{ SITEURL }}/theme/js/bootstrap-typeahead.js"></script> - + + <!--<script src="{{ SITEURL }}/theme/js/autosidebar.js"></script>--> </body> </html> |