From 4837ccb94b213510dfb16c1484bfd5263dec11ff Mon Sep 17 00:00:00 2001
From: Diego Najar <dignajar@gmail.com>
Date: Mon, 1 Oct 2018 17:15:29 +0200
Subject: [PATCH] welcome message

---
 bl-kernel/admin/themes/booty/css/bludit.css |  9 +++++---
 bl-kernel/admin/views/dashboard.php         | 23 +++++++++++----------
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/bl-kernel/admin/themes/booty/css/bludit.css b/bl-kernel/admin/themes/booty/css/bludit.css
index e2c477ce..305133bc 100644
--- a/bl-kernel/admin/themes/booty/css/bludit.css
+++ b/bl-kernel/admin/themes/booty/css/bludit.css
@@ -117,10 +117,13 @@ body.login {
 }
 
 #good-message {
-	margin-bottom: 20px;
-	border: 1px solid #f1f1f1;
-	padding: 20px;
+	padding: 10px 0;
 	color: #777;
+	margin-bottom: 20px;
+}
+
+#good-message span.oi {
+	top: 5px;
 }
 
 .ct-series-a .ct-line {
diff --git a/bl-kernel/admin/views/dashboard.php b/bl-kernel/admin/views/dashboard.php
index f154c029..d10f757c 100644
--- a/bl-kernel/admin/views/dashboard.php
+++ b/bl-kernel/admin/views/dashboard.php
@@ -4,19 +4,20 @@
 
 			<!-- Good message -->
 			<div>
-			<h2 id="good-message">Hello!</h2>
+			<h2 id="good-message"><span class="oi oi-heart"></span> Hello!</h2>
 			<script>
 			$( document ).ready(function() {
-				var date = new Date()
-				var hours = date.getHours()
-
-				if (hours < 12) {
-					$("#good-message").html("<?php echo $L->g('good-morning') ?>");
-				} else if (hours < 18) {
-					$("#good-message").html("<?php echo $L->g('good-afternoon') ?>");
-				} else {
-					$("#good-message").html("<?php echo $L->g('good-evening') ?>");
-				}
+				$("#good-message").fadeOut(1000, function() {
+					var date = new Date()
+					var hours = date.getHours()
+					if (hours < 12) {
+						$(this).html('<span class="oi oi-sun"></span> <?php echo $L->g('good-morning') ?>');
+					} else if (hours < 18) {
+						$(this).html('<span class="oi oi-sun"></span> <?php echo $L->g('good-afternoon') ?>');
+					} else {
+						$(this).html('<span class="oi oi-sun"></span> <?php echo $L->g('good-evening') ?>');
+					}
+				}).fadeIn(1000);
 			});
 			</script>
 			</div>