![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
elfsAfter 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.
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.
![[identity profile]](https://www.dreamwidth.org/img/silk/identity/openid.png){kind=small}
no subject
Date: 2008-07-26 01:08 am (UTC)no subject
Date: 2008-07-26 01:39 am (UTC)no subject
Date: 2008-07-26 06:00 am (UTC)Why the heck is a website designed for how big you think my monitor is? The size of my monitor has absolutely nothing to do with the size of my browser window. My desktop is 3200x1200 on this machine, and 1920x1200 on my laptop, but there's still no way that I'd use a browser window that's a thousand pixels wide.
no subject
Date: 2008-07-26 06:25 am (UTC)You could, in theory, build a liquid design, complete with ems and all that, but IE and Firefox still don't agree on details like min-width, max-width, etc, so.
It's the countervail to "Don't say what you wouldn't want to show up on the NY Times." The Times aims for 960 wide; so does everyone else.
no subject
Date: 2008-07-26 02:43 am (UTC)I can see
<div id="header">
<h1>The Journal Entries>/h1>
<h3 id="pendordate"></h3>
</div>
when I view source though
(I'm using Firefox 3 on XP at present)
no subject
Date: 2008-07-26 02:52 am (UTC)no subject
Date: 2008-07-26 03:32 am (UTC)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
no subject
Date: 2008-07-26 03:41 am (UTC)no subject
Date: 2008-07-26 04:23 am (UTC)no subject
Date: 2008-07-26 04:49 am (UTC)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.
no subject
Date: 2008-07-26 04:57 am (UTC)When I check banner.png, I see:
#identify banner.png
banner.png PNG 960x77 960x77+0+0 DirectClass 8.1kb
no subject
Date: 2008-07-26 04:58 am (UTC)no subject
Date: 2008-07-26 05:03 am (UTC)I agree, must have been some sort of blocking going on between me and you on banner.png.
minor
Date: 2008-07-26 03:56 pm (UTC)When in one of the Other Stories grouping, the link back to the Short Stories and Ephemera page links to pendorwright.com/others (the directory is actually other currently)
no subject
Date: 2008-07-26 04:06 pm (UTC)Plus I've finally got all the dick girl stuff I wanted :P