inserting texts

1 files changed, 45 insertions, 12 deletions

diff --git a/frontend/site/projects/museum/views/home.css b/frontend/site/projects/museum/views/home.css
index 188840b..c8a55c9 100644
--- a/frontend/site/projects/museum/views/home.css
+++ b/frontend/site/projects/museum/views/home.css
@@ -3,8 +3,9 @@ html {
 }
 .app > div.home {
   display: block;
-  background: #111111;
+/*
   transition: opacity 0.4s;
+*/
   opacity: 1.0;
   cursor: pointer;
   position: fixed;
@@ -15,13 +16,51 @@ html {
 }
 .app > div.home.hidden {
   opacity: 0.0;
-  pointer-events: none;
+  cursor: pointer;
+  /*pointer-events: none;*/
 }
 
-.home-byline {
-  font-family: "Druk Wide";
+/* intro animation */
+
+.app > div.home.intro {
+  background-color: #111111;
+  background-image: url(/last-museum/static/media/last-museum/homepage.jpg);
+  background-size: cover;
+  background-position: center bottom;
+}
+
+.app > div.home.orange-bg {
+  background-color: #FF790D;
+}
+.app > div.home.white-bg {
+  background-color: #ffffff;
+}
+.app > div.home.black-bg {
+  background-color: #111111;
+}
+
+.home.white-text div {
+  color: #ffffff;
+  text-shadow: 0px 0px 10px #ffffff;
+}
+.home.white-text div.home-artists,
+.home.white-text div.home-message {
+  text-shadow: 0px 0px 5px #ffffff;
+}
+
+.home.orange-text div {
   color: #FF790D;
+  text-shadow: 0px 0px 10px #FF790D;
+}
+.home.orange-text div.home-artists,
+.home.orange-text div.home-message {
   text-shadow: 0px 0px 5px #FF790D;
+}
+
+/* home styling */
+
+.home-byline {
+  font-family: "Druk Wide";
   opacity: 1;
   white-space: nowrap;
   transition: opacity 0.2s;
@@ -34,9 +73,7 @@ html {
   font-family: "Druk";
   font-weight: 900;
   font-style: italic;
-  color: #FF790D;
   white-space: nowrap;
-  text-shadow: 0px 0px 10px #FF790D;
   font-size: 49vh;
   position: absolute;
   left: 0;
@@ -47,8 +84,6 @@ html {
 }
 .home-artists {
   font-family: "Druk Wide";
-  color: #FF790D;
-  text-shadow: 0px 0px 5px #FF790D;
   opacity: 1;
   white-space: nowrap;
   transition: opacity 0.2s;
@@ -60,13 +95,11 @@ html {
 }
 .home-message {
   font-family: "Druk Wide";
-  color: #FF790D;
-  text-shadow: 0px 0px 5px #ff790d;
   opacity: 0.0;
   transition: opacity 0.2s;
   width: 140vh;
-  font-size: 4vh;
-  line-height: 1.2;
+  font-size: 3.5vh;
+  line-height: 1.1;
   position: absolute;
   top: 40vh;
   text-align: center;