hiding some paragraphs

4 files changed, 15 insertions, 5 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.css b/animism-align/frontend/app/views/viewer/player/player.transcript.css
index b2c754a..cbd6981 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.css
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css
@@ -145,7 +145,7 @@
 
 .site-intro {
   position: relative;
-  width: 100vw;
+  width: 100%;
   height: 100vh;
   overflow: hidden;
   background: black;
diff --git a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js
index 98be99b..3fc13b4 100644
--- a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js
+++ b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js
@@ -35,3 +35,9 @@ export const ParagraphHeading = ({ paragraph, currentParagraph, currentAnnotatio
     </div>
   )
 }
+
+export const HiddenParagraph = () => {
+  return (
+    null
+  )
+}
diff --git a/animism-align/frontend/app/views/viewer/transcript/components/index.js b/animism-align/frontend/app/views/viewer/transcript/components/index.js
index 5cf7196..4641c45 100644
--- a/animism-align/frontend/app/views/viewer/transcript/components/index.js
+++ b/animism-align/frontend/app/views/viewer/transcript/components/index.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
 import {
-  Paragraph, ParagraphHeading
+  Paragraph, ParagraphHeading, HiddenParagraph
 } from './elementTypes.text'
 
 import {
@@ -19,11 +19,15 @@ import {
 export const transcriptElementLookup = {
   paragraph: React.memo(Paragraph),
   intro_paragraph: React.memo(Paragraph),
-  hidden: React.memo(Paragraph),
   blockquote: React.memo(Paragraph),
+
+  hidden: React.memo(HiddenParagraph),
+  heading_text: React.memo(HiddenParagraph),
+  intro: React.memo(HiddenParagraph),
+
   section_heading: React.memo(ParagraphHeading),
-  heading_text: React.memo(ParagraphHeading),
   header: React.memo(ParagraphHeading),
+
   video: React.memo(MediaVideo),
   image: React.memo(MediaImage),
   gallery: React.memo(MediaGallery),
diff --git a/animism-align/frontend/app/views/viewer/transcript/transcript.container.js b/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
index c186568..f6ed49c 100644
--- a/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
+++ b/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
@@ -21,7 +21,7 @@ class Transcript extends Component {
   }
 
   handleAnnotationClick(e, paragraph, annotation) {
-    console.log(annotation)
+    // console.log(annotation)
     actions.audio.seek(annotation.start_ts)
     actions.audio.play()
   }