Using Fargo to build Scripting News home page

Intro

The home page of Scripting News, at scripting.com, is a static page in an S3 bucket.

Before this work, I used a Frontier tool named threads.root to build the home page from an OPML file. Previously that OPML file had been edited with the OPML Editor, but a couple of weeks ago I made some small changes to the build script and was able to switch over to using Fargo.

But I want the home page to have a Fargo look too, not just the story pages.

At first I thought I'd make a few more mods to the threads.root tool to get it looking close to what the Fargo home page looks like, then I thought I'd try going in a different direction. Let's tweak up the look of the Fargo home page so that I can build the static home page just by reading the HTML from dave.smallpict.com and copying it to the S3 bucket.

I'm going to narrate that work here.

The steps

1. I created a new glossary entry, <%customStylesScripts%> so I could override some of the styles in the template. I want to do as little to the template as I have to. (Note: In the end I didn't have to modify the template at all, I was able to do it all with CSS.)

2. The links to the story titles should be black and bigger, so I added a style:

.aBloghomeTitle {

color: black;

font-size: 1.8em;

}

3. I don't want the title and description at the top of the page, so I added a style to turn its display property to none:

.divTitleDescription {

display: none;

}

4. I want the at the bottom of the post to be black. I accomplished that by adding this style:

.aWhenCreated {

color: black;

}

5. I felt the body of the page needed to be a bit further down from the menu bar, so I added 25 pixels above it with this style:

.divOutlineBody {

margin-top: 25px;

}

Changes to the menu

The previous version of Scripting News used tabs to provide access to several different sets of content.

1. The most recent posts.

2. The most recent links on my linkblog

3. Links to the monthly archive.

4. My personal river

We don't yet have tabs in Fargo (I want them) but we do have menus, something the previous version of Scripting News did not have. So I'm going to use menu items to link to the linkblog, and the river. The monthly archive is a problem, because it wasn't being maintained since September 2012. So I'm going to link to it also, and set a goal of getting it up to date asap!

I also need to change the title from "Dave's Fargo Blog" to Scripting News.

Add a description: "Scripting News, the weblog started in 1997 that bootstrapped the blogging revolution."

Things that are not coming across

There's the big Scripting News banner down the left edge. That was fine for a while, but I'm tired of it. Maybe it'll come back some day.

The About dialog will be replaced by a web page.

Things to think about

1. Mirroring the story pages in the S3 bucket as well.

2. Stuff that's in the head section of Scripting News

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

<link rel="alternate" type="application/rss+xml" title="RSS" href="http://scripting.com/rss.xml" />

<link rel="alternate" type="application/rss+xml" title="RSS/link-blog" href="http://links.scripting.com/rss.xml" />

<link rel="alternate" type="application/opml+xml" title="Outline" href="https://dl.dropbox.com/s/v8e5gighrh8prpc/myPublicProfile.opml" />

<meta name="generator" content="OPML Editor v0.75/threadsSuite.buildHomePage">

<meta name="description" content="Scripting News, the weblog started in 1997 that bootstrapped the blogging revolution.">

3. Linking to the feed

Instead of linking to dave.smallpict.com/rss.xml, we have to link to scripting.com/rss.xml.


Posted: Sun, 04 Aug 2013 18:07:12 GMT