In diesem Screencast werden wir das Template für einzelne Videos fertigstellen.
Wir beginnen damit, unser CSS etwas zu organisieren. Ein Teil der videos.scss-Datei ist global für videobezogene Seiten. Ein Teil ist spezifisch für die Archivseiten und ein Teil ist spezifisch für einzelne Videoseiten. Vorerst wird es auf all diesen Seitentypen geladen. Es ist so wenig CSS, das ist in Ordnung und wahrscheinlich gut (nutzt das Caching am besten). Wenn in dieser einzelnen Datei eine Menge abweichender Code auftauchen würde, würde ich sie wahrscheinlich in zwei Teile aufteilen.
Wir beheben das Dilemma vom Ende des letzten Videos, bei dem unsere Kommentare innerhalb unseres <article>-Tags waren. Wir strukturieren es einfach mit Grids und haben ordentliche Wrapper.
Anstatt eines Header-Bereichs werden wir einfach die schwarze Navigationsleiste (Breadcrumb) verwenden, um den Titel des Videos anzuzeigen, und das Video wird direkt darunter platziert. Auf diese Weise verwenden der Titel und die Beschreibung unter dem Video im Wesentlichen dasselbe Muster wie ein Blogbeitrag, ein Snippet, ein Almanac-Eintrag oder etwas Ähnliches. Hurra für konsistente Muster.