Commits

Christian Specht  committed b0bbc58

change design from fluid to fixed width

  • Participants
  • Parent commits c7102b2

Comments (0)

Files changed (3)

File src/_templates/site.mako

 
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
-        <div class="container-fluid">
+        <div class="container">
           <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
       </div>
     </div>
 
-    <div class="container-fluid">
-      <div class="row-fluid">
+    <div class="container">
+      <div class="row">
         <div class="span9">
           ${next.body()}
         </div><!--/span-->
         </div>
       </footer>
 
-    </div><!--/.fluid-container-->
+    </div><!--/.container-->
 
     <!-- Le javascript
     ================================================== -->

File src/index.html.mako

 <%inherit file="_templates/site.mako" />
           <div class="hero-unit">
             <div class="row">
-                <div class="span3">
+                <div class="span2">
                     <img src="http://www.gravatar.com/avatar/6f807629c5f3765f28c61b1271552dc9?s=140" class="img-rounded" />
                 </div>
-                <div class="span9">
+                <div class="span5">
 <% import datetime %>
 <%self:filter chain="markdown">
 
 
           <h3>Recent Posts:</h3>
 
-          <div class="row-fluid">
+          <div class="row">
 % for post in bf.config.blog.posts[0:3]:
 <% 
    category_links = []
    for category in post.categories:
            category_links.append("<a href='%s'>%s</a>" % (category.path, category.name))
 %>
-            <div class="span4">
+            <div class="span3">
               <h4><a href="${post.path}">${post.title}</a></h4>
               <p>${post.excerpt} ...</p>
               <p><small>${post.date.strftime("%b %d %Y")} | ${", ".join(category_links)}</small></p>
             </div><!--/span-->
-            <div class="row-fluid visible-phone spacer25"></div>
+            <div class="row visible-phone spacer25"></div>
 % endfor
           </div><!--/row-->
-          <div class="row-fluid hidden-phone spacer50"></div>
-          <div class="row-fluid">
+          <div class="row hidden-phone spacer50"></div>
+          <div class="row">
 % for post in bf.config.blog.posts[3:6]:
 <% 
    category_links = []
    for category in post.categories:
            category_links.append("<a href='%s'>%s</a>" % (category.path, category.name))
 %>
-            <div class="span4">
+            <div class="span3">
               <h4><a href="${post.path}">${post.title}</a></h4>
               <p>${post.excerpt} ...</p>
               <p><small>${post.date.strftime("%b %d %Y")} | ${", ".join(category_links)}</small></p>
             </div><!--/span-->
-            <div class="row-fluid visible-phone spacer25"></div>
+            <div class="row visible-phone spacer25"></div>
 % endfor
           </div><!--/row-->

File src/projects/index.html.mako

 
 <h1>${self.title()}</h1>
 
-<div class="row-fluid spacer25"></div>
+<div class="row spacer25"></div>
 <p><%self:filter chain="markdown">
 Like many other software developers, I create small tools and tryout projects in my spare time, because:
 
 
 Here is a list of everything I created in my spare time since then, in chronologial order (oldest first):
 </%self:filter></p>
-<div class="row-fluid spacer25"></div>
+<div class="row spacer25"></div>
 
-<div class="container-fluid">
-    <div class="row-fluid">
+<div class="container">
+    <div class="row">
     
-        <div class="span6">
+        <div class="span4">
           <h2><a href="${bf.util.site_path_helper('roboshell-backup')}"><img src="https://bitbucket.org/christianspecht/roboshell-backup/raw/tip/img/head35x35.png" class="img-polaroid" /> RoboShell Backup</a></h2>
           <%self:filter chain="markdown">
 **What I needed:**  
           </%self:filter>
         </div><!--/span-->
         
-        <div class="row-fluid visible-phone spacer25"></div>
+        <div class="row visible-phone spacer25"></div>
         
-        <div class="span6">
+        <div class="span4">
             <h2><a href="${bf.util.site_path_helper('bitbucket-backup')}"><img src="https://bitbucket.org/christianspecht/bitbucket-backup/raw/tip/img/logo35x35.png" class="img-polaroid" /> Bitbucket Backup</a></h2>
             <%self:filter chain="markdown">
 **What I needed:**  
         
     </div><!--/row-->
     
-    <div class="row-fluid spacer25"></div>
+    <div class="row spacer25"></div>
     
-    <div class="row-fluid">
+    <div class="row">
     
-        <div class="span6">
+        <div class="span4">
             <h2><a href="${bf.util.site_path_helper('recordset-net')}"><img src="https://bitbucket.org/christianspecht/recordset.net/raw/tip/img/logo35x35.png" class="img-polaroid" /> Recordset.Net</a></h2>
             <%self:filter chain="markdown">
 **What I needed:**  
             </%self:filter>
         </div><!--/span-->
         
-        <div class="row-fluid visible-phone spacer25"></div>
+        <div class="row visible-phone spacer25"></div>
         
-        <div class="span6">
+        <div class="span4">
             <h2><a href="${bf.util.site_path_helper()}"><img src="${bf.util.site_path_helper('img/site2012.png')}" class="img-polaroid" /> This site (2012)</a></h2>
             <%self:filter chain="markdown">
 **What I needed:**  
         
     </div><!--/row-->
     
-    <div class="row-fluid spacer25"></div>
+    <div class="row spacer25"></div>
     
-    <div class="row-fluid">
+    <div class="row">
      
-        <div class="span6">
+        <div class="span4">
             <h2><a href="${bf.util.site_path_helper('missilesharp')}"><img src="https://bitbucket.org/christianspecht/missilesharp/raw/tip/img/logo35x35.png" class="img-polaroid" /> MissileSharp</a></h2>
             <%self:filter chain="markdown">
 **What I needed:**  
             </%self:filter>
         </div><!--/span-->
         
-        <div class="row-fluid visible-phone spacer25"></div>
+        <div class="row visible-phone spacer25"></div>
         
-        <div class="span6">
+        <div class="span4">
             <h2><a href="${bf.util.site_path_helper('vba-helpers')}"><img src="https://bitbucket.org/christianspecht/vba-helpers/raw/tip/img/logo35x35.png" class="img-polaroid" /> VBA Helpers</a></h2>
             <%self:filter chain="markdown">
 **What I needed:**  
         
     </div><!--/row-->
 
-    <div class="row-fluid spacer25"></div>
+    <div class="row spacer25"></div>
     
-    <div class="row-fluid">
+    <div class="row">
      
-        <div class="span6">
+        <div class="span4">
             <h2><a href="${bf.util.site_path_helper()}"><img src="${bf.util.site_path_helper('img/site2013.png')}" class="img-polaroid" /> This site (2013)</a></h2>
             <%self:filter chain="markdown">
 **What I needed:**  
         </div><!--/span-->
         
     </div><!--/row-->
-</div><!--/container-fluid-->
+</div><!--/container-->
 
-<div class="row-fluid visible-phone spacer25"></div>
+<div class="row visible-phone spacer25"></div>