Jesse Buchanan (“jbinto”)

I’m a software developer, a Torontonian, and a Leafs fan.

First impressions of Octopress

| Comments

It’s interesting. It shows I still have a lot to learn. I don’t need to know how everything works exactly: I can treat it as a black box and still be productive. But here’s some things I need to work on:

  • CSS 3 including media queries, responsive design
  • Markdown: I know how to make links and lists, but that’s about it.
  • Sass: A CSS compiler to make things DRY

How I updated the CSS

I’ve never been very good at CSS. CSS3 with Sass is almost completely foreign to me. Since responsive design is all the rage these days, I’ll resist my temptation to rip it all out and start from scratch, and gradually obtain an understanding of it over time. In the meantime, the Sass is structured in a way that lets you set customizations (colors, fonts) in a centralized place.

I’m just poking around at these values. desaturate and lighten are Sass functions.

sass/_custom/_colors.scss
1
2
3
$header-bg: #0f164b;
$nav-bg: desaturate(lighten(#80849f, 18), 5);
$sidebar-bg: desaturate(#eceff5, 8);
sass/_custom/_styles.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#content {
   font-size: 87.5%;
}

header {
  font-size: 68%;
  text-decoration: underline;
}

h2 {
  color: #93A1A1;
}

/* The nav seems like a waste of space to me. */
nav { display: none; }

/* Everything is too big... */
pre { font-size: 75%; }

Things I still don’t like

  • Heroku has an almost 10 second spin-up time when your app has been inactive. I may move it elsewhere.

  • I don’t know what to do about images. If I move to a static host, I could just host them myself. I’ve tried 500px and honestly don’t care for it.

Comments