Merge pull request #35 from reactiveops/bb/branding

add branding to dashboard
This commit is contained in:
Bobby Brennan
2019-03-27 11:18:10 -04:00
committed by GitHub
3 changed files with 40 additions and 9 deletions

View File

@@ -21,10 +21,15 @@
<body>
<div class="header">
<h1>
<div class="header-content">
<img class="logo" src="/static/images/logo.png" alt="Fairwinds" />
<span class="alt-logo">Fairwinds</span>
</h1>
<div class="header-right">
<a href="https://reactiveops.com?source=fairwinds">
<span class="by-text">by</span>
<img class="ro-logo" src="/static/images/ro-logo.png" alt="ReactiveOps" />
</a>
</div>
</div>
</div>
<div class="dashboard-content">
@@ -87,6 +92,10 @@
{{ end }} {{/* end range .NamespacedResults */}}
</div>
<div class="footer">
&copy; 2019, <a href="https://reactiveops.com?source=fairwinds">ReactiveOps Inc.</a>
</div>
<script>
$(function () {
var namespaceChart = new Chart("namespaceScoreChart", {

View File

@@ -10,20 +10,33 @@ body {
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.header h1 {
.header .header-content {
margin: 0 auto;
width: 900px;
}
.header h1 .logo {
.header .header-right {
float: right;
}
.header .logo {
width: 280px;
}
.header h1 span {
.header span.by-text {
font-family: 'Lobster', sans-serif;
font-size: 60px;
font-weight: normal;
display: none;
color: #23103A;
vertical-align: top;
display: inline-block;
margin-top: 4px;
}
.header a {
text-decoration: none;
}
.header .ro-logo {
height: 64px;
}
.dashboard-content {
@@ -223,3 +236,12 @@ body {
animation: fadeIn 2s;
}
.footer {
text-align: center;
padding-top: 10px;
padding-bottom: 30px;
}
.footer, .footer a {
color: #999;
}

BIN
public/images/ro-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB