In deze screencast maken we code-wranglin 'de sjabloon voor losse video's af.
We beginnen met het een beetje organiseren in onze CSS. Sommige van de videos.scss-bestanden zijn globaal voor videogerelateerde pagina's. Sommige zijn specifiek voor de archiefpagina's en sommige zijn specifiek voor afzonderlijke videopagina's. Voorlopig wordt het op al die soorten pagina's geladen. Het is zo weinig CSS, dat is prima, en waarschijnlijk goed (maakt optimaal gebruik van caching). Als er een heleboel afwijkende code in dat ene bestand zou komen, zou ik het waarschijnlijk in tweeën breken.
We lossen dat raadsel op waar we aan het einde van de laatste video in zaten, waar onze opmerkingen in onze tag stonden . We structureren het gewoon met roosters en hebben de juiste wikkels.
In plaats van een koptekstgebied te hebben, gaan we gewoon de zwarte balknavigatie (breadcrumb) gebruiken om de titel van de video weer te geven, waarna de video er direct onder staat. Op die manier gebruiken de titel en beschrijving onder de video in wezen hetzelfde patroon als een blogpost of fragment of almanakitem of iets dergelijks. Yay voor consistente patronen.