3 files changed, 2 insertions, 70 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 a9df389..4235ed1 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
@@ -187,31 +187,12 @@ const CreditsVenue = ({ venue }) => {
               </div>
             </div>
           )}
-
         </div>
       )}
     </div>
   )
 }
 
-export const SubscriptionForm = () => {
-  return (
-    <form className="subscription-form">
-      Stay up to date and get notified when the next episode is available
-      <input
-        required
-        type="email"
-        name="email"
-        placeholder="Email address here"
-        autoCorrect="off"
-        autoCapitalize="off"
-        spellCheck="false"
-      />
-      <Arrow type='right' />
-    </form>
-  )
-}
-
 const mapStateToProps = state => ({
   episodes: state.episode.index,
   venues: state.venue.index,
diff --git a/animism-align/frontend/app/views/viewer/player/player.credits.js b/animism-align/frontend/app/views/viewer/player/player.credits.js
index f8a0fa8..7a44d57 100644
--- a/animism-align/frontend/app/views/viewer/player/player.credits.js
+++ b/animism-align/frontend/app/views/viewer/player/player.credits.js
@@ -3,9 +3,10 @@ import React, { Component } from 'react'
 import {
   Schedule,
   Credits,
-  SubscriptionForm,
 } from './components.inline/inline.utility'
 
+import SubscriptionForm from '../forms/subscription.form'
+
 export default class PlayerCredits extends Component {
   render() {
     return (
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 927d2c1..72faf7b 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.css
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css
@@ -385,53 +385,3 @@
 .venue-info .credits-info div {
   min-height: 0.875rem;
 }
-
-/* subscription form */
-
-.subscription-form {
-  font-family: "Freight Text", serif;
-  font-size: 3.5rem;
-  line-height: 1;
-  width: 80%;
-  max-width: 70rem;
-  margin: 0 auto;
-  margin-top: 4rem;
-  margin-bottom: 13rem;
-  position: relative;
-}
-.subscription-form input {
-  font-family: "Freight Text", serif;
-  font-size: 3.5rem;
-  line-height: 1;
-  background: transparent;
-  border: 0;
-  padding: 0;
-  width: 100%;
-  border-bottom: 1px solid #000;
-  color: black;
-}
-.subscription-form input::placeholder {
-  color: #bbb;
-  border-bottom: 1px solid #bbb;
-}
-.subscription-form input[type='email']:invalid {
-  border-bottom: 1px solid #bbb;
-}
-.subscription-form input:focus,
-.subscription-form input:focus:invalid {
-  background: transparent;
-  border: 0;
-  outline: 0;
-  color: #000;
-  border-bottom: 1px solid #000;
-}
-.subscription-form svg {
-  position: absolute;
-  bottom: 0;
-  right: -1rem;
-  width: 2.5rem;
-  height: 2.5rem;
-}
-.subscription-form svg polygon {
-  fill: #666;
-}
\ No newline at end of file