Beefy Boxes and Bandwidth Generously Provided by pair Networks
"be consistent"
 
PerlMonks  

Re: PerlMonks meets Twitter Bootstrap (copy?) (updated)

by LanX (Saint)
on Dec 18, 2016 at 21:18 UTC ( [id://1178017]=note: print w/replies, xml ) Need Help??


in reply to PerlMonks meets Twitter Bootstrap

I'm not really actively using it, just for future study in a test account.

But I noticed that http://buzzword.org.uk/2014/pm/pm2.js is not reachable for me.

Does someone have a copy and is please able to post it here within a code block?

Just to keep it archived for the future and linkable.

Cheers Rolf
(addicted to the Perl Programming Language and ☆☆☆☆ :)
Je suis Charlie!

update

It's back online, but here a copy.

Please note you can also link to it directly.

update: under construction need a real computer to fix this*

(darn when copying from my tablet \n got lost, this plus tab indentation makes it unreadable, and probably even broken)

Update: tried my best to reconstruct a decent formatting (god bless emacs)

Replies are listed 'Best First'.
Re^2: PerlMonks meets Twitter Bootstrap (copy?) (updated)
by choroba (Cardinal) on Dec 22, 2016 at 09:36 UTC
    It seems the whole buzzword.org.uk site is down (tobyink?). I tried to switch to the highlighting by blogs.perl.org, to have the code highlighted at least, but my jquery-fu is weak and I wasn't able to make it work.

    *UPDATE*: It works. Here's the relevant part from my FreeNodelet:

    <!-- Syntax HL --> <style> p.code { margin-top: 2px; margin-bottom: 2px; background: #08080f; } code.prettyprint { background-color: #112 !important; } </style> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <link rel="stylesheet" href="http://blogs.perl.org/mt/mt-static/plugin +s/GCPrettify/prettify.css" type="text/css" media="all" /> <script src="http://blogs.perl.org/mt/mt-static/plugins/GCPrettify/pre +ttify.js"></script> <script> $(document).ready(function () { $('p.code').wrap('<pre><code class="prettyprint"></code></pre>'); $('p.code br').remove(); window.prettyPrint(); }); </script>

    You might need to fix some colours, e.g. like me:

    span.pln { color: #eee } span.pun { color: #ffd } span.typ { color: #e4e } span.lit { color: #2dd } span.com { color: #f11 }

    I also used

    $('p.code').not('.pmsig *').wrap('<pre><code class="prettyprint"></cod +e></pre>');

    to skip highlighting in signatures.

    ($q=q:Sq=~/;[c](.)(.)/;chr(-||-|5+lengthSq)`"S|oS2"`map{chr |+ord }map{substrSq`S_+|`|}3E|-|`7**2-3:)=~y+S|`+$1,++print+eval$q,q,a,
      Hi

      Thanks!

      > It works.

      Please for clarification, I'm not sure what you did

      This code works in conjunction with what? (no time to try out)

      I was already able to copy 3 of 4 buzzword-files, so did you combine them?

      ATM only http://buzzword.org.uk/2014/pm/bootstrap.min.css is missing °

      Or is your code supposed to be a workaround replacement for bootstrap.min.css ?

      Goal: Once we've reconstructed the code-base we can load them from one perlmonks thread like the wiki-addon.

      And then other's can easily contribute forks.

      Cheers Rolf
      (addicted to the Perl Programming Language and ☆☆☆☆ :)
      Je suis Charlie!

      °) if anyone can click on it and see code, than please copy and post before it vanishes from your browser's cache

Re^2: PerlMonks meets Twitter Bootstrap (copy?)
by LanX (Saint) on Dec 19, 2016 at 01:48 UTC
    was able to reconstruct JS, but still some CSS missing: please copy if you can get hold of it in your caches:

    Cheers Rolf
    (addicted to the Perl Programming Language and ☆☆☆☆ :)
    Je suis Charlie!

    Update: from tablet cache

    .navbar { border-radius: 0 } body header h1 { background: #95a5a6; + color: #2C3E50; border-radius: 4px; padding: 0.67em; + margin-top: 0px; margin-bottom: 20px; } body aside section { + background: #ecf0f1; color: black; border-radius: 4px; m +argin-bottom: 1em; font-size: 80%; padding: 3px; border: +1px solid #b4bcc2; } body aside section h1 { background: #b4bcc2; + color: #ecf0f1; font-weight: bold; padding: 0.67em; +font-size: 100%; margin-top: 0; border-radius: 2px; } body as +ide section > div { padding: 0.33em; } body aside section ul { + padding-left: 1.33em; } body footer { padding: 0.67em; font +-size: 80%; background: #ecf0f1; color: black; border-rad +ius: 4px; margin-bottom: 0.67em; border: 1px solid #b4bcc2; } + .dropdown-with-active .caret { color: #3498DB } .pmsig { color: #2C3 +E50; padding: 10px 0 } #main_attribution { margin: 0 0 1.67em 0; font +-weight: bold } .img-avatar { float:right; margin: 0 0 0 0.67 +em; max-height: 48px; max-width: 48px; border: 1px solid #95a +5a6; border-radius: 4px; } #main_attribution .img-avatar { ma +x-height: 96px; max-width: 96px; padding: 4px; } /* Newest Nodes +*/ body#id-3628 article td { padding: 2px 4px 2px 0 } /* Replies to r +oot nodes */ #replies_table > tbody:first-child > tr:first-child > th + { padding: 4px 0 8px } tr.new-post-head td, td.reply-new { border: 1 +px solid #2C3E50; background: #ecf0f1; padding: 4px } tr.new-post-bod +y td, td.reply-new-body { border: 1px solid #2C3E50; padding: 10px 4p +x } tr.new-post-voterep td { border: 1px solid #2C3E50; border-bottom +: 0px; } tr.new-post-body td { border-top: 0px; padding: 10px 4px } t +r.post-head td, td.reply, tr.reply td { border: 1px solid #2C3E50; ba +ckground: #ecf0f1; padding: 4px } tr.post-body td, td.reply-body { bo +rder: 1px solid #2C3E50; padding: 10px 4px } tr.post-voterep td { bor +der: 1px solid #2C3E50; border-bottom: 0px; } tr.post-body td { borde +r-top: 0px; padding: 10px 4px } td.adjunct-links { border-left: 1px s +olid white; white-space: pre; text-align: right } /* copied from real + PerlMonks style sheet */ li.inline, .inline-list li { display: inlin +e; margin-left: 3pt; } li.inline:before, .inline-list li:before { con +tent:" |\A0" } ul.word-list, ul.inline-list { display: inline; margin +: 0; padding: 0; list-style: none; } .word-list li { display: inline; + } .word-list li:before { content:" " } ul.indent { margin-bottom: 0 +} td > ul.indent { padding: 0 18px 0 12px } p.nnt-p { display: inline +; } p.nnt-p-title { /* width: 70%; */ } p.nnt-author { /* width: 28%; + */ } tr.this-patch td { font-weight: bold; } tr.other-patch td { fon +t-style: italic; } a.nnt-Steaming, a.nnt-Hot, a.nnt-Fresh { font-weig +ht: bold; } .nnt-noderep, .nnt-nodeattribs, .time-text { font-size: s +maller; }
    .hljs{display:block;overflow-x:auto;padding:.5em;background:#f0f0f0;-w +ebkit-text-size-adjust:none}.hljs,.hljs-subst,.hljs-tag .hljs-title,. +nginx .hljs-title{color:black}.hljs-string,.hljs-title,.hljs-constant +,.hljs-parent,.hljs-tag .hljs-value,.hljs-rules .hljs-value,.hljs-pre +processor,.hljs-pragma,.haml .hljs-symbol,.ruby .hljs-symbol,.ruby .h +ljs-symbol .hljs-string,.hljs-template_tag,.django .hljs-variable,.sm +alltalk .hljs-class,.hljs-addition,.hljs-flow,.hljs-stream,.bash .hlj +s-variable,.apache .hljs-tag,.apache .hljs-cbracket,.tex .hljs-comman +d,.tex .hljs-special,.erlang_repl .hljs-function_or_atom,.asciidoc .h +ljs-header,.markdown .hljs-header,.coffeescript .hljs-attribute{color +:#800}.smartquote,.hljs-comment,.hljs-annotation,.hljs-template_comme +nt,.diff .hljs-header,.hljs-chunk,.asciidoc .hljs-blockquote,.markdow +n .hljs-blockquote{color:#888}.hljs-number,.hljs-date,.hljs-regexp,.h +ljs-literal,.hljs-hexcolor,.smalltalk .hljs-symbol,.smalltalk .hljs-c +har,.go .hljs-constant,.hljs-change,.lasso .hljs-variable,.makefile . +hljs-variable,.asciidoc .hljs-bullet,.markdown .hljs-bullet,.asciidoc + .hljs-link_url,.markdown .hljs-link_url{color:#080}.hljs-label,.hljs +-javadoc,.ruby .hljs-string,.hljs-decorator,.hljs-filter .hljs-argume +nt,.hljs-localvars,.hljs-array,.hljs-attr_selector,.hljs-important,.h +ljs-pseudo,.hljs-pi,.haml .hljs-bullet,.hljs-doctype,.hljs-deletion,. +hljs-envvar,.hljs-shebang,.apache .hljs-sqbracket,.nginx .hljs-built_ +in,.tex .hljs-formula,.erlang_repl .hljs-reserved,.hljs-prompt,.ascii +doc .hljs-link_label,.markdown .hljs-link_label,.vhdl .hljs-attribute +,.clojure .hljs-attribute,.asciidoc .hljs-attribute,.lasso .hljs-attr +ibute,.coffeescript .hljs-property,.hljs-phony{color:#88f}.hljs-keywo +rd,.hljs-id,.hljs-title,.hljs-built_in,.css .hljs-tag,.hljs-javadocta +g,.hljs-phpdoc,.hljs-dartdoc,.hljs-yardoctag,.smalltalk .hljs-class,. +hljs-winutils,.bash .hljs-variable,.apache .hljs-tag,.hljs-type,.hljs +-typename,.tex .hljs-command,.asciidoc .hljs-strong,.markdown .hljs-s +trong,.hljs-request,.hljs-status{font-weight:bold}.asciidoc .hljs-emp +hasis,.markdown .hljs-emphasis{font-style:italic}.nginx .hljs-built_i +n{font-weight:normal}.coffeescript .javascript,.javascript .xml,.lass +o .markup,.tex .hljs-formula,.xml .javascript,.xml .vbscript,.xml .cs +s,.xml .hljs-cdata{opacity:.5}

      > http://buzzword.org.uk/2014/pm/bootstrap.min.css (missing)

      retrieved 1st of January 2017, http://buzzword.org.uk seems to be back online

      I hope posting the code works here , updating the parent didn't work.(probably hit the 64k limit)

      Update

      under construction, the code below is 18,6k big (according to my FF)

      Less 64k means the issue must be somewhere else (?), most probably related to lost Carriage returns.

      I'll dig deeper into it later.

      Update

      OK emacs and OS say its far more than 110k , so I'll only keep the header here.

      It most obviously comes from a public source, so compensating the next outage shouldn't be too difficult.

      @import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic" +); /*! * bootswatch v3.2.0 * Homepage: [HTTP://bootswatch.com] * Copyright 2012-2014 Thomas Park * Licensed under MIT * Based on Bootstrap */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
        It doesn't work for me again, this time due to the switch to https. Unfortunately, tobyink's page is http only, and my browsers refuse to mix a css from an http page into an https page (or at least that's how I interpret it).

        ($q=q:Sq=~/;[c](.)(.)/;chr(-||-|5+lengthSq)`"S|oS2"`map{chr |+ord }map{substrSq`S_+|`|}3E|-|`7**2-3:)=~y+S|`+$1,++print+eval$q,q,a,

Log In?
Username:
Password:

What's my password?
Create A New User
Domain Nodelet?
Node Status?
node history
Node Type: note [id://1178017]
help
Chatterbox?
and the web crawler heard nothing...

How do I use this?Last hourOther CB clients
Other Users?
Others examining the Monastery: (5)
As of 2024-04-24 10:39 GMT
Sections?
Information?
Find Nodes?
Leftovers?
    Voting Booth?

    No recent polls found