Nothing new, no ground-breaking beats nor exhilarating live Jazz-performances today, but “just” what I feel is an epic rock-song (“Impossible Germany”) written by a great rock-band (Wilco);
I’m helping on a site for a not-for-profit for which we selected “Expound” as the base theme. I like Expound; it looks great, there’s no jQuery- or webfont-cruft to worry about and although the CSS comes with a seperate reset.css-file, it does (Auto-)optimize perfectly.
But I wasn’t happy with the menu color-scheme and with the fact that the menu lacked an indication that a child page of a main entry was being shown instead of the page of that main entry itself (confused much?).
Anyway, this is what I ended up with;
For those wanting to do something similar, this is the relevant CSS in my child theme;
/* don't want no blue */
.navigation-main .current-menu-item > a {
background: #557B47 !important;
}
/* triangle should not be blue either, need it to be a bit bigger */
.navigation-main ul > .current_page_item a:after, .navigation-main ul > .current-menu-item a:after, .navigation-main ul > .current-post-ancestor a:after, .navigation-main ul > .current-menu-parent a:after, .navigation-main ul > .current-post-parent a:after {
border-top: 10px solid #557B47 !important;
bottom: -14px;
z-index: 1000;
}
@media screen and (min-width: 600px) {
/* if page from submenu, add line under parent item to show your in that submenu */
.navigation-main ul > .menu-item {
border-bottom: 6px solid #3A3A3A !important;
}
.navigation-main ul > .current_page_item, .navigation-main ul > .current-menu-item, .navigation-main ul > .current-post-ancestor, .navigation-main ul > .current-menu-parent, .navigation-main ul > .current-post-parent {
border-bottom: 6px solid #557B47 !important;
}
/* but not in submenu */
.navigation-main .sub-menu > .menu-item {
border-bottom: 0px !important;
}
/* less padding at the bottom to compensate for that extra line */
.navigation-main a {
padding: 10px 10px 4px !important;
}
/* except when in submenu */
.navigation-main .sub-menu a {
padding: 10px !important;;
}
}
/* change color to default brown if child-item is active */
.navigation-main ul > .current_page_item, .navigation-main ul > .current-menu-item, .navigation-main ul > .current-post-ancestor, .navigation-main ul > .current-menu-ancestor, .navigation-main ul > .current-menu-parent, .navigation-main ul > .current-post-parent {
background: #3A3A3A !important;
}
Afgelopen weekend met enige vertraging (dank U HD recorder) genoten van “Belpop” over de indrukwekkende carrière van Jean Blaute. Het mooiste kwam helemaal op het einde, toen je hem samen met Eric Melaerts een stukje van “Neerhof” van Lieven (Coppieters) hoorde zingen uit hun “Gedeelde Adoraties”-tournee. Dit is het origineel:
“Neerhof” komt uit Lievens enige album, Jus D’orange uit 1976, dat met een rist aan jazz-muzikanten (o.a. Marc Moulin, Eef Albers en Bruno Castellucci) werd opgenomen. Maar het nummer staat als een huis, zelfs zonder woorden, arrangementen en jaren 70 gitaar- en dwarsfluit solo’s, luister maar naar deze door Coppieters zelf upgeloade “Guitar CHORDS”-versie.
Waarom ik denk dat deze aanzet beter is dan de officiële versie van de VRT? Wel, de POC
is op elke browser te bekijken, ook als er geen (of slechte) JavaScript-ondersteuning is. Opera Mini? Lynx? De Netfront op uw grootvader’s Nokia? Geen probleem!
kan makkelijk uitgebreid worden om afhankelijk van context de presentatie anders toe doen, bv. op tablet de nieuwscategorieën permanent aan de linkerkant
De basis-versie werkt volledig zonder JavaScript. Als JS aanwezig is en “up to snuff” (cfr. cut the mustard), wordt de ervaring “verrijkt” (fixed header, uitklapbare navigatie, lazy-loading van images …).
Alle CSS en JS staat -weliswaar slordig maar oh zo performant- inline (behalve aniHead.js, een onafgewerkte en dus inactieve “verrijkings”-PoC in de PoC, type aniHead(); in de console om te activeren).
Data wordt -gecomprimeerd- gecachet in APC cache (dependancy; APC)
Externe HTML in de data-feeds (iframe, script of object van bv. Twitter & Facebook) wordt rudimentair weggefilterd, maar dat is een optie in de code ($trustHTML=false;)
De code-kwaliteit is ongetwijfeld beneden alle peil (geen OO, geen MVC, veel spaghetti), maar ik ben dan ook geen èchte developer.
Grootste missing feature is video (er zijn er nog, zie Trello-board)
Zo, dat is het zo wat. Bekijk het eens, geef commentaar, fork op GitHub, fix bugs, voeg features toe. Maar wat je ook doet, vergeet niet dat de content van VRT is en blijft en dat je daar dus niet zomaar wat mee kunt doen.
My wife loves vocal jazz and while listening to one of the many online streaming radio stations during dinner just now, Lizzy Parks’ Prayer grabbed us by the ears;
Lizzy Parks - Prayer [From album "Raise the Roof" ]