1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-27 13:56:22 -04:00

h1 permalink on video pages & subtitle styling

This commit is contained in:
Jake Jarvis 2019-12-20 11:19:57 -05:00
parent 9ecee6ed60
commit 47016b1109
Signed by: jake
GPG Key ID: 2B0C9CF251E69A39
7 changed files with 26 additions and 9 deletions

View File

@ -71,6 +71,11 @@ main#single {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
border: 0; border: 0;
/* stylelint-disable-next-line selector-pseudo-element-no-unknown */
&::cue {
font-family: inherit;
}
} }
div.embed.video-player { div.embed.video-player {

View File

@ -8,6 +8,10 @@ main#video {
h1 { h1 {
margin-top: 0; margin-top: 0;
a {
color: inherit;
}
} }
p { p {
@ -15,16 +19,21 @@ main#video {
line-height: 1.5; line-height: 1.5;
color: #777777; color: #777777;
margin: 1.25em; margin: 1.25em;
}
a { a {
font-weight: bold; font-weight: bold;
}
} }
video { video {
width: $responsive-width; width: $responsive-width;
height: auto; height: auto;
font-family: inherit; // for subtitles font-family: inherit; // for subtitles
/* stylelint-disable-next-line selector-pseudo-element-no-unknown */
&::cue {
font-family: inherit;
}
} }
} }

View File

@ -1,6 +1,7 @@
--- ---
title: "🎉 Cranky Birthday Boy on VHS Tape 📼" title: "🎉 Cranky Birthday Boy on VHS Tape 📼"
date: 1996-02-04 00:01:01-0400 description: "The origin of my hatred for the Happy Birthday song."
date: 1996-02-04 00:00:00-0400
url: "/birthday" url: "/birthday"
image: "thumb.png" image: "thumb.png"
type: videos type: videos

View File

@ -1,6 +1,7 @@
--- ---
title: "Hillary's America: Combating Substance Abuse" title: "My Brief Apperance in Hillary Clinton's DNC Video"
date: 2016-07-25 00:01:01-0400 description: "My brief apperance in one of Hillary Clinton's 2016 DNC convention videos on substance abuse."
date: 2016-07-25 00:00:00-0400
url: "/hillary" url: "/hillary"
image: "convention-720p.png" image: "convention-720p.png"
type: videos type: videos

View File

@ -1,6 +1,7 @@
--- ---
title: "Facebook App on \"The Lab with Leo Laporte\"" title: "Facebook App on \"The Lab with Leo Laporte\""
date: 2007-01-01 00:01:01-0400 description: "Powncer app featured in Leo Laporte's TechTV show."
date: 2007-01-01 00:00:00-0400
url: "/leo" url: "/leo"
image: "thumb.png" image: "thumb.png"
type: videos type: videos

View File

@ -2,7 +2,7 @@
<main id="single"> <main id="single">
<article> <article>
<div id="meta"> <div id="meta">
<h1><a href="{{ .Permalink }}" class="no-underline">{{ .Title }}</a></h1> <h1><a class="no-underline" href="{{ .Permalink }}">{{ .Title }}</a></h1>
<div id="byline"> <div id="byline">
<span id="author">by <a class="no-underline" href="{{ .Site.BaseURL }}" rel="me author">{{ .Site.Author.name }}</a></span> <span id="author">by <a class="no-underline" href="{{ .Site.BaseURL }}" rel="me author">{{ .Site.Author.name }}</a></span>
<span id="date"><span class="dot">&middot;</span> <a class="no-underline" href="{{ .Permalink }}" title="{{ .Date.Format "Mon, Jan 2 2006 3:04:05 PM MST" }}">{{ .Date.Format "January 2, 2006" }}</a></span> <span id="date"><span class="dot">&middot;</span> <a class="no-underline" href="{{ .Permalink }}" title="{{ .Date.Format "Mon, Jan 2 2006 3:04:05 PM MST" }}">{{ .Date.Format "January 2, 2006" }}</a></span>

View File

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<main id="video"> <main id="video">
<h1>{{ .Title }}</h1> <h1><a class="no-underline" href="{{ .Permalink }}">{{ .Title }}</a></h1>
<video <video
{{ with .Resources.GetMatch "images/*.png" }}poster="{{ .Permalink }}"{{ end }} {{ with .Resources.GetMatch "images/*.png" }}poster="{{ .Permalink }}"{{ end }}