Beefy Boxes and Bandwidth Generously Provided by pair Networks
Perl-Sensitive Sunglasses
 
PerlMonks  

Comment on

( #3333=superdoc: print w/ replies, xml ) Need Help??

So I made a comment on reddit the other day about the PerlMonks site design: http://www.reddit.com/r/perl/comments/tlied/becoming_a_friar_on_perlmonks/

TL;DR: No one's done the work on a new PerlMonks site design.

Challenge issued, challenge accepted :) I downloaded a copy of the front page and got to work. I have 3 primary goals with this redesign attempt.

1. Tableless layout
2. Responsive on cellphones and other small screen devices.
3. Less visual clutter

I am not changing the color scheme or the layout so it looks the same as it does now.

Can someone post the templates that generate the pages and sections so I can verify that my changes will fit?

I am waiting on the rest of my browser shots of the site and then I will make another post with a link to a github account containing the new design as well as screenshots of the current site versus the new one on desktop browsers and on cellphones. Are there any 'gotchas' I should know about for working on this project? Bring on the commentary!

In reply to PerlMonks site design by kimmel

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post; it's "PerlMonks-approved HTML":



  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.
  • Log In?
    Username:
    Password:

    What's my password?
    Create A New User
    Chatterbox?
    and the web crawler heard nothing...

    How do I use this? | Other CB clients
    Other Users?
    Others avoiding work at the Monastery: (9)
    As of 2015-07-08 04:48 GMT
    Sections?
    Information?
    Find Nodes?
    Leftovers?
      Voting Booth?

      The top three priorities of my open tasks are (in descending order of likelihood to be worked on) ...









      Results (94 votes), past polls