W tym screencastie zakończymy poprawianie kodu szablonu dla pojedynczych filmów.
Zaczynamy od trochę zorganizowania się w naszym CSS. Niektóre pliki videos.scss mają charakter globalny dla stron związanych z wideo. Niektóre są specyficzne dla stron archiwalnych, a inne dla pojedynczych stron z filmami. Na razie będzie ładowany na wszystkich tego typu stronach. Jest tak mało CSS, w porządku i prawdopodobnie dobrze (najlepiej wykorzystuje buforowanie). Gdyby w tym jednym pliku zaczęło znajdować się mnóstwo rozbieżnego kodu, prawdopodobnie rozbiłbym go na dwie części.
Naprawiamy tę zagadkę, w której byliśmy pod koniec ostatniego filmu, w którym nasze komentarze znajdowały się wewnątrz naszego tagu. Po prostu układamy go za pomocą siatek i mamy odpowiednie opakowania.
Zamiast mieć obszar nagłówka, użyjemy nawigacji z czarnym paskiem (menu nawigacyjne), aby wyświetlić tytuł filmu, a następnie wideo będzie bezpośrednio pod nim. W ten sposób pod filmem tytuł i opis zasadniczo wykorzystują ten sam wzorzec, co post na blogu, fragment, wpis w almanachu lub cokolwiek innego. Brawo za spójne wzorce.