Bootstrap that baby
This commit is contained in:
Ariejan de Vroom
parent
0fc0af5efc
commit
a22cb04cbb
2
Gemfile
2
Gemfile
|
|
@ -11,8 +11,6 @@ gem 'builder'
|
|||
|
||||
gem 'sass'
|
||||
gem 'compass'
|
||||
gem 'bourbon'
|
||||
gem 'neat'
|
||||
|
||||
gem 'typogruby'
|
||||
gem 'nanoc-cachebuster'
|
||||
|
|
|
|||
|
|
@ -3,9 +3,6 @@ GEM
|
|||
specs:
|
||||
adsf (1.1.1)
|
||||
rack (>= 1.0.0)
|
||||
bourbon (3.1.8)
|
||||
sass (>= 3.2.0)
|
||||
thor
|
||||
builder (3.2.2)
|
||||
chunky_png (1.2.8)
|
||||
coffee-script (2.2.0)
|
||||
|
|
@ -35,9 +32,6 @@ GEM
|
|||
nanoc (>= 3.3.0)
|
||||
nanoc-javascript-concatenator (0.0.2)
|
||||
nanoc (>= 3.3.0)
|
||||
neat (1.3.0)
|
||||
bourbon (>= 2.1)
|
||||
sass (>= 3.2)
|
||||
nokogiri (1.6.0)
|
||||
mini_portile (~> 0.5.0)
|
||||
posix-spawn (0.3.6)
|
||||
|
|
@ -50,7 +44,6 @@ GEM
|
|||
rubypants (0.2.0)
|
||||
sass (3.2.9)
|
||||
systemu (2.5.2)
|
||||
thor (0.18.1)
|
||||
tilt (1.4.1)
|
||||
typogruby (1.0.15)
|
||||
rubypants
|
||||
|
|
@ -67,7 +60,6 @@ PLATFORMS
|
|||
|
||||
DEPENDENCIES
|
||||
adsf
|
||||
bourbon
|
||||
builder
|
||||
coffee-script
|
||||
compass
|
||||
|
|
@ -78,7 +70,6 @@ DEPENDENCIES
|
|||
nanoc
|
||||
nanoc-cachebuster
|
||||
nanoc-javascript-concatenator
|
||||
neat
|
||||
nokogiri
|
||||
pygments.rb
|
||||
rack
|
||||
|
|
|
|||
7
Rules
7
Rules
|
|
@ -1,11 +1,6 @@
|
|||
#!/usr/bin/env ruby
|
||||
|
||||
SASS_LOAD_PATHS = [
|
||||
'content/css',
|
||||
File.join(`bundle show compass`.chomp, *%w[frameworks compass stylesheets]),
|
||||
File.join(`bundle show bourbon`.chomp, *%w[app assets stylesheets]),
|
||||
File.join(`bundle show neat`.chomp, *%w[app assets stylesheets])
|
||||
]
|
||||
SASS_LOAD_PATHS = ['content/css']
|
||||
|
||||
if ENV['NANOC_ENV'] == "production"
|
||||
puts " > Running in PRODUCTION mode"
|
||||
|
|
|
|||
|
|
@ -1,30 +0,0 @@
|
|||
// aside#adpack
|
||||
// // The Ad
|
||||
// .bsa_it
|
||||
// background-color: $clouds
|
||||
//
|
||||
// .bsa_it_ad
|
||||
// padding-top: rhythm(0.5)
|
||||
// padding-right: rhythm(0.5)
|
||||
// padding-bottom: rhythm(0.25)
|
||||
// padding-left: rhythm(0.5)
|
||||
//
|
||||
// // Image
|
||||
// .bsa_it_i
|
||||
// float: left
|
||||
// margin-right: rhythm(0.5)
|
||||
//
|
||||
// // Title
|
||||
// .bsa_it_t
|
||||
// color: $concrete
|
||||
// display: block
|
||||
// margin-top: rhythm(1)
|
||||
//
|
||||
// // Description
|
||||
// .bsa_it_d
|
||||
// color: $text-color
|
||||
// display: block
|
||||
//
|
||||
// // By AdPack
|
||||
// .bsa_it_p
|
||||
// display: none
|
||||
5583
content/css/_bootstrap.scss
Executable file
5583
content/css/_bootstrap.scss
Executable file
File diff suppressed because it is too large
Load Diff
|
|
@ -1,13 +0,0 @@
|
|||
$aj-text: #393939
|
||||
$aj-blue: $peterriver
|
||||
|
||||
body
|
||||
background-color: #737373
|
||||
color: $aj-text
|
||||
|
||||
a
|
||||
color: $aj-blue
|
||||
text-decoration: none
|
||||
|
||||
section#page
|
||||
background-color: #ffffff
|
||||
|
|
@ -1,40 +0,0 @@
|
|||
$max-width: em(920)
|
||||
$mobile: new-breakpoint(max-width 480px)
|
||||
|
||||
section#wrapper
|
||||
@include outer-container
|
||||
border: rhythm() solid transparent
|
||||
|
||||
@include media($mobile)
|
||||
border: rhythm(0.5) solid transparent
|
||||
|
||||
header
|
||||
@include span-columns(12)
|
||||
@include omega()
|
||||
|
||||
footer
|
||||
@include span-columns(12)
|
||||
@include omega()
|
||||
|
||||
section#page
|
||||
padding: rhythm(2)
|
||||
|
||||
@include media($mobile)
|
||||
padding: rhythm(1)
|
||||
|
||||
section#content
|
||||
@include span-columns(9)
|
||||
|
||||
aside#adpack
|
||||
@include span-columns(3)
|
||||
@include omega()
|
||||
|
||||
nav#primary,
|
||||
nav#social
|
||||
ol
|
||||
list-style-type: none
|
||||
|
||||
li
|
||||
display: inline-block
|
||||
|
||||
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
/** * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/) * http://cssreset.com * Copyright 2012 Yahoo! Inc. All rights reserved. * http://yuilibrary.com/license/ *//* TODO will need to remove settings on HTML since we can't namespace it. TODO with the prefix, should I group by selector or property for weight savings?*/html{ color:#000; background:#FFF;}/* TODO remove settings on BODY since we can't namespace it.*//* TODO test putting a class on HEAD. - Fails on FF. */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0;}table { border-collapse:collapse; border-spacing:0;}fieldset,img { border:0;}/* TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...*/address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;} ol,ul { list-style:none;} caption,th { text-align:left;}h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}q:before,q:after { content:'';}abbr,acronym { border:0; font-variant:normal;}/* to preserve line-height and selector appearance */sup { vertical-align:text-top;}sub { vertical-align:text-bottom;}input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit;}/*to enable resizing for IE*/input,textarea,select { *font-size:100%;}/*because legend doesn't inherit in IE */legend { color:#000;}/* YUI CSS Detection Stamp */#yui3-css-stamp.cssreset { display: none; }
|
||||
|
||||
|
|
@ -1,60 +0,0 @@
|
|||
@import url(http://fonts.googleapis.com/css?family=PT+Sans:700)
|
||||
|
||||
$text-color: #393939
|
||||
$base-font-size: 16px
|
||||
$base-line-height: 26px
|
||||
|
||||
@import "compass/typography"
|
||||
|
||||
@include establish-baseline
|
||||
|
||||
html, body
|
||||
font-family: 'PT Sans'
|
||||
font-weight: 200
|
||||
background-color: #737373
|
||||
color: $text-color
|
||||
|
||||
a
|
||||
color: $peterriver
|
||||
text-decoration: none
|
||||
|
||||
section#page
|
||||
background-color: #ffffff
|
||||
|
||||
header
|
||||
h1
|
||||
@include adjust-font-size-to(32px)
|
||||
font-family: 'PT Sans'
|
||||
font-weight: 700
|
||||
|
||||
nav#primary
|
||||
ol
|
||||
li
|
||||
@include adjust-font-size-to(16px)
|
||||
margin-right: rhythm(0.5)
|
||||
font-family: 'PT Sans'
|
||||
|
||||
a
|
||||
color: $concrete
|
||||
|
||||
nav#social
|
||||
display: none
|
||||
|
||||
article.post
|
||||
margin-top: rhythm(1)
|
||||
|
||||
p
|
||||
margin-bottom: rhythm(1)
|
||||
|
||||
#meta
|
||||
font-family: 'PT Sans'
|
||||
font-weight: 200
|
||||
color: $concrete
|
||||
|
||||
h1
|
||||
@include adjust-font-size-to(48px)
|
||||
color: $peterriver
|
||||
|
||||
#body
|
||||
|
||||
#comments
|
||||
|
|
@ -1,21 +1,80 @@
|
|||
@import "flat-ui-colors"
|
||||
|
||||
@import "bourbon"
|
||||
@import "neat"
|
||||
|
||||
/* == Compass reset == */
|
||||
@import "compass/reset"
|
||||
|
||||
/* == Typography == */
|
||||
@import "typography"
|
||||
|
||||
/* == Layout == */
|
||||
@import "layout"
|
||||
|
||||
/* == Colours and backgrounds == */
|
||||
@import "colours"
|
||||
|
||||
@import "adpack"
|
||||
|
||||
/* == Pygments == */
|
||||
@import "bootstrap"
|
||||
@import "pygments"
|
||||
|
||||
$text-color: #696969
|
||||
$focus-color: #ff0000
|
||||
|
||||
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
|
||||
|
||||
h1, h2, h3, h4, h5, h6
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
|
||||
font-weight: 200
|
||||
|
||||
#header
|
||||
border-top: 3px solid $focus-color
|
||||
|
||||
a, a:hover
|
||||
color: $text-color
|
||||
|
||||
h1, ol
|
||||
font-size: 1.2em
|
||||
display: inline-block
|
||||
|
||||
h1
|
||||
padding-right: 0.4em
|
||||
|
||||
a
|
||||
color: darken($text-color, 15%)
|
||||
span
|
||||
color: darken($text-color, 30%)
|
||||
font-weight: 800
|
||||
|
||||
ol
|
||||
padding-left: 0
|
||||
|
||||
li
|
||||
display: inline-block
|
||||
padding-right: 0.4em
|
||||
|
||||
#main
|
||||
#content
|
||||
|
||||
#adpacks
|
||||
text-align: right
|
||||
font-size: 0.8em
|
||||
|
||||
#posts
|
||||
.post
|
||||
margin-bottom: 20px
|
||||
|
||||
h2.title
|
||||
margin-top: 0
|
||||
|
||||
a
|
||||
color: darken($text-color, 15%)
|
||||
|
||||
.date
|
||||
margin-bottom: 0
|
||||
|
||||
.summary
|
||||
|
||||
#footer
|
||||
ul.tla
|
||||
padding-left: 0
|
||||
font-size: 0.8em
|
||||
|
||||
li
|
||||
display: inline-block
|
||||
|
||||
a
|
||||
color: $text-color
|
||||
|
|
|
|||
|
|
@ -1,12 +1,9 @@
|
|||
---
|
||||
title: Ariejan de Vroom's Blog
|
||||
title: blog
|
||||
---
|
||||
%section#posts
|
||||
- articles_by_year(sorted_articles).each do |year, articles|
|
||||
%h2.year= year
|
||||
- articles.each do |article|
|
||||
.post-listing
|
||||
%h3.title= link_to article[:title], article.path, title: article[:title]
|
||||
.summary
|
||||
%p Written by <strong>Ariejan de Vroom</strong> on #{get_pretty_date(article)}.
|
||||
= article[:summary]
|
||||
#posts
|
||||
- sorted_articles.each do |article|
|
||||
.post
|
||||
%p.date= get_pretty_date(article)
|
||||
%h2.title= link_to article[:title], article.path, title: article[:title]
|
||||
%p.summary= article[:summary]
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
%meta(charset="UTF-8")
|
||||
%meta(content="text/html;charset=utf-8" http-equiv="content-type")
|
||||
%meta(http-equiv="X-UA-Compatible" content="IE=edge")
|
||||
%meta(name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no")
|
||||
%meta(name="viewport" content="width=device-width,initial-scale=1.0")
|
||||
%meta(name="author" content="Ariejan de Vroom")
|
||||
|
||||
%meta(name="description" content="a blog by ariejan de vroom about software engineering and craftsmanship.")
|
||||
|
|
@ -20,45 +20,33 @@
|
|||
|
||||
%link(href="/css/screen.css" rel="stylesheet" type="text/css" media="screen")
|
||||
|
||||
%title= "#{@item[:title]} — ariejan.net"
|
||||
%title= "#{@item[:title]} — ariejan de vroom"
|
||||
|
||||
%body
|
||||
:javascript
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.type = 'text/javascript';
|
||||
bsa.async = true;
|
||||
bsa.src = '//s3.buysellads.com/ac/bsa.js';
|
||||
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
|
||||
})();
|
||||
|
||||
%section#wrapper
|
||||
%section#page
|
||||
%header#title
|
||||
%h1= link_to "ariejan.net", "https://ariejan.net/"
|
||||
|
||||
%nav#primary
|
||||
.container
|
||||
.row#header
|
||||
.col-sm-12
|
||||
%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/"
|
||||
%li= link_to "home", "/"
|
||||
%li= link_to "projects", "/projects/"
|
||||
%li= link_to "craftsmanship", "/craftsmanship/"
|
||||
%li= link_to "talks", "/talks/"
|
||||
%li= link_to "about", "/about/"
|
||||
|
||||
%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"
|
||||
|
||||
%section#content
|
||||
.row#main
|
||||
.col-sm-9
|
||||
#content
|
||||
= yield
|
||||
|
||||
.col-sm-3
|
||||
#adpacks
|
||||
.bsarocks.bsap_a40a34b3f2d124df05e7c20ddaa79bd8#bsap_1287881
|
||||
%a(href="http://adpacks.com" id="bsap_aplink") via Ad Packs
|
||||
|
||||
|
||||
%footer
|
||||
.row#footer
|
||||
.col-sm-12
|
||||
.copyright
|
||||
%p
|
||||
Copyright © 1999 - #{Time.now.year} Ariejan de Vroom
|
||||
|
|
@ -69,6 +57,24 @@
|
|||
<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');
|
||||
bsa.type = 'text/javascript';
|
||||
bsa.async = true;
|
||||
bsa.src = '//s3.buysellads.com/ac/bsa.js';
|
||||
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
|
||||
})();
|
||||
|
||||
:javascript
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-60089-16']);
|
||||
|
|
|
|||
|
|
@ -5,10 +5,6 @@
|
|||
%p.meta
|
||||
Written by <strong>Ariejan de Vroom</strong> on #{get_pretty_date(item)}.
|
||||
|
||||
%section#adpack
|
||||
.bsarocks.bsap_a40a34b3f2d124df05e7c20ddaa79bd8#bsap_1287881
|
||||
%a(href="http://adpacks.com" id="bsap_aplink") via Ad Packs
|
||||
|
||||
%section#body
|
||||
= yield
|
||||
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@ module PostHelper
|
|||
end
|
||||
|
||||
def get_pretty_date(post)
|
||||
attribute_to_time(post[:created_at]).strftime('%-d %B %Y')
|
||||
attribute_to_time(post[:created_at]).strftime('%A %-d %B %Y')
|
||||
end
|
||||
|
||||
def get_tags(post)
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user