EasyRead

[jeshyr]

Theme name/layout: EasyRead / Tabula Rasa
Author: rb
Layout info: CSS is available at http://notdoneliving.net/dw-easyread.css
Image info: Has no images

You can see this layout being used at my journal rb.

This very plain/simple layout is optimised for users who have low vision and use very large font sizes (think >36 pt, I usually use 128pt fonts) when reading long slabs of text. As you can imagine, most styles totally fail to be usable at these huge font sizes.

I have no knowledge of S2 or how to convert this theme into a "proper" DW style, and no spare energy/spoons/brain cells to learn how. afuna said to post it anyway and somebody else may do the converting for me so here you are! If anybody'd like to volunteer to help, please please please feel free :)

I set this up by choosing Tabula Rasa with no sidebars and pointing the CSS at the file above, I don't think there was anything else? I'd really like the stuff in .module-section-one to come out *above* the main content but I don't think this can be done with just CSS, I need the HTML output to be in a different order - hence the need (I think) for a patch.

Please somebody let me know if I have totally screwed this up! As you can see, I'm rather short on confidence here.

Ricky

Comments

[cesy]

Do you tick or untick the "Use layout's stylesheet box" when you're using this?

It looks very good on your journal.

A few potential bugs I noticed when trying it on my journal:

In Firefox, in the entry view, the Profile box overlaps in the wrong place. My username also appears to overlap the entry title. Screencap: http://tinypic.com/r/wwn9kw/3

In IE7, the Profile box has the same problem on the Recent Entries page.

The Profile box doesn't show on Recent Entries in Firefox, so you don't see the problem there. However, I did notice a couple of subject lines extended out of the green box - they go on to the right and then wrap, as if they're wrapping to something wider.

On your journal, the green background appears to extend across the whole page, whereas it has white margins down the sides on mine.

[jeshyr]

"Use layout style" is unchecked on mine, so this should be the only style sheet being used.

Thanks for the crit, I'll work on those things and get back to your comment ...

r

[jeshyr]

I'm suspecting by the fact that you had a sidebar, that you don't have "use layout style" unchecked.

Could you try these again? I can't get any of them to replicate with Firefox. I don't have IE so I can't see that one but I'll check with browsershots after I hear from you.

Thanks again!
r

[cesy]

Yes, unchecking the box fixed all of those.

Recent Entries page things I noticed with the box properly unchecked:
The white bar at the bottom is wider in FF - in IE7, "Top of page" is above the bar, rather than in it. "Previous 20 posts" also changes to "Previous 20", and is indented in IE. The comment links (both the buttons and "Leave a comment") are also indented in IE. The wrapping around the icons looks different when I change browser, but I think that's just because the font/font size is different, or possibly it's the margins.

For each of those, it works either way, so it doesn't necessarily need changing, I just though it was worth you being aware in case any of those bits aren't meant to be like that.

On entry pages, in IE, the entry subject has shifted down, so it now overlaps the username. I can do a screenshot if that description doesn't make sense.

[zvi]

Using this style on my own journal, it does a really funky thing with feed accounts that I'm trying to fix, but you've got a bunch of stuff that's been pulled to the bottom by 84px. Why that number and why is it defined in an absolute instead of a relative unit? Even for non-feed accounts, It starts overlaying the time and title when I set my minimum font to, say, 34 px.

Also, there was a typo in your css, and when I corrected it, the placement of the username in relation to the usericon changed. Is the new positioning what you intended, or should I rewrite so the username is next to the icon again?

You can see how the style is working at http://zvi.dreamwidth.org/?s2id=86436 and http://zvi.dreamwidth.org/read?s2id=86436 and http://zvi.dreamwidth.org/read?show=F&s2id=86436 (filtered to feeds, so you can see the overlap for yourself.)

[jeshyr]

Sorry for the slow reply.

The username should be next to the icon, yes.

Not sure what's up with the feeds - they look fine here in FF3.5. Whatever it is, if you can fix it please do!

The 84px had to do with making the user icon (and, necessarily, everything below it) bounce up so it's beside the title/etc of the entries. Try taking it out of .entry .contents and you should see why. If you know a better way to do it, I'd love to know - CSS isn't my strong point. I couldn't figure out how to make it pop up beside the usericon which is HTML-ly after the entry subject and such without doing that. I think it was 84px rather than relative because of being relative to the icon size? I honestly don't remember - I wrote that stuff months ago!

Cheers,
r

[zvi]

Oooh. I fixed the feed things and gave it to Afuna, since you didn't get back to me. I'll try to figure out the usernames issue and file a correction before next codepush.

84px is a weird amount. Most icon adjusting stuff is 100px or thereabouts. It's very useful, if you do something weird and particular, to make a comment saying why stuff is arranged that way, so people coming after you can figure it out. (Or you can figure it out months later. Hah!)

[jeshyr]

I totally should have commented it, yeah. *sighs* I originally just wrote it for myself and only months after went "ohh, this could be a system style!" so I didn't do it the way I normally would do stuff for public consumption :( Mea culpa!

Thanks for fixing the feeds up.

Cheers,
r

[afuna]

RB, dear, how does this look?

http://afuna.afuna.dreamhack.afunamatata.com/?s2id=150

With regard to moving stuff to the top of the screen. That's all displayed at the top of the page by default. Is it too much? Should we move some of the stuff to the bottom, do you think?

[jeshyr]

Mostly great but WAY too much up top. Does it still have the module 1 up top and module 2 down bottom or do you have to set it for good?

At the top I'd put just the profile and page summary. Those are useful before you read.

At the bottom the links, tags, and navigation.

Don't put the rest on at all, people can add a link to (eg) calendar page if they want a calendar, etc etc.

YOU ROCK!
r

[zvi]

Does http://bugs.dwscoalition.org/attachment.cgi?id=2304 incorporate the changes you showed to rb? I can't see where if it does... If not, can you pass it to me, and I'll incorporate it in the Latest! Most Improved-est! EasyRead Patch! I'm going to try to generate tomorrow (or after tomorrow, if you don't get back to me tomorrow, as you might not, since I have no idea of your schedule.)

[afuna]

Oops, no it doesn't. Here's everything (I believe) I changed:

set module_userprofile_section = "one";
set module_userprofile_show = true;

set module_pagesummary_section = "one";
set module_pagesummary_show = true;


set module_navlinks_section = "two";
set module_navlinks_show = true;

set module_tags_section = "two";
set module_tags_show = true;
set module_tags_opts_type = "cloud";

set module_links_section = "two";
set module_links_show = true;


set module_customtext_section = "two";
set module_customtext_show = false;

set module_syndicate_section = "two";
set module_syndicate_show = true;

set module_credit_section = "two";
set module_credit_show = true;

set module_time_section = "two";
set module_time_show = true;

set module_poweredby_section = "two";
set module_poweredby_show = true;


set module_calendar_section = "two";
set module_calendar_show = false;


set module_userprofile_order = 1;
set module_pagesummary_order = 2;

set module_navlinks_order = 10;
set module_tags_order = 11;
set module_links_order = 12;

set module_customtext_order = 13;
set module_syndicate_order = 14;
set module_credit_order = 15;
set module_time_order = 16;
set module_poweredby_order = 17;

set module_calendar_order = 18;

function Page::print()
{
    """\n\n""";
    $this->print_wrapper_start();
    $this->print_control_strip();
    """
    

        

            

                

                    """;
                    $this->print_global_title();
                    $this->print_global_subtitle();
                    $this->print_title();
    """
                
            
            

                

                    

                        """;
                        $this->print_module_section("one");
    """
                    

                    

                        """; 
                        $this->print_body();
    """
                    
                    

                        """;
                        $this->print_module_section("two");
    """
                    
                
            
 
        
  
    """;
    
    """
    

        

            """;
            print safe """
                
$*text_page_top
        
    
    
    
 
    """;
    $this->print_wrapper_end();
    """""";
}

The entire patch is here: http://pastie.org/636036

PS. I noticed http://bugs.dwscoalition.org/show_bug.cgi?id=1768 is still assigned to me; assign it to yourself, when you submit your patch?

PPS. Thank you for being so awesome, and grabbing EasyRead!

[ninetydegrees]

Hi Ricky,

I'm currently going through all layouts to see if there are some issues that should be fixed or improvements that could be made and I noticed something about EasyRead: in Customize, you can set the modules to either 'Group One' or 'Group Two'. I thought it would be nice to rename these to 'Top' and 'Bottom' because, to me, that would be clearer for users. What do you think? Is it a good idea? And if you think so, do you think 'Top' and 'Bottom' are good words or do you have something better in mind?

Edit: I've just thought of 'Above Entries' and 'Below Entries'. This may be even clearer.

[jeshyr]

Above/Below entries sounds very good to me!

[ninetydegrees]

http://bugs.dwscoalition.org/show_bug.cgi?id=2613

Thank you! :)