final changes

2 files changed, 26 insertions, 4 deletions

diff --git a/frontend/site/projects/museum/views/artists.css b/frontend/site/projects/museum/views/artists.css
index 66c7005..fb20fb7 100644
--- a/frontend/site/projects/museum/views/artists.css
+++ b/frontend/site/projects/museum/views/artists.css
@@ -28,10 +28,11 @@
 }
 .page-artists .artist-big-name {
   font-size: 17.4vh;
+  text-shadow: 0 0 10px #FF790D;
+  transition: text-shadow 0.2s;
 }
 .page-artists .artist-big-name:hover {
-  /*color: white;*/
-  text-shadow: 0 0 5px #FF790D;
+  text-shadow: 0 0 0px #FF790D;
 }
 .page-artists .artist-list {
   display: flex;
@@ -96,7 +97,7 @@
   fill: #FF790D;
 }
 
-.page-artists .artist-close {
+.artist-close {
   position: fixed;
   top: 0;
   right: 0;
@@ -104,7 +105,7 @@
   cursor: pointer;
   text-decoration: none;
 }
-.page-artists .artist-close img {
+.artist-close img {
   width: 2rem;
 }
 
diff --git a/frontend/site/projects/museum/views/essay.js b/frontend/site/projects/museum/views/essay.js
index 90439fe..f9b9058 100644
--- a/frontend/site/projects/museum/views/essay.js
+++ b/frontend/site/projects/museum/views/essay.js
@@ -131,6 +131,8 @@ const EssayDetail = props => {
       return <NadimEssay {...props} />
     case 'statements':
       return <ArtistStatements {...props} />
+    case 'developer':
+      return <DeveloperNotes {...props} />
   }
 }
 
@@ -146,6 +148,9 @@ const ArtistStatements = ({ essayId, index, isCurrent, language, onClose }) => (
         </div>
       )
     })}
+    <div onClick={onClose} className="artist-close">
+      <img src="/thelastmuseum/static/img/close-black.png" />
+    </div>
   </div>
 )
 
@@ -158,6 +163,9 @@ const NadimEssay = ({ essayId, index, isCurrent, language, onClose }) => (
       <ArtistGlobe />
       <span dangerouslySetInnerHTML={{ __html: ESSAY_TEXTS.nadim_essay[language] }} />
     </div>
+    <div onClick={onClose} className="artist-close">
+      <img src="/thelastmuseum/static/img/close-black.png" />
+    </div>
   </div>
 )
 
@@ -176,3 +184,16 @@ const ArtistGlobe = () => (
     </div>
   </div>
 )
+
+const DeveloperNotes = ({ essayId, index, isCurrent, language, onClose }) => (
+  <div className={isCurrent ? "artist-detail visible" : "artist-detail"}>
+    <div className="page-title" onClick={onClose}>Developer Notes</div>
+    <div className="page-subtitle">By Jules LaPlace</div>
+    <div className="page-content">
+      <span dangerouslySetInnerHTML={{ __html: ESSAY_TEXTS.jules_essay[language] }} />
+    </div>
+    <div onClick={onClose} className="artist-close">
+      <img src="/thelastmuseum/static/img/close-black.png" />
+    </div>
+  </div>
+)