Welcome block closing

suryadutta · Oct 31, 2017 · 357eadb · 357eadb
1 parent e8b3d4b
commit 357eadb
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/public/javascripts/indexscript.js b/public/javascripts/indexscript.js
@@ -81,4 +81,9 @@ $(document).ready(function() {
 
     // Testimonials
     setInterval(changeTestimonial, 3000);
+
+    // Temporary welcome block
+    $('#close-welcome').click(function() {
+        $('#welcome-block').fadeOut(200);
+    });
 });
diff --git a/public/stylesheets/indexstyle.css b/public/stylesheets/indexstyle.css
@@ -35,12 +35,28 @@ along with the RDB code.  If not, see <http://www.gnu.org/licenses/>.
         height: 60px;
     }
 }
+@media (max-width: 400px) {
+    #welcome-block>p {
+        font-size: 13px;
+    }
+}
 #welcome-block>p {
     display: block;
     line-height: 20px;
     font-weight: bold;
     color: #fff;
     text-align: center;
+    margin-right: 25px;
+    margin-bottom: 0px;
+}
+#welcome-block>i {
+    margin: 5px;
+    width: 10px;
+    line-height: 10px;
+    position: absolute;
+    right: 10px;
+    top: 10px;
+    color: #fff;
 }
 
 /* General layout */

diff --git a/views/index.hbs b/views/index.hbs
@@ -1,5 +1,6 @@
 <div id="welcome-block">
     <p>Psst! Welcome to the RDB version 2.0, to be publicly released this week!</p>
+    <i class="fa fa-times" id="close-welcome"></i>
 </div>
 <div class="page-wrapper">
     <div class="main" id="indexmain">