adding past

rachelandrew · rachelandrew · commit b1379f46862e · 2020-11-25T07:59:26.000Z
diff --git a/time/past.html b/time/past.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>The :past pseudo-class</title>
+    <link rel="stylesheet" href="styles.css" />
+    <style>
+      * {
+        box-sizing: border-box;
+      }
+
+      video {
+          max-width: 300px;
+      }
+    </style>
+
+    <style class="editable">
+      
+:past(p, span) {
+  background-color: red;
+}
+    </style>
+  </head>
+
+  <body>
+    <section class="preview">
+        <video controls preload="metadata">
+            <source src="video.mp4" type="video/mp4" />
+            <source src="video.webm" type="video/webm" />            
+            <track label="English" kind="subtitles" srclang="en" src="subtitles.vtt" default>
+        </video>
+    </section>
+
+    <textarea class="playable playable-css" style="height: 200px;">
+:past(p, span) {
+    background-color: red;
+}
+   </textarea>
+
+    <textarea class="playable playable-html" style="height: 150px;">
+<video controls preload="metadata">
+    <source src="video.mp4" type="video/mp4" />
+    <source src="video.webm" type="video/webm" />            
+    <track label="English" kind="subtitles" srclang="en" src="subtitles.vtt" default>
+</video>
+    </textarea>
+
+    <div class="playable-buttons">
+      <input id="reset" type="button" value="Reset" />
+    </div>
+  </body>
+  <script src="../playable.js"></script>
+</html>
diff --git a/time/subtitles.vtt b/time/subtitles.vtt
@@ -2,15 +2,17 @@ WEBVTT FILE
 
 1
 00:00:03.500 --> 00:00:05.000 
-THis is the first caption
+This is the first caption
 
 2
 00:00:06.000 --> 00:00:09.000 
 This is the second caption
 
 3
 00:00:11.000 --> 00:00:19.000 
-THis is the third caption
+This is the third caption 
+
+There are five captions.
 
 4
 00:00:19.000 --> 00:00:24.000

Original file line number	Diff line number	Diff line change
`@@ -2,15 +2,17 @@ WEBVTT FILE`
`2`	`2`
`3`	`3`	`1`
`4`	`4`	`00:00:03.500 --> 00:00:05.000`
`5`		`-THis is the first caption`
	`5`	`+This is the first caption`
`6`	`6`
`7`	`7`	`2`
`8`	`8`	`00:00:06.000 --> 00:00:09.000`
`9`	`9`	`This is the second caption`
`10`	`10`
`11`	`11`	`3`
`12`	`12`	`00:00:11.000 --> 00:00:19.000`
`13`		`-THis is the third caption`
	`13`	`+This is the third caption`
	`14`	`+`
	`15`	`+There are five captions.`
`14`	`16`
`15`	`17`	`4`
`16`	`18`	`00:00:19.000 --> 00:00:24.000`