Done with post page

This commit is contained in:
Ariejan de Vroom 2013-08-14 12:23:36 +02:00
parent a22cb04cbb
commit 8a73eb3bf7
4 changed files with 102 additions and 55 deletions

View File

@ -1052,6 +1052,7 @@ pre code {
}
}
/*
@media (min-width: 992px) {
.container {
max-width: 940px;
@ -1205,7 +1206,9 @@ pre code {
margin-left: 91.66666666666666%;
}
}
*/
/*
@media (min-width: 1200px) {
.container {
max-width: 1140px;
@ -1359,6 +1362,7 @@ pre code {
margin-left: 91.66666666666666%;
}
}
*/
table {
max-width: 100%;

View File

@ -3,16 +3,13 @@
@import "pygments"
$text-color: #696969
$focus-color: #ff0000
$focus-color: $peterriver
body
color: $text-color
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
font-weight: 400
.container
width: 720px
a, a:hover, a:active, a:visited
color: $focus-color
@ -31,7 +28,7 @@ h1, h2, h3, h4, h5, h6
display: inline-block
h1
padding-right: 0.4em
padding-right: 0.8em
a
color: darken($text-color, 15%)
@ -44,30 +41,66 @@ h1, h2, h3, h4, h5, h6
li
display: inline-block
padding-right: 0.4em
padding-right: 0.8em
.align-right
text-align: right
ol.social
margin-top: 15px
li
padding-right: 0
padding-left: 0.4em
a
font-size: 1.2em
color: $focus-color
#main
#content
#adpacks
text-align: right
font-size: 0.8em
#posts
.post
margin-bottom: 20px
.bsa_it_i
float: right
display: block
width: 130px
margin-bottom: 10px
h2.title
.bsa_it_t,
.bsa_it_d
display: inline-block
clear: right
text-align: right
width: 130px
margin-bottom: 10px
.bsa_it_t
color: darken($text-color, 30%)
.bsa_it_d
color: $text-color
.bsa_it_p
display: none
a#bsap_aplink,
display: inline
color: lighten($text-color, 30%)
.post
h1.title
margin-top: 0
margin-bottom: 20px
a
color: darken($text-color, 15%)
.date
p.meta
margin-top: 20px
margin-bottom: 0
.summary
#footer
ul.tla
padding-left: 0

View File

@ -19,31 +19,43 @@
%link(href="https://ariejan.net/rss.xml" rel="alternate" type="application/rss+xml" title="RSS")
%link(href="/css/screen.css" rel="stylesheet" type="text/css" media="screen")
%link(href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet")
%title= "#{@item[:title]} — ariejan de vroom"
%body
.container
.row#header
.col-sm-12
.col-sm-9
%h1
%a(href="/") ariejan <span>de vroom</span>
%ol
%li= link_to "home", "/"
%li= link_to "projects", "/projects/"
%li= link_to "craftsmanship", "/craftsmanship/"
%li= link_to "talks", "/talks/"
%li= link_to "about", "/about/"
.row#main
.col-sm-9
#content
= yield
.col-sm-3.align-right.hidden-xs
%ol.social
%li
%a(href="https://github.com/ariejan")
%i.icon-github
.col-sm-3
#adpacks
.bsarocks.bsap_a40a34b3f2d124df05e7c20ddaa79bd8#bsap_1287881
%a(href="http://adpacks.com" id="bsap_aplink") via Ad Packs
%li
%a(href="https://twitter.com/ariejan")
%i.icon-twitter
%li
%a(href="http://www.linkedin.com/in/ariejan")
%i.icon-linkedin
%li
%a(href="https://ariejan.net/rss.xml")
%i.icon-rss
.row#main
.col-sm-12
= yield
.row#footer
.col-sm-12
@ -57,15 +69,6 @@
<li><a href="http://www.rankexecutives.com/white-hat-seo">White Hat SEO</a></li>
<li><a href="http://www.healthy-dietplans.com/coupons/medifast-promo-codes/">Medifast Coupon Code</a></li>
-#
%nav#social
%ol
%li= link_to "github", "https://github.com/ariejan"
%li= link_to "twitter", "https://twitter.com/ariejan"
%li= link_to "linkedin", "http://www.linkedin.com/in/ariejan"
%li= link_to "RSS", "https://ariejan.net/rss.xml"
%li= link_to "Contact", "mailto:ariejan@ariejan.net"
:javascript
(function(){
var bsa = document.createElement('script');

View File

@ -1,14 +1,16 @@
%article.post
%section#meta
%h1= item[:title]
.row
.col-sm-12
.post
%p.meta= get_pretty_date(item)
%h1.title= item[:title]
%p.meta
Written by <strong>Ariejan de Vroom</strong> on #{get_pretty_date(item)}.
%section#body
.row
.col-sm-9
.post
.body
= yield
%section#comments
#comments
#disqus_thread
:javascript
@ -18,3 +20,8 @@
dsq.src = '//ariejannet.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
.col-sm-3.hidden-xs
#adpacks
.bsarocks.bsap_a40a34b3f2d124df05e7c20ddaa79bd8#bsap_1287881
%a(href="http://adpacks.com" id="bsap_aplink") via Ad Packs