Neste screencast, terminaremos de escrever o código do modelo para vídeos individuais.
Começamos nos organizando um pouco em nosso CSS. Parte do arquivo videos.scss é global para páginas relacionadas a vídeo. Alguns são específicos para as páginas de arquivo e alguns são específicos para páginas de vídeo individuais. Por enquanto, ele será carregado em todos esses tipos de páginas. É tão pouco CSS, tudo bem, e provavelmente bom (faz melhor uso do cache). Se começasse a haver uma tonelada de códigos divergentes naquele único arquivo, provavelmente o quebraria em dois.
Corrigimos aquele enigma em que estávamos no final do último vídeo, onde nossos comentários estavam dentro de nossa tag. Nós apenas estruturamos com grades e temos embalagens adequadas.
Em vez de ter uma área de cabeçalho, vamos apenas usar a barra preta de navegação (breadcrumb) para mostrar o título do vídeo e, em seguida, o vídeo estará diretamente abaixo dele. Assim, abaixo do vídeo, o título e a descrição usam essencialmente o mesmo padrão de uma postagem de blog ou trecho ou entrada de almanaque ou qualquer coisa parecida. Yay para padrões consistentes.