1 files changed, 23 insertions, 0 deletions
diff --git a/frontend/site/projects/museum/views/essay.js b/frontend/site/projects/museum/views/essay.js
index 589a859..b0bd996 100644
--- a/frontend/site/projects/museum/views/essay.js
+++ b/frontend/site/projects/museum/views/essay.js
@@ -3,6 +3,11 @@ import actions from 'site/actions'
 
 import "./essay.css"
 
+import { ARTISTS, ARTIST_ORDER } from "site/projects/museum/constants"
+import { Globe } from "site/projects/museum/icons"
+
+import { history } from "site/store"
+
 export default class Artists extends Component {
   constructor(props) {
     super(props)
@@ -28,6 +33,7 @@ export default class Artists extends Component {
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis mauris tristique diam venenatis ultricies ut sit amet justo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec efficitur tortor elit, non suscipit turpis commodo ut. Phasellus imperdiet nunc sit amet nulla ultricies maximus. Vivamus bibendum eu nunc ut ultricies. Quisque tempor turpis sem, ac ullamcorper mi congue et. Sed nec interdum sapien. Pellentesque laoreet mauris in orci fermentum, ut consectetur elit fermentum. Nam nec suscipit neque. In aliquet vitae ligula in mattis. Donec iaculis massa sed augue eleifend imperdiet. Fusce tempor euismod facilisis. Etiam in lobortis ante, eu varius enim. Mauris mattis suscipit faucibus. Sed posuere augue eget tortor pharetra, eget fermentum lacus accumsan. Mauris viverra vulputate magna, non blandit odio congue vel.
           </p>
+          <ArtistGlobe />
           <p>
             Pellentesque sem lacus, maximus ac efficitur id, mollis convallis eros. Sed faucibus, velit vel consectetur dignissim, leo lectus consectetur odio, et congue nunc massa id metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam nibh tortor, aliquam sed massa eu, tincidunt dignissim libero. Morbi ullamcorper in lorem sit amet ultrices. Suspendisse nec ante a ex eleifend condimentum. Curabitur porta sem sed diam lacinia, id egestas augue feugiat. Aenean non odio facilisis, consectetur mauris quis, ultricies lorem. Maecenas bibendum risus sapien, in semper tellus dignissim fringilla. Suspendisse tempor ligula augue, nec rutrum mauris rutrum quis. Pellentesque tristique dolor nec lectus imperdiet convallis. Phasellus eleifend ligula id nunc cursus fermentum. Etiam pellentesque libero at vestibulum placerat. Aenean vitae condimentum turpis. Curabitur vel leo et ipsum ultricies gravida vel eget lacus.
           </p>
@@ -69,3 +75,20 @@ export default class Artists extends Component {
     )
   }
 }
+
+const ArtistGlobe = () => (
+  <div className="globe">
+    <div className="globe-image">
+      {Globe}
+      {ARTIST_ORDER.map((key, index) => {
+        const artist = ARTISTS[key]
+        console.log(artist.name)
+        return (
+          <div key={key} style={artist.globePosition} className="number" onClick={() => history.push(`/last-museum/${artist.start}`)}>
+            {index + 1}
+          </div>
+        )
+      })}
+    </div>
+  </div>
+)