Adding 24 hours last change

Controllers/HomeController.cs

@@ -34,7 +34,8 @@ namespace Stratis.Guru.Controllers
             dynamic coinmarketcap = JsonConvert.DeserializeObject(_memoryCache.Get("Coinmarketcap").ToString());
             return View(new Ticker
             {
-                UsdPrice = coinmarketcap.data.quotes.USD.price
+                UsdPrice = coinmarketcap.data.quotes.USD.price,
+                Last24Change = coinmarketcap.data.quotes.USD.percent_change_24h/100
             });
         }
 

Models/Ticker.cs

@@ -3,5 +3,6 @@ namespace Stratis.Guru.Models
     public class Ticker
     {
         public double UsdPrice { get; set; }
+        public double Last24Change { get; set; }
     }
 }
\ No newline at end of file

Views/Home/Index.cshtml

@@ -8,12 +8,13 @@
         <div class="container">
             <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 align-self-center text-center">
-                    <h1>The <strong>$STRAT</strong> price in realtime.</h1>
+                    <h1 class="m-0">The <strong>$STRAT</strong> price in realtime.</h1>
                     <h1 class="align-middle">
-                        <div class="d-block">
+                        <div class="d-inline-block align-middle">
                             <span class="click-edit">1 STRAT</span> =
                         </div>
-                        <span class="display-1 font-weight-bold">@(Model.UsdPrice.ToString("C2"))</span>
+                        <span class="align-middle display-1 font-weight-bold">@(Model.UsdPrice.ToString("C2"))</span>
+                        <span class="text-@(Model.Last24Change > 0 ? "success":"danger") font-weight-bold"><sup> @((Model.Last24Change > 0 ? "+":"-")) @(Model.Last24Change.ToString("P2"))</sup></span>
                     </h1>
                     <a asp-controller="Home" asp-action="Generator" class="btn-secondary-box"><i class="fa fa-paper-plane"></i> Get a Stratis Address</a>
                 </div>