1 files changed, 10 insertions, 2 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js
index d185722..7ac5997 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js
@@ -8,14 +8,22 @@ export const Intro = ({ paragraph, media, currentParagraph, currentAnnotation, o
   const style = {
     backgroundImage: 'url(' + item.settings.file.url + ')',
   }
+  let lines = []
+  if (annotation.settings.title) {
+    lines = lines.concat(annotation.settings.title.split(/<br[^>]*>/))
+  }
+  if (annotation.settings.subtitle) {
+    lines = lines.concat(annotation.settings.subtitle.split(/<br[^>]*>/))
+  }
   return (
     <div
       className='site-intro'
       style={style}
     >
       <div className='inner'>
-        {annotation.settings.title && <span dangerouslySetInnerHTML={{ __html: annotation.settings.title }} />}
-        {annotation.settings.subtitle && <span dangerouslySetInnerHTML={{ __html: annotation.settings.subtitle }} />}
+        {lines.map((line, i) => (
+          <span key={i} dangerouslySetInnerHTML={{ __html: line }} />
+        ))}
       </div>
     </div>
   )