From cb47d6a07b857ffc11e5baec07ec9d49439f14e4 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 12 Mar 2021 19:22:50 +0100
Subject: caption editor. editing captions and gallery captions

---
 animism-align/README.md                                     | 6 +++---
 animism-align/frontend/app/common/modal.css                 | 3 ++-
 animism-align/frontend/app/views/editor/editor.container.js | 2 ++
 animism-align/frontend/app/views/nav/header.component.js    | 1 +
 animism-align/package.json                                  | 3 ++-
 5 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/animism-align/README.md b/animism-align/README.md
index eb12c30..69cdfb9 100644
--- a/animism-align/README.md
+++ b/animism-align/README.md
@@ -8,7 +8,7 @@ First, install miniconda and node.
 
 ```
 conda create env -f environment.yml
-npm install
+yarn install
 ```
 
 ## Proper encoding of an MP3
@@ -32,7 +32,7 @@ conda activate animism
 Then build the frontend and run the Flask server:
 
 ```
-npm run build
+yarn build
 ./cli.py flask run
 ```
 
@@ -43,7 +43,7 @@ The server will be running on http://0.0.0.0:5000/
 Monitor the Javascript for changes (run in another window):
 
 ```
-npm run watch
+yarn watch
 ```
 
 Generate a new migration if you've modified the database:
diff --git a/animism-align/frontend/app/common/modal.css b/animism-align/frontend/app/common/modal.css
index eb93354..9165edd 100644
--- a/animism-align/frontend/app/common/modal.css
+++ b/animism-align/frontend/app/common/modal.css
@@ -14,5 +14,6 @@
   align-items: center;
 }
 .modal > div {
-  background: #fff;
+  background: #213;
+  padding: 1rem;
 }
diff --git a/animism-align/frontend/app/views/editor/editor.container.js b/animism-align/frontend/app/views/editor/editor.container.js
index af1959f..902a127 100644
--- a/animism-align/frontend/app/views/editor/editor.container.js
+++ b/animism-align/frontend/app/views/editor/editor.container.js
@@ -7,6 +7,7 @@ import AlignContainer from 'app/views/editor/align/align.container'
 import ParagraphContainer from 'app/views/editor/paragraph/paragraph.container'
 import MediaContainer from 'app/views/editor/media/media.container'
 import FootnotesContainer from 'app/views/editor/footnotes/footnotes.container'
+import CaptionsContainer from 'app/views/editor/captions/captions.container'
 import ViewerContainer from 'app/views/viewer/viewer.container'
 
 export default class Router extends Component {
@@ -17,6 +18,7 @@ export default class Router extends Component {
         <Route path={"/editor/:episode_id/transcript/"} component={ParagraphContainer} />
         <Route path={"/editor/:episode_id/media/"} component={MediaContainer} />
         <Route path={"/editor/:episode_id/footnotes/"} component={FootnotesContainer} />
+        <Route path={"/editor/:episode_id/captions/"} component={CaptionsContainer} />
         <Route path={"/editor/:episode_id/viewer/"} component={ViewerContainer} />
         <Route path={"/editor/:episode_id/"} exact component={OverviewContainer} />
       </EditorGate>
diff --git a/animism-align/frontend/app/views/nav/header.component.js b/animism-align/frontend/app/views/nav/header.component.js
index b3c6460..6bb6add 100644
--- a/animism-align/frontend/app/views/nav/header.component.js
+++ b/animism-align/frontend/app/views/nav/header.component.js
@@ -27,6 +27,7 @@ function Header(props) {
           <Link to={`/editor/${episode_id}/transcript/`}>Transcript</Link>
           <Link to={`/editor/${episode_id}/media/`}>Media</Link>
           <Link to={`/editor/${episode_id}/footnotes/`}>Footnotes</Link>
+          <Link to={`/editor/${episode_id}/captions/`}>Captions</Link>
           <Link to={`/editor/${episode_id}/viewer/`}>Viewer</Link>
         </div>
         <div>
diff --git a/animism-align/package.json b/animism-align/package.json
index 8e00866..011a8d6 100644
--- a/animism-align/package.json
+++ b/animism-align/package.json
@@ -6,7 +6,8 @@
   "scripts": {
     "watch": "NODE_ENV=development webpack --config ./webpack.config.dev.js --colors --watch",
     "build:dev": "NODE_ENV=development webpack --config ./webpack.config.dev.js --colors",
-    "build:production": "NODE_ENV=production webpack --config ./webpack.config.prod.js"
+    "build:production": "NODE_ENV=production webpack --config ./webpack.config.prod.js",
+    "server": "cd cli && ./cli.py flask run"
   },
   "author": "jules <asdf.us>",
   "license": "UNLICENSED",
-- 
cgit v1.2.3-70-g09d2