Beefy Boxes and Bandwidth Generously Provided by pair Networks
Keep It Simple, Stupid
 
PerlMonks  

Pretify the site with CSS?

by Anonymous Monk
on Apr 23, 2014 at 18:12 UTC ( #1083410=monkdiscuss: print w/ replies, xml ) Need Help??

Can you suggest and share some custom made CSS examples that make Perl Monks more pleasing to the eye and easier to read ?

Comment on Pretify the site with CSS?
Re: Pretify the site with CSS?
by tobyink (Abbot) on Apr 23, 2014 at 19:13 UTC

    Not strictly CSS, but if you enable the Free Nodelet under Nodelet Settings, and paste the following into your Free Nodelet Settings, then you'll get syntax highlighting for all code samples posted on the site:

    <link rel="stylesheet" href="http://buzzword.org.uk/2012/codemirror-2. +36/lib/codemirror.css" type="text/css" media="all" /> <script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/ja +vascript"></script> <script src="http://buzzword.org.uk/2012/codemirror-2.36/lib/codemirro +r.js" type="text/javascript"></script> <script src="http://buzzword.org.uk/2012/codemirror-2.36/mode/perl/per +l.js" type="text/javascript"></script> <script src="http://buzzword.org.uk/2012/codemirror-2.36/mode/xml/xml. +js" type="text/javascript"></script> <script src="http://buzzword.org.uk/2012/codemirror-2.36/mode/css/css. +js" type="text/javascript"></script> <script src="http://buzzword.org.uk/2012/codemirror-2.36/mode/javascri +pt/javascript.js" type="text/javascript"></script> <script src="http://buzzword.org.uk/2012/codemirror-2.36/mode/htmlmixe +d/htmlmixed.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $farabi = $('<form action="http://localhost:3000/" method="post" s +tyle="display:none"><textarea name="source"></form>') $('body').append($farabi); $('p.code').each(function (i, c) { var $code = $(c).find('tt.codetext').text().replace(/\u00a0/g, +' ').replace(/\s+$/,''); var $dl = $(c).find('span.embed-code-dl'); var $pre = $( '<textarea class="CodeMirror">' + $('<div/>').text($code).html() + '</textarea>' ); var $footer = $('<div style="text-align:right"><small></small> +</div>'); var $editlink = $('<a href="#">farabi</a>'); $editlink.click(function () { $farabi.find('textarea').val($code); $farabi.submit(); return false; }); $footer.find('small').append("&#x5B;"); $footer.find('small').append($editlink); $footer.find('small').append("&#x5D; "); if ($dl.html()) $footer.find('small').append($dl.html()); $(c).after($footer); $(c).replaceWith($pre); CodeMirror.fromTextArea($pre.get(0), { lineNumbers: true, readOnly: true, matchBrackets: true, lineWrapping: true }); }); }); </script>
    use Moops; class Cow :rw { has name => (default => 'Ermintrude') }; say Cow->new->name

      EDIT: Oops. This was supposed to be in response to tobyink

      EDIT2: Arunbear moved my post to the intended spot. Thanks!

      Figured I'd post the thread where you first unleashed this, since there are some other helpful hints! - CSS Show and Tell: Colored Code

Re: Pretify the site with CSS?
by ww (Bishop) on Apr 24, 2014 at 03:40 UTC

    Now, that would really depend on what you consider "more pleasing to the eye and easier to read," wouldn't it?

    But we don't know what you consider "more pleasing to the eye and easier to read," which leaves us to offer advice (of uncertain relevance to you) like that excellent offering provided by tobyink, above.

    So, you'll have to tell us more... or, better yet, search for nodes (likely in the PerlMonks Discussion section) with some of the words that you'd use to define "pretty" or "easy to read" (and, not just BTW, threads discussing themes already available). Or, if -- for example -- you're looking for javascript to move the sidebar from the right to the left side of your page, you'll find it. If you want pages to render as mirror images, you're on your own.

    And don't ignore the PerlMonks FAQ and Display Settings ( provided by the Monastery itself) with its display-control functions.

    But remember: so long as you remain an AnnonyMonk, much of that last won't be applicable.


    If you didn't program your executable by toggling in binary, it wasn't really programming!

Re: Pretify the site with CSS?
by kcott (Abbot) on Apr 24, 2014 at 07:29 UTC
    "Can you suggest and share some custom made CSS examples that make Perl Monks more pleasing to the eye and easier to read ?"

    The "PerlMonks CSS Examples" page might be a good place to start.

    There's also a "Theme Configuration". I picked one that was close to what I wanted, then only needed minimal CSS to customise that further.

    There's also many Settings pages to customise a variety of things that change to look and feel of the site.

    As ww already alluded to, customising the site is for registered users; as an Anonymous Monk you'll just be presented with the default settings.

    -- Ken

Re: Pretify the site with CSS?
by sundialsvc4 (Abbot) on Apr 24, 2014 at 16:08 UTC

    ... and, from the point-of-view of PM as an information resource as “the Go-To Site” for Perl on the Internet (which I consider that it largely is) then CSS niceities really do not matter much.   Sometimes, a very simple markup really is the best.   I would much rather see improvements in the classification/points system, tagging or other means of adding taxonomy, and so-forth, because IMHO those would significantly improve the value of PM as an information resource.

    Some of the visual aspects of the site are klunky ... some are downright strange.   But people do not come to PM for how it looks.

      Regardless of your opinions about improving the look and feel, using CSS you can have a theme which is slightly different when you are logged in, compared to an anonymous user. You may find this useful since you alone so often exhibit the inability to notice such things, despite being a user here for many years, and despite the site telling you that you're not logged in when posting. You're clearly not interested in resolving the issue for yourself or anyone else, since this has been mentioned to you previously.

        As I have patiently said before, please keep the interactions on this site impersonal.   We are talking about the site ... not you, and not me, and not your opinions of me.   All that I am saying is that CSS “prettying” is not a particularly high priority for lil’ ol’ me.   The site is quirky, some might say ugly (and, some might not), but who cares:   it succeeds in its core mission, and it has done so for many years.

        If you have a question about the Perl programming language and you want to get a fantastic answer now, perlmonks.org is (IMHO) the place on the Internet to do that.   Heads and shoulders above all others in terms of information content.   Somewhat dicey (at times) in terms of the inter-personal politics.

Re: Pretify the site with CSS?
by sundialsvc4 (Abbot) on May 12, 2014 at 11:30 UTC

    I do not own this site – nor do I care to.   I merely use it, for the information that it contains and for its ability to provide quick answers to thorny Perl questions – thanks to the many very-knowledgeable members of its community.   And, that is probably why everyone except the gods comes here, too.

    Nevertheless, PerlMonks looks the way it does, and remains more-or-less the same site it was a decade ago, (a) because it works, and (b) because far more time is spent by certain people in the apparently endlessly-entertaining pursuit of sniping and bickering when anyone dares to raise their helmet above the trench-line.   And using Anonymous Monk to protect something that is all-important to some people:   “experience points (XP).”   (As was done in the OP of this thread.   Someone, who will remain Anonymous and intended to be so, wanted to snipe at the way the site looks without risking his “PXP = Precious XP” for having made a potentially-negative comment.)   To each his own.   If an integer matters that much to you . . .

    PM’s CSS, actually, is not bad.   I can change the size of the window, for example, and everything obediently sticks to the left or the right-hand margin as it should, and does not overlap other screen content even at improbably-small dimensions.   The most distinguishing characteristic of it, in addition to the clip-art that has never been anti-aliased, is the fact that it uses a Serif typeface for all of its text and makes no use of color.   However, this is not necessarily a bad thing at all:   the page content is basically a reference document, and Serif makes text more readable.   And, I certainly do not miss animated-GIF “smileys” at all.   Text will do nicely.   :-)

    No, what drives PM is the extreme helpfulness of its (sometimes, extremely prickly to the point of rudeness) membership of active participants.   Many sites provide answers ... some even cravenly attempt to sell them for a price.   But no one comes close to PM.   IMHO, no other site holds a candle to it on this subject, and no site provides better answers faster.   And where else would you find something like the “10**21 Problem” thread that is now going on over in Meditations, in four parts?

    So, I don’t care how the site looks, and I don’t want to see changes for the sake of change.   Classification, taxonomy, usefulness-indicators that are more specific than just a single number, and the ability to search based on these additional bits of metadata – I wish that those things were “done yesterday.”   But they probably never will come, and I know that.   Tim did a very good job.   The site – and, the community associated with it – is admirably good at what it does.

Log In?
Username:
Password:

What's my password?
Create A New User
Node Status?
node history
Node Type: monkdiscuss [id://1083410]
Approved by tobyink
help
Chatterbox?
and the web crawler heard nothing...

How do I use this? | Other CB clients
Other Users?
Others making s'mores by the fire in the courtyard of the Monastery: (8)
As of 2014-12-27 15:34 GMT
Sections?
Information?
Find Nodes?
Leftovers?
    Voting Booth?

    Is guessing a good strategy for surviving in the IT business?





    Results (177 votes), past polls