Done with post page
This commit is contained in:
parent
a22cb04cbb
commit
8a73eb3bf7
|
@ -1052,6 +1052,7 @@ pre code {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
@media (min-width: 992px) {
|
@media (min-width: 992px) {
|
||||||
.container {
|
.container {
|
||||||
max-width: 940px;
|
max-width: 940px;
|
||||||
|
@ -1205,7 +1206,9 @@ pre code {
|
||||||
margin-left: 91.66666666666666%;
|
margin-left: 91.66666666666666%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
@media (min-width: 1200px) {
|
@media (min-width: 1200px) {
|
||||||
.container {
|
.container {
|
||||||
max-width: 1140px;
|
max-width: 1140px;
|
||||||
|
@ -1359,6 +1362,7 @@ pre code {
|
||||||
margin-left: 91.66666666666666%;
|
margin-left: 91.66666666666666%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
table {
|
table {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
|
|
@ -3,16 +3,13 @@
|
||||||
@import "pygments"
|
@import "pygments"
|
||||||
|
|
||||||
$text-color: #696969
|
$text-color: #696969
|
||||||
$focus-color: #ff0000
|
$focus-color: $peterriver
|
||||||
|
|
||||||
body
|
body
|
||||||
color: $text-color
|
color: $text-color
|
||||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
|
||||||
font-weight: 400
|
font-weight: 400
|
||||||
|
|
||||||
.container
|
|
||||||
width: 720px
|
|
||||||
|
|
||||||
a, a:hover, a:active, a:visited
|
a, a:hover, a:active, a:visited
|
||||||
color: $focus-color
|
color: $focus-color
|
||||||
|
|
||||||
|
@ -31,7 +28,7 @@ h1, h2, h3, h4, h5, h6
|
||||||
display: inline-block
|
display: inline-block
|
||||||
|
|
||||||
h1
|
h1
|
||||||
padding-right: 0.4em
|
padding-right: 0.8em
|
||||||
|
|
||||||
a
|
a
|
||||||
color: darken($text-color, 15%)
|
color: darken($text-color, 15%)
|
||||||
|
@ -44,30 +41,66 @@ h1, h2, h3, h4, h5, h6
|
||||||
|
|
||||||
li
|
li
|
||||||
display: inline-block
|
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
|
#main
|
||||||
#content
|
|
||||||
|
|
||||||
#adpacks
|
#adpacks
|
||||||
text-align: right
|
text-align: right
|
||||||
font-size: 0.8em
|
font-size: 0.8em
|
||||||
|
|
||||||
#posts
|
.bsa_it_i
|
||||||
.post
|
float: right
|
||||||
margin-bottom: 20px
|
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-top: 0
|
||||||
|
margin-bottom: 20px
|
||||||
|
|
||||||
a
|
a
|
||||||
color: darken($text-color, 15%)
|
color: darken($text-color, 15%)
|
||||||
|
|
||||||
.date
|
p.meta
|
||||||
|
margin-top: 20px
|
||||||
margin-bottom: 0
|
margin-bottom: 0
|
||||||
|
|
||||||
.summary
|
|
||||||
|
|
||||||
#footer
|
#footer
|
||||||
ul.tla
|
ul.tla
|
||||||
padding-left: 0
|
padding-left: 0
|
||||||
|
|
|
@ -19,31 +19,43 @@
|
||||||
%link(href="https://ariejan.net/rss.xml" rel="alternate" type="application/rss+xml" title="RSS")
|
%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="/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"
|
%title= "#{@item[:title]} — ariejan de vroom"
|
||||||
|
|
||||||
%body
|
%body
|
||||||
.container
|
.container
|
||||||
.row#header
|
.row#header
|
||||||
.col-sm-12
|
.col-sm-9
|
||||||
%h1
|
%h1
|
||||||
%a(href="/") ariejan <span>de vroom</span>
|
%a(href="/") ariejan <span>de vroom</span>
|
||||||
%ol
|
%ol
|
||||||
%li= link_to "home", "/"
|
|
||||||
%li= link_to "projects", "/projects/"
|
%li= link_to "projects", "/projects/"
|
||||||
%li= link_to "craftsmanship", "/craftsmanship/"
|
%li= link_to "craftsmanship", "/craftsmanship/"
|
||||||
%li= link_to "talks", "/talks/"
|
%li= link_to "talks", "/talks/"
|
||||||
%li= link_to "about", "/about/"
|
%li= link_to "about", "/about/"
|
||||||
|
|
||||||
.row#main
|
.col-sm-3.align-right.hidden-xs
|
||||||
.col-sm-9
|
%ol.social
|
||||||
#content
|
%li
|
||||||
= yield
|
%a(href="https://github.com/ariejan")
|
||||||
|
%i.icon-github
|
||||||
|
|
||||||
.col-sm-3
|
%li
|
||||||
#adpacks
|
%a(href="https://twitter.com/ariejan")
|
||||||
.bsarocks.bsap_a40a34b3f2d124df05e7c20ddaa79bd8#bsap_1287881
|
%i.icon-twitter
|
||||||
%a(href="http://adpacks.com" id="bsap_aplink") via Ad Packs
|
|
||||||
|
%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
|
.row#footer
|
||||||
.col-sm-12
|
.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.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>
|
<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
|
:javascript
|
||||||
(function(){
|
(function(){
|
||||||
var bsa = document.createElement('script');
|
var bsa = document.createElement('script');
|
||||||
|
|
|
@ -1,14 +1,16 @@
|
||||||
%article.post
|
.row
|
||||||
%section#meta
|
.col-sm-12
|
||||||
%h1= item[:title]
|
.post
|
||||||
|
%p.meta= get_pretty_date(item)
|
||||||
|
%h1.title= item[:title]
|
||||||
|
|
||||||
%p.meta
|
.row
|
||||||
Written by <strong>Ariejan de Vroom</strong> on #{get_pretty_date(item)}.
|
.col-sm-9
|
||||||
|
.post
|
||||||
%section#body
|
.body
|
||||||
= yield
|
= yield
|
||||||
|
|
||||||
%section#comments
|
#comments
|
||||||
#disqus_thread
|
#disqus_thread
|
||||||
|
|
||||||
:javascript
|
:javascript
|
||||||
|
@ -18,3 +20,8 @@
|
||||||
dsq.src = '//ariejannet.disqus.com/embed.js';
|
dsq.src = '//ariejannet.disqus.com/embed.js';
|
||||||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
(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
|
||||||
|
|
Loading…
Reference in New Issue
Block a user