In questo screencast finiremo con il code-wranglin 'il modello per i singoli video.
Iniziamo organizzandoci un po 'nel nostro CSS. Alcuni dei file videos.scss sono globali per le pagine relative ai video. Alcuni sono specifici delle pagine di archivio e alcuni sono specifici delle singole pagine video. Per ora, verrà caricato su tutti quei tipi di pagine. È così poco CSS, va bene e probabilmente va bene (fa il miglior uso della cache). Se iniziasse a esserci un sacco di codice divergente in quel singolo file, probabilmente lo spezzerei in due.
Risolviamo l'enigma in cui ci trovavamo alla fine dell'ultimo video in cui i nostri commenti erano all'interno del nostro tag. Lo strutturiamo solo con griglie e abbiamo i wrapper adeguati.
Invece di avere un'area di intestazione, useremo semplicemente la barra di navigazione nera (breadcrumb) per mostrare il titolo del video e quindi il video sarà direttamente sotto di esso. In questo modo, sotto il video, il titolo e la descrizione utilizzano essenzialmente lo stesso schema di un post del blog o di uno snippet o di una voce di almanacco o qualsiasi altra cosa del genere. Yay per modelli coerenti.