customized front-end for Psiphon

public/app/core/components/sidemenu/sidemenu.html

@@ -1,5 +1,5 @@
 <a class="sidemenu__logo" ng-click="ctrl.toggleSideMenu()">
-  <img src="public/img/grafana_icon.svg"></img>
+  <img src="public/img/psiphon-logo-512x512.png"></img>
 </a>
 
 <a class="sidemenu__logo_small_breakpoint" ng-click="ctrl.toggleSideMenuSmallBreakpoint()">
@@ -78,4 +78,4 @@
       </li>
     </ul>
   </div>
-</div>
+</div>

public/app/partials/login.html

@@ -1,8 +1,7 @@
 <div class="login container">
   <div class="login-content">
     <div class="login-branding">
-      <img class="logo-icon" src="public/img/grafana_icon.svg" alt="Grafana" />
-      <i class="icon-gf icon-gf-grafana_wordmark"></i>
+      <img class="logo-icon" src="public/img/psiphon-logo-512x512.png" alt="Psiphon" />
     </div>
     <div class="login-inner-box">
       <form name="loginForm" class="login-form-group gf-form-group" ng-hide="disableLoginForm">

public/sass/_variables.dark.scss

@@ -68,12 +68,15 @@ $text-shadow-strong: 1px 1px 4px $black;
 $text-shadow-faint: 1px 1px 4px rgb(45, 45, 45);
 
 // gradients
+$brand-gradient: linear-gradient(to right, #171819, #282b47, #643063, #aa2658, #d43f27);
+/*
 $brand-gradient: linear-gradient(
   to right,
   rgba(255, 213, 0, 0.7) 0%,
   rgba(255, 68, 0, 0.7) 99%,
   rgba(255, 68, 0, 0.7) 100%
 );
+*/
 $page-gradient: linear-gradient(180deg, #222426 10px, rgb(22, 23, 25) 100px);
 
 // Links

public/sass/_variables.light.scss

@@ -70,7 +70,10 @@ $text-shadow-faint: none;
 $textShadow: none;
 
 // gradients
+$brand-gradient: linear-gradient(to right, #52545c, #675577, #954b7b, #c13a5f, #d43f27);
+/*
 $brand-gradient: linear-gradient(to right, rgba(255, 213, 0, 1) 0%, rgba(255, 68, 0, 1) 99%, rgba(255, 68, 0, 1) 100%);
+*/
 $page-gradient: linear-gradient(-60deg, $gray-7, #f5f6f9 70%, $gray-7 98%);
 
 // Links

public/sass/pages/_login.scss

@@ -11,7 +11,7 @@ $login-border: #8daac5;
   display: flex;
   align-items: center;
   justify-content: center;
-  background-image: url(../img/heatmap_bg_test.svg);
+  background-image: url(../img/grafana-psiphon-login.png);
   background-size: cover;
 }
 

public/views/index.template.html

@@ -42,42 +42,6 @@
     <div class="main-view">
       <div class="scroll-canvas" page-scrollbar>
         <div ng-view></div>
-
-        <footer class="footer">
-          <div class="text-center">
-            <ul>
-              <li>
-                <a href="http://docs.grafana.org" target="_blank">
-                  <i class="fa fa-file-code-o"></i>
-                  Docs
-                </a>
-              </li>
-              <li>
-                <a href="https://grafana.com/services/support" target="_blank">
-                  <i class="fa fa-support"></i>
-                  Support Plans
-                </a>
-              </li>
-              <li>
-                <a href="https://community.grafana.com/" target="_blank">
-                  <i class="fa fa-comments-o"></i>
-                  Community
-                </a>
-              </li>
-              <li>
-                <a href="https://grafana.com" target="_blank">Grafana</a>
-                <span>v[[.BuildVersion]] (commit: [[.BuildCommit]])</span>
-              </li>
-              [[if .NewGrafanaVersionExists]]
-              <li>
-                <a href="https://grafana.com/get" target="_blank" bs-tooltip="'[[.NewGrafanaVersion]]'">
-                  New version available!
-                </a>
-              </li>
-              [[end]]
-            </ul>
-          </div>
-        </footer>
       </div>
     </div>
   </grafana-app>