Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also compare across forks.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also compare across forks.
base fork: gurgeh/gurgeh.github.com
base: 564724ce02
...
head fork: gurgeh/gurgeh.github.com
compare: cb8c1466d7
  • 2 commits
  • 24 files changed
  • 0 commit comments
  • 1 contributor
Commits on Sep 27, 2012
David Fendrich Site updated at 2012-09-27 16:44:27 UTC 3afb5cf
David Fendrich Made various updates cb8c146
View
10 _config.yml
@@ -4,9 +4,9 @@
# New and better title?
-url: http://gurgeh.github.com
-title: Fake Guido
-subtitle: Not your mother's Guido
+url: http://fendrich.se
+title: IFHO
+subtitle: In Fendrich's Humble Opinion
author: David Fendrich
simple_search: http://google.com/search
description: Thoughts on AI, programming and transhumanism
@@ -91,8 +91,8 @@ delicious_user:
delicious_count: 3
# Disqus Comments
-disqus_short_name:
-disqus_show_comment_count: false
+disqus_short_name: ifho
+disqus_show_comment_count: true
# Google Analytics
google_analytics_tracking_id:
View
9 sass/base/_layout.scss
@@ -1,4 +1,4 @@
-$max-width: 1200px !default;
+$max-width: 1037px !default;
// Padding used for layout margins
$pad-min: 18px !default;
@@ -7,16 +7,16 @@ $pad-medium: 35px !default;
$pad-wide: 55px !default;
// Sidebar widths used in media queries
-$sidebar-width-medium: 240px !default;
+$sidebar-width-medium: 286px !default;
$sidebar-pad-medium: 15px !default;
$sidebar-pad-wide: 20px !default;
-$sidebar-width-wide: 300px !default;
+$sidebar-width-wide: 286px !default;
$indented-lists: false !default;
$header-font-size: 1em !default;
$header-padding-top: 1.5em !default;
-$header-padding-bottom: 1.5em !default;
+$header-padding-bottom: 0.7em !default;
.group { @include pie-clearfix; }
@@ -189,4 +189,3 @@ body.sidebar-footer {
ul, ol { margin-left: 0; }
}
}
-
View
67 sass/base/_theme.scss
@@ -1,16 +1,16 @@
-$noise-bg: image-url('noise.png') top left !default;
$img-border: inline-image('dotted-border.png');
// Main Link Colors
-$link-color: lighten(#165b94, 3) !default;
+$link-color: #3464a4 !default;
$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default;
-$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default;
+$link-color-visited: $link-color;
$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;
// Main Section Colors
-$main-bg: #f8f8f8 !default;
-$page-bg: #252525 !default;
+$main-bg: #f2f2f2 !default;
+$page-bg: #262C33 !default;
$article-border: #eeeeee !default;
+$content-bg: #F8F8F8;
$header-bg: #333 !default;
$header-border: lighten($header-bg, 15) !default;
@@ -23,7 +23,6 @@ $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-color: darken($nav-bg, 38) !default;
$nav-color-hover: darken($nav-color, 25) !default;
@@ -48,7 +47,6 @@ $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-color: darken($footer-bg, 38) !default;
$footer-color-hover: darken($footer-color, 10) !default;
@@ -75,12 +73,63 @@ html {
background: $page-bg image-url('line-tile.png') top left;
}
body {
+ #main{
+ background: $main-bg;
+ }
+ #content{
+ background: $content-bg;
+ }
> div {
- background: $sidebar-bg $noise-bg;
border-bottom: 1px solid $page-border-bottom;
> div {
- background: $main-bg $noise-bg;
border-right: 1px solid $sidebar-border;
}
}
}
+
+.notfound404 article{
+ margin-left: 0 !important;
+}
+
+@media only screen and (min-width: 550px) {
+
+ body > header h2 { padding-left: 3px; }
+
+ body > footer { margin-bottom: 3em; }
+}
+
+@media only screen and (min-width: 1040px) {
+
+ body > nav {
+ -moz-border-radius: 0.4em;
+ -webkit-border-radius: 0.4em;
+ border-radius:0.4em;
+ margin-bottom: 2em;
+ }
+
+ body > footer{
+ -moz-border-radius-bottomleft: 0.4em;
+ -moz-border-radius-bottomright: 0.4em;
+ -webkit-border-radius: 0 0 0.4em 0.4em;
+ border-radius: 0 0 0.4em 0.4em;
+ }
+
+ #main{
+ -moz-border-radius-topleft: 0.4em;
+ -moz-border-radius-topright: 0.4em;
+ -webkit-border-radius: 0.4em 0.4em 0 0;
+ border-radius: 0.4em 0.4em 0 0;
+ }
+
+ #content{
+ -moz-border-radius-topleft: 0.4em;
+ -webkit-border-radius: 0.4em 0 0 0;
+ border-radius: 0.4em 0 0 0;
+ }
+
+ #content .blog-index a[rel="full-article"]{
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+ }
+}
View
41 sass/base/_typography.scss
@@ -1,11 +1,18 @@
+
+@font-face {
+ font-family: "League";
+ src: url('/font/LeagueGothic.otf');
+}
+
$blockquote: $type-border !default;
-$sans: "PT Sans", "Helvetica Neue", Arial, sans-serif !default;
-$serif: "PT Serif", Georgia, Times, "Times New Roman", serif !default;
+$sans: "Lato", sans-serif;
+$serif: "Lato", sans-serif;
$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;
+$heading-font-family: 'Lato', sans-serif;
+$header-title-font-family: "League", Helvetica, Arial, sans-serif;
$header-subtitle-font-family: $heading-font-family !default;
+
// Fonts
.heading {
font-family: $heading-font-family;
@@ -29,16 +36,28 @@ body > header h2 {
body {
line-height: 1.5em;
color: $text-color;
+ font-size: 1em;
@extend .serif;
}
+
h1 {
- font-size: 2.2em;
+ font-size: 1.8em;
line-height: 1.2em;
}
+h1.external{
+ font-style: italic;
+}
+
+h1 span{
+ font-weight: normal;
+ font-style: normal;
+ color: #E0841B;
+}
+
@media only screen and (min-width: 992px) {
- body { font-size: 1.15em; }
- h1 { font-size: 2.6em; line-height: 1.2em; }
+ body { font-size: 1em; }
+ h1 { font-size: 1.8em; line-height: 1.2em; }
}
#{headings()}{
@@ -62,6 +81,11 @@ h5, section h4, section section h3 {
h6, section h5, section section h4, section section section h3 {
font-size: .8em;
}
+
+article h2, article h3, article header h1{
+ font-weight: normal;
+}
+
p, blockquote, ul, ol { margin-bottom: 1.5em; }
ul { list-style-type: disc;
@@ -107,9 +131,10 @@ big { font-size: 1.2em; }
blockquote {
$bq-margin: 1.2em;
+ color: #555555;
font-style: italic;
position: relative;
- font-size: 1.2em;
+ font-size: 1em;
line-height: 1.5em;
padding-left: 1em;
border-left: 4px solid rgba($text-color-light, .5);
View
2  sass/custom/_colors.scss
@@ -5,13 +5,11 @@
//$header-bg: #263347;
//$subtitle-color: lighten($header-bg, 58);
//$nav-bg: desaturate(lighten(#8fc17a, 18), 5);
-//$nav-bg-front: image-url('noise.png');
//$nav-bg-back: linear-gradient(lighten($nav-bg, 8), $nav-bg, darken($nav-bg, 11));
//$sidebar-bg: desaturate(#eceff5, 8);
//$sidebar-link-color: saturate(#526f9a, 10);
//$sidebar-link-color-hover: darken(#7ab662, 9);
//$footer-bg: #ccc !default;
-//$footer-bg-front: image-url('noise.png');
//$footer-bg-back: linear-gradient(lighten($footer-bg, 8), $footer-bg, darken($footer-bg, 11));
View
2  sass/custom/_styles.scss
@@ -1,2 +1,2 @@
// This File is imported last, and will override other styles in the cascade
-// Add styles here to make changes without digging in too much
+// Add styles here to make changes without digging in too much
View
8 sass/partials/_archive.scss
@@ -2,6 +2,7 @@
#content > div { &, > article { padding-top: 0; } }
}
#blog-archives {
+ margin-top: -1.4em;
article {
padding: 1em 0 1em;
position: relative;
@@ -9,12 +10,12 @@
&:last-child {
background: none;
}
- footer { padding: 0; margin: 0;}
+ footer { font-size: 0.9em; padding: 0; margin: 0;}
}
h1 { color: $text-color; margin-bottom: .3em; }
h2 { display: none; }
h1 {
- font-size: 1.5em;
+ font-size: 1.1em;
a {
@include hover-link;
color: inherit;
@@ -44,6 +45,7 @@
margin-bottom: .3em;
font-weight: normal;
display: inline-block;
+ padding-top: 0.70em;
position: relative; top: -1px;
float: left;
&:first-child { padding-top: .75em; }
@@ -52,7 +54,7 @@
position: absolute;
text-align: right;
left: 0em;
- top: 1.8em;
+ top: 1.15em;
}
.year { display: none; }
article {
View
32 sass/partials/_blog.scss
@@ -1,6 +1,10 @@
article {
padding-top: 1em;
a { @extend .force-wrap; }
+ p{
+ text-align:justify;
+ margin-bottom: 1em;
+ }
header {
position: relative;
padding-top: 2em;
@@ -67,14 +71,36 @@ article {
}
}
> footer {
- padding-bottom: 2.5em;
+ padding-bottom: 1em;
margin-top: 2em;
@extend .sans;
p.meta {
margin-bottom: .8em;
+ margin-top: 0.8em;
font-size: .85em;
clear: both;
overflow: hidden;
+ a.articlenav{
+ background: #ffffff;
+ border: 1px solid #e8e8e8;
+ -moz-border-radius: 0.4em;
+ -webkit-border-radius: 0.4em;
+ border-radius: 0.4em;
+ color: #555555;
+ padding: .4em .8em;
+ text-decoration: none;
+ &:hover{
+ background: #4e7cb2;
+ border: 1px solid #ffffff;
+ color: #FFFFFF;
+ }
+ @media only screen and (max-width: 550px) {
+ float: none !important;
+ display: block;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ }
+ }
}
.byline + time:before, time +time:before, .comments:before, .byline ~ .categories:before {
@extend .separator;
@@ -92,8 +118,8 @@ article + article {
article { padding-top: 2em; }
article header { background: none; padding-bottom: 0; }
article h1 {
- font-size: 2.2em;
- a { color: inherit; &:hover { color: $link-color-hover; } }
+ font-size: 1.8em;
+ a { color: #555555; &:hover { text-decoration:none } }
}
a[rel=full-article] {
background: darken($main-bg, 5);
View
7 sass/partials/_footer.scss
@@ -4,13 +4,16 @@ body > footer {
color: $footer-color;
text-shadow: lighten($footer-bg, 5) 0 1px;
background-color: $footer-bg;
- @include background($footer-bg-front, $footer-bg-back);
+ @include background($footer-bg-back);
border-top: 1px solid $footer-border-top;
position: relative;
padding-top: 1em;
padding-bottom: 1em;
+ -moz-border-radius: 0 0 0.4em 0.4em;
+ -webkit-border-radius: 0 0 0.4em 0.4em;
+ border-radius:0 0 0.4em 0.4em;
margin-bottom: 3em;
- @include border-bottom-radius(.4em);
+
z-index: 1;
a {
@include link-colors($footer-link-color, $footer-link-color-hover, $visited: $footer-link-color);
View
41 sass/partials/_header.scss
@@ -1,18 +1,53 @@
body > header {
- background: $header-bg;
+ padding-left:0;
h1 {
display: inline-block;
margin: 0;
+ font-size: 2.7em;
+ padding-left: 0.1em;
+ text-shadow: rgba(0, 0, 0, 0.8) 0 0 8px;
+ float: left;
a, a:visited, a:hover {
color: $title_color;
text-decoration: none;
}
}
+ div{
+ float: left;
+ font-family: $header-title-font-family;
+ color: #FFFFFF;
+ span{
+ color: blue;
+ }
+ }
+ div#logo{
+ margin-top: 0.58em;
+ font-size: 1.9em;
+ color: #f9f9f9;
+ }
+ div#logoText{
+ color: #f1f1f1;
+ letter-spacing: 1px;
+ margin: -1px 0 0 -6px;
+ }
+ div#logoRight{
+ margin-left: -6px;
+ }
+ div#logoLeft, #logoRight{
+ color: #1b88ff;
+ font-family: "Courier New", Courier, monospace;
+ font-weight: normal;
+ font-size: 1.2em;
+ margin-left: -8px;
+ }
h2 {
- margin: .2em 0 0;
+ margin: -10px 0 0 0;
@extend .sans;
- font-size: 1em;
+ font-size: 0.6em;
color: $subtitle-color;
font-weight: normal;
+ letter-spacing: 1px;
+ clear: both;
+ float: left;
}
}
View
23 sass/partials/_navigation.scss
@@ -1,20 +1,21 @@
body > nav {
position: relative;
background-color: $nav-bg;
- @include background($nav-bg-front, $nav-bg-back);
+ @include background($nav-bg-back);
border: {
top: 1px solid $nav-border-top;
bottom: 1px solid $nav-border-bottom; }
- padding-top: .35em;
- padding-bottom: .35em;
+ padding-top: .15em;
+ padding-bottom: .15em;
+ padding-right: 0.9em !important;
form {
@include background-clip(padding-box);
margin: 0; padding: 0;
.search {
- padding: .3em .5em 0;
+ padding: .1em .5em .2em .5em;
font-size: .85em;
font-family: $sans;
- line-height: 1.1em;
+ line-height: 1em;
width: 95%;
@include border-radius(.5em);
@include background-clip(padding-box);
@@ -42,7 +43,7 @@ body > nav {
@include horizontal-list(0);
float: left;
display: block;
- padding-top: .15em;
+ padding-top: .1em;
}
ul.subscription {
margin-left: .8em;
@@ -51,6 +52,7 @@ body > nav {
}
ul li {
margin: 0;
+ font-size: 0.9em;
}
a {
@include link-colors($nav-color, $nav-color-hover, $visited: $nav-color);
@@ -74,7 +76,7 @@ body > nav {
float: right;
text-align: left;
padding-left: .8em;
- width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium + 20px;
+ width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium + 52px;
.search {
width: 93%;
font-size: .95em;
@@ -90,7 +92,7 @@ body > nav {
}
@media only screen and (min-width: 992px) {
form {
- width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 + 10px;
+ width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 + 52px;
}
ul[data-subscription$=email] + form {
width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 - 58px;
@@ -130,8 +132,7 @@ body > nav {
}
}
}
- ul.subscription { position: relative; top: .2em; li, a { border: 0; padding: 0; }}
+ ul.subscription { position: relative; top: 0; li, a { border: 0; padding: 0; }}
a[rel=subscribe-rss]{ @include mask-subscription-nav('rss.png'); }
a[rel=subscribe-email]{ @include mask-subscription-nav('email.png'); }
-}
-
+}
View
9 sass/partials/_syntax.scss
@@ -5,12 +5,10 @@
font-size: 13px;
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;
@@ -47,11 +45,10 @@ html .gist .gist-file {
color: $base01;
font-size: .7em !important;
@if $solarized == light {
- background: lighten($base03, 2) $noise-bg;
border: 1px solid $pre-border !important;
border-top: 1px solid lighten($base03, 2) !important;
} @else {
- background: $base02 $noise-bg;
+ background: $base02;
}
@extend .sans;
line-height: 1.5em;
@@ -73,7 +70,7 @@ html .gist .gist-file {
}
}
pre {
- background: $pre-bg $noise-bg;
+ background: $pre-bg;
@include border-radius(.4em);
@extend .mono;
border: 1px solid $pre-border;
@@ -115,7 +112,7 @@ p, li {
padding: .8em !important;
overflow-x: auto;
line-height: 1.45em;
- background: $base03 $noise-bg !important;
+ background: $base03 !important;
color: $base1 !important;
span { color: $base1 !important; }
span { font-style: normal !important; font-weight: normal !important; }
View
26 sass/partials/sidebar/_base.scss
@@ -1,11 +1,18 @@
.side-shadow-border {
@include box-shadow(lighten($sidebar-bg, 5) 0 1px);
}
+
aside.sidebar {
overflow: hidden;
color: $sidebar-color;
text-shadow: lighten($sidebar-bg, 8) 0 1px;
- a { @extend .force-wrap; }
+ -moz-border-radius-topright: 0.4em;
+ -webkit-border-radius: 0 0.4em 0 0;
+ border-radius: 0 0.4em 0 0;
+ a {
+ @extend .force-wrap;
+ text-decoration: none;
+ }
section {
@extend .sans;
font-size: .8em;
@@ -15,12 +22,19 @@ aside.sidebar {
margin: 1.5em 0 0;
padding-bottom: .2em;
border-bottom: 1px solid $sidebar-border;
+ letter-spacing: 0.1em;
@extend .side-shadow-border;
+ p {
padding-top: .4em;
}
}
}
+ section.about{
+ color: #888888;
+ font-size: 1em !important;
+ font-style:italic;
+ margin-bottom: 2em;
+ }
img {
@extend .flex-content;
@extend .basic-alignment;
@@ -55,6 +69,11 @@ aside.sidebar {
color: $sidebar-link-color-subdued-hover;
}
}
+ul#gh_repos > li > a{
+ display: block;
+ font-weight: bold;
+ margin-bottom: 0.4em;
+}
@media only screen and (min-width: 768px) {
.toggle-sidebar {
@@ -66,6 +85,9 @@ aside.sidebar {
width: 9px;
cursor: pointer;
&:hover {
+ -moz-border-radius: 0 0.4em 0 0;
+ -webkit-border-radius: 0 0.4em 0 0;
+ border-radius: 0 0.4em 0 0;
background: mix($sidebar-border, $sidebar-bg);
@include background(linear-gradient(left, rgba($sidebar-border, .5), rgba($sidebar-border, 0)));
}
@@ -77,7 +99,7 @@ aside.sidebar {
padding-bottom: .15em;
@include border-bottom-right-radius(.3em);
text-align: center;
- background: $main-bg $noise-bg;
+ background: $main-bg;
border-bottom: 1px solid $sidebar-border;
border-right: 1px solid $sidebar-border;
content: "\00BB";
View
12 source/_includes/article.html
@@ -1,9 +1,17 @@
{% unless page.no_header %}
<header>
{% if index %}
- <h1 class="entry-title"><a href="{{ root_url }}{{ post.url }}">{% if site.titlecase %}{{ post.title | titlecase }}{% else %}{{ post.title }}{% endif %}</a></h1>
+ {% if post.external-url %}<!-- This defines how Octopress will use posts with external-url. -->
+ <h1 class="entry-title external"><a href="{{ post.external-url }}">{% if site.titlecase %}{{ post.title | titlecase }} <span>&rArr;</span>{% else %}{{ post.title }}{% endif %}</a></h1>
+ {% else %}<!-- Now we're back to normal posts. Note the links used under href in both headers.-->
+ <h1 class="entry-title"><a href="{{ root_url }}{{ post.url }}">{% if site.titlecase %}{{ post.title | titlecase }}{% else %}{{ post.title }}{% endif %}</a></h1>
+ {% endif %}
{% else %}
- <h1 class="entry-title">{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}</h1>
+ {% if page.external-url %}
+ <h1 class="entry-title external"><a href="{{ page.external-url }}">{% if site.titlecase %}{{ page.title | titlecase }} <span>&rArr;</span>{% else %}{{ page.title }}{% endif %}</a></h1>
+ {% else %}
+ <h1 class="entry-title">{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}</h1>
+ {% endif %}
{% endif %}
{% unless page.meta == false %}
<p class="meta">
View
5 source/_includes/custom/after_footer.html
@@ -1,3 +1,8 @@
{% comment %}
Add content to be output at the bottom of each page. (You might use this for analytics scripts, for example)
{% endcomment %}
+
+<a title="Real Time Analytics" href="http://getclicky.com/100529738"><img alt="Real Time Analytics" src="//static.getclicky.com/media/links/badge.gif" border="0" /></a>
+<script src="//static.getclicky.com/js" type="text/javascript"></script>
+<script type="text/javascript">try{ clicky.init(100529738); }catch(e){}</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100529738ns.gif" /></p></noscript>
View
3  source/_includes/custom/asides/about.html
@@ -1,4 +1,3 @@
<section>
- <h1>About Me</h1>
- <p>A little something about me.</p>
+A little something about me.
</section>
View
2  source/_includes/custom/head.html
@@ -1,3 +1,5 @@
+{% assign favicon = '/favicon.ico' %}
<!--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">
+
View
6 source/_includes/custom/header.html
@@ -1,6 +1,12 @@
<hgroup>
+ <div id="logo">
+ <!-- <div id="logoLeft">{</div><div id="logText"><img src="/images/SimpsonDavid.png" width="36" height="36"></div><div id="logoRight">}</div>
+ <div class="clear"></div>-->
+ </div>
<h1><a href="{{ root_url }}/">{{ site.title }}</a></h1>
{% if site.subtitle %}
<h2>{{ site.subtitle }}</h2>
{% endif %}
+ <div class="clear"></div>
</hgroup>
+
View
4 source/_includes/head.html
@@ -18,12 +18,14 @@
{% capture canonical %}{{ site.url }}{% if site.permalink contains '.html' %}{{ page.url }}{% else %}{{ page.url | remove:'index.html' }}{% endif %}{% endcapture %}
<link rel="canonical" href="{{ canonical }}">
- <link href="{{ root_url }}/favicon.png" rel="icon">
+ <link href="{{ root_url }}/favicon.ico" rel="icon">
<link href="{{ root_url }}/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<script src="{{ root_url }}/javascripts/modernizr-2.0.js"></script>
<script src="{{ root_url }}/javascripts/ender.js"></script>
<script src="{{ root_url }}/javascripts/octopress.js" type="text/javascript"></script>
<link href="{{ site.subscribe_rss }}" rel="alternate" title="{{site.title}}" type="application/atom+xml">
+ <link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
{% include custom/head.html %}
{% include google_analytics.html %}
</head>
+
View
4 source/_layouts/post.html
@@ -17,10 +17,10 @@
{% endunless %}
<p class="meta">
{% if page.previous.url %}
- <a class="basic-alignment left" href="{{page.previous.url}}" title="Previous Post: {{page.previous.title}}">&laquo; {{page.previous.title}}</a>
+ <a class="basic-alignment left articlenav" href="{{page.previous.url}}" title="Previous Post: {{page.previous.title}}">&laquo; {{page.previous.title}}</a>
{% endif %}
{% if page.next.url %}
- <a class="basic-alignment right" href="{{page.next.url}}" title="Next Post: {{page.next.title}}">{{page.next.title}} &raquo;</a>
+ <a class="basic-alignment right articlenav" href="{{page.next.url}}" title="Next Post: {{page.next.title}}">{{page.next.title}} &raquo;</a>
{% endif %}
</p>
</footer>
View
26 source/_posts/2012-09-27-octopress-and-github-as-blogging-platform.markdown
@@ -0,0 +1,26 @@
+---
+layout: post
+title: "Octopress and Github as a blogging platform"
+date: 2012-09-27 16:37
+comments: true
+categories:
+published: true
+---
+I have switched from Blogspot to [Octopress](http://octopress.org). Any self respecting coder should realize that 1) blogging is text and 2) text should be in revision control. Also 3) blogging is public text, so the revision control can be on a public server, like Github.
+<!--more-->
+
+It was fairly easy, just follow the instructions on Octopress. If you are running Ubuntu, don't `apt-get rbenv`, use the latest version from Github instead. This is actually what the Octopress instructions tells you to do, but I ignored it and I am now happy to have survived.
+
+The Octopress instructions for deploying to Github is also straightforward enough, as are the Github instructions for using your own domain name.
+
+I used an [external script](https://gist.github.com/1765496) to migrate my Blogspot articles to my new site. It worked OK, but formatting was lost and the comments became static text. If you browse them, you will see that they currently look kinda ugly. When I have fixed them up a bit, I will begin forwarding all my old posts from Blogspot to fendrich.se.
+
+There are not an abundance of themes yet, but you can always design one yourself. Picking colors and doing basic layout is easy. If you are design impaired, like I, there are a few ready-made [here](https://github.com/imathis/octopress/wiki/3rd-Party-Octopress-Themes). Currently I use Darkstripes.
+
+Also, a good blog has comments (and a good blog reader comments!), so I enabled [Disqus](http://disqus.com).
+
+Google Analytics support is built in, but just to be hip, I use [Clicky](http://getclicky.com) instead. It was simple to install. Just put the tracking code in `/source/_includes/custom/after_footer.html`.
+
+I created my own favicon from my Twitter picture by using this [tool](http://www.favicon.cc/) and stuck it in the */source* directory. Possible because I am using Darkstripes I had to edit `/source/_includes/head.html` and change *favico.png* to *favico.ico*.
+
+That's basically it. Hopefully this means I blog more. And better. And that the next post contains code. And perhaps even a pretty image. Or graph. And full sentences.
View
BIN  source/favicon.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  source/images/line-tile.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
14 source/javascripts/github.js
@@ -3,22 +3,22 @@ var github = (function(){
var i = 0, fragment = '', t = $(target)[0];
for(i = 0; i < repos.length; i++) {
- fragment += '<li><a href="'+repos[i].url+'">'+repos[i].name+'</a><p>'+repos[i].description+'</p></li>';
+ fragment += '<li><a href="'+repos[i].html_url+'">'+repos[i].name+'</a><p>'+repos[i].description+'</p></li>';
}
t.innerHTML = fragment;
}
return {
showRepos: function(options){
$.ajax({
- url: "http://github.com/api/v2/json/repos/show/"+options.user+"?callback=?"
+ url: "https://api.github.com/users/"+options.user+"/repos?callback=?"
, type: 'jsonp'
, error: function (err) { $(options.target + ' li.loading').addClass('error').text("Error loading feed"); }
, success: function(data) {
var repos = [];
- if (!data || !data.repositories) { return; }
- for (var i = 0; i < data.repositories.length; i++) {
- if (options.skip_forks && data.repositories[i].fork) { continue; }
- repos.push(data.repositories[i]);
+ if (!data || !data.data) { return; }
+ for (var i = 0; i < data.data.length; i++) {
+ if (options.skip_forks && data.data[i].fork) { continue; }
+ repos.push(data.data[i]);
}
repos.sort(function(a, b) {
var aDate = new Date(a.pushed_at).valueOf(),
@@ -34,4 +34,4 @@ var github = (function(){
});
}
};
-})();
+})();

No commit comments for this range

Something went wrong with that request. Please try again.