elfs: (Default)
[personal profile] elfs
After almost of month of work, I'm happy to announce that I've launched Pendorwright 2008, an all-new look and feel for my writing blog. Everything there is my own design: the header, the photography, the style sheets, and so forth.

I started with a couple of different things I knew what I wanted to do: I wanted my photo on the header, I wanted the right sidebar to be big and to be mostly about my stories, so most of the blogging administrivia of other websites belonged more in the footer than anywhere else. The blog should be on the home page; the old view was wimpy.

I took my inspiration from a lot of different places. An old site about yachting that's no longer around provided the template for what the header should look like, but I did my own textures and colors. The orange and blue came from the uniforms of the "soldiers of the future" in the video game Lost Odyssey. The photograph work was all my own. The torn and stressed paper background came from CG Textures, as did the leather texture I used in the header.

The PHP layout started life as Elements of SEO and quickly warped, with contributions from PersonalMag and Hemingway adding ideas for column control and footer design, although I wimped out and didn't do the hard-core PHP stuff found in Hemingway, but instead wrote it simple.

But the big deal is the right-hand column. It contains hand-coded SQL for an entirely different database: The stories database. What does this buy me? Just about everything: the power to add series whenever I want, the ability to put stories up at will and have them show up on schedule, without my having to hand-control them. As long as the HTML document contains a comment field with the right metadata (which is stripped out before deployment, so you'll never even see it), a little script entitled 'add story' will automagically create an entry in the database, and all the SQL in the system will automagically make those stories show up in the correct series's index when their time comes (bwahahahah!). Or at least the pubdate is now or earlier. All of the indices are driven off one MySQL table.

The price of this was, sadly, having to wrap all my story deployments in an executable. It's not as non-performant as I feared, and it seems to work pretty well. It would have been nice if I could have wrapped all of them into a single executable, but sadly that was not to be: the index engines for all of them are slightly different. Aimee and Bloody Beth are the same, but The Journal Entries are "special" (damn that date format!) and the Other Tales section has its own needs.

In the past week I have learned more than I ever thought I'd know about Ruby (but not Rails), PHP, the insides of Wordpress, the Gimp and using my Wacom pad, MySQL, configuring Apache's RewriteEngine... holy moly, that was a lot of work. And my wrists are killing me.

There's still some work to be done. I want to fix a few graphical 'tics' inside the Pendorwright Theme, add an "available in paperback" section, a proper RSS feed for the stories index and so forth. Then I want to add to the stories sections themselves with some graphical work and fix those sidebars so they're universal and look more like the one used by front page, which is why this is labeled 'beta'. But it worked. Lessons to come.

Date: 2008-07-26 03:32 am (UTC)
ext_74896: Tyler Durden (Default)
From: [identity profile] mundens.livejournal.com
Don't know if this will help at all, but the following css errors are coming out on the Firefox error console :

Warning: Expected end of value for property but found 'margin'.
Error in parsing value for property 'top'. Declaration dropped.
Source File: http://pendorwright.com/journals/index.css
Line: 28
Warning: Expected color but found '#black'. Error in parsing value for property 'color'. Declaration dropped.
Source File: http://pendorwright.com/wp-content/themes/pendorwright1/style.css
Line: 280

Date: 2008-07-26 03:41 am (UTC)
ext_74896: Tyler Durden (Default)
From: [identity profile] mundens.livejournal.com
More info, in case it helps. I'm seeing background images on the Aimee and Bloody Beth pages, but not on the Journal and Other pages and I'm seeing title images on everything except the Journal Entries page.

Date: 2008-07-26 04:23 am (UTC)
From: [identity profile] elfs.livejournal.com
Huh. Well, I fixed the errors you mentioned, and I've looked at it in Firefox 2.0.0.16, Epiphany (Webkit May 2008), and Dillo (GTKHTML), and it seems to be "okay." I don't have a Windows box here. I'll ask Omaha how it looks under Safari in a bit.

Date: 2008-07-26 04:49 am (UTC)
ext_74896: Tyler Durden (Default)
From: [identity profile] mundens.livejournal.com
OK, looked a bit further. I think the main reason I'm not seeing the Journal entries header image is that "banner.png" referenced in the journals/index.css for the id #header, is appearing here as a 1x1 pixel image, and my software is also telling me that although it has a .png extensikon it's really a GIF file. I proved this by directly loading it using the URL http://pendorwright.com/journals/banner.png

I don't see the text for the h1 tag witht eh contents "The Journal Entries" because it's being absolutely positioned to -500em, but I'd guess thats intentional.

BTW, I get exactly the same results using Internet Explorer 7, there's definitely something screwy with that banner.png file.

Date: 2008-07-26 04:57 am (UTC)
From: [identity profile] elfs.livejournal.com
Wacky. I'm not seeing that at all. And the fact that it's happening in both browsers suggests to me that you have a proxy problem: something between you and me is catching the 'banner.png' and substituting something. Maybe it thinks it's an ad? Do you have an adblocker running?

When I check banner.png, I see:

#identify banner.png
banner.png PNG 960x77 960x77+0+0 DirectClass 8.1kb

Date: 2008-07-26 04:58 am (UTC)
From: [identity profile] elfs.livejournal.com
I've renamed it 'header.png'. Maybe that'll help?

Date: 2008-07-26 05:03 am (UTC)
ext_74896: Tyler Durden (Default)
From: [identity profile] mundens.livejournal.com
Well, that certainly fixed it for me!
I agree, must have been some sort of blocking going on between me and you on banner.png.

Profile

elfs: (Default)
Elf Sternberg

December 2025

S M T W T F S
 12345 6
78910111213
14151617181920
21222324252627
28293031   

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Dec. 30th, 2025 10:46 pm
Powered by Dreamwidth Studios