1 files changed, 129 insertions, 1 deletions
diff --git a/frontend/site/projects/museum/views/artists.css b/frontend/site/projects/museum/views/artists.css
index 45cb8f3..fb3a863 100644
--- a/frontend/site/projects/museum/views/artists.css
+++ b/frontend/site/projects/museum/views/artists.css
@@ -1 +1,129 @@
-.page-artists {}
+.app > div.page.page-artists {
+  overflow: hidden;
+}
+
+/* main artists list */
+
+.page-artists .artists-heading {
+  text-align: center;
+  font-family: 'Druk Wide', sans-serif;
+  text-transform: uppercase;
+  font-style: italic;
+  font-size: 2.5vh;
+  margin: 1.5vh 0 0.5vh;
+  cursor: default;
+  user-select: none;
+}
+.page-artists .artist-detail-name,
+.page-artists .artist-big-name {
+  font-family: 'Druk';
+  font-style: italic;
+  text-transform: uppercase;
+  font-size: 14.5vh;
+  text-align: center;
+  line-height: 0.9;
+  white-space: nowrap;
+  cursor: pointer;
+  user-select: none;
+  transition: color 0.1s;
+}
+.page-artists .artist-big-name:hover {
+  /*color: white;*/
+  text-shadow: 0 0 5px #FF790D;
+}
+
+/* artist sub-pages */
+
+.page-artists .artist-gallery {
+  position: absolute;
+  top: 0; left: 0;
+  width: 100vw;
+  height: 100vh;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s;
+  background: #0f0f0f;
+}
+.page-artists .artist-gallery.visible {
+  pointer-events: auto;
+  opacity: 1;
+}
+.page-artists .artist-detail {
+  position: absolute;
+  top: 0; left: 0;
+  width: 100vw;
+  height: 100vh;
+  background: #0f0f0f;
+  opacity: 0;
+  transition: opacity 0.2s;
+  pointer-events: none;
+}
+.page-artists .artist-detail.visible {
+  pointer-events: auto;
+  opacity: 1;
+}
+
+.page-artists .artist-detail-name {
+  position: absolute;
+  top: 2vh;
+  left: 0;
+  width: 100%;
+  text-shadow: 0 0 5px #FF790D;
+  pointer-events: none;
+}
+.page-artists .nav-arrow {
+  transform: translateZ(0);
+}
+.page-artists .nav-arrow path {
+  stroke: #FF790D;
+  fill: transparent;
+}
+
+.page-artists .artist-content {
+  position: absolute;
+  top: 16vh; left: 0;
+  width: 100vw;
+  height: 78vh;
+  overflow-y: auto;
+}
+.page-artists .artist-content::-webkit-scrollbar {
+  display: none;
+}
+.page-artists .artist-left {
+  padding-top: 0vh;
+  padding-bottom: 4vh;
+  padding-left: 2vw;
+  padding-right: 2vw;
+  width: 50vw;
+  font-size: 1.5vw;
+  line-height: 1.4;
+}
+.page-artists .artist-left p {
+  margin: 0 0 2vw 0;
+}
+.page-artists .artist-right {
+  position: absolute;
+  top: 0;
+  left: 50vw;
+  background-size: cover;
+  background-position: center right;
+  width: 50vw;
+  height: 100vh;
+  background: blue;
+  pointer-events: none;
+}
+.page-artists .artist-location {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  text-align: center;
+  font-family: 'Druk Wide', sans-serif;
+  text-transform: uppercase;
+  font-style: italic;
+  font-size: 2.5vh;
+  text-shadow: 0 0 3px #FF790D;
+  margin: 0 0 1vh;
+  cursor: default;
+  pointer-events: none;
+}
+\ No newline at end of file