add artist images

5 files changed, 21 insertions, 14 deletions

diff --git a/frontend/site/projects/museum/constants.js b/frontend/site/projects/museum/constants.js
index ba261c5..4797864 100644
--- a/frontend/site/projects/museum/constants.js
+++ b/frontend/site/projects/museum/constants.js
@@ -66,7 +66,7 @@ export const ARTISTS = {
         </p>
       `,
     },
-    image: "",
+    image: "/last-museum/static/media/last-museum/artist-bio/nora.jpg",
     globePosition: {
       top: "15.1%",
       left: "47.7%",
@@ -139,7 +139,7 @@ export const ARTISTS = {
         </p>
       `,
     },
-    image: "",
+    image: "/last-museum/static/media/last-museum/artist-bio/juliana.jpg",
     globePosition: {
       top: "59%",
       left: "32%",
@@ -194,7 +194,7 @@ export const ARTISTS = {
         </p>
       `,
     },
-    image: "",
+    image: "/last-museum/static/media/last-museum/artist-bio/nicole.jpg",
     globePosition: {
       top: "68%",
       left: "83%",
@@ -273,7 +273,7 @@ export const ARTISTS = {
         </p>
       `,
     },
-    image: "",
+    image: "/last-museum/static/media/last-museum/artist-bio/charles.jpg",
     globePosition: {
       top: "15%",
       left: "22%",
@@ -302,7 +302,7 @@ export const ARTISTS = {
         In der Trockenzeit kommt es im Hochgebirge Nordthailands häufig zu Flächenbränden. Die Ursache der Feuer ist nicht natürlich, sondern Brandstiftung. In der Vergangenheit wurde vermutet, dass die Einheimischen die Brände legen, um Land für die landwirtschaftliche Nutzung oder für die Jagd zu roden. Man versuchte, das Problem auf Gemeindeebene zu lösen, aber die Brände wurden nur noch schlimmer. Seltsamerweise traten die Brände oft im Nationalpark auf - einem Gebiet, das für die Dorfbewohner schwer zugänglich ist. Während der Löscharbeiten im Mai 2020 entdeckte eine Gruppe von Wissenschaftler*innen und Freiwilligen wichtige Beweise, die die ursprüngliche Hypothese verändern sollten: Sie fanden mehrere Fälle von improvisierten Geräten, die aus Wäscheklammern bestanden und über ein Stromkabel mit einer kleinen Batterie verbunden waren. Die Verbrennung wurde durch einen kleinen Lehmklumpen ausgelöst, der in der Mitte zwischen den Wäscheklammern positioniert war und als Timer fungierte - nachdem er in der Hitze geschmolzen war, entzündeten sich die an den Batterien befestigten Drähte. Die befragten Dorfbewohner sagten, dass ihnen diese Technik nicht bekannt war. Obwohl man die Absicht der Brandstifter nicht genau kennen kann, ist es wahrscheinlich, dass die natürlichen Ressourcen des Parks genutzt werden, um irgendeiner Gruppe von Menschen zu nutzen. Und die Armen wurden schon immer an den Pranger gestellt.
       </p>`,
     },
-    image: "",
+    image: "/last-museum/static/media/last-museum/artist-bio/jakrawal.jpg",
     globePosition: {
       top: "39%",
       left: "72%",
@@ -351,7 +351,7 @@ export const ARTISTS = {
         </p>
       `,
     },
-    image: "",
+    image: "/last-museum/static/media/last-museum/artist-bio/zohra.jpg",
     globePosition: {
       top: "44%",
       left: "44.4%",
diff --git a/frontend/site/projects/museum/views/artists.css b/frontend/site/projects/museum/views/artists.css
index a327e19..5a1cfaa 100644
--- a/frontend/site/projects/museum/views/artists.css
+++ b/frontend/site/projects/museum/views/artists.css
@@ -119,14 +119,20 @@
   position: absolute;
   top: 0;
   left: 50vw;
-  padding-top: 2vh;
-  padding-bottom: 4vh;
-  padding-left: 2vw;
-  padding-right: 2vw;
   width: 50vw;
+  height: 100vh;
   font-size: 1.2vw;
   line-height: 1.4;
-  /*background: #222222;*/
+  background: #222222;
+  background-size: cover;
+  background-position: center center;
+}
+.page-artists .artist-right-inner {
+  position: absolute;
+  top: 0;
+  left: 50vw;
+  width: 50vw;
+  height: 100%;
 }
 .page-artists .artist-location {
   position: absolute;
diff --git a/frontend/site/projects/museum/views/artists.js b/frontend/site/projects/museum/views/artists.js
index ed6ba0d..daa46f5 100644
--- a/frontend/site/projects/museum/views/artists.js
+++ b/frontend/site/projects/museum/views/artists.js
@@ -1,4 +1,5 @@
 import React, { Component } from 'react'
+import { Link } from 'react-router-dom'
 import { connect } from 'react-redux'
 import actions from 'site/actions'
 
@@ -125,7 +126,7 @@ const ArtistDetail = ({ artist, index, isCurrent, language, onClose }) => {
         <div className="artist-left">
           <span dangerouslySetInnerHTML={{ __html: artist.bio[language] }} />
         </div>
-        <div className="artist-right" />
+        <Link to={`/last-museum/${artist.start}`} className="artist-right-inner" />
       </div>
       <div className="artist-detail-name" onClick={onClose}>
         {artist.name}
diff --git a/frontend/site/projects/museum/views/home.css b/frontend/site/projects/museum/views/home.css
index c8a55c9..1820524 100644
--- a/frontend/site/projects/museum/views/home.css
+++ b/frontend/site/projects/museum/views/home.css
@@ -157,4 +157,5 @@ html {
 }
 .curtain.hidden {
   opacity: 0;
+  pointer-events: none;
 }
\ No newline at end of file
diff --git a/frontend/site/projects/museum/views/titles.overlay.js b/frontend/site/projects/museum/views/titles.overlay.js
index c5421ea..2b0ba7e 100644
--- a/frontend/site/projects/museum/views/titles.overlay.js
+++ b/frontend/site/projects/museum/views/titles.overlay.js
@@ -147,9 +147,8 @@ class TitlesOverlay extends Component {
 
   render() {
     const { content, showText } = this.state
-    const { popups, interactive } = this.props
+    const { popups, interactive, language } = this.props
     if (!interactive || !content) return null
-      console.log(content)
     return (
       <div>
         <div