Permalink
Browse files

Add new design layer

  • Loading branch information...
1 parent 587c4a1 commit db2589433ef39f424729cb60d5404cd5b69836c5 @morninj committed Sep 16, 2012
View
Binary file not shown.
View
@@ -1,62 +1,72 @@
<article id="entry <?php the_ID(); ?>" <?php post_class(); ?>>
- <div class="row">
- <div class="span8">
+ <div class="row-fluid">
+ <div class="span12">
<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
- </div><!--/.span8-->
- </div><!--/.row-->
+ </div><!--/.span12-->
+ </div><!--/.row-fluid-->
- <div class="row">
+ <div class="row-fluid">
<?php
// Display metadata for posts but not pages
if ( 'post' == get_post_type() ) { ?>
- <div class="span2 entry-meta">
- <p class="entry-author">By <?php the_author_link(); ?></a></p>
- <p class="entry-date"><?php the_time('F j, Y'); ?></p>
- <p class="entry-comments"><?php
-$num_comments = get_comments_number();
-if ( $num_comments == 0 ) {
- $comments = __('No Comments');
-} elseif ( $num_comments > 1 ) {
- $comments = $num_comments . __(' Comments');
-} else {
- $comments = __('1 Comment');
-}
-echo( '<a href="' . get_comments_link() .'">'. $comments.'</a>' );
- ?></p>
- <h3>Tagged:</h3>
- <p><?php
-$tag_list = get_the_tag_list('', ', ', '');
-if ($tag_list == '') {
- ?><em>no tags</em><?php
-} else {
- echo($tag_list);
-}
- ?></p>
- <h3>Categorized:</h3>
- <p><?php
-$category_list = get_categories();
-if (count($category_list) == 0) {
- ?>no categories<?php
-} else {
- the_category(', ');
-}
- ?></p>
- </div><!--/.span2 entry-meta"-->
- <div class="span6 entry-contents">
+ <div class="span12 entry-contents">
+ <p class="entry-subheading">
+ <?php the_time('F j, Y'); ?>
+ &nbsp;&middot;&nbsp;
+ <?php the_author_link(); ?>
+ </p>
<?php
// Display post content
the_content();
?>
- </div><!--/.span6 .entry-contents-->
+ <p class="entry-meta">
+ <?php
+ $num_comments = get_comments_number();
+ if ( $num_comments == 0 ) {
+ $comments = __('No comments');
+ } elseif ( $num_comments > 1 ) {
+ $comments = $num_comments . __(' comments');
+ } else {
+ $comments = __('1 comment');
+ }
+ echo( '<a href="' . get_comments_link() .'">'. $comments.'</a>' );
+ ?>
+ &nbsp;&middot;&nbsp;
+ <a href="<?php the_permalink(); ?>#comments">Leave a comment</a>
+ &nbsp;&middot;&nbsp;
+ <a href="<?php the_permalink(); ?>">Permalink</a>
+ <br />
+ Tagged:
+ <?php
+ $tag_list = get_the_tag_list('', ', ', '');
+ if ($tag_list == '') {
+ ?><em>no tags</em><?php
+ } else {
+ echo($tag_list);
+ }
+ ?>
+ <br />
+ Categorized:
+ <?php
+ $category_list = get_categories();
+ if (count($category_list) == 0) {
+ ?>no categories<?php
+ } else {
+ the_category(', ');
+ }
+ ?>
+
+ </p><!--/.entry-meta-->
+ </div><!--/.span12 .entry-contents-->
<?php } else { ?>
- <div class="span8 entry-contents">
+ <div class="span12 entry-contents">
<?php
// Display page content
the_content();
?>
- </div><!--/.span8 .entry-contents-->
+ </div><!--/.span12 .entry-contents-->
<?php } ?>
- </div><!--/.row-->
+ </div><!--/.row-fluid-->
</article><!--/#entry-<?php the_ID(); ?>-->
View
@@ -20,9 +20,10 @@
</div><!--/.span4-->
<div class="span3" id="col2">
<a href="<?php bloginfo('rss2_url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/social-media-icons/feed.png" width="16" height="16" alt="Feed" /></a>
- <script type="text/javascript">document.write('<a href="mail' + 'to:le' + 'ssig' + '@' + 'pobo' + 'x' + '.c' + 'om">');</script><img src="<?php bloginfo('stylesheet_directory'); ?>/images/social-media-icons/email.png" width="16" height="16" alt="email" /></a>
+ <script type="text/javascript">document.write('<a href="mail' + 'to:le' + 'ssig_from' + '_web' + '@' + 'pobo' + 'x' + '.c' + 'om">');</script><img src="<?php bloginfo('stylesheet_directory'); ?>/images/social-media-icons/email.png" width="16" height="16" alt="email" /></a>
<a href="https://www.facebook.com/pages/Lawrence-Lessig/105623262805744"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/social-media-icons/facebook.png" width="16" height="16" alt="Facebook" /></a>
<a href="https://twitter.com/lessig"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/social-media-icons/twitter.png" width="16" height="16" alt="Twitter" /></a>
+ <a href="http://www.youtube.com/user/lessig"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/social-media-icons/youtube.png" alt="YouTube" /></a>
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/80x15.png" /></a>
</div><!--/.span3-->
</div><!--/row-->
View
@@ -74,40 +74,37 @@
<div class="container">
- <!-- Beta message -->
- <div class="row">
- <div class="span8" style="font-family: 'Helvetica Neue', Helvetica, sans-serif;">
- <div class="alert alert-block alert-error" style="font-size: 16px; margin-top: 20px;">
- <a class="close" data-dismiss="alert" href="#">&times;</a>
- <h4 class="alert-heading" style="font-size: 22px; margin-bottom: 10px;">Watch your step</h4>
- This is a dev site. Some things might be broken or missing.
- </div>
- </div>
- </div>
- <!-- /Beta message -->
-
- <header>
- <div class="row">
- <div class="span2" id="header-logo-container">
- <a href="<?php echo( site_url() ); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/lessig-avatar.png" width="32" height="32" alt="Lessig" id="header-logo" /></a><!-- TODO: update avatar link-->
- <div class="clear-both"></div>
- </div><!--/.span2-->
- <div class="span6">
- <h1><a href="<?php echo( site_url() ); ?>"><?php echo( get_bloginfo( 'name' ) ); ?></a></h1>
- </div><!--/.span6-->
- </div><!--/.row-->
- </header>
+
<nav id="main-nav">
<div class="row">
<div class="span8">
- <ul>
- <li><a href="<?php site_url(); ?>/blog/">Blog</a></li>
- <li><a href="<?php site_url(); ?>/books/">Books</a></li>
- <li><a href="<?php site_url(); ?>/topics/news/">News</a></li>
- <li><a href="http://wiki.lessig.org/" target="_blank">Wiki</a></li>
- <li><a href="<?php site_url(); ?>/about/">About</a></li>
- </ul>
- </div><!--/.span8-->
- </div><!--/.row-->
+ <div id="nav-wrapper" style="width: 100%;">
+ <div id="nav-left"><div class="nav-cnt">
+ <ul>
+ <li><a href="<?php site_url(); ?>/blog/">Blog</a></li>
+ <li><a href="<?php site_url(); ?>/books/">Books</a></li>
+ <li><a href="<?php site_url(); ?>/topics/news/">News</a></li>
+ </ul>
+ </div></div><!--/#nav-left"--><div id="nav-fixed">
+ <h1><a href="/">Lessig</a></h1>
+ <p id="header-icons">
+ <a href="/"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/social-media-icons/avatar.png" alt="Lessig" /></a>
+ <a href="https://www.facebook.com/pages/Lawrence-Lessig/105623262805744"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/social-media-icons/facebook.png" alt="Facebook" /></a>
+ <a href="http://www.twitter.com/lessig"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/social-media-icons/twitter.png" alt="Twitter" /></a>
+ <a href="http://www.youtube.com/user/lessig"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/social-media-icons/youtube.png" alt="YouTube" /></a>
+ <a href="<?php bloginfo('rss2_url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/social-media-icons/feed.png" alt="" /></a>
+ <a href="mailto:lessig_from_web@pobox.com"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/social-media-icons/email.png" alt="" id="last-icon" /></a>
+
+ </p>
+ </div><div id="nav-right"><div class="nav-cnt">
+ <ul>
+ <li><a href="http://wiki.lessig.org/" target="_blank">Wiki</a></li>
+ <li><a href="<?php site_url(); ?>/about/">About</a></li>
+ <li><a href="<?php bloginfo('rss2_url'); ?>/about/">RSS</a></li>
+ </ul>
+ </div></div><!--/#nav-right"-->
+ </div><!--/#nav-wrapper-->
+ </div><!--/.span12-->
+ </div><!--/.row-fluid-->
</nav><!--/#main-nav-->
<section>
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -34,20 +34,13 @@ License URI: https://creativecommons.org/licenses/by/3.0/us/
@import url('styles/books.css');
body {
+ background: url('images/textured-bg.jpg') repeat;
background-color: #efefef;
font-weight: 300;
-}/* TODO: add documentation about typekit:
-
-1. this css chunk
-2. typekit header html
-3. LESS variables to adjust if not using typekit
-*/
+}
div.container {
- background-color: #fff;
- border-radius: 3px;
margin: 20px auto;
- padding: 30px 50px 15px 50px;
}
div.clear-both { clear: both; }
View
@@ -1,29 +1,29 @@
-article.entry {
- margin-bottom: 20px;
+article {
+ background-color: #fff;
+ border-top: 4px solid #00c;
+ -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
+ -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
+ box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
+ margin-bottom: 50px;
+ padding: 20px;
}
-div.entry-meta {
+p.entry-subheading {
color: #999;
+ font-style: italic;
+ margin: -10px 0 20px 0;
}
- div.entry-meta h3 {
- font-weight: 400;
- font-size: 13px;
- letter-spacing: 1px;
- margin-top: 25px;
- text-transform: uppercase;
- }
-
- div.entry-meta p.entry-author {
- margin-bottom: 0;
- }
+p.entry-meta {
+ color: #999;
+ margin: 25px 0 0 0;
+}
h2.entry-title {
- border-bottom: 2px dotted #efefef;
font-size: 28px;
font-weight: 400;
- margin-bottom: 15px;
- padding: 10px 0 5px 0;
+ line-height: 130%;
+ margin: 0 0 15px 0;
}
h2.entry-title a,
View
@@ -1,4 +1,5 @@
hr.footer-divider {
+ border-top: 7px solid #e3e3e3;
margin: 25px 0 10px 0;
}
View
@@ -1,4 +1,7 @@
-header{ margin: 4px 0 30px 0; }
+header {
+ border: 1px solid red;
+ margin: 4px 0 30px 0;
+}
header div#header-logo-container {}
View
@@ -1,8 +1,10 @@
-nav#main-nav {}
+nav#main-nav {
+ margin: 30px 0 40px 0;
+}
nav#main-nav ul {
- border-bottom: 1px solid #efefef;
- border-top: 1px solid #efefef;
+ border-bottom: 7px solid #e3e3e3;
+ border-top: 7px solid #e3e3e3;
list-style: none;
margin: 0;
padding: 0;
@@ -14,9 +16,81 @@ nav#main-nav {}
}
nav#main-nav ul li a {
+ color: #666;
display: inline-block;
- font-weight: 400;
+ font-weight: 300;
+ font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
- padding: 6px 5%;
+ padding: 10px 5%;
}
+
+
+#nav-left {
+ vertical-align: top;
+ margin-right: -100px;
+ display: inline-block;
+ width: 50%;
+ position: relative;
+ z-index: 0;
+}
+
+#nav-left .nav-cnt {
+ padding-right: 100px;
+}
+
+#nav-fixed {
+ vertical-align: top;
+ width: 200px;
+ display: inline-block;
+ position: relative;
+ text-align: center;
+ z-index: 2;
+}
+
+#nav-right {
+ vertical-align: top;
+ margin-left: -100px;
+ display: inline-block;
+ width: 50%;
+ position: relative;
+ z-index: 1;
+}
+
+#nav-right .nav-cnt {
+ padding-left: 100px;
+}
+
+h1 {
+ text-transform: uppercase;
+ font-size: 42px;
+ font-weight: 300;
+ letter-spacing: 2px;
+ line-height: 100%;
+ margin: -7px 0 0 0;
+ padding: 0;
+}
+
+ h1 a {
+ color: #333;
+ text-decoration: none;
+ }
+
+ h1 a:hover {
+ color: #444;
+ text-decoration: none;
+ }
+
+p#header-icons {
+ margin: 0;
+ padding: 0;
+}
+
+ p#header-icons img {
+ border: none;
+ height: 16px;
+ margin-right: 5px;
+ width: 16px;
+ }
+
+ p#header-icons img #last-icon { margin: none; }

0 comments on commit db25894

Please sign in to comment.