abhin4v
/
old-website
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Modified the look and feel

This commit is contained in:
Abhinav Sarkar 2012-10-29 01:04:12 +05:30
parent d2fe06c3cb
commit 5346f3aeee
9 changed files with 41 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
_config.yml
View File

@ -3,9 +3,9 @@
# ----------------------- #
url: http://abhin4v.github.com
title: My Octopress Blog
subtitle: A blogging framework for hackers.
author: Your Name
title: abhinavsarkar.net
subtitle:
author: Abhinav Sarkar
simple_search: http://google.com/search
description:
@ -32,7 +32,7 @@ source: source
destination: public
plugins: plugins
code_dir: downloads/code
category_dir: blog/categories
category_dir: blog/cats
markdown: rdiscount
pygments: false # default python pygments have been replaced by pygments.rb
@ -58,18 +58,18 @@ default_asides: [asides/recent_posts.html, asides/github.html, asides/twitter.ht
# ----------------------- #
# Github repositories
github_user:
github_repo_count: 0
github_user: abhin4v
github_repo_count: 5
github_show_profile_link: true
github_skip_forks: true
# Twitter
twitter_user:
twitter_tweet_count: 4
twitter_user: abhin4v
twitter_tweet_count: 5
twitter_show_replies: false
twitter_follow_button: true
twitter_show_follower_count: false
twitter_tweet_button: true
twitter_tweet_button: false
# Google +1
google_plus_one: false
@ -85,7 +85,7 @@ pinboard_user:
pinboard_count: 3
# Delicious
delicious_user:
delicious_user: abhin4v
delicious_count: 3
# Disqus Comments

2
sass/base/_layout.scss
View File

@ -1,4 +1,4 @@
$max-width: 1200px !default;
$max-width: 100% !default;
// Padding used for layout margins
$pad-min: 18px !default;

28
sass/base/_theme.scss
View File

@ -1,4 +1,4 @@
$noise-bg: image-url('noise.png') top left !default;
$noise-bg: top left !default;
$img-border: inline-image('dotted-border.png');
// Main Link Colors
@ -8,13 +8,13 @@ $link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !defaul
$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;
// Main Section Colors
$main-bg: #f8f8f8 !default;
$page-bg: #252525 !default;
$main-bg: #fff !default;
$page-bg: #ffffff !default;
$article-border: #eeeeee !default;
$header-bg: #333 !default;
$header-bg: #fff !default;
$header-border: lighten($header-bg, 15) !default;
$title-color: #f2f2f2 !default;
$title-color: #111 !default;
$subtitle-color: #aaa !default;
$text-color: #222 !default;
@ -22,20 +22,20 @@ $text-color-light: #aaa !default;
$type-border: #ddd !default;
/* Navigation */
$nav-bg: #ccc !default;
$nav-bg-front: image-url('noise.png') !default;
$nav-bg-back: linear-gradient(lighten($nav-bg, 8), $nav-bg, darken($nav-bg, 11)) !default;
$nav-bg: #eaeaea !default;
$nav-bg-front: $noise-bg !default;
$nav-bg-back: #f5fbff !default;
$nav-color: darken($nav-bg, 38) !default;
$nav-color-hover: darken($nav-color, 25) !default;
$nav-placeholder: desaturate(darken($nav-bg, 10), 15) !default;
$nav-border: darken($nav-bg, 10) !default;
$nav-border-top: lighten($nav-bg, 15) !default;
$nav-border-top: darken($nav-bg, 25) !default;
$nav-border-bottom: darken($nav-bg, 25) !default;
$nav-border-left: darken($nav-bg, 11) !default;
$nav-border-right: lighten($nav-bg, 7) !default;
$nav-border-right: darken($nav-bg, 11) !default;
/* Sidebar colors */
$sidebar-bg: #f2f2f2 !default;
$sidebar-bg: lighten(#f5fbff,1) !default;
$sidebar-link-color: $link-color !default;
$sidebar-link-color-hover: $link-color-hover !default;
$sidebar-link-color-active: $link-color-active !default;
@ -48,8 +48,8 @@ $twitter-status-link: lighten($sidebar-link-color-subdued, 15) !default;
$footer-color: #888 !default;
$footer-bg: #ccc !default;
$footer-bg-front: image-url('noise.png') !default;
$footer-bg-back: linear-gradient(lighten($footer-bg, 8), $footer-bg, darken($footer-bg, 11)) !default;
$footer-bg-front: $noise-bg !default;
$footer-bg-back: #f5fbff !default;
$footer-color: darken($footer-bg, 38) !default;
$footer-color-hover: darken($footer-color, 10) !default;
$footer-border-top: lighten($footer-bg, 15) !default;
@ -72,7 +72,7 @@ a {
}
html {
background: $page-bg image-url('line-tile.png') top left;
background: $page-bg;
}
body {
> div {

6
sass/base/_typography.scss
View File

@ -1,7 +1,7 @@
$blockquote: $type-border !default;
$sans: "PT Sans", "Helvetica Neue", Arial, sans-serif !default;
$serif: "PT Serif", Georgia, Times, "Times New Roman", serif !default;
$mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !default;
$mono: "Droid Sans Mono", Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !default;
$heading-font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif !default;
$header-title-font-family: $heading-font-family !default;
$header-subtitle-font-family: $heading-font-family !default;
@ -27,7 +27,7 @@ body > header h2 {
}
body {
line-height: 1.5em;
line-height: 1.2em;
color: $text-color;
@extend .serif;
}
@ -37,7 +37,7 @@ h1 {
}
@media only screen and (min-width: 992px) {
body { font-size: 1.15em; }
body { font-size: 1em; }
h1 { font-size: 2.6em; line-height: 1.2em; }
}

2
sass/custom/_colors.scss
View File

@ -16,7 +16,7 @@
/* To use the light Solarized highlighting theme uncomment the following line */
//$solarized: light;
$solarized: light;
/* If you want to tweak the Solarized colors you can do that here */
//$base03: #002b36; //darkest blue

4
sass/partials/_footer.scss
View File

@ -2,15 +2,13 @@ body > footer {
@extend .sans;
font-size: .8em;
color: $footer-color;
text-shadow: lighten($footer-bg, 5) 0 1px;
background-color: $footer-bg;
@include background($footer-bg-front, $footer-bg-back);
border-top: 1px solid $footer-border-top;
position: relative;
padding-top: 1em;
padding-bottom: 1em;
margin-bottom: 3em;
@include border-bottom-radius(.4em);
margin-bottom: 0em;
z-index: 1;
a {
@include link-colors($footer-link-color, $footer-link-color-hover, $visited: $footer-link-color);

7
sass/partials/_navigation.scss
View File

@ -16,7 +16,6 @@ body > nav {
font-family: $sans;
line-height: 1.1em;
width: 95%;
@include border-radius(.5em);
@include background-clip(padding-box);
@include box-shadow(lighten($nav-bg, 2) 0 1px);
background-color: lighten($nav-bg, 15);
@ -42,7 +41,6 @@ body > nav {
@include horizontal-list(0);
float: left;
display: block;
padding-top: .15em;
}
ul.subscription {
margin-left: .8em;
@ -59,15 +57,16 @@ body > nav {
float: left;
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
padding: .1em 0;
line-height: 1.5em;
}
li + li {
border-left: 1px solid $nav-border-left;
//border-left: 1px solid $nav-border-left;
margin-left: .8em;
a {
padding-left: .8em;
border-left: 1px solid $nav-border-right;
//border-left: 1px solid $nav-border-right;
}
}
form {

24
sass/partials/_syntax.scss
View File

@ -2,18 +2,16 @@
table td.code { width: 100%; }
.line-numbers {
text-align: right;
font-size: 13px;
font-size: 0.8em;
line-height: 1.45em;
@if $solarized == light {
background: lighten($base03, 1) $noise-bg !important;
border-right: 1px solid darken($base02, 2) !important;
@include box-shadow(lighten($base03, 2) -1px 0 inset);
text-shadow: lighten($base02, 2) 0 -1px;
} @else {
background: $base02 $noise-bg !important;
border-right: 1px solid darken($base03, 2) !important;
@include box-shadow(lighten($base02, 2) -1px 0 inset);
text-shadow: darken($base02, 10) 0 -1px;
}
span { color: $base01 !important; }
padding: .8em !important;
@ -74,11 +72,10 @@ html .gist .gist-file {
}
pre {
background: $pre-bg $noise-bg;
@include border-radius(.4em);
@extend .mono;
border: 1px solid $pre-border;
line-height: 1.45em;
font-size: 13px;
font-size: 0.8em;
margin-bottom: 2.1em;
padding: .8em 1em;
color: $pre-color;
@ -99,7 +96,6 @@ p, li {
line-height: 1.5em;
color: #555;
border: 1px solid #ddd;
@include border-radius(.4em);
padding: 0 .3em;
margin: -1px 0;
}
@ -107,7 +103,7 @@ p, li {
}
.pre-code {
@include selection(adjust-color($base03, $lightness: 23%, $saturation: -65%), $text-shadow: $base03 0 1px);
@include selection(adjust-color($base03, $lightness: 23%, $saturation: -65%));
font-family: $mono !important;
overflow: scroll;
overflow-y: hidden;
@ -225,19 +221,14 @@ figure.code {
.code-title {
text-align: center;
font-size: 13px;
font-size: 0.8em;
line-height: 2em;
text-shadow: #cbcccc 0 1px 0;
color: #474747;
font-weight: normal;
margin-bottom: 0;
@include border-top-radius(5px);
font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;
background: #aaaaaa image-url("code_bg.png") top repeat-x;
border: 1px solid #565656;
border-top-color: #cbcbcb;
border-left-color: #a5a5a5;
border-right-color: #a5a5a5;
background: #E6F1F6;
border: 1px solid #cecece;
border-bottom: 0;
}
@ -246,8 +237,7 @@ figure.code {
@include hover-link;
color: #666 !important;
z-index: 1;
font-size: 13px;
text-shadow: #cbcccc 0 1px 0;
font-size: 0.8em;
padding-left: 3em;
}

1
source/_includes/custom/head.html
View File

@ -1,3 +1,4 @@
<!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono" rel="stylesheet" type="text/css">