From 2aefc614b90508f6985fa0e7a9281067209154ec Mon Sep 17 00:00:00 2001
From: Eike Cochu <eike@cochu.com>
Date: Wed, 27 Apr 2016 23:01:53 +0200
Subject: [PATCH] updated logo text
---
vipra-ui/app/html/index.html | 4 ++--
vipra-ui/app/less/app.less | 17 +++++++++++++++--
2 files changed, 17 insertions(+), 4 deletions(-)
diff --git a/vipra-ui/app/html/index.html b/vipra-ui/app/html/index.html
index 8f79fff0..bd78eb37 100644
--- a/vipra-ui/app/html/index.html
+++ b/vipra-ui/app/html/index.html
@@ -1,8 +1,8 @@
<div class="container" ng-cloak ng-hide="!rootModels.topicModel || state.name !== 'index'">
<div class="row" ng-hide="search">
<div class="col-md-12 text-center">
- <div class="logo-text">\ˈvī-prə\</div>
- <svg class="logo hover heading" viewBox="0 0 200 120">
+ <br><span class="logo-text">\ˈvī-prə\</span><br>
+ <svg class="logo logo-big hover" viewBox="0 0 200 120">
<polyline style="animation-delay:0s" class="logo-shape" points="0,0 100,45 100,75 0,0" fill="#006591" />
<polyline style="animation-delay:.5s" class="logo-shape" points="100,45 200,0 100,75 100,45" fill="#0079a2" />
<polyline style="animation-delay:1s" class="logo-shape" points="100,75 200,0 100,120 100,75" fill="#006591" />
diff --git a/vipra-ui/app/less/app.less b/vipra-ui/app/less/app.less
index 3158d640..acaf5cef 100644
--- a/vipra-ui/app/less/app.less
+++ b/vipra-ui/app/less/app.less
@@ -195,11 +195,24 @@ a:hover {
animation: fadeRotate 2s ease-in-out infinite;
}
}
+ &.logo-big {
+ height: 125px;
+ margin-bottom: 25px;
+ }
}
.logo-text {
- font-size: 20px;
- color: #888;
+ .noselect;
+ cursor: default;
+ font-size: 35px;
+ margin-top: 25px;
+ color: transparent;
+ text-shadow: 0 0 5px rgba(0,0,0,0.5);
+ transition: text-shadow 0.5s ease;
+ &:hover {
+ color: #888;
+ text-shadow: none;
+ }
}
.vis-network {
--
GitLab