background added but colors are not perfect

HappyBots · Jul 31, 2016 · 3736de6 · 3736de6
1 parent 1317923
commit 3736de6
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git a/app/images/samBg.jpg b/app/images/samBg.jpg
diff --git a/app/scripts/services/botsdata.js b/app/scripts/services/botsdata.js
@@ -17,16 +17,18 @@ angular.module('happybotsApp')
       imageBgSrc:"images/alexBg5.jpg",
       icoSrc:"images/alexIcoNoBorder.png",
       messengerUrl: "http://m.me/alex.wikimessenger",
-      githubUrl: "https://github.com/patriciamayo/Alex-wikiMessenger"
+      githubUrl: "https://github.com/patriciamayo/Alex-wikiMessenger",
+      class: "dark",
     },
     "sam" : {
       name: "Sam",
       id: "sam",
       description: "A Pokemon bot for messenger to help you win in Pokemon Go",
       imageSrc:"images/sam.png",
-      imageBgSrc:"images/alexBg5.jpg",
+      imageBgSrc:"images/samBg.jpg",
       icoSrc:"images/samico.png",
       messengerUrl: "http://m.me/sam.pokemessenger",
-      githubUrl: "http://sandoche.com"
+      githubUrl: "http://sandoche.com",
+      class: "white-shadow",
     },
   });
diff --git a/app/styles/_bot.scss b/app/styles/_bot.scss
@@ -21,6 +21,11 @@
 
     min-height: 100vh;
 
+    .white-shadow {
+      color: #fff !important;
+      text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
+    }
+
 }
 
 

diff --git a/app/views/bot.html b/app/views/bot.html
@@ -5,9 +5,9 @@
         <img src="{{ Bot.imageSrc }}" class="img-responsive" alt="" />
       </div>
       <div class="col-xs-12 col-sm-5 center-col vcenter">
-        <h1>Hello, <strong><typer words="['I\'m ' +  Bot.name ]" type-time='50' start-typing="true" repeat="false" backspace-time='200' start-delay='1500'></typer></strong></h1>
+        <h1 class="{{ Bot.class }}">Hello, <strong><typer words="['I\'m ' +  Bot.name ]" type-time='50' start-typing="true" repeat="false" backspace-time='200' start-delay='1500'></typer></strong></h1>
 
-        <h2>{{ Bot.description }}</h2>
+        <h2 class="{{ Bot.class }}">{{ Bot.description }}</h2>
         <a target="_blank" href="{{ Bot.messengerUrl }}" class="btn btn-lg btn-primary"><img src="images/messenger.png" class="img-bg"> Message Me</a> <a target="_blank" class="btn btn-lg btn-default" href="{{ Bot.githubUrl }}"><i class="fa fa-github fa" aria-hidden="true"></i> Fork on github</a>
       </div>
     </div>