Submitted by R. Neal on Mon, 2009/11/23 - 5:53pm

As you can see, we've made some changes to the layout at KnoxViews.

I was reworking some of the plumbing (rewriting the psychedelic template and CSS by hand using notepad, well actually TextPad, into something I can read and maintain while replacing HTML tables with CSS where possible) and went ahead and did some minor cosmetic surgery in the process.

The new layout is intended to make the front page more focused on content v. navigation and to relieve some of the congestion to allow for a little more white space that hopefully enhances readability. It should also load slightly faster without having to render all those complicated tables.

The login and navigation menus have been moved over to the right, and they have been tidied up a bit.

The main change to the menus, other than location, is that "create content" has been replaced with direct links to the kinds of content you can create, like "New blog entry," etc.

We'll be tweaking things over the next few days, I'm sure. Please let me know in comments if you find something missing or odd or not working, or just let us know what you think.

Thanks!

Topics:
106
vote
R. Neal's picture

Note to those who view

Note to those who view source and still see psychedelic HTML. Drupal generates most of that. The entire page template for this site is now 84 lines of HTML, and the style sheet was reduced to about 2100 bytes from about 13K before. The rest of that stuff is on Drupal.

B Harmon's picture

Ignore user?

Can we block replies by those posting that we find tedious or offensive with this feature? I can only think of one that would qualify for this.

WhitesCreek's picture

Interesting. I'm not sure

Interesting. I'm not sure about it yet but I like new stuff so have at it.

Anonymously Nine's picture

Beats the new look at the

Beats the new look at the KNS.

redmondkr's picture

I like it!

I like it!


Visit us at:

The Home

mjw's picture

First impressions

I like the new layout. I love the wide discussion summary and upcoming events. I like the order of the boxes in the double column section. I also like the tone-on-tone color scheme.

There's something I don't like about the font in the actual content section, but I'm not sure what. Maybe it needs to go down a point? Or maybe tighten up the line spacing? Also, the line that identifies the source blog and the the comment count just fades out. If you don't want to keep the bold, maybe go with the same color you use to flag new comments in the discussion summary?

The comment page seriously needs a separator between the comments or a greenbar layout or something. Note the similarity between the titles and the link in redmondkr's sig. Also, the "new" tag shouldn't be in front of the photo; it makes it wander left and right on the page when someone doesn't provide a photo.

Factchecker's picture

I like it. Though I agree

I like it. Though I agree w/ mjw's last paragraph about the comments needing delineation.

R. Neal's picture

Thanks for the feedback and

Thanks for the feedback and suggestions. Some tweaks made...

KC's picture

The change works well for

The change works well for me.

One suggestion:

On the Blog-O-Rama and Media Blogs side bars, it seems to run together. Maybe double space after each bullet?

The dogmas of the quiet past, are inadequate to the stormy present.
President Abraham Lincoln 1862

R. Neal's picture

Thanks, Gary. Adjusted the

Thanks, Gary. Adjusted the spacing a little.

gonzone's picture

looks good

Drupal is a great platform.
Lots of people using it, including the White House.
Here's a look at it's penetration:
http://trends.builtwith.com/cms

I also love Textpad as an editor.
Not too much, not too little.

Oh, yes, the page loads much faster. Tables are so web 1.0! :-)

"If ignorance is bliss, why aren't more people happy?"

metulj's picture

Suppress the BCBS Ad as it

Suppress the BCBS Ad as it causes a giant sea of blue between the Masthead and the beginning of the content?

True happiness is knowing you are a hypocrite. -- Ivor Cutler

Stimulating the economy as best we can!

Further stimulation with Yoga Wear!

Oh My Oh's picture

very nice!

I like the look.

jah's picture

I like it, but

I'm liking the change, but I wish y'all would go back to full feeds for RSS. It's a hassle having to come here to view it when I should be able to read it in Google Reader.

But I'm digging the sharpness of it, and it is definitely faster.

Brian A.'s picture

I like the layout of the

I like the layout of the stuff on the right.

It seems the left-hand content column could use something more to delineate individual entries. It looks just a little bit too plain.

Brian A.
I'd rather be cycling.

mjw's picture

Second Impressions

Really liking the tweaks so far. The boxes around the comments will be particularly helpful when nine and metulj go on so long in dialog that the comments end up about a word wide. ;-)

I was on the fence about the button bar below a post, but taking the buttons down a size makes all the difference. And I like the Shortcuts box. (I had just noticed those orphaned buttons last night, and now you've already fixed it.)

Good job.

R. Neal's picture

Thanks, mjw, and everyone

Thanks, mjw, and everyone else for the comments and feedback.

Other tweaks this afternoon include rounded box borders for Firefox and Safari browsers, and a completely revamped events/calendar app.

I was looking at the Drupal code for the old events module to tweak a couple of things, and decided it was too ancient and bloated (like me) to figure out so I ditched it and recreated it using Drupal content types, CCK, date and calendar modules, and views.

I was also playing around with the Yahoo UI WYSIWYG editor module for Drupal that looks promising, but it's missing a couple of key Drupal things that I couldn't figure out how to customize without hacking a bunch of code that I don't want to maintain.

Anyway, I think I'm done for a few days. It's turkey time! (Wild and otherwise).

Brian A.'s picture

It looks better! Brian A.I'd

It looks better!

Brian A.
I'd rather be cycling.

jbr's picture

Navigation box

I think it is ok. I need to use it more to develop more of an opinion. Something that hits me from my usage so far, I use the navigation section pretty regularly and now I have to scroll to it a lot. Given my personal usage pattern that is an inconvenience.

Navigation box being Home, Contact, My Account, etc.

R. Neal's picture

Thanks, jbr. What functions

Thanks, jbr. What functions do you frequently use from the navigation section?

jbr's picture

Home, My Account, My inbox,

Home, My Account, My inbox, create content and I would group "search" in that category although I have always scrolled down to find the query text box before. I had not previously noticed search in the long list.

I like the different color used for the new comments in the topics list. That is helpful.

GDrinnen2's picture

I use the mobile version 60%

I use the mobile version 60% of the time and I have noticed something in mobile that would make it work much more conveniently. In the recent discussions section, if I click on the new comment link it doesn't take me directly to the new comment like it does directly below the post. Therefore in a lengthy discussion it can take forever to scroll to the bottom. My bberry scroll ball would appreciate that tweak!

onetahiti's picture

Excellent work! Way to go! :)

R. Neal,

East Tennessee is lucky you are here! :)

-- OneTahiti

R. Neal's picture

@gdrinnen2, mobi should be

@gdrinnen2, mobi should be fixed for new comments, let me know...

@jbr, buttons added (clicking the KnoxViews banner at the top takes you to the home page, or if you are at the bottom of the page there is a 'breadcrumb' with a link to 'home').

Thanks!

GDrinnen2's picture

awesomeness!

They work like a charm! Now if everyone provided this kind of customer service. . .

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

CAPTCHA
This question is used to make sure you are a human visitor and to prevent spam submissions.
Image CAPTCHA
Enter the characters shown in the image.

Shortcuts


Upcoming events:

User login

Blog-O-Rama

Media Blogs

Local Paper

TV News

Wire Reports



TN Progressive All-Stars

Nearby:

Beyond:

At large:

Government:

Media: