Commit c40bf2b3 authored by Clint Mourlevat's avatar Clint Mourlevat

Fixing some CSS (responsive)

parent 45814672
...@@ -34,6 +34,7 @@ namespace Stratis.Guru.Services ...@@ -34,6 +34,7 @@ namespace Stratis.Guru.Services
var coinmarketCapApiRequest = new RestRequest(Method.GET); var coinmarketCapApiRequest = new RestRequest(Method.GET);
var coinmarketcapApi = coinmarketCapApiClient.Execute(coinmarketCapApiRequest); var coinmarketcapApi = coinmarketCapApiClient.Execute(coinmarketCapApiRequest);
_memoryCache.Set("Coinmarketcap", coinmarketcapApi.Content); _memoryCache.Set("Coinmarketcap", coinmarketcapApi.Content);
Console.WriteLine(DateTime.Now + " - Ticker Updated");
updateTimer.Interval = TimeSpan.FromMinutes(10).TotalMilliseconds; updateTimer.Interval = TimeSpan.FromMinutes(10).TotalMilliseconds;
await _hubContext.Clients.All.SendAsync("UpdateTicker", cancellationToken); await _hubContext.Clients.All.SendAsync("UpdateTicker", cancellationToken);
}; };
......
...@@ -4,34 +4,36 @@ ...@@ -4,34 +4,36 @@
Layout = "_Layout"; Layout = "_Layout";
} }
<section class="welcome-area" id="welcome-1"> <section class="welcome-area" id="welcome-1">
<div class="header-token mt-3"> <div class="header-token pt-5">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 pt-5 align-self-center text-center"> <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 pt-5 align-self-center text-center">
<h2>Stratis Public Key</h2> <h2>Stratis Public Key</h2>
<img src="@Url.Action("Qr", new {value = Model.PublicKey})" class="qr"/> <img src="@Url.Action("Qr", new {value = Model.PublicKey})" class="qr"/>
<div class="input-group mb-3 input-group-lg mt-4 pl-5 pr-5"> <div class="input-group mb-3 mt-2 input-group-lg pl-lg-5 pr-lg-5">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text bg-dark text-white" id="basic-addon1">PUB</span> <span class="input-group-text bg-dark text-white">PUB</span>
</div> </div>
<input type="text" class="form-control bg-dark" value="@Model.PublicKey"> <input type="text" class="form-control bg-dark" value="@Model.PublicKey">
<div class="input-group-append"> <div class="input-group-append">
<button class="btn btn-success" type="button"><i class="fa fa-copy"></i> Copy</button> <button class="btn btn-success" type="button"><i class="fa fa-copy"></i> Copy</button>
</div> </div>
</div> </div>
<p class="m-0">This is the adress than you share with others.</p>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 pt-5 align-self-center text-center"> <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 pt-5 align-self-center text-center">
<h2>Stratis Private Address</h2> <h2>Stratis Private Address</h2>
<img src="@Url.Action("Qr", new {value = Model.PrivateKey})" class="qr"/> <img src="@Url.Action("Qr", new {value = Model.PrivateKey})" class="qr"/>
<div class="input-group mb-3 input-group-lg mt-4 pl-5 pr-5"> <div class="input-group mb-3 mt-2 input-group-lg pl-lg-5 pr-lg-5">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text bg-dark text-white" id="basic-addon1">WIF</span> <span class="input-group-text bg-dark text-white">WIF</span>
</div> </div>
<input type="text" class="form-control bg-dark" value="@Model.PrivateKey"> <input type="text" class="form-control bg-dark" value="@Model.PrivateKey">
<div class="input-group-append"> <div class="input-group-append">
<button class="btn btn-success" type="button"><i class="fa fa-copy"></i> Copy</button> <button class="btn btn-success" type="button"><i class="fa fa-copy"></i> Copy</button>
</div> </div>
</div> </div>
<p class="m-0 danger">This is your spent key that you keep in safety.</p>
</div> </div>
</div> </div>
<div class="row mt-5"> <div class="row mt-5">
......
...@@ -10,10 +10,10 @@ ...@@ -10,10 +10,10 @@
<h1 class="m-0">The <strong>$STRAT</strong> price in realtime.</h1> <h1 class="m-0">The <strong>$STRAT</strong> price in realtime.</h1>
<h1 class="align-middle"> <h1 class="align-middle">
<div class="d-inline-block align-middle"> <div class="d-inline-block align-middle">
<span class="click-edit" spellcheck="false">1</span> STRAT = <span class="click-edit" spellcheck="false">1</span> STRAT <span class="d-none d-lg-inline-block">=</span>
</div> </div>
<span class="align-middle display-1 font-weight-bold" id="amount">@(Model.UsdPrice.ToString("C2"))</span> <span class="align-middle display-1 font-weight-bold" id="amount">@(Model.UsdPrice.ToString("C2"))</span>
<span id="lastchange" class="change-@(Model.Last24Change > 0 ? "success":"danger") font-weight-bold"><sup> @((Model.Last24Change > 0 ? "+":"-")) @(Model.Last24Change.ToString("P2"))</sup></span> <span id="lastchange" class="d-block d-lg-inline-block change-@(Model.Last24Change > 0 ? "success":"danger") font-weight-bold"><sup> <span class="d-none d-lg-inline-block">@((Model.Last24Change > 0 ? "+":"-"))</span> @(Model.Last24Change.ToString("P2"))</sup></span>
</h1> </h1>
<a asp-controller="Home" asp-action="Generator" class="btn-secondary-box"><i class="fa fa-paper-plane"></i> Get a Stratis Address</a> <a asp-controller="Home" asp-action="Generator" class="btn-secondary-box"><i class="fa fa-paper-plane"></i> Get a Stratis Address</a>
</div> </div>
......
...@@ -13,10 +13,10 @@ ...@@ -13,10 +13,10 @@
@if (ViewBag.Succeed == null) @if (ViewBag.Succeed == null)
{ {
<div class="row"> <div class="row">
<div class="col-md-8 offset-2"> <div class="col-lg-8 col-md-12 offset-lg-2">
<div class="form-group mt-4"> <div class="form-group mt-4">
<label class="text-left extra small text-white">The actual process is unthreaded and will be update in some days.</label> <label class="text-left extra small text-white">The actual process is unthreaded and will be update in some days.</label>
<div class="input-group mb-3 input-group-lg pl-5 pr-5"> <div class="input-group mb-3 input-group-lg pl-lg-5 pr-lg-5">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text bg-info text-white">Prefix</span> <span class="input-group-text bg-info text-white">Prefix</span>
</div> </div>
...@@ -28,9 +28,9 @@ ...@@ -28,9 +28,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row mt-lg-4">
<div class="col-md-8 offset-2"> <div class="col-lg-8 col-md-12 offset-lg-2">
<div class="form-group mb-3 mt-4 pl-5 pr-5"> <div class="input-group mb-3 input-group-lg pl-lg-5 pr-lg-5">
<label class="text-left extra small text-white">You will receive the private key by email.</label> <label class="text-left extra small text-white">You will receive the private key by email.</label>
<div class="input-group input-group-lg"> <div class="input-group input-group-lg">
<div class="input-group-prepend"> <div class="input-group-prepend">
......
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
</div> </div>
</header> </header>
@RenderBody() @RenderBody()
<div id="crafted" class="pb-4"> <div id="crafted">
<p class="text-center small">Proudly Crafted with 💖 by <a href="https://twitter.com/clint_network" target="_blank">Clint.Network</a> — Help me to maintain by sending some $STRAT at SR2ZXnhRnMqJNoeDiCFUnaug7TKHJocwDd.</p> <p class="text-center small">Proudly Crafted with 💖 by <a href="https://twitter.com/clint_network" target="_blank">Clint.Network</a> — Help me to maintain by sending some $STRAT at SR2ZXnhRnMqJNoeDiCFUnaug7TKHJocwDd.</p>
</div> </div>
<script src="~/js/jquery-2.1.0.min.js"></script> <script src="~/js/jquery-2.1.0.min.js"></script>
......
/* ----------------------------------------------------------------------------------------
Template: Arda - Bitcoin and Cryptocurrency ICO HTML Template
Version: 1.3
Author: tempload - support@tempload.com
-----------------------------------------------------------------------------------------*/
/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. pre-loader
03. global styles
04. buttons
05. token box
06. header
07. welcome area
08. services
09. roadmap
10. team
11. parallax
12. faq
13. block explorer
14. footer & contact
--------------------------------------------- */
/*
---------------------------------------------
font & reset css
---------------------------------------------
*/
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700"); @import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
...@@ -37,6 +10,17 @@ figure, header, nav, section, article, aside, footer, figcaption { ...@@ -37,6 +10,17 @@ figure, header, nav, section, article, aside, footer, figcaption {
outline: 0; outline: 0;
} }
#crafted {
position: fixed;
bottom: 0;
color: #EEEEEE;
width: 100%;
z-index: 999;
padding: 20px 0;
position: sticky;
bottom: 0;
}
.clearfix:after { .clearfix:after {
content: "."; content: ".";
display: block; display: block;
...@@ -1050,7 +1034,7 @@ header ...@@ -1050,7 +1034,7 @@ header
-o-transition: all 0.4s; -o-transition: all 0.4s;
-webkit-transition: all 0.4s; -webkit-transition: all 0.4s;
transition: all 0.4s; transition: all 0.4s;
background-color: #3B566E; background-color: #FFFFFF;
display: block; display: block;
position: absolute; position: absolute;
width: 30px; width: 30px;
...@@ -1064,7 +1048,7 @@ header ...@@ -1064,7 +1048,7 @@ header
-o-transition: all 0.4s; -o-transition: all 0.4s;
-webkit-transition: all 0.4s; -webkit-transition: all 0.4s;
transition: all 0.4s; transition: all 0.4s;
background-color: #3B566E; background-color: #CCCCCC;
display: block; display: block;
position: absolute; position: absolute;
width: 30px; width: 30px;
...@@ -1345,11 +1329,15 @@ header ...@@ -1345,11 +1329,15 @@ header
} }
@media (max-width: 991px) { @media (max-width: 991px) {
.welcome-area {
/*min-height: calc(100vh - 90px) !important;*/
}
#crafted #crafted
{ {
position: relative; height: 80px;
position: fixed;
background: #1b1d20; background: #1b1d20;
padding: 20px 0 15px; padding: 10px 0 15px;
margin-top: 10px; margin-top: 10px;
} }
.header-area { .header-area {
...@@ -3103,28 +3091,18 @@ footer .footer-bottom .copyright { ...@@ -3103,28 +3091,18 @@ footer .footer-bottom .copyright {
margin-right: 5px; margin-right: 5px;
} }
#crafted
{
position: fixed;
bottom: 0;
color: #EEEEEE;
width: 100%;
z-index: 999;
}
a, a:hover, a:focus, a:active a, a:hover, a:focus, a:active
{ {
color: inherit; color: inherit;
} }
header a:not(.logo) { header .nav a {
display: inline-block; display: inline-block;
position: relative; position: relative;
color: #0087ca; color: #0087ca;
} }
header a:not(.logo)::after { header .nav a::after {
content: ''; content: '';
position: absolute; position: absolute;
width: 100%; width: 100%;
...@@ -3137,7 +3115,7 @@ header a:not(.logo)::after { ...@@ -3137,7 +3115,7 @@ header a:not(.logo)::after {
transition: transform 0.25s ease-out; transition: transform 0.25s ease-out;
} }
header a:not(.logo):hover::after { header .nav a:hover::after {
transform: scaleX(1); transform: scaleX(1);
transform-origin: bottom left; transform-origin: bottom left;
} }
...@@ -3232,4 +3210,19 @@ h2 ...@@ -3232,4 +3210,19 @@ h2
.change-danger .change-danger
{ {
color: orangered; color: orangered;
}
[contenteditable="true"] {
white-space: nowrap;
overflow: hidden;
}
[contenteditable="true"] br {
display: none;
}
[contenteditable="true"] * {
display: inline;
white-space: nowrap;
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment