Browse files

Styling cleanup

  • Loading branch information...
1 parent b4c5d93 commit 0210fc8906d7ad8f5e7bf1124aa75636a729934d @parente committed Apr 7, 2012
Showing with 86 additions and 138 deletions.
  1. +3 −3 _config.py
  2. +4 −4 _templates/chronological.mako
  3. +3 −17 _templates/post.mako
  4. +14 −16 _templates/site.mako
  5. +1 −1 about.html.mako
  6. +61 −97 css/fluid.less
View
6 _config.py
@@ -33,8 +33,8 @@
## blog_name -- Your Blog's name.
# This is used repeatedly in default blog templates
-blog.name = "mindtrove"
-blog.owner = "Peter Parente's blog"
+blog.name = "Parente's Mindtrove"
+blog.owner = "Peter Parente"
## blog_description -- A short one line description of the blog
# used in the RSS/Atom feeds.
@@ -44,7 +44,7 @@
blog.timezone = "US/Eastern"
blog.disqus.name = 'mindtrove'
-blog.disqus.enabled = True
+blog.disqus.enabled = False
blog.post_excerpts.enabled = True
blog.post_excerpts.word_length = 25
blog.posts_per_page = 1
View
8 _templates/chronological.mako
@@ -1,14 +1,14 @@
<%inherit file="site.mako" />
% for post in posts:
<%include file="post.mako" args="post=post" />
- <hr class="blogPostRule" />
% endfor
-% if prev_link:
+
+% if False: #if prev_link:
<a href="${prev_link}">« Newer Post</a>
% endif
-% if prev_link and next_link:
+% if False: #if prev_link and next_link:
--
% endif
-% if next_link:
+% if False: # if next_link:
<a href="${next_link}">Older Post »</a>
% endif
View
20 _templates/post.mako
@@ -2,26 +2,12 @@
<div class="blogPost">
<a name="${post.slug}"></a>
<h1 class="blogPostTitle"><a href="${post.permapath()}" rel="bookmark" title="Permalink to ${post.title}">${post.title}</a></h1>
- <p class="blogPostMeta">${post.date.strftime("%B %d, %Y at %I:%M %p")} | Tags:
-<%
- tag_links = []
- for tag in post.tags:
- if post.draft:
- #For drafts, we don't write to the tag dirs, so just write the categories as text
- tag_links.append(tag.name)
- else:
- tag_links.append("<a href='%s'>%s</a>" % (tag.path, tag.name))
-%>
-${", ".join(tag_links)}
-% if bf.config.blog.disqus.enabled:
- <br /><a href="${post.permalink}#disqus_thread">View Comments</a>
-% endif
- </p>
- <div class="blog_post_prose">
+ <p class="blogPostMeta">${post.date.strftime("%B %d, %Y")}</p>
+ <div class="blogPostProse">
${self.post_prose(post)}
</div>
</div>
<%def name="post_prose(post)">
${post.content}
-</%def>
+</%def>
View
30 _templates/site.mako
@@ -11,8 +11,8 @@
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="${bf.util.site_path_helper(bf.config.blog.path,'/feed/index.xml')}" />
<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="${bf.util.site_path_helper(bf.config.blog.path,'/feed/atom/index.xml')}" />
<link rel="stylesheet" type="text/css" href="${bf.util.site_path_helper(bf.config.blog.path,'css/pygments_%s.css' % bf.config.filters.syntax_highlight.style)}" />
- <link href='http://fonts.googleapis.com/css?family=Tinos:regular,italic,bold' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold' rel='stylesheet' type='text/css'>
+ <link href='http://fonts.googleapis.com/css?family=Dosis:300,600' rel='stylesheet' type='text/css'>
+ <link href='http://fonts.googleapis.com/css?family=Gentium+Basic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="${bf.util.site_path_helper(bf.config.blog.path,'/css/reset.css')}" type="text/less" media="screen" />
<link rel="stylesheet" href="${bf.util.site_path_helper(bf.config.blog.path,'/css/fluid.less')}" type="text/less" media="screen" />
<script src="${bf.util.site_path_helper(bf.config.blog.path,'/js/less-1.1.3.min.js')}" type="text/javascript"></script>
@@ -23,10 +23,9 @@
</head>
<body>
<!-- Header -->
- <header id="top">
- <a href="${bf.config.site.url}">${bf.config.blog.name}</a>
- <!--<h1 id="siteTitle"><a href="${bf.config.site.url}">${bf.config.blog.name}</a></h1>-->
- <!--<h2 id="siteSubtitle" class="grid_6">${bf.config.blog.description}</h2>-->
+ <header id="siteTitle">
+ <h1><a href="${bf.config.site.url}">${bf.config.blog.name}</a></h1>
+ <nav><a href="/">Latest</a> <a href="/posts.html">Posts</a> <a href="/about.html">About</a></nav>
</header>
<!-- Main Body -->
@@ -36,20 +35,19 @@
<!-- Sidebar -->
<section id="sidebar">
- <aside class="widget">
+ <nav class="widget">
<h3>Contact</h3>
<div>
- Peter Parente<br/>
<a class="emailIcon" title="Email address" href="mailto:parente@cs.unc.edu">parente@cs.unc.edu</a><br/>
<a class="githubIcon" title="GitHub account" href="http://github.com/parente">github.com/parente</a><br/>
<a class="twitterIcon" title="Twitter account" href="http://twitter.com/parente">twitter.com/parente</a><br/>
</div>
- </aside>
+ </nav>
- <aside class="widget">
+ <nav class="widget">
<h3>Latest posts</h3>
<ul>
- % for post in bf.config.blog.posts[:8]:
+ % for post in bf.config.blog.posts[:5]:
<li><a href="${post.path}">${post.title}</a></li>
% endfor
</ul>
@@ -59,13 +57,13 @@
<br/><a class="feedIcon secondary" href="http://${bf.config.blog.disqus.name}.disqus.com/latest.rss">Subscribe to comments »</a>
% endif
</div>
- </aside>
-
- <aside id="info" class="widget">
- Copyright &copy; 2008, 2012 Peter Parente. All rights reserved.
- </aside>
+ </nav>
</section>
+ <footer id="siteFooter">
+ <p class="secondary">Copyright &copy; 2008, 2012 Peter Parente. All rights reserved.</p>
+ </footer>
+
<%include file="footer.mako" />
</body>
</html>
View
2 about.html.mako
@@ -2,7 +2,7 @@
current_ = 'about'
%>
<%inherit file="_templates/site.mako" />
-<h1>About</h1>
+<h1 class="pageTitle">About</h1>
<p><img class="inlineRight" width="128" height="128" src="http://www.gravatar.com/avatar/37d5a369729db7a9be4fb3ac9b9dd438?s=128" /> Peter Parente is a software developer in <a class="reference external" href="http://www.ibm.com/">IBM's</a> Emerging Internet Technology group. Currently he is a committer to the <a href="http://github.com/opencoweb/coweb">Open Cooperative Web Framework</a>, an IBM contribution to the <a href="http://dojofoundation.org">Dojo Foundation</a>, that grew out of IBM's <a href="http://www-01.ibm.com/software/ebusiness/jstart/bluespruce/">Project Blue Spruce</a>. His past responsibilities included developing IBM's <a href="http://live.gnome.org/LSR">Linux Screen Reader</a> and the <a href="http://live.gnome.org/Accerciser">Accerciser</a> testing tool; working on the accessibility infrastructure of the <a href="http://www.gnome.org/">GNOME desktop</a>; participating in the W3C <a href="http://www.w3.org/WAI/UA/">User Agent Accessibility Working Group</a> (UAAG); and contributing to the <a href="http://services.alphaworks.ibm.com/qedwiki/">QEDWiki</a> and <a href="http://services.alphaworks.ibm.com/mashuphub/">Mashup Hub</a> projects, the proof-of-concept software that spurred the development of the <a href="http://www-306.ibm.com/software/info/mashup-center/">IBM Mashup Center</a> product.</p>
View
158 css/fluid.less
@@ -2,8 +2,8 @@
// Specify the number of columns and set column and gutter widths
@columns: 12;
-@column-width: 60;
-@gutter-width: 40;
+@column-width: 85.3;
+@gutter-width: 80;
// Remove the definition below for a pixel-based layout
@total-width: 100%;
@@ -15,25 +15,31 @@
#sidebar {
.column(3);
}
+#siteFooter {
+ .column(9);
+}
body {
- line-height: 1.55em;
- color: #222;
- font-family: "Tinos", serif;
- font-size: 1.1em;
+ line-height: 1.725em;
+ color: #111;
+ font-family: "Gentium Basic", serif;
background-color: white;
+ max-width: 1024px;
+ margin: 0 auto;
}
a {
- color: #5050b0;
+ color: #438099;
+ text-decoration: none;
+ border-bottom: 1px dotted #438099;
}
a:visited {
- color: #8050b0;
+ color: #438099;
}
a:hover {
- color: #5050e0;
+ color: #438099;
}
a:active {
@@ -42,14 +48,18 @@ a:active {
h1,h2,h3,h4,h5,h6,th {
font-weight: normal;
- font-family: "Nobile", sans-serif;
+ font-family: "Dosis", sans-serif;
color: #222;
}
h1 {
font-size: 1.75em;
}
+h1 a, h2 a, h3 a {
+ border-bottom: 0px;
+}
+
h2 {
font-size: 1.5em;
}
@@ -59,11 +69,14 @@ h3 {
}
pre {
- line-height: 1.1em;
- margin-bottom: 1em;
+ line-height: 1.25em;
+ margin-bottom: 1.25em;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid #dedede;
+ padding: 0.5em;
+ font-family: monospace;
+ font-size: 1.25em;
}
dt {
@@ -87,28 +100,32 @@ object {
margin-bottom: 1em;
}
-header#top {
- background-color: black;
- font-weight: bolder;
- font-size: 3em;
- text-shadow: white 1px 1px 2px;
- padding-top: 20px;
- padding-bottom: 20px;
- padding-left: 10px;
- margin-bottom: 20px;
+#siteTitle {
+ padding: 20px;
+ margin-bottom: 30px;
+ margin-top: 30px;
+}
- -webkit-box-shadow: #999 1px 1px 10px;
- -moz-box-shadow: #999 1px 1px 10px;
- -o-box-shadow: #999 1px 1px 10px;
+#siteTitle h1 {
+ font-weight: 600;
}
-header#top a {
+#siteTitle a {
color: inherit;
text-decoration: none;
}
+#siteTitle nav {
+ margin-top: 0.75em;
+}
+
+#siteTitle nav a {
+ margin-right: 1.75em;
+ font-family: "Dosis", sans-serif;
+}
+
#maincolumn {
- padding-bottom: 40px;
+ padding-bottom: 30px;
}
#maincolumn h3 {
@@ -151,36 +168,6 @@ header#top a {
background-color: #eee;
}
-#content #menu {
- list-style: none;
- margin-top: 1em;
- margin-bottom: 1em;
-}
-
-#content #menu li {
- float: left;
- margin: 0 35px 0 0;
- padding: 5px;
- position: relative;
-}
-
-#content #menu a {
- color: inherit;
- text-decoration: underline;
-}
-
-#content #menu .menuCurrent {
- -webkit-border-top-left-radius: 15px 10px;
- -webkit-border-bottom-right-radius: 15px 10px;
- -moz-border-radius-topleft: 15px 10px;
- -moz-border-radius-bottomright: 15px 10px;
- -o-border-top-left-radius: 15px 10px;
- -o-border-bottom-right-radius: 15px 10px;
- border-top-left-radius: 15px 10px;
- border-bottom-right-radius: 15px 10px;
- background-color: #eee;
-}
-
#sidebar h3 {
margin-bottom: 10px;
}
@@ -201,37 +188,8 @@ header#top a {
padding-bottom: 10px;
}
-#sidebar #tags .tag0 {
+.secondary {
font-size: 0.8em;
-}
-
-#sidebar #tags .tag1 {
- font-size: 0.9em;
-}
-
-#sidebar #tags .tag2 {
- font-size: 1.0em;
-}
-
-#sidebar #tags .tag3 {
- font-size: 1.1em;
-}
-
-#sidebar #tags .tag4 {
- font-size: 1.2em;
-}
-
-#sidebar #tags .tag5 {
- font-size: 1.3em;
-}
-
-#greader div.f,
-#sidebar .secondary {
- font-size: 0.8em;
-}
-
-aside#info {
- font-size: 0.7em;
line-height: 1.0em;
}
@@ -245,15 +203,14 @@ aside#info {
color: #999;
}
-.blogPostTitle a {
- text-decoration: none;
- color: #222;
+.blogPostTitle, .pageTitle {
+ border-bottom: 1px solid #ccc;
+ color: #338866;
}
-.blogPostRule {
- margin: 2.5em 1em;
- border-width: 0px;
- border-top: 1px solid #ddd;
+.blogPostTitle a, .pageTitle a {
+ text-decoration: none;
+ color: inherit;
}
img.inlineRight {
@@ -283,15 +240,22 @@ img.inlineRight {
padding-left: 20px;
}
-#content .gist pre {
+body .gist pre {
font-family: monospace;
+ font-size: 1.0em;
}
-#content .gist-meta {
- font-family: "Tinos", serif;
+body .gist-meta {
+ font-family: "Gentium Basic", serif;
}
-#content .gist-file, #content .gist-data {
+body .gist-file, #content .gist-data {
background-color: #f0f0f0;
font-family: monospace;
+}
+
+#siteFooter {
+ margin-bottom: 30px;
+ padding-top: 1em;
+ border-top: 1px solid #ccc;
}

0 comments on commit 0210fc8

Please sign in to comment.