diff --git a/vipra-ui/app/html/index.html b/vipra-ui/app/html/index.html index 8f79fff05d412b13b230253166a45c091da09ca2..bd78eb3789a0e5e1091284cf1342d597537f0ce9 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 3158d64068355d8f85fb261d5135e02157b22a4c..acaf5cefac785edd8bd0b280977a3b6705f7c71b 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 {