openstack/fuel-ui
Code Issues Proposed changes

Twitter Bootstrap 3 Markup

Browse Source 
Change-Id: Ib7d4f90355af5d53618ae56f7fdce858d44bfcef
This commit is contained in:
Vitaly Kramskikh 2015-03-30 20:22:44 +03:00
parent 645bb4591e
commit 28b32874ab
101 changed files with 13607 additions and 12467 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
bower.json
View File

@ -15,11 +15,12 @@
"autoNumeric": "1.9.12",
"backbone": "1.1.2",
"backbone.stickit": "0.7.0",
"cocktail": "0.5.7",
"i18next": "1.7.1",
"backbone-deep-model": "0.10.4",
"less": "2.4.0",
"jquery-ui": "~1.11.4"
"jquery-ui": "~1.11.4",
"bootstrap": "~3.3.4",
"open-sans-fontface": "~1.4.0"
},
"overrides": {
"jquery": {
@ -54,6 +55,14 @@
"ui/mouse.js",
"ui/widget.js"
]
},
"bootstrap": {
"main": [
"dist/js/bootstrap.js",
"dist/css/bootstrap.css",
"dist/css/bootstrap.css.map",
"dist/fonts/*"
]
}
},
"ignore": [

4
gulpfile.js
View File

@ -34,6 +34,7 @@ var mainBowerFiles = require('main-bower-files');
var filter = require('gulp-filter');
var react = require('gulp-react');
var less = require('gulp-less');
var autoprefixer = require('gulp-autoprefixer');
var replace = require('gulp-replace');
var jison = require('gulp-jison');
var lintspaces = require('gulp-lintspaces');
@ -86,7 +87,7 @@ var buildResultFilter = filter([
'css/styles.css',
'favicon.ico',
'img/**',
'font/**',
'**/*.+(ttf|eot|svg|woff|woff2)',
'plugins/**'
]);
@ -176,6 +177,7 @@ gulp.task('rjs', function() {
.pipe(jsxFilter.restore())
.pipe(lessFilter)
.pipe(less())
.pipe(autoprefixer())
.pipe(lessFilter.restore())
.pipe(jsFilter)
// use CSS loader instead LESS loader - styles are precompiled

96
npm-shrinkwrap.json generated
View File

@ -5335,6 +5335,102 @@
"from": "uglify-to-browserify@~1.0.0"
}
}
},
"gulp-autoprefixer": {
"version": "2.1.0",
"from": "gulp-autoprefixer@",
"dependencies": {
"autoprefixer-core": {
"version": "5.1.9",
"from": "autoprefixer-core@^5.0.0",
"dependencies": {
"browserslist": {
"version": "0.2.0",
"from": "browserslist@~0.2.0"
},
"num2fraction": {
"version": "1.0.1",
"from": "num2fraction@~1.0.1"
},
"caniuse-db": {
"version": "1.0.30000131",
"from": "caniuse-db@^1.0.30000127"
},
"postcss": {
"version": "4.0.6",
"from": "postcss@~4.0.6",
"dependencies": {
"source-map": {
"version": "0.2.0",
"from": "source-map@~0.2.0",
"dependencies": {
"amdefine": {
"version": "0.1.0",
"from": "amdefine@>=0.0.4"
}
}
},
"js-base64": {
"version": "2.1.8",
"from": "js-base64@~2.1.7"
}
}
}
}
},
"object-assign": {
"version": "2.0.0",
"from": "object-assign@^2.0.0"
},
"through2": {
"version": "0.6.5",
"from": "through2@^0.6.2",
"dependencies": {
"readable-stream": {
"version": "1.0.33",
"from": "readable-stream@>=1.0.33-1 <1.1.0-0",
"dependencies": {
"core-util-is": {
"version": "1.0.1",
"from": "core-util-is@~1.0.0"
},
"isarray": {
"version": "0.0.1",
"from": "isarray@0.0.1"
},
"string_decoder": {
"version": "0.10.31",
"from": "string_decoder@~0.10.x"
},
"inherits": {
"version": "2.0.1",
"from": "inherits@~2.0.1"
}
}
},
"xtend": {
"version": "4.0.0",
"from": "xtend@>=4.0.0 <4.1.0-0"
}
}
},
"vinyl-sourcemaps-apply": {
"version": "0.1.4",
"from": "vinyl-sourcemaps-apply@^0.1.3",
"dependencies": {
"source-map": {
"version": "0.1.43",
"from": "source-map@^0.1.39",
"dependencies": {
"amdefine": {
"version": "0.1.0",
"from": "amdefine@>=0.0.4"
}
}
}
}
}
}
}
}
}

1
package.json
View File

@ -10,6 +10,7 @@
"casperjs": "~1.1.0-beta3",
"esprima-fb": "13001.1001.0-dev-harmony-fb",
"gulp": "~3.8.11",
"gulp-autoprefixer": "~2.1.0",
"gulp-bower": "~0.0.10",
"gulp-filter": "~2.0.1",
"gulp-intermediate": "~3.0.1",

6168
static/css/bootstrap.css vendored
View File

File diff suppressed because it is too large Load Diff

117
static/css/fonticon.css
View File

@ -1,117 +0,0 @@
@charset "UTF-8";
@font-face {
font-family: 'fontello';
src: url('../font/fontello.eot?13701353');
src: url('../font/fontello.eot?13701353#iefix') format('embedded-opentype'),
url('../font/fontello.woff?13701353') format('woff'),
url('../font/fontello.ttf?13701353') format('truetype'),
url('../font/fontello.svg?13701353#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?13701353#fontello') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-minus:before { content: '\2d'; } /* '-' */
.icon-expand:before { content: '\229e'; } /* '⊞' */
.icon-collapse:before { content: '\229f'; } /* '⊟' */
.icon-settings:before { content: '\2699'; } /* '⚙' */
.icon-attention:before { content: '\26a0'; } /* '⚠' */
.icon-ok:before { content: '\2713'; } /* '✓' */
.icon-ok-circle:before { content: '\2714'; } /* '✔' */
.icon-cancel:before { content: '\2715'; } /* '✕' */
.icon-plus-circle:before { content: '\2795'; } /* '➕' */
.icon-minus-circle:before { content: '\2796'; } /* '➖' */
.icon-ok-circle-empty:before { content: '\e702'; } /* '' */
.icon-cancel-empty:before { content: '\e703'; } /* '' */
.icon-help-circled:before { content: '\e704'; } /* '' */
.icon-info-circled:before { content: '\e705'; } /* '' */
.icon-upload-cloud:before { content: '\e711'; } /* '' */
.icon-comment:before { content: '\e718'; } /* '' */
.icon-logs:before { content: '\e730'; } /* '' */
.icon-arrows-cw:before { content: '\e760'; } /* '' */
.icon-back-in-time:before { content: '\e771'; } /* '' */
.icon-install:before { content: '\e778'; } /* '' */
.icon-cancel-circle:before { content: '\e800'; } /* '' */
.icon-passed:before { content: '\e801'; } /* '' */
.icon-failed:before { content: '\e802'; } /* '' */
.icon-mirantis:before { content: '\e803'; } /* '' */
.icon-clock-1:before { content: '\e804'; } /* '' */
.icon-eye-off:before { content: '\e805'; } /* '' */
.icon-eye:before { content: '\e806'; } /* '' */
.icon-skip-test:before { content: '\e807'; } /* '' */
.icon-dell:before { content: '\e808'; } /* '' */
.icon-cisco:before { content: '\e809'; } /* '' */
.icon-virtualbox:before { content: '\e80a'; } /* '' */
.icon-supermicro:before { content: '\e80b'; } /* '' */
.icon-openvz:before { content: '\e80c'; } /* '' */
.icon-vm-logo:before { content: '\e80d'; } /* '' */
.icon-xen:before { content: '\e80e'; } /* '' */
.icon-kvm:before { content: '\e80f'; } /* '' */
.icon-qemu:before { content: '\e810'; } /* '' */
.icon-centos:before { content: '\e811'; } /* '' */
.icon-ubuntu:before { content: '\e812'; } /* '' */
.icon-network:before { content: '\e813'; } /* '' */
.icon-create:before { content: '\e814'; } /* '' */
.icon-loader:before { content: '\e815'; } /* '' */
.icon-next:before { content: '\e816'; } /* '' */
.icon-prev:before { content: '\e817'; } /* '' */
.icon-trash:before { content: '\e818'; } /* '' */
.icon-edit:before { content: '\e819'; } /* '' */
.icon-plus:before { content: '\e81a'; } /* '' */
.icon-redhat:before { content: '\e81b'; } /* '' */
.icon-hp:before { content: '\e81c'; } /* '' */
.icon-process:before { content: '\e81d'; } /* '' */
.icon-lock:before { content: '\e81e'; } /* '' */
.icon-lock-open:before { content: '\e81f'; } /* '' */
.icon-key:before { content: '\e820'; } /* '' */
.icon-down-dir:before { content: '\e821'; } /* '' */
.icon-up-dir:before { content: '\e822'; } /* '' */
.icon-left-dir:before { content: '\e823'; } /* '' */
.icon-right-dir:before { content: '\e824'; } /* '' */
.icon-resize-full:before { content: '\e825'; } /* '' */
.icon-resize-small:before { content: '\e826'; } /* '' */
.icon-user:before { content: '\1f464'; } /* '👤' */
.icon-bell:before { content: '\1f514'; } /* '🔔' */
.icon-clock:before { content: '\1f554'; } /* '🕔' */
.icon-block:before { content: '\1f6ab'; } /* '🚫' */

33
static/css/retina.less
View File

@ -1,33 +0,0 @@
// The MIT License (MIT)
//
// Copyright (c) 2013 Imulus, LLC, Ben Atkin, and other contributors
//
// Permission is hereby granted, free of charge, to any person obtaining a copy of
// this software and associated documentation files (the "Software"), to deal in
// the Software without restriction, including without limitation the rights to
// use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
// the Software, and to permit persons to whom the Software is furnished to do so,
// subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in all
// copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
// FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
// COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
// IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
// CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
@highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)";
.at2x(@path, @x, @y, @size) {
background: url(@path) no-repeat @x @y;
@at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`;
@media @highdpi {
background: url("@{at2x_path}") no-repeat @x @y;
background-size: @size;
}
}

6559
static/css/styles.less
View File

File diff suppressed because it is too large Load Diff

BIN
static/font/fontello.eot
View File

Binary file not shown.

74
static/font/fontello.svg
View File

@ -1,74 +0,0 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Copyright (C) 2014 by original authors @ fontello.com</metadata>
<defs>
<font id="fontello" horiz-adv-x="1000" >
<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
<missing-glyph horiz-adv-x="1000" />
<glyph glyph-name="minus" unicode="&#x2d;" d="m18 239l0 223 893 0 0-223-893 0z" horiz-adv-x="928" />
<glyph glyph-name="expand" unicode="&#x229e;" d="m700 750q42 0 71-29t29-71l0-600q0-40-29-70t-71-30l-600 0q-40 0-70 30t-30 70l0 600q0 42 30 71t70 29l600 0z m-50-450l0 100-200 0 0 200-100 0 0-200-200 0 0-100 200 0 0-200 100 0 0 200 200 0z" horiz-adv-x="800" />
<glyph glyph-name="collapse" unicode="&#x229f;" d="m700 750q42 0 71-29t29-71l0-600q0-40-29-70t-71-30l-600 0q-40 0-70 30t-30 70l0 600q0 42 30 71t70 29l600 0z m-50-450l0 100-500 0 0-100 500 0z" horiz-adv-x="800" />
<glyph glyph-name="settings" unicode="&#x2699;" d="m911 295l-133-56q-8-22-12-31l55-133-79-79-135 53q-9-4-31-12l-55-134-112 0-56 133q-11 4-33 13l-132-55-78 79 53 134q-1 3-4 9t-6 12-4 11l-131 55 0 112 131 56 14 33-54 132 78 79 133-54q22 9 33 13l55 132 112 0 56-132q14-5 31-13l133 55 80-79-54-135q6-12 12-30l133-56 0-112z m-447-111q69 0 118 48t49 118-49 119-118 50-119-50-49-119 49-118 119-48z" horiz-adv-x="928" />
<glyph glyph-name="attention" unicode="&#x26a0;" d="m957-24q10-16 0-34-10-16-30-16l-892 0q-18 0-28 16-13 18-2 34l446 782q8 18 30 18t30-18z m-420 50l0 100-110 0 0-100 110 0z m0 174l0 300-110 0 0-300 110 0z" horiz-adv-x="962" />
<glyph glyph-name="ok" unicode="&#x2713;" d="m352-10l-334 333 158 160 176-174 400 401 159-160z" horiz-adv-x="928" />
<glyph glyph-name="ok-circle" unicode="&#x2714;" d="m465 797q184 0 315-131t131-316-131-315-315-132-316 132-131 315 131 316 316 131z m-70-653l348 348-79 79-269-268-126 126-79-78z" horiz-adv-x="928" />
<glyph glyph-name="cancel" unicode="&#x2715;" d="m799 116l-156-157-234 235-235-235-156 157 234 234-234 234 156 157 235-235 234 235 156-157-234-234z" horiz-adv-x="817" />
<glyph glyph-name="plus-circle" unicode="&#x2795;" d="m465 797q184 0 315-131t131-316-131-315-315-132-316 132-131 315 131 316 316 131z m223-502l0 112-167 0 0 167-112 0 0-167-168 0 0-112 168 0 0-168 112 0 0 168 167 0z" horiz-adv-x="928" />
<glyph glyph-name="minus-circle" unicode="&#x2796;" d="m465 797q184 0 315-131t131-316-131-315-315-132-316 132-131 315 131 316 316 131z m223-502l0 112-447 0 0-112 447 0z" horiz-adv-x="928" />
<glyph glyph-name="ok-circle-empty" unicode="&#xe702;" d="m653 396l-235-235q-11-11-25-11t-25 11l-164 164q-11 11-11 25t11 25l57 57q10 11 25 11t25-11l82-82 153 153q11 11 25 11t26-11l56-56q11-11 11-26t-11-25z m79-46q0 83-41 152t-110 111-152 41-153-41-110-111-41-152 41-152 110-111 153-41 152 41 110 111 41 152z m125 0q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
<glyph glyph-name="cancel-empty" unicode="&#xe703;" d="m612 248l-81-82q-6-5-13-5t-13 5l-76 77-77-77q-5-5-13-5t-13 5l-81 82q-6 5-6 13t6 13l76 76-76 76q-6 6-6 13t6 13l81 82q6 5 13 5t13-5l77-77 76 77q6 5 13 5t13-5l81-82q6-5 6-13t-6-13l-76-76 76-76q6-6 6-13t-6-13z m120 102q0 83-41 152t-110 111-152 41-153-41-110-111-41-152 41-152 110-111 153-41 152 41 110 111 41 152z m125 0q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
<glyph glyph-name="help-circled" unicode="&#xe704;" d="m454 810q190 2 326-130t140-322q2-190-131-327t-323-141q-190-2-327 131t-139 323q-4 190 130 327t324 139z m-2-740q30 0 49 19t19 47q2 30-17 49t-49 19l-2 0q-28 0-47-18t-21-46q0-30 19-49t47-21l2 0z m166 328q26 34 26 78 0 78-54 116-52 38-134 38-64 0-104-26-68-42-72-146l0-4 110 0 0 4q0 26 16 54 16 24 54 24 40 0 52-20 16-20 16-44 0-18-16-40-8-12-20-20l-6-4q-6-4-16-11t-20-15-21-17-17-17q-14-20-18-78l0-8 108 0 0 4q0 12 4 28 6 20 28 36l28 18q46 34 56 50z" horiz-adv-x="920" />
<glyph glyph-name="info-circled" unicode="&#xe705;" d="m454 810q190 2 326-130t140-322q2-190-131-327t-323-141q-190-2-327 131t-139 323q-4 190 130 327t324 139z m52-152q-42 0-65-24t-23-50q-2-28 15-44t49-16q38 0 61 22t23 54q0 58-60 58z m-120-594q30 0 84 26t106 78l-18 24q-48-36-72-36-14 0-4 38l42 160q26 96-22 96-30 0-89-29t-115-75l16-26q52 34 74 34 12 0 0-34l-36-152q-26-104 34-104z" horiz-adv-x="920" />
<glyph glyph-name="upload-cloud" unicode="&#xe711;" d="m760 494q100 0 170-68t70-166-70-166-170-68l-190 0 0 190 106 0-176 230-174-230 104 0 0-190-248 0q-74 0-128 52t-54 124q0 74 53 126t129 52q14 0 20-2-2 12-2 38 0 108 78 184t188 76q90 0 160-52t94-134q28 4 40 4z" horiz-adv-x="1000" />
<glyph glyph-name="comment" unicode="&#xe718;" d="m700 700q42 0 71-29t29-71l0-350q0-40-29-70t-71-30l-200 0 0-150-200 150-200 0q-40 0-70 30t-30 70l0 350q0 42 30 71t70 29l600 0z" horiz-adv-x="800" />
<glyph glyph-name="logs" unicode="&#xe730;" d="m409 797l279-278 0-616-670 0 0 894 391 0z m-279-781l446 0 0 446-223 0 0 223-223 0 0-669z" horiz-adv-x="705" />
<glyph glyph-name="arrows-cw" unicode="&#xe760;" d="m843 261q0-3 0-4-36-150-150-243t-267-93q-81 0-157 31t-136 88l-72-72q-11-11-25-11t-25 11-11 25v250q0 14 11 25t25 11h250q14 0 25-11t10-25-10-25l-77-77q40-37 90-57t105-20q74 0 139 37t104 99q6 10 29 66 5 13 17 13h107q8 0 13-6t5-12z m14 446v-250q0-14-10-25t-26-11h-250q-14 0-25 11t-10 25 10 25l77 77q-82 77-194 77-75 0-140-37t-104-99q-6-10-29-66-5-13-17-13h-111q-7 0-13 6t-5 12v4q36 150 151 243t268 93q81 0 158-31t137-88l72 72q11 11 25 11t26-11 10-25z" horiz-adv-x="857.1" />
<glyph glyph-name="back-in-time" unicode="&#xe771;" d="m532 760q170 0 289-120t119-290-119-290-289-120q-138 0-252 88l70 76q82-60 182-60 126 0 216 90t90 216q0 128-90 218t-216 90q-124 0-213-86t-93-210l142 0-184-206-184 206 124 0q4 166 123 282t285 116z m-36-190l70 0 0-204 130-130-50-50-150 150 0 234z" horiz-adv-x="940" />
<glyph glyph-name="install" unicode="&#xe778;" d="m884 306q24-52 14-96l-34-184q-2-20-19-35t-39-15l-712 0q-22 0-39 15t-19 35l-34 184q-8 50 14 96l158 374q22 46 72 46l104 0-20-204-134 0 254-210 256 210-136 0-18 204 102 0q50 0 74-46z m-68-132q2 22-10 38t-34 16l-644 0q-22 0-34-16t-10-38l14-74q2-22 19-37t37-15l592 0q22 0 39 15t19 37z" horiz-adv-x="901" />
<glyph glyph-name="cancel-circle" unicode="&#xe800;" d="m465 797q184 0 315-131t131-316-131-315-315-132-316 132-131 315 131 316 316 131z m220-588l-141 142 141 141-79 79-142-141-141 141-79-79 141-141-141-142 79-79 141 141 142-141z" horiz-adv-x="928" />
<glyph glyph-name="passed" unicode="&#xe801;" d="m143 100q0 15-11 25t-25 11q-15 0-25-11t-11-25q0-15 11-25t25-11q15 0 25 11t11 25z m89 286v-357q0-15-10-25t-26-11h-160q-15 0-25 11t-11 25v357q0 14 11 25t25 10h160q15 0 26-10t10-25z m661 0q0-48-31-83 9-25 9-43 1-42-24-76 9-32 0-66-9-31-31-52 5-63-27-101-36-43-110-44h-72q-37 0-80 9t-68 16-67 22q-69 24-88 25-15 0-26 11t-10 25v357q0 14 10 25t24 11q13 1 42 33t57 67q38 49 56 67 10 10 17 27t10 27 8 34q4 22 7 34t11 29 18 28q11 11 26 11 25 0 46-6t33-15 22-22 14-26 7-27 2-26 1-21q0-21-6-43t-10-33-16-31q-1-4-5-10t-6-13-5-13h155q43 0 75-32t32-75z" horiz-adv-x="928.6" />
<glyph glyph-name="failed" unicode="&#xe802;" d="m143 529q0-15-11-26t-25-10q-15 0-25 10t-11 26q0 15 11 25t25 10q15 0 25-10t11-25z m89-286v357q0 15-10 25t-26 11h-160q-15 0-25-11t-11-25v-357q0-15 11-25t25-11h160q15 0 26 11t10 25z m630 83q31-34 31-83-1-44-32-75t-75-32h-155q2-8 5-14t6-12 5-10q10-21 15-32t11-32 6-43q0-14-1-22t-2-25-7-28-14-25-22-23-33-14-46-6q-15 0-26 11-11 11-18 27t-11 29-7 35q-5 23-8 33t-10 27-17 27q-18 19-56 67-28 36-57 68t-42 33q-14 1-24 11t-10 24v358q0 15 10 25t26 11q19 0 88 24 43 15 67 22t68 16 80 9h72q74-1 110-43 32-39 27-101 22-21 31-53 9-34 0-65 25-34 24-77 0-18-9-42z" horiz-adv-x="928.6" />
<glyph glyph-name="mirantis" unicode="&#xe803;" d="m601 253h18v-142h-18l-37 99v-99h-19v142h18l38-99v99z m-156 0l-33-142h19l7 28h32l7-28h19l-33 142h-18z m-4-98l13 61 13-61h-26z m-203 98h19v-142h-19v142z m127-60c4 6 6 14 6 24 0 14-4 24-12 29-8 5-18 7-31 7h-23v-142h19v69h1l32-69h21l-34 70c10 1 17 5 21 12z m-41-2v45c10 0 16-1 21-3 4-2 6-8 6-18v-3c0-9-2-15-7-18-5-2-12-3-20-3z m-146 62l13-142h-18l-6 100-19-100h-13l-19 100-5-100h-18l12 142h18l19-99 20 99h16z m117 294c62-8 134-37 163-89-50 37-134 84-213 66 68-10 137-39 168-96-56 39-256 119-413-8 171 216 466 203 557 90-55 36-135 64-197 55 98-13 130-58 145-80-34 25-121 78-210 62z m285-79c31-57 102-88 170-98-79-18-165 31-215 68 30-51 102-83 164-91-88-16-177 39-211 64 15-22 70-72 167-89-62-13-164 28-218 64 91-113 392-128 563 89-157-128-364-46-420-7z m-117-13c-81-49-137-81-167-95-66-31-133-49-201-53 78-3 152 7 223 30 53 18 112 46 177 85 71 42 126 72 165 89 57 25 114 43 173 55l3-20 63 32-70 13 3-21c-68 0-133-11-195-31-52-18-110-46-174-84z m437-305c0-1 0-2 0-3 0-1 0-2 0-2 0-1 0-2-1-3 0-3 0-5-1-8-1-2-2-5-3-7-3-6-7-11-13-13-6-3-12-4-18-4-2 0-3 0-4 0-2 0-3 0-5 0-3 1-6 1-9 2-3 1-6 2-8 4v19c0 0 1 0 1 0 1-1 1-1 2-1 2-1 4-3 7-4 2-1 4-1 7-2 1 0 2-1 4-1 1 0 3 0 4 0h1 1c3 0 5 1 8 3 3 1 5 4 6 7 0 1 1 2 1 2 0 1 0 2 0 3 0 1 0 1 1 2 0 1 0 1 0 2 0 5-2 10-5 14-4 4-8 8-12 12-1 1-3 2-4 3-1 2-3 3-4 4-5 4-9 8-13 13-4 5-7 11-8 17 0 1 0 1 0 2 0 1 0 1 0 2 0 0-1 0-1 0v0c0 1 0 2 0 2 0 1 0 2 0 2 0 6 1 11 3 16 3 5 6 9 10 13 3 3 6 5 9 6 4 1 8 2 11 2h1 2c2 0 3 0 5 0 2 0 4-1 6-1 3-1 5-1 7-2 2-1 5-2 7-3v-19c0 0-1 1-1 1-1 0-1 0-1 0-2 1-4 2-6 3-3 1-5 2-7 3-2 0-3 0-4 0-1 1-3 1-4 1h-1 0c-3 0-6-1-9-3-3-1-5-4-6-7-1-1-1-2-2-3 0-1 0-2 0-3 0-1 0-1 0-2-1 0-1-1-1-2 0 0 0-1 1-1 0-1 0-1 0-2 0-1 0-2 0-3 1-1 1-2 2-3 2-5 5-9 9-12 3-3 7-6 11-10 4-3 8-7 12-11 4-3 7-8 10-13 0-2 1-3 1-5 0-1 0-3 1-5 0-1 0-1 0-2z m-237 103h72v-18h-26v-124h-19v124h-27v18l0 0z m111 0h20v-142h-20v142z" horiz-adv-x="1000" />
<glyph glyph-name="clock-1" unicode="&#xe804;" d="m500 546v-250q0-7-5-12t-13-5h-178q-8 0-13 5t-5 12v36q0 8 5 13t13 5h125v196q0 8 5 13t12 5h36q8 0 13-5t5-13z m232-196q0 83-41 152t-110 111-152 41-153-41-110-111-41-152 41-152 110-111 153-41 152 41 110 111 41 152z m125 0q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
<glyph glyph-name="eye-off" unicode="&#xe805;" d="m310 105l43 79q-48 35-76 88t-27 114q0 67 34 125-128-65-213-197 94-144 239-209z m217 424q0 11-8 19t-19 7q-70 0-120-50t-50-119q0-12 8-19t19-8 19 8 8 19q0 48 34 82t82 34q11 0 19 8t8 19z m202 106q0-4 0-5-59-105-176-316t-176-316l-28-50q-5-9-15-9-7 0-75 39-9 6-9 16 0 7 25 49-80 36-147 96t-117 137q-11 17-11 38t11 39q86 131 212 207t277 76q50 0 100-10l31 54q5 9 15 9 3 0 10-3t18-9 18-10 18-10 10-7q9-5 9-15z m21-249q0-78-44-142t-117-92l157 281q4-26 4-47z m250-72q0-19-11-38-22-36-61-81-84-96-194-149t-234-53l41 74q119 10 219 76t169 171q-65 100-158 164l35 63q53-36 102-86t81-102q11-19 11-39z" horiz-adv-x="1000" />
<glyph glyph-name="eye" unicode="&#xe806;" d="m929 314q-85 132-213 197 34-58 34-125 0-104-73-177t-177-73-177 73-73 177q0 67 34 125-128-65-213-197 75-114 187-182t242-68 242 68 187 182z m-402 215q0 11-8 19t-19 7q-70 0-120-50t-50-119q0-12 8-19t19-8 19 8 8 19q0 48 34 82t82 34q11 0 19 8t8 19z m473-215q0-19-11-38-78-129-210-206t-279-77-279 77-210 206q-11 19-11 38t11 39q78 128 210 205t279 78 279-78 210-205q11-20 11-39z" horiz-adv-x="1000" />
<glyph glyph-name="skip-test" unicode="&#xe807;" d="m341 513c0 11 8 15 18 10l282-163c10-5 10-14 0-20l-282-163c-10-5-18 0-18 11v325z m342-325c0-11 7-16 17-11l283 163c9 6 9 15 0 20l-283 163c-10 5-17 1-17-10v-325z m-683 0c0-11 8-16 17-11l283 163c10 6 10 15 0 20l-283 163c-9 5-17 1-17-10v-325z" horiz-adv-x="1000" />
<glyph glyph-name="dell" unicode="&#xe808;" d="m485 849c10 0 20 0 31 0 150-9 258-66 338-146 79-81 138-187 146-338 0-10 0-20 0-30-8-154-68-255-146-338-83-79-185-138-339-146-10 0-20 0-30 0-151 9-259 66-338 146-80 81-139 187-147 338 0 10 0 20 0 30 0 0 1 0 1 1 7 151 66 258 146 337 79 80 188 137 338 146z m-98-72c-30-8-57-18-81-30-73-36-134-88-176-155-42-65-78-149-72-258 3-70 19-128 44-177 49-98 124-171 228-215 51-21 114-36 186-33 69 3 128 19 178 43 96 49 172 124 215 228 21 52 37 112 34 186-7 138-63 232-138 304-37 36-81 66-133 88-51 21-117 36-188 33-35-2-68-6-97-14z m67-297c16-11 32-21 47-32-34-22-67-44-100-65 5-4 10-7 16-11 33 22 67 43 101 65 15-10 30-19 44-30-34-21-66-44-100-65 5-4 11-7 17-11 34 21 68 43 102 65 0 24 0 47 0 71 25 0 50 0 75 0 0-47 0-94 0-141 21-2 45-1 67-1 0-22 0-44 0-66-48 0-95 0-142 0 0 22 0 45 0 67-42-25-84-54-126-80-44 28-85 58-129 86-13-40-42-70-92-73-31-3-66 1-101 0 0 69 0 139 0 208 44-3 93 6 128-5 31-10 53-34 64-65 43 27 86 55 129 83z m-250-80c0-25 0-50 0-75 18 0 31-1 42 7 16 12 19 42 5 58-9 11-25 13-46 12-1-1-1-1-1-2z m538 66c0-69 0-138 0-207 47 0 94 0 141 0 0 22 0 44 0 66-22 0-44 0-66 0 0 47 0 95 0 142-25 0-50 0-75 0-1 0 0-1 0-1z" horiz-adv-x="1000" />
<glyph glyph-name="cisco" unicode="&#xe809;" d="m327 90h-44v173h44v-173z m353 170c-4 1-19 6-40 6-53 0-92-38-92-89 0-56 43-90 92-90 20 0 35 4 40 6v46c-2-1-16-9-37-9-29 0-48 21-48 47 0 26 20 46 48 46 21 0 35-8 37-9v46z m-457 0c-5 1-20 6-40 6-54 0-93-38-93-89 0-56 43-90 93-90 19 0 34 4 40 6v46c-2-1-17-9-37-9-29 0-48 21-48 47 0 26 19 46 48 46 21 0 35-8 37-9v46z m687-83c0 49-38 89-92 89-53 0-92-40-92-89 0-50 39-90 92-90 54 0 92 40 92 90m-92 45c26 0 46-20 46-45 0-26-20-46-46-46-26 0-45 20-45 46 0 25 19 45 45 45m-325 39c-1 0-21 6-43 6-40 0-64-22-64-55 0-29 20-43 44-51 3-1 7-2 10-3 11-3 19-8 19-17 0-10-10-16-32-16-19 0-37 5-41 6v-40c2 0 24-4 47-4 34 0 72 14 72 58 0 21-13 40-41 50l-12 3c-8 3-20 6-20 17 0 8 9 14 27 14 15 0 33-5 34-5v37z m-449 189c0 12-10 22-22 22-12 0-22-10-22-22v-46c0-12 10-21 22-21 12 0 22 9 22 21v46z m119 60c0 12-10 22-22 22-12 0-21-10-21-22v-106c0-12 9-21 21-21 12 0 22 9 22 21v106z m120 82c0 12-10 22-22 22-12 0-22-10-22-22v-231c0-12 10-22 22-22s22 10 22 22v231z m119-82c0 12-9 22-21 22s-22-10-22-22v-106c0-12 10-21 22-21s21 9 21 21v106z m120-60c0 12-10 22-22 22-12 0-22-10-22-22v-46c0-12 10-21 22-21 12 0 22 9 22 21v46z m119 60c0 12-9 22-21 22-12 0-22-10-22-22v-106c0-12 10-21 22-21 12 0 21 9 21 21v106z m120 82c0 12-10 22-22 22s-21-10-21-22v-231c0-12 9-22 21-22s22 10 22 22v231l0 0z m120-82c0 12-10 22-22 22-12 0-22-10-22-22v-106c0-12 10-21 22-21 12 0 22 9 22 21v106z m119-60c0 12-10 22-22 22-12 0-21-10-21-22v-46c0-12 9-21 21-21 12 0 22 9 22 21v46z" horiz-adv-x="1000" />
<glyph glyph-name="virtualbox" unicode="&#xe80a;" d="m746 89c0-4 0-8 0-12 0-4 0-8 0-12 0-119-108-215-241-215-133 0-240 96-240 215 0 4 0 8 0 12 0 4 0 8 0 12 0 1 0 2 0 3 2-117 109-212 240-212 132 0 239 95 241 212 0-1 0-2 0-3z m181 560l-34-423c-1-9-8-22-15-27l-364-279c-4-3-9-5-14-5-5 0-10 2-14 5l-365 279c-7 5-14 18-15 27l-32 420c-1 4 0 8 2 13l0 0c2 5 6 9 11 11l243 109 153 68c5 2 10 3 16 3 0 0 1 0 1 0 0 0 0 0 0 0 6 0 12-1 16-3l396-174c9-4 15-15 15-24z m-718 5l292-178 293 178-295 130-290-130z m673-22l-24-15-342-208c-4-2-10-3-15-3-5 0-11 1-15 3l-347 211-21 13 31-401c0 0 0 0 0 0l351-269 350 269c0 0 0 0 0 0l32 400z m-344-578c0-5 3-7 7-4l276 204c4 3 7 9 8 14l20 288c0 5-3 7-7 4l-296-184c-4-3-8-9-8-14l0-308z m-366 213c1-5 4-11 8-14l278-206c4-3 7-2 7 3l-1 311c0 5-3 11-7 13l-297 186c-4 3-7 1-7-4l19-289z" horiz-adv-x="1000" />
<glyph glyph-name="supermicro" unicode="&#xe80b;" d="m182 656v-105h-8c-3 20-7 36-14 48-7 12-17 21-30 28-13 7-26 11-40 11-16 0-29-5-39-15-10-9-15-20-15-32 0-9 3-18 9-26 10-11 32-26 67-45 28-15 48-27 58-35 10-8 19-18 24-29 6-11 9-22 9-35 0-23-9-42-27-59-18-17-41-25-70-25-8 0-17 0-25 2-4 1-14 3-28 8-15 5-24 7-28 7-4 0-7-1-9-3-2-2-4-7-5-14h-8v105h8c4-22 9-39 16-50 6-11 16-20 30-27 14-7 29-11 45-11 18 0 33 5 44 15 11 10 17 22 17 35 0 8-3 15-7 23-4 8-10 15-19 21-6 5-22 14-48 29-26 15-44 26-55 35-11 9-20 18-25 29-6 10-9 22-9 34 0 22 8 41 25 57 17 16 38 24 64 24 17 0 34-4 52-12 8-4 14-6 18-6 4 0 7 1 9 4 3 2 5 7 6 14l8 0 0 0z m177-117h8c7 0 13-2 17-7 3-3 4-11 4-24v-83c0-22-2-38-6-47-4-9-11-17-21-23-11-5-23-8-36-8-11 0-20 1-27 5-7 4-13 9-16 15-4 5-7 13-8 24-2 10-2 19-2 27v90c0 11 1 19 3 23 4 5 10 8 18 8h8v5h-87v-5h7c8 0 13-2 17-6 3-4 5-12 5-25v-81c0-25 1-41 5-50 4-14 13-24 24-32 12-8 29-12 51-12 20 0 36 4 48 13 12 8 20 17 24 29 4 11 6 27 6 48v83c0 12 1 19 3 23 5 6 11 10 19 10h7v5h-71v-5h0l0 0z m146-107c7-1 13-2 18-3 6-1 11-1 16-1 20 0 35 5 46 16 11 11 17 25 17 42 0 13-4 24-11 33-7 9-16 16-26 19-11 4-25 6-43 6h-75v-5h8c8 0 14-3 17-7 3-3 4-12 4-25v-136c0-13-1-20-3-23-3-6-9-9-18-9h-8v-6h87v6h-7c-8 0-14 2-18 7-2 3-4 11-4 25v61l0 0v0z m0 9v88c8 2 15 3 20 3 8 0 15-2 22-6 6-4 11-10 15-18 4-8 5-16 5-25 0-13-3-24-11-33-7-8-16-12-27-12-2 0-6 0-10 1-4 0-9 1-14 2l0 0z m164 91h55c10 0 17-1 21-2 5-2 8-5 11-9 2-4 5-12 7-23h6l-2 46h-156v-5h7c8 0 14-2 18-7 3-3 4-11 4-25v-136c0-11-1-18-2-21-1-3-3-6-6-8-5-2-9-3-14-3h-7v-6h157l17 53h-6c-7-13-13-22-19-29-5-4-10-8-15-9-5-2-14-3-25-3h-35c-5 0-9 1-11 2l-4 5c-1 2-1 8-1 17v69h43c9 0 15-1 19-3 4-2 7-5 9-9 2-3 3-9 4-19h6v72h-6c0-11-3-20-8-24-4-4-12-6-24-6h-43v83l0 0z m331-199v6c-11 1-20 4-27 9-7 4-15 14-25 28l-42 60c17 4 30 11 38 20 8 10 12 21 12 34 0 12-3 23-10 31-8 9-16 15-27 18-10 4-26 5-47 5h-74v-5h7c8 0 14-3 18-7 2-3 4-12 4-25v-136c0-13-1-20-3-23-4-6-10-9-19-9h-7v-6h86v6h-7c-8 0-14 2-17 7-3 3-5 11-5 25v61l5 0 4-1c3 0 7 1 13 1l69-99h54v0z m-145 108v88c10 3 18 4 24 4 13 0 23-4 31-13 8-8 12-19 12-32 0-14-5-25-15-34-10-8-24-13-43-13l-4 0-5 0 0 0z m-734-392h5l78 171v-136c0-11-1-19-3-22-4-5-10-8-18-8h-8v-5h87v5h-7c-8 0-14 2-18 7-3 3-4 11-4 23v133c0 12 1 19 3 22 4 6 10 8 19 8h7v6h-57l-73-159-74 159h-58v-6c8 0 15-1 18-3 4-2 7-4 8-7 2-4 3-11 3-20v-133c0-11-1-19-3-22-4-5-10-8-19-8h-7v-5h71v5h-7c-8 0-14 2-18 7-2 3-4 11-4 23v136l79-171 0 0z m242 5h-7c-5 0-10 1-14 4-3 2-5 4-6 6-2 4-2 10-2 21v132c0 12 1 20 4 23 3 5 9 7 18 7h7v6h-87v-6h7c5 0 10-1 14-3 3-2 5-4 6-7 1-3 2-10 2-20v-132c0-13-1-20-3-23-4-5-10-8-19-8h-7v-5h87v5h0z m169 203h-6c-1-5-3-9-5-11-2-2-5-3-7-3-2 0-5 1-9 3-14 7-29 11-44 11-18 0-36-5-52-14-15-9-28-23-37-40-9-16-14-35-14-55 0-26 7-47 21-66 19-25 45-38 78-38 19 0 35 5 49 13 13 8 25 22 35 40l-4 3c-12-17-23-28-34-34-10-6-21-8-34-8-16 0-29 3-41 10-12 8-20 18-26 31-6 14-9 30-9 48 0 23 3 41 9 56 6 15 15 26 26 33 11 7 23 10 36 10 16 0 30-4 41-14 12-9 20-24 27-45h4l-4 70 0 0z m212-208v5c-11 1-20 4-27 9-7 4-15 13-24 27l-43 58c17 4 30 10 38 20 8 9 13 20 13 32 0 12-4 22-11 30-7 9-16 15-26 18-11 3-26 5-48 5h-74v-6h7c8 0 14-2 18-6 3-3 4-11 4-24v-132c0-12-1-19-3-22-4-6-10-9-19-9h-7v-5h87v5h-8c-8 0-13 2-17 7-3 3-4 11-4 24v59l4 0 4 0c4 0 8 0 13 0l69-95h54v0z m-144 104v85c9 2 17 3 23 3 13 0 23-4 31-12 8-8 12-18 12-31 0-13-5-24-15-32-9-9-24-13-43-13l-3 0-5 0 0 0z m125-2c0-59 47-107 106-107 59 0 107 48 107 107 0 58-48 106-107 106-59 0-106-48-106-106l0 0z" horiz-adv-x="1000" />
<glyph glyph-name="openvz" unicode="&#xe80c;" d="m905-101c-46 0-108 20-189 60-6 2-12 5-17 8-114-40-275-65-415-65-115 0-257 16-281 95-17 58 35 126 159 210 6 3 11 7 17 10 20 112 73 254 139 373 45 81 132 217 216 217 69 0 109-82 120-245 0-6 1-13 1-19 166-142 385-463 339-589-9-25-32-55-89-55z m-150 91c65-30 115-45 150-45 33 0 42 13 46 24 30 84-128 353-293 510 1-44 0-86-2-126l0 0 0-1c4-12 3-27-3-42l0-1c0-10-2-21-3-32l0 0 0 0c4-1 8-2 11-4 137-51 203-105 203-165 0-44-37-84-109-118z m-585 167c-124-87-128-131-123-147 12-38 105-63 237-63 119 0 253 19 358 50-39 21-75 43-109 64h0l0 1c-13 3-24 11-36 23l0 1c-9 6-17 12-26 18l0 0 0 0c-3-2-6-5-9-7-85-70-151-104-200-104-27 0-49 10-65 29-23 27-32 72-27 135z m419-76c35-22 72-43 113-64 73 29 116 62 116 91 0 17-17 63-173 122 0 1-1 1-1 1-10-59-27-120-55-150z m-369 109c-10-67-6-118 12-139 7-8 17-12 30-12 26 0 77 16 171 93 1 1 1 1 1 1-44 37-90 82-102 123-36-19-74-42-112-66z m309-71c6-4 13-8 19-13 11 5 32 36 48 115-22-24-49-51-81-79 4-9 9-17 14-23z m-155 159c0-1 0-2 0-3 2-17 24-50 76-95-10 30-20 67-29 109-10 1-18 1-26 0-7-4-14-7-21-11z m95 5c9-37 18-70 27-97 29 26 52 50 71 72-37 12-70 20-98 25z m65 478c-84 0-246-280-301-509 37 23 74 43 109 61l1 1c9 9 22 15 38 19l1 0c9 4 19 9 29 13l0 0 0 0c-1 4-1 8-2 12-20 121-13 200 20 240 16 18 38 28 64 28 32 0 70-15 114-46-14 163-55 181-73 181z m-47-434c32-7 68-17 109-31 5 9 10 17 12 24 1 7 2 15 2 23-4 3-12 5-25 5-24 0-58-8-98-21z m6 253c-13 0-22-4-29-12-13-16-33-64-10-203 0-1 0-1 0-1 53 19 98 30 131 30 10 0 19-1 27-3 1 41 1 84-2 129-48 39-89 60-117 60z" horiz-adv-x="1000" />
<glyph glyph-name="vm-logo" unicode="&#xe80d;" d="m105 521l100-236 77 184c27 60 70 84 124 84 35 0 78-19 103-52 0 0 53 52 115 52 58 0 92-19 117-52 0 0 47 52 122 52 75 0 137-54 137-132v-210c0-35-20-64-57-64-37 0-57 29-57 64v185c0 35-23 59-58 59-35 0-60-24-60-59v-185c0-35-21-64-58-64-37 0-56 29-56 64v185c0 35-23 59-58 59-35 0-61-24-61-59v-185c0-35-20-64-57-64-37 0-57 29-57 64v226c0 10-7 17-16 17-11 0-15-7-16-10-1-2-107-234-107-234-19-39-37-63-77-63-38 0-58 22-78 63l-121 265c-14 28-3 60 26 73 29 13 60 0 73-27" horiz-adv-x="1000" />
<glyph glyph-name="xen" unicode="&#xe80e;" d="m582 418c-29 0-55-3-78-10-3 11-6 21-11 31l58 45h-81c-9 12-18 24-29 35-45 45-106 70-169 70-64 0-124-25-169-70-46-45-71-105-71-169 0-41 11-81 31-116l-63-49h98c2-1 3-3 5-4 45-45 105-70 169-70 63 0 124 25 169 70 1 1 2 3 4 4h19l-9 12c13 15 24 32 32 50 17-4 35-5 56-5 93 0 136 26 146 53h-103c-6-10-16-19-37-19-24 0-33 13-26 41h174l2 9c17 72-48 92-117 92z m-465 87c41 41 96 64 155 64s113-23 154-64c7-7 13-14 18-21h-53l-100-82-60 82-132 0c5 7 11 14 18 21z m-64-155c0 47 15 93 43 130l110-136-127-98c-17 32-26 67-26 104z m219-219c-54 0-104 20-144 54h32l107 85 57-85h91c-40-34-90-54-143-54z m170 82l-91 117 125 96c4-8 6-17 8-25-31-14-54-38-62-72-10-40 8-65 45-77-7-14-15-27-25-39z m158 135h-70c5 22 21 36 43 36 24 0 32-15 27-36z m398-2l-23-98h-106l20 88c6 24-2 33-21 33-24 0-37-14-43-39l-19-82h-106l23 100c5 21 10 43 13 64h104l-5-29h1c23 23 54 35 90 35 33 0 86-10 72-72z" horiz-adv-x="1000" />
<glyph glyph-name="kvm" unicode="&#xe80f;" d="m216 183l-93 165-54-64v-101h-69v342h69v-97c0-3 0-8 0-13 0-5-1-10-1-15 0-5 0-10 0-15 0-5 0-9 0-11 2 3 6 9 11 16 6 7 11 13 15 18l96 117h83l-100-118 125-224h-82v0z m292 0h-67l-122 342h76l65-198c1-5 3-10 5-15 1-5 3-10 4-16 2-5 3-9 4-14 1-5 2-8 3-11 1 6 4 15 6 25 3 11 6 21 9 31l64 198h74l-121-342z m424 0v125c0 5 0 11 0 18 0 7 0 15 0 22 0 8 0 15 0 21 0 7 1 12 1 15-3-7-7-15-11-26-4-11-9-21-13-31l-70-152-69 152c-5 10-9 20-13 31-5 11-8 19-11 26 0-3 0-8 0-15 1-6 1-13 1-21 0-7 0-15 0-22 0-7 0-13 0-18v-125h-67v342h66l71-155c2-5 5-10 7-15 2-6 4-11 7-16 2-5 4-10 5-15 2-4 4-8 5-11 2 6 5 15 9 26 5 11 9 21 14 31l69 155h67v-342h-68v0z" horiz-adv-x="1000" />
<glyph glyph-name="qemu" unicode="&#xe810;" d="m202 299c-12-10-27-18-43-23 18-12 35-24 55-36 31-19 61-30 91-30 4 0 8 0 14 0l-5-13c-12-3-26-4-37-4-34 0-62 9-90 26-26 15-51 34-78 52-33 2-62 14-82 38-17 20-27 49-27 79 0 47 21 82 54 102 20 11 44 17 73 17 23 0 43-4 61-13 35-18 55-52 55-100 0-36-14-71-41-95z m-80 191c-16 0-30-3-42-9-27-15-41-42-41-85 0-28 7-54 19-72 15-24 37-36 62-36h3c31 0 56 15 69 43 7 16 11 37 11 58 0 55-25 101-81 101z m308-215h-155v10l9 2c15 3 17 4 17 10 0 7 0 19 0 33v96c0 14 0 26 0 33 0 6-2 7-22 10l-8 2v10h149c1-15 0-32-1-51h-10c-2 10-3 17-4 24-3 10-6 12-72 12v-78c25 0 41 0 48 2 5 0 7 0 8 4 2 6 3 9 5 18h10v-64h-10c-1 7-2 10-5 18-1 6-2 7-8 7-6 1-23 2-48 2v-81c5-2 18-4 37-4 35 0 42 2 46 11 4 10 7 16 11 29h10c-1-27-7-55-7-55z m235 0v10l8 2c16 4 17 5 17 12 0 7 1 17 0 31l-1 125-82-180h-14l-78 172-1-117c0-14 0-25 0-32 0-6 2-8 17-11l9-2v-10h-68v10l8 2c16 3 17 5 17 11 1 7 1 14 1 32l1 96c0 14 0 25 0 32 0 6-1 8-17 11l-9 2v10h64l72-164 74 164h64v-10l-8-2c-16-3-17-5-17-11-1-7-1-18-1-32l1-96c0-14 1-25 1-32 0-6 1-8 17-11l9-2v-10h-84z m335 196l-8-2c-16-3-17-5-18-11 0-7 0-18 0-32v-60c0-68-28-95-83-95-49 0-76 23-81 66-1 8-1 17-1 26v63c0 14 0 26 0 33-1 6-2 7-18 10l-8 2v10h84v-10l-8-2c-16-3-17-4-18-10 0-7 0-19 0-33v-57c0-9 0-18 1-25 4-34 21-52 57-52 44 0 59 21 59 73v61c0 14 0 25-1 32 0 6-1 8-17 11l-8 2v10h68v-10h0z" horiz-adv-x="1000" />
<glyph glyph-name="centos" unicode="&#xe811;" d="m145 703h165l-72-73 219-218v-18h-18l-218 219-76-76v166l0 0z m550 0l69-70-221-221v-18h18l221 221 73-73v161h-160l0 0z m-152-396v-17l219-219-72-73h165v166l-76-76-218 219h-18l0 0z m-104 0l-221-221-73 73v-161h160l-69 70 221 222v17h-18l0 0z m-294 186v-99h250l-174 175-76-76 0 0z m250-186h-250v-104l73-73 177 177 0 0z m-395 41l114-114v104h312l13 13-13 12h-312v99l-114-114 0 0z m605 46h250v104l-73 73-177-177 0 0z m250-186v99h-250l174-175 76 76 0 0z m-294 143l13-13h312v-99l114 114-114 114v-104h-312l-13-12 0 0z m-18-105v-248h103l72 73-175 175 0 0z m-55 31v-310h-108l118-117 117 117h-103v310l-12 12-12-12 0 0z m-209-209l70-70h108v248l-178-178 0 0z m264 386l175 175-72 73h-103v-248l0 0z m-55-31l12-12 12 12v310h103l-117 117-118-117h108v-310l0 0z m-209 209l178-178v248h-108l-70-70 0 0z" horiz-adv-x="1000" />
<glyph glyph-name="ubuntu" unicode="&#xe812;" d="m118 457c58 0 104-47 104-104 0-58-46-105-104-105-57 0-104 47-104 105 0 57 47 104 104 104l0 0z m465 309c26 0 51-2 75-7 0-4 0-9 0-13 0-80 65-146 145-146 32 0 61 10 85 27 55-63 91-144 98-232l-165-6c-13 120-115 213-238 213-35 0-68-8-98-21l-82 143c54 27 115 42 180 42l0 0z m226-707c57 0 104-47 104-105 0-57-47-104-104-104-58 0-105 47-105 104 0 58 47 105 105 105l0 0z m-457-29c-70 49-124 120-152 203 38 26 63 70 63 120 0 52-27 97-68 123 26 88 81 163 153 215l87-140c-56-44-92-113-92-189 0-76 36-144 91-188l-82-144 0 0z m634 303c-6-96-47-183-110-250-20 11-43 17-67 17-77 0-140-60-145-135-26-5-53-8-81-8-63 0-123 15-177 41l82 143c29-12 61-19 95-19 123 0 226 94 239 214l164-3 0 0z m-183 517c58 0 105-47 105-104 0-58-47-105-105-105-57 0-104 47-104 105 0 57 47 104 104 104l0 0z" horiz-adv-x="1000" />
<glyph glyph-name="network" unicode="&#xe813;" d="m890 625h-82v140h-35v-140h-81v140h-35v-140h-81v140h-35v-140h-82v140h-35v-140h-81v140h-35v-140h-81v140h-35v-140h-81v140h-111v-605h198v-116h93v-117h418v117h93v116h198v605h-110v-140z" horiz-adv-x="1000" />
<glyph glyph-name="create" unicode="&#xe814;" d="m853 406c1 9 2 19 2 28 0 88-69 159-154 159-40 0-77-17-105-43-36 89-122 152-221 152-133 0-241-111-241-248 0-17 2-34 5-50-81-27-140-106-140-198 0-114 91-208 202-208h597c111 0 202 94 202 208 0 95-63 175-147 200z m-226-170h-85v-85h-85v85h-85v84h85v85h85v-85h85v-84z" horiz-adv-x="1000" />
<glyph glyph-name="loader" unicode="&#xe815;" d="m375 617c62 0 118-39 143-99 11-26 33-46 61-51 6-2 12-2 17-2 22 0 43 8 59 24 13 12 29 19 46 19 39 0 69-33 69-74 0-4 0-8-1-14-7-42 19-83 60-95 50-15 86-64 86-119 0-67-53-123-117-123h-597c-64 0-117 56-117 123 0 53 34 102 82 118 40 13 64 54 56 96-2 11-3 23-3 34 0 90 70 163 156 163m0 85c-133 0-241-111-241-248 0-17 2-34 5-50-81-27-140-106-140-198 0-114 91-208 202-208h597c111 0 202 94 202 208 0 95-63 175-147 200 1 9 2 19 2 28 0 88-69 159-154 159-40 0-77-17-105-43-36 89-122 152-221 152l0 0z" horiz-adv-x="1000" />
<glyph glyph-name="next" unicode="&#xe816;" d="m979 377l-402 242c-28 17-52 3-52-30v-134c-323-27-525-66-525-109 0-43 202-82 525-109v-134c0-33 24-47 52-29l402 241c28 17 28 45 0 62z" horiz-adv-x="1000" />
<glyph glyph-name="prev" unicode="&#xe817;" d="m21 377l402 242c28 17 52 3 52-30v-134c324-27 525-66 525-109 0-43-201-82-525-109v-134c0-33-24-47-52-29l-402 241c-28 17-28 45 0 62z" horiz-adv-x="1000" />
<glyph glyph-name="trash" unicode="&#xe818;" d="m50 458q122-70 330-70t330 70l-54-486q-2-14-35-36t-100-43-141-21-140 21-100 43-36 36z m488 300q94-18 158-55t64-71l0-10q0-58-112-99t-268-41-268 41-112 99l0 10q0 34 64 71t158 55l42 48q22 26 70 26l92 0q52 0 70-26z m-54-112l84 0q-92 110-104 126-14 16-32 16l-102 0q-22 0-32-16l-106-126 84 0 64 66 82 0z" horiz-adv-x="760" />
<glyph glyph-name="edit" unicode="&#xe819;" d="m280-86l-280-64 65 280 215-216z m580 581l-215 215-530-530 215-215 530 530z m122 208l-129 129c-23 24-62 24-86 0l-14-14-57-57 215-215 57 57 14 14c24 24 24 63 0 86z" horiz-adv-x="1000" />
<glyph glyph-name="plus" unicode="&#xe81a;" d="m880 456h-270v270c0 11-9 20-20 20h-180c-11 0-20-9-20-20v-270h-270c-11 0-20-9-20-20v-180c0-11 9-20 20-20h270v-270c0-11 9-20 20-20h180c11 0 20 9 20 20v270h270c11 0 20 9 20 20v180c0 11-9 20-20 20z" horiz-adv-x="1000" />
<glyph glyph-name="redhat" unicode="&#xe81b;" d="m610 66c3-2 7-11 2-21-3-6-7-10-12-15-7-5-21-12-40 0-10 7-11 9-25 7-10-1-14 9-10 17 3 8 18 15 37 5 8-5 21-16 32-7 5 4 7 7 14 14 0 1 1 1 1 1 1 0 1 0 1-1l0 0z m390 226c0-100-29-193-80-272-19 5-40 8-61 8-35 0-67-6-91-16-2-2-4-4-4-7 0-2 0-3 0-4 3-8-1-17-24-22-34-7-56-42-68-54-15-14-55-22-49-14 4 6 23 26 34 48 10 19 19 25 31 43 4 5 18 24 22 39 4 15 3 33 4 41 3 11 13 34 14 48 0 7-31-11-47-11-15 0-30 9-43 10-17 1-28-13-43-11-9 2-16 9-31 10-22 1-48-12-97-11-49 2-94 62-100 71-7 12-16 12-26 3-9-9-21-2-25 4-6 11-23 44-49 51-37 9-56-21-53-44 2-24 18-31 25-44 7-13 11-21 24-27 10-3 14-9 11-17-3-7-13-9-19-9-14-1-24 3-31 8-8 5-15 12-22 25-9 13-22 19-37 19-8 0-14-1-21-5-24-12-52-20-83-20h-35c-17 51-26 104-26 160 0 276 224 500 500 500 276 0 500-224 500-500z m-218 133c-5-16-12-38-43-54-5-2-6 2-4 5 12 21 14 26 17 34 5 11 7 28-2 62-19 68-58 158-87 187-27 29-77 37-122 25-17-4-49-21-109-7-105 23-120-29-126-52-6-23-20-87-20-87-5-26-11-72 150-103 76-14 80-34 83-48 6-25 15-39 26-47 11-7 0-13-12-14-32-3-150 31-221 71-57 35-58 66-45 93-87 10-152-8-164-49-20-71 155-191 355-251 209-64 425-20 449 112 11 60-40 104-125 123z m-321 129c28 2 30 9 30 15-1 8-18 17-43 17-24 0-41-3-57-3-15 0-26 11-32 17-4 6-19 11-27-7-7-18 7-37 19-40 0 0 20-37 36-21 10 12 16 18 74 22l0 0z m61 96c3 0 6 1 10 1 31 3 57-2 58-12 1-7-12-14-32-19-1 0-2-1-2-2 0-1 1-2 2-2 8-3 18-4 28-4 32-1 58 11 59 26 0 15-25 27-58 28 0 0-1 0-2 0-6 0-11 0-17-1-19-2-36-7-47-13-1 0-1 0-1-1 0-1 1-1 2-1 0 0 0 0 0 0l0 0z" horiz-adv-x="1000" />
<glyph glyph-name="hp" unicode="&#xe81c;" d="m703 267l-27-77h-61l88 250 28 78h61l-89-251z m-203 583c-12 0-24-1-35-1l-95-266h83c59 0 83-47 65-101l-121-342h-121l133 377h-62l-133-377h-123l241 680c-188-70-322-255-322-470 0-232 157-429 368-484l254 719h71 128c41 0 92-28 71-92-22-65-99-279-113-320-14-41-48-49-75-49h-11-111l-97-274c1 0 3 0 5 0 270 0 490 225 490 500 0 275-220 500-490 500z" horiz-adv-x="1000" />
<glyph glyph-name="process" unicode="&#xe81d;" d="m540 640c0-22-18-40-40-40l0 0c-22 0-40 18-40 40v160c0 22 18 40 40 40l0 0c22 0 40-18 40-40v-160z m0-580c0 22-18 40-40 40l0 0c-22 0-40-18-40-40v-160c0-22 18-40 40-40l0 0c22 0 40 18 40 40v160z m-230 700c-11 19-36 25-55 14l0 0c-19-11-26-35-15-54l80-139c11-19 36-25 55-14l0 0c19 11 26 35 15 54l-80 139z m370-641c-11 19-36 26-55 15l0 0c-19-11-26-36-15-55l80-139c11-19 36-25 55-14l0 0c19 11 26 35 15 54l-80 139z m-550 491c-19 11-43 4-54-15l0 0c-11-19-5-44 14-55l139-80c19-11 44-4 55 15l0 0c11 19 4 44-15 55l-139 80z m641-370c-19 11-43 4-54-15l0 0c-11-19-5-44 14-55l139-80c19-11 43-4 54 15l0 0c11 19 5 44-14 55l-139 80z m-721 150c-22 0-40-18-40-40l0 0c0-22 18-40 40-40h160c22 0 40 18 40 40l0 0c0 22-18 40-40 40h-160z m740 0c-22 0-40-18-40-40l0 0c0-22 18-40 40-40h160c22 0 40 18 40 40l0 0c0 22-18 40-40 40h-160z m-700-230c-19-11-25-36-14-55l0 0c11-19 35-26 54-15l139 80c19 11 26 36 15 55l0 0c-11 19-36 26-55 15l-139-80z m641 370c-19-11-25-36-14-55l0 0c11-19 35-26 54-15l139 80c19 11 25 36 14 55l0 0c-11 19-35 26-54 15l-139-80z m-491-550c-11-19-4-43 15-54l0 0c19-11 44-5 55 14l80 139c11 19 4 44-15 55l0 0c-19 11-44 4-55-15l-80-139z m370 641c-11-19-4-43 15-54l0 0c19-11 44-5 55 14l80 139c11 19 4 43-15 54l0 0c-19 11-44 5-55-14l-80-139z" horiz-adv-x="1000" />
<glyph glyph-name="lock" unicode="&#xe81e;" d="m640 476q20 0 40-19t20-41l0-390q0-48-48-66l-60-18q-42-16-96-16l-290 0q-56 0-98 16l-60 18q-48 18-48 66l0 390q0 22 15 41t35 19l100 0 0 70q0 110 51 170t149 60 149-60 51-170l0-70 90 0z m-390 90l0-90 200 0 0 90q0 52-27 81t-73 29-73-29-27-81z" horiz-adv-x="700" />
<glyph glyph-name="lock-open" unicode="&#xe81f;" d="m640 450q20 0 40-20t20-40l0-390q0-20-14-39t-34-25l-60-20q-52-16-96-16l-290 0q-46 0-98 16l-60 20q-20 6-34 25t-14 39l0 390q0 22 15 41t35 19l400 0 0 140q0 110-100 110t-100-110l0-40-100 0 0 20q0 110 51 170t149 60q200 0 200-230l0-120 90 0z" horiz-adv-x="700" />
<glyph glyph-name="key" unicode="&#xe820;" d="m774 612q20-116-28-215t-150-117q-66-12-130-2l-118-194-70-12-104-166q-14-28-46-32l-76-14q-12-4-22 4t-12 22l-16 98q-8 30 12 56l258 386q-24 50-38 120-18 106 53 187t185 101q106 20 195-45t107-177z m-126-76q30 44 21 97t-51 83q-42 32-92 22t-80-54q-8-12-12-23t-1-20 5-16 13-17 18-15 22-16 23-17q6-4 22-16t23-16 19-12 19-8 17 1 18 8 16 19z" horiz-adv-x="780" />
<glyph glyph-name="down-dir" unicode="&#xe821;" d="m571 457q0-14-10-25l-250-250q-11-11-25-11t-25 11l-250 250q-11 11-11 25t11 25 25 11h500q14 0 25-11t10-25z" horiz-adv-x="571.4" />
<glyph glyph-name="up-dir" unicode="&#xe822;" d="m571 171q0-14-10-25t-25-10h-500q-15 0-25 10t-11 25 11 26l250 250q10 10 25 10t25-10l250-250q10-11 10-26z" horiz-adv-x="571.4" />
<glyph glyph-name="left-dir" unicode="&#xe823;" d="m357 600v-500q0-14-10-25t-26-11-25 11l-250 250q-10 11-10 25t10 25l250 250q11 11 25 11t26-11 10-25z" horiz-adv-x="357.1" />
<glyph glyph-name="right-dir" unicode="&#xe824;" d="m321 350q0-14-10-25l-250-250q-11-11-25-11t-25 11-11 25v500q0 15 11 25t25 11 25-11l250-250q10-10 10-25z" horiz-adv-x="357.1" />
<glyph glyph-name="resize-full" unicode="&#xe825;" d="m421 261q0-8-5-13l-185-185 80-81q10-10 10-25t-10-25-25-11h-250q-15 0-25 11t-11 25v250q0 15 11 25t25 11 25-11l80-80 185 185q6 6 13 6t13-6l64-63q5-6 5-13z m436 482v-250q0-15-10-25t-26-11-25 11l-80 80-185-185q-6-6-13-6t-13 6l-64 63q-5 6-5 13t5 13l186 185-81 81q-10 10-10 25t10 25 25 11h250q15 0 26-11t10-25z" horiz-adv-x="857.1" />
<glyph glyph-name="resize-small" unicode="&#xe826;" d="m429 314v-250q0-14-11-25t-25-10-25 10l-81 81-185-186q-5-5-13-5t-13 5l-63 64q-6 5-6 13t6 13l185 185-80 80q-11 11-11 25t11 25 25 11h250q14 0 25-11t11-25z m421 375q0-7-6-13l-185-185 80-80q11-11 11-25t-11-25-25-11h-250q-14 0-25 11t-10 25v250q0 14 10 25t25 10 25-10l81-81 185 186q6 5 13 5t13-5l63-64q6-5 6-13z" horiz-adv-x="857.1" />
<glyph glyph-name="user" unicode="&#x1f464;" d="m736 128q204-72 204-122l0-106-940 0 0 106q0 50 204 122 94 34 128 69t34 95q0 22-22 49t-32 73q-2 12-9 18t-14 8-14 17-9 43q0 16 5 26t9 12l4 4q-8 50-12 88-4 54 41 112t157 58 158-58 40-112l-12-88q18-8 18-42-2-28-9-43t-14-17-14-8-9-18q-8-48-31-74t-23-48q0-60 35-95t127-69z" horiz-adv-x="940" />
<glyph glyph-name="bell" unicode="&#x1f514;" d="m632 426q16-34 40-52t45-22 44-23 35-55q22-62-74-161t-252-157q-164-58-297-45t-155 75q-20 54 12 111t18 111q-56 192-47 300t113 192q26 22 29 51t29 39q24 8 46-12t56-18q132 2 198-66t160-268z m-186-404q88 32 159 85t100 91 25 50q-8 22-49 33t-124 1-187-48q-102-38-173-87t-94-84-17-53q4-12 50-22t134-4 176 38z m-62 174q8 2 21 7t17 7l2-2q14-40-17-83t-89-63q-96-36-152 14 78 68 218 120z" horiz-adv-x="800" />
<glyph glyph-name="clock" unicode="&#x1f554;" d="m464 685q-138 0-236-98t-98-237 98-237 236-97 237 97 98 237-98 237-237 98z m1 112q184 0 315-131t131-316-131-315-315-132-316 132-131 315 131 316 316 131z m151-518l-80-80-109 111q-19 17-19 41l0 223 113 0 0-199z" horiz-adv-x="928" />
<glyph glyph-name="block" unicode="&#x1f6ab;" d="m465 797q184 0 315-131t131-316-131-315-315-132-316 132-131 315 131 316 316 131z m-1-112q-138 0-236-98t-98-236q0-107 62-194l466 466q-87 62-194 62z m0-669q138 0 237 97t98 238q0 106-62 193l-466-466q87-62 193-62z" horiz-adv-x="928" />
</font>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 34 KiB

BIN
static/font/fontello.ttf
View File

Binary file not shown.

BIN
static/font/fontello.woff
View File

Binary file not shown.

BIN
static/fonts/bebas_bold.eot Normal file
View File

Binary file not shown.

1925
static/fonts/bebas_bold.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 109 KiB

BIN
static/fonts/bebas_bold.ttf Normal file
View File

Binary file not shown.

BIN
static/fonts/bebas_bold.woff Normal file
View File

Binary file not shown.

BIN
static/fonts/bebas_bold.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/bebas_regular.eot Normal file
View File

Binary file not shown.

1925
static/fonts/bebas_regular.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

BIN
static/fonts/bebas_regular.ttf Normal file
View File

Binary file not shown.

BIN
static/fonts/bebas_regular.woff Normal file
View File

Binary file not shown.

BIN
static/fonts/bebas_regular.woff2 Normal file
View File

Binary file not shown.

BIN
static/img/bg-main.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.8 KiB

BIN
static/img/cluster_logos.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
static/img/cogwheel_icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 982 B

BIN
static/img/fuel-big-logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 12 KiB

BIN
static/img/icons.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

93
static/img/icons/header-icons-sprite.svg Normal file
View File

@ -0,0 +1,93 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="88px" height="176px" viewBox="0 0 88 176" enable-background="new 0 0 88 176" xml:space="preserve">
<circle fill="#E0E0E0" cx="66" cy="66" r="22"/>
<circle fill="#E0E0E0" cx="66" cy="154" r="22"/>
<circle fill="#E0E0E0" cx="66" cy="110" r="22"/>
<circle fill="#E0E0E0" cx="66" cy="22" r="22"/>
<g>
<path fill="#5988A5" d="M22,5c9.374,0,17,7.626,17,17s-7.626,17-17,17S5,31.374,5,22S12.626,5,22,5 M22,2C10.954,2,2,10.954,2,22
s8.954,20,20,20c11.045,0,20-8.954,20-20S33.045,2,22,2L22,2z"/>
</g>
<g>
<g>
<path fill="#5988A5" d="M22,49c9.374,0,17,7.626,17,17s-7.626,17-17,17S5,75.374,5,66S12.626,49,22,49 M22,46
C10.954,46,2,54.954,2,66s8.954,20,20,20c11.045,0,20-8.954,20-20S33.045,46,22,46L22,46z"/>
</g>
</g>
<path fill="#5988A5" d="M55.241,163.967c0.008,0,0.017-0.002,0.022-0.002l0.016-0.023C55.27,163.948,55.256,163.957,55.241,163.967z
"/>
<path d="M55.18,164.008c0.02-0.015,0.041-0.027,0.062-0.041c-0.014,0-0.024,0.002-0.037,0.002L55.18,164.008z"/>
<g>
<g>
<g>
<path fill="#5988A5" d="M22,137c9.374,0,17,7.626,17,17s-7.626,17-17,17s-17-7.626-17-17S12.626,137,22,137 M22,134
c-11.046,0-20,8.954-20,20s8.954,20,20,20c11.045,0,20-8.954,20-20S33.045,134,22,134L22,134z"/>
</g>
</g>
<g>
<path fill="#5988A5" d="M22,160.215c5.128,0,9.418,0.631,10.5,1.475l-3.663-5.797c0.011-0.136,0.015-0.271,0.015-0.406v-5.68
c0-3.224-2.416-5.928-5.582-6.508c0-0.023,0.004-0.045,0.004-0.07C23.271,142.551,22.702,142,22,142s-1.272,0.551-1.272,1.229
c0,0.024,0.003,0.047,0.003,0.07c-3.167,0.579-5.582,3.284-5.582,6.508v5.678c0,0.137,0.005,0.271,0.015,0.406l-3.664,5.797
C12.582,160.848,16.871,160.215,22,160.215z"/>
<path fill="#5988A5" d="M19.065,161.232C19.106,162.768,20.403,164,22,164c1.598,0,2.895-1.232,2.936-2.768
c-0.934-0.045-1.916-0.072-2.936-0.072C20.982,161.16,19.999,161.188,19.065,161.232z"/>
</g>
</g>
<g>
<g>
<path fill="#5988A5" d="M22,93c9.374,0,17,7.626,17,17s-7.626,17-17,17s-17-7.626-17-17S12.626,93,22,93 M22,90
c-11.046,0-20,8.954-20,20s8.954,20,20,20c11.045,0,20-8.954,20-20S33.045,90,22,90L22,90z"/>
</g>
<path fill="#5988A5" d="M25.105,114.211c0-1.396,1.131-0.941,1.627-3.498c0.205-1.061,1.205-0.018,1.396-2.438
c0-0.965-0.544-1.207-0.544-1.207s0.274-1.426,0.383-2.524c0.136-1.368-0.827-4.905-5.968-4.905c-5.143,0-6.104,3.537-5.971,4.906
c0.109,1.1,0.386,2.525,0.386,2.525s-0.544,0.24-0.544,1.205c0.189,2.42,1.189,1.379,1.395,2.438
c0.496,2.559,1.627,2.102,1.627,3.498c0,2.325-1.183,3.412-4.887,4.698c-0.729,0.254-1.386,0.507-2.006,0.76
c2.561,2.449,6.098,3.97,10,3.97s7.439-1.521,9.999-3.97c-0.62-0.252-1.276-0.506-2.006-0.76
C26.29,117.623,25.105,116.536,25.105,114.211z"/>
</g>
<path fill="#5988A5" d="M66,5c9.374,0,17,7.626,17,17s-7.626,17-17,17s-17-7.626-17-17S56.626,5,66,5 M66,2
c-11.046,0-20,8.954-20,20s8.954,20,20,20c11.045,0,20-8.954,20-20S77.045,2,66,2L66,2z"/>
<g>
<g>
<path fill="#5988A5" d="M66,49c9.374,0,17,7.626,17,17s-7.626,17-17,17s-17-7.626-17-17S56.626,49,66,49 M66,46
c-11.046,0-20,8.954-20,20s8.954,20,20,20c11.045,0,20-8.954,20-20S77.045,46,66,46L66,46z"/>
</g>
</g>
<g>
<g>
<g>
<path fill="#5988A5" d="M66,137c9.374,0,17,7.626,17,17s-7.626,17-17,17s-17-7.626-17-17S56.626,137,66,137 M66,134
c-11.046,0-20,8.954-20,20s8.954,20,20,20c11.045,0,20-8.954,20-20S77.045,134,66,134L66,134z"/>
</g>
</g>
<g>
<g>
<path fill="#5988A5" d="M66,160.871c5.594,0,10.273,0.688,11.454,1.607l-3.996-6.324c0.013-0.146,0.017-0.295,0.017-0.442v-6.194
c0-3.518-2.636-6.468-6.09-7.101c0-0.024,0.006-0.049,0.006-0.077C67.387,141.602,66.766,141,66,141s-1.387,0.602-1.387,1.34
c0,0.027,0.002,0.053,0.002,0.077c-3.454,0.632-6.09,3.583-6.09,7.101v6.192c0,0.147,0.007,0.297,0.018,0.442l-3.997,6.324
C55.727,161.562,60.404,160.871,66,160.871z"/>
</g>
<g>
<path fill="#5988A5" d="M62.798,161.98C62.843,163.654,64.257,165,66,165s3.157-1.346,3.202-3.02
c-1.019-0.049-2.091-0.078-3.202-0.078C64.891,161.902,63.816,161.932,62.798,161.98z"/>
</g>
</g>
</g>
<g>
<g>
<path fill="#5988A5" d="M66,93c9.374,0,17,7.626,17,17s-7.626,17-17,17s-17-7.626-17-17S56.626,93,66,93 M66,90
c-11.046,0-20,8.954-20,20s8.954,20,20,20c11.045,0,20-8.954,20-20S77.045,90,66,90L66,90z"/>
</g>
<path fill="#5988A5" d="M69.363,114.426c0-1.514,1.227-1.021,1.764-3.79c0.223-1.149,1.307-0.019,1.514-2.641
c0-1.045-0.59-1.308-0.59-1.308s0.297-1.545,0.414-2.734c0.146-1.482-0.896-5.314-6.465-5.314c-5.57,0-6.611,3.832-6.468,5.315
c0.118,1.19,0.417,2.735,0.417,2.735s-0.59,0.261-0.59,1.306c0.205,2.622,1.289,1.494,1.512,2.642
c0.537,2.771,1.763,2.275,1.763,3.79c0,2.519-1.28,3.696-5.294,5.089c-0.789,0.275-1.501,0.551-2.173,0.823
c2.772,2.653,6.604,4.3,10.833,4.3s8.061-1.646,10.832-4.3c-0.672-0.272-1.383-0.548-2.173-0.823
C70.646,118.122,69.363,116.943,69.363,114.426z"/>
</g>
<rect x="8" y="65" fill="#5988A5" width="28" height="2"/>
<rect x="52" y="65" fill="#5988A5" width="28" height="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

207
static/img/icons/icons-sprite.svg Executable file
View File

@ -0,0 +1,207 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="80px" height="240px" viewBox="0 0 80 240" enable-background="new 0 0 80 240" xml:space="preserve">
<path fill="#C17417" d="M53.784,147.5c-1.14,0-1.611-0.843-1.044-1.873l6.231-11.355c0.566-1.028,1.489-1.028,2.056,0l6.232,11.355
c0.566,1.03,0.095,1.873-1.044,1.873H53.784z"/>
<g>
<path fill="#FFFFFF" d="M61,145c0,0.55-0.45,1-1,1l0,0c-0.55,0-1-0.45-1-1l0,0c0-0.55,0.45-1,1-1l0,0C60.55,144,61,144.45,61,145
L61,145z"/>
</g>
<line fill="none" x1="0" y1="40" x2="80.001" y2="40"/>
<line fill="none" x1="0" y1="80" x2="80.001" y2="80"/>
<line fill="none" x1="0" y1="120" x2="80.001" y2="120"/>
<line fill="none" x1="0" y1="160" x2="80.001" y2="160"/>
<line fill="none" x1="0" y1="200" x2="80.001" y2="200"/>
<line fill="none" x1="40" y1="0" x2="40" y2="239.999"/>
<g>
<path fill="#8C8C8C" d="M28.577,20.979h2.244C30.938,20.338,31,19.676,31,19s-0.062-1.338-0.18-1.98h-2.244
c-0.223-0.965-0.604-1.869-1.113-2.684l1.589-1.587c-0.757-1.094-1.706-2.043-2.801-2.801l-1.587,1.588
c-0.814-0.51-1.719-0.891-2.686-1.113V8.178C21.338,8.061,20.676,8,20,8s-1.338,0.061-1.98,0.178v2.246
c-0.965,0.222-1.869,0.603-2.684,1.113L13.75,9.949c-1.094,0.757-2.043,1.707-2.801,2.801l1.588,1.587
c-0.51,0.815-0.891,1.719-1.113,2.684H9.179C9.062,17.662,9,18.324,9,19s0.061,1.338,0.178,1.979h2.246
c0.222,0.967,0.603,1.869,1.113,2.687l-1.588,1.587c0.757,1.096,1.707,2.044,2.801,2.801l1.587-1.589
c0.815,0.513,1.719,0.894,2.684,1.113v2.243C18.663,29.938,19.325,30,20,30s1.338-0.062,1.979-0.18v-2.244
c0.967-0.223,1.869-0.604,2.687-1.113l1.587,1.589c1.096-0.757,2.044-1.706,2.801-2.801l-1.589-1.587
C27.975,22.85,28.354,21.945,28.577,20.979z M20,24.279c-2.916,0-5.28-2.363-5.28-5.279s2.364-5.28,5.28-5.28s5.28,2.365,5.28,5.28
C25.28,21.916,22.917,24.279,20,24.279z"/>
<g opacity="0.25">
<path d="M12.175,24.025l-1.226,1.226c0.136,0.196,0.284,0.382,0.432,0.567l1.156-1.154C12.409,24.457,12.288,24.244,12.175,24.025
z"/>
<path d="M21.979,11.423c0.967,0.222,1.871,0.603,2.687,1.113l1.587-1.588c0.898,0.622,1.691,1.378,2.368,2.232l0.433-0.432
c-0.757-1.094-1.705-2.043-2.801-2.801l-1.587,1.588c-0.813-0.51-1.72-0.891-2.687-1.113V11.423z"/>
<path d="M25.28,20c0-0.171-0.034-0.333-0.051-0.5c-0.256,2.678-2.483,4.779-5.229,4.779c-2.745,0-4.974-2.103-5.229-4.779
c-0.016,0.167-0.05,0.329-0.05,0.5c0,2.916,2.364,5.279,5.28,5.279S25.28,22.916,25.28,20z"/>
<path d="M27.826,14.974l-0.362,0.362c0.51,0.815,0.891,1.719,1.113,2.684h2.244c0.088,0.482,0.134,0.978,0.156,1.48
C30.985,19.333,31,19.168,31,19c0-0.676-0.062-1.338-0.18-1.98h-2.244C28.411,16.3,28.155,15.614,27.826,14.974z"/>
<path d="M27.463,24.664l1.156,1.154c0.148-0.187,0.297-0.371,0.433-0.567l-1.226-1.226C27.714,24.244,27.593,24.457,27.463,24.664
z"/>
<path d="M9.179,18.021h2.245c0.222-0.965,0.603-1.869,1.113-2.684l-0.363-0.362c-0.33,0.641-0.584,1.326-0.75,2.046H9.179
C9.062,17.662,9,18.324,9,19c0,0.168,0.015,0.333,0.022,0.5C9.045,18.998,9.09,18.502,9.179,18.021z"/>
<path d="M21.979,9.178v-1C21.338,8.061,20.676,8,20,8s-1.338,0.061-1.98,0.178v1C18.663,9.061,19.325,9,20,9
S21.338,9.061,21.979,9.178z"/>
<path d="M13.75,10.949l1.587,1.588c0.815-0.51,1.719-0.891,2.684-1.113v-1c-0.965,0.222-1.869,0.603-2.684,1.113L13.75,9.949
c-1.094,0.757-2.043,1.707-2.801,2.801l0.433,0.432C12.059,12.328,12.852,11.57,13.75,10.949z"/>
</g>
<g opacity="0.4">
<path fill="#FFFFFF" d="M27.826,14.974l1.227-1.225c-0.136-0.196-0.284-0.382-0.433-0.568l-1.156,1.155
C27.593,14.543,27.713,14.756,27.826,14.974z"/>
<path fill="#FFFFFF" d="M12.537,14.337l-1.155-1.155c-0.148,0.187-0.297,0.372-0.433,0.568l1.225,1.225
C12.287,14.757,12.408,14.544,12.537,14.337z"/>
<path fill="#FFFFFF" d="M12.175,24.025l0.362-0.361c-0.51-0.816-0.891-1.719-1.113-2.686H9.179
C9.091,20.498,9.046,20,9.023,19.499C9.016,19.667,9,19.831,9,20c0,0.676,0.061,1.338,0.178,1.979h2.246
C11.59,22.7,11.844,23.386,12.175,24.025z"/>
<path fill="#FFFFFF" d="M20,13.72c-2.916,0-5.28,2.364-5.28,5.28c0,0.171,0.035,0.333,0.05,0.5c0.256-2.678,2.485-4.78,5.229-4.78
c2.745,0,4.974,2.104,5.229,4.78c0.017-0.167,0.051-0.329,0.051-0.5C25.28,16.085,22.917,13.72,20,13.72z"/>
<path fill="#FFFFFF" d="M26.251,28.052l-1.587-1.589c-0.816,0.51-1.719,0.891-2.686,1.113v1c0.967-0.223,1.869-0.604,2.686-1.113
l1.587,1.589c1.095-0.757,2.044-1.706,2.801-2.801l-0.433-0.433C27.944,26.674,27.149,27.432,26.251,28.052z"/>
<path fill="#FFFFFF" d="M30.821,20.979h-2.244c-0.223,0.967-0.602,1.871-1.113,2.687l0.363,0.362
c0.33-0.641,0.584-1.326,0.75-2.049h2.244C30.938,21.338,31,20.676,31,20c0-0.169-0.016-0.333-0.021-0.5
C30.955,20.002,30.909,20.498,30.821,20.979z"/>
<path fill="#FFFFFF" d="M18.021,27.576c-0.965-0.221-1.869-0.602-2.684-1.113l-1.587,1.589c-0.898-0.62-1.692-1.378-2.369-2.231
l-0.432,0.432c0.757,1.096,1.707,2.044,2.801,2.801l1.587-1.589c0.815,0.513,1.719,0.894,2.684,1.113V27.576z"/>
<path fill="#FFFFFF" d="M18.021,29.82v1C18.663,30.938,19.325,31,20,31s1.338-0.062,1.979-0.18v-1C21.338,29.938,20.676,30,20,30
S18.663,29.938,18.021,29.82z"/>
</g>
</g>
<g>
<path fill="#5988A5" d="M68.576,20.979h2.244C70.938,20.338,71,19.676,71,19s-0.062-1.338-0.18-1.98h-2.244
c-0.223-0.965-0.604-1.869-1.113-2.684l1.589-1.587c-0.757-1.094-1.706-2.043-2.801-2.801l-1.587,1.588
c-0.814-0.51-1.719-0.891-2.686-1.113V8.178C61.338,8.061,60.676,8,60,8s-1.338,0.061-1.98,0.178v2.246
c-0.965,0.222-1.869,0.603-2.684,1.113l-1.587-1.588c-1.095,0.757-2.043,1.707-2.802,2.801l1.589,1.587
c-0.511,0.815-0.892,1.719-1.113,2.684H49.18C49.062,17.662,49,18.324,49,19s0.062,1.338,0.18,1.979h2.244
c0.223,0.967,0.604,1.869,1.113,2.687l-1.588,1.587c0.757,1.096,1.707,2.044,2.801,2.801l1.587-1.589
c0.815,0.513,1.72,0.894,2.685,1.113v2.243C58.662,29.938,59.324,30,60,30s1.338-0.062,1.979-0.18v-2.244
c0.967-0.223,1.869-0.604,2.688-1.113l1.587,1.589c1.098-0.757,2.044-1.706,2.803-2.801l-1.591-1.587
C67.975,22.85,68.354,21.945,68.576,20.979z M60,24.279c-2.916,0-5.279-2.363-5.279-5.279s2.363-5.28,5.279-5.28
s5.279,2.365,5.279,5.28C65.279,21.916,62.916,24.279,60,24.279z"/>
<g opacity="0.25">
<path d="M52.175,24.025l-1.226,1.226c0.136,0.196,0.283,0.382,0.432,0.567l1.156-1.154C52.408,24.457,52.287,24.244,52.175,24.025
z"/>
<path d="M61.979,11.423c0.967,0.222,1.871,0.603,2.688,1.113l1.587-1.588c0.896,0.622,1.689,1.378,2.368,2.232l0.435-0.432
c-0.759-1.094-1.705-2.043-2.803-2.801l-1.587,1.588c-0.812-0.51-1.722-0.891-2.688-1.113V11.423z"/>
<path d="M65.279,20c0-0.171-0.034-0.333-0.051-0.5c-0.256,2.678-2.483,4.779-5.229,4.779c-2.745,0-4.974-2.103-5.229-4.779
c-0.016,0.167-0.049,0.329-0.049,0.5c0,2.916,2.363,5.279,5.279,5.279S65.279,22.916,65.279,20z"/>
<path d="M67.825,14.974l-0.362,0.362c0.51,0.815,0.891,1.719,1.113,2.684h2.244c0.088,0.482,0.134,0.978,0.156,1.48
C70.984,19.333,71,19.168,71,19c0-0.676-0.062-1.338-0.18-1.98h-2.244C68.41,16.3,68.154,15.614,67.825,14.974z"/>
<path d="M67.463,24.664l1.156,1.154c0.148-0.187,0.297-0.371,0.433-0.567l-1.226-1.226C67.714,24.244,67.593,24.457,67.463,24.664
z"/>
<path d="M49.18,18.021h2.243c0.224-0.965,0.604-1.869,1.113-2.684l-0.363-0.362c-0.33,0.641-0.584,1.326-0.75,2.046H49.18
C49.062,17.662,49,18.324,49,19c0,0.168,0.016,0.333,0.021,0.5C49.045,18.998,49.09,18.502,49.18,18.021z"/>
<path d="M61.979,9.178v-1C61.338,8.061,60.676,8,60,8s-1.338,0.061-1.98,0.178v1C58.662,9.061,59.324,9,60,9
S61.338,9.061,61.979,9.178z"/>
<path d="M53.749,10.949l1.587,1.588c0.814-0.51,1.719-0.891,2.684-1.113v-1c-0.965,0.222-1.869,0.603-2.684,1.113l-1.587-1.588
c-1.095,0.757-2.043,1.707-2.801,2.801l0.433,0.432C52.059,12.328,52.852,11.57,53.749,10.949z"/>
</g>
<g opacity="0.4">
<path fill="#FFFFFF" d="M67.825,14.974l1.227-1.225c-0.136-0.196-0.284-0.382-0.433-0.568l-1.156,1.155
C67.593,14.543,67.713,14.756,67.825,14.974z"/>
<path fill="#FFFFFF" d="M52.536,14.337l-1.155-1.155c-0.146,0.187-0.297,0.372-0.433,0.568l1.225,1.225
C52.286,14.757,52.407,14.544,52.536,14.337z"/>
<path fill="#FFFFFF" d="M52.175,24.025l0.362-0.361c-0.51-0.816-0.891-1.719-1.113-2.686H49.18
c-0.09-0.48-0.135-0.978-0.156-1.479C49.016,19.667,49,19.831,49,20c0,0.676,0.062,1.338,0.18,1.979h2.244
C51.59,22.7,51.844,23.386,52.175,24.025z"/>
<path fill="#FFFFFF" d="M60,13.72c-2.916,0-5.279,2.364-5.279,5.28c0,0.171,0.034,0.333,0.049,0.5
c0.256-2.678,2.485-4.78,5.229-4.78c2.745,0,4.974,2.104,5.229,4.78c0.017-0.167,0.051-0.329,0.051-0.5
C65.279,16.085,62.916,13.72,60,13.72z"/>
<path fill="#FFFFFF" d="M66.251,28.052l-1.587-1.589c-0.816,0.51-1.719,0.891-2.686,1.113v1c0.967-0.223,1.869-0.604,2.686-1.113
l1.587,1.589c1.095-0.757,2.044-1.706,2.802-2.801l-0.434-0.433C67.943,26.674,67.148,27.432,66.251,28.052z"/>
<path fill="#FFFFFF" d="M70.82,20.979h-2.244c-0.223,0.967-0.602,1.871-1.113,2.687l0.363,0.362
c0.33-0.641,0.584-1.326,0.75-2.049h2.244C70.938,21.338,71,20.676,71,20c0-0.169-0.016-0.333-0.021-0.5
C70.954,20.002,70.908,20.498,70.82,20.979z"/>
<path fill="#FFFFFF" d="M58.021,27.576c-0.965-0.221-1.869-0.602-2.688-1.113l-1.587,1.589c-0.896-0.62-1.688-1.378-2.369-2.231
l-0.433,0.432c0.758,1.096,1.705,2.044,2.802,2.801l1.587-1.589c0.812,0.513,1.723,0.894,2.688,1.113V27.576z"/>
<path fill="#FFFFFF" d="M58.021,29.82v1C58.662,30.938,59.324,31,60,31s1.338-0.062,1.979-0.18v-1C61.338,29.938,60.676,30,60,30
S58.662,29.938,58.021,29.82z"/>
</g>
</g>
<g>
<path fill="#E7E7E8" d="M19.73,50.818c-4.561,0-8.271,3.67-8.271,8.182H10l2.676,3.851L15.352,59h-1.545
c0-3.231,2.657-5.86,5.923-5.86s5.924,2.629,5.924,5.86s-2.658,5.861-5.924,5.861c-1.971,0-3.769-0.953-4.866-2.533l-1.394,2.004
c1.559,1.803,3.815,2.85,6.26,2.85c4.56,0,8.27-3.67,8.27-8.182S24.29,50.818,19.73,50.818z"/>
<path fill="#E7E7E8" d="M20.946,58.501v-3.66c-0.387-0.111-0.793-0.174-1.216-0.174s-0.83,0.063-1.217,0.174v2.415V59.3v0.199
l0.143,0.141l1.459,1.444l1.727,1.708c0.723-0.395,1.32-0.987,1.72-1.701L20.946,58.501z"/>
</g>
<g>
<path fill="#5988A5" d="M59.73,50.818c-4.562,0-8.271,3.67-8.271,8.182H50l2.676,3.851L55.352,59h-1.545
c0-3.231,2.657-5.86,5.924-5.86c3.269,0,5.924,2.629,5.924,5.86s-2.655,5.861-5.924,5.861c-1.972,0-3.77-0.953-4.867-2.533
l-1.393,2.004c1.559,1.803,3.814,2.85,6.26,2.85c4.562,0,8.271-3.67,8.271-8.182S64.29,50.818,59.73,50.818z"/>
<path fill="#5988A5" d="M60.945,58.501v-3.66c-0.387-0.111-0.793-0.174-1.215-0.174c-0.424,0-0.83,0.063-1.217,0.174v2.415V59.3
v0.199l0.143,0.141l1.459,1.444l1.728,1.708c0.724-0.395,1.32-0.987,1.72-1.701L60.945,58.501z"/>
</g>
<path fill="#FFFFFF" d="M25.398,98.31c0-0.008,0.001-0.017,0.001-0.024c0-1.421-1.208-2.572-2.7-2.572
c-0.498,0-0.963,0.13-1.363,0.355C20.66,94.839,19.309,94,17.75,94c-2.237,0-4.05,1.727-4.05,3.857c0,0.216,0.023,0.426,0.059,0.632
C12.156,99.002,11,100.442,11,102.143c0,2.13,1.812,3.857,4.05,3.857h3.15v-3.429h-1.575L20,98.714l3.375,3.857H21.8V106h3.15
c2.237,0,4.05-1.727,4.05-3.857C29,100.157,27.424,98.523,25.398,98.31z"/>
<g>
<path fill="#FFFFFF" d="M66.883,99.418c0.016-0.122,0.041-0.24,0.041-0.365c0-1.744-1.551-3.158-3.461-3.158
c-0.906,0-1.723,0.324-2.34,0.842C60.504,95.144,58.844,94,56.885,94c-2.484,0-4.5,1.838-4.5,4.106c0,0.54,0.117,1.052,0.324,1.524
C51.68,100.251,51,101.316,51,102.527c0,1.811,1.521,3.298,3.463,3.457V106h10.605v-0.006c0.041,0.001,0.082,0.006,0.125,0.006
c2.102,0,3.807-1.555,3.807-3.473C69,101.163,68.137,99.986,66.883,99.418z"/>
</g>
<g>
<path fill="#FFFFFF" d="M58.594,138.496c-0.052-0.548,0.356-0.996,0.906-0.996h1c0.55,0,0.961,0.448,0.912,0.996l-0.309,3.508
c-0.049,0.548-0.538,0.996-1.088,0.996l0,0c-0.55,0-1.042-0.448-1.094-0.996L58.594,138.496z"/>
</g>
<g>
<g opacity="0.25">
<rect x="3.5" y="185.5" fill="#FFFFFF" width="6" height="1"/>
<rect x="9.5" y="189.5" fill="#FFFFFF" width="3" height="1"/>
<rect x="29.5" y="185.5" fill="#FFFFFF" width="6" height="1"/>
<rect x="26.5" y="189.5" fill="#FFFFFF" width="3" height="1"/>
<rect x="12.5" y="192.5" fill="#FFFFFF" width="14" height="1"/>
</g>
<polygon fill="#297434" points="29.5,166.5 29.5,170.5 27.5,170.5 27.5,166.5 26.5,166.5 26.5,170.5 24.5,170.5 24.5,166.5
23.5,166.5 23.5,170.5 21.5,170.5 21.5,166.5 20.5,166.5 20.5,170.5 18.5,170.5 18.5,166.5 17.5,166.5 17.5,170.5 15.5,170.5
15.5,166.5 14.5,166.5 14.5,170.5 12.5,170.5 12.5,166.5 11.5,166.5 11.5,170.5 9.5,170.5 9.5,166.5 3.5,166.5 3.5,185.5
9.5,185.5 9.5,189.5 12.5,189.5 12.5,192.5 26.5,192.5 26.5,189.5 29.5,189.5 29.5,185.5 35.5,185.5 35.5,166.5 "/>
<g opacity="0.15">
<rect x="21.5" y="170.5" width="2" height="1"/>
<rect x="18.5" y="170.5" width="2" height="1"/>
<rect x="23.5" y="166.5" width="1" height="1"/>
<rect x="17.5" y="166.5" width="1" height="1"/>
<rect x="27.5" y="170.5" width="2" height="1"/>
<rect x="26.5" y="166.5" width="1" height="1"/>
<rect x="24.5" y="170.5" width="2" height="1"/>
<rect x="20.5" y="166.5" width="1" height="1"/>
<rect x="3.5" y="166.5" width="6" height="1"/>
<rect x="15.5" y="170.5" width="2" height="1"/>
<rect x="29.5" y="166.5" width="6" height="1"/>
<rect x="9.5" y="170.5" width="2" height="1"/>
<rect x="11.5" y="166.5" width="1" height="1"/>
<rect x="14.5" y="166.5" width="1" height="1"/>
<rect x="12.5" y="170.5" width="2" height="1"/>
</g>
</g>
<g>
<g opacity="0.25">
<rect x="43.5" y="185.5" fill="#FFFFFF" width="6" height="1"/>
<rect x="49.5" y="189.5" fill="#FFFFFF" width="3" height="1"/>
<rect x="69.5" y="185.5" fill="#FFFFFF" width="6" height="1"/>
<rect x="66.5" y="189.5" fill="#FFFFFF" width="3" height="1"/>
<rect x="52.5" y="192.5" fill="#FFFFFF" width="14" height="1"/>
</g>
<polygon fill="#6D6E71" points="69.5,166.5 69.5,170.5 67.5,170.5 67.5,166.5 66.5,166.5 66.5,170.5 64.5,170.5 64.5,166.5
63.5,166.5 63.5,170.5 61.5,170.5 61.5,166.5 60.5,166.5 60.5,170.5 58.5,170.5 58.5,166.5 57.5,166.5 57.5,170.5 55.5,170.5
55.5,166.5 54.5,166.5 54.5,170.5 52.5,170.5 52.5,166.5 51.5,166.5 51.5,170.5 49.5,170.5 49.5,166.5 43.5,166.5 43.5,185.5
49.5,185.5 49.5,189.5 52.5,189.5 52.5,192.5 66.5,192.5 66.5,189.5 69.5,189.5 69.5,185.5 75.5,185.5 75.5,166.5 "/>
<g opacity="0.2">
<rect x="61.5" y="170.5" width="2" height="1"/>
<rect x="58.5" y="170.5" width="2" height="1"/>
<rect x="63.5" y="166.5" width="1" height="1"/>
<rect x="57.5" y="166.5" width="1" height="1"/>
<rect x="67.5" y="170.5" width="2" height="1"/>
<rect x="66.5" y="166.5" width="1" height="1"/>
<rect x="64.5" y="170.5" width="2" height="1"/>
<rect x="60.5" y="166.5" width="1" height="1"/>
<rect x="43.5" y="166.5" width="6" height="1"/>
<rect x="55.5" y="170.5" width="2" height="1"/>
<rect x="69.5" y="166.5" width="6" height="1"/>
<rect x="49.5" y="170.5" width="2" height="1"/>
<rect x="51.5" y="166.5" width="1" height="1"/>
<rect x="54.5" y="166.5" width="1" height="1"/>
<rect x="52.5" y="170.5" width="2" height="1"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

11
static/img/icons/new-environment.svg Normal file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="240px" height="136px" viewBox="0 0 240 136" enable-background="new 0 0 240 136" xml:space="preserve">
<path fill="#4E85AA" d="M167.031,56.633c0.104-0.912,0.277-1.8,0.277-2.734c0-13.082-10.59-23.688-23.655-23.688
c-6.182,0-11.762,2.43-15.979,6.319C123.446,24.579,112.095,16,98.712,16c-16.983,0-30.751,13.79-30.751,30.794
c0,4.046,0.8,7.892,2.214,11.431C63.14,62.884,58.5,70.872,58.5,79.951c0,13.588,10.393,24.734,23.654,25.928V106h72.477v-0.042
c0.286,0.009,0.562,0.042,0.851,0.042c14.368,0,26.018-11.661,26.018-26.049C181.499,69.726,175.597,60.896,167.031,56.633z M140,76
h-15v15h-10V76h-15V66h15V51h10v15h15V76z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1006 B

284
static/img/icons/support-images.svg Executable file
View File

@ -0,0 +1,284 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="120px" height="720px" viewBox="0 0 120 720" enable-background="new 0 0 120 720" xml:space="preserve">
<path opacity="0.2" d="M79,80H35c-1.65,0-3-1.35-3-3v2c0,1.65,1.35,3,3,3h44c1.65,0,3-1.35,3-3v-2C82,78.65,80.65,80,79,80z"/>
<path opacity="0.75" fill="#FFFFFF" d="M79,48H61v1c0,2.206-1.794,4-4,4c-2.206,0-4-1.794-4-4v-1H35c-1.65,0-3,1.35-3,3v26
c0,1.65,1.35,3,3,3h44c1.65,0,3-1.35,3-3V51C82,49.35,80.65,48,79,48z"/>
<path opacity="0.75" fill="#FFFFFF" d="M57,42c-1.65,0-3,1.35-3,3v4c0,1.65,1.35,3,3,3c1.65,0,3-1.35,3-3v-4
C60,43.35,58.65,42,57,42z M57,50c-0.552,0-1-0.447-1-1s0.448-1,1-1c0.553,0,1,0.447,1,1S57.553,50,57,50z"/>
<path fill="#DD7A4F" d="M50,56H38c-0.55,0-1,0.45-1,1v16c0,0.55,0.45,1,1,1h12c0.55,0,1-0.45,1-1V57C51,56.45,50.55,56,50,56z
M38.002,73c0-0.012-0.002-0.02-0.002-0.031c0,0,0.107-3.281,1.025-4.754c0,0,0.263-0.388,0.882-0.646c0,0,1.416-0.465,2.012-0.96
c0.074-0.09,0.149-0.188,0.225-0.296c0.176-0.375,0.109-0.732,0.109-0.732c0.001,0.002,0.003,0.003,0.004,0.004
c-0.339-0.519-0.58-1.146-0.636-1.763c-0.003-0.011-0.007-0.021-0.01-0.033c-0.002,0.001-0.003,0.001-0.005,0.001
c-0.167,0.029-0.364-0.347-0.44-0.837c-0.069-0.447-0.014-0.833,0.122-0.921c0-0.002,0-0.005,0-0.008H41.28
c0.001-0.021,0.004-0.045,0.006-0.066c0-0.155,0.005-0.319,0.019-0.492c0,0,0.141-0.949,0.771-1.618
C42.852,58.962,43.901,59,43.901,59s0.84-0.012,1.617,0.541c0.811,0.415,0.97,1.188,0.97,1.188c0.186,0.341,0.253,0.717,0.265,1.061
c0.013,0.091,0.023,0.188,0.032,0.285l-0.024,0.007c0.166,0.031,0.239,0.45,0.164,0.939c-0.076,0.492-0.274,0.866-0.441,0.839
c-0.029-0.005-0.057-0.022-0.081-0.052c-0.063,0.625-0.339,1.306-0.735,1.854c0.01-0.011,0.016-0.019,0.016-0.019
c-0.013,0.267,0.032,0.476,0.103,0.64c0-0.009,0.001-0.017,0.002-0.025c0,0,0.001,0.006,0.005,0.016
c0.001-0.004,0.002-0.006,0.003-0.01c0,0,0.001,0.018,0.01,0.046c0.005,0.017,0.012,0.032,0.02,0.05
c0.066,0.143,0.287,0.424,1.025,0.706c0,0,1.966,0.673,2.288,1.445c0,0,0.922,2.281,0.855,4.489H38.002z"/>
<g>
<path fill="#4E85AA" d="M56,57.71c1.711-2.161,4.655-2.034,5.564-0.907c-0.543-0.359-1.344-0.635-1.969-0.544
c0.986,0.123,1.302,0.579,1.453,0.793c-0.344-0.243-1.214-0.774-2.099-0.612c0.621,0.076,1.335,0.37,1.628,0.891
c-0.5-0.371-1.338-0.843-2.133-0.66c0.686,0.093,1.374,0.387,1.683,0.953C59.572,57.236,57.573,56.431,56,57.71"/>
<path fill="#4E85AA" d="M66,57.154c-1.711,2.167-4.724,2.02-5.633,0.892c0.543,0.361,1.567,0.769,2.184,0.635
c-0.972-0.166-1.521-0.667-1.667-0.883c0.338,0.244,1.223,0.798,2.108,0.636c-0.623-0.077-1.346-0.393-1.644-0.912
c0.499,0.369,1.357,0.863,2.153,0.686c-0.686-0.098-1.391-0.414-1.703-0.98C62.359,57.613,64.428,58.439,66,57.154"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#4E85AA" d="M64.291,56l0.029,0.202c-0.678,0.004-1.327,0.111-1.948,0.317
c-0.521,0.174-1.101,0.452-1.745,0.837c-0.807,0.491-1.365,0.808-1.672,0.95c-0.658,0.312-1.324,0.489-2.001,0.531
c0.781,0.029,1.521-0.071,2.231-0.304c0.522-0.174,1.11-0.456,1.763-0.849c0.715-0.422,1.266-0.719,1.656-0.893
c0.562-0.242,1.133-0.424,1.723-0.546l0.028,0.2l0.64-0.322L64.291,56z"/>
<polygon fill="#4E85AA" points="57.051,59.375 57.225,59.375 57.422,60.363 57.617,59.375 57.783,59.375 57.908,60.801
57.729,60.801 57.673,59.799 57.48,60.801 57.351,60.801 57.164,59.799 57.104,60.801 56.93,60.801 "/>
<rect x="58.375" y="59.375" fill="#4E85AA" width="0.197" height="1.426"/>
<path fill="#4E85AA" d="M59.24,60.801h-0.195v-1.427h0.234c0.131,0,0.234,0.022,0.312,0.073c0.077,0.049,0.115,0.146,0.115,0.291
c0,0.098-0.02,0.18-0.059,0.242c-0.038,0.062-0.107,0.1-0.209,0.117l0.339,0.703h-0.21l-0.323-0.693H59.24V60.801z M59.24,59.996
c0.08,0,0.145-0.011,0.195-0.034c0.049-0.023,0.075-0.083,0.077-0.181v-0.025c0-0.102-0.021-0.161-0.067-0.181
c-0.042-0.022-0.11-0.031-0.205-0.031V59.996z"/>
<path fill="#4E85AA" d="M60.45,59.374h0.181l0.33,1.427h-0.188l-0.073-0.283h-0.323l-0.067,0.283h-0.194L60.45,59.374z
M60.542,59.742l-0.131,0.615h0.259L60.542,59.742z"/>
<polygon fill="#4E85AA" points="61.449,59.375 61.63,59.375 62.008,60.363 62.008,59.375 62.188,59.375 62.188,60.801
62.008,60.801 61.635,59.801 61.635,60.801 61.449,60.801 "/>
<polygon fill="#4E85AA" points="62.895,59.552 62.633,59.552 62.633,59.374 63.352,59.374 63.352,59.552 63.088,59.552
63.088,60.801 62.895,60.801 "/>
<rect x="63.742" y="59.375" fill="#4E85AA" width="0.195" height="1.426"/>
<path fill="#4E85AA" d="M64.392,60.56c0.007,0.003,0.012,0.006,0.019,0.009c0.02,0.012,0.042,0.022,0.064,0.032
c0.023,0.011,0.048,0.02,0.072,0.027c0.013,0.002,0.025,0.004,0.039,0.007c0.015,0.002,0.027,0.002,0.04,0.002h0.01h0.012
c0.027-0.002,0.056-0.012,0.082-0.029c0.026-0.016,0.046-0.041,0.06-0.074c0.004-0.007,0.007-0.014,0.01-0.021
c0.002-0.008,0.003-0.017,0.005-0.024c0-0.007,0.001-0.015,0.001-0.022c0.001-0.006,0.001-0.014,0.001-0.021
c0-0.051-0.017-0.098-0.051-0.141c-0.034-0.044-0.072-0.083-0.115-0.119c-0.015-0.013-0.028-0.022-0.04-0.033
c-0.014-0.012-0.027-0.022-0.04-0.032c-0.048-0.041-0.091-0.085-0.132-0.135c-0.038-0.05-0.063-0.107-0.076-0.174
c0-0.004-0.001-0.01-0.002-0.017c-0.003-0.005-0.003-0.012-0.003-0.017c-0.001,0-0.002-0.001-0.002-0.001v-0.005
c-0.002-0.006-0.003-0.014-0.005-0.021c0-0.008,0-0.014,0-0.02c0-0.053,0.012-0.105,0.034-0.155
c0.022-0.049,0.054-0.093,0.095-0.129c0.029-0.027,0.06-0.048,0.096-0.061c0.035-0.013,0.07-0.021,0.105-0.023h0.014h0.014
c0.019,0,0.036,0,0.056,0.003c0.02,0.001,0.039,0.005,0.059,0.01c0.024,0.005,0.047,0.011,0.068,0.02
c0.023,0.007,0.046,0.016,0.067,0.025v0.191c-0.002-0.001-0.006-0.003-0.01-0.006c-0.004-0.002-0.007-0.005-0.01-0.005
c-0.019-0.01-0.039-0.02-0.062-0.029c-0.021-0.01-0.045-0.017-0.068-0.022c-0.013-0.004-0.025-0.006-0.039-0.008
c-0.013-0.003-0.026-0.005-0.039-0.005h-0.006h-0.007c-0.029,0.003-0.058,0.01-0.085,0.025c-0.027,0.014-0.05,0.038-0.065,0.071
c-0.004,0.009-0.009,0.019-0.013,0.03c-0.003,0.01-0.006,0.021-0.007,0.033c0,0.005,0,0.011-0.001,0.017
c-0.002,0.005-0.002,0.012-0.002,0.018s0,0.011,0.002,0.018c0.001,0.006,0.001,0.011,0.001,0.016
c0.001,0.012,0.004,0.022,0.007,0.034c0.004,0.011,0.009,0.021,0.013,0.03c0.023,0.045,0.053,0.084,0.089,0.117
c0.037,0.032,0.074,0.064,0.113,0.097c0.043,0.035,0.086,0.07,0.125,0.109c0.04,0.037,0.071,0.083,0.092,0.137
c0.007,0.013,0.011,0.028,0.015,0.045c0.003,0.017,0.005,0.033,0.006,0.049c0,0.009,0.001,0.018,0.001,0.024
c0.001,0.009,0.001,0.018,0.001,0.026c0,0.008,0,0.018-0.001,0.026c0,0.01-0.001,0.02-0.004,0.03
c-0.002,0.023-0.007,0.049-0.013,0.073c-0.007,0.024-0.017,0.048-0.025,0.067c-0.032,0.065-0.077,0.112-0.136,0.138
c-0.058,0.028-0.119,0.042-0.184,0.042c-0.012,0-0.025-0.001-0.039-0.004c-0.014,0-0.028-0.002-0.043-0.003
c-0.029-0.003-0.062-0.011-0.091-0.02c-0.031-0.011-0.059-0.022-0.085-0.036v-0.197C64.381,60.553,64.387,60.557,64.392,60.56"/>
</g>
<rect x="57" y="64" opacity="0.2" width="9" height="2"/>
<rect x="57" y="68" opacity="0.2" width="14" height="2"/>
<rect x="57" y="72" opacity="0.2" width="7" height="2"/>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="46.811" y1="45.5" x2="46.811" y2="28.5415">
<stop offset="0" style="stop-color:#FFFFFF"/>
<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
</linearGradient>
<path fill="url(#SVGID_1_)" d="M54,45c0-0.229,0.032-0.451,0.081-0.667l-13.663-15.62c-0.183-0.209-0.499-0.229-0.706-0.047
c-0.208,0.182-0.229,0.497-0.047,0.705l13.958,15.958C53.719,45.438,53.856,45.5,54,45.5V45z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="67.2305" y1="45.5" x2="67.2305" y2="28.501">
<stop offset="0" style="stop-color:#FFFFFF"/>
<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
</linearGradient>
<path fill="url(#SVGID_2_)" d="M74.372,28.625c-0.207-0.182-0.524-0.161-0.706,0.046L59.919,44.334C59.969,44.549,60,44.771,60,45
v0.5c0.144,0,0.281-0.062,0.376-0.17l14.042-15.999C74.6,29.123,74.579,28.808,74.372,28.625z"/>
</g>
<path opacity="0.75" fill="#FFFFFF" d="M57,156.167l-25,12.5v16.667v13.332C32,200.5,33.5,202,35.333,202H57h21.667
C80.5,202,82,200.5,82,198.666v-13.332v-16.667L57,156.167z M57,179.304l-21.273-10.637L57,158.03l21.272,10.637L57,179.304z"/>
<g opacity="0.2">
<path opacity="0.75" d="M78.667,202H57H35.334C33.5,202,32,200.5,32,198.666v2C32,202.5,33.5,204,35.334,204H57h21.667
C80.5,204,82,202.5,82,200.666v-2C82,200.5,80.5,202,78.667,202z"/>
<polygon opacity="0.75" points="35.863,168.735 37.727,169.667 57,160.03 76.272,169.667 78.137,168.734 57,158.167 "/>
</g>
<path opacity="0.05" enable-background="new " d="M57,156.167v1.863l21.272,10.637L57,179.304V202h21.667
C80.5,202,82,200.5,82,198.666v-13.332v-16.667L57,156.167z"/>
<polygon fill="#FFFFFF" points="43,150.182 43,159.348 43,161.211 43,169.152 57.001,175.818 71,169.152 71,161.211 71,159.348
71,150.182 "/>
<g>
<rect x="46" y="153" fill="#DD7A4F" width="10" height="2"/>
<rect x="46" y="157" fill="#DD7A4F" width="16" height="2"/>
<rect x="46" y="161" fill="#DD7A4F" width="8" height="2"/>
<rect x="46" y="165" fill="#DD7A4F" width="10" height="2"/>
</g>
<path opacity="0.75" fill="#FFFFFF" d="M57,271c7.701,0,14.524,3.808,18.701,9.636l3.253-2.323C74.051,271.471,66.04,267,57,267
s-17.051,4.471-21.954,11.312l3.253,2.323C42.476,274.808,49.299,271,57,271z"/>
<path opacity="0.5" fill="#FFFFFF" d="M33,295.977V294c0-5.198,1.667-10.011,4.486-13.945l-1.627-1.161
C32.805,283.154,31,288.369,31,294v2.905C31.584,296.461,32.257,296.129,33,295.977z"/>
<path opacity="0.5" fill="#FFFFFF" d="M81,295.977c0.743,0.152,1.415,0.484,2,0.929V294c0-5.631-1.805-10.846-4.859-15.106
l-1.626,1.161C79.334,283.989,81,288.802,81,294V295.977z"/>
<path opacity="0.5" fill="#FFFFFF" d="M85,300.875v12c1.65,0,3-1.012,3-2.25v-7.5C88,301.887,86.65,300.875,85,300.875z"/>
<path opacity="0.75" fill="#FFFFFF" d="M80,295.875h-3v22h3c2.75,0,5-2.25,5-5v-12C85,298.125,82.75,295.875,80,295.875z"/>
<path opacity="0.5" fill="#FFFFFF" d="M26,303.125v7.5c0,1.238,1.35,2.25,3,2.25v-12C27.35,300.875,26,301.887,26,303.125z"/>
<path opacity="0.75" fill="#FFFFFF" d="M37,295.875h-3c-2.75,0-5,2.25-5,5v12c0,2.75,2.25,5,5,5h3V295.875z"/>
<rect x="35" y="294.875" fill="#DD7A4F" width="2" height="24"/>
<rect x="77" y="294.875" fill="#DD7A4F" width="2" height="24"/>
<g opacity="0.2">
<path d="M75.701,282.636l0.813-0.581c2.815,3.929,4.479,8.732,4.484,13.922H81V294c0-5.198-1.666-10.011-4.485-13.945l-0.813,0.581
C71.524,274.808,64.701,271,57,271s-14.524,3.808-18.701,9.636l-0.812-0.58C34.666,283.989,33,288.802,33,294v1.977h0.001
c0.005-5.189,1.669-9.993,4.485-13.921l0.812,0.58C42.476,276.808,49.299,273,57,273S71.524,276.808,75.701,282.636z"/>
<path d="M80,317.875h-1v1h-2v1v1h2v-1h1c0.342,0,0.677-0.035,1-0.102v-2C80.677,317.84,80.342,317.875,80,317.875z"/>
<path d="M35,317.875h-1c-2.75,0-5-2.25-5-5c-1.65,0-3-1.012-3-2.25v2c0,1.238,1.35,2.25,3,2.25c0,2.75,2.25,5,5,5h1v1h2v-1v-1h-2
V317.875z"/>
<path d="M85,312.875c0,1.621-0.794,3.055-2,3.97v2c1.206-0.915,2-2.349,2-3.97c1.65,0,3-1.012,3-2.25v-2
C88,311.863,86.65,312.875,85,312.875z"/>
<path d="M78.604,328.939C78.409,328.979,78.207,329,78,329H60.721c-0.349,0.594-0.986,1-1.721,1h-4c-0.734,0-1.372-0.406-1.721-1
c-0.173,0.296-0.279,0.635-0.279,1c0,1.1,0.9,2,2,2h4c0.734,0,1.372-0.406,1.721-1H78c2.757,0,5-2.243,5-5v-2
C83,326.55,81.073,328.637,78.604,328.939z"/>
</g>
<path opacity="0.5" fill="#FFFFFF" d="M81,312.875V324c0,1.654-1.346,3-3,3H57v2h21c2.757,0,5-2.243,5-5v-11.125H81z"/>
<path fill="#DD7A4F" d="M61,328c0,1.1-0.9,2-2,2h-4c-1.1,0-2-0.9-2-2l0,0c0-1.1,0.9-2,2-2h4C60.1,326,61,326.9,61,328L61,328z"/>
<polygon opacity="0.75" fill="#FFFFFF" points="79,397 79,441 51,441 51,445 53.667,445 62.89,445 79,445 83,445 83,441 83,397 "/>
<path opacity="0.75" fill="#FFFFFF" d="M59.917,389H53H37c-3.3,0-6,2.7-6,6v44c0,3.3,2.7,6,6,6h4v-4h-3c-1.65,0-3-1.35-3-3
s1.35-3,3-3h37v-46H59.917z"/>
<polygon fill="#DD7A4F" points="43,437 43,452 46,450 49,452 49,437 "/>
<g>
<polygon opacity="0.08" enable-background="new " points="79,397 79,441 51,441 51,445 53.666,445 62.89,445 79,445 83,445
83,441 83,397 "/>
<path opacity="0.08" enable-background="new " d="M39,441h-1c-1.65,0-3-1.35-3-3s1.35-3,3-3h1v-46h-2c-3.3,0-6,2.7-6,6v44
c0,3.3,2.7,6,6,6h2h2v-4H39z"/>
</g>
<g opacity="0.2">
<polygon points="62.89,445 53.666,445 51,445 51,447 53.666,447 62.89,447 79,447 83,447 83,445 79,445 "/>
<g>
<path d="M31,439v2c0,3.3,2.7,6,6,6h4v-2h-4C33.7,445,31,442.3,31,439z"/>
<path d="M35,438c0,0.352,0.072,0.686,0.186,1c0.415-1.16,1.517-2,2.814-2h37v-2H38C36.35,435,35,436.35,35,438z"/>
</g>
<polygon points="43,452 43,454 46,452 49,454 49,452 46,450 "/>
</g>
<g opacity="0.2">
<rect x="55" y="413" width="10" height="2"/>
<rect x="55" y="417" width="16" height="2"/>
<rect x="55" y="421" width="8" height="2"/>
<rect x="55" y="425" width="10" height="2"/>
<rect x="55" y="429" width="12" height="2"/>
</g>
<polygon opacity="0.5" fill="#FFFFFF" points="77,515 77,550.1 89.953,518.83 61.391,507 58.076,515 "/>
<polygon opacity="0.5" fill="#FFFFFF" points="37,559 37,529.186 23.953,534.591 37.099,566.326 54.787,559 "/>
<polygon opacity="0.08" enable-background="new " points="37,559 37,531.975 27.319,535.984 37.178,559.787 39.078,559 "/>
<g opacity="0.2">
<polygon points="29.563,537.106 29.892,537.901 30.877,540.281 31.672,539.952 30.686,537.571 33.065,536.586 32.737,535.792
30.357,536.777 "/>
<polygon points="37.13,554.421 36.793,554.562 37.13,555.375 "/>
<polygon points="84.343,520.544 84.014,521.339 83.028,523.719 82.234,523.39 83.221,521.009 80.841,520.023 81.17,519.23
83.55,520.216 "/>
<polygon points="63.603,514.514 64.18,513.123 66.56,514.108 66.888,513.314 64.509,512.329 63.714,512 63.385,512.794
62.672,514.514 "/>
</g>
<path fill="#FFFFFF" d="M80.497,562.47c0-0.012-0.001-0.024-0.001-0.037c-0.026,0.015-0.052,0.028-0.078,0.043
C80.445,562.473,80.471,562.472,80.497,562.47z"/>
<path fill="#FFFFFF" d="M33.512,562.47c0.026,0.002,0.052,0.003,0.078,0.006c-0.026-0.015-0.052-0.028-0.077-0.043
C33.513,562.445,33.513,562.458,33.512,562.47z"/>
<g opacity="0.08" enable-background="new ">
<polygon enable-background="new " points="77,516.253 77,543.37 86.587,520.225 "/>
<polygon enable-background="new " points="73.976,515 62.784,510.365 60.864,515 "/>
</g>
<rect x="37" y="515" opacity="0.75" fill="#FFFFFF" width="40" height="44"/>
<rect x="37" y="559" opacity="0.2" width="40" height="2"/>
<rect x="40" y="518" opacity="0.08" enable-background="new " width="34" height="34"/>
<path fill="#DD7A4F" d="M58,529c1.814,0,3.275,1.423,3.327,3.24l0.042,1.479l1.428,0.393C64.094,534.469,65,535.656,65,537
c0,1.654-1.346,3-3,3H52c-1.654,0-3-1.346-3-3s1.346-3,3-3c0.112,0,0.243,0.011,0.412,0.033l2.153,0.293l0.113-2.17
C54.771,530.387,56.23,529,58,529 M58,527c-2.85,0-5.172,2.238-5.319,5.052C52.458,532.021,52.232,532,52,532c-2.762,0-5,2.238-5,5
s2.238,5,5,5h10c2.762,0,5-2.238,5-5c0-2.302-1.558-4.235-3.674-4.816C63.245,529.307,60.895,527,58,527L58,527z"/>
<g opacity="0.2">
<polygon points="71,549 68,549 68,550 71,550 72,550 72,549 72,546 71,546 "/>
<polygon points="71,520 68,520 68,521 71,521 71,524 72,524 72,521 72,520 "/>
<polygon points="43,546 42,546 42,549 42,550 43,550 46,550 46,549 43,549 "/>
<polygon points="42,520 42,521 42,524 43,524 43,521 46,521 46,520 43,520 "/>
</g>
<path opacity="0.75" fill="#FFFFFF" d="M82,645H61v-13c0-1.65-1.35-3-3-3H32c-1.65,0-3,1.35-3,3v34c0,1.65,1.35,3,3,3h21v13
c0,1.65,1.35,3,3,3h26c1.65,0,3-1.35,3-3v-34C85,646.35,83.65,645,82,645z"/>
<g opacity="0.2">
<rect x="56" y="648" width="10" height="2"/>
<rect x="56" y="652" width="16" height="2"/>
<rect x="56" y="656" width="8" height="2"/>
<rect x="56" y="660" width="10" height="2"/>
<rect x="56" y="664" width="12" height="2"/>
<rect x="56" y="668" width="10" height="2"/>
<rect x="56" y="672" width="16" height="2"/>
<rect x="56" y="676" width="8" height="2"/>
<rect x="56" y="680" width="10" height="2"/>
</g>
<g opacity="0.2">
<rect x="32" y="632" width="10" height="2"/>
<rect x="32" y="636" width="16" height="2"/>
<rect x="32" y="640" width="8" height="2"/>
<rect x="32" y="644" width="10" height="2"/>
<rect x="32" y="648" width="12" height="2"/>
<rect x="32" y="652" width="10" height="2"/>
<rect x="32" y="656" width="16" height="2"/>
<rect x="32" y="660" width="8" height="2"/>
<rect x="32" y="664" width="10" height="2"/>
</g>
<path opacity="0.2" d="M77.435,676.606l-8.485-8.485c-0.389-0.389-1.025-0.389-1.414,0l-1.379-1.379
c3.995-4.715,3.777-11.78-0.671-16.229c-4.685-4.685-12.284-4.685-16.971,0.002s-4.686,12.285,0,16.97
c4.447,4.448,11.513,4.666,16.228,0.671l1.379,1.379c-0.389,0.389-0.389,1.025,0,1.414l8.485,8.485c0.389,0.389,1.025,0.389,1.414,0
l1.414-1.414C77.823,677.632,77.824,676.995,77.435,676.606z M50.211,665.789c-3.742-3.743-3.742-9.834,0-13.577
c3.743-3.743,9.835-3.743,13.578,0c3.742,3.743,3.742,9.834,0,13.577C60.046,669.532,53.954,669.532,50.211,665.789z"/>
<circle fill="#FFFFFF" cx="57" cy="657" r="11.4"/>
<g>
<polygon fill="#DD7A4F" points="51,652 51,648 50,648 50,649 49,649 49,650 50,650 50,652 49,652 49,653 50,653 51,653 52,653
52,652 "/>
<g>
<rect x="53" y="649" fill="#DD7A4F" width="1" height="3"/>
<rect x="56" y="649" fill="#DD7A4F" width="1" height="3"/>
<rect x="54" y="648" fill="#DD7A4F" width="2" height="1"/>
<rect x="54" y="652" fill="#DD7A4F" width="2" height="1"/>
</g>
<polygon fill="#DD7A4F" points="60,652 60,648 59,648 59,649 58,649 58,650 59,650 59,652 58,652 58,653 59,653 60,653 61,653
61,652 "/>
<g>
<rect x="62" y="649" fill="#DD7A4F" width="1" height="3"/>
<rect x="65" y="649" fill="#DD7A4F" width="1" height="3"/>
<rect x="63" y="648" fill="#DD7A4F" width="2" height="1"/>
<rect x="63" y="652" fill="#DD7A4F" width="2" height="1"/>
</g>
<polygon fill="#DD7A4F" points="49,658 49,654 48,654 48,655 47,655 47,656 48,656 48,658 47,658 47,659 48,659 49,659 50,659
50,658 "/>
<g>
<rect x="51" y="655" fill="#DD7A4F" width="1" height="3"/>
<rect x="54" y="655" fill="#DD7A4F" width="1" height="3"/>
<rect x="52" y="654" fill="#DD7A4F" width="2" height="1"/>
<rect x="52" y="658" fill="#DD7A4F" width="2" height="1"/>
</g>
<polygon fill="#DD7A4F" points="58,658 58,654 57,654 57,655 56,655 56,656 57,656 57,658 56,658 56,659 57,659 58,659 59,659
59,658 "/>
<polygon fill="#DD7A4F" points="67,658 67,654 66,654 66,655 65,655 65,656 66,656 66,658 65,658 65,659 66,659 67,659 68,659
68,658 "/>
<g>
<rect x="60" y="655" fill="#DD7A4F" width="1" height="3"/>
<rect x="63" y="655" fill="#DD7A4F" width="1" height="3"/>
<rect x="61" y="654" fill="#DD7A4F" width="2" height="1"/>
<rect x="61" y="658" fill="#DD7A4F" width="2" height="1"/>
</g>
<polygon fill="#DD7A4F" points="51,664 51,660 50,660 50,661 49,661 49,662 50,662 50,664 49,664 49,665 50,665 51,665 52,665
52,664 "/>
<g>
<rect x="53" y="661" fill="#DD7A4F" width="1" height="3"/>
<rect x="56" y="661" fill="#DD7A4F" width="1" height="3"/>
<rect x="54" y="660" fill="#DD7A4F" width="2" height="1"/>
<rect x="54" y="664" fill="#DD7A4F" width="2" height="1"/>
</g>
<polygon fill="#DD7A4F" points="60,664 60,660 59,660 59,661 58,661 58,662 59,662 59,664 58,664 58,665 59,665 60,665 61,665
61,664 "/>
<g>
<rect x="62" y="661" fill="#DD7A4F" width="1" height="3"/>
<rect x="65" y="661" fill="#DD7A4F" width="1" height="3"/>
<rect x="63" y="660" fill="#DD7A4F" width="2" height="1"/>
<rect x="63" y="664" fill="#DD7A4F" width="2" height="1"/>
</g>
</g>
<path fill="#7B94A5" d="M77.435,674.606l-8.485-8.485c-0.389-0.389-1.025-0.389-1.414,0l-1.379-1.379
c3.995-4.715,3.777-11.78-0.671-16.229c-4.685-4.685-12.285-4.685-16.971,0.002c-4.687,4.687-4.686,12.285,0,16.97
c4.447,4.448,11.513,4.666,16.228,0.671l1.379,1.379c-0.389,0.389-0.389,1.025,0,1.414l8.485,8.485c0.389,0.389,1.025,0.389,1.414,0
l1.414-1.414C77.823,675.632,77.824,674.995,77.435,674.606z M50.211,663.789c-3.743-3.743-3.743-9.834,0-13.577
c3.743-3.743,9.834-3.743,13.578,0c3.742,3.743,3.742,9.834,0,13.577C60.046,667.532,53.954,667.532,50.211,663.789z"/>
<g opacity="0.2">
<path d="M82,685H56c-1.65,0-3-1.35-3-3v2c0,1.65,1.35,3,3,3h26c1.65,0,3-1.35,3-3v-2C85,683.65,83.65,685,82,685z"/>
<path d="M53,669H32c-1.65,0-3-1.35-3-3v2c0,1.65,1.35,3,3,3h21V669z"/>
</g>
<path fill="#FFFFFF" d="M62.797,534.112l-1.428-0.393l-0.042-1.479C61.275,530.423,59.814,529,58,529
c-1.77,0-3.229,1.387-3.322,3.156l-0.113,2.17l-2.152-0.293C52.243,534.011,52.112,534,52,534c-1.654,0-3,1.346-3,3s1.346,3,3,3h10
c1.654,0,3-1.346,3-3C65,535.656,64.094,534.469,62.797,534.112z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
static/img/icons@2x.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB

165
static/img/logos/cisco-logo.svg Normal file
View File

@ -0,0 +1,165 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g id="Layer_3" display="none">
<rect display="inline" fill="#6B2000" width="50" height="50"/>
</g>
<g id="Layer_1_1_" display="none">
<g display="inline" opacity="0.55">
<path fill="#FFFFFF" d="M24.535,11c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.395,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.483,2.36-5.541,4.149-10.152,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.603-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.029
c0.226-4.54,2.003-7.755,4.38-10.141C16.783,12.983,20.041,11.248,24.535,11z M21.595,13.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.01c2.061-0.101,3.846-0.562,5.324-1.311
c2.899-1.463,5.188-3.718,6.451-6.83c0.641-1.572,1.124-3.396,1.02-5.6c-0.195-4.172-1.892-7.002-4.125-9.16
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,12.779,22.493,12.91,21.595,13.152z"/>
<path fill="#FFFFFF" d="M23.62,22.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.018,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.64,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,23.778,22.324,22.936,23.62,22.104z M16.12,24.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,24.453,16.119,24.475,16.12,24.496z"/>
<path fill="#FFFFFF" d="M32.261,22.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,22.504,32.243,22.482,32.261,22.479z"/>
</g>
<g display="inline">
<path fill="#ACACAC" d="M24.535,10c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.395,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.483,2.36-5.541,4.149-10.152,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.603-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.03
c0.226-4.539,2.003-7.757,4.38-10.14C16.783,11.983,20.041,10.248,24.535,10z M21.595,12.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.01c2.061-0.101,3.846-0.562,5.324-1.311
c2.899-1.463,5.188-3.718,6.451-6.83c0.641-1.572,1.124-3.396,1.02-5.598c-0.195-4.174-1.892-7.004-4.125-9.162
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,11.779,22.493,11.91,21.595,12.152z"/>
<path fill="#ACACAC" d="M23.62,21.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.018,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.639,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,22.778,22.324,21.936,23.62,21.104z M16.12,23.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,23.453,16.119,23.475,16.12,23.496z"/>
<path fill="#ACACAC" d="M32.261,21.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,21.504,32.243,21.482,32.261,21.479z"/>
</g>
</g>
<g id="Layer_2" display="none">
<g display="inline" opacity="0.55">
<path fill="#FFFFFF" d="M37.562,16.313l-12.082-5.229C25.35,11.028,25.178,11,25.006,11c-0.005,0-0.011,0-0.016,0
c-0.005,0-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324
l0.025,0.015c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286
c0,0.004,0,0.009,0,0.013c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.117-0.012,0.234-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.032,0-0.063-0.001-0.098c-0.06,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.267l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.436-0.545,0.457-0.828
l1.031-12.678C38.021,16.752,37.823,16.428,37.562,16.313z M24.975,12.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,12.994z
M35.666,29.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.047c0-0.002-0.001-0.003-0.002-0.004
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111s0.325-0.037,0.448-0.11l10.441-6.232l0.726-0.433
L35.666,29.549z"/>
<path fill="#FFFFFF" d="M35.427,19.699l-9.034,5.533c-0.123,0.075-0.224,0.252-0.224,0.395l-0.021,9.268
c0,0.142,0.096,0.188,0.209,0.104l8.426-6.123c0.115-0.084,0.22-0.27,0.229-0.41l0.619-8.645
C35.641,19.679,35.548,19.624,35.427,19.699z"/>
<path fill="#FFFFFF" d="M23.676,25.274L14.642,19.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.667
c0.009,0.142,0.112,0.326,0.229,0.41l8.489,6.209c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,25.527,23.797,25.35,23.676,25.274z"/>
</g>
<g display="inline">
<path fill="#ACACAC" d="M37.562,15.313l-12.082-5.229C25.35,10.028,25.178,10,25.006,10c-0.005,0-0.011,0-0.016,0
c-0.005,0-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324
l0.025,0.015c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286
c0,0.004,0,0.009,0,0.013c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.117-0.012,0.234-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.032,0-0.063-0.001-0.098c-0.06,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.267l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.436-0.545,0.457-0.828
l1.031-12.678C38.021,15.752,37.823,15.428,37.562,15.313z M24.975,11.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,11.994z
M35.666,28.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.047c0-0.002-0.001-0.003-0.002-0.004
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111s0.325-0.037,0.448-0.11l10.441-6.232l0.726-0.433
L35.666,28.549z"/>
<path fill="#ACACAC" d="M35.427,18.699l-9.034,5.533c-0.123,0.075-0.224,0.252-0.224,0.395l-0.021,9.268
c0,0.142,0.096,0.188,0.209,0.104l8.426-6.123c0.115-0.084,0.22-0.27,0.229-0.41l0.619-8.645
C35.641,18.679,35.548,18.624,35.427,18.699z"/>
<path fill="#ACACAC" d="M23.676,24.274L14.642,18.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.667
c0.009,0.142,0.112,0.326,0.229,0.41l8.489,6.209c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,24.527,23.797,24.35,23.676,24.274z"/>
</g>
</g>
<g opacity="0.3">
<rect x="18.484" y="28.602" fill="#FFFFFF" width="1.316" height="5.213"/>
<path fill="#FFFFFF" d="M30.407,30.096c-0.054-0.029-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.394,1.44,1.394c0.618,0,1.052-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.021-2.775-2.7c0-1.557,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V30.096z"/>
<path fill="#FFFFFF" d="M16.677,30.096c-0.053-0.029-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.394,1.441,1.394c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.021-2.775-2.7c0-1.557,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V30.096z"/>
<path fill="#FFFFFF" d="M37.3,31.205c0,1.493-1.149,2.699-2.754,2.699s-2.753-1.206-2.753-2.699c0-1.488,1.148-2.697,2.753-2.697
C36.148,28.508,37.3,29.717,37.3,31.205z M34.546,29.834c-0.78,0-1.36,0.614-1.36,1.371c0,0.76,0.58,1.374,1.36,1.374
c0.779,0,1.358-0.614,1.358-1.374C35.904,30.448,35.325,29.834,34.546,29.834z"/>
<path fill="#FFFFFF" d="M24.79,29.785c-0.02-0.006-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.179-0.816,0.427
c0,0.318,0.387,0.43,0.603,0.499l0.364,0.114c0.854,0.271,1.244,0.855,1.244,1.491c0,1.31-1.152,1.747-2.16,1.747
c-0.701,0-1.355-0.125-1.42-0.141v-1.199c0.117,0.027,0.669,0.191,1.243,0.191c0.653,0,0.956-0.189,0.956-0.484
c0-0.266-0.261-0.418-0.589-0.521c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.522
c0-0.976,0.731-1.632,1.944-1.632c0.641,0,1.244,0.156,1.283,0.166L24.79,29.785L24.79,29.785z"/>
<path fill="#FFFFFF" d="M11.307,22.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V22.998z"/>
<path fill="#FFFFFF" d="M14.894,21.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.202z"/>
<path fill="#FFFFFF" d="M18.482,18.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.359,0.294,0.65,0.656,0.65c0.359,0,0.653-0.291,0.653-0.65V18.745z"/>
<path fill="#FFFFFF" d="M22.067,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M25.652,22.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V22.998z"/>
<path fill="#FFFFFF" d="M29.241,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.357,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.291,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M32.829,18.745c0-0.359-0.292-0.651-0.649-0.651c-0.361,0-0.652,0.292-0.652,0.651v6.923
c0,0.359,0.291,0.65,0.652,0.65c0.357,0,0.649-0.291,0.649-0.65V18.745z"/>
<path fill="#FFFFFF" d="M36.418,21.202c0-0.358-0.291-0.651-0.659-0.651c-0.356,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.293,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V21.202z"/>
<path fill="#FFFFFF" d="M40,22.998c0-0.358-0.291-0.65-0.648-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.357,0,0.648-0.292,0.648-0.654V22.998z"/>
</g>
<g>
<rect x="18.484" y="27.602" fill="#8C8C90" width="1.316" height="5.213"/>
<path fill="#8C8C90" d="M30.407,29.096c-0.054-0.029-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.394,1.44,1.394c0.618,0,1.052-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.021-2.775-2.7c0-1.557,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V29.096z"/>
<path fill="#8C8C90" d="M16.677,29.096c-0.053-0.029-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.394,1.441,1.394c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.021-2.775-2.7c0-1.557,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V29.096z"/>
<path fill="#8C8C90" d="M37.3,30.205c0,1.493-1.149,2.699-2.754,2.699s-2.753-1.206-2.753-2.699c0-1.488,1.148-2.697,2.753-2.697
C36.148,27.508,37.3,28.717,37.3,30.205z M34.546,28.834c-0.78,0-1.36,0.614-1.36,1.371c0,0.76,0.58,1.374,1.36,1.374
c0.779,0,1.358-0.614,1.358-1.374C35.904,29.448,35.325,28.834,34.546,28.834z"/>
<path fill="#8C8C90" d="M24.79,28.785c-0.02-0.006-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.179-0.816,0.427
c0,0.318,0.387,0.43,0.603,0.499l0.364,0.114c0.854,0.271,1.244,0.855,1.244,1.491c0,1.31-1.152,1.747-2.16,1.747
c-0.701,0-1.355-0.125-1.42-0.141v-1.199c0.117,0.027,0.669,0.191,1.243,0.191c0.653,0,0.956-0.189,0.956-0.484
c0-0.266-0.261-0.418-0.589-0.521c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166L24.79,28.785L24.79,28.785z"/>
<path fill="#8C8C90" d="M11.307,21.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.998z"/>
<path fill="#8C8C90" d="M14.894,20.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V20.202z"/>
<path fill="#8C8C90" d="M18.482,17.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V17.745z"/>
<path fill="#8C8C90" d="M22.067,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C90" d="M25.652,21.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V21.998z"/>
<path fill="#8C8C90" d="M29.241,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.357,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.291,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C90" d="M32.829,17.745c0-0.359-0.292-0.651-0.649-0.651c-0.361,0-0.652,0.292-0.652,0.651v6.923
c0,0.36,0.291,0.651,0.652,0.651c0.357,0,0.649-0.291,0.649-0.651V17.745z"/>
<path fill="#8C8C90" d="M36.418,20.202c0-0.358-0.291-0.651-0.659-0.651c-0.356,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.293,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V20.202z"/>
<path fill="#8C8C90" d="M40,21.998c0-0.358-0.291-0.65-0.648-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.357,0,0.648-0.292,0.648-0.654V21.998z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

50
static/img/logos/dell-logo.svg Normal file
View File

@ -0,0 +1,50 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g opacity="0.35">
<path fill="#FFFFFF" d="M24.535,11c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.029
c0.226-4.54,2.003-7.756,4.38-10.141C16.783,12.983,20.041,11.248,24.535,11z M21.595,13.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.599c-0.196-4.173-1.892-7.003-4.125-9.161
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,12.779,22.493,12.91,21.595,13.152z"/>
<path fill="#FFFFFF" d="M23.62,22.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.64,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,23.778,22.324,22.936,23.62,22.104z M16.12,24.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,24.453,16.119,24.475,16.12,24.496z"/>
<path fill="#FFFFFF" d="M32.261,22.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,22.504,32.243,22.482,32.261,22.479z"/>
</g>
<g>
<path fill="#8C8C94" d="M24.535,10c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.03
c0.226-4.539,2.003-7.757,4.38-10.14C16.783,11.983,20.041,10.248,24.535,10z M21.595,12.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.598c-0.196-4.174-1.892-7.004-4.125-9.162
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,11.779,22.493,11.91,21.595,12.152z"/>
<path fill="#8C8C94" d="M23.62,21.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.639,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,22.778,22.324,21.936,23.62,21.104z M16.12,23.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,23.453,16.119,23.475,16.12,23.496z"/>
<path fill="#8C8C94" d="M32.261,21.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,21.504,32.243,21.482,32.261,21.479z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

144
static/img/logos/fuel-logo.svg Normal file
View File

@ -0,0 +1,144 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="125px" height="60px" viewBox="0 0 125 60" enable-background="new 0 0 125 60" xml:space="preserve">
<path d="M22.116,52.275c-0.768,0-1.543-0.047-2.309-0.14l-1.437-4.043c-0.033-0.094-0.11-0.163-0.205-0.188
c-1.285-0.344-2.526-0.857-3.688-1.529c-0.046-0.027-0.099-0.041-0.151-0.041c-0.043,0-0.088,0.01-0.128,0.027l-3.877,1.845
c-1.215-0.952-2.312-2.052-3.266-3.267l1.843-3.877c0.042-0.088,0.038-0.191-0.012-0.278c-0.672-1.16-1.187-2.402-1.53-3.688
c-0.026-0.095-0.096-0.171-0.189-0.205l-4.043-1.438c-0.093-0.764-0.139-1.54-0.139-2.309c0-0.771,0.046-1.547,0.139-2.31
L7.167,29.4c0.093-0.034,0.163-0.11,0.189-0.206c0.343-1.285,0.858-2.526,1.53-3.688c0.05-0.086,0.054-0.19,0.012-0.279
l-1.843-3.876c0.954-1.215,2.051-2.312,3.266-3.266l3.877,1.843c0.041,0.02,0.085,0.029,0.128,0.029c0.052,0,0.104-0.013,0.151-0.04
c1.028-0.595,2.122-1.068,3.254-1.407v9.519l-5.54,12.459c-0.151,0.341-0.121,0.729,0.083,1.045c0.203,0.312,0.547,0.5,0.92,0.5
h17.842c0.373,0,0.717-0.188,0.92-0.5s0.234-0.704,0.083-1.045l-5.54-12.459V18.51c1.133,0.339,2.226,0.812,3.254,1.407
c0.046,0.027,0.098,0.04,0.149,0.04c0.045,0,0.089-0.009,0.129-0.028l3.877-1.843c1.216,0.954,2.313,2.05,3.265,3.266l-1.842,3.876
c-0.043,0.089-0.039,0.193,0.011,0.279c0.672,1.162,1.187,2.403,1.53,3.688c0.025,0.096,0.096,0.172,0.189,0.206l4.043,1.437
c0.092,0.766,0.139,1.542,0.139,2.309c0,0.769-0.047,1.545-0.139,2.311l-4.043,1.438c-0.093,0.033-0.164,0.109-0.189,0.205
c-0.343,1.285-0.857,2.526-1.53,3.688c-0.05,0.086-0.055,0.188-0.011,0.278l1.842,3.877c-0.952,1.216-2.049,2.312-3.265,3.267
l-3.877-1.844c-0.041-0.021-0.084-0.028-0.129-0.028c-0.051,0-0.103,0.016-0.149,0.041c-1.162,0.672-2.402,1.188-3.688,1.528
c-0.095,0.024-0.172,0.098-0.205,0.188l-1.437,4.043C23.659,52.229,22.883,52.275,22.116,52.275z"/>
<circle fill="#C63926" cx="20.494" cy="13.616" r="2.729"/>
<polygon fill="#C63926" points="25.402,28.261 25.402,18.468 18.83,18.468 18.83,28.261 13.195,40.936 31.037,40.936 "/>
<circle fill="#C63926" cx="25.57" cy="10.546" r="1.769"/>
<circle fill="#C63926" cx="21.605" cy="6.316" r="1.316"/>
<g>
<g>
<path d="M47.02,45.236h0.849V44.84c0-0.869,0.125-1.507,0.375-1.896c0.254-0.391,0.682-0.582,1.285-0.582
c0.242,0,0.461,0.014,0.657,0.041c0.195,0.025,0.396,0.089,0.597,0.184l-0.249,0.862c-0.167-0.073-0.323-0.123-0.466-0.146
c-0.145-0.023-0.28-0.037-0.412-0.037c-0.188,0-0.332,0.037-0.432,0.107c-0.104,0.072-0.181,0.193-0.231,0.352
c-0.054,0.16-0.085,0.357-0.099,0.605s-0.021,0.545-0.021,0.902h1.451v0.906h-1.451v6.064h-1.004v-6.064H47.02V45.236z"/>
<path d="M50.912,48.723c0-1.26,0.215-2.177,0.647-2.771c0.431-0.591,1.046-0.888,1.85-0.888c0.854,0,1.485,0.305,1.889,0.912
c0.403,0.599,0.608,1.521,0.608,2.744c0,1.268-0.22,2.188-0.655,2.776c-0.44,0.586-1.054,0.876-1.842,0.876
c-0.857,0-1.486-0.303-1.891-0.905C51.113,50.863,50.912,49.951,50.912,48.723z M51.958,48.723c0,0.408,0.026,0.779,0.075,1.113
c0.054,0.338,0.136,0.624,0.254,0.866c0.114,0.239,0.265,0.431,0.452,0.562c0.186,0.139,0.408,0.207,0.67,0.207
c0.479,0,0.844-0.219,1.087-0.647c0.242-0.435,0.361-1.13,0.361-2.101c0-0.402-0.024-0.769-0.078-1.111
c-0.05-0.338-0.132-0.627-0.25-0.869c-0.115-0.238-0.266-0.426-0.452-0.565c-0.189-0.132-0.408-0.196-0.669-0.196
c-0.475,0-0.833,0.219-1.083,0.65C52.078,47.066,51.958,47.764,51.958,48.723z"/>
<path d="M57.172,45.236h0.71l0.18,0.74h0.044c0.129-0.271,0.301-0.482,0.51-0.642c0.206-0.147,0.459-0.228,0.758-0.228
c0.214,0,0.454,0.041,0.724,0.127l-0.196,1.013c-0.241-0.082-0.455-0.124-0.64-0.124c-0.299,0-0.538,0.091-0.726,0.26
c-0.184,0.176-0.306,0.4-0.362,0.693v5.131h-1.003L57.172,45.236L57.172,45.236z"/>
<path d="M63.729,47.326c0-1.654,0.266-2.91,0.793-3.764c0.53-0.854,1.338-1.285,2.431-1.285c0.586,0,1.084,0.117,1.489,0.354
c0.41,0.239,0.74,0.577,0.996,1.013c0.256,0.439,0.442,0.971,0.565,1.592c0.119,0.621,0.183,1.318,0.183,2.09
c0,1.656-0.269,2.914-0.804,3.77c-0.534,0.854-1.347,1.279-2.432,1.279c-0.578,0-1.069-0.116-1.481-0.355
c-0.408-0.233-0.74-0.574-1.003-1.006c-0.26-0.44-0.448-0.972-0.563-1.595C63.782,48.801,63.729,48.094,63.729,47.326z
M64.829,47.326c0,0.55,0.037,1.068,0.119,1.561c0.077,0.496,0.198,0.93,0.37,1.301c0.162,0.371,0.387,0.668,0.654,0.893
c0.271,0.229,0.592,0.335,0.978,0.335c0.696,0,1.226-0.335,1.59-1.003c0.358-0.676,0.544-1.701,0.544-3.084
c0-0.541-0.043-1.059-0.121-1.549s-0.201-0.928-0.367-1.305c-0.17-0.375-0.388-0.678-0.656-0.896
c-0.271-0.228-0.601-0.339-0.987-0.339c-0.688,0-1.218,0.339-1.576,1.003C65.012,44.916,64.829,45.939,64.829,47.326z"/>
<path d="M71.589,45.236h0.708l0.159,0.748h0.052c0.35-0.61,0.889-0.92,1.621-0.92c0.734,0,1.284,0.273,1.65,0.826
c0.371,0.549,0.554,1.442,0.554,2.689c0,0.59-0.063,1.111-0.183,1.584c-0.118,0.472-0.291,0.865-0.521,1.195
c-0.219,0.33-0.491,0.586-0.813,0.758c-0.317,0.168-0.674,0.256-1.064,0.256c-0.27,0-0.484-0.018-0.643-0.046
c-0.158-0.032-0.33-0.104-0.519-0.202V55h-1.004L71.589,45.236L71.589,45.236z M72.593,51.104c0.13,0.115,0.276,0.203,0.441,0.271
c0.161,0.062,0.379,0.099,0.647,0.099c0.491,0,0.881-0.25,1.17-0.756c0.287-0.499,0.432-1.213,0.432-2.144
c0-0.396-0.021-0.75-0.075-1.068c-0.052-0.312-0.132-0.586-0.24-0.812c-0.116-0.229-0.254-0.399-0.43-0.527
c-0.171-0.128-0.386-0.188-0.634-0.188c-0.68,0-1.114,0.407-1.312,1.237L72.593,51.104L72.593,51.104z"/>
<path d="M81.82,51.734c-0.223,0.201-0.508,0.358-0.853,0.475c-0.342,0.107-0.702,0.166-1.087,0.166
c-0.438,0-0.816-0.088-1.135-0.256c-0.322-0.17-0.587-0.418-0.796-0.739c-0.211-0.321-0.364-0.706-0.464-1.151
c-0.098-0.443-0.143-0.949-0.143-1.506c0-1.188,0.219-2.094,0.653-2.722c0.438-0.618,1.054-0.937,1.853-0.937
c0.266,0,0.52,0.033,0.776,0.1c0.256,0.064,0.485,0.197,0.69,0.389c0.203,0.201,0.367,0.473,0.496,0.824
C81.938,46.73,82,47.189,82,47.759c0,0.158-0.003,0.332-0.02,0.513c-0.017,0.18-0.031,0.367-0.049,0.562h-3.543
c0,0.4,0.028,0.766,0.096,1.09c0.064,0.321,0.17,0.6,0.31,0.826c0.138,0.229,0.317,0.408,0.535,0.531
c0.22,0.123,0.489,0.189,0.817,0.189c0.252,0,0.498-0.051,0.744-0.142c0.246-0.093,0.438-0.202,0.562-0.334L81.82,51.734z
M81.04,48c0.021-0.703-0.08-1.215-0.29-1.537c-0.216-0.324-0.508-0.486-0.88-0.486c-0.433,0-0.771,0.162-1.021,0.486
c-0.252,0.322-0.397,0.834-0.447,1.537H81.04z"/>
<path d="M86.822,52.209v-4.25c0-0.703-0.077-1.206-0.242-1.52c-0.162-0.312-0.452-0.463-0.87-0.463
c-0.373,0-0.683,0.105-0.922,0.33c-0.242,0.228-0.421,0.5-0.526,0.823v5.077h-1.01v-6.973h0.727l0.186,0.738h0.039
c0.179-0.252,0.418-0.467,0.719-0.644c0.301-0.179,0.663-0.269,1.079-0.269c0.3,0,0.562,0.045,0.79,0.127
c0.229,0.086,0.416,0.224,0.57,0.426c0.154,0.201,0.271,0.467,0.354,0.806c0.075,0.335,0.114,0.757,0.114,1.263v4.523h-1.006
L86.822,52.209L86.822,52.209z"/>
<path d="M89.326,50.91c0.174,0.123,0.427,0.234,0.744,0.342c0.322,0.107,0.685,0.161,1.095,0.161c0.519,0,0.944-0.124,1.271-0.38
c0.326-0.26,0.489-0.655,0.489-1.215c0-0.357-0.096-0.672-0.28-0.943c-0.188-0.27-0.42-0.518-0.694-0.748
c-0.283-0.223-0.583-0.449-0.901-0.664c-0.32-0.223-0.619-0.463-0.898-0.73c-0.276-0.26-0.51-0.563-0.696-0.912
c-0.188-0.348-0.278-0.76-0.278-1.24c0-0.781,0.234-1.355,0.703-1.732c0.467-0.382,1.082-0.566,1.834-0.566
c0.464,0,0.879,0.047,1.24,0.129c0.363,0.082,0.656,0.189,0.881,0.318l-0.339,0.92c-0.164-0.104-0.403-0.194-0.716-0.281
c-0.312-0.077-0.672-0.123-1.08-0.123c-0.502,0-0.875,0.123-1.117,0.371c-0.239,0.244-0.359,0.557-0.359,0.929
c0,0.326,0.092,0.61,0.276,0.862c0.187,0.252,0.421,0.488,0.698,0.711s0.578,0.449,0.9,0.677c0.316,0.228,0.616,0.483,0.896,0.759
c0.282,0.281,0.514,0.6,0.696,0.949c0.188,0.352,0.281,0.768,0.281,1.256c0,0.816-0.242,1.457-0.728,1.924
c-0.481,0.467-1.169,0.697-2.05,0.697c-0.56,0-1.014-0.05-1.375-0.152c-0.354-0.101-0.643-0.22-0.855-0.348L89.326,50.91z"/>
<path d="M94.396,45.236h0.851v-1.381l1.005-0.318v1.699h1.505v0.906h-1.505v4.153c0,0.408,0.049,0.706,0.146,0.886
c0.096,0.182,0.256,0.271,0.479,0.271c0.185,0,0.347-0.021,0.479-0.062c0.138-0.041,0.281-0.101,0.438-0.16l0.195,0.797
c-0.202,0.099-0.433,0.181-0.679,0.246c-0.244,0.06-0.502,0.084-0.771,0.084c-0.466,0-0.803-0.149-1.003-0.451
c-0.196-0.301-0.298-0.793-0.298-1.473v-4.293h-0.851v-0.904H94.396z"/>
<path d="M98.975,45.654c0.269-0.168,0.594-0.297,0.981-0.394c0.387-0.095,0.796-0.141,1.222-0.141
c0.391,0,0.702,0.062,0.943,0.174c0.234,0.119,0.42,0.28,0.555,0.476c0.135,0.203,0.225,0.43,0.268,0.683
c0.043,0.259,0.062,0.526,0.062,0.804c0,0.559-0.01,1.104-0.032,1.631c-0.027,0.532-0.037,1.036-0.037,1.512
c0,0.353,0.01,0.682,0.037,0.981c0.022,0.302,0.068,0.586,0.131,0.854h-0.783l-0.246-0.821h-0.057
c-0.139,0.243-0.338,0.454-0.605,0.631c-0.268,0.179-0.627,0.261-1.081,0.261c-0.498,0-0.905-0.174-1.224-0.521
c-0.321-0.351-0.479-0.829-0.479-1.444c0-0.4,0.063-0.734,0.199-1.003c0.133-0.272,0.323-0.491,0.565-0.657
c0.248-0.164,0.537-0.287,0.871-0.354c0.336-0.07,0.717-0.104,1.129-0.104c0.092,0,0.187,0,0.274,0
c0.095,0,0.19,0.004,0.289,0.008c0.03-0.283,0.044-0.545,0.044-0.769c0-0.526-0.076-0.899-0.236-1.108
c-0.154-0.215-0.438-0.322-0.855-0.322c-0.256,0-0.54,0.041-0.842,0.119c-0.303,0.074-0.56,0.179-0.756,0.303L98.975,45.654z
M101.971,49.031c-0.093-0.014-0.181-0.021-0.272-0.025c-0.093-0.004-0.183-0.009-0.275-0.009c-0.222,0-0.438,0.021-0.646,0.06
c-0.215,0.037-0.399,0.104-0.566,0.198c-0.163,0.095-0.295,0.214-0.391,0.371c-0.098,0.161-0.146,0.362-0.146,0.603
c0,0.367,0.091,0.66,0.267,0.867c0.182,0.197,0.414,0.307,0.697,0.307c0.387,0,0.686-0.096,0.893-0.28
c0.216-0.187,0.361-0.39,0.443-0.608v-1.48h-0.004V49.031z"/>
<path d="M108.369,51.857c-0.23,0.174-0.496,0.311-0.793,0.394c-0.299,0.083-0.611,0.124-0.939,0.124
c-0.441,0-0.818-0.088-1.125-0.256c-0.309-0.17-0.556-0.418-0.748-0.739c-0.19-0.321-0.332-0.71-0.418-1.155
c-0.09-0.455-0.135-0.959-0.135-1.502c0-1.188,0.213-2.094,0.639-2.722c0.422-0.618,1.027-0.937,1.818-0.937
c0.363,0,0.676,0.033,0.932,0.1c0.26,0.064,0.486,0.15,0.672,0.251l-0.278,0.879c-0.371-0.213-0.776-0.317-1.211-0.317
c-0.503,0-0.886,0.219-1.14,0.662c-0.254,0.439-0.386,1.139-0.386,2.084c0,0.385,0.031,0.738,0.085,1.072
c0.059,0.34,0.146,0.623,0.28,0.871c0.128,0.251,0.296,0.445,0.499,0.586c0.209,0.148,0.463,0.219,0.77,0.219
c0.243,0,0.469-0.041,0.676-0.125c0.211-0.082,0.382-0.186,0.514-0.291L108.369,51.857z"/>
<path d="M110.957,49.072h-0.529v3.137h-1.006v-9.762h1.006v5.943l0.459-0.203l1.631-2.951h1.157l-1.646,2.815l-0.485,0.444
l0.571,0.542l1.799,3.169h-1.201L110.957,49.072z"/>
</g>
<g>
<path d="M114.463,43.748c0-0.206,0.034-0.389,0.104-0.548c0.067-0.153,0.158-0.286,0.275-0.397
c0.116-0.111,0.249-0.188,0.407-0.246c0.149-0.056,0.313-0.084,0.485-0.084c0.179,0,0.348,0.028,0.504,0.084
c0.152,0.058,0.289,0.135,0.404,0.246c0.111,0.111,0.203,0.244,0.271,0.397c0.062,0.159,0.1,0.342,0.1,0.548
c0,0.202-0.035,0.393-0.104,0.549c-0.07,0.157-0.163,0.293-0.278,0.4c-0.115,0.111-0.248,0.188-0.4,0.246
c-0.154,0.055-0.32,0.084-0.496,0.084c-0.178,0-0.351-0.029-0.498-0.084c-0.155-0.058-0.287-0.135-0.4-0.246
c-0.113-0.107-0.209-0.243-0.273-0.4C114.497,44.141,114.463,43.95,114.463,43.748z M114.77,43.748
c0,0.165,0.027,0.312,0.076,0.434c0.055,0.123,0.123,0.23,0.209,0.312c0.09,0.084,0.191,0.146,0.307,0.189
c0.115,0.037,0.242,0.06,0.373,0.06c0.144,0,0.271-0.021,0.391-0.06c0.117-0.045,0.221-0.105,0.307-0.187
c0.086-0.083,0.154-0.188,0.201-0.312c0.053-0.123,0.073-0.271,0.073-0.439c0-0.166-0.022-0.307-0.075-0.436
c-0.05-0.119-0.122-0.224-0.208-0.305c-0.088-0.087-0.188-0.148-0.312-0.189c-0.116-0.039-0.24-0.059-0.377-0.059
s-0.268,0.02-0.389,0.059c-0.115,0.041-0.217,0.104-0.304,0.189c-0.088,0.081-0.155,0.186-0.2,0.305
C114.793,43.441,114.77,43.582,114.77,43.748z M115.238,43.125c0.052-0.014,0.125-0.023,0.221-0.037
c0.096-0.009,0.18-0.014,0.266-0.014c0.131,0,0.246,0.029,0.346,0.082c0.097,0.059,0.146,0.158,0.146,0.294
c0,0.104-0.032,0.183-0.096,0.235c-0.065,0.058-0.147,0.086-0.247,0.096l0.137,0.062l0.354,0.531h-0.293l-0.342-0.503
l-0.236-0.075v0.578h-0.249v-1.25L115.238,43.125L115.238,43.125z M115.669,43.294c-0.036,0-0.065,0-0.101,0
c-0.033,0-0.062,0.013-0.08,0.021v0.345h0.168c0.195,0,0.291-0.063,0.291-0.194C115.947,43.348,115.854,43.294,115.669,43.294z"/>
</g>
</g>
<g>
<path fill="#C63926" d="M59.333,18.143c0.725,0.117,1.146,0.539,1.264,1.264v1.528c-0.118,0.783-0.549,1.195-1.293,1.233h-6.996
c-0.392,0.039-0.607,0.256-0.646,0.647v3.791c0.039,0.392,0.254,0.598,0.646,0.617h4.438c0.724,0.098,1.126,0.499,1.205,1.204
v1.587c-0.078,0.765-0.49,1.157-1.234,1.175h-4.409c-0.392,0.059-0.607,0.285-0.646,0.676v3.263v3.819
c-0.059,0.746-0.461,1.158-1.206,1.236h-1.498c-0.706-0.039-1.098-0.402-1.176-1.088V35.13v-0.382V20.759v-1.382
c0.02-0.685,0.363-1.097,1.028-1.234H59.333z"/>
<path fill="#C63926" d="M76.867,18.172c0.646,0.118,1.046,0.501,1.203,1.147v14.842c-0.059,1.077-0.354,2.086-0.881,3.026
c-1.313,2.117-3.174,3.174-5.586,3.174c-2.408,0-4.271-1.057-5.582-3.174c-0.549-0.94-0.824-1.949-0.824-3.026V19.319
c0.099-0.666,0.49-1.048,1.178-1.147h1.527c0.744,0.118,1.146,0.54,1.205,1.264c0,4.918,0.011,9.826,0.029,14.725
c0.059,1.508,0.859,2.291,2.407,2.351c1.606,0,2.46-0.772,2.56-2.322c0-4.896,0.01-9.814,0.027-14.751
c0.061-0.725,0.46-1.146,1.206-1.264L76.867,18.172L76.867,18.172z"/>
<path fill="#C63926" d="M87.713,22.169c-0.372,0.059-0.576,0.264-0.615,0.618v3.967c0.06,0.353,0.264,0.549,0.615,0.588h4.438
c0.746,0.059,1.158,0.462,1.236,1.206v1.528c-0.078,0.765-0.5,1.167-1.266,1.205h-4.408c-0.354,0.039-0.559,0.234-0.615,0.587
v3.763c0.039,0.393,0.243,0.598,0.615,0.617h7.084c0.704,0.1,1.126,0.509,1.264,1.232v1.528c-0.138,0.744-0.578,1.138-1.321,1.177
H84.393c-0.726-0.021-1.117-0.401-1.177-1.146v-1.381v-16.9v-1.352c0.021-0.686,0.373-1.107,1.06-1.264h10.521
c0.704,0.137,1.126,0.559,1.264,1.264v1.557c-0.138,0.745-0.578,1.145-1.322,1.205L87.713,22.169L87.713,22.169z"/>
<path fill="#C63926" d="M112.656,40.186h-10.521c-0.686-0.098-1.059-0.5-1.117-1.205v-1.32V19.32c0.1-0.686,0.5-1.068,1.205-1.147
h1.528c0.763,0.079,1.175,0.49,1.233,1.235v3.908V35.6c0.039,0.373,0.246,0.58,0.617,0.619h7.022
c0.728,0.077,1.146,0.487,1.265,1.231v1.528C113.773,39.725,113.361,40.125,112.656,40.186z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

216
static/img/logos/hp-logo.svg Normal file
View File

@ -0,0 +1,216 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px"
height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g id="Layer_3" display="none">
<rect display="inline" fill="#6B2000" width="50" height="50"/>
</g>
<g id="Layer_1" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M24.535,11c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.029
c0.226-4.54,2.003-7.756,4.38-10.141C16.783,12.983,20.041,11.248,24.535,11z M21.595,13.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.599c-0.196-4.173-1.892-7.003-4.125-9.161
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,12.779,22.493,12.91,21.595,13.152z"/>
<path fill="#FFFFFF" d="M23.62,22.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.64,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,23.778,22.324,22.936,23.62,22.104z M16.12,24.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,24.453,16.119,24.475,16.12,24.496z"/>
<path fill="#FFFFFF" d="M32.261,22.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,22.504,32.243,22.482,32.261,22.479z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M24.535,10c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.03
c0.226-4.539,2.003-7.757,4.38-10.14C16.783,11.983,20.041,10.248,24.535,10z M21.595,12.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.598c-0.196-4.174-1.892-7.004-4.125-9.162
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,11.779,22.493,11.91,21.595,12.152z"/>
<path fill="#8C8C94" d="M23.62,21.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.639,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,22.778,22.324,21.936,23.62,21.104z M16.12,23.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,23.453,16.119,23.475,16.12,23.496z"/>
<path fill="#8C8C94" d="M32.261,21.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,21.504,32.243,21.482,32.261,21.479z"/>
</g>
</g>
<g id="Layer_2" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M37.562,16.313l-12.081-5.229C25.35,11.028,25.178,11,25.006,11c-0.005,0-0.011,0-0.016,0
s-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324l0.025,0.015
c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286c0,0.004,0,0.009,0,0.013
c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.118-0.012,0.235-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.033,0-0.064-0.001-0.098c-0.059,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.266l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.435-0.545,0.457-0.828
l1.031-12.678C38.021,16.752,37.823,16.428,37.562,16.313z M24.975,12.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,12.994z
M35.666,29.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.048c0-0.001-0.001-0.002-0.002-0.003
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111c0.163,0,0.325-0.037,0.448-0.11l10.441-6.232
l0.725-0.433L35.666,29.549z"/>
<path fill="#FFFFFF" d="M35.427,19.699l-9.035,5.533c-0.122,0.075-0.223,0.252-0.223,0.395l-0.021,9.267
c0,0.142,0.096,0.188,0.21,0.104l8.425-6.123c0.116-0.084,0.22-0.269,0.229-0.41l0.619-8.645
C35.641,19.679,35.548,19.624,35.427,19.699z"/>
<path fill="#FFFFFF" d="M23.676,25.274L14.642,19.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.666
c0.009,0.142,0.112,0.326,0.229,0.411l8.489,6.208c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,25.527,23.797,25.35,23.676,25.274z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M37.562,15.313l-12.081-5.229C25.35,10.028,25.178,10,25.006,10c-0.005,0-0.011,0-0.016,0
s-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324l0.025,0.015
c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286c0,0.004,0,0.009,0,0.013
c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.118-0.012,0.235-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.033,0-0.064-0.001-0.098c-0.059,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.266l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.435-0.545,0.457-0.828
l1.031-12.678C38.021,15.752,37.823,15.428,37.562,15.313z M24.975,11.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,11.994z
M35.666,28.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.048c0-0.001-0.001-0.002-0.002-0.003
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111c0.163,0,0.325-0.037,0.448-0.11l10.441-6.232
l0.725-0.433L35.666,28.549z"/>
<path fill="#8C8C94" d="M35.427,18.699l-9.035,5.533c-0.122,0.075-0.223,0.252-0.223,0.395l-0.021,9.267
c0,0.142,0.096,0.188,0.21,0.104l8.425-6.123c0.116-0.084,0.22-0.269,0.229-0.41l0.619-8.645
C35.641,18.679,35.548,18.624,35.427,18.699z"/>
<path fill="#8C8C94" d="M23.676,24.274L14.642,18.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.666
c0.009,0.142,0.112,0.326,0.229,0.411l8.489,6.208c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,24.527,23.797,24.35,23.676,24.274z"/>
</g>
</g>
<g id="Layer_4" display="none">
<g display="inline" opacity="0.35">
<rect x="18.484" y="28.602" fill="#FFFFFF" width="1.316" height="5.213"/>
<path fill="#FFFFFF" d="M30.407,30.095c-0.054-0.028-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.393,1.44,1.393c0.618,0,1.051-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.02-2.775-2.7c0-1.556,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V30.095z"/>
<path fill="#FFFFFF" d="M16.677,30.095c-0.053-0.028-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.393,1.441,1.393c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.02-2.775-2.7c0-1.556,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V30.095z"/>
<path fill="#FFFFFF" d="M37.3,31.205c0,1.493-1.15,2.7-2.754,2.7c-1.604,0-2.753-1.207-2.753-2.7c0-1.488,1.148-2.697,2.753-2.697
C36.149,28.508,37.3,29.717,37.3,31.205z M34.546,29.834c-0.781,0-1.361,0.614-1.361,1.371c0,0.76,0.58,1.374,1.361,1.374
c0.779,0,1.359-0.614,1.359-1.374C35.905,30.448,35.325,29.834,34.546,29.834z"/>
<path fill="#FFFFFF" d="M24.79,29.785c-0.02-0.005-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.178-0.816,0.427
c0,0.318,0.387,0.429,0.603,0.499l0.364,0.114c0.854,0.272,1.244,0.855,1.244,1.491c0,1.31-1.152,1.748-2.16,1.748
c-0.701,0-1.355-0.126-1.42-0.141v-1.2c0.117,0.028,0.669,0.192,1.243,0.192c0.653,0,0.956-0.189,0.956-0.485
c0-0.265-0.261-0.417-0.589-0.52c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166V29.785z"/>
<path fill="#FFFFFF" d="M11.307,22.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V22.998z"/>
<path fill="#FFFFFF" d="M14.894,21.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.202z"/>
<path fill="#FFFFFF" d="M18.482,18.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V18.745z"/>
<path fill="#FFFFFF" d="M22.067,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M25.652,22.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V22.998z"/>
<path fill="#FFFFFF" d="M29.241,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.29,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M32.829,18.745c0-0.359-0.292-0.651-0.65-0.651c-0.36,0-0.651,0.292-0.651,0.651v6.923
c0,0.36,0.291,0.651,0.651,0.651c0.358,0,0.65-0.291,0.65-0.651V18.745z"/>
<path fill="#FFFFFF" d="M36.418,21.202c0-0.358-0.291-0.651-0.659-0.651c-0.357,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.292,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V21.202z"/>
<path fill="#FFFFFF" d="M40,22.998c0-0.358-0.291-0.65-0.649-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.358,0,0.649-0.292,0.649-0.654V22.998z"/>
</g>
<g display="inline">
<rect x="18.484" y="27.602" fill="#8C8C94" width="1.316" height="5.213"/>
<path fill="#8C8C94" d="M30.407,29.095c-0.054-0.028-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.393,1.44,1.393c0.618,0,1.051-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.02-2.775-2.7c0-1.556,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V29.095z"/>
<path fill="#8C8C94" d="M16.677,29.095c-0.053-0.028-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.393,1.441,1.393c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.02-2.775-2.7c0-1.556,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V29.095z"/>
<path fill="#8C8C94" d="M37.3,30.205c0,1.493-1.15,2.7-2.754,2.7c-1.604,0-2.753-1.207-2.753-2.7c0-1.488,1.148-2.697,2.753-2.697
C36.149,27.508,37.3,28.717,37.3,30.205z M34.546,28.834c-0.781,0-1.361,0.614-1.361,1.371c0,0.76,0.58,1.374,1.361,1.374
c0.779,0,1.359-0.614,1.359-1.374C35.905,29.448,35.325,28.834,34.546,28.834z"/>
<path fill="#8C8C94" d="M24.79,28.785c-0.02-0.005-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.178-0.816,0.427
c0,0.318,0.387,0.429,0.603,0.499l0.364,0.114c0.854,0.272,1.244,0.855,1.244,1.491c0,1.31-1.152,1.748-2.16,1.748
c-0.701,0-1.355-0.126-1.42-0.141v-1.2c0.117,0.028,0.669,0.192,1.243,0.192c0.653,0,0.956-0.189,0.956-0.485
c0-0.265-0.261-0.417-0.589-0.52c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166V28.785z"/>
<path fill="#8C8C94" d="M11.307,21.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.998z"/>
<path fill="#8C8C94" d="M14.894,20.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V20.202z"/>
<path fill="#8C8C94" d="M18.482,17.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V17.745z"/>
<path fill="#8C8C94" d="M22.067,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C94" d="M25.652,21.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V21.998z"/>
<path fill="#8C8C94" d="M29.241,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.29,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C94" d="M32.829,17.745c0-0.359-0.292-0.651-0.65-0.651c-0.36,0-0.651,0.292-0.651,0.651v6.923
c0,0.36,0.291,0.651,0.651,0.651c0.358,0,0.65-0.291,0.65-0.651V17.745z"/>
<path fill="#8C8C94" d="M36.418,20.202c0-0.358-0.291-0.651-0.659-0.651c-0.357,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.292,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V20.202z"/>
<path fill="#8C8C94" d="M40,21.998c0-0.358-0.291-0.65-0.649-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.358,0,0.649-0.292,0.649-0.654V21.998z"/>
</g>
</g>
<g id="Layer_5" display="none">
<path display="inline" opacity="0.35" fill="#FFFFFF" d="M13.146,20.878c-0.378-0.826-1.31-1.201-2.18-0.812
c-0.873,0.385-1.193,1.352-0.8,2.18l3.655,7.944c0.576,1.242,1.182,1.9,2.317,1.9c1.215,0,1.745-0.714,2.318-1.9
c0,0,3.188-6.94,3.22-7.014c0.033-0.073,0.134-0.297,0.457-0.294c0.275,0.001,0.507,0.219,0.507,0.512v6.79
c0,1.048,0.582,1.906,1.697,1.906c1.116,0,1.72-0.858,1.72-1.906v-5.555c0-1.07,0.765-1.765,1.812-1.765
c1.047,0,1.741,0.719,1.741,1.765v5.555c0,1.048,0.581,1.906,1.696,1.906s1.722-0.858,1.722-1.906v-5.555
c0-1.07,0.766-1.765,1.812-1.765c1.046,0,1.742,0.719,1.742,1.765v5.555c0,1.048,0.58,1.906,1.697,1.906
c1.114,0,1.72-0.858,1.72-1.906v-6.322c0-2.324-1.869-3.951-4.113-3.951c-2.246,0-3.652,1.553-3.652,1.553
c-0.75-0.968-1.78-1.551-3.522-1.551c-1.839,0-3.449,1.551-3.449,1.551c-0.749-0.968-2.021-1.551-3.076-1.551
c-1.628,0-2.924,0.716-3.715,2.524l-2.333,5.499L13.146,20.878z"/>
<path display="inline" fill="#8C8C94" d="M13.146,19.878c-0.378-0.826-1.31-1.201-2.18-0.812c-0.873,0.385-1.193,1.352-0.8,2.18
l3.655,7.944c0.576,1.242,1.182,1.9,2.317,1.9c1.215,0,1.745-0.714,2.318-1.9c0,0,3.188-6.94,3.22-7.014
c0.033-0.073,0.134-0.297,0.457-0.294c0.275,0.001,0.507,0.219,0.507,0.512v6.79c0,1.048,0.582,1.906,1.697,1.906
c1.116,0,1.72-0.858,1.72-1.906v-5.555c0-1.07,0.765-1.765,1.812-1.765c1.047,0,1.741,0.719,1.741,1.765v5.555
c0,1.048,0.581,1.906,1.696,1.906s1.722-0.858,1.722-1.906v-5.555c0-1.07,0.766-1.765,1.812-1.765c1.046,0,1.742,0.719,1.742,1.765
v5.555c0,1.048,0.58,1.906,1.697,1.906c1.114,0,1.72-0.858,1.72-1.906v-6.322c0-2.324-1.869-3.951-4.113-3.951
c-2.246,0-3.652,1.553-3.652,1.553c-0.75-0.968-1.78-1.551-3.522-1.551c-1.839,0-3.449,1.551-3.449,1.551
c-0.749-0.968-2.021-1.551-3.076-1.551c-1.628,0-2.924,0.716-3.715,2.524l-2.333,5.499L13.146,19.878z"/>
</g>
<g id="Layer_6">
<g opacity="0.35">
<path fill="#FFFFFF" d="M24.999,12c-0.446,0-0.889,0.022-1.326,0.063l-2.538,7.166c-0.061,0.17,0.039,0.312,0.222,0.312h1.314
c0.184,0,0.54,0.007,1.228,0.007c0.689,0,2.193,0.859,1.669,2.589c-0.526,1.729-3.391,9.603-3.391,9.603
c-0.062,0.17-0.262,0.311-0.446,0.311h-2.77c-0.184,0-0.286-0.142-0.224-0.312l3.222-9.062l0.347-0.984
c0,0,0.071-0.422-0.393-0.422l-1.14-0.001c-0.185,0-0.384,0.141-0.445,0.31l-3.632,10.159c-0.06,0.171-0.261,0.31-0.443,0.31
l-2.655-0.002c-0.184,0-0.283-0.141-0.224-0.312l6.621-18.812C14.735,14.936,11,20.031,11,26c0,6.564,4.518,12.072,10.615,13.587
l3.082-8.841L28.513,19.8l0,0l0.108-0.312l5.439,0.003c1.636,0.002,3.331,0.871,2.453,3.245l-0.11,0.31
c0,0.002,0,0.002-0.002,0.002l-0.998,2.802l-1.409,3.948c-0.468,1.33-0.877,2.257-3.335,2.256h-0.33c-0.001,0-0.003,0-0.003,0
l-1.203-0.001l-1.206-0.001c-0.184,0-0.382,0.139-0.441,0.309l-1.631,4.668l-1.039,2.969C24.871,39.998,24.934,40,24.999,40
C32.732,40,39,33.732,39,26C39,18.268,32.732,12,24.999,12z"/>
<path fill="#FFFFFF" d="M29.656,30.317h0.01c0.585,0,0.88-0.638,0.937-0.984c0.06-0.349,2.521-7.238,2.521-7.238
c0.174-0.462-0.043-0.649-0.043-0.649c-0.139-0.12-0.4-0.218-0.586-0.218l-0.396,0h-0.397c-0.184,0-0.383,0.14-0.442,0.311
l-2.959,8.465c-0.06,0.171,0.041,0.312,0.225,0.312L29.656,30.317z"/>
</g>
<g>
<path fill="#8C8C94" d="M24.999,11c-0.446,0-0.889,0.022-1.326,0.063l-2.538,7.166c-0.061,0.17,0.039,0.312,0.222,0.312h1.314
c0.184,0,0.54,0.007,1.228,0.007c0.689,0,2.193,0.859,1.669,2.589c-0.526,1.729-3.391,9.603-3.391,9.603
c-0.062,0.17-0.262,0.311-0.446,0.311h-2.77c-0.184,0-0.286-0.142-0.224-0.312l3.222-9.062l0.347-0.984
c0,0,0.071-0.422-0.393-0.422l-1.14-0.001c-0.185,0-0.384,0.141-0.445,0.31l-3.632,10.159c-0.06,0.171-0.261,0.31-0.443,0.31
l-2.655-0.002c-0.184,0-0.283-0.141-0.224-0.312l6.621-18.812C14.735,13.936,11,19.031,11,25c0,6.564,4.518,12.072,10.615,13.587
l3.082-8.841L28.513,18.8l0,0l0.108-0.312l5.439,0.003c1.636,0.002,3.331,0.871,2.453,3.245l-0.11,0.31
c0,0.002,0,0.002-0.002,0.002l-0.998,2.802l-1.409,3.948c-0.468,1.33-0.877,2.257-3.335,2.256h-0.33c-0.001,0-0.003,0-0.003,0
l-1.203-0.001l-1.206-0.001c-0.184,0-0.382,0.139-0.441,0.309l-1.631,4.668l-1.039,2.969C24.871,38.998,24.934,39,24.999,39
C32.732,39,39,32.732,39,25C39,17.268,32.732,11,24.999,11z"/>
<path fill="#8C8C94" d="M29.656,29.317h0.01c0.585,0,0.88-0.638,0.937-0.984c0.06-0.349,2.521-7.238,2.521-7.238
c0.174-0.462-0.043-0.649-0.043-0.649c-0.139-0.12-0.4-0.218-0.586-0.218l-0.396,0h-0.397c-0.184,0-0.383,0.14-0.442,0.311
l-2.959,8.465c-0.06,0.171,0.041,0.312,0.225,0.312L29.656,29.317z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

416
static/img/logos/kvm-logo.svg Normal file
View File

@ -0,0 +1,416 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px"
height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g id="Layer_3" display="none">
<rect display="inline" fill="#6B2000" width="50" height="50"/>
</g>
<g id="Layer_1" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M24.535,11c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.029
c0.226-4.54,2.003-7.756,4.38-10.141C16.783,12.983,20.041,11.248,24.535,11z M21.595,13.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.599c-0.196-4.173-1.892-7.003-4.125-9.161
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,12.779,22.493,12.91,21.595,13.152z"/>
<path fill="#FFFFFF" d="M23.62,22.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.64,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,23.778,22.324,22.936,23.62,22.104z M16.12,24.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,24.453,16.119,24.475,16.12,24.496z"/>
<path fill="#FFFFFF" d="M32.261,22.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,22.504,32.243,22.482,32.261,22.479z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M24.535,10c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.03
c0.226-4.539,2.003-7.757,4.38-10.14C16.783,11.983,20.041,10.248,24.535,10z M21.595,12.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.598c-0.196-4.174-1.892-7.004-4.125-9.162
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,11.779,22.493,11.91,21.595,12.152z"/>
<path fill="#8C8C94" d="M23.62,21.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.639,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,22.778,22.324,21.936,23.62,21.104z M16.12,23.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,23.453,16.119,23.475,16.12,23.496z"/>
<path fill="#8C8C94" d="M32.261,21.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,21.504,32.243,21.482,32.261,21.479z"/>
</g>
</g>
<g id="Layer_2" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M37.562,16.313l-12.081-5.229C25.35,11.028,25.178,11,25.006,11c-0.005,0-0.011,0-0.016,0
s-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324l0.025,0.015
c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286c0,0.004,0,0.009,0,0.013
c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.118-0.012,0.235-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.033,0-0.064-0.001-0.098c-0.059,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.266l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.435-0.545,0.457-0.828
l1.031-12.678C38.021,16.752,37.823,16.428,37.562,16.313z M24.975,12.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,12.994z
M35.666,29.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.048c0-0.001-0.001-0.002-0.002-0.003
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111c0.163,0,0.325-0.037,0.448-0.11l10.441-6.232
l0.725-0.433L35.666,29.549z"/>
<path fill="#FFFFFF" d="M35.427,19.699l-9.035,5.533c-0.122,0.075-0.223,0.252-0.223,0.395l-0.021,9.267
c0,0.142,0.096,0.188,0.21,0.104l8.425-6.123c0.116-0.084,0.22-0.269,0.229-0.41l0.619-8.645
C35.641,19.679,35.548,19.624,35.427,19.699z"/>
<path fill="#FFFFFF" d="M23.676,25.274L14.642,19.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.666
c0.009,0.142,0.112,0.326,0.229,0.411l8.489,6.208c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,25.527,23.797,25.35,23.676,25.274z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M37.562,15.313l-12.081-5.229C25.35,10.028,25.178,10,25.006,10c-0.005,0-0.011,0-0.016,0
s-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324l0.025,0.015
c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286c0,0.004,0,0.009,0,0.013
c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.118-0.012,0.235-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.033,0-0.064-0.001-0.098c-0.059,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.266l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.435-0.545,0.457-0.828
l1.031-12.678C38.021,15.752,37.823,15.428,37.562,15.313z M24.975,11.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,11.994z
M35.666,28.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.048c0-0.001-0.001-0.002-0.002-0.003
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111c0.163,0,0.325-0.037,0.448-0.11l10.441-6.232
l0.725-0.433L35.666,28.549z"/>
<path fill="#8C8C94" d="M35.427,18.699l-9.035,5.533c-0.122,0.075-0.223,0.252-0.223,0.395l-0.021,9.267
c0,0.142,0.096,0.188,0.21,0.104l8.425-6.123c0.116-0.084,0.22-0.269,0.229-0.41l0.619-8.645
C35.641,18.679,35.548,18.624,35.427,18.699z"/>
<path fill="#8C8C94" d="M23.676,24.274L14.642,18.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.666
c0.009,0.142,0.112,0.326,0.229,0.411l8.489,6.208c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,24.527,23.797,24.35,23.676,24.274z"/>
</g>
</g>
<g id="Layer_4" display="none">
<g display="inline" opacity="0.35">
<rect x="18.484" y="28.602" fill="#FFFFFF" width="1.316" height="5.213"/>
<path fill="#FFFFFF" d="M30.407,30.095c-0.054-0.028-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.393,1.44,1.393c0.618,0,1.051-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.02-2.775-2.7c0-1.556,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V30.095z"/>
<path fill="#FFFFFF" d="M16.677,30.095c-0.053-0.028-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.393,1.441,1.393c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.02-2.775-2.7c0-1.556,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V30.095z"/>
<path fill="#FFFFFF" d="M37.3,31.205c0,1.493-1.15,2.7-2.754,2.7c-1.604,0-2.753-1.207-2.753-2.7c0-1.488,1.148-2.697,2.753-2.697
C36.149,28.508,37.3,29.717,37.3,31.205z M34.546,29.834c-0.781,0-1.361,0.614-1.361,1.371c0,0.76,0.58,1.374,1.361,1.374
c0.779,0,1.359-0.614,1.359-1.374C35.905,30.448,35.325,29.834,34.546,29.834z"/>
<path fill="#FFFFFF" d="M24.79,29.785c-0.02-0.005-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.178-0.816,0.427
c0,0.318,0.387,0.429,0.603,0.499l0.364,0.114c0.854,0.272,1.244,0.855,1.244,1.491c0,1.31-1.152,1.748-2.16,1.748
c-0.701,0-1.355-0.126-1.42-0.141v-1.2c0.117,0.028,0.669,0.192,1.243,0.192c0.653,0,0.956-0.189,0.956-0.485
c0-0.265-0.261-0.417-0.589-0.52c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166V29.785z"/>
<path fill="#FFFFFF" d="M11.307,22.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V22.998z"/>
<path fill="#FFFFFF" d="M14.894,21.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.202z"/>
<path fill="#FFFFFF" d="M18.482,18.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V18.745z"/>
<path fill="#FFFFFF" d="M22.067,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M25.652,22.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V22.998z"/>
<path fill="#FFFFFF" d="M29.241,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.29,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M32.829,18.745c0-0.359-0.292-0.651-0.65-0.651c-0.36,0-0.651,0.292-0.651,0.651v6.923
c0,0.36,0.291,0.651,0.651,0.651c0.358,0,0.65-0.291,0.65-0.651V18.745z"/>
<path fill="#FFFFFF" d="M36.418,21.202c0-0.358-0.291-0.651-0.659-0.651c-0.357,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.292,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V21.202z"/>
<path fill="#FFFFFF" d="M40,22.998c0-0.358-0.291-0.65-0.649-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.358,0,0.649-0.292,0.649-0.654V22.998z"/>
</g>
<g display="inline">
<rect x="18.484" y="27.602" fill="#8C8C94" width="1.316" height="5.213"/>
<path fill="#8C8C94" d="M30.407,29.095c-0.054-0.028-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.393,1.44,1.393c0.618,0,1.051-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.02-2.775-2.7c0-1.556,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V29.095z"/>
<path fill="#8C8C94" d="M16.677,29.095c-0.053-0.028-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.393,1.441,1.393c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.02-2.775-2.7c0-1.556,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V29.095z"/>
<path fill="#8C8C94" d="M37.3,30.205c0,1.493-1.15,2.7-2.754,2.7c-1.604,0-2.753-1.207-2.753-2.7c0-1.488,1.148-2.697,2.753-2.697
C36.149,27.508,37.3,28.717,37.3,30.205z M34.546,28.834c-0.781,0-1.361,0.614-1.361,1.371c0,0.76,0.58,1.374,1.361,1.374
c0.779,0,1.359-0.614,1.359-1.374C35.905,29.448,35.325,28.834,34.546,28.834z"/>
<path fill="#8C8C94" d="M24.79,28.785c-0.02-0.005-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.178-0.816,0.427
c0,0.318,0.387,0.429,0.603,0.499l0.364,0.114c0.854,0.272,1.244,0.855,1.244,1.491c0,1.31-1.152,1.748-2.16,1.748
c-0.701,0-1.355-0.126-1.42-0.141v-1.2c0.117,0.028,0.669,0.192,1.243,0.192c0.653,0,0.956-0.189,0.956-0.485
c0-0.265-0.261-0.417-0.589-0.52c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166V28.785z"/>
<path fill="#8C8C94" d="M11.307,21.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.998z"/>
<path fill="#8C8C94" d="M14.894,20.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V20.202z"/>
<path fill="#8C8C94" d="M18.482,17.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V17.745z"/>
<path fill="#8C8C94" d="M22.067,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C94" d="M25.652,21.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V21.998z"/>
<path fill="#8C8C94" d="M29.241,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.29,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C94" d="M32.829,17.745c0-0.359-0.292-0.651-0.65-0.651c-0.36,0-0.651,0.292-0.651,0.651v6.923
c0,0.36,0.291,0.651,0.651,0.651c0.358,0,0.65-0.291,0.65-0.651V17.745z"/>
<path fill="#8C8C94" d="M36.418,20.202c0-0.358-0.291-0.651-0.659-0.651c-0.357,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.292,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V20.202z"/>
<path fill="#8C8C94" d="M40,21.998c0-0.358-0.291-0.65-0.649-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.358,0,0.649-0.292,0.649-0.654V21.998z"/>
</g>
</g>
<g id="Layer_5" display="none">
<path display="inline" opacity="0.35" fill="#FFFFFF" d="M13.146,20.878c-0.378-0.826-1.31-1.201-2.18-0.812
c-0.873,0.385-1.193,1.352-0.8,2.18l3.655,7.944c0.576,1.242,1.182,1.9,2.317,1.9c1.215,0,1.745-0.714,2.318-1.9
c0,0,3.188-6.94,3.22-7.014c0.033-0.073,0.134-0.297,0.457-0.294c0.275,0.001,0.507,0.219,0.507,0.512v6.79
c0,1.048,0.582,1.906,1.697,1.906c1.116,0,1.72-0.858,1.72-1.906v-5.555c0-1.07,0.765-1.765,1.812-1.765
c1.047,0,1.741,0.719,1.741,1.765v5.555c0,1.048,0.581,1.906,1.696,1.906s1.722-0.858,1.722-1.906v-5.555
c0-1.07,0.766-1.765,1.812-1.765c1.046,0,1.742,0.719,1.742,1.765v5.555c0,1.048,0.58,1.906,1.697,1.906
c1.114,0,1.72-0.858,1.72-1.906v-6.322c0-2.324-1.869-3.951-4.113-3.951c-2.246,0-3.652,1.553-3.652,1.553
c-0.75-0.968-1.78-1.551-3.522-1.551c-1.839,0-3.449,1.551-3.449,1.551c-0.749-0.968-2.021-1.551-3.076-1.551
c-1.628,0-2.924,0.716-3.715,2.524l-2.333,5.499L13.146,20.878z"/>
<path display="inline" fill="#8C8C94" d="M13.146,19.878c-0.378-0.826-1.31-1.201-2.18-0.812c-0.873,0.385-1.193,1.352-0.8,2.18
l3.655,7.944c0.576,1.242,1.182,1.9,2.317,1.9c1.215,0,1.745-0.714,2.318-1.9c0,0,3.188-6.94,3.22-7.014
c0.033-0.073,0.134-0.297,0.457-0.294c0.275,0.001,0.507,0.219,0.507,0.512v6.79c0,1.048,0.582,1.906,1.697,1.906
c1.116,0,1.72-0.858,1.72-1.906v-5.555c0-1.07,0.765-1.765,1.812-1.765c1.047,0,1.741,0.719,1.741,1.765v5.555
c0,1.048,0.581,1.906,1.696,1.906s1.722-0.858,1.722-1.906v-5.555c0-1.07,0.766-1.765,1.812-1.765c1.046,0,1.742,0.719,1.742,1.765
v5.555c0,1.048,0.58,1.906,1.697,1.906c1.114,0,1.72-0.858,1.72-1.906v-6.322c0-2.324-1.869-3.951-4.113-3.951
c-2.246,0-3.652,1.553-3.652,1.553c-0.75-0.968-1.78-1.551-3.522-1.551c-1.839,0-3.449,1.551-3.449,1.551
c-0.749-0.968-2.021-1.551-3.076-1.551c-1.628,0-2.924,0.716-3.715,2.524l-2.333,5.499L13.146,19.878z"/>
</g>
<g id="Layer_6" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M24.999,12c-0.446,0-0.889,0.022-1.326,0.063l-2.538,7.166c-0.061,0.17,0.039,0.312,0.222,0.312h1.314
c0.184,0,0.54,0.007,1.228,0.007c0.689,0,2.193,0.859,1.669,2.589c-0.526,1.729-3.391,9.603-3.391,9.603
c-0.062,0.17-0.262,0.311-0.446,0.311h-2.77c-0.184,0-0.286-0.142-0.224-0.312l3.222-9.062l0.347-0.984
c0,0,0.071-0.422-0.393-0.422l-1.14-0.001c-0.185,0-0.384,0.141-0.445,0.31l-3.632,10.159c-0.06,0.171-0.261,0.31-0.443,0.31
l-2.655-0.002c-0.184,0-0.283-0.141-0.224-0.312l6.621-18.812C14.735,14.936,11,20.031,11,26c0,6.564,4.518,12.072,10.615,13.587
l3.082-8.841L28.513,19.8l0,0l0.108-0.312l5.439,0.003c1.636,0.002,3.331,0.871,2.453,3.245l-0.11,0.31
c0,0.002,0,0.002-0.002,0.002l-0.998,2.802l-1.409,3.948c-0.468,1.33-0.877,2.257-3.335,2.256h-0.33c-0.001,0-0.003,0-0.003,0
l-1.203-0.001l-1.206-0.001c-0.184,0-0.382,0.139-0.441,0.309l-1.631,4.668l-1.039,2.969C24.871,39.998,24.934,40,24.999,40
C32.732,40,39,33.732,39,26C39,18.268,32.732,12,24.999,12z"/>
<path fill="#FFFFFF" d="M29.656,30.317h0.01c0.585,0,0.88-0.638,0.937-0.984c0.06-0.349,2.521-7.238,2.521-7.238
c0.174-0.462-0.043-0.649-0.043-0.649c-0.139-0.12-0.4-0.218-0.586-0.218l-0.396,0h-0.397c-0.184,0-0.383,0.14-0.442,0.311
l-2.959,8.465c-0.06,0.171,0.041,0.312,0.225,0.312L29.656,30.317z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M24.999,11c-0.446,0-0.889,0.022-1.326,0.063l-2.538,7.166c-0.061,0.17,0.039,0.312,0.222,0.312h1.314
c0.184,0,0.54,0.007,1.228,0.007c0.689,0,2.193,0.859,1.669,2.589c-0.526,1.729-3.391,9.603-3.391,9.603
c-0.062,0.17-0.262,0.311-0.446,0.311h-2.77c-0.184,0-0.286-0.142-0.224-0.312l3.222-9.062l0.347-0.984
c0,0,0.071-0.422-0.393-0.422l-1.14-0.001c-0.185,0-0.384,0.141-0.445,0.31l-3.632,10.159c-0.06,0.171-0.261,0.31-0.443,0.31
l-2.655-0.002c-0.184,0-0.283-0.141-0.224-0.312l6.621-18.812C14.735,13.936,11,19.031,11,25c0,6.564,4.518,12.072,10.615,13.587
l3.082-8.841L28.513,18.8l0,0l0.108-0.312l5.439,0.003c1.636,0.002,3.331,0.871,2.453,3.245l-0.11,0.31
c0,0.002,0,0.002-0.002,0.002l-0.998,2.802l-1.409,3.948c-0.468,1.33-0.877,2.257-3.335,2.256h-0.33c-0.001,0-0.003,0-0.003,0
l-1.203-0.001l-1.206-0.001c-0.184,0-0.382,0.139-0.441,0.309l-1.631,4.668l-1.039,2.969C24.871,38.998,24.934,39,24.999,39
C32.732,39,39,32.732,39,25C39,17.268,32.732,11,24.999,11z"/>
<path fill="#8C8C94" d="M29.656,29.317h0.01c0.585,0,0.88-0.638,0.937-0.984c0.06-0.349,2.521-7.238,2.521-7.238
c0.174-0.462-0.043-0.649-0.043-0.649c-0.139-0.12-0.4-0.218-0.586-0.218l-0.396,0h-0.397c-0.184,0-0.383,0.14-0.442,0.311
l-2.959,8.465c-0.06,0.171,0.041,0.312,0.225,0.312L29.656,29.317z"/>
</g>
</g>
<g id="Layer_7" display="none">
<g display="inline" opacity="0.35">
<g>
<path fill="#FFFFFF" d="M17.232,34.131c-2.171,0-4.213-0.847-5.749-2.382C9.947,30.213,9.102,28.171,9.102,26
c0-2.171,0.846-4.213,2.381-5.749c1.536-1.536,3.578-2.381,5.749-2.381s4.213,0.845,5.749,2.381
c1.536,1.536,2.381,3.578,2.381,5.749c0,2.171-0.846,4.213-2.381,5.749C21.445,33.284,19.403,34.131,17.232,34.131z
M17.232,18.569c-1.984,0-3.851,0.773-5.255,2.177C10.574,22.15,9.801,24.016,9.801,26c0,1.985,0.773,3.851,2.176,5.256
c1.404,1.402,3.271,2.176,5.255,2.176c1.985,0,3.852-0.773,5.255-2.176c1.403-1.405,2.175-3.271,2.175-5.256
c0-1.986-0.772-3.85-2.175-5.254C21.083,19.342,19.217,18.569,17.232,18.569z"/>
</g>
<path fill="#FFFFFF" d="M28.412,26.061c0.168-0.721-0.099-1.2-0.917-1.2c-0.771,0-1.308,0.467-1.479,1.2H28.412z M25.767,27.126
c-0.223,0.945,0.092,1.378,0.913,1.378c0.695,0,1.045-0.289,1.226-0.645h3.521c-0.329,0.935-1.797,1.822-4.962,1.822
c-2.874,0-4.619-0.855-4.125-2.965c0.507-2.167,2.715-3.032,5.429-3.032c2.349,0,4.562,0.677,3.983,3.142l-0.069,0.3H25.767z"/>
<path fill="#FFFFFF" d="M32.588,26.083c0.174-0.744,0.333-1.478,0.438-2.188h3.546l-0.18,0.978h0.024
c0.772-0.79,1.831-1.188,3.077-1.188c1.102,0,2.918,0.332,2.421,2.454l-0.778,3.331h-3.594l0.697-2.987
c0.192-0.82-0.095-1.11-0.718-1.11c-0.831,0-1.283,0.465-1.482,1.321l-0.651,2.776h-3.594L32.588,26.083z"/>
<polygon fill="#FFFFFF" points="14.989,26.189 11.143,21.449 15.856,21.458 17.897,24.22 21.292,21.449 26.747,21.449
19.938,26.677 23.767,31.605 19.017,31.605 17.066,28.735 13.437,31.605 8,31.605 "/>
</g>
<g display="inline">
<g>
<path fill="#8C8C94" d="M17.232,33.131c-2.171,0-4.213-0.847-5.749-2.382C9.947,29.213,9.102,27.171,9.102,25
c0-2.171,0.846-4.213,2.381-5.749c1.536-1.536,3.578-2.381,5.749-2.381s4.213,0.845,5.749,2.381
c1.536,1.536,2.381,3.578,2.381,5.749c0,2.171-0.846,4.213-2.381,5.749C21.445,32.284,19.403,33.131,17.232,33.131z
M17.232,17.569c-1.984,0-3.851,0.773-5.255,2.177C10.574,21.15,9.801,23.016,9.801,25c0,1.985,0.773,3.851,2.176,5.256
c1.404,1.402,3.271,2.176,5.255,2.176c1.985,0,3.852-0.773,5.255-2.176c1.403-1.405,2.175-3.271,2.175-5.256
c0-1.986-0.772-3.85-2.175-5.254C21.083,18.342,19.217,17.569,17.232,17.569z"/>
</g>
<path fill="#8C8C94" d="M28.412,25.061c0.168-0.722-0.099-1.2-0.917-1.2c-0.771,0-1.308,0.467-1.479,1.2H28.412z M25.767,26.126
c-0.223,0.945,0.092,1.378,0.913,1.378c0.695,0,1.045-0.289,1.226-0.645h3.521c-0.329,0.935-1.797,1.822-4.962,1.822
c-2.874,0-4.619-0.855-4.125-2.965c0.507-2.167,2.715-3.032,5.429-3.032c2.349,0,4.562,0.677,3.983,3.142l-0.069,0.3H25.767z"/>
<path fill="#8C8C94" d="M32.588,25.083c0.174-0.744,0.333-1.478,0.438-2.188h3.546l-0.18,0.978h0.024
c0.772-0.79,1.831-1.188,3.077-1.188c1.102,0,2.918,0.332,2.421,2.454l-0.778,3.332h-3.594l0.697-2.987
c0.192-0.821-0.095-1.11-0.718-1.11c-0.831,0-1.283,0.466-1.482,1.321l-0.651,2.776h-3.594L32.588,25.083z"/>
<polygon fill="#8C8C94" points="14.989,25.189 11.143,20.449 15.856,20.458 17.897,23.22 21.292,20.449 26.747,20.449
19.938,25.677 23.767,30.605 19.017,30.605 17.066,27.735 13.437,30.605 8,30.605 "/>
</g>
</g>
<g id="Layer_8" display="none">
<g display="inline">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M9.568,21.873v2.055H9.411c-0.053-0.393-0.148-0.706-0.284-0.938
c-0.137-0.233-0.332-0.417-0.584-0.555c-0.253-0.137-0.515-0.205-0.785-0.205c-0.306,0-0.559,0.093-0.758,0.28
s-0.3,0.398-0.3,0.637c0,0.182,0.063,0.348,0.189,0.498c0.182,0.22,0.615,0.514,1.299,0.881c0.557,0.3,0.938,0.529,1.143,0.689
s0.361,0.349,0.472,0.566c0.11,0.217,0.166,0.444,0.166,0.682c0,0.453-0.176,0.843-0.527,1.17c-0.351,0.327-0.803,0.49-1.356,0.49
c-0.173,0-0.337-0.013-0.489-0.04c-0.091-0.015-0.28-0.068-0.567-0.162c-0.287-0.093-0.468-0.14-0.544-0.14
c-0.074,0-0.132,0.022-0.174,0.066c-0.043,0.045-0.074,0.137-0.095,0.275H6.057v-2.055h0.157c0.077,0.431,0.18,0.753,0.309,0.967
c0.129,0.215,0.327,0.393,0.593,0.533c0.266,0.142,0.558,0.213,0.875,0.213c0.367,0,0.658-0.098,0.871-0.291
c0.213-0.194,0.32-0.424,0.32-0.688c0-0.146-0.041-0.296-0.121-0.445s-0.206-0.29-0.375-0.419
c-0.115-0.089-0.427-0.274-0.938-0.561c-0.511-0.285-0.875-0.513-1.09-0.684c-0.216-0.171-0.379-0.359-0.491-0.565
C6.056,23.922,6,23.696,6,23.449c0-0.429,0.165-0.8,0.494-1.11c0.329-0.311,0.748-0.466,1.256-0.466
c0.317,0,0.654,0.078,1.009,0.233c0.165,0.073,0.281,0.11,0.348,0.11c0.077,0,0.139-0.022,0.188-0.068
c0.048-0.045,0.087-0.137,0.117-0.275H9.568L9.568,21.873z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M13.029,24.148v-0.104h1.398v0.104h-0.149
c-0.156,0-0.276,0.066-0.36,0.199c-0.041,0.062-0.062,0.205-0.062,0.429v1.615c0,0.399-0.04,0.709-0.119,0.929
c-0.079,0.221-0.235,0.409-0.467,0.566c-0.233,0.158-0.549,0.236-0.949,0.236c-0.436,0-0.766-0.075-0.991-0.226
c-0.226-0.151-0.385-0.354-0.479-0.609c-0.063-0.174-0.094-0.502-0.094-0.982v-1.558c0-0.246-0.034-0.407-0.1-0.484
s-0.174-0.115-0.323-0.115h-0.148v-0.104h1.702v0.104h-0.15c-0.162,0-0.278,0.052-0.348,0.157
c-0.048,0.071-0.072,0.218-0.072,0.442v1.736c0,0.154,0.014,0.332,0.043,0.531c0.028,0.2,0.08,0.355,0.155,0.468
c0.075,0.111,0.183,0.203,0.324,0.275c0.141,0.073,0.314,0.109,0.519,0.109c0.262,0,0.497-0.058,0.704-0.171
c0.207-0.113,0.349-0.259,0.424-0.436c0.076-0.178,0.114-0.478,0.114-0.9v-1.613c0-0.25-0.027-0.406-0.082-0.469
c-0.076-0.086-0.189-0.13-0.34-0.13H13.029L13.029,24.148z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M15.73,26.168v1.166c0,0.252,0.027,0.408,0.082,0.47
c0.074,0.086,0.187,0.13,0.336,0.13h0.152v0.104h-1.702v-0.104h0.15c0.168,0,0.289-0.056,0.362-0.166
c0.039-0.061,0.059-0.205,0.059-0.434v-2.586c0-0.252-0.026-0.408-0.08-0.469c-0.076-0.086-0.19-0.13-0.341-0.13h-0.15v-0.104
h1.456c0.355,0,0.636,0.037,0.841,0.11s0.377,0.198,0.519,0.373c0.141,0.175,0.211,0.382,0.211,0.622
c0,0.326-0.107,0.591-0.321,0.796c-0.214,0.204-0.516,0.306-0.906,0.306c-0.096,0-0.199-0.007-0.31-0.021
C15.977,26.216,15.857,26.195,15.73,26.168L15.73,26.168z M15.73,26.001c0.103,0.02,0.194,0.034,0.273,0.044
s0.147,0.015,0.204,0.015c0.202,0,0.376-0.079,0.522-0.237s0.22-0.363,0.22-0.615c0-0.173-0.035-0.333-0.105-0.482
s-0.168-0.259-0.296-0.333c-0.128-0.073-0.274-0.11-0.437-0.11c-0.099,0-0.226,0.019-0.381,0.056V26.001L15.73,26.001z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M19.097,24.272v1.569h0.855c0.228,0,0.38-0.033,0.457-0.102
c0.102-0.088,0.159-0.245,0.171-0.469h0.104v1.379h-0.104c-0.028-0.192-0.055-0.316-0.083-0.371
c-0.036-0.067-0.093-0.121-0.174-0.16s-0.205-0.059-0.372-0.059h-0.855v1.307c0,0.175,0.007,0.281,0.023,0.319l0.082,0.091
c0.039,0.022,0.114,0.033,0.223,0.033H20.1c0.225,0,0.388-0.016,0.49-0.046c0.102-0.031,0.199-0.092,0.293-0.183
c0.121-0.12,0.245-0.301,0.373-0.542h0.124l-0.344,0.999h-3.07v-0.104h0.141c0.094,0,0.183-0.022,0.268-0.068
c0.062-0.031,0.105-0.079,0.128-0.143s0.034-0.192,0.034-0.389v-2.586c0-0.259-0.025-0.418-0.076-0.479
c-0.071-0.08-0.188-0.12-0.353-0.12h-0.141v-0.104h3.062l0.038,0.875h-0.124c-0.041-0.207-0.086-0.349-0.135-0.426
s-0.123-0.136-0.219-0.177c-0.077-0.029-0.214-0.044-0.41-0.044H19.097L19.097,24.272z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M25.589,28.038h-1.067l-1.353-1.864
c-0.099,0.004-0.18,0.006-0.243,0.006l-0.082-0.001l-0.09-0.005v1.16c0,0.252,0.027,0.408,0.082,0.47
c0.074,0.086,0.185,0.13,0.333,0.13h0.155v0.104h-1.702v-0.104h0.149c0.167,0,0.288-0.056,0.36-0.166
c0.041-0.061,0.061-0.205,0.061-0.434v-2.586c0-0.252-0.027-0.408-0.082-0.469c-0.076-0.086-0.189-0.13-0.339-0.13h-0.149v-0.104
h1.452c0.423,0,0.735,0.031,0.936,0.093c0.201,0.062,0.371,0.176,0.511,0.342s0.21,0.364,0.21,0.594
c0,0.246-0.08,0.459-0.241,0.64c-0.16,0.181-0.409,0.309-0.745,0.383l0.828,1.145c0.188,0.265,0.35,0.441,0.485,0.528
c0.135,0.087,0.311,0.142,0.529,0.166V28.038L25.589,28.038z M22.754,25.993l0.096,0.002l0.067,0.001
c0.377,0,0.661-0.083,0.853-0.249s0.287-0.378,0.287-0.635c0-0.251-0.077-0.456-0.232-0.613c-0.154-0.158-0.359-0.236-0.613-0.236
c-0.113,0-0.265,0.022-0.458,0.066V25.993L22.754,25.993z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M27.995,28.038l-1.54-3.361v2.667
c0,0.248,0.026,0.403,0.08,0.465c0.073,0.083,0.189,0.125,0.348,0.125h0.143v0.104h-1.397v-0.104h0.143
c0.17,0,0.291-0.052,0.362-0.155c0.044-0.063,0.065-0.208,0.065-0.435v-2.605c0-0.179-0.02-0.308-0.06-0.387
c-0.027-0.058-0.079-0.106-0.153-0.145s-0.193-0.058-0.357-0.058v-0.104h1.143l1.44,3.118l1.429-3.118h1.123v0.104h-0.14
c-0.172,0-0.294,0.052-0.365,0.155c-0.044,0.064-0.065,0.208-0.065,0.435v2.605c0,0.248,0.027,0.403,0.083,0.465
c0.073,0.083,0.189,0.125,0.348,0.125h0.14v0.104h-1.702v-0.104h0.143c0.173,0,0.293-0.052,0.362-0.155
c0.044-0.063,0.065-0.208,0.065-0.435v-2.667l-1.54,3.361H27.995L27.995,28.038z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M32.738,27.934v0.104h-1.702v-0.104h0.142
c0.164,0,0.284-0.048,0.358-0.145c0.047-0.063,0.07-0.215,0.07-0.455v-2.586c0-0.203-0.013-0.336-0.038-0.401
c-0.02-0.049-0.06-0.092-0.12-0.127c-0.087-0.047-0.177-0.071-0.271-0.071h-0.142v-0.104h1.702v0.104h-0.143
c-0.162,0-0.28,0.048-0.354,0.145c-0.049,0.063-0.073,0.215-0.073,0.455v2.586c0,0.203,0.013,0.337,0.038,0.401
c0.02,0.05,0.061,0.092,0.123,0.127c0.084,0.048,0.173,0.071,0.267,0.071H32.738L32.738,27.934z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M36.045,23.958l0.096,1.369h-0.096
c-0.12-0.412-0.293-0.708-0.517-0.889c-0.225-0.181-0.493-0.271-0.807-0.271c-0.263,0-0.5,0.067-0.713,0.202
c-0.212,0.134-0.379,0.348-0.501,0.643c-0.121,0.294-0.183,0.659-0.183,1.097c0,0.36,0.058,0.673,0.173,0.938
c0.115,0.264,0.289,0.467,0.521,0.608c0.231,0.141,0.495,0.212,0.793,0.212c0.257,0,0.484-0.056,0.683-0.167
c0.197-0.11,0.413-0.331,0.65-0.661l0.091,0.058c-0.199,0.355-0.433,0.615-0.699,0.78c-0.266,0.164-0.582,0.246-0.948,0.246
c-0.659,0-1.171-0.244-1.532-0.734c-0.271-0.363-0.405-0.793-0.405-1.286c0-0.397,0.089-0.763,0.267-1.096
c0.178-0.333,0.422-0.591,0.733-0.774c0.311-0.183,0.651-0.274,1.02-0.274c0.287,0,0.57,0.07,0.85,0.211
c0.081,0.043,0.14,0.064,0.175,0.064c0.053,0,0.099-0.019,0.138-0.056c0.051-0.053,0.087-0.126,0.108-0.22H36.045L36.045,23.958z"
/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M40.212,28.038h-1.066l-1.354-1.864
c-0.099,0.004-0.18,0.006-0.242,0.006l-0.082-0.001l-0.091-0.005v1.16c0,0.252,0.027,0.408,0.083,0.47
c0.073,0.086,0.185,0.13,0.333,0.13h0.155v0.104h-1.702v-0.104h0.148c0.168,0,0.288-0.056,0.36-0.166
c0.041-0.061,0.062-0.205,0.062-0.434v-2.586c0-0.252-0.027-0.408-0.082-0.469c-0.076-0.086-0.189-0.13-0.34-0.13h-0.148v-0.104
h1.452c0.423,0,0.734,0.031,0.936,0.093c0.201,0.062,0.371,0.176,0.512,0.342c0.14,0.166,0.21,0.364,0.21,0.594
c0,0.246-0.08,0.459-0.24,0.64c-0.161,0.181-0.409,0.309-0.745,0.383l0.828,1.145c0.188,0.265,0.35,0.441,0.484,0.528
c0.136,0.087,0.312,0.142,0.529,0.166V28.038L40.212,28.038z M37.377,25.993l0.097,0.002l0.067,0.001
c0.377,0,0.661-0.083,0.853-0.249s0.287-0.378,0.287-0.635c0-0.251-0.077-0.456-0.232-0.613c-0.154-0.158-0.358-0.236-0.613-0.236
c-0.112,0-0.266,0.022-0.458,0.066V25.993L37.377,25.993z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#C23E32" d="M39.831,26.043c0-1.151,0.934-2.084,2.085-2.084
c1.15,0,2.084,0.933,2.084,2.084c0,1.15-0.934,2.084-2.084,2.084C40.765,28.127,39.831,27.193,39.831,26.043L39.831,26.043z"/>
</g>
</g>
<g id="Layer_9" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M36.353,38.704c-1.297,0-3.031-0.544-5.299-1.661c-0.167-0.081-0.329-0.163-0.491-0.244
c-3.177,1.122-7.697,1.842-11.62,1.842c-3.211,0-7.18-0.464-7.85-2.669c-0.492-1.619,0.962-3.539,4.447-5.87
c0.154-0.103,0.306-0.204,0.458-0.304c0.583-3.136,2.066-7.104,3.905-10.435c1.251-2.266,3.703-6.067,6.059-6.067
c1.921,0,3.046,2.302,3.346,6.842c0.013,0.184,0.023,0.366,0.034,0.546c4.643,3.977,10.766,12.961,9.486,16.5
C38.578,37.877,37.944,38.704,36.353,38.704z M32.152,36.15c1.803,0.846,3.214,1.273,4.2,1.273c0.911,0,1.158-0.36,1.271-0.675
c0.85-2.353-3.571-9.87-8.208-14.274c0.031,1.234,0.018,2.417-0.039,3.531v0.002l-0.001,0.021c0.096,0.347,0.068,0.747-0.08,1.188
v0.006c-0.026,0.305-0.056,0.604-0.089,0.895l0.005,0.002l-0.001,0.002c0.101,0.037,0.202,0.076,0.304,0.114
c3.821,1.445,5.676,2.959,5.669,4.627C35.179,34.097,34.16,35.201,32.152,36.15z M15.765,31.499
c-3.482,2.429-3.577,3.67-3.447,4.101c0.325,1.069,2.925,1.761,6.625,1.761c3.33,0,7.096-0.534,10.03-1.395
c-1.085-0.589-2.101-1.19-3.035-1.797h-0.001l-0.019-0.012c-0.349-0.091-0.681-0.313-0.99-0.664l-0.004-0.004
c-0.25-0.174-0.495-0.349-0.729-0.522L24.19,32.97l-0.002-0.002c-0.083,0.069-0.166,0.137-0.25,0.206
c-2.391,1.956-4.228,2.906-5.617,2.906c-0.738,0-1.362-0.276-1.803-0.8C15.874,34.518,15.623,33.248,15.765,31.499z M27.48,33.628
c0.979,0.601,2.039,1.195,3.163,1.776c2.045-0.794,3.257-1.738,3.261-2.547c0.002-0.479-0.467-1.771-4.842-3.426
c-0.013-0.004-0.024-0.009-0.036-0.014C28.753,31.066,28.284,32.767,27.48,33.628z M17.166,30.566
c-0.291,1.882-0.174,3.29,0.331,3.888c0.199,0.237,0.46,0.346,0.824,0.346c0.733,0,2.162-0.454,4.807-2.616
c0.01-0.009,0.02-0.017,0.029-0.025c-1.24-1.021-2.52-2.298-2.869-3.445C19.277,29.261,18.231,29.882,17.166,30.566z
M25.801,32.54c0.177,0.122,0.36,0.246,0.547,0.368c0.304-0.124,0.903-1.012,1.33-3.221c-0.605,0.683-1.362,1.429-2.264,2.23
C25.543,32.167,25.672,32.373,25.801,32.54z M21.476,28.093c-0.002,0.024-0.002,0.057,0.003,0.097
c0.06,0.482,0.662,1.406,2.12,2.668c-0.289-0.865-0.557-1.894-0.801-3.077c-0.279-0.012-0.524-0.004-0.731,0.024
C21.873,27.896,21.675,27.993,21.476,28.093z M24.142,27.948c0.23,1.057,0.479,1.967,0.746,2.723
c0.8-0.729,1.463-1.399,1.983-2.007C25.841,28.335,24.928,28.096,24.142,27.948z M25.962,14.577c-2.364,0-6.904,7.849-8.45,14.262
c1.052-0.644,2.082-1.224,3.074-1.73l0-0.001l0.019-0.009c0.254-0.258,0.613-0.435,1.072-0.526l0.004-0.002
c0.277-0.131,0.55-0.254,0.818-0.37l-0.001-0.005l0.003-0.002c-0.018-0.104-0.036-0.211-0.053-0.318
c-0.558-3.413-0.37-5.611,0.573-6.722c0.443-0.521,1.056-0.797,1.769-0.797c0.896,0,1.967,0.429,3.195,1.277
C27.597,15.084,26.451,14.577,25.962,14.577z M24.626,26.739c0.893,0.182,1.917,0.464,3.062,0.845
c0.151-0.236,0.267-0.452,0.346-0.646c0.016-0.213,0.032-0.432,0.046-0.652c-0.105-0.076-0.343-0.141-0.71-0.141
C26.695,26.145,25.744,26.353,24.626,26.739z M24.791,19.636c-0.34,0-0.592,0.11-0.793,0.347
c-0.381,0.448-0.924,1.782-0.287,5.686c0.002,0.012,0.005,0.025,0.007,0.038c1.474-0.552,2.728-0.842,3.652-0.842
c0.296,0,0.55,0.029,0.767,0.08c0.031-1.15,0.016-2.367-0.044-3.633C26.746,20.229,25.58,19.636,24.791,19.636z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M36.353,37.704c-1.297,0-3.031-0.544-5.299-1.661c-0.167-0.081-0.329-0.163-0.491-0.244
c-3.177,1.122-7.697,1.842-11.62,1.842c-3.211,0-7.18-0.464-7.85-2.669c-0.492-1.619,0.962-3.539,4.447-5.87
c0.154-0.103,0.306-0.204,0.458-0.304c0.583-3.136,2.066-7.104,3.905-10.435c1.251-2.266,3.703-6.067,6.059-6.067
c1.921,0,3.046,2.302,3.346,6.842c0.013,0.184,0.023,0.366,0.034,0.546c4.643,3.977,10.766,12.961,9.486,16.5
C38.578,36.877,37.944,37.704,36.353,37.704z M32.152,35.15c1.803,0.846,3.214,1.273,4.2,1.273c0.911,0,1.158-0.36,1.271-0.675
c0.85-2.353-3.571-9.87-8.208-14.274c0.031,1.234,0.018,2.417-0.039,3.531v0.001l-0.001,0.021c0.096,0.347,0.068,0.747-0.08,1.188
v0.006c-0.026,0.305-0.056,0.604-0.089,0.895l0.005,0.002l-0.001,0.002c0.101,0.037,0.202,0.076,0.304,0.114
c3.821,1.445,5.676,2.959,5.669,4.627C35.179,33.097,34.16,34.201,32.152,35.15z M15.765,30.499
c-3.482,2.429-3.577,3.67-3.447,4.101c0.325,1.069,2.925,1.761,6.625,1.761c3.33,0,7.096-0.534,10.03-1.395
c-1.085-0.589-2.101-1.19-3.035-1.797h-0.001l-0.019-0.012c-0.349-0.091-0.681-0.313-0.99-0.664l-0.004-0.004
c-0.25-0.174-0.495-0.349-0.729-0.522L24.19,31.97l-0.002-0.002c-0.083,0.069-0.166,0.137-0.25,0.206
c-2.391,1.956-4.228,2.906-5.617,2.906c-0.738,0-1.362-0.276-1.803-0.8C15.874,33.518,15.623,32.248,15.765,30.499z M27.48,32.628
c0.979,0.601,2.039,1.195,3.163,1.776c2.045-0.794,3.257-1.738,3.261-2.547c0.002-0.479-0.467-1.771-4.842-3.426
c-0.013-0.004-0.024-0.009-0.036-0.014C28.753,30.066,28.284,31.767,27.48,32.628z M17.166,29.566
c-0.291,1.882-0.174,3.29,0.331,3.888c0.199,0.237,0.46,0.346,0.824,0.346c0.733,0,2.162-0.454,4.807-2.616
c0.01-0.009,0.02-0.017,0.029-0.025c-1.24-1.021-2.52-2.298-2.869-3.445C19.277,28.261,18.231,28.882,17.166,29.566z
M25.801,31.54c0.177,0.122,0.36,0.246,0.547,0.368c0.304-0.124,0.903-1.012,1.33-3.221c-0.605,0.683-1.362,1.429-2.264,2.23
C25.543,31.167,25.672,31.373,25.801,31.54z M21.476,27.093c-0.002,0.024-0.002,0.057,0.003,0.097
c0.06,0.482,0.662,1.406,2.12,2.668c-0.289-0.865-0.557-1.894-0.801-3.077c-0.279-0.012-0.524-0.004-0.731,0.024
C21.873,26.896,21.675,26.993,21.476,27.093z M24.142,26.948c0.23,1.057,0.479,1.967,0.746,2.723
c0.8-0.729,1.463-1.399,1.983-2.007C25.841,27.335,24.928,27.096,24.142,26.948z M25.962,13.577c-2.364,0-6.904,7.849-8.45,14.262
c1.052-0.644,2.082-1.224,3.074-1.73l0-0.001l0.019-0.009c0.254-0.258,0.613-0.435,1.072-0.526l0.004-0.002
c0.277-0.13,0.55-0.253,0.818-0.37l-0.001-0.005l0.003-0.001c-0.018-0.105-0.036-0.211-0.053-0.319
c-0.558-3.412-0.37-5.611,0.573-6.722c0.443-0.521,1.056-0.797,1.769-0.797c0.896,0,1.967,0.429,3.195,1.277
C27.597,14.084,26.451,13.577,25.962,13.577z M24.626,25.739c0.893,0.182,1.917,0.464,3.062,0.845
c0.151-0.236,0.267-0.452,0.346-0.646c0.016-0.213,0.032-0.432,0.046-0.652c-0.105-0.076-0.343-0.141-0.71-0.141
C26.695,25.145,25.744,25.353,24.626,25.739z M24.791,18.636c-0.34,0-0.592,0.11-0.793,0.347
c-0.381,0.448-0.924,1.782-0.287,5.686c0.002,0.012,0.005,0.025,0.007,0.038c1.474-0.552,2.728-0.842,3.652-0.842
c0.296,0,0.55,0.029,0.767,0.08c0.031-1.15,0.016-2.367-0.044-3.633C26.746,19.229,25.58,18.636,24.791,18.636z"/>
</g>
</g>
<g id="Layer_10">
<g opacity="0.35">
<path fill="#FFFFFF" d="M11,30.826v-9.652h1.949v4.286l3.937-4.286h2.621l-3.635,3.759l3.832,5.893h-2.521l-2.653-4.529
l-1.58,1.612v2.917H11z"/>
<path fill="#FFFFFF" d="M23.173,30.826l-3.45-9.652h2.114l2.442,7.143l2.364-7.143h2.067l-3.457,9.652H23.173z"/>
<path fill="#FFFFFF" d="M29.678,30.826v-9.652h2.917l1.75,6.583l1.732-6.583H39v9.652h-1.811v-7.598l-1.915,7.598h-1.877
l-1.91-7.598v7.598H29.678z"/>
</g>
<g>
<path fill="#8C8C94" d="M11,29.826v-9.652h1.949v4.286l3.937-4.286h2.621l-3.635,3.759l3.832,5.893h-2.521l-2.653-4.53
l-1.58,1.613v2.917H11z"/>
<path fill="#8C8C94" d="M23.173,29.826l-3.45-9.652h2.114l2.442,7.143l2.364-7.143h2.067l-3.457,9.652H23.173z"/>
<path fill="#8C8C94" d="M29.678,29.826v-9.652h2.917l1.75,6.583l1.732-6.583H39v9.652h-1.811v-7.598l-1.915,7.598h-1.877
l-1.91-7.598v7.598H29.678z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

55
static/img/logos/mirantis-logo-black.svg Normal file
View File

@ -0,0 +1,55 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="184px" height="90px" viewBox="0 0 184 90" enable-background="new 0 0 184 90" xml:space="preserve">
<g>
<path d="M2,32.566C32.808-6.066,85.788-3.797,102.168,16.361C92.387,9.92,77.99,5.007,66.728,6.619
c17.766,2.205,23.419,10.355,26.146,14.18C86.698,16.461,71.031,6.961,55.1,9.852c11.189,1.369,24.046,6.617,29.32,15.931
c-9.011-6.623-24.091-15.078-38.41-11.81c12.339,1.664,24.741,6.916,30.286,17.066C66.319,24.094,30.311,9.701,2,32.566"/>
<path d="M182,22.66C151.223,61.376,96.992,58.748,80.611,38.58c9.785,6.453,28.208,13.74,39.299,11.352
c-17.494-2.981-27.367-11.934-30.006-15.783c6.084,4.363,22.023,14.261,37.956,11.371c-11.191-1.369-24.223-7.039-29.59-16.324
c9.01,6.611,24.448,15.443,38.778,12.263c-12.349-1.748-25.021-7.403-30.655-17.528C116.461,30.854,153.715,45.609,182,22.66"/>
<path fill="#B5432C" d="M151.234,2l0.522,3.604c-12.188,0.07-23.884,1.996-35.063,5.679c-9.338,3.112-19.803,8.079-31.396,14.967
c-14.511,8.802-24.581,14.435-30.09,17.015c-11.855,5.567-23.853,8.737-36.031,9.475c14.037,0.527,27.364-1.26,40.142-5.432
c9.41-3.109,20.01-8.15,31.734-15.168c12.857-7.547,22.794-12.848,29.823-15.963c10.098-4.334,20.395-7.587,30.999-9.74
l0.522,3.576l11.49-5.759L151.234,2z"/>
<polygon points="20.91,62.338 24.046,62.338 27.608,80.012 31.13,62.338 34.111,62.338 36.342,87.832 33.127,87.832 32.116,69.916
28.665,87.832 26.315,87.832 22.945,69.916 21.888,87.832 18.748,87.832 "/>
<rect x="44.769" y="62.338" width="3.528" height="25.494"/>
<path d="M60.319,87.832H56.83v-25.51h4.198c2.353,0,4.216,0.428,5.602,1.303c1.388,0.878,2.074,2.621,2.074,5.215
c0,1.768-0.351,3.211-1.037,4.325c-0.696,1.117-1.955,1.808-3.776,2.103L70,87.832h-3.764l-5.833-12.398h-0.085L60.319,87.832
L60.319,87.832z M60.319,73.443c1.442,0,2.608-0.189,3.514-0.604c0.894-0.401,1.354-1.472,1.388-3.219v-0.47
c0-1.797-0.388-2.875-1.182-3.237c-0.78-0.371-2.017-0.554-3.72-0.554V73.443z"/>
<path d="M82.104,62.322h3.252l5.952,25.51h-3.404l-1.293-5.07h-5.84l-1.213,5.07h-3.491L82.104,62.322z M83.751,68.914
l-2.353,11.008h4.659L83.751,68.914z"/>
<polygon points="100.086,62.338 103.34,62.338 110.162,80.012 110.162,62.338 113.372,62.338 113.372,87.832 110.162,87.832
103.424,69.969 103.424,87.832 100.086,87.832 "/>
<polygon points="126.104,65.494 121.406,65.494 121.406,62.322 134.337,62.322 134.337,65.494 129.594,65.494 129.594,87.832
126.104,87.832 "/>
<rect x="141.361" y="62.338" width="3.521" height="25.494"/>
<path d="M153.061,83.523c0.11,0.045,0.211,0.102,0.314,0.149c0.369,0.212,0.766,0.404,1.177,0.587
c0.419,0.184,0.849,0.338,1.296,0.477c0.231,0.039,0.471,0.087,0.725,0.133c0.248,0.031,0.49,0.055,0.722,0.055h0.177h0.186
c0.515-0.055,1.015-0.229,1.484-0.521c0.471-0.305,0.816-0.752,1.059-1.344c0.08-0.136,0.134-0.262,0.174-0.397
c0.035-0.134,0.07-0.269,0.102-0.425c0-0.131,0.008-0.264,0.015-0.391c0.018-0.125,0.024-0.262,0.024-0.385
c0-0.908-0.313-1.754-0.922-2.521c-0.615-0.762-1.301-1.469-2.068-2.121c-0.252-0.207-0.506-0.411-0.731-0.603
c-0.233-0.194-0.476-0.384-0.71-0.575c-0.866-0.724-1.646-1.521-2.355-2.404c-0.703-0.887-1.17-1.914-1.399-3.086
c0-0.096-0.019-0.198-0.035-0.312c-0.04-0.095-0.04-0.202-0.04-0.309c-0.031,0-0.047-0.014-0.047-0.034v-0.07
c-0.016-0.106-0.047-0.228-0.062-0.362c-0.006-0.117-0.016-0.237-0.016-0.345c0-0.946,0.207-1.879,0.607-2.768
c0.406-0.892,0.978-1.663,1.703-2.31c0.525-0.492,1.1-0.859,1.721-1.092c0.635-0.232,1.27-0.375,1.922-0.426h0.23h0.244
c0.332,0,0.672,0.012,1.012,0.055c0.348,0.041,0.701,0.102,1.062,0.178c0.427,0.101,0.83,0.219,1.229,0.349
c0.404,0.132,0.808,0.295,1.199,0.471v3.414c-0.045-0.024-0.107-0.053-0.179-0.093c-0.062-0.049-0.125-0.079-0.171-0.105
c-0.346-0.174-0.708-0.354-1.121-0.517c-0.398-0.177-0.811-0.306-1.229-0.409c-0.235-0.061-0.476-0.104-0.709-0.143
c-0.232-0.043-0.473-0.062-0.703-0.062h-0.103h-0.131c-0.521,0.031-1.037,0.173-1.536,0.435c-0.484,0.256-0.882,0.682-1.174,1.277
c-0.074,0.159-0.146,0.332-0.209,0.528c-0.07,0.19-0.117,0.39-0.141,0.601c0,0.098-0.006,0.198-0.016,0.31
c-0.016,0.101-0.021,0.208-0.021,0.308c0,0.106,0.007,0.213,0.021,0.309c0.01,0.105,0.016,0.195,0.016,0.275
c0.022,0.208,0.068,0.408,0.141,0.611c0.062,0.191,0.135,0.371,0.209,0.55c0.424,0.804,0.949,1.498,1.607,2.086
c0.656,0.586,1.334,1.16,2.039,1.734c0.779,0.622,1.537,1.28,2.252,1.946c0.715,0.683,1.273,1.498,1.664,2.459
c0.107,0.23,0.179,0.494,0.24,0.797c0.049,0.302,0.088,0.591,0.11,0.88c0,0.157,0.015,0.305,0.022,0.446
c0.018,0.14,0.023,0.293,0.023,0.449c0,0.15-0.007,0.313-0.023,0.486c-0.01,0.171-0.031,0.344-0.062,0.527
c-0.049,0.436-0.135,0.879-0.248,1.322c-0.115,0.443-0.268,0.848-0.453,1.201c-0.578,1.172-1.389,1.996-2.435,2.482
c-1.041,0.486-2.138,0.719-3.286,0.719c-0.23,0-0.482-0.014-0.725-0.041c-0.239-0.023-0.502-0.05-0.763-0.073
c-0.547-0.054-1.103-0.173-1.645-0.353c-0.55-0.182-1.058-0.395-1.529-0.625v-3.543C152.869,83.418,152.967,83.467,153.061,83.523"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

55
static/img/logos/mirantis-logo-white.svg Normal file
View File

@ -0,0 +1,55 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="184px" height="90px" viewBox="0 0 184 90" enable-background="new 0 0 184 90" xml:space="preserve">
<g>
<path fill="#FFFFFF" d="M2,32.566C32.808-6.065,85.788-3.797,102.168,16.361C92.387,9.92,77.99,5.008,66.728,6.619
c17.766,2.206,23.419,10.355,26.146,14.18C86.697,16.461,71.03,6.961,55.099,9.851c11.189,1.369,24.046,6.618,29.32,15.931
c-9.011-6.623-24.091-15.079-38.41-11.809c12.339,1.663,24.741,6.915,30.286,17.065C66.319,24.094,30.311,9.701,2,32.566"/>
<path fill="#FFFFFF" d="M182,22.66C151.223,61.376,96.992,58.748,80.611,38.58c9.785,6.453,28.208,13.74,39.299,11.352
c-17.494-2.982-27.367-11.934-30.006-15.784c6.084,4.364,22.023,14.26,37.956,11.371c-11.191-1.37-24.223-7.039-29.59-16.323
c9.01,6.61,24.448,15.442,38.778,12.261c-12.349-1.748-25.021-7.403-30.655-17.528C116.461,30.853,153.715,45.61,182,22.66"/>
<path fill="#B5432C" d="M151.234,2l0.522,3.603c-12.188,0.071-23.884,1.996-35.063,5.679c-9.338,3.112-19.803,8.08-31.396,14.966
c-14.511,8.802-24.581,14.434-30.09,17.013C43.352,48.83,31.354,52,19.176,52.736c14.037,0.528,27.364-1.26,40.142-5.431
c9.41-3.11,20.01-8.152,31.734-15.169c12.857-7.545,22.794-12.846,29.823-15.961c10.098-4.334,20.395-7.587,30.999-9.741
l0.522,3.576l11.49-5.758L151.234,2z"/>
<polygon fill="#FFFFFF" points="20.91,62.338 24.046,62.338 27.608,80.011 31.13,62.338 34.111,62.338 36.342,87.832
33.127,87.832 32.116,69.916 28.665,87.832 26.315,87.832 22.945,69.916 21.888,87.832 18.748,87.832 "/>
<rect x="44.769" y="62.338" fill="#FFFFFF" width="3.528" height="25.494"/>
<path fill="#FFFFFF" d="M60.319,87.832H56.83v-25.51h4.198c2.353,0,4.216,0.428,5.602,1.303c1.388,0.878,2.074,2.621,2.074,5.215
c0,1.768-0.351,3.211-1.037,4.325c-0.696,1.117-1.955,1.808-3.776,2.103L70,87.832h-3.764l-5.833-12.399h-0.085L60.319,87.832
L60.319,87.832z M60.319,73.443c1.442,0,2.608-0.189,3.514-0.604c0.894-0.401,1.354-1.472,1.388-3.219v-0.469
c0-1.797-0.388-2.875-1.182-3.238c-0.78-0.371-2.017-0.553-3.72-0.553V73.443z"/>
<path fill="#FFFFFF" d="M82.104,62.322h3.252l5.952,25.51h-3.404l-1.293-5.07h-5.84l-1.213,5.07h-3.491L82.104,62.322z
M83.751,68.914l-2.353,11.008h4.659L83.751,68.914z"/>
<polygon fill="#FFFFFF" points="100.086,62.338 103.34,62.338 110.162,80.011 110.162,62.338 113.372,62.338 113.372,87.832
110.162,87.832 103.424,69.969 103.424,87.832 100.086,87.832 "/>
<polygon fill="#FFFFFF" points="126.104,65.494 121.406,65.494 121.406,62.322 134.337,62.322 134.337,65.494 129.594,65.494
129.594,87.832 126.104,87.832 "/>
<rect x="141.361" y="62.338" fill="#FFFFFF" width="3.521" height="25.494"/>
<path fill="#FFFFFF" d="M153.061,83.524c0.11,0.045,0.211,0.101,0.314,0.149c0.369,0.212,0.766,0.404,1.177,0.587
c0.419,0.184,0.849,0.338,1.296,0.477c0.231,0.038,0.471,0.086,0.725,0.132c0.248,0.031,0.49,0.055,0.722,0.055h0.177h0.186
c0.515-0.055,1.015-0.228,1.484-0.522c0.471-0.305,0.816-0.752,1.059-1.344c0.08-0.135,0.134-0.261,0.174-0.397
c0.035-0.133,0.07-0.269,0.102-0.425c0-0.131,0.008-0.263,0.015-0.391c0.018-0.124,0.024-0.261,0.024-0.384
c0-0.908-0.313-1.754-0.922-2.522c-0.615-0.761-1.301-1.469-2.068-2.121c-0.252-0.207-0.506-0.411-0.731-0.602
c-0.233-0.195-0.476-0.384-0.71-0.576c-0.866-0.723-1.646-1.521-2.355-2.403c-0.703-0.887-1.17-1.914-1.399-3.086
c0-0.097-0.019-0.199-0.035-0.313c-0.04-0.095-0.04-0.202-0.04-0.309c-0.031,0-0.047-0.014-0.047-0.034v-0.07
c-0.016-0.107-0.047-0.227-0.062-0.363c-0.006-0.116-0.016-0.237-0.016-0.344c0-0.947,0.207-1.879,0.607-2.768
c0.406-0.891,0.978-1.663,1.703-2.309c0.525-0.492,1.1-0.859,1.721-1.092c0.635-0.233,1.27-0.375,1.922-0.426h0.23h0.244
c0.332,0,0.672,0.012,1.012,0.055c0.348,0.041,0.701,0.102,1.062,0.178c0.427,0.1,0.83,0.218,1.229,0.348
c0.404,0.132,0.808,0.295,1.199,0.471v3.414c-0.045-0.025-0.107-0.053-0.179-0.093c-0.062-0.048-0.125-0.079-0.171-0.105
c-0.346-0.174-0.708-0.355-1.121-0.517c-0.398-0.176-0.811-0.305-1.229-0.409c-0.235-0.06-0.476-0.103-0.709-0.142
c-0.232-0.043-0.473-0.062-0.703-0.062h-0.103h-0.131c-0.521,0.031-1.037,0.172-1.536,0.434c-0.484,0.256-0.882,0.682-1.174,1.277
c-0.074,0.16-0.146,0.332-0.209,0.529c-0.07,0.19-0.117,0.389-0.141,0.601c0,0.097-0.006,0.198-0.016,0.309
c-0.016,0.101-0.021,0.208-0.021,0.308c0,0.106,0.007,0.212,0.021,0.309c0.01,0.105,0.016,0.194,0.016,0.275
c0.022,0.208,0.068,0.408,0.141,0.611c0.062,0.191,0.135,0.371,0.209,0.55c0.424,0.803,0.949,1.498,1.607,2.086
c0.656,0.586,1.334,1.16,2.039,1.734c0.779,0.623,1.537,1.28,2.252,1.947c0.715,0.682,1.273,1.498,1.664,2.459
c0.107,0.23,0.179,0.494,0.24,0.797c0.049,0.301,0.088,0.59,0.11,0.879c0,0.157,0.015,0.305,0.022,0.446
c0.018,0.14,0.023,0.293,0.023,0.45c0,0.15-0.007,0.313-0.023,0.486c-0.01,0.171-0.031,0.344-0.062,0.528
c-0.049,0.435-0.135,0.879-0.248,1.322c-0.115,0.443-0.268,0.847-0.453,1.201c-0.578,1.172-1.389,1.996-2.435,2.482
C159.695,87.768,158.6,88,157.451,88c-0.23,0-0.482-0.014-0.725-0.041c-0.24-0.024-0.502-0.05-0.763-0.073
c-0.547-0.054-1.103-0.173-1.646-0.353c-0.549-0.181-1.057-0.395-1.528-0.625v-3.543C152.869,83.418,152.967,83.467,153.061,83.524
"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

104
static/img/logos/mirantis-logo.svg Normal file
View File

@ -0,0 +1,104 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="184px" height="180px" viewBox="0 0 184 180" enable-background="new 0 0 184 180" xml:space="preserve">
<g>
<path fill="#FFFFFF" d="M2,32.566C32.808-6.065,85.788-3.797,102.168,16.361C92.387,9.92,77.99,5.008,66.728,6.619
c17.766,2.206,23.419,10.355,26.146,14.18C86.697,16.461,71.03,6.961,55.099,9.851c11.189,1.369,24.046,6.618,29.32,15.931
c-9.011-6.623-24.091-15.079-38.41-11.809c12.339,1.663,24.741,6.915,30.286,17.065C66.319,24.094,30.311,9.701,2,32.566"/>
<path fill="#FFFFFF" d="M182,22.66C151.223,61.376,96.992,58.748,80.611,38.58c9.785,6.453,28.208,13.74,39.299,11.352
c-17.494-2.982-27.367-11.934-30.006-15.784c6.084,4.364,22.023,14.26,37.956,11.371c-11.192-1.37-24.224-7.039-29.59-16.323
c9.009,6.61,24.448,15.442,38.778,12.261c-12.349-1.748-25.021-7.403-30.655-17.528C116.461,30.853,153.715,45.61,182,22.66"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#B5432C" d="M151.235,2l0.522,3.603c-12.188,0.071-23.884,1.996-35.063,5.679
c-9.339,3.112-19.804,8.08-31.397,14.966c-14.511,8.802-24.581,14.434-30.09,17.013C43.352,48.83,31.354,52,19.176,52.736
c14.037,0.528,27.364-1.26,40.142-5.431c9.41-3.11,20.01-8.152,31.734-15.169c12.857-7.545,22.794-12.846,29.823-15.961
c10.097-4.334,20.395-7.587,30.999-9.741l0.523,3.576l11.49-5.758L151.235,2z"/>
<polygon fill="#FFFFFF" points="20.91,62.338 24.046,62.338 27.608,80.011 31.13,62.338 34.111,62.338 36.342,87.832
33.127,87.832 32.116,69.916 28.665,87.832 26.315,87.832 22.945,69.916 21.888,87.832 18.748,87.832 "/>
<rect x="44.769" y="62.338" fill="#FFFFFF" width="3.528" height="25.494"/>
<path fill="#FFFFFF" d="M60.319,87.832h-3.489v-25.51h4.198c2.353,0,4.216,0.428,5.602,1.303c1.388,0.878,2.074,2.621,2.074,5.215
c0,1.768-0.351,3.211-1.037,4.325c-0.696,1.117-1.955,1.808-3.776,2.103l6.109,12.564h-3.764l-5.833-12.399h-0.085V87.832z
M60.319,73.443c1.442,0,2.608-0.189,3.514-0.604c0.894-0.401,1.354-1.472,1.388-3.219v-0.469c0-1.797-0.388-2.875-1.182-3.238
c-0.78-0.371-2.017-0.553-3.72-0.553V73.443z"/>
<path fill="#FFFFFF" d="M82.104,62.322h3.252l5.952,25.51h-3.404l-1.293-5.07h-5.84l-1.213,5.07h-3.491L82.104,62.322z
M83.751,68.914l-2.353,11.008h4.659L83.751,68.914z"/>
<polygon fill="#FFFFFF" points="100.086,62.338 103.34,62.338 110.162,80.011 110.162,62.338 113.372,62.338 113.372,87.832
110.162,87.832 103.424,69.969 103.424,87.832 100.086,87.832 "/>
<polygon fill="#FFFFFF" points="126.103,65.494 121.406,65.494 121.406,62.322 134.337,62.322 134.337,65.494 129.594,65.494
129.594,87.832 126.103,87.832 "/>
<rect x="141.361" y="62.338" fill="#FFFFFF" width="3.522" height="25.494"/>
<path fill="#FFFFFF" d="M153.061,83.524c0.11,0.045,0.211,0.101,0.314,0.149c0.369,0.212,0.766,0.404,1.177,0.587
c0.419,0.184,0.848,0.338,1.296,0.477c0.231,0.038,0.471,0.086,0.724,0.132c0.249,0.031,0.491,0.055,0.722,0.055h0.176h0.186
c0.515-0.055,1.015-0.228,1.484-0.522c0.471-0.305,0.817-0.752,1.059-1.344c0.08-0.135,0.134-0.261,0.174-0.397
c0.035-0.133,0.071-0.269,0.102-0.425c0-0.131,0.007-0.263,0.014-0.391c0.018-0.124,0.024-0.261,0.024-0.384
c0-0.908-0.313-1.754-0.921-2.522c-0.615-0.761-1.301-1.469-2.068-2.121c-0.253-0.207-0.506-0.411-0.732-0.602
c-0.233-0.195-0.476-0.384-0.71-0.576c-0.866-0.723-1.646-1.521-2.355-2.403c-0.704-0.887-1.17-1.914-1.4-3.086
c0-0.097-0.018-0.199-0.035-0.313c-0.04-0.095-0.04-0.202-0.04-0.309c-0.031,0-0.047-0.014-0.047-0.034v-0.07
c-0.016-0.107-0.047-0.227-0.062-0.363c-0.006-0.116-0.016-0.237-0.016-0.344c0-0.947,0.207-1.879,0.608-2.768
c0.406-0.891,0.977-1.663,1.702-2.309c0.526-0.492,1.1-0.859,1.721-1.092c0.635-0.233,1.27-0.375,1.922-0.426h0.23h0.244
c0.333,0,0.673,0.012,1.012,0.055c0.348,0.041,0.702,0.102,1.062,0.178c0.427,0.1,0.83,0.218,1.229,0.348
c0.404,0.132,0.808,0.295,1.199,0.471v3.414c-0.045-0.025-0.107-0.053-0.178-0.093c-0.062-0.048-0.125-0.079-0.171-0.105
c-0.345-0.174-0.708-0.355-1.121-0.517c-0.399-0.176-0.81-0.305-1.229-0.409c-0.235-0.06-0.475-0.103-0.708-0.142
c-0.233-0.043-0.473-0.062-0.704-0.062h-0.102h-0.131c-0.521,0.031-1.037,0.172-1.536,0.434c-0.485,0.256-0.882,0.682-1.174,1.277
c-0.075,0.16-0.147,0.332-0.209,0.529c-0.071,0.19-0.117,0.389-0.14,0.601c0,0.097-0.007,0.198-0.016,0.309
c-0.016,0.101-0.022,0.208-0.022,0.308c0,0.106,0.007,0.212,0.022,0.309c0.009,0.105,0.016,0.194,0.016,0.275
c0.022,0.208,0.068,0.408,0.14,0.611c0.062,0.191,0.134,0.371,0.209,0.55c0.424,0.803,0.949,1.498,1.608,2.086
c0.655,0.586,1.334,1.16,2.038,1.734c0.78,0.623,1.538,1.28,2.253,1.947c0.714,0.682,1.273,1.498,1.664,2.459
c0.107,0.23,0.178,0.494,0.24,0.797c0.049,0.301,0.088,0.59,0.11,0.879c0,0.157,0.014,0.305,0.022,0.446
c0.018,0.14,0.024,0.293,0.024,0.45c0,0.15-0.007,0.313-0.024,0.486c-0.009,0.171-0.031,0.344-0.062,0.528
c-0.049,0.435-0.135,0.879-0.248,1.322c-0.115,0.443-0.267,0.847-0.453,1.201c-0.579,1.172-1.389,1.996-2.435,2.482
C159.696,87.768,158.6,88,157.451,88c-0.231,0-0.482-0.014-0.725-0.041c-0.239-0.024-0.502-0.05-0.762-0.073
c-0.547-0.054-1.103-0.173-1.645-0.353c-0.55-0.181-1.057-0.395-1.529-0.625v-3.543C152.869,83.418,152.967,83.467,153.061,83.524"
/>
</g>
<g>
<path d="M2,122.566c30.808-38.632,83.788-36.363,100.168-16.205c-9.781-6.441-24.178-11.354-35.44-9.742
c17.766,2.205,23.419,10.355,26.146,14.18c-6.176-4.338-21.843-13.838-37.774-10.948c11.189,1.369,24.046,6.618,29.32,15.931
c-9.011-6.623-24.091-15.078-38.41-11.809c12.339,1.663,24.741,6.916,30.286,17.066C66.319,114.094,30.311,99.701,2,122.566"/>
<path d="M182,112.66c-30.777,38.716-85.008,36.088-101.389,15.92c9.785,6.453,28.208,13.74,39.299,11.352
c-17.494-2.982-27.367-11.934-30.006-15.783c6.084,4.363,22.023,14.26,37.956,11.371c-11.192-1.37-24.224-7.039-29.59-16.324
c9.009,6.611,24.448,15.443,38.778,12.262c-12.349-1.748-25.021-7.403-30.655-17.528C116.461,120.853,153.715,135.61,182,112.66"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#B5432C" d="M151.235,92l0.522,3.604c-12.188,0.07-23.884,1.995-35.063,5.678
c-9.339,3.113-19.804,8.08-31.397,14.967c-14.511,8.802-24.581,14.434-30.09,17.014c-11.855,5.568-23.853,8.738-36.031,9.475
c14.037,0.528,27.364-1.26,40.142-5.431c9.41-3.11,20.01-8.151,31.734-15.169c12.857-7.546,22.794-12.847,29.823-15.962
c10.097-4.334,20.395-7.587,30.999-9.741l0.523,3.576l11.49-5.758L151.235,92z"/>
<polygon points="20.91,152.338 24.046,152.338 27.608,170.011 31.13,152.338 34.111,152.338 36.342,177.832 33.127,177.832
32.116,159.916 28.665,177.832 26.315,177.832 22.945,159.916 21.888,177.832 18.748,177.832 "/>
<rect x="44.769" y="152.338" width="3.528" height="25.494"/>
<path d="M60.319,177.832h-3.489v-25.51h4.198c2.353,0,4.216,0.428,5.602,1.303c1.388,0.878,2.074,2.621,2.074,5.215
c0,1.768-0.351,3.211-1.037,4.325c-0.696,1.117-1.955,1.808-3.776,2.103l6.109,12.564h-3.764l-5.833-12.399h-0.085V177.832z
M60.319,163.443c1.442,0,2.608-0.189,3.514-0.604c0.894-0.401,1.354-1.472,1.388-3.219v-0.469c0-1.797-0.388-2.875-1.182-3.238
c-0.78-0.371-2.017-0.553-3.72-0.553V163.443z"/>
<path d="M82.104,152.322h3.252l5.952,25.51h-3.404l-1.293-5.07h-5.84l-1.213,5.07h-3.491L82.104,152.322z M83.751,158.914
l-2.353,11.008h4.659L83.751,158.914z"/>
<polygon points="100.086,152.338 103.34,152.338 110.162,170.011 110.162,152.338 113.372,152.338 113.372,177.832
110.162,177.832 103.424,159.969 103.424,177.832 100.086,177.832 "/>
<polygon points="126.103,155.494 121.406,155.494 121.406,152.322 134.337,152.322 134.337,155.494 129.594,155.494
129.594,177.832 126.103,177.832 "/>
<rect x="141.361" y="152.338" width="3.522" height="25.494"/>
<path d="M153.061,173.524c0.11,0.045,0.211,0.101,0.314,0.149c0.369,0.212,0.766,0.404,1.177,0.587
c0.419,0.184,0.848,0.338,1.296,0.477c0.231,0.038,0.471,0.086,0.724,0.132c0.249,0.031,0.491,0.055,0.722,0.055h0.176h0.186
c0.515-0.055,1.015-0.228,1.484-0.522c0.471-0.305,0.817-0.752,1.059-1.344c0.08-0.135,0.134-0.261,0.174-0.397
c0.035-0.133,0.071-0.269,0.102-0.425c0-0.131,0.007-0.263,0.014-0.391c0.018-0.124,0.024-0.261,0.024-0.384
c0-0.908-0.313-1.754-0.921-2.522c-0.615-0.761-1.301-1.469-2.068-2.121c-0.253-0.207-0.506-0.411-0.732-0.602
c-0.233-0.195-0.476-0.384-0.71-0.576c-0.866-0.723-1.646-1.521-2.355-2.403c-0.704-0.887-1.17-1.914-1.4-3.086
c0-0.097-0.018-0.199-0.035-0.313c-0.04-0.095-0.04-0.202-0.04-0.309c-0.031,0-0.047-0.014-0.047-0.034v-0.07
c-0.016-0.107-0.047-0.227-0.062-0.363c-0.006-0.116-0.016-0.237-0.016-0.344c0-0.947,0.207-1.879,0.608-2.768
c0.406-0.891,0.977-1.663,1.702-2.309c0.526-0.492,1.1-0.859,1.721-1.092c0.635-0.233,1.27-0.375,1.922-0.426h0.23h0.244
c0.333,0,0.673,0.012,1.012,0.055c0.348,0.041,0.702,0.102,1.062,0.178c0.427,0.1,0.83,0.218,1.229,0.348
c0.404,0.132,0.808,0.295,1.199,0.471v3.414c-0.045-0.025-0.107-0.053-0.178-0.093c-0.062-0.048-0.125-0.079-0.171-0.105
c-0.345-0.174-0.708-0.355-1.121-0.517c-0.399-0.176-0.81-0.305-1.229-0.409c-0.235-0.06-0.475-0.103-0.708-0.142
c-0.233-0.043-0.473-0.062-0.704-0.062h-0.102h-0.131c-0.521,0.031-1.037,0.172-1.536,0.434c-0.485,0.256-0.882,0.682-1.174,1.277
c-0.075,0.16-0.147,0.332-0.209,0.529c-0.071,0.19-0.117,0.389-0.14,0.601c0,0.097-0.007,0.198-0.016,0.309
c-0.016,0.101-0.022,0.208-0.022,0.308c0,0.106,0.007,0.212,0.022,0.309c0.009,0.105,0.016,0.194,0.016,0.275
c0.022,0.208,0.068,0.408,0.14,0.611c0.062,0.191,0.134,0.371,0.209,0.55c0.424,0.803,0.949,1.498,1.608,2.086
c0.655,0.586,1.334,1.16,2.038,1.734c0.78,0.623,1.538,1.28,2.253,1.947c0.714,0.682,1.273,1.498,1.664,2.459
c0.107,0.23,0.178,0.494,0.24,0.797c0.049,0.301,0.088,0.59,0.11,0.879c0,0.157,0.014,0.305,0.022,0.446
c0.018,0.14,0.024,0.293,0.024,0.45c0,0.15-0.007,0.313-0.024,0.486c-0.009,0.171-0.031,0.344-0.062,0.528
c-0.049,0.435-0.135,0.879-0.248,1.322c-0.115,0.443-0.267,0.847-0.453,1.201c-0.579,1.172-1.389,1.996-2.435,2.482
c-1.041,0.486-2.138,0.719-3.286,0.719c-0.231,0-0.482-0.014-0.725-0.041c-0.239-0.024-0.502-0.05-0.762-0.073
c-0.547-0.054-1.103-0.173-1.645-0.353c-0.55-0.181-1.057-0.395-1.529-0.625v-3.543
C152.869,173.418,152.967,173.467,153.061,173.524"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

400
static/img/logos/openvz-logo.svg Normal file
View File

@ -0,0 +1,400 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px"
height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g id="Layer_3" display="none">
<rect display="inline" fill="#6B2000" width="50" height="50"/>
</g>
<g id="Layer_1" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M24.535,11c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.029
c0.226-4.54,2.003-7.756,4.38-10.141C16.783,12.983,20.041,11.248,24.535,11z M21.595,13.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.599c-0.196-4.173-1.892-7.003-4.125-9.161
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,12.779,22.493,12.91,21.595,13.152z"/>
<path fill="#FFFFFF" d="M23.62,22.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.64,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,23.778,22.324,22.936,23.62,22.104z M16.12,24.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,24.453,16.119,24.475,16.12,24.496z"/>
<path fill="#FFFFFF" d="M32.261,22.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,22.504,32.243,22.482,32.261,22.479z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M24.535,10c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.03
c0.226-4.539,2.003-7.757,4.38-10.14C16.783,11.983,20.041,10.248,24.535,10z M21.595,12.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.598c-0.196-4.174-1.892-7.004-4.125-9.162
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,11.779,22.493,11.91,21.595,12.152z"/>
<path fill="#8C8C94" d="M23.62,21.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.639,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,22.778,22.324,21.936,23.62,21.104z M16.12,23.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,23.453,16.119,23.475,16.12,23.496z"/>
<path fill="#8C8C94" d="M32.261,21.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,21.504,32.243,21.482,32.261,21.479z"/>
</g>
</g>
<g id="Layer_2" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M37.562,16.313l-12.081-5.229C25.35,11.028,25.178,11,25.006,11c-0.005,0-0.011,0-0.016,0
s-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324l0.025,0.015
c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286c0,0.004,0,0.009,0,0.013
c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.118-0.012,0.235-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.033,0-0.064-0.001-0.098c-0.059,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.266l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.435-0.545,0.457-0.828
l1.031-12.678C38.021,16.752,37.823,16.428,37.562,16.313z M24.975,12.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,12.994z
M35.666,29.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.048c0-0.001-0.001-0.002-0.002-0.003
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111c0.163,0,0.325-0.037,0.448-0.11l10.441-6.232
l0.725-0.433L35.666,29.549z"/>
<path fill="#FFFFFF" d="M35.427,19.699l-9.035,5.533c-0.122,0.075-0.223,0.252-0.223,0.395l-0.021,9.267
c0,0.142,0.096,0.188,0.21,0.104l8.425-6.123c0.116-0.084,0.22-0.269,0.229-0.41l0.619-8.645
C35.641,19.679,35.548,19.624,35.427,19.699z"/>
<path fill="#FFFFFF" d="M23.676,25.274L14.642,19.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.666
c0.009,0.142,0.112,0.326,0.229,0.411l8.489,6.208c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,25.527,23.797,25.35,23.676,25.274z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M37.562,15.313l-12.081-5.229C25.35,10.028,25.178,10,25.006,10c-0.005,0-0.011,0-0.016,0
s-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324l0.025,0.015
c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286c0,0.004,0,0.009,0,0.013
c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.118-0.012,0.235-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.033,0-0.064-0.001-0.098c-0.059,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.266l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.435-0.545,0.457-0.828
l1.031-12.678C38.021,15.752,37.823,15.428,37.562,15.313z M24.975,11.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,11.994z
M35.666,28.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.048c0-0.001-0.001-0.002-0.002-0.003
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111c0.163,0,0.325-0.037,0.448-0.11l10.441-6.232
l0.725-0.433L35.666,28.549z"/>
<path fill="#8C8C94" d="M35.427,18.699l-9.035,5.533c-0.122,0.075-0.223,0.252-0.223,0.395l-0.021,9.267
c0,0.142,0.096,0.188,0.21,0.104l8.425-6.123c0.116-0.084,0.22-0.269,0.229-0.41l0.619-8.645
C35.641,18.679,35.548,18.624,35.427,18.699z"/>
<path fill="#8C8C94" d="M23.676,24.274L14.642,18.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.666
c0.009,0.142,0.112,0.326,0.229,0.411l8.489,6.208c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,24.527,23.797,24.35,23.676,24.274z"/>
</g>
</g>
<g id="Layer_4" display="none">
<g display="inline" opacity="0.35">
<rect x="18.484" y="28.602" fill="#FFFFFF" width="1.316" height="5.213"/>
<path fill="#FFFFFF" d="M30.407,30.095c-0.054-0.028-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.393,1.44,1.393c0.618,0,1.051-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.02-2.775-2.7c0-1.556,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V30.095z"/>
<path fill="#FFFFFF" d="M16.677,30.095c-0.053-0.028-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.393,1.441,1.393c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.02-2.775-2.7c0-1.556,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V30.095z"/>
<path fill="#FFFFFF" d="M37.3,31.205c0,1.493-1.15,2.7-2.754,2.7c-1.604,0-2.753-1.207-2.753-2.7c0-1.488,1.148-2.697,2.753-2.697
C36.149,28.508,37.3,29.717,37.3,31.205z M34.546,29.834c-0.781,0-1.361,0.614-1.361,1.371c0,0.76,0.58,1.374,1.361,1.374
c0.779,0,1.359-0.614,1.359-1.374C35.905,30.448,35.325,29.834,34.546,29.834z"/>
<path fill="#FFFFFF" d="M24.79,29.785c-0.02-0.005-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.178-0.816,0.427
c0,0.318,0.387,0.429,0.603,0.499l0.364,0.114c0.854,0.272,1.244,0.855,1.244,1.491c0,1.31-1.152,1.748-2.16,1.748
c-0.701,0-1.355-0.126-1.42-0.141v-1.2c0.117,0.028,0.669,0.192,1.243,0.192c0.653,0,0.956-0.189,0.956-0.485
c0-0.265-0.261-0.417-0.589-0.52c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166V29.785z"/>
<path fill="#FFFFFF" d="M11.307,22.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V22.998z"/>
<path fill="#FFFFFF" d="M14.894,21.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.202z"/>
<path fill="#FFFFFF" d="M18.482,18.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V18.745z"/>
<path fill="#FFFFFF" d="M22.067,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M25.652,22.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V22.998z"/>
<path fill="#FFFFFF" d="M29.241,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.29,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M32.829,18.745c0-0.359-0.292-0.651-0.65-0.651c-0.36,0-0.651,0.292-0.651,0.651v6.923
c0,0.36,0.291,0.651,0.651,0.651c0.358,0,0.65-0.291,0.65-0.651V18.745z"/>
<path fill="#FFFFFF" d="M36.418,21.202c0-0.358-0.291-0.651-0.659-0.651c-0.357,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.292,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V21.202z"/>
<path fill="#FFFFFF" d="M40,22.998c0-0.358-0.291-0.65-0.649-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.358,0,0.649-0.292,0.649-0.654V22.998z"/>
</g>
<g display="inline">
<rect x="18.484" y="27.602" fill="#8C8C94" width="1.316" height="5.213"/>
<path fill="#8C8C94" d="M30.407,29.095c-0.054-0.028-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.393,1.44,1.393c0.618,0,1.051-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.02-2.775-2.7c0-1.556,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V29.095z"/>
<path fill="#8C8C94" d="M16.677,29.095c-0.053-0.028-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.393,1.441,1.393c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.02-2.775-2.7c0-1.556,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V29.095z"/>
<path fill="#8C8C94" d="M37.3,30.205c0,1.493-1.15,2.7-2.754,2.7c-1.604,0-2.753-1.207-2.753-2.7c0-1.488,1.148-2.697,2.753-2.697
C36.149,27.508,37.3,28.717,37.3,30.205z M34.546,28.834c-0.781,0-1.361,0.614-1.361,1.371c0,0.76,0.58,1.374,1.361,1.374
c0.779,0,1.359-0.614,1.359-1.374C35.905,29.448,35.325,28.834,34.546,28.834z"/>
<path fill="#8C8C94" d="M24.79,28.785c-0.02-0.005-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.178-0.816,0.427
c0,0.318,0.387,0.429,0.603,0.499l0.364,0.114c0.854,0.272,1.244,0.855,1.244,1.491c0,1.31-1.152,1.748-2.16,1.748
c-0.701,0-1.355-0.126-1.42-0.141v-1.2c0.117,0.028,0.669,0.192,1.243,0.192c0.653,0,0.956-0.189,0.956-0.485
c0-0.265-0.261-0.417-0.589-0.52c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166V28.785z"/>
<path fill="#8C8C94" d="M11.307,21.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.998z"/>
<path fill="#8C8C94" d="M14.894,20.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V20.202z"/>
<path fill="#8C8C94" d="M18.482,17.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V17.745z"/>
<path fill="#8C8C94" d="M22.067,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C94" d="M25.652,21.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V21.998z"/>
<path fill="#8C8C94" d="M29.241,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.29,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C94" d="M32.829,17.745c0-0.359-0.292-0.651-0.65-0.651c-0.36,0-0.651,0.292-0.651,0.651v6.923
c0,0.36,0.291,0.651,0.651,0.651c0.358,0,0.65-0.291,0.65-0.651V17.745z"/>
<path fill="#8C8C94" d="M36.418,20.202c0-0.358-0.291-0.651-0.659-0.651c-0.357,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.292,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V20.202z"/>
<path fill="#8C8C94" d="M40,21.998c0-0.358-0.291-0.65-0.649-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.358,0,0.649-0.292,0.649-0.654V21.998z"/>
</g>
</g>
<g id="Layer_5" display="none">
<path display="inline" opacity="0.35" fill="#FFFFFF" d="M13.146,20.878c-0.378-0.826-1.31-1.201-2.18-0.812
c-0.873,0.385-1.193,1.352-0.8,2.18l3.655,7.944c0.576,1.242,1.182,1.9,2.317,1.9c1.215,0,1.745-0.714,2.318-1.9
c0,0,3.188-6.94,3.22-7.014c0.033-0.073,0.134-0.297,0.457-0.294c0.275,0.001,0.507,0.219,0.507,0.512v6.79
c0,1.048,0.582,1.906,1.697,1.906c1.116,0,1.72-0.858,1.72-1.906v-5.555c0-1.07,0.765-1.765,1.812-1.765
c1.047,0,1.741,0.719,1.741,1.765v5.555c0,1.048,0.581,1.906,1.696,1.906s1.722-0.858,1.722-1.906v-5.555
c0-1.07,0.766-1.765,1.812-1.765c1.046,0,1.742,0.719,1.742,1.765v5.555c0,1.048,0.58,1.906,1.697,1.906
c1.114,0,1.72-0.858,1.72-1.906v-6.322c0-2.324-1.869-3.951-4.113-3.951c-2.246,0-3.652,1.553-3.652,1.553
c-0.75-0.968-1.78-1.551-3.522-1.551c-1.839,0-3.449,1.551-3.449,1.551c-0.749-0.968-2.021-1.551-3.076-1.551
c-1.628,0-2.924,0.716-3.715,2.524l-2.333,5.499L13.146,20.878z"/>
<path display="inline" fill="#8C8C94" d="M13.146,19.878c-0.378-0.826-1.31-1.201-2.18-0.812c-0.873,0.385-1.193,1.352-0.8,2.18
l3.655,7.944c0.576,1.242,1.182,1.9,2.317,1.9c1.215,0,1.745-0.714,2.318-1.9c0,0,3.188-6.94,3.22-7.014
c0.033-0.073,0.134-0.297,0.457-0.294c0.275,0.001,0.507,0.219,0.507,0.512v6.79c0,1.048,0.582,1.906,1.697,1.906
c1.116,0,1.72-0.858,1.72-1.906v-5.555c0-1.07,0.765-1.765,1.812-1.765c1.047,0,1.741,0.719,1.741,1.765v5.555
c0,1.048,0.581,1.906,1.696,1.906s1.722-0.858,1.722-1.906v-5.555c0-1.07,0.766-1.765,1.812-1.765c1.046,0,1.742,0.719,1.742,1.765
v5.555c0,1.048,0.58,1.906,1.697,1.906c1.114,0,1.72-0.858,1.72-1.906v-6.322c0-2.324-1.869-3.951-4.113-3.951
c-2.246,0-3.652,1.553-3.652,1.553c-0.75-0.968-1.78-1.551-3.522-1.551c-1.839,0-3.449,1.551-3.449,1.551
c-0.749-0.968-2.021-1.551-3.076-1.551c-1.628,0-2.924,0.716-3.715,2.524l-2.333,5.499L13.146,19.878z"/>
</g>
<g id="Layer_6" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M24.999,12c-0.446,0-0.889,0.022-1.326,0.063l-2.538,7.166c-0.061,0.17,0.039,0.312,0.222,0.312h1.314
c0.184,0,0.54,0.007,1.228,0.007c0.689,0,2.193,0.859,1.669,2.589c-0.526,1.729-3.391,9.603-3.391,9.603
c-0.062,0.17-0.262,0.311-0.446,0.311h-2.77c-0.184,0-0.286-0.142-0.224-0.312l3.222-9.062l0.347-0.984
c0,0,0.071-0.422-0.393-0.422l-1.14-0.001c-0.185,0-0.384,0.141-0.445,0.31l-3.632,10.159c-0.06,0.171-0.261,0.31-0.443,0.31
l-2.655-0.002c-0.184,0-0.283-0.141-0.224-0.312l6.621-18.812C14.735,14.936,11,20.031,11,26c0,6.564,4.518,12.072,10.615,13.587
l3.082-8.841L28.513,19.8l0,0l0.108-0.312l5.439,0.003c1.636,0.002,3.331,0.871,2.453,3.245l-0.11,0.31
c0,0.002,0,0.002-0.002,0.002l-0.998,2.802l-1.409,3.948c-0.468,1.33-0.877,2.257-3.335,2.256h-0.33c-0.001,0-0.003,0-0.003,0
l-1.203-0.001l-1.206-0.001c-0.184,0-0.382,0.139-0.441,0.309l-1.631,4.668l-1.039,2.969C24.871,39.998,24.934,40,24.999,40
C32.732,40,39,33.732,39,26C39,18.268,32.732,12,24.999,12z"/>
<path fill="#FFFFFF" d="M29.656,30.317h0.01c0.585,0,0.88-0.638,0.937-0.984c0.06-0.349,2.521-7.238,2.521-7.238
c0.174-0.462-0.043-0.649-0.043-0.649c-0.139-0.12-0.4-0.218-0.586-0.218l-0.396,0h-0.397c-0.184,0-0.383,0.14-0.442,0.311
l-2.959,8.465c-0.06,0.171,0.041,0.312,0.225,0.312L29.656,30.317z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M24.999,11c-0.446,0-0.889,0.022-1.326,0.063l-2.538,7.166c-0.061,0.17,0.039,0.312,0.222,0.312h1.314
c0.184,0,0.54,0.007,1.228,0.007c0.689,0,2.193,0.859,1.669,2.589c-0.526,1.729-3.391,9.603-3.391,9.603
c-0.062,0.17-0.262,0.311-0.446,0.311h-2.77c-0.184,0-0.286-0.142-0.224-0.312l3.222-9.062l0.347-0.984
c0,0,0.071-0.422-0.393-0.422l-1.14-0.001c-0.185,0-0.384,0.141-0.445,0.31l-3.632,10.159c-0.06,0.171-0.261,0.31-0.443,0.31
l-2.655-0.002c-0.184,0-0.283-0.141-0.224-0.312l6.621-18.812C14.735,13.936,11,19.031,11,25c0,6.564,4.518,12.072,10.615,13.587
l3.082-8.841L28.513,18.8l0,0l0.108-0.312l5.439,0.003c1.636,0.002,3.331,0.871,2.453,3.245l-0.11,0.31
c0,0.002,0,0.002-0.002,0.002l-0.998,2.802l-1.409,3.948c-0.468,1.33-0.877,2.257-3.335,2.256h-0.33c-0.001,0-0.003,0-0.003,0
l-1.203-0.001l-1.206-0.001c-0.184,0-0.382,0.139-0.441,0.309l-1.631,4.668l-1.039,2.969C24.871,38.998,24.934,39,24.999,39
C32.732,39,39,32.732,39,25C39,17.268,32.732,11,24.999,11z"/>
<path fill="#8C8C94" d="M29.656,29.317h0.01c0.585,0,0.88-0.638,0.937-0.984c0.06-0.349,2.521-7.238,2.521-7.238
c0.174-0.462-0.043-0.649-0.043-0.649c-0.139-0.12-0.4-0.218-0.586-0.218l-0.396,0h-0.397c-0.184,0-0.383,0.14-0.442,0.311
l-2.959,8.465c-0.06,0.171,0.041,0.312,0.225,0.312L29.656,29.317z"/>
</g>
</g>
<g id="Layer_7" display="none">
<g display="inline" opacity="0.35">
<g>
<path fill="#FFFFFF" d="M17.232,34.131c-2.171,0-4.213-0.847-5.749-2.382C9.947,30.213,9.102,28.171,9.102,26
c0-2.171,0.846-4.213,2.381-5.749c1.536-1.536,3.578-2.381,5.749-2.381s4.213,0.845,5.749,2.381
c1.536,1.536,2.381,3.578,2.381,5.749c0,2.171-0.846,4.213-2.381,5.749C21.445,33.284,19.403,34.131,17.232,34.131z
M17.232,18.569c-1.984,0-3.851,0.773-5.255,2.177C10.574,22.15,9.801,24.016,9.801,26c0,1.985,0.773,3.851,2.176,5.256
c1.404,1.402,3.271,2.176,5.255,2.176c1.985,0,3.852-0.773,5.255-2.176c1.403-1.405,2.175-3.271,2.175-5.256
c0-1.986-0.772-3.85-2.175-5.254C21.083,19.342,19.217,18.569,17.232,18.569z"/>
</g>
<path fill="#FFFFFF" d="M28.412,26.061c0.168-0.721-0.099-1.2-0.917-1.2c-0.771,0-1.308,0.467-1.479,1.2H28.412z M25.767,27.126
c-0.223,0.945,0.092,1.378,0.913,1.378c0.695,0,1.045-0.289,1.226-0.645h3.521c-0.329,0.935-1.797,1.822-4.962,1.822
c-2.874,0-4.619-0.855-4.125-2.965c0.507-2.167,2.715-3.032,5.429-3.032c2.349,0,4.562,0.677,3.983,3.142l-0.069,0.3H25.767z"/>
<path fill="#FFFFFF" d="M32.588,26.083c0.174-0.744,0.333-1.478,0.438-2.188h3.546l-0.18,0.978h0.024
c0.772-0.79,1.831-1.188,3.077-1.188c1.102,0,2.918,0.332,2.421,2.454l-0.778,3.331h-3.594l0.697-2.987
c0.192-0.82-0.095-1.11-0.718-1.11c-0.831,0-1.283,0.465-1.482,1.321l-0.651,2.776h-3.594L32.588,26.083z"/>
<polygon fill="#FFFFFF" points="14.989,26.189 11.143,21.449 15.856,21.458 17.897,24.22 21.292,21.449 26.747,21.449
19.938,26.677 23.767,31.605 19.017,31.605 17.066,28.735 13.437,31.605 8,31.605 "/>
</g>
<g display="inline">
<g>
<path fill="#8C8C94" d="M17.232,33.131c-2.171,0-4.213-0.847-5.749-2.382C9.947,29.213,9.102,27.171,9.102,25
c0-2.171,0.846-4.213,2.381-5.749c1.536-1.536,3.578-2.381,5.749-2.381s4.213,0.845,5.749,2.381
c1.536,1.536,2.381,3.578,2.381,5.749c0,2.171-0.846,4.213-2.381,5.749C21.445,32.284,19.403,33.131,17.232,33.131z
M17.232,17.569c-1.984,0-3.851,0.773-5.255,2.177C10.574,21.15,9.801,23.016,9.801,25c0,1.985,0.773,3.851,2.176,5.256
c1.404,1.402,3.271,2.176,5.255,2.176c1.985,0,3.852-0.773,5.255-2.176c1.403-1.405,2.175-3.271,2.175-5.256
c0-1.986-0.772-3.85-2.175-5.254C21.083,18.342,19.217,17.569,17.232,17.569z"/>
</g>
<path fill="#8C8C94" d="M28.412,25.061c0.168-0.722-0.099-1.2-0.917-1.2c-0.771,0-1.308,0.467-1.479,1.2H28.412z M25.767,26.126
c-0.223,0.945,0.092,1.378,0.913,1.378c0.695,0,1.045-0.289,1.226-0.645h3.521c-0.329,0.935-1.797,1.822-4.962,1.822
c-2.874,0-4.619-0.855-4.125-2.965c0.507-2.167,2.715-3.032,5.429-3.032c2.349,0,4.562,0.677,3.983,3.142l-0.069,0.3H25.767z"/>
<path fill="#8C8C94" d="M32.588,25.083c0.174-0.744,0.333-1.478,0.438-2.188h3.546l-0.18,0.978h0.024
c0.772-0.79,1.831-1.188,3.077-1.188c1.102,0,2.918,0.332,2.421,2.454l-0.778,3.332h-3.594l0.697-2.987
c0.192-0.821-0.095-1.11-0.718-1.11c-0.831,0-1.283,0.466-1.482,1.321l-0.651,2.776h-3.594L32.588,25.083z"/>
<polygon fill="#8C8C94" points="14.989,25.189 11.143,20.449 15.856,20.458 17.897,23.22 21.292,20.449 26.747,20.449
19.938,25.677 23.767,30.605 19.017,30.605 17.066,27.735 13.437,30.605 8,30.605 "/>
</g>
</g>
<g id="Layer_8" display="none">
<g display="inline">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M9.568,21.873v2.055H9.411c-0.053-0.393-0.148-0.706-0.284-0.938
c-0.137-0.233-0.332-0.417-0.584-0.555c-0.253-0.137-0.515-0.205-0.785-0.205c-0.306,0-0.559,0.093-0.758,0.28
s-0.3,0.398-0.3,0.637c0,0.182,0.063,0.348,0.189,0.498c0.182,0.22,0.615,0.514,1.299,0.881c0.557,0.3,0.938,0.529,1.143,0.689
s0.361,0.349,0.472,0.566c0.11,0.217,0.166,0.444,0.166,0.682c0,0.453-0.176,0.843-0.527,1.17c-0.351,0.327-0.803,0.49-1.356,0.49
c-0.173,0-0.337-0.013-0.489-0.04c-0.091-0.015-0.28-0.068-0.567-0.162c-0.287-0.093-0.468-0.14-0.544-0.14
c-0.074,0-0.132,0.022-0.174,0.066c-0.043,0.045-0.074,0.137-0.095,0.275H6.057v-2.055h0.157c0.077,0.431,0.18,0.753,0.309,0.967
c0.129,0.215,0.327,0.393,0.593,0.533c0.266,0.142,0.558,0.213,0.875,0.213c0.367,0,0.658-0.098,0.871-0.291
c0.213-0.194,0.32-0.424,0.32-0.688c0-0.146-0.041-0.296-0.121-0.445s-0.206-0.29-0.375-0.419
c-0.115-0.089-0.427-0.274-0.938-0.561c-0.511-0.285-0.875-0.513-1.09-0.684c-0.216-0.171-0.379-0.359-0.491-0.565
C6.056,23.922,6,23.696,6,23.449c0-0.429,0.165-0.8,0.494-1.11c0.329-0.311,0.748-0.466,1.256-0.466
c0.317,0,0.654,0.078,1.009,0.233c0.165,0.073,0.281,0.11,0.348,0.11c0.077,0,0.139-0.022,0.188-0.068
c0.048-0.045,0.087-0.137,0.117-0.275H9.568L9.568,21.873z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M13.029,24.148v-0.104h1.398v0.104h-0.149
c-0.156,0-0.276,0.066-0.36,0.199c-0.041,0.062-0.062,0.205-0.062,0.429v1.615c0,0.399-0.04,0.709-0.119,0.929
c-0.079,0.221-0.235,0.409-0.467,0.566c-0.233,0.158-0.549,0.236-0.949,0.236c-0.436,0-0.766-0.075-0.991-0.226
c-0.226-0.151-0.385-0.354-0.479-0.609c-0.063-0.174-0.094-0.502-0.094-0.982v-1.558c0-0.246-0.034-0.407-0.1-0.484
s-0.174-0.115-0.323-0.115h-0.148v-0.104h1.702v0.104h-0.15c-0.162,0-0.278,0.052-0.348,0.157
c-0.048,0.071-0.072,0.218-0.072,0.442v1.736c0,0.154,0.014,0.332,0.043,0.531c0.028,0.2,0.08,0.355,0.155,0.468
c0.075,0.111,0.183,0.203,0.324,0.275c0.141,0.073,0.314,0.109,0.519,0.109c0.262,0,0.497-0.058,0.704-0.171
c0.207-0.113,0.349-0.259,0.424-0.436c0.076-0.178,0.114-0.478,0.114-0.9v-1.613c0-0.25-0.027-0.406-0.082-0.469
c-0.076-0.086-0.189-0.13-0.34-0.13H13.029L13.029,24.148z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M15.73,26.168v1.166c0,0.252,0.027,0.408,0.082,0.47
c0.074,0.086,0.187,0.13,0.336,0.13h0.152v0.104h-1.702v-0.104h0.15c0.168,0,0.289-0.056,0.362-0.166
c0.039-0.061,0.059-0.205,0.059-0.434v-2.586c0-0.252-0.026-0.408-0.08-0.469c-0.076-0.086-0.19-0.13-0.341-0.13h-0.15v-0.104
h1.456c0.355,0,0.636,0.037,0.841,0.11s0.377,0.198,0.519,0.373c0.141,0.175,0.211,0.382,0.211,0.622
c0,0.326-0.107,0.591-0.321,0.796c-0.214,0.204-0.516,0.306-0.906,0.306c-0.096,0-0.199-0.007-0.31-0.021
C15.977,26.216,15.857,26.195,15.73,26.168L15.73,26.168z M15.73,26.001c0.103,0.02,0.194,0.034,0.273,0.044
s0.147,0.015,0.204,0.015c0.202,0,0.376-0.079,0.522-0.237s0.22-0.363,0.22-0.615c0-0.173-0.035-0.333-0.105-0.482
s-0.168-0.259-0.296-0.333c-0.128-0.073-0.274-0.11-0.437-0.11c-0.099,0-0.226,0.019-0.381,0.056V26.001L15.73,26.001z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M19.097,24.272v1.569h0.855c0.228,0,0.38-0.033,0.457-0.102
c0.102-0.088,0.159-0.245,0.171-0.469h0.104v1.379h-0.104c-0.028-0.192-0.055-0.316-0.083-0.371
c-0.036-0.067-0.093-0.121-0.174-0.16s-0.205-0.059-0.372-0.059h-0.855v1.307c0,0.175,0.007,0.281,0.023,0.319l0.082,0.091
c0.039,0.022,0.114,0.033,0.223,0.033H20.1c0.225,0,0.388-0.016,0.49-0.046c0.102-0.031,0.199-0.092,0.293-0.183
c0.121-0.12,0.245-0.301,0.373-0.542h0.124l-0.344,0.999h-3.07v-0.104h0.141c0.094,0,0.183-0.022,0.268-0.068
c0.062-0.031,0.105-0.079,0.128-0.143s0.034-0.192,0.034-0.389v-2.586c0-0.259-0.025-0.418-0.076-0.479
c-0.071-0.08-0.188-0.12-0.353-0.12h-0.141v-0.104h3.062l0.038,0.875h-0.124c-0.041-0.207-0.086-0.349-0.135-0.426
s-0.123-0.136-0.219-0.177c-0.077-0.029-0.214-0.044-0.41-0.044H19.097L19.097,24.272z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M25.589,28.038h-1.067l-1.353-1.864
c-0.099,0.004-0.18,0.006-0.243,0.006l-0.082-0.001l-0.09-0.005v1.16c0,0.252,0.027,0.408,0.082,0.47
c0.074,0.086,0.185,0.13,0.333,0.13h0.155v0.104h-1.702v-0.104h0.149c0.167,0,0.288-0.056,0.36-0.166
c0.041-0.061,0.061-0.205,0.061-0.434v-2.586c0-0.252-0.027-0.408-0.082-0.469c-0.076-0.086-0.189-0.13-0.339-0.13h-0.149v-0.104
h1.452c0.423,0,0.735,0.031,0.936,0.093c0.201,0.062,0.371,0.176,0.511,0.342s0.21,0.364,0.21,0.594
c0,0.246-0.08,0.459-0.241,0.64c-0.16,0.181-0.409,0.309-0.745,0.383l0.828,1.145c0.188,0.265,0.35,0.441,0.485,0.528
c0.135,0.087,0.311,0.142,0.529,0.166V28.038L25.589,28.038z M22.754,25.993l0.096,0.002l0.067,0.001
c0.377,0,0.661-0.083,0.853-0.249s0.287-0.378,0.287-0.635c0-0.251-0.077-0.456-0.232-0.613c-0.154-0.158-0.359-0.236-0.613-0.236
c-0.113,0-0.265,0.022-0.458,0.066V25.993L22.754,25.993z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M27.995,28.038l-1.54-3.361v2.667
c0,0.248,0.026,0.403,0.08,0.465c0.073,0.083,0.189,0.125,0.348,0.125h0.143v0.104h-1.397v-0.104h0.143
c0.17,0,0.291-0.052,0.362-0.155c0.044-0.063,0.065-0.208,0.065-0.435v-2.605c0-0.179-0.02-0.308-0.06-0.387
c-0.027-0.058-0.079-0.106-0.153-0.145s-0.193-0.058-0.357-0.058v-0.104h1.143l1.44,3.118l1.429-3.118h1.123v0.104h-0.14
c-0.172,0-0.294,0.052-0.365,0.155c-0.044,0.064-0.065,0.208-0.065,0.435v2.605c0,0.248,0.027,0.403,0.083,0.465
c0.073,0.083,0.189,0.125,0.348,0.125h0.14v0.104h-1.702v-0.104h0.143c0.173,0,0.293-0.052,0.362-0.155
c0.044-0.063,0.065-0.208,0.065-0.435v-2.667l-1.54,3.361H27.995L27.995,28.038z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M32.738,27.934v0.104h-1.702v-0.104h0.142
c0.164,0,0.284-0.048,0.358-0.145c0.047-0.063,0.07-0.215,0.07-0.455v-2.586c0-0.203-0.013-0.336-0.038-0.401
c-0.02-0.049-0.06-0.092-0.12-0.127c-0.087-0.047-0.177-0.071-0.271-0.071h-0.142v-0.104h1.702v0.104h-0.143
c-0.162,0-0.28,0.048-0.354,0.145c-0.049,0.063-0.073,0.215-0.073,0.455v2.586c0,0.203,0.013,0.337,0.038,0.401
c0.02,0.05,0.061,0.092,0.123,0.127c0.084,0.048,0.173,0.071,0.267,0.071H32.738L32.738,27.934z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M36.045,23.958l0.096,1.369h-0.096
c-0.12-0.412-0.293-0.708-0.517-0.889c-0.225-0.181-0.493-0.271-0.807-0.271c-0.263,0-0.5,0.067-0.713,0.202
c-0.212,0.134-0.379,0.348-0.501,0.643c-0.121,0.294-0.183,0.659-0.183,1.097c0,0.36,0.058,0.673,0.173,0.938
c0.115,0.264,0.289,0.467,0.521,0.608c0.231,0.141,0.495,0.212,0.793,0.212c0.257,0,0.484-0.056,0.683-0.167
c0.197-0.11,0.413-0.331,0.65-0.661l0.091,0.058c-0.199,0.355-0.433,0.615-0.699,0.78c-0.266,0.164-0.582,0.246-0.948,0.246
c-0.659,0-1.171-0.244-1.532-0.734c-0.271-0.363-0.405-0.793-0.405-1.286c0-0.397,0.089-0.763,0.267-1.096
c0.178-0.333,0.422-0.591,0.733-0.774c0.311-0.183,0.651-0.274,1.02-0.274c0.287,0,0.57,0.07,0.85,0.211
c0.081,0.043,0.14,0.064,0.175,0.064c0.053,0,0.099-0.019,0.138-0.056c0.051-0.053,0.087-0.126,0.108-0.22H36.045L36.045,23.958z"
/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#303490" d="M40.212,28.038h-1.066l-1.354-1.864
c-0.099,0.004-0.18,0.006-0.242,0.006l-0.082-0.001l-0.091-0.005v1.16c0,0.252,0.027,0.408,0.083,0.47
c0.073,0.086,0.185,0.13,0.333,0.13h0.155v0.104h-1.702v-0.104h0.148c0.168,0,0.288-0.056,0.36-0.166
c0.041-0.061,0.062-0.205,0.062-0.434v-2.586c0-0.252-0.027-0.408-0.082-0.469c-0.076-0.086-0.189-0.13-0.34-0.13h-0.148v-0.104
h1.452c0.423,0,0.734,0.031,0.936,0.093c0.201,0.062,0.371,0.176,0.512,0.342c0.14,0.166,0.21,0.364,0.21,0.594
c0,0.246-0.08,0.459-0.24,0.64c-0.161,0.181-0.409,0.309-0.745,0.383l0.828,1.145c0.188,0.265,0.35,0.441,0.484,0.528
c0.136,0.087,0.312,0.142,0.529,0.166V28.038L40.212,28.038z M37.377,25.993l0.097,0.002l0.067,0.001
c0.377,0,0.661-0.083,0.853-0.249s0.287-0.378,0.287-0.635c0-0.251-0.077-0.456-0.232-0.613c-0.154-0.158-0.358-0.236-0.613-0.236
c-0.112,0-0.266,0.022-0.458,0.066V25.993L37.377,25.993z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#C23E32" d="M39.831,26.043c0-1.151,0.934-2.084,2.085-2.084
c1.15,0,2.084,0.933,2.084,2.084c0,1.15-0.934,2.084-2.084,2.084C40.765,28.127,39.831,27.193,39.831,26.043L39.831,26.043z"/>
</g>
</g>
<g id="Layer_9">
<g opacity="0.35">
<path fill="#FFFFFF" d="M36.353,38.704c-1.297,0-3.031-0.544-5.299-1.661c-0.167-0.081-0.329-0.163-0.491-0.244
c-3.177,1.122-7.697,1.842-11.62,1.842c-3.211,0-7.18-0.464-7.85-2.669c-0.492-1.619,0.962-3.539,4.447-5.87
c0.154-0.103,0.306-0.204,0.458-0.304c0.583-3.136,2.066-7.104,3.905-10.435c1.251-2.266,3.703-6.067,6.059-6.067
c1.921,0,3.046,2.302,3.346,6.842c0.013,0.184,0.023,0.366,0.034,0.546c4.643,3.977,10.766,12.961,9.486,16.5
C38.578,37.877,37.944,38.704,36.353,38.704z M32.152,36.15c1.803,0.846,3.214,1.273,4.2,1.273c0.911,0,1.158-0.36,1.271-0.675
c0.85-2.353-3.571-9.87-8.208-14.274c0.031,1.234,0.018,2.417-0.039,3.531v0.002l-0.001,0.021c0.096,0.347,0.068,0.747-0.08,1.188
v0.006c-0.026,0.305-0.056,0.604-0.089,0.895l0.005,0.002l-0.001,0.002c0.101,0.037,0.202,0.076,0.304,0.114
c3.821,1.445,5.676,2.959,5.669,4.627C35.179,34.097,34.16,35.201,32.152,36.15z M15.765,31.499
c-3.482,2.429-3.577,3.67-3.447,4.101c0.325,1.069,2.925,1.761,6.625,1.761c3.33,0,7.096-0.534,10.03-1.395
c-1.085-0.589-2.101-1.19-3.035-1.797h-0.001l-0.019-0.012c-0.349-0.091-0.681-0.313-0.99-0.664l-0.004-0.004
c-0.25-0.174-0.495-0.349-0.729-0.522L24.19,32.97l-0.002-0.002c-0.083,0.069-0.166,0.137-0.25,0.206
c-2.391,1.956-4.228,2.906-5.617,2.906c-0.738,0-1.362-0.276-1.803-0.8C15.874,34.518,15.623,33.248,15.765,31.499z M27.48,33.628
c0.979,0.601,2.039,1.195,3.163,1.776c2.045-0.794,3.257-1.738,3.261-2.547c0.002-0.479-0.467-1.771-4.842-3.426
c-0.013-0.004-0.024-0.009-0.036-0.014C28.753,31.066,28.284,32.767,27.48,33.628z M17.166,30.566
c-0.291,1.882-0.174,3.29,0.331,3.888c0.199,0.237,0.46,0.346,0.824,0.346c0.733,0,2.162-0.454,4.807-2.616
c0.01-0.009,0.02-0.017,0.029-0.025c-1.24-1.021-2.52-2.298-2.869-3.445C19.277,29.261,18.231,29.882,17.166,30.566z
M25.801,32.54c0.177,0.122,0.36,0.246,0.547,0.368c0.304-0.124,0.903-1.012,1.33-3.221c-0.605,0.683-1.362,1.429-2.264,2.23
C25.543,32.167,25.672,32.373,25.801,32.54z M21.476,28.093c-0.002,0.024-0.002,0.057,0.003,0.097
c0.06,0.482,0.662,1.406,2.12,2.668c-0.289-0.865-0.557-1.894-0.801-3.077c-0.279-0.012-0.524-0.004-0.731,0.024
C21.873,27.896,21.675,27.993,21.476,28.093z M24.142,27.948c0.23,1.057,0.479,1.967,0.746,2.723
c0.8-0.729,1.463-1.399,1.983-2.007C25.841,28.335,24.928,28.096,24.142,27.948z M25.962,14.577c-2.364,0-6.904,7.849-8.45,14.262
c1.052-0.644,2.082-1.224,3.074-1.73l0-0.001l0.019-0.009c0.254-0.258,0.613-0.435,1.072-0.526l0.004-0.002
c0.277-0.131,0.55-0.254,0.818-0.37l-0.001-0.005l0.003-0.002c-0.018-0.104-0.036-0.211-0.053-0.318
c-0.558-3.413-0.37-5.611,0.573-6.722c0.443-0.521,1.056-0.797,1.769-0.797c0.896,0,1.967,0.429,3.195,1.277
C27.597,15.084,26.451,14.577,25.962,14.577z M24.626,26.739c0.893,0.182,1.917,0.464,3.062,0.845
c0.151-0.236,0.267-0.452,0.346-0.646c0.016-0.213,0.032-0.432,0.046-0.652c-0.105-0.076-0.343-0.141-0.71-0.141
C26.695,26.145,25.744,26.353,24.626,26.739z M24.791,19.636c-0.34,0-0.592,0.11-0.793,0.347
c-0.381,0.448-0.924,1.782-0.287,5.686c0.002,0.012,0.005,0.025,0.007,0.038c1.474-0.552,2.728-0.842,3.652-0.842
c0.296,0,0.55,0.029,0.767,0.08c0.031-1.15,0.016-2.367-0.044-3.633C26.746,20.229,25.58,19.636,24.791,19.636z"/>
</g>
<g>
<path fill="#8C8C94" d="M36.353,37.704c-1.297,0-3.031-0.544-5.299-1.661c-0.167-0.081-0.329-0.163-0.491-0.244
c-3.177,1.122-7.697,1.842-11.62,1.842c-3.211,0-7.18-0.464-7.85-2.669c-0.492-1.619,0.962-3.539,4.447-5.87
c0.154-0.103,0.306-0.204,0.458-0.304c0.583-3.136,2.066-7.104,3.905-10.435c1.251-2.266,3.703-6.067,6.059-6.067
c1.921,0,3.046,2.302,3.346,6.842c0.013,0.184,0.023,0.366,0.034,0.546c4.643,3.977,10.766,12.961,9.486,16.5
C38.578,36.877,37.944,37.704,36.353,37.704z M32.152,35.15c1.803,0.846,3.214,1.273,4.2,1.273c0.911,0,1.158-0.36,1.271-0.675
c0.85-2.353-3.571-9.87-8.208-14.274c0.031,1.234,0.018,2.417-0.039,3.531v0.001l-0.001,0.021c0.096,0.347,0.068,0.747-0.08,1.188
v0.006c-0.026,0.305-0.056,0.604-0.089,0.895l0.005,0.002l-0.001,0.002c0.101,0.037,0.202,0.076,0.304,0.114
c3.821,1.445,5.676,2.959,5.669,4.627C35.179,33.097,34.16,34.201,32.152,35.15z M15.765,30.499
c-3.482,2.429-3.577,3.67-3.447,4.101c0.325,1.069,2.925,1.761,6.625,1.761c3.33,0,7.096-0.534,10.03-1.395
c-1.085-0.589-2.101-1.19-3.035-1.797h-0.001l-0.019-0.012c-0.349-0.091-0.681-0.313-0.99-0.664l-0.004-0.004
c-0.25-0.174-0.495-0.349-0.729-0.522L24.19,31.97l-0.002-0.002c-0.083,0.069-0.166,0.137-0.25,0.206
c-2.391,1.956-4.228,2.906-5.617,2.906c-0.738,0-1.362-0.276-1.803-0.8C15.874,33.518,15.623,32.248,15.765,30.499z M27.48,32.628
c0.979,0.601,2.039,1.195,3.163,1.776c2.045-0.794,3.257-1.738,3.261-2.547c0.002-0.479-0.467-1.771-4.842-3.426
c-0.013-0.004-0.024-0.009-0.036-0.014C28.753,30.066,28.284,31.767,27.48,32.628z M17.166,29.566
c-0.291,1.882-0.174,3.29,0.331,3.888c0.199,0.237,0.46,0.346,0.824,0.346c0.733,0,2.162-0.454,4.807-2.616
c0.01-0.009,0.02-0.017,0.029-0.025c-1.24-1.021-2.52-2.298-2.869-3.445C19.277,28.261,18.231,28.882,17.166,29.566z
M25.801,31.54c0.177,0.122,0.36,0.246,0.547,0.368c0.304-0.124,0.903-1.012,1.33-3.221c-0.605,0.683-1.362,1.429-2.264,2.23
C25.543,31.167,25.672,31.373,25.801,31.54z M21.476,27.093c-0.002,0.024-0.002,0.057,0.003,0.097
c0.06,0.482,0.662,1.406,2.12,2.668c-0.289-0.865-0.557-1.894-0.801-3.077c-0.279-0.012-0.524-0.004-0.731,0.024
C21.873,26.896,21.675,26.993,21.476,27.093z M24.142,26.948c0.23,1.057,0.479,1.967,0.746,2.723
c0.8-0.729,1.463-1.399,1.983-2.007C25.841,27.335,24.928,27.096,24.142,26.948z M25.962,13.577c-2.364,0-6.904,7.849-8.45,14.262
c1.052-0.644,2.082-1.224,3.074-1.73l0-0.001l0.019-0.009c0.254-0.258,0.613-0.435,1.072-0.526l0.004-0.002
c0.277-0.13,0.55-0.253,0.818-0.37l-0.001-0.005l0.003-0.001c-0.018-0.105-0.036-0.211-0.053-0.319
c-0.558-3.412-0.37-5.611,0.573-6.722c0.443-0.521,1.056-0.797,1.769-0.797c0.896,0,1.967,0.429,3.195,1.277
C27.597,14.084,26.451,13.577,25.962,13.577z M24.626,25.739c0.893,0.182,1.917,0.464,3.062,0.845
c0.151-0.236,0.267-0.452,0.346-0.646c0.016-0.213,0.032-0.432,0.046-0.652c-0.105-0.076-0.343-0.141-0.71-0.141
C26.695,25.145,25.744,25.353,24.626,25.739z M24.791,18.636c-0.34,0-0.592,0.11-0.793,0.347
c-0.381,0.448-0.924,1.782-0.287,5.686c0.002,0.012,0.005,0.025,0.007,0.038c1.474-0.552,2.728-0.842,3.652-0.842
c0.296,0,0.55,0.029,0.767,0.08c0.031-1.15,0.016-2.367-0.044-3.633C26.746,19.229,25.58,18.636,24.791,18.636z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

632
static/img/logos/qemu-logo.svg Normal file
View File

@ -0,0 +1,632 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px"
height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g id="Layer_3" display="none">
<rect display="inline" fill="#6B2000" width="50" height="50"/>
</g>
<g id="Layer_1" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M24.535,11c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.029
c0.226-4.54,2.003-7.756,4.38-10.141C16.783,12.983,20.041,11.248,24.535,11z M21.595,13.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.599c-0.196-4.173-1.892-7.003-4.125-9.161
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,12.779,22.493,12.91,21.595,13.152z"/>
<path fill="#FFFFFF" d="M23.62,22.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.64,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,23.778,22.324,22.936,23.62,22.104z M16.12,24.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,24.453,16.119,24.475,16.12,24.496z"/>
<path fill="#FFFFFF" d="M32.261,22.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,22.504,32.243,22.482,32.261,22.479z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M24.535,10c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.03
c0.226-4.539,2.003-7.757,4.38-10.14C16.783,11.983,20.041,10.248,24.535,10z M21.595,12.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.598c-0.196-4.174-1.892-7.004-4.125-9.162
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,11.779,22.493,11.91,21.595,12.152z"/>
<path fill="#8C8C94" d="M23.62,21.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.639,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,22.778,22.324,21.936,23.62,21.104z M16.12,23.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,23.453,16.119,23.475,16.12,23.496z"/>
<path fill="#8C8C94" d="M32.261,21.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,21.504,32.243,21.482,32.261,21.479z"/>
</g>
</g>
<g id="Layer_2" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M37.562,16.313l-12.081-5.229C25.35,11.028,25.178,11,25.006,11c-0.005,0-0.011,0-0.016,0
s-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324l0.025,0.015
c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286c0,0.004,0,0.009,0,0.013
c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.118-0.012,0.235-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.033,0-0.064-0.001-0.098c-0.059,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.266l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.435-0.545,0.457-0.828
l1.031-12.678C38.021,16.752,37.823,16.428,37.562,16.313z M24.975,12.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,12.994z
M35.666,29.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.048c0-0.001-0.001-0.002-0.002-0.003
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111c0.163,0,0.325-0.037,0.448-0.11l10.441-6.232
l0.725-0.433L35.666,29.549z"/>
<path fill="#FFFFFF" d="M35.427,19.699l-9.035,5.533c-0.122,0.075-0.223,0.252-0.223,0.395l-0.021,9.267
c0,0.142,0.096,0.188,0.21,0.104l8.425-6.123c0.116-0.084,0.22-0.269,0.229-0.41l0.619-8.645
C35.641,19.679,35.548,19.624,35.427,19.699z"/>
<path fill="#FFFFFF" d="M23.676,25.274L14.642,19.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.666
c0.009,0.142,0.112,0.326,0.229,0.411l8.489,6.208c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,25.527,23.797,25.35,23.676,25.274z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M37.562,15.313l-12.081-5.229C25.35,10.028,25.178,10,25.006,10c-0.005,0-0.011,0-0.016,0
s-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324l0.025,0.015
c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286c0,0.004,0,0.009,0,0.013
c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.118-0.012,0.235-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.033,0-0.064-0.001-0.098c-0.059,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.266l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.435-0.545,0.457-0.828
l1.031-12.678C38.021,15.752,37.823,15.428,37.562,15.313z M24.975,11.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,11.994z
M35.666,28.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.048c0-0.001-0.001-0.002-0.002-0.003
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111c0.163,0,0.325-0.037,0.448-0.11l10.441-6.232
l0.725-0.433L35.666,28.549z"/>
<path fill="#8C8C94" d="M35.427,18.699l-9.035,5.533c-0.122,0.075-0.223,0.252-0.223,0.395l-0.021,9.267
c0,0.142,0.096,0.188,0.21,0.104l8.425-6.123c0.116-0.084,0.22-0.269,0.229-0.41l0.619-8.645
C35.641,18.679,35.548,18.624,35.427,18.699z"/>
<path fill="#8C8C94" d="M23.676,24.274L14.642,18.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.666
c0.009,0.142,0.112,0.326,0.229,0.411l8.489,6.208c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,24.527,23.797,24.35,23.676,24.274z"/>
</g>
</g>
<g id="Layer_4" display="none">
<g display="inline" opacity="0.35">
<rect x="18.484" y="28.602" fill="#FFFFFF" width="1.316" height="5.213"/>
<path fill="#FFFFFF" d="M30.407,30.095c-0.054-0.028-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.393,1.44,1.393c0.618,0,1.051-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.02-2.775-2.7c0-1.556,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V30.095z"/>
<path fill="#FFFFFF" d="M16.677,30.095c-0.053-0.028-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.393,1.441,1.393c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.02-2.775-2.7c0-1.556,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V30.095z"/>
<path fill="#FFFFFF" d="M37.3,31.205c0,1.493-1.15,2.7-2.754,2.7c-1.604,0-2.753-1.207-2.753-2.7c0-1.488,1.148-2.697,2.753-2.697
C36.149,28.508,37.3,29.717,37.3,31.205z M34.546,29.834c-0.781,0-1.361,0.614-1.361,1.371c0,0.76,0.58,1.374,1.361,1.374
c0.779,0,1.359-0.614,1.359-1.374C35.905,30.448,35.325,29.834,34.546,29.834z"/>
<path fill="#FFFFFF" d="M24.79,29.785c-0.02-0.005-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.178-0.816,0.427
c0,0.318,0.387,0.429,0.603,0.499l0.364,0.114c0.854,0.272,1.244,0.855,1.244,1.491c0,1.31-1.152,1.748-2.16,1.748
c-0.701,0-1.355-0.126-1.42-0.141v-1.2c0.117,0.028,0.669,0.192,1.243,0.192c0.653,0,0.956-0.189,0.956-0.485
c0-0.265-0.261-0.417-0.589-0.52c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166V29.785z"/>
<path fill="#FFFFFF" d="M11.307,22.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V22.998z"/>
<path fill="#FFFFFF" d="M14.894,21.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.202z"/>
<path fill="#FFFFFF" d="M18.482,18.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V18.745z"/>
<path fill="#FFFFFF" d="M22.067,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M25.652,22.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V22.998z"/>
<path fill="#FFFFFF" d="M29.241,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.29,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M32.829,18.745c0-0.359-0.292-0.651-0.65-0.651c-0.36,0-0.651,0.292-0.651,0.651v6.923
c0,0.36,0.291,0.651,0.651,0.651c0.358,0,0.65-0.291,0.65-0.651V18.745z"/>
<path fill="#FFFFFF" d="M36.418,21.202c0-0.358-0.291-0.651-0.659-0.651c-0.357,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.292,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V21.202z"/>
<path fill="#FFFFFF" d="M40,22.998c0-0.358-0.291-0.65-0.649-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.358,0,0.649-0.292,0.649-0.654V22.998z"/>
</g>
<g display="inline">
<rect x="18.484" y="27.602" fill="#8C8C94" width="1.316" height="5.213"/>
<path fill="#8C8C94" d="M30.407,29.095c-0.054-0.028-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.393,1.44,1.393c0.618,0,1.051-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.02-2.775-2.7c0-1.556,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V29.095z"/>
<path fill="#8C8C94" d="M16.677,29.095c-0.053-0.028-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.393,1.441,1.393c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.02-2.775-2.7c0-1.556,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V29.095z"/>
<path fill="#8C8C94" d="M37.3,30.205c0,1.493-1.15,2.7-2.754,2.7c-1.604,0-2.753-1.207-2.753-2.7c0-1.488,1.148-2.697,2.753-2.697
C36.149,27.508,37.3,28.717,37.3,30.205z M34.546,28.834c-0.781,0-1.361,0.614-1.361,1.371c0,0.76,0.58,1.374,1.361,1.374
c0.779,0,1.359-0.614,1.359-1.374C35.905,29.448,35.325,28.834,34.546,28.834z"/>
<path fill="#8C8C94" d="M24.79,28.785c-0.02-0.005-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.178-0.816,0.427
c0,0.318,0.387,0.429,0.603,0.499l0.364,0.114c0.854,0.272,1.244,0.855,1.244,1.491c0,1.31-1.152,1.748-2.16,1.748
c-0.701,0-1.355-0.126-1.42-0.141v-1.2c0.117,0.028,0.669,0.192,1.243,0.192c0.653,0,0.956-0.189,0.956-0.485
c0-0.265-0.261-0.417-0.589-0.52c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166V28.785z"/>
<path fill="#8C8C94" d="M11.307,21.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.998z"/>
<path fill="#8C8C94" d="M14.894,20.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V20.202z"/>
<path fill="#8C8C94" d="M18.482,17.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V17.745z"/>
<path fill="#8C8C94" d="M22.067,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C94" d="M25.652,21.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V21.998z"/>
<path fill="#8C8C94" d="M29.241,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.29,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C94" d="M32.829,17.745c0-0.359-0.292-0.651-0.65-0.651c-0.36,0-0.651,0.292-0.651,0.651v6.923
c0,0.36,0.291,0.651,0.651,0.651c0.358,0,0.65-0.291,0.65-0.651V17.745z"/>
<path fill="#8C8C94" d="M36.418,20.202c0-0.358-0.291-0.651-0.659-0.651c-0.357,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.292,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V20.202z"/>
<path fill="#8C8C94" d="M40,21.998c0-0.358-0.291-0.65-0.649-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.358,0,0.649-0.292,0.649-0.654V21.998z"/>
</g>
</g>
<g id="Layer_5" display="none">
<path display="inline" opacity="0.35" fill="#FFFFFF" d="M13.146,20.878c-0.378-0.826-1.31-1.201-2.18-0.812
c-0.873,0.385-1.193,1.352-0.8,2.18l3.655,7.944c0.576,1.242,1.182,1.9,2.317,1.9c1.215,0,1.745-0.714,2.318-1.9
c0,0,3.188-6.94,3.22-7.014c0.033-0.073,0.134-0.297,0.457-0.294c0.275,0.001,0.507,0.219,0.507,0.512v6.79
c0,1.048,0.582,1.906,1.697,1.906c1.116,0,1.72-0.858,1.72-1.906v-5.555c0-1.07,0.765-1.765,1.812-1.765
c1.047,0,1.741,0.719,1.741,1.765v5.555c0,1.048,0.581,1.906,1.696,1.906s1.722-0.858,1.722-1.906v-5.555
c0-1.07,0.766-1.765,1.812-1.765c1.046,0,1.742,0.719,1.742,1.765v5.555c0,1.048,0.58,1.906,1.697,1.906
c1.114,0,1.72-0.858,1.72-1.906v-6.322c0-2.324-1.869-3.951-4.113-3.951c-2.246,0-3.652,1.553-3.652,1.553
c-0.75-0.968-1.78-1.551-3.522-1.551c-1.839,0-3.449,1.551-3.449,1.551c-0.749-0.968-2.021-1.551-3.076-1.551
c-1.628,0-2.924,0.716-3.715,2.524l-2.333,5.499L13.146,20.878z"/>
<path display="inline" fill="#8C8C94" d="M13.146,19.878c-0.378-0.826-1.31-1.201-2.18-0.812c-0.873,0.385-1.193,1.352-0.8,2.18
l3.655,7.944c0.576,1.242,1.182,1.9,2.317,1.9c1.215,0,1.745-0.714,2.318-1.9c0,0,3.188-6.94,3.22-7.014
c0.033-0.073,0.134-0.297,0.457-0.294c0.275,0.001,0.507,0.219,0.507,0.512v6.79c0,1.048,0.582,1.906,1.697,1.906
c1.116,0,1.72-0.858,1.72-1.906v-5.555c0-1.07,0.765-1.765,1.812-1.765c1.047,0,1.741,0.719,1.741,1.765v5.555
c0,1.048,0.581,1.906,1.696,1.906s1.722-0.858,1.722-1.906v-5.555c0-1.07,0.766-1.765,1.812-1.765c1.046,0,1.742,0.719,1.742,1.765
v5.555c0,1.048,0.58,1.906,1.697,1.906c1.114,0,1.72-0.858,1.72-1.906v-6.322c0-2.324-1.869-3.951-4.113-3.951
c-2.246,0-3.652,1.553-3.652,1.553c-0.75-0.968-1.78-1.551-3.522-1.551c-1.839,0-3.449,1.551-3.449,1.551
c-0.749-0.968-2.021-1.551-3.076-1.551c-1.628,0-2.924,0.716-3.715,2.524l-2.333,5.499L13.146,19.878z"/>
</g>
<g id="Layer_6" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M24.999,12c-0.446,0-0.889,0.022-1.326,0.063l-2.538,7.166c-0.061,0.17,0.039,0.312,0.222,0.312h1.314
c0.184,0,0.54,0.007,1.228,0.007c0.689,0,2.193,0.859,1.669,2.589c-0.526,1.729-3.391,9.603-3.391,9.603
c-0.062,0.17-0.262,0.311-0.446,0.311h-2.77c-0.184,0-0.286-0.142-0.224-0.312l3.222-9.062l0.347-0.984
c0,0,0.071-0.422-0.393-0.422l-1.14-0.001c-0.185,0-0.384,0.141-0.445,0.31l-3.632,10.159c-0.06,0.171-0.261,0.31-0.443,0.31
l-2.655-0.002c-0.184,0-0.283-0.141-0.224-0.312l6.621-18.812C14.735,14.936,11,20.031,11,26c0,6.564,4.518,12.072,10.615,13.587
l3.082-8.841L28.513,19.8l0,0l0.108-0.312l5.439,0.003c1.636,0.002,3.331,0.871,2.453,3.245l-0.11,0.31
c0,0.002,0,0.002-0.002,0.002l-0.998,2.802l-1.409,3.948c-0.468,1.33-0.877,2.257-3.335,2.256h-0.33c-0.001,0-0.003,0-0.003,0
l-1.203-0.001l-1.206-0.001c-0.184,0-0.382,0.139-0.441,0.309l-1.631,4.668l-1.039,2.969C24.871,39.998,24.934,40,24.999,40
C32.732,40,39,33.732,39,26C39,18.268,32.732,12,24.999,12z"/>
<path fill="#FFFFFF" d="M29.656,30.317h0.01c0.585,0,0.88-0.638,0.937-0.984c0.06-0.349,2.521-7.238,2.521-7.238
c0.174-0.462-0.043-0.649-0.043-0.649c-0.139-0.12-0.4-0.218-0.586-0.218l-0.396,0h-0.397c-0.184,0-0.383,0.14-0.442,0.311
l-2.959,8.465c-0.06,0.171,0.041,0.312,0.225,0.312L29.656,30.317z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M24.999,11c-0.446,0-0.889,0.022-1.326,0.063l-2.538,7.166c-0.061,0.17,0.039,0.312,0.222,0.312h1.314
c0.184,0,0.54,0.007,1.228,0.007c0.689,0,2.193,0.859,1.669,2.589c-0.526,1.729-3.391,9.603-3.391,9.603
c-0.062,0.17-0.262,0.311-0.446,0.311h-2.77c-0.184,0-0.286-0.142-0.224-0.312l3.222-9.062l0.347-0.984
c0,0,0.071-0.422-0.393-0.422l-1.14-0.001c-0.185,0-0.384,0.141-0.445,0.31l-3.632,10.159c-0.06,0.171-0.261,0.31-0.443,0.31
l-2.655-0.002c-0.184,0-0.283-0.141-0.224-0.312l6.621-18.812C14.735,13.936,11,19.031,11,25c0,6.564,4.518,12.072,10.615,13.587
l3.082-8.841L28.513,18.8l0,0l0.108-0.312l5.439,0.003c1.636,0.002,3.331,0.871,2.453,3.245l-0.11,0.31
c0,0.002,0,0.002-0.002,0.002l-0.998,2.802l-1.409,3.948c-0.468,1.33-0.877,2.257-3.335,2.256h-0.33c-0.001,0-0.003,0-0.003,0
l-1.203-0.001l-1.206-0.001c-0.184,0-0.382,0.139-0.441,0.309l-1.631,4.668l-1.039,2.969C24.871,38.998,24.934,39,24.999,39
C32.732,39,39,32.732,39,25C39,17.268,32.732,11,24.999,11z"/>
<path fill="#8C8C94" d="M29.656,29.317h0.01c0.585,0,0.88-0.638,0.937-0.984c0.06-0.349,2.521-7.238,2.521-7.238
c0.174-0.462-0.043-0.649-0.043-0.649c-0.139-0.12-0.4-0.218-0.586-0.218l-0.396,0h-0.397c-0.184,0-0.383,0.14-0.442,0.311
l-2.959,8.465c-0.06,0.171,0.041,0.312,0.225,0.312L29.656,29.317z"/>
</g>
</g>
<g id="Layer_7" display="none">
<g display="inline" opacity="0.35">
<g>
<path fill="#FFFFFF" d="M17.232,34.131c-2.171,0-4.213-0.847-5.749-2.382C9.947,30.213,9.102,28.171,9.102,26
c0-2.171,0.846-4.213,2.381-5.749c1.536-1.536,3.578-2.381,5.749-2.381s4.213,0.845,5.749,2.381
c1.536,1.536,2.381,3.578,2.381,5.749c0,2.171-0.846,4.213-2.381,5.749C21.445,33.284,19.403,34.131,17.232,34.131z
M17.232,18.569c-1.984,0-3.851,0.773-5.255,2.177C10.574,22.15,9.801,24.016,9.801,26c0,1.985,0.773,3.851,2.176,5.256
c1.404,1.402,3.271,2.176,5.255,2.176c1.985,0,3.852-0.773,5.255-2.176c1.403-1.405,2.175-3.271,2.175-5.256
c0-1.986-0.772-3.85-2.175-5.254C21.083,19.342,19.217,18.569,17.232,18.569z"/>
</g>
<path fill="#FFFFFF" d="M28.412,26.061c0.168-0.721-0.099-1.2-0.917-1.2c-0.771,0-1.308,0.467-1.479,1.2H28.412z M25.767,27.126
c-0.223,0.945,0.092,1.378,0.913,1.378c0.695,0,1.045-0.289,1.226-0.645h3.521c-0.329,0.935-1.797,1.822-4.962,1.822
c-2.874,0-4.619-0.855-4.125-2.965c0.507-2.167,2.715-3.032,5.429-3.032c2.349,0,4.562,0.677,3.983,3.142l-0.069,0.3H25.767z"/>
<path fill="#FFFFFF" d="M32.588,26.083c0.174-0.744,0.333-1.478,0.438-2.188h3.546l-0.18,0.978h0.024
c0.772-0.79,1.831-1.188,3.077-1.188c1.102,0,2.918,0.332,2.421,2.454l-0.778,3.331h-3.594l0.697-2.987
c0.192-0.82-0.095-1.11-0.718-1.11c-0.831,0-1.283,0.465-1.482,1.321l-0.651,2.776h-3.594L32.588,26.083z"/>
<polygon fill="#FFFFFF" points="14.989,26.189 11.143,21.449 15.856,21.458 17.897,24.22 21.292,21.449 26.747,21.449
19.938,26.677 23.767,31.605 19.017,31.605 17.066,28.735 13.437,31.605 8,31.605 "/>
</g>
<g display="inline">
<g>
<path fill="#8C8C94" d="M17.232,33.131c-2.171,0-4.213-0.847-5.749-2.382C9.947,29.213,9.102,27.171,9.102,25
c0-2.171,0.846-4.213,2.381-5.749c1.536-1.536,3.578-2.381,5.749-2.381s4.213,0.845,5.749,2.381
c1.536,1.536,2.381,3.578,2.381,5.749c0,2.171-0.846,4.213-2.381,5.749C21.445,32.284,19.403,33.131,17.232,33.131z
M17.232,17.569c-1.984,0-3.851,0.773-5.255,2.177C10.574,21.15,9.801,23.016,9.801,25c0,1.985,0.773,3.851,2.176,5.256
c1.404,1.402,3.271,2.176,5.255,2.176c1.985,0,3.852-0.773,5.255-2.176c1.403-1.405,2.175-3.271,2.175-5.256
c0-1.986-0.772-3.85-2.175-5.254C21.083,18.342,19.217,17.569,17.232,17.569z"/>
</g>
<path fill="#8C8C94" d="M28.412,25.061c0.168-0.722-0.099-1.2-0.917-1.2c-0.771,0-1.308,0.467-1.479,1.2H28.412z M25.767,26.126
c-0.223,0.945,0.092,1.378,0.913,1.378c0.695,0,1.045-0.289,1.226-0.645h3.521c-0.329,0.935-1.797,1.822-4.962,1.822
c-2.874,0-4.619-0.855-4.125-2.965c0.507-2.167,2.715-3.032,5.429-3.032c2.349,0,4.562,0.677,3.983,3.142l-0.069,0.3H25.767z"/>
<path fill="#8C8C94" d="M32.588,25.083c0.174-0.744,0.333-1.478,0.438-2.188h3.546l-0.18,0.978h0.024
c0.772-0.79,1.831-1.188,3.077-1.188c1.102,0,2.918,0.332,2.421,2.454l-0.778,3.332h-3.594l0.697-2.987
c0.192-0.821-0.095-1.11-0.718-1.11c-0.831,0-1.283,0.466-1.482,1.321l-0.651,2.776h-3.594L32.588,25.083z"/>
<polygon fill="#8C8C94" points="14.989,25.189 11.143,20.449 15.856,20.458 17.897,23.22 21.292,20.449 26.747,20.449
19.938,25.677 23.767,30.605 19.017,30.605 17.066,27.735 13.437,30.605 8,30.605 "/>
</g>
</g>
<g id="Layer_8" display="none">
<g display="inline">
<path fill="#FFFFFF" d="M10.105,20.082c0.354,0.28,0.954,0.656,1.782,1.118c0.859,0.482,1.339,0.769,1.514,0.904
c0.26,0.196,0.457,0.414,0.582,0.648c0.124,0.227,0.186,0.455,0.186,0.677c0,0.4-0.165,0.752-0.488,1.046
c-0.327,0.296-0.78,0.447-1.35,0.447c-0.499,0-0.962-0.113-1.378-0.335c-0.413-0.218-0.724-0.496-0.925-0.828
c-0.204-0.337-0.368-0.854-0.49-1.538l-0.014-0.079H9.092v3.528h0.434l0.012-0.081c0.039-0.256,0.092-0.357,0.128-0.396
c0.052-0.052,0.122-0.078,0.215-0.078c0.078,0,0.291,0.039,0.855,0.223c0.465,0.151,0.779,0.24,0.933,0.266
c0.238,0.045,0.504,0.067,0.812,0.067c0.92,0,1.683-0.276,2.268-0.821c0.588-0.55,0.887-1.212,0.887-1.97
c0-0.398-0.094-0.785-0.279-1.151c-0.185-0.365-0.452-0.685-0.793-0.952c-0.335-0.262-0.964-0.642-1.869-1.127
c-1.096-0.589-1.796-1.064-2.081-1.409c-0.19-0.225-0.286-0.477-0.286-0.747c0-0.355,0.154-0.679,0.457-0.962
c0.303-0.285,0.695-0.429,1.165-0.429c0.419,0,0.833,0.108,1.229,0.322c0.391,0.211,0.697,0.501,0.911,0.863
c0.214,0.365,0.366,0.865,0.45,1.488l0.011,0.083h0.437V15.33h-0.43l-0.017,0.076c-0.056,0.254-0.119,0.357-0.161,0.396
c-0.062,0.057-0.141,0.085-0.239,0.085c-0.065,0-0.209-0.029-0.528-0.171c-0.586-0.256-1.15-0.386-1.675-0.386
c-0.845,0-1.553,0.263-2.107,0.782C9.28,16.635,9,17.265,9,17.985c0,0.416,0.095,0.802,0.283,1.149
C9.47,19.48,9.747,19.798,10.105,20.082z"/>
<path fill="#FFFFFF" d="M16.584,19.372c0.063,0.072,0.138,0.256,0.138,0.722v2.528c0,0.802,0.053,1.334,0.16,1.629
c0.159,0.433,0.434,0.782,0.815,1.036c0.38,0.255,0.939,0.384,1.662,0.384c0.668,0,1.205-0.134,1.596-0.399
c0.393-0.268,0.66-0.593,0.795-0.968c0.135-0.369,0.2-0.874,0.2-1.54v-2.622c0-0.452,0.052-0.596,0.084-0.645
c0.119-0.188,0.283-0.279,0.502-0.279h0.339v-0.362h-2.461v0.362h0.337c0.217,0,0.373,0.058,0.479,0.177
c0.04,0.047,0.108,0.2,0.108,0.7v2.618c0,0.67-0.059,1.15-0.176,1.425c-0.114,0.265-0.333,0.486-0.648,0.659
c-0.323,0.178-0.691,0.268-1.095,0.268c-0.315,0-0.584-0.057-0.798-0.167c-0.213-0.11-0.377-0.25-0.488-0.416
c-0.114-0.167-0.193-0.409-0.238-0.718c-0.046-0.319-0.069-0.605-0.069-0.851v-2.818c0-0.426,0.054-0.597,0.101-0.666
c0.094-0.142,0.253-0.211,0.483-0.211h0.342v-0.362h-2.957v0.362h0.336C16.344,19.217,16.497,19.269,16.584,19.372z"/>
<path fill="#FFFFFF" d="M25.917,25.17h-0.343c-0.215,0-0.37-0.058-0.473-0.179c-0.033-0.037-0.109-0.177-0.109-0.697v-1.775
c0.156,0.031,0.317,0.059,0.472,0.076c0.176,0.022,0.351,0.034,0.516,0.034c0.658,0,1.175-0.176,1.539-0.522
c0.364-0.352,0.55-0.809,0.55-1.362c0-0.409-0.122-0.769-0.364-1.07c-0.239-0.295-0.538-0.508-0.884-0.634
c-0.342-0.123-0.812-0.185-1.398-0.185h-2.46v0.362h0.34c0.216,0,0.377,0.06,0.48,0.178c0.04,0.044,0.105,0.195,0.105,0.699v4.2
c0,0.459-0.05,0.605-0.079,0.65c-0.1,0.152-0.266,0.226-0.507,0.226h-0.34v0.363h2.955V25.17z M24.992,22.049v-2.544
c0.21-0.046,0.387-0.07,0.524-0.07c0.244,0,0.467,0.055,0.66,0.165c0.191,0.11,0.335,0.273,0.44,0.499
c0.107,0.229,0.162,0.479,0.162,0.742c0,0.388-0.109,0.693-0.33,0.932c-0.221,0.239-0.476,0.355-0.778,0.355
c-0.097,0-0.203-0.007-0.32-0.023C25.252,22.093,25.137,22.075,24.992,22.049z"/>
<path fill="#FFFFFF" d="M34.204,23.719h-0.396l-0.027,0.052c-0.199,0.381-0.397,0.668-0.586,0.854
c-0.142,0.137-0.284,0.227-0.435,0.275c-0.155,0.045-0.414,0.068-0.769,0.068h-1.096c-0.188,0-0.27-0.019-0.306-0.033
l-0.104-0.121c-0.012-0.039-0.025-0.151-0.025-0.469V22.32h1.291c0.256,0,0.444,0.029,0.562,0.085
c0.11,0.053,0.189,0.125,0.238,0.216c0.019,0.04,0.068,0.175,0.125,0.574l0.011,0.083h0.35v-2.432H32.68l-0.004,0.091
c-0.021,0.336-0.103,0.57-0.247,0.696c-0.104,0.092-0.331,0.139-0.678,0.139H30.46v-2.352h1.655c0.308,0,0.521,0.021,0.628,0.061
c0.14,0.06,0.246,0.145,0.313,0.251c0.072,0.115,0.142,0.336,0.206,0.659l0.016,0.078h0.381l-0.071-1.613h-5.159v0.362h0.324
c0.237,0,0.405,0.055,0.5,0.161c0.036,0.044,0.1,0.197,0.1,0.716v4.2c0,0.315-0.016,0.511-0.047,0.598
c-0.03,0.08-0.083,0.139-0.164,0.178c-0.118,0.066-0.249,0.1-0.389,0.1h-0.324v0.363h5.15L34.204,23.719z"/>
<path fill="#FFFFFF" d="M40.914,25.17c-0.34-0.036-0.615-0.122-0.819-0.253c-0.209-0.137-0.465-0.417-0.761-0.833l-1.26-1.742
c0.493-0.128,0.869-0.336,1.118-0.618c0.276-0.307,0.416-0.678,0.416-1.102c0-0.394-0.122-0.74-0.365-1.027
c-0.243-0.286-0.528-0.478-0.876-0.585c-0.334-0.104-0.855-0.155-1.547-0.155h-2.452v0.362h0.337c0.213,0,0.375,0.06,0.479,0.178
c0.04,0.045,0.107,0.196,0.107,0.699v4.2c0,0.457-0.053,0.603-0.085,0.65c-0.1,0.151-0.264,0.226-0.502,0.226h-0.337v0.363h2.954
V25.17h-0.347c-0.214,0-0.367-0.058-0.471-0.179c-0.04-0.045-0.108-0.195-0.108-0.697v-1.782l0.184,0.005
c0.076,0,0.173-0.004,0.287-0.008l0.059-0.002l2.195,3.026H41V25.18L40.914,25.17z M38.319,20.686
c0,0.393-0.142,0.706-0.435,0.958c-0.29,0.253-0.733,0.382-1.318,0.382l-0.17-0.002v-2.531c0.269-0.058,0.486-0.088,0.646-0.088
c0.393,0,0.695,0.116,0.927,0.354C38.201,19.992,38.319,20.304,38.319,20.686z"/>
<path fill="#FFFFFF" d="M13.557,33.681l-2.401-5.199l-0.026-0.055H9V28.8h0.096c0.328,0,0.493,0.048,0.572,0.088
c0.111,0.058,0.185,0.127,0.224,0.212c0.062,0.118,0.094,0.328,0.094,0.622v4.5c0,0.484-0.061,0.644-0.098,0.695
c-0.104,0.151-0.282,0.227-0.544,0.227H9v0.376h2.605v-0.376h-0.343c-0.243,0-0.419-0.062-0.526-0.184
c-0.043-0.049-0.116-0.21-0.116-0.738v-4.164l2.476,5.406l0.026,0.056h0.291l2.502-5.463v4.165c0,0.483-0.061,0.644-0.098,0.696
c-0.102,0.15-0.28,0.226-0.544,0.226h-0.343v0.376h3.133v-0.376h-0.34c-0.243,0-0.421-0.062-0.529-0.185
c-0.043-0.048-0.117-0.207-0.117-0.737v-4.5c0-0.46,0.052-0.634,0.094-0.696c0.105-0.15,0.29-0.226,0.552-0.226h0.34v-0.373h-2.1
L13.557,33.681z"/>
<path fill="#FFFFFF" d="M20.718,35.032c-0.092-0.053-0.148-0.106-0.171-0.169c-0.027-0.071-0.06-0.242-0.06-0.656v-4.471
c0-0.508,0.067-0.672,0.107-0.725c0.107-0.141,0.287-0.212,0.535-0.212h0.343v-0.373h-3.133V28.8h0.342
c0.141,0,0.28,0.036,0.418,0.106c0.086,0.053,0.141,0.108,0.166,0.173c0.022,0.059,0.06,0.223,0.06,0.657v4.471
c0,0.485-0.056,0.662-0.103,0.725c-0.108,0.142-0.286,0.212-0.541,0.212h-0.342v0.376h3.133v-0.376h-0.343
C20.98,35.144,20.846,35.106,20.718,35.032z"/>
<path fill="#FFFFFF" d="M27.546,33.764l-0.309-0.2l-0.055,0.074c-0.4,0.56-0.77,0.936-1.093,1.118
c-0.326,0.183-0.706,0.275-1.132,0.275c-0.497,0-0.928-0.116-1.319-0.353c-0.384-0.238-0.674-0.577-0.861-1.01
c-0.192-0.443-0.29-0.975-0.29-1.58c0-0.738,0.104-1.363,0.309-1.856c0.199-0.487,0.477-0.847,0.828-1.066
c0.347-0.223,0.732-0.332,1.178-0.332c0.523,0,0.958,0.146,1.331,0.447c0.372,0.299,0.662,0.798,0.863,1.482l0.019,0.07h0.34
l-0.171-2.465l-0.005-0.09h-0.346l-0.019,0.073c-0.036,0.148-0.089,0.259-0.158,0.331c-0.051,0.047-0.108,0.069-0.176,0.069
c-0.019,0-0.082-0.01-0.257-0.098c-0.492-0.25-1.001-0.376-1.511-0.376c-0.65,0-1.259,0.164-1.811,0.487
c-0.548,0.321-0.986,0.783-1.301,1.373c-0.314,0.587-0.474,1.239-0.474,1.939c0,0.868,0.243,1.636,0.72,2.278
c0.642,0.867,1.559,1.306,2.725,1.306c0.65,0,1.217-0.146,1.688-0.438c0.474-0.291,0.893-0.755,1.242-1.381L27.546,33.764z"/>
<path fill="#FFFFFF" d="M33.42,34.871c-0.22-0.143-0.491-0.439-0.807-0.885l-1.344-1.86c0.524-0.137,0.926-0.356,1.194-0.658
c0.29-0.329,0.438-0.722,0.438-1.169c0-0.416-0.13-0.781-0.386-1.086c-0.252-0.3-0.564-0.509-0.93-0.622
c-0.358-0.109-0.911-0.164-1.646-0.164H27.34V28.8h0.352c0.232,0,0.4,0.062,0.515,0.191c0.043,0.049,0.117,0.211,0.117,0.745
v4.471c0,0.489-0.055,0.643-0.09,0.692c-0.104,0.164-0.283,0.244-0.542,0.244H27.34v0.376h3.132v-0.376h-0.367
c-0.225,0-0.393-0.063-0.501-0.194c-0.036-0.038-0.12-0.188-0.12-0.742v-1.902l0.201,0.004c0.094,0,0.208-0.004,0.34-0.009
l0.031-0.001l2.31,3.181l0.029,0.04h1.986v-0.366l-0.087-0.01C33.939,35.106,33.645,35.015,33.42,34.871z M31.544,30.367
c0,0.417-0.15,0.752-0.461,1.022c-0.312,0.272-0.788,0.411-1.408,0.411l-0.191-0.006v-2.701c0.287-0.063,0.521-0.097,0.697-0.097
c0.415,0,0.738,0.124,0.989,0.379C31.418,29.626,31.544,29.959,31.544,30.367z"/>
<path fill="#FFFFFF" d="M37.229,28.279c-2.039,0-3.698,1.658-3.698,3.694c0,2.039,1.659,3.696,3.698,3.696
c2.038,0,3.694-1.657,3.694-3.696C40.923,29.938,39.267,28.279,37.229,28.279z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M10.105,19.582c0.354,0.28,0.954,0.656,1.782,1.118c0.859,0.482,1.339,0.769,1.514,0.904
c0.26,0.196,0.457,0.414,0.582,0.648c0.124,0.227,0.186,0.455,0.186,0.677c0,0.4-0.165,0.752-0.488,1.046
c-0.327,0.296-0.78,0.447-1.35,0.447c-0.499,0-0.962-0.113-1.378-0.335c-0.413-0.218-0.724-0.496-0.925-0.828
c-0.204-0.337-0.368-0.854-0.49-1.538l-0.014-0.079H9.092v3.528h0.434l0.012-0.082c0.039-0.255,0.092-0.356,0.128-0.396
c0.052-0.052,0.122-0.078,0.215-0.078c0.078,0,0.291,0.039,0.855,0.222c0.465,0.151,0.779,0.241,0.933,0.266
c0.238,0.045,0.504,0.067,0.812,0.067c0.92,0,1.683-0.276,2.268-0.821c0.588-0.55,0.887-1.212,0.887-1.97
c0-0.398-0.094-0.785-0.279-1.151c-0.185-0.365-0.452-0.685-0.793-0.952c-0.335-0.262-0.964-0.642-1.869-1.127
c-1.096-0.589-1.796-1.064-2.081-1.409c-0.19-0.225-0.286-0.477-0.286-0.747c0-0.355,0.154-0.679,0.457-0.962
c0.303-0.285,0.695-0.429,1.165-0.429c0.419,0,0.833,0.108,1.229,0.322c0.391,0.211,0.697,0.501,0.911,0.863
c0.214,0.365,0.366,0.865,0.45,1.488l0.011,0.083h0.437V14.83h-0.43l-0.017,0.076c-0.056,0.254-0.119,0.357-0.161,0.396
c-0.062,0.057-0.141,0.085-0.239,0.085c-0.065,0-0.209-0.029-0.528-0.171c-0.586-0.256-1.15-0.386-1.675-0.386
c-0.845,0-1.553,0.263-2.107,0.782C9.28,16.135,9,16.765,9,17.485c0,0.416,0.095,0.802,0.283,1.149
C9.47,18.98,9.747,19.298,10.105,19.582z"/>
<path fill="#8C8C94" d="M16.584,18.872c0.063,0.072,0.138,0.256,0.138,0.722v2.528c0,0.802,0.053,1.334,0.16,1.629
c0.159,0.433,0.434,0.782,0.815,1.036c0.38,0.254,0.939,0.383,1.662,0.383c0.668,0,1.205-0.134,1.596-0.399
c0.393-0.268,0.66-0.593,0.795-0.968c0.135-0.369,0.2-0.874,0.2-1.54v-2.622c0-0.452,0.052-0.596,0.084-0.645
c0.119-0.188,0.283-0.279,0.502-0.279h0.339v-0.362h-2.461v0.362h0.337c0.217,0,0.373,0.058,0.479,0.177
c0.04,0.047,0.108,0.2,0.108,0.7v2.618c0,0.67-0.059,1.15-0.176,1.425c-0.114,0.265-0.333,0.486-0.648,0.659
c-0.323,0.178-0.691,0.268-1.095,0.268c-0.315,0-0.584-0.056-0.798-0.167c-0.213-0.11-0.377-0.25-0.488-0.416
c-0.114-0.167-0.193-0.409-0.238-0.718c-0.046-0.319-0.069-0.605-0.069-0.851v-2.818c0-0.426,0.054-0.597,0.101-0.666
c0.094-0.142,0.253-0.211,0.483-0.211h0.342v-0.362h-2.957v0.362h0.336C16.344,18.717,16.497,18.769,16.584,18.872z"/>
<path fill="#8C8C94" d="M25.917,24.67h-0.343c-0.215,0-0.37-0.058-0.473-0.179c-0.033-0.037-0.109-0.177-0.109-0.697v-1.775
c0.156,0.031,0.317,0.059,0.472,0.076c0.176,0.022,0.351,0.034,0.516,0.034c0.658,0,1.175-0.176,1.539-0.522
c0.364-0.352,0.55-0.809,0.55-1.362c0-0.409-0.122-0.769-0.364-1.07c-0.239-0.295-0.538-0.508-0.884-0.634
c-0.342-0.123-0.812-0.185-1.398-0.185h-2.46v0.362h0.34c0.216,0,0.377,0.06,0.48,0.178c0.04,0.044,0.105,0.195,0.105,0.699v4.2
c0,0.459-0.05,0.605-0.079,0.65c-0.1,0.152-0.266,0.226-0.507,0.226h-0.34v0.364h2.955V24.67z M24.992,21.549v-2.544
c0.21-0.046,0.387-0.07,0.524-0.07c0.244,0,0.467,0.055,0.66,0.165c0.191,0.11,0.335,0.273,0.44,0.499
c0.107,0.229,0.162,0.479,0.162,0.742c0,0.388-0.109,0.693-0.33,0.932c-0.221,0.239-0.476,0.355-0.778,0.355
c-0.097,0-0.203-0.007-0.32-0.023C25.252,21.593,25.137,21.575,24.992,21.549z"/>
<path fill="#8C8C94" d="M34.204,23.219h-0.396l-0.027,0.052c-0.199,0.381-0.397,0.668-0.586,0.854
c-0.142,0.137-0.284,0.227-0.435,0.275c-0.155,0.045-0.414,0.068-0.769,0.068h-1.096c-0.188,0-0.27-0.019-0.306-0.033
l-0.104-0.121c-0.012-0.039-0.025-0.151-0.025-0.469V21.82h1.291c0.256,0,0.444,0.029,0.562,0.085
c0.11,0.053,0.189,0.125,0.238,0.216c0.019,0.04,0.068,0.175,0.125,0.574l0.011,0.083h0.35v-2.432H32.68l-0.004,0.091
c-0.021,0.336-0.103,0.57-0.247,0.696c-0.104,0.092-0.331,0.139-0.678,0.139H30.46v-2.352h1.655c0.308,0,0.521,0.021,0.628,0.061
c0.14,0.06,0.246,0.145,0.313,0.251c0.072,0.115,0.142,0.336,0.206,0.659l0.016,0.078h0.381l-0.071-1.613h-5.159v0.362h0.324
c0.237,0,0.405,0.055,0.5,0.161c0.036,0.044,0.1,0.197,0.1,0.716v4.2c0,0.315-0.016,0.511-0.047,0.598
c-0.03,0.08-0.083,0.14-0.164,0.178c-0.118,0.066-0.249,0.1-0.389,0.1h-0.324v0.364h5.15L34.204,23.219z"/>
<path fill="#8C8C94" d="M40.914,24.67c-0.34-0.037-0.615-0.123-0.819-0.253C39.886,24.28,39.63,24,39.334,23.583l-1.26-1.742
c0.493-0.128,0.869-0.336,1.118-0.618c0.276-0.307,0.416-0.678,0.416-1.102c0-0.394-0.122-0.74-0.365-1.027
c-0.243-0.286-0.528-0.478-0.876-0.585c-0.334-0.104-0.855-0.155-1.547-0.155h-2.452v0.362h0.337c0.213,0,0.375,0.06,0.479,0.178
c0.04,0.045,0.107,0.196,0.107,0.699v4.2c0,0.457-0.053,0.603-0.085,0.65c-0.1,0.152-0.264,0.226-0.502,0.226h-0.337v0.364h2.954
V24.67h-0.347c-0.214,0-0.367-0.058-0.471-0.179c-0.04-0.045-0.108-0.195-0.108-0.697v-1.782l0.184,0.005
c0.076,0,0.173-0.004,0.287-0.008l0.059-0.002l2.195,3.027H41V24.68L40.914,24.67z M38.319,20.186
c0,0.393-0.142,0.706-0.435,0.958c-0.29,0.253-0.733,0.382-1.318,0.382l-0.17-0.002v-2.531c0.269-0.058,0.486-0.088,0.646-0.088
c0.393,0,0.695,0.116,0.927,0.354C38.201,19.492,38.319,19.804,38.319,20.186z"/>
<path fill="#8C8C94" d="M13.557,33.181l-2.401-5.199l-0.026-0.055H9V28.3h0.096c0.328,0,0.493,0.048,0.572,0.088
c0.111,0.058,0.185,0.127,0.224,0.212c0.062,0.118,0.094,0.328,0.094,0.622v4.5c0,0.484-0.061,0.644-0.098,0.695
c-0.104,0.151-0.282,0.227-0.544,0.227H9v0.376h2.605v-0.376h-0.343c-0.243,0-0.419-0.062-0.526-0.184
c-0.043-0.049-0.116-0.21-0.116-0.738v-4.164l2.476,5.406l0.026,0.056h0.291l2.502-5.463v4.165c0,0.483-0.061,0.644-0.098,0.696
c-0.102,0.15-0.28,0.226-0.544,0.226h-0.343v0.376h3.133v-0.376h-0.34c-0.243,0-0.421-0.062-0.529-0.185
c-0.043-0.048-0.117-0.207-0.117-0.737v-4.5c0-0.46,0.052-0.634,0.094-0.696c0.105-0.15,0.29-0.226,0.552-0.226h0.34v-0.373h-2.1
L13.557,33.181z"/>
<path fill="#8C8C94" d="M20.718,34.532c-0.092-0.053-0.148-0.106-0.171-0.169c-0.027-0.071-0.06-0.242-0.06-0.656v-4.471
c0-0.508,0.067-0.672,0.107-0.725c0.107-0.141,0.287-0.212,0.535-0.212h0.343v-0.373h-3.133V28.3h0.342
c0.141,0,0.28,0.036,0.418,0.106c0.086,0.053,0.141,0.108,0.166,0.173c0.022,0.059,0.06,0.223,0.06,0.657v4.471
c0,0.485-0.056,0.662-0.103,0.725c-0.108,0.142-0.286,0.212-0.541,0.212h-0.342v0.376h3.133v-0.376h-0.343
C20.98,34.644,20.846,34.606,20.718,34.532z"/>
<path fill="#8C8C94" d="M27.546,33.264l-0.309-0.2l-0.055,0.074c-0.4,0.56-0.77,0.936-1.093,1.118
c-0.326,0.183-0.706,0.275-1.132,0.275c-0.497,0-0.928-0.116-1.319-0.353c-0.384-0.238-0.674-0.577-0.861-1.01
c-0.192-0.443-0.29-0.975-0.29-1.58c0-0.738,0.104-1.363,0.309-1.856c0.199-0.487,0.477-0.847,0.828-1.066
c0.347-0.223,0.732-0.332,1.178-0.332c0.523,0,0.958,0.146,1.331,0.447c0.372,0.299,0.662,0.798,0.863,1.482l0.019,0.07h0.34
l-0.171-2.465l-0.005-0.09h-0.346l-0.019,0.073c-0.036,0.148-0.089,0.259-0.158,0.331c-0.051,0.047-0.108,0.069-0.176,0.069
c-0.019,0-0.082-0.01-0.257-0.098c-0.492-0.25-1.001-0.376-1.511-0.376c-0.65,0-1.259,0.164-1.811,0.487
c-0.548,0.321-0.986,0.783-1.301,1.373c-0.314,0.587-0.474,1.239-0.474,1.939c0,0.868,0.243,1.636,0.72,2.278
c0.642,0.867,1.559,1.306,2.725,1.306c0.65,0,1.217-0.146,1.688-0.438c0.474-0.291,0.893-0.755,1.242-1.381L27.546,33.264z"/>
<path fill="#8C8C94" d="M33.42,34.371c-0.22-0.143-0.491-0.439-0.807-0.885l-1.344-1.86c0.524-0.137,0.926-0.356,1.194-0.658
c0.29-0.329,0.438-0.722,0.438-1.169c0-0.416-0.13-0.781-0.386-1.086c-0.252-0.3-0.564-0.509-0.93-0.622
c-0.358-0.109-0.911-0.164-1.646-0.164H27.34V28.3h0.352c0.232,0,0.4,0.062,0.515,0.191c0.043,0.049,0.117,0.211,0.117,0.745
v4.471c0,0.489-0.055,0.643-0.09,0.692c-0.104,0.164-0.283,0.244-0.542,0.244H27.34v0.376h3.132v-0.376h-0.367
c-0.225,0-0.393-0.063-0.501-0.194c-0.036-0.038-0.12-0.188-0.12-0.742v-1.902l0.201,0.004c0.094,0,0.208-0.004,0.34-0.009
l0.031-0.001l2.31,3.181l0.029,0.04h1.986v-0.366l-0.087-0.01C33.939,34.606,33.645,34.515,33.42,34.371z M31.544,29.867
c0,0.417-0.15,0.752-0.461,1.022c-0.312,0.272-0.788,0.411-1.408,0.411l-0.191-0.006v-2.701c0.287-0.063,0.521-0.097,0.697-0.097
c0.415,0,0.738,0.124,0.989,0.379C31.418,29.126,31.544,29.459,31.544,29.867z"/>
<path fill="#8C8C94" d="M37.229,27.779c-2.039,0-3.698,1.658-3.698,3.694c0,2.039,1.659,3.696,3.698,3.696
c2.038,0,3.694-1.657,3.694-3.696C40.923,29.438,39.267,27.779,37.229,27.779z"/>
</g>
</g>
<g id="Layer_9" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M36.353,38.704c-1.297,0-3.031-0.544-5.299-1.661c-0.167-0.081-0.329-0.163-0.491-0.244
c-3.177,1.122-7.697,1.842-11.62,1.842c-3.211,0-7.18-0.464-7.85-2.669c-0.492-1.619,0.962-3.539,4.447-5.87
c0.154-0.103,0.306-0.204,0.458-0.304c0.583-3.136,2.066-7.104,3.905-10.435c1.251-2.266,3.703-6.067,6.059-6.067
c1.921,0,3.046,2.302,3.346,6.842c0.013,0.184,0.023,0.366,0.034,0.546c4.643,3.977,10.766,12.961,9.486,16.5
C38.578,37.877,37.944,38.704,36.353,38.704z M32.152,36.15c1.803,0.846,3.214,1.273,4.2,1.273c0.911,0,1.158-0.36,1.271-0.675
c0.85-2.353-3.571-9.87-8.208-14.274c0.031,1.234,0.018,2.417-0.039,3.531v0.002l-0.001,0.021c0.096,0.347,0.068,0.747-0.08,1.188
v0.006c-0.026,0.305-0.056,0.604-0.089,0.895l0.005,0.002l-0.001,0.002c0.101,0.037,0.202,0.076,0.304,0.114
c3.821,1.445,5.676,2.959,5.669,4.627C35.179,34.097,34.16,35.201,32.152,36.15z M15.765,31.499
c-3.482,2.429-3.577,3.67-3.447,4.101c0.325,1.069,2.925,1.761,6.625,1.761c3.33,0,7.096-0.534,10.03-1.395
c-1.085-0.589-2.101-1.19-3.035-1.797h-0.001l-0.019-0.012c-0.349-0.091-0.681-0.313-0.99-0.664l-0.004-0.004
c-0.25-0.174-0.495-0.349-0.729-0.522L24.19,32.97l-0.002-0.002c-0.083,0.069-0.166,0.137-0.25,0.206
c-2.391,1.956-4.228,2.906-5.617,2.906c-0.738,0-1.362-0.276-1.803-0.8C15.874,34.518,15.623,33.248,15.765,31.499z M27.48,33.628
c0.979,0.601,2.039,1.195,3.163,1.776c2.045-0.794,3.257-1.738,3.261-2.547c0.002-0.479-0.467-1.771-4.842-3.426
c-0.013-0.004-0.024-0.009-0.036-0.014C28.753,31.066,28.284,32.767,27.48,33.628z M17.166,30.566
c-0.291,1.882-0.174,3.29,0.331,3.888c0.199,0.237,0.46,0.346,0.824,0.346c0.733,0,2.162-0.454,4.807-2.616
c0.01-0.009,0.02-0.017,0.029-0.025c-1.24-1.021-2.52-2.298-2.869-3.445C19.277,29.261,18.231,29.882,17.166,30.566z
M25.801,32.54c0.177,0.122,0.36,0.246,0.547,0.368c0.304-0.124,0.903-1.012,1.33-3.221c-0.605,0.683-1.362,1.429-2.264,2.23
C25.543,32.167,25.672,32.373,25.801,32.54z M21.476,28.093c-0.002,0.024-0.002,0.057,0.003,0.097
c0.06,0.482,0.662,1.406,2.12,2.668c-0.289-0.865-0.557-1.894-0.801-3.077c-0.279-0.012-0.524-0.004-0.731,0.024
C21.873,27.896,21.675,27.993,21.476,28.093z M24.142,27.948c0.23,1.057,0.479,1.967,0.746,2.723
c0.8-0.729,1.463-1.399,1.983-2.007C25.841,28.335,24.928,28.096,24.142,27.948z M25.962,14.577c-2.364,0-6.904,7.849-8.45,14.262
c1.052-0.644,2.082-1.224,3.074-1.73l0-0.001l0.019-0.009c0.254-0.258,0.613-0.435,1.072-0.526l0.004-0.002
c0.277-0.131,0.55-0.254,0.818-0.37l-0.001-0.005l0.003-0.002c-0.018-0.104-0.036-0.211-0.053-0.318
c-0.558-3.413-0.37-5.611,0.573-6.722c0.443-0.521,1.056-0.797,1.769-0.797c0.896,0,1.967,0.429,3.195,1.277
C27.597,15.084,26.451,14.577,25.962,14.577z M24.626,26.739c0.893,0.182,1.917,0.464,3.062,0.845
c0.151-0.236,0.267-0.452,0.346-0.646c0.016-0.213,0.032-0.432,0.046-0.652c-0.105-0.076-0.343-0.141-0.71-0.141
C26.695,26.145,25.744,26.353,24.626,26.739z M24.791,19.636c-0.34,0-0.592,0.11-0.793,0.347
c-0.381,0.448-0.924,1.782-0.287,5.686c0.002,0.012,0.005,0.025,0.007,0.038c1.474-0.552,2.728-0.842,3.652-0.842
c0.296,0,0.55,0.029,0.767,0.08c0.031-1.15,0.016-2.367-0.044-3.633C26.746,20.229,25.58,19.636,24.791,19.636z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M36.353,37.704c-1.297,0-3.031-0.544-5.299-1.661c-0.167-0.081-0.329-0.163-0.491-0.244
c-3.177,1.122-7.697,1.842-11.62,1.842c-3.211,0-7.18-0.464-7.85-2.669c-0.492-1.619,0.962-3.539,4.447-5.87
c0.154-0.103,0.306-0.204,0.458-0.304c0.583-3.136,2.066-7.104,3.905-10.435c1.251-2.266,3.703-6.067,6.059-6.067
c1.921,0,3.046,2.302,3.346,6.842c0.013,0.184,0.023,0.366,0.034,0.546c4.643,3.977,10.766,12.961,9.486,16.5
C38.578,36.877,37.944,37.704,36.353,37.704z M32.152,35.15c1.803,0.846,3.214,1.273,4.2,1.273c0.911,0,1.158-0.36,1.271-0.675
c0.85-2.353-3.571-9.87-8.208-14.274c0.031,1.234,0.018,2.417-0.039,3.531v0.001l-0.001,0.021c0.096,0.347,0.068,0.747-0.08,1.188
v0.006c-0.026,0.305-0.056,0.604-0.089,0.895l0.005,0.002l-0.001,0.002c0.101,0.037,0.202,0.076,0.304,0.114
c3.821,1.445,5.676,2.959,5.669,4.627C35.179,33.097,34.16,34.201,32.152,35.15z M15.765,30.499
c-3.482,2.429-3.577,3.67-3.447,4.101c0.325,1.069,2.925,1.761,6.625,1.761c3.33,0,7.096-0.534,10.03-1.395
c-1.085-0.589-2.101-1.19-3.035-1.797h-0.001l-0.019-0.012c-0.349-0.091-0.681-0.313-0.99-0.664l-0.004-0.004
c-0.25-0.174-0.495-0.349-0.729-0.522L24.19,31.97l-0.002-0.002c-0.083,0.069-0.166,0.137-0.25,0.206
c-2.391,1.956-4.228,2.906-5.617,2.906c-0.738,0-1.362-0.276-1.803-0.8C15.874,33.518,15.623,32.248,15.765,30.499z M27.48,32.628
c0.979,0.601,2.039,1.195,3.163,1.776c2.045-0.794,3.257-1.738,3.261-2.547c0.002-0.479-0.467-1.771-4.842-3.426
c-0.013-0.004-0.024-0.009-0.036-0.014C28.753,30.066,28.284,31.767,27.48,32.628z M17.166,29.566
c-0.291,1.882-0.174,3.29,0.331,3.888c0.199,0.237,0.46,0.346,0.824,0.346c0.733,0,2.162-0.454,4.807-2.616
c0.01-0.009,0.02-0.017,0.029-0.025c-1.24-1.021-2.52-2.298-2.869-3.445C19.277,28.261,18.231,28.882,17.166,29.566z
M25.801,31.54c0.177,0.122,0.36,0.246,0.547,0.368c0.304-0.124,0.903-1.012,1.33-3.221c-0.605,0.683-1.362,1.429-2.264,2.23
C25.543,31.167,25.672,31.373,25.801,31.54z M21.476,27.093c-0.002,0.024-0.002,0.057,0.003,0.097
c0.06,0.482,0.662,1.406,2.12,2.668c-0.289-0.865-0.557-1.894-0.801-3.077c-0.279-0.012-0.524-0.004-0.731,0.024
C21.873,26.896,21.675,26.993,21.476,27.093z M24.142,26.948c0.23,1.057,0.479,1.967,0.746,2.723
c0.8-0.729,1.463-1.399,1.983-2.007C25.841,27.335,24.928,27.096,24.142,26.948z M25.962,13.577c-2.364,0-6.904,7.849-8.45,14.262
c1.052-0.644,2.082-1.224,3.074-1.73l0-0.001l0.019-0.009c0.254-0.258,0.613-0.435,1.072-0.526l0.004-0.002
c0.277-0.13,0.55-0.253,0.818-0.37l-0.001-0.005l0.003-0.001c-0.018-0.105-0.036-0.211-0.053-0.319
c-0.558-3.412-0.37-5.611,0.573-6.722c0.443-0.521,1.056-0.797,1.769-0.797c0.896,0,1.967,0.429,3.195,1.277
C27.597,14.084,26.451,13.577,25.962,13.577z M24.626,25.739c0.893,0.182,1.917,0.464,3.062,0.845
c0.151-0.236,0.267-0.452,0.346-0.646c0.016-0.213,0.032-0.432,0.046-0.652c-0.105-0.076-0.343-0.141-0.71-0.141
C26.695,25.145,25.744,25.353,24.626,25.739z M24.791,18.636c-0.34,0-0.592,0.11-0.793,0.347
c-0.381,0.448-0.924,1.782-0.287,5.686c0.002,0.012,0.005,0.025,0.007,0.038c1.474-0.552,2.728-0.842,3.652-0.842
c0.296,0,0.55,0.029,0.767,0.08c0.031-1.15,0.016-2.367-0.044-3.633C26.746,19.229,25.58,18.636,24.791,18.636z"/>
</g>
</g>
<g id="Layer_10" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M11,30.826v-9.652h1.949v4.286l3.937-4.286h2.621l-3.635,3.759l3.832,5.893h-2.521l-2.653-4.529
l-1.58,1.612v2.917H11z"/>
<path fill="#FFFFFF" d="M23.173,30.826l-3.45-9.652h2.114l2.442,7.143l2.364-7.143h2.067l-3.457,9.652H23.173z"/>
<path fill="#FFFFFF" d="M29.678,30.826v-9.652h2.917l1.75,6.583l1.732-6.583H39v9.652h-1.811v-7.598l-1.915,7.598h-1.877
l-1.91-7.598v7.598H29.678z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M11,29.826v-9.652h1.949v4.286l3.937-4.286h2.621l-3.635,3.759l3.832,5.893h-2.521l-2.653-4.53
l-1.58,1.613v2.917H11z"/>
<path fill="#8C8C94" d="M23.173,29.826l-3.45-9.652h2.114l2.442,7.143l2.364-7.143h2.067l-3.457,9.652H23.173z"/>
<path fill="#8C8C94" d="M29.678,29.826v-9.652h2.917l1.75,6.583l1.732-6.583H39v9.652h-1.811v-7.598l-1.915,7.598h-1.877
l-1.91-7.598v7.598H29.678z"/>
</g>
</g>
<g id="Layer_11">
<g opacity="0.35">
<path fill="#FFFFFF" d="M13.729,28.605c0.379,0.08,0.731,0.232,1.055,0.458s0.626,0.453,0.909,0.684s0.551,0.437,0.803,0.618
c0.252,0.181,0.502,0.271,0.75,0.271c0.124,0,0.239-0.021,0.345-0.06c0.106-0.04,0.204-0.061,0.292-0.061
c0.044,0,0.066,0.022,0.066,0.066c-0.026,0.106-0.093,0.202-0.199,0.286c-0.105,0.084-0.225,0.154-0.357,0.211
c-0.133,0.059-0.268,0.101-0.405,0.127s-0.25,0.04-0.338,0.04c-0.31,0-0.604-0.056-0.883-0.167
c-0.279-0.109-0.546-0.251-0.803-0.424c-0.256-0.173-0.506-0.363-0.749-0.57c-0.244-0.209-0.476-0.407-0.697-0.598
c-0.221-0.191-0.438-0.36-0.65-0.51c-0.212-0.151-0.416-0.254-0.61-0.307c-0.575-0.062-1.093-0.213-1.553-0.451
c-0.461-0.238-0.854-0.551-1.182-0.936c-0.327-0.386-0.58-0.837-0.757-1.354C8.588,25.414,8.5,24.845,8.5,24.226
c0-0.61,0.111-1.186,0.332-1.725c0.221-0.541,0.522-1.014,0.902-1.421c0.381-0.407,0.823-0.73,1.328-0.969
c0.504-0.239,1.035-0.358,1.592-0.358c0.77,0,1.442,0.122,2.018,0.365c0.575,0.243,1.051,0.57,1.427,0.982
c0.375,0.412,0.656,0.888,0.842,1.427c0.186,0.54,0.279,1.106,0.279,1.699c0,0.576-0.084,1.108-0.252,1.6
c-0.167,0.491-0.404,0.922-0.709,1.294c-0.306,0.371-0.673,0.682-1.102,0.93c-0.429,0.247-0.905,0.415-1.426,0.503V28.605z
M13.065,28.062c0.416,0,0.796-0.08,1.142-0.24c0.345-0.159,0.641-0.38,0.889-0.664c0.248-0.282,0.44-0.619,0.577-1.008
c0.138-0.389,0.206-0.814,0.206-1.274c0-0.638-0.066-1.228-0.199-1.771c-0.133-0.544-0.334-1.018-0.604-1.421
c-0.27-0.402-0.61-0.718-1.021-0.949c-0.412-0.23-0.892-0.345-1.44-0.345c-0.363,0-0.709,0.068-1.042,0.205
s-0.624,0.337-0.876,0.597c-0.252,0.262-0.454,0.582-0.604,0.962c-0.151,0.381-0.227,0.819-0.227,1.314
c0,0.655,0.071,1.263,0.213,1.825c0.141,0.562,0.347,1.048,0.617,1.461c0.27,0.41,0.604,0.731,1.002,0.961
C12.097,27.947,12.553,28.062,13.065,28.062z"/>
<path fill="#FFFFFF" d="M23.041,27.305c0.062-0.062,0.128-0.093,0.199-0.093c0.088,0,0.172,0.075,0.251,0.226
c-0.115,0.16-0.248,0.314-0.398,0.465c-0.151,0.151-0.331,0.285-0.538,0.404c-0.208,0.121-0.445,0.215-0.71,0.286
c-0.266,0.071-0.571,0.105-0.916,0.105c-0.354,0-0.69-0.058-1.009-0.172c-0.318-0.114-0.599-0.291-0.842-0.531
c-0.244-0.239-0.438-0.536-0.584-0.89c-0.146-0.353-0.219-0.77-0.219-1.246c0-0.452,0.086-0.868,0.258-1.248
c0.173-0.382,0.396-0.707,0.67-0.977c0.274-0.269,0.577-0.48,0.909-0.63c0.332-0.151,0.653-0.226,0.962-0.226
c0.824,0,1.423,0.239,1.798,0.717c0.376,0.479,0.564,1.102,0.564,1.872c0,0.053-0.026,0.08-0.08,0.08l-3.835,0.172
c0,0.346,0.049,0.664,0.146,0.956c0.097,0.292,0.234,0.544,0.411,0.757c0.176,0.211,0.39,0.378,0.642,0.497
c0.251,0.119,0.536,0.179,0.853,0.179c0.282,0,0.553-0.066,0.813-0.198C22.646,27.678,22.864,27.509,23.041,27.305z
M20.896,23.256c-0.44,0-0.784,0.173-1.03,0.518c-0.247,0.346-0.37,0.797-0.37,1.355l2.496-0.12c0.132,0,0.198-0.058,0.198-0.173
c0-0.167-0.026-0.344-0.079-0.53c-0.053-0.186-0.132-0.357-0.238-0.511c-0.106-0.155-0.24-0.283-0.403-0.386
C21.308,23.308,21.116,23.256,20.896,23.256z"/>
<path fill="#FFFFFF" d="M29.85,24.12c0.037-0.027,0.114-0.11,0.24-0.253c0.124-0.141,0.287-0.292,0.485-0.45
c0.201-0.16,0.432-0.306,0.694-0.439c0.261-0.132,0.544-0.199,0.844-0.199c0.534,0,0.912,0.157,1.133,0.471
c0.222,0.314,0.335,0.75,0.335,1.307v3.228c0,0.131,0.077,0.23,0.237,0.297c0.16,0.067,0.336,0.117,0.53,0.154
c0.081,0.017,0.119,0.069,0.119,0.158c0,0.053-0.008,0.124-0.025,0.212c-0.231-0.018-0.455-0.032-0.679-0.046
c-0.223-0.015-0.462-0.021-0.721-0.021c-0.233,0-0.47,0.006-0.709,0.021c-0.24,0.014-0.471,0.028-0.691,0.046
c-0.019-0.088-0.027-0.159-0.027-0.212c0-0.089,0.041-0.142,0.12-0.158c0.078-0.009,0.16-0.027,0.244-0.054
c0.085-0.027,0.162-0.059,0.233-0.094c0.069-0.034,0.129-0.077,0.18-0.126c0.048-0.049,0.071-0.108,0.071-0.178v-2.735
c0-0.549-0.064-0.918-0.199-1.108c-0.132-0.19-0.35-0.285-0.649-0.285c-0.23,0-0.45,0.038-0.657,0.112
c-0.208,0.076-0.392,0.186-0.552,0.332c-0.158,0.147-0.286,0.325-0.385,0.538c-0.096,0.213-0.146,0.456-0.146,0.73v2.417
c0,0.131,0.075,0.23,0.227,0.297c0.149,0.067,0.318,0.117,0.503,0.154c0.08,0.017,0.121,0.069,0.121,0.158
c0,0.053-0.011,0.124-0.027,0.212c-0.229-0.018-0.454-0.032-0.67-0.046c-0.217-0.015-0.445-0.021-0.683-0.021
c-0.24,0-0.478,0.006-0.712,0.021c-0.234,0.014-0.466,0.028-0.697,0.046c-0.017-0.088-0.025-0.159-0.025-0.212
c0-0.089,0.041-0.142,0.118-0.158c0.16-0.027,0.322-0.073,0.486-0.142c0.163-0.065,0.244-0.17,0.244-0.31v-2.735
c0-0.549-0.062-0.918-0.19-1.108c-0.127-0.19-0.341-0.285-0.641-0.285c-0.229,0-0.447,0.038-0.652,0.112
c-0.207,0.076-0.394,0.186-0.556,0.332c-0.164,0.147-0.294,0.325-0.389,0.538c-0.098,0.213-0.147,0.456-0.147,0.73v2.417
c0,0.131,0.078,0.23,0.233,0.297c0.156,0.067,0.32,0.117,0.497,0.154c0.08,0.017,0.121,0.069,0.121,0.158
c0,0.053-0.011,0.124-0.028,0.212c-0.229-0.018-0.455-0.032-0.678-0.046c-0.221-0.015-0.459-0.021-0.709-0.021
c-0.26,0-0.505,0.006-0.735,0.021c-0.23,0.014-0.457,0.028-0.678,0.046c-0.018-0.088-0.026-0.159-0.026-0.212
c0-0.089,0.04-0.142,0.119-0.158c0.194-0.037,0.372-0.087,0.531-0.154c0.16-0.066,0.239-0.171,0.239-0.311v-3.611
c0-0.265-0.046-0.455-0.14-0.571c-0.093-0.115-0.294-0.186-0.604-0.212c-0.115-0.019-0.172-0.08-0.172-0.186
c0-0.044,0.009-0.102,0.027-0.173c0.115,0,0.276-0.006,0.484-0.02c0.208-0.014,0.378-0.029,0.512-0.046
c0.206-0.036,0.389-0.074,0.551-0.113c0.16-0.04,0.276-0.06,0.347-0.06c0.126,0,0.188,0.066,0.188,0.199
c0,0.125-0.013,0.272-0.039,0.445c-0.025,0.172-0.041,0.4-0.041,0.684c0.028-0.027,0.103-0.111,0.225-0.253
c0.126-0.141,0.286-0.292,0.484-0.451c0.199-0.159,0.426-0.302,0.681-0.431c0.254-0.128,0.538-0.192,0.847-0.192
c0.458,0,0.799,0.117,1.024,0.352C29.671,23.366,29.806,23.695,29.85,24.12z"/>
<path fill="#FFFFFF" d="M35.635,24.159c0-0.292-0.043-0.489-0.128-0.591c-0.084-0.102-0.276-0.166-0.577-0.192
c-0.113-0.019-0.169-0.075-0.169-0.172c0-0.053,0.008-0.115,0.025-0.186c0.114,0,0.266-0.006,0.458-0.02
c0.189-0.014,0.35-0.034,0.483-0.061c0.194-0.026,0.365-0.06,0.51-0.099c0.147-0.04,0.255-0.06,0.327-0.06
c0.122,0,0.186,0.066,0.186,0.199v3.319c0,0.221,0.013,0.424,0.038,0.609c0.028,0.186,0.075,0.348,0.147,0.485
c0.071,0.137,0.172,0.243,0.304,0.318c0.135,0.076,0.301,0.112,0.507,0.112c0.22,0,0.436-0.036,0.649-0.112
c0.212-0.075,0.399-0.187,0.563-0.331c0.165-0.146,0.294-0.325,0.392-0.538c0.097-0.213,0.147-0.46,0.147-0.743v-1.938
c0-0.282-0.045-0.478-0.128-0.584c-0.084-0.106-0.28-0.173-0.59-0.199c-0.115-0.019-0.173-0.075-0.173-0.172
c0-0.053,0.008-0.115,0.025-0.186c0.115,0,0.269-0.006,0.459-0.02c0.188-0.014,0.355-0.034,0.498-0.061
c0.197-0.026,0.367-0.06,0.511-0.099c0.144-0.04,0.25-0.06,0.323-0.06c0.125,0,0.188,0.066,0.188,0.199v4.314
c0,0.15,0.009,0.271,0.026,0.365c0.017,0.092,0.055,0.167,0.106,0.226c0.054,0.057,0.127,0.102,0.22,0.132
c0.094,0.032,0.214,0.052,0.363,0.061c0.116,0.017,0.173,0.075,0.173,0.173c0,0.053-0.009,0.115-0.025,0.186
c-0.169,0-0.347,0.013-0.532,0.039s-0.363,0.054-0.534,0.079c-0.168,0.028-0.318,0.054-0.448,0.081
c-0.13,0.026-0.223,0.039-0.274,0.039c-0.126,0-0.188-0.066-0.188-0.199V27.37c-0.029,0.028-0.104,0.112-0.229,0.254
c-0.122,0.143-0.284,0.291-0.483,0.451c-0.198,0.16-0.43,0.303-0.691,0.432c-0.259,0.128-0.541,0.191-0.842,0.191
c-0.541,0-0.944-0.155-1.214-0.463c-0.27-0.312-0.404-0.749-0.404-1.315V24.159z"/>
</g>
<g>
<path fill="#8C8C94" d="M13.729,28.105c0.379,0.08,0.731,0.232,1.055,0.458s0.626,0.453,0.909,0.684s0.551,0.437,0.803,0.618
c0.252,0.181,0.502,0.271,0.75,0.271c0.124,0,0.239-0.021,0.345-0.06c0.106-0.04,0.204-0.061,0.292-0.061
c0.044,0,0.066,0.022,0.066,0.066c-0.026,0.106-0.093,0.202-0.199,0.286c-0.105,0.084-0.225,0.154-0.357,0.211
c-0.133,0.059-0.268,0.101-0.405,0.127s-0.25,0.04-0.338,0.04c-0.31,0-0.604-0.056-0.883-0.167
c-0.279-0.109-0.546-0.251-0.803-0.424c-0.256-0.173-0.506-0.363-0.749-0.57c-0.244-0.209-0.476-0.407-0.697-0.598
c-0.221-0.191-0.438-0.36-0.65-0.51c-0.212-0.151-0.416-0.254-0.61-0.307c-0.575-0.062-1.093-0.213-1.553-0.451
c-0.461-0.238-0.854-0.551-1.182-0.936c-0.327-0.386-0.58-0.837-0.757-1.354C8.588,24.914,8.5,24.345,8.5,23.726
c0-0.61,0.111-1.186,0.332-1.725c0.221-0.541,0.522-1.014,0.902-1.421c0.381-0.407,0.823-0.73,1.328-0.969
c0.504-0.239,1.035-0.358,1.592-0.358c0.77,0,1.442,0.122,2.018,0.365c0.575,0.243,1.051,0.57,1.427,0.982
c0.375,0.412,0.656,0.888,0.842,1.427c0.186,0.54,0.279,1.106,0.279,1.699c0,0.576-0.084,1.108-0.252,1.6
c-0.167,0.491-0.404,0.922-0.709,1.294c-0.306,0.371-0.673,0.682-1.102,0.93c-0.429,0.247-0.905,0.415-1.426,0.503V28.105z
M13.065,27.562c0.416,0,0.796-0.08,1.142-0.24c0.345-0.159,0.641-0.38,0.889-0.664c0.248-0.282,0.44-0.619,0.577-1.008
c0.138-0.389,0.206-0.815,0.206-1.274c0-0.638-0.066-1.228-0.199-1.771c-0.133-0.544-0.334-1.018-0.604-1.421
c-0.27-0.402-0.61-0.718-1.021-0.949c-0.412-0.23-0.892-0.345-1.44-0.345c-0.363,0-0.709,0.068-1.042,0.205
s-0.624,0.337-0.876,0.597c-0.252,0.262-0.454,0.582-0.604,0.962c-0.151,0.381-0.227,0.819-0.227,1.314
c0,0.655,0.071,1.263,0.213,1.825c0.141,0.562,0.347,1.048,0.617,1.461c0.27,0.41,0.604,0.731,1.002,0.961
C12.097,27.447,12.553,27.562,13.065,27.562z"/>
<path fill="#8C8C94" d="M23.041,26.805c0.062-0.062,0.128-0.093,0.199-0.093c0.088,0,0.172,0.075,0.251,0.226
c-0.115,0.16-0.248,0.314-0.398,0.465c-0.151,0.151-0.331,0.285-0.538,0.404c-0.208,0.121-0.445,0.215-0.71,0.286
c-0.266,0.071-0.571,0.105-0.916,0.105c-0.354,0-0.69-0.058-1.009-0.172c-0.318-0.114-0.599-0.291-0.842-0.531
c-0.244-0.239-0.438-0.536-0.584-0.89c-0.146-0.353-0.219-0.77-0.219-1.247c0-0.452,0.086-0.868,0.258-1.248
c0.173-0.382,0.396-0.707,0.67-0.977c0.274-0.269,0.577-0.48,0.909-0.63c0.332-0.151,0.653-0.226,0.962-0.226
c0.824,0,1.423,0.239,1.798,0.717c0.376,0.479,0.564,1.102,0.564,1.872c0,0.053-0.026,0.08-0.08,0.08l-3.835,0.172
c0,0.346,0.049,0.665,0.146,0.957c0.097,0.292,0.234,0.544,0.411,0.757c0.176,0.211,0.39,0.378,0.642,0.497
c0.251,0.119,0.536,0.179,0.853,0.179c0.282,0,0.553-0.066,0.813-0.198C22.646,27.178,22.864,27.009,23.041,26.805z
M20.896,22.756c-0.44,0-0.784,0.173-1.03,0.518c-0.247,0.346-0.37,0.797-0.37,1.354l2.496-0.12c0.132,0,0.198-0.058,0.198-0.173
c0-0.167-0.026-0.344-0.079-0.53c-0.053-0.186-0.132-0.357-0.238-0.511c-0.106-0.155-0.24-0.283-0.403-0.386
C21.308,22.808,21.116,22.756,20.896,22.756z"/>
<path fill="#8C8C94" d="M29.85,23.62c0.037-0.027,0.114-0.11,0.24-0.253c0.124-0.141,0.287-0.292,0.485-0.45
c0.201-0.16,0.432-0.306,0.694-0.439c0.261-0.132,0.544-0.199,0.844-0.199c0.534,0,0.912,0.157,1.133,0.471
c0.222,0.314,0.335,0.75,0.335,1.307v3.228c0,0.131,0.077,0.23,0.237,0.297c0.16,0.067,0.336,0.117,0.53,0.154
c0.081,0.017,0.119,0.069,0.119,0.158c0,0.053-0.008,0.124-0.025,0.212c-0.231-0.018-0.455-0.032-0.679-0.046
c-0.223-0.015-0.462-0.021-0.721-0.021c-0.233,0-0.47,0.006-0.709,0.021c-0.24,0.014-0.471,0.028-0.691,0.046
c-0.019-0.088-0.027-0.159-0.027-0.212c0-0.089,0.041-0.142,0.12-0.158c0.078-0.009,0.16-0.027,0.244-0.054
c0.085-0.027,0.162-0.059,0.233-0.094c0.069-0.034,0.129-0.077,0.18-0.126c0.048-0.049,0.071-0.108,0.071-0.178v-2.736
c0-0.548-0.064-0.918-0.199-1.108c-0.132-0.19-0.35-0.285-0.649-0.285c-0.23,0-0.45,0.038-0.657,0.112
c-0.208,0.076-0.392,0.186-0.552,0.332c-0.158,0.147-0.286,0.325-0.385,0.538c-0.096,0.213-0.146,0.456-0.146,0.73v2.417
c0,0.131,0.075,0.23,0.227,0.297c0.149,0.067,0.318,0.117,0.503,0.154c0.08,0.017,0.121,0.069,0.121,0.158
c0,0.053-0.011,0.124-0.027,0.212c-0.229-0.018-0.454-0.032-0.67-0.046c-0.217-0.015-0.445-0.021-0.683-0.021
c-0.24,0-0.478,0.006-0.712,0.021c-0.234,0.014-0.466,0.028-0.697,0.046c-0.017-0.088-0.025-0.159-0.025-0.212
c0-0.089,0.041-0.142,0.118-0.158c0.16-0.027,0.322-0.073,0.486-0.142c0.163-0.065,0.244-0.17,0.244-0.31v-2.736
c0-0.548-0.062-0.918-0.19-1.108c-0.127-0.19-0.341-0.285-0.641-0.285c-0.229,0-0.447,0.038-0.652,0.112
c-0.207,0.076-0.394,0.186-0.556,0.332c-0.164,0.147-0.294,0.325-0.389,0.538c-0.098,0.213-0.147,0.456-0.147,0.73v2.417
c0,0.131,0.078,0.23,0.233,0.297c0.156,0.067,0.32,0.117,0.497,0.154c0.08,0.017,0.121,0.069,0.121,0.158
c0,0.053-0.011,0.124-0.028,0.212c-0.229-0.018-0.455-0.032-0.678-0.046c-0.221-0.015-0.459-0.021-0.709-0.021
c-0.26,0-0.505,0.006-0.735,0.021c-0.23,0.014-0.457,0.028-0.678,0.046c-0.018-0.088-0.026-0.159-0.026-0.212
c0-0.089,0.04-0.142,0.119-0.158c0.194-0.037,0.372-0.087,0.531-0.154c0.16-0.066,0.239-0.171,0.239-0.311v-3.611
c0-0.265-0.046-0.455-0.14-0.571c-0.093-0.115-0.294-0.186-0.604-0.212c-0.115-0.019-0.172-0.08-0.172-0.186
c0-0.044,0.009-0.102,0.027-0.173c0.115,0,0.276-0.006,0.484-0.02c0.208-0.014,0.378-0.029,0.512-0.046
c0.206-0.036,0.389-0.074,0.551-0.113c0.16-0.04,0.276-0.06,0.347-0.06c0.126,0,0.188,0.066,0.188,0.199
c0,0.125-0.013,0.272-0.039,0.445c-0.025,0.172-0.041,0.4-0.041,0.684c0.028-0.027,0.103-0.111,0.225-0.253
c0.126-0.141,0.286-0.292,0.484-0.451c0.199-0.159,0.426-0.302,0.681-0.431c0.254-0.128,0.538-0.192,0.847-0.192
c0.458,0,0.799,0.117,1.024,0.352C29.671,22.866,29.806,23.195,29.85,23.62z"/>
<path fill="#8C8C94" d="M35.635,23.659c0-0.292-0.043-0.489-0.128-0.591c-0.084-0.102-0.276-0.166-0.577-0.192
c-0.113-0.019-0.169-0.075-0.169-0.172c0-0.053,0.008-0.115,0.025-0.186c0.114,0,0.266-0.006,0.458-0.02
c0.189-0.014,0.35-0.034,0.483-0.061c0.194-0.026,0.365-0.06,0.51-0.099c0.147-0.04,0.255-0.06,0.327-0.06
c0.122,0,0.186,0.066,0.186,0.199v3.319c0,0.221,0.013,0.424,0.038,0.609c0.028,0.186,0.075,0.348,0.147,0.485
c0.071,0.137,0.172,0.243,0.304,0.318c0.135,0.076,0.301,0.112,0.507,0.112c0.22,0,0.436-0.036,0.649-0.112
c0.212-0.075,0.399-0.187,0.563-0.331c0.165-0.146,0.294-0.325,0.392-0.538c0.097-0.213,0.147-0.46,0.147-0.743v-1.938
c0-0.282-0.045-0.478-0.128-0.584c-0.084-0.106-0.28-0.173-0.59-0.199c-0.115-0.019-0.173-0.075-0.173-0.172
c0-0.053,0.008-0.115,0.025-0.186c0.115,0,0.269-0.006,0.459-0.02c0.188-0.014,0.355-0.034,0.498-0.061
c0.197-0.026,0.367-0.06,0.511-0.099c0.144-0.04,0.25-0.06,0.323-0.06c0.125,0,0.188,0.066,0.188,0.199v4.314
c0,0.15,0.009,0.271,0.026,0.365c0.017,0.092,0.055,0.167,0.106,0.226c0.054,0.057,0.127,0.102,0.22,0.132
c0.094,0.032,0.214,0.052,0.363,0.061c0.116,0.017,0.173,0.075,0.173,0.173c0,0.053-0.009,0.115-0.025,0.186
c-0.169,0-0.347,0.013-0.532,0.039s-0.363,0.054-0.534,0.079c-0.168,0.028-0.318,0.054-0.448,0.081
c-0.13,0.026-0.223,0.039-0.274,0.039c-0.126,0-0.188-0.066-0.188-0.199V26.87c-0.029,0.028-0.104,0.112-0.229,0.254
c-0.122,0.143-0.284,0.291-0.483,0.451c-0.198,0.16-0.43,0.303-0.691,0.432c-0.259,0.128-0.541,0.191-0.842,0.191
c-0.541,0-0.944-0.155-1.214-0.463c-0.27-0.312-0.404-0.749-0.404-1.315V23.659z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 60 KiB

490
static/img/logos/supermicro-logo.svg Normal file
View File

@ -0,0 +1,490 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px"
height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g id="Layer_3" display="none">
<rect display="inline" fill="#6B2000" width="50" height="50"/>
</g>
<g id="Layer_1" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M24.535,11c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.029
c0.226-4.54,2.003-7.756,4.38-10.141C16.783,12.983,20.041,11.248,24.535,11z M21.595,13.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.599c-0.196-4.173-1.892-7.003-4.125-9.161
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,12.779,22.493,12.91,21.595,13.152z"/>
<path fill="#FFFFFF" d="M23.62,22.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.64,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,23.778,22.324,22.936,23.62,22.104z M16.12,24.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,24.453,16.119,24.475,16.12,24.496z"/>
<path fill="#FFFFFF" d="M32.261,22.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,22.504,32.243,22.482,32.261,22.479z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M24.535,10c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.03
c0.226-4.539,2.003-7.757,4.38-10.14C16.783,11.983,20.041,10.248,24.535,10z M21.595,12.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.598c-0.196-4.174-1.892-7.004-4.125-9.162
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,11.779,22.493,11.91,21.595,12.152z"/>
<path fill="#8C8C94" d="M23.62,21.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.639,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,22.778,22.324,21.936,23.62,21.104z M16.12,23.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,23.453,16.119,23.475,16.12,23.496z"/>
<path fill="#8C8C94" d="M32.261,21.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,21.504,32.243,21.482,32.261,21.479z"/>
</g>
</g>
<g id="Layer_2" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M37.562,16.313l-12.081-5.229C25.35,11.028,25.178,11,25.006,11c-0.005,0-0.011,0-0.016,0
s-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324l0.025,0.015
c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286c0,0.004,0,0.009,0,0.013
c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.118-0.012,0.235-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.033,0-0.064-0.001-0.098c-0.059,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.266l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.435-0.545,0.457-0.828
l1.031-12.678C38.021,16.752,37.823,16.428,37.562,16.313z M24.975,12.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,12.994z
M35.666,29.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.048c0-0.001-0.001-0.002-0.002-0.003
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111c0.163,0,0.325-0.037,0.448-0.11l10.441-6.232
l0.725-0.433L35.666,29.549z"/>
<path fill="#FFFFFF" d="M35.427,19.699l-9.035,5.533c-0.122,0.075-0.223,0.252-0.223,0.395l-0.021,9.267
c0,0.142,0.096,0.188,0.21,0.104l8.425-6.123c0.116-0.084,0.22-0.269,0.229-0.41l0.619-8.645
C35.641,19.679,35.548,19.624,35.427,19.699z"/>
<path fill="#FFFFFF" d="M23.676,25.274L14.642,19.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.666
c0.009,0.142,0.112,0.326,0.229,0.411l8.489,6.208c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,25.527,23.797,25.35,23.676,25.274z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M37.562,15.313l-12.081-5.229C25.35,10.028,25.178,10,25.006,10c-0.005,0-0.011,0-0.016,0
s-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324l0.025,0.015
c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286c0,0.004,0,0.009,0,0.013
c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.118-0.012,0.235-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.033,0-0.064-0.001-0.098c-0.059,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.266l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.435-0.545,0.457-0.828
l1.031-12.678C38.021,15.752,37.823,15.428,37.562,15.313z M24.975,11.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,11.994z
M35.666,28.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.048c0-0.001-0.001-0.002-0.002-0.003
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111c0.163,0,0.325-0.037,0.448-0.11l10.441-6.232
l0.725-0.433L35.666,28.549z"/>
<path fill="#8C8C94" d="M35.427,18.699l-9.035,5.533c-0.122,0.075-0.223,0.252-0.223,0.395l-0.021,9.267
c0,0.142,0.096,0.188,0.21,0.104l8.425-6.123c0.116-0.084,0.22-0.269,0.229-0.41l0.619-8.645
C35.641,18.679,35.548,18.624,35.427,18.699z"/>
<path fill="#8C8C94" d="M23.676,24.274L14.642,18.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.666
c0.009,0.142,0.112,0.326,0.229,0.411l8.489,6.208c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,24.527,23.797,24.35,23.676,24.274z"/>
</g>
</g>
<g id="Layer_4" display="none">
<g display="inline" opacity="0.35">
<rect x="18.484" y="28.602" fill="#FFFFFF" width="1.316" height="5.213"/>
<path fill="#FFFFFF" d="M30.407,30.095c-0.054-0.028-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.393,1.44,1.393c0.618,0,1.051-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.02-2.775-2.7c0-1.556,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V30.095z"/>
<path fill="#FFFFFF" d="M16.677,30.095c-0.053-0.028-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.393,1.441,1.393c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.02-2.775-2.7c0-1.556,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V30.095z"/>
<path fill="#FFFFFF" d="M37.3,31.205c0,1.493-1.15,2.7-2.754,2.7c-1.604,0-2.753-1.207-2.753-2.7c0-1.488,1.148-2.697,2.753-2.697
C36.149,28.508,37.3,29.717,37.3,31.205z M34.546,29.834c-0.781,0-1.361,0.614-1.361,1.371c0,0.76,0.58,1.374,1.361,1.374
c0.779,0,1.359-0.614,1.359-1.374C35.905,30.448,35.325,29.834,34.546,29.834z"/>
<path fill="#FFFFFF" d="M24.79,29.785c-0.02-0.005-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.178-0.816,0.427
c0,0.318,0.387,0.429,0.603,0.499l0.364,0.114c0.854,0.272,1.244,0.855,1.244,1.491c0,1.31-1.152,1.748-2.16,1.748
c-0.701,0-1.355-0.126-1.42-0.141v-1.2c0.117,0.028,0.669,0.192,1.243,0.192c0.653,0,0.956-0.189,0.956-0.485
c0-0.265-0.261-0.417-0.589-0.52c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166V29.785z"/>
<path fill="#FFFFFF" d="M11.307,22.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V22.998z"/>
<path fill="#FFFFFF" d="M14.894,21.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.202z"/>
<path fill="#FFFFFF" d="M18.482,18.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V18.745z"/>
<path fill="#FFFFFF" d="M22.067,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M25.652,22.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V22.998z"/>
<path fill="#FFFFFF" d="M29.241,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.29,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M32.829,18.745c0-0.359-0.292-0.651-0.65-0.651c-0.36,0-0.651,0.292-0.651,0.651v6.923
c0,0.36,0.291,0.651,0.651,0.651c0.358,0,0.65-0.291,0.65-0.651V18.745z"/>
<path fill="#FFFFFF" d="M36.418,21.202c0-0.358-0.291-0.651-0.659-0.651c-0.357,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.292,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V21.202z"/>
<path fill="#FFFFFF" d="M40,22.998c0-0.358-0.291-0.65-0.649-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.358,0,0.649-0.292,0.649-0.654V22.998z"/>
</g>
<g display="inline">
<rect x="18.484" y="27.602" fill="#8C8C94" width="1.316" height="5.213"/>
<path fill="#8C8C94" d="M30.407,29.095c-0.054-0.028-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.393,1.44,1.393c0.618,0,1.051-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.02-2.775-2.7c0-1.556,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V29.095z"/>
<path fill="#8C8C94" d="M16.677,29.095c-0.053-0.028-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.393,1.441,1.393c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.02-2.775-2.7c0-1.556,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V29.095z"/>
<path fill="#8C8C94" d="M37.3,30.205c0,1.493-1.15,2.7-2.754,2.7c-1.604,0-2.753-1.207-2.753-2.7c0-1.488,1.148-2.697,2.753-2.697
C36.149,27.508,37.3,28.717,37.3,30.205z M34.546,28.834c-0.781,0-1.361,0.614-1.361,1.371c0,0.76,0.58,1.374,1.361,1.374
c0.779,0,1.359-0.614,1.359-1.374C35.905,29.448,35.325,28.834,34.546,28.834z"/>
<path fill="#8C8C94" d="M24.79,28.785c-0.02-0.005-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.178-0.816,0.427
c0,0.318,0.387,0.429,0.603,0.499l0.364,0.114c0.854,0.272,1.244,0.855,1.244,1.491c0,1.31-1.152,1.748-2.16,1.748
c-0.701,0-1.355-0.126-1.42-0.141v-1.2c0.117,0.028,0.669,0.192,1.243,0.192c0.653,0,0.956-0.189,0.956-0.485
c0-0.265-0.261-0.417-0.589-0.52c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166V28.785z"/>
<path fill="#8C8C94" d="M11.307,21.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.998z"/>
<path fill="#8C8C94" d="M14.894,20.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V20.202z"/>
<path fill="#8C8C94" d="M18.482,17.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V17.745z"/>
<path fill="#8C8C94" d="M22.067,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C94" d="M25.652,21.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V21.998z"/>
<path fill="#8C8C94" d="M29.241,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.29,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C94" d="M32.829,17.745c0-0.359-0.292-0.651-0.65-0.651c-0.36,0-0.651,0.292-0.651,0.651v6.923
c0,0.36,0.291,0.651,0.651,0.651c0.358,0,0.65-0.291,0.65-0.651V17.745z"/>
<path fill="#8C8C94" d="M36.418,20.202c0-0.358-0.291-0.651-0.659-0.651c-0.357,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.292,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V20.202z"/>
<path fill="#8C8C94" d="M40,21.998c0-0.358-0.291-0.65-0.649-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.358,0,0.649-0.292,0.649-0.654V21.998z"/>
</g>
</g>
<g id="Layer_5" display="none">
<path display="inline" opacity="0.35" fill="#FFFFFF" d="M13.146,20.878c-0.378-0.826-1.31-1.201-2.18-0.812
c-0.873,0.385-1.193,1.352-0.8,2.18l3.655,7.944c0.576,1.242,1.182,1.9,2.317,1.9c1.215,0,1.745-0.714,2.318-1.9
c0,0,3.188-6.94,3.22-7.014c0.033-0.073,0.134-0.297,0.457-0.294c0.275,0.001,0.507,0.219,0.507,0.512v6.79
c0,1.048,0.582,1.906,1.697,1.906c1.116,0,1.72-0.858,1.72-1.906v-5.555c0-1.07,0.765-1.765,1.812-1.765
c1.047,0,1.741,0.719,1.741,1.765v5.555c0,1.048,0.581,1.906,1.696,1.906s1.722-0.858,1.722-1.906v-5.555
c0-1.07,0.766-1.765,1.812-1.765c1.046,0,1.742,0.719,1.742,1.765v5.555c0,1.048,0.58,1.906,1.697,1.906
c1.114,0,1.72-0.858,1.72-1.906v-6.322c0-2.324-1.869-3.951-4.113-3.951c-2.246,0-3.652,1.553-3.652,1.553
c-0.75-0.968-1.78-1.551-3.522-1.551c-1.839,0-3.449,1.551-3.449,1.551c-0.749-0.968-2.021-1.551-3.076-1.551
c-1.628,0-2.924,0.716-3.715,2.524l-2.333,5.499L13.146,20.878z"/>
<path display="inline" fill="#8C8C94" d="M13.146,19.878c-0.378-0.826-1.31-1.201-2.18-0.812c-0.873,0.385-1.193,1.352-0.8,2.18
l3.655,7.944c0.576,1.242,1.182,1.9,2.317,1.9c1.215,0,1.745-0.714,2.318-1.9c0,0,3.188-6.94,3.22-7.014
c0.033-0.073,0.134-0.297,0.457-0.294c0.275,0.001,0.507,0.219,0.507,0.512v6.79c0,1.048,0.582,1.906,1.697,1.906
c1.116,0,1.72-0.858,1.72-1.906v-5.555c0-1.07,0.765-1.765,1.812-1.765c1.047,0,1.741,0.719,1.741,1.765v5.555
c0,1.048,0.581,1.906,1.696,1.906s1.722-0.858,1.722-1.906v-5.555c0-1.07,0.766-1.765,1.812-1.765c1.046,0,1.742,0.719,1.742,1.765
v5.555c0,1.048,0.58,1.906,1.697,1.906c1.114,0,1.72-0.858,1.72-1.906v-6.322c0-2.324-1.869-3.951-4.113-3.951
c-2.246,0-3.652,1.553-3.652,1.553c-0.75-0.968-1.78-1.551-3.522-1.551c-1.839,0-3.449,1.551-3.449,1.551
c-0.749-0.968-2.021-1.551-3.076-1.551c-1.628,0-2.924,0.716-3.715,2.524l-2.333,5.499L13.146,19.878z"/>
</g>
<g id="Layer_6" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M24.999,12c-0.446,0-0.889,0.022-1.326,0.063l-2.538,7.166c-0.061,0.17,0.039,0.312,0.222,0.312h1.314
c0.184,0,0.54,0.007,1.228,0.007c0.689,0,2.193,0.859,1.669,2.589c-0.526,1.729-3.391,9.603-3.391,9.603
c-0.062,0.17-0.262,0.311-0.446,0.311h-2.77c-0.184,0-0.286-0.142-0.224-0.312l3.222-9.062l0.347-0.984
c0,0,0.071-0.422-0.393-0.422l-1.14-0.001c-0.185,0-0.384,0.141-0.445,0.31l-3.632,10.159c-0.06,0.171-0.261,0.31-0.443,0.31
l-2.655-0.002c-0.184,0-0.283-0.141-0.224-0.312l6.621-18.812C14.735,14.936,11,20.031,11,26c0,6.564,4.518,12.072,10.615,13.587
l3.082-8.841L28.513,19.8l0,0l0.108-0.312l5.439,0.003c1.636,0.002,3.331,0.871,2.453,3.245l-0.11,0.31
c0,0.002,0,0.002-0.002,0.002l-0.998,2.802l-1.409,3.948c-0.468,1.33-0.877,2.257-3.335,2.256h-0.33c-0.001,0-0.003,0-0.003,0
l-1.203-0.001l-1.206-0.001c-0.184,0-0.382,0.139-0.441,0.309l-1.631,4.668l-1.039,2.969C24.871,39.998,24.934,40,24.999,40
C32.732,40,39,33.732,39,26C39,18.268,32.732,12,24.999,12z"/>
<path fill="#FFFFFF" d="M29.656,30.317h0.01c0.585,0,0.88-0.638,0.937-0.984c0.06-0.349,2.521-7.238,2.521-7.238
c0.174-0.462-0.043-0.649-0.043-0.649c-0.139-0.12-0.4-0.218-0.586-0.218l-0.396,0h-0.397c-0.184,0-0.383,0.14-0.442,0.311
l-2.959,8.465c-0.06,0.171,0.041,0.312,0.225,0.312L29.656,30.317z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M24.999,11c-0.446,0-0.889,0.022-1.326,0.063l-2.538,7.166c-0.061,0.17,0.039,0.312,0.222,0.312h1.314
c0.184,0,0.54,0.007,1.228,0.007c0.689,0,2.193,0.859,1.669,2.589c-0.526,1.729-3.391,9.603-3.391,9.603
c-0.062,0.17-0.262,0.311-0.446,0.311h-2.77c-0.184,0-0.286-0.142-0.224-0.312l3.222-9.062l0.347-0.984
c0,0,0.071-0.422-0.393-0.422l-1.14-0.001c-0.185,0-0.384,0.141-0.445,0.31l-3.632,10.159c-0.06,0.171-0.261,0.31-0.443,0.31
l-2.655-0.002c-0.184,0-0.283-0.141-0.224-0.312l6.621-18.812C14.735,13.936,11,19.031,11,25c0,6.564,4.518,12.072,10.615,13.587
l3.082-8.841L28.513,18.8l0,0l0.108-0.312l5.439,0.003c1.636,0.002,3.331,0.871,2.453,3.245l-0.11,0.31
c0,0.002,0,0.002-0.002,0.002l-0.998,2.802l-1.409,3.948c-0.468,1.33-0.877,2.257-3.335,2.256h-0.33c-0.001,0-0.003,0-0.003,0
l-1.203-0.001l-1.206-0.001c-0.184,0-0.382,0.139-0.441,0.309l-1.631,4.668l-1.039,2.969C24.871,38.998,24.934,39,24.999,39
C32.732,39,39,32.732,39,25C39,17.268,32.732,11,24.999,11z"/>
<path fill="#8C8C94" d="M29.656,29.317h0.01c0.585,0,0.88-0.638,0.937-0.984c0.06-0.349,2.521-7.238,2.521-7.238
c0.174-0.462-0.043-0.649-0.043-0.649c-0.139-0.12-0.4-0.218-0.586-0.218l-0.396,0h-0.397c-0.184,0-0.383,0.14-0.442,0.311
l-2.959,8.465c-0.06,0.171,0.041,0.312,0.225,0.312L29.656,29.317z"/>
</g>
</g>
<g id="Layer_7" display="none">
<g display="inline" opacity="0.35">
<g>
<path fill="#FFFFFF" d="M17.232,34.131c-2.171,0-4.213-0.847-5.749-2.382C9.947,30.213,9.102,28.171,9.102,26
c0-2.171,0.846-4.213,2.381-5.749c1.536-1.536,3.578-2.381,5.749-2.381s4.213,0.845,5.749,2.381
c1.536,1.536,2.381,3.578,2.381,5.749c0,2.171-0.846,4.213-2.381,5.749C21.445,33.284,19.403,34.131,17.232,34.131z
M17.232,18.569c-1.984,0-3.851,0.773-5.255,2.177C10.574,22.15,9.801,24.016,9.801,26c0,1.985,0.773,3.851,2.176,5.256
c1.404,1.402,3.271,2.176,5.255,2.176c1.985,0,3.852-0.773,5.255-2.176c1.403-1.405,2.175-3.271,2.175-5.256
c0-1.986-0.772-3.85-2.175-5.254C21.083,19.342,19.217,18.569,17.232,18.569z"/>
</g>
<path fill="#FFFFFF" d="M28.412,26.061c0.168-0.721-0.099-1.2-0.917-1.2c-0.771,0-1.308,0.467-1.479,1.2H28.412z M25.767,27.126
c-0.223,0.945,0.092,1.378,0.913,1.378c0.695,0,1.045-0.289,1.226-0.645h3.521c-0.329,0.935-1.797,1.822-4.962,1.822
c-2.874,0-4.619-0.855-4.125-2.965c0.507-2.167,2.715-3.032,5.429-3.032c2.349,0,4.562,0.677,3.983,3.142l-0.069,0.3H25.767z"/>
<path fill="#FFFFFF" d="M32.588,26.083c0.174-0.744,0.333-1.478,0.438-2.188h3.546l-0.18,0.978h0.024
c0.772-0.79,1.831-1.188,3.077-1.188c1.102,0,2.918,0.332,2.421,2.454l-0.778,3.331h-3.594l0.697-2.987
c0.192-0.82-0.095-1.11-0.718-1.11c-0.831,0-1.283,0.465-1.482,1.321l-0.651,2.776h-3.594L32.588,26.083z"/>
<polygon fill="#FFFFFF" points="14.989,26.189 11.143,21.449 15.856,21.458 17.897,24.22 21.292,21.449 26.747,21.449
19.938,26.677 23.767,31.605 19.017,31.605 17.066,28.735 13.437,31.605 8,31.605 "/>
</g>
<g display="inline">
<g>
<path fill="#8C8C94" d="M17.232,33.131c-2.171,0-4.213-0.847-5.749-2.382C9.947,29.213,9.102,27.171,9.102,25
c0-2.171,0.846-4.213,2.381-5.749c1.536-1.536,3.578-2.381,5.749-2.381s4.213,0.845,5.749,2.381
c1.536,1.536,2.381,3.578,2.381,5.749c0,2.171-0.846,4.213-2.381,5.749C21.445,32.284,19.403,33.131,17.232,33.131z
M17.232,17.569c-1.984,0-3.851,0.773-5.255,2.177C10.574,21.15,9.801,23.016,9.801,25c0,1.985,0.773,3.851,2.176,5.256
c1.404,1.402,3.271,2.176,5.255,2.176c1.985,0,3.852-0.773,5.255-2.176c1.403-1.405,2.175-3.271,2.175-5.256
c0-1.986-0.772-3.85-2.175-5.254C21.083,18.342,19.217,17.569,17.232,17.569z"/>
</g>
<path fill="#8C8C94" d="M28.412,25.061c0.168-0.722-0.099-1.2-0.917-1.2c-0.771,0-1.308,0.467-1.479,1.2H28.412z M25.767,26.126
c-0.223,0.945,0.092,1.378,0.913,1.378c0.695,0,1.045-0.289,1.226-0.645h3.521c-0.329,0.935-1.797,1.822-4.962,1.822
c-2.874,0-4.619-0.855-4.125-2.965c0.507-2.167,2.715-3.032,5.429-3.032c2.349,0,4.562,0.677,3.983,3.142l-0.069,0.3H25.767z"/>
<path fill="#8C8C94" d="M32.588,25.083c0.174-0.744,0.333-1.478,0.438-2.188h3.546l-0.18,0.978h0.024
c0.772-0.79,1.831-1.188,3.077-1.188c1.102,0,2.918,0.332,2.421,2.454l-0.778,3.332h-3.594l0.697-2.987
c0.192-0.821-0.095-1.11-0.718-1.11c-0.831,0-1.283,0.466-1.482,1.321l-0.651,2.776h-3.594L32.588,25.083z"/>
<polygon fill="#8C8C94" points="14.989,25.189 11.143,20.449 15.856,20.458 17.897,23.22 21.292,20.449 26.747,20.449
19.938,25.677 23.767,30.605 19.017,30.605 17.066,27.735 13.437,30.605 8,30.605 "/>
</g>
</g>
<g id="Layer_8">
<g>
<path fill="#FFFFFF" d="M10.105,20.082c0.354,0.28,0.954,0.656,1.782,1.118c0.859,0.482,1.339,0.769,1.514,0.904
c0.26,0.196,0.457,0.414,0.582,0.648c0.124,0.227,0.186,0.455,0.186,0.677c0,0.4-0.165,0.752-0.488,1.046
c-0.327,0.296-0.78,0.447-1.35,0.447c-0.499,0-0.962-0.113-1.378-0.335c-0.413-0.218-0.724-0.496-0.925-0.828
c-0.204-0.337-0.368-0.854-0.49-1.538l-0.014-0.079H9.092v3.528h0.434l0.012-0.081c0.039-0.256,0.092-0.357,0.128-0.396
c0.052-0.052,0.122-0.078,0.215-0.078c0.078,0,0.291,0.039,0.855,0.223c0.465,0.151,0.779,0.24,0.933,0.266
c0.238,0.045,0.504,0.067,0.812,0.067c0.92,0,1.683-0.276,2.268-0.821c0.588-0.55,0.887-1.212,0.887-1.97
c0-0.398-0.094-0.785-0.279-1.151c-0.185-0.365-0.452-0.685-0.793-0.952c-0.335-0.262-0.964-0.642-1.869-1.127
c-1.096-0.589-1.796-1.064-2.081-1.409c-0.19-0.225-0.286-0.477-0.286-0.747c0-0.355,0.154-0.679,0.457-0.962
c0.303-0.285,0.695-0.429,1.165-0.429c0.419,0,0.833,0.108,1.229,0.322c0.391,0.211,0.697,0.501,0.911,0.863
c0.214,0.365,0.366,0.865,0.45,1.488l0.011,0.083h0.437V15.33h-0.43l-0.017,0.076c-0.056,0.254-0.119,0.357-0.161,0.396
c-0.062,0.057-0.141,0.085-0.239,0.085c-0.065,0-0.209-0.029-0.528-0.171c-0.586-0.256-1.15-0.386-1.675-0.386
c-0.845,0-1.553,0.263-2.107,0.782C9.28,16.635,9,17.265,9,17.985c0,0.416,0.095,0.802,0.283,1.149
C9.47,19.48,9.747,19.798,10.105,20.082z"/>
<path fill="#FFFFFF" d="M16.584,19.372c0.063,0.072,0.138,0.256,0.138,0.722v2.528c0,0.802,0.053,1.334,0.16,1.629
c0.159,0.433,0.434,0.782,0.815,1.036c0.38,0.255,0.939,0.384,1.662,0.384c0.668,0,1.205-0.134,1.596-0.399
c0.393-0.268,0.66-0.593,0.795-0.968c0.135-0.369,0.2-0.874,0.2-1.54v-2.622c0-0.452,0.052-0.596,0.084-0.645
c0.119-0.188,0.283-0.279,0.502-0.279h0.339v-0.362h-2.461v0.362h0.337c0.217,0,0.373,0.058,0.479,0.177
c0.04,0.047,0.108,0.2,0.108,0.7v2.618c0,0.67-0.059,1.15-0.176,1.425c-0.114,0.265-0.333,0.486-0.648,0.659
c-0.323,0.178-0.691,0.268-1.095,0.268c-0.315,0-0.584-0.057-0.798-0.167c-0.213-0.11-0.377-0.25-0.488-0.416
c-0.114-0.167-0.193-0.409-0.238-0.718c-0.046-0.319-0.069-0.605-0.069-0.851v-2.818c0-0.426,0.054-0.597,0.101-0.666
c0.094-0.142,0.253-0.211,0.483-0.211h0.342v-0.362h-2.957v0.362h0.336C16.344,19.217,16.497,19.269,16.584,19.372z"/>
<path fill="#FFFFFF" d="M25.917,25.17h-0.343c-0.215,0-0.37-0.058-0.473-0.179c-0.033-0.037-0.109-0.177-0.109-0.697v-1.775
c0.156,0.031,0.317,0.059,0.472,0.076c0.176,0.022,0.351,0.034,0.516,0.034c0.658,0,1.175-0.176,1.539-0.522
c0.364-0.352,0.55-0.809,0.55-1.362c0-0.409-0.122-0.769-0.364-1.07c-0.239-0.295-0.538-0.508-0.884-0.634
c-0.342-0.123-0.812-0.185-1.398-0.185h-2.46v0.362h0.34c0.216,0,0.377,0.06,0.48,0.178c0.04,0.044,0.105,0.195,0.105,0.699v4.2
c0,0.459-0.05,0.605-0.079,0.65c-0.1,0.152-0.266,0.226-0.507,0.226h-0.34v0.363h2.955V25.17z M24.992,22.049v-2.544
c0.21-0.046,0.387-0.07,0.524-0.07c0.244,0,0.467,0.055,0.66,0.165c0.191,0.11,0.335,0.273,0.44,0.499
c0.107,0.229,0.162,0.479,0.162,0.742c0,0.388-0.109,0.693-0.33,0.932c-0.221,0.239-0.476,0.355-0.778,0.355
c-0.097,0-0.203-0.007-0.32-0.023C25.252,22.093,25.137,22.075,24.992,22.049z"/>
<path fill="#FFFFFF" d="M34.204,23.719h-0.396l-0.027,0.052c-0.199,0.381-0.397,0.668-0.586,0.854
c-0.142,0.137-0.284,0.227-0.435,0.275c-0.155,0.045-0.414,0.068-0.769,0.068h-1.096c-0.188,0-0.27-0.019-0.306-0.033
l-0.104-0.121c-0.012-0.039-0.025-0.151-0.025-0.469V22.32h1.291c0.256,0,0.444,0.029,0.562,0.085
c0.11,0.053,0.189,0.125,0.238,0.216c0.019,0.04,0.068,0.175,0.125,0.574l0.011,0.083h0.35v-2.432H32.68l-0.004,0.091
c-0.021,0.336-0.103,0.57-0.247,0.696c-0.104,0.092-0.331,0.139-0.678,0.139H30.46v-2.352h1.655c0.308,0,0.521,0.021,0.628,0.061
c0.14,0.06,0.246,0.145,0.313,0.251c0.072,0.115,0.142,0.336,0.206,0.659l0.016,0.078h0.381l-0.071-1.613h-5.159v0.362h0.324
c0.237,0,0.405,0.055,0.5,0.161c0.036,0.044,0.1,0.197,0.1,0.716v4.2c0,0.315-0.016,0.511-0.047,0.598
c-0.03,0.08-0.083,0.139-0.164,0.178c-0.118,0.066-0.249,0.1-0.389,0.1h-0.324v0.363h5.15L34.204,23.719z"/>
<path fill="#FFFFFF" d="M40.914,25.17c-0.34-0.036-0.615-0.122-0.819-0.253c-0.209-0.137-0.465-0.417-0.761-0.833l-1.26-1.742
c0.493-0.128,0.869-0.336,1.118-0.618c0.276-0.307,0.416-0.678,0.416-1.102c0-0.394-0.122-0.74-0.365-1.027
c-0.243-0.286-0.528-0.478-0.876-0.585c-0.334-0.104-0.855-0.155-1.547-0.155h-2.452v0.362h0.337c0.213,0,0.375,0.06,0.479,0.178
c0.04,0.045,0.107,0.196,0.107,0.699v4.2c0,0.457-0.053,0.603-0.085,0.65c-0.1,0.151-0.264,0.226-0.502,0.226h-0.337v0.363h2.954
V25.17h-0.347c-0.214,0-0.367-0.058-0.471-0.179c-0.04-0.045-0.108-0.195-0.108-0.697v-1.782l0.184,0.005
c0.076,0,0.173-0.004,0.287-0.008l0.059-0.002l2.195,3.026H41V25.18L40.914,25.17z M38.319,20.686
c0,0.393-0.142,0.706-0.435,0.958c-0.29,0.253-0.733,0.382-1.318,0.382l-0.17-0.002v-2.531c0.269-0.058,0.486-0.088,0.646-0.088
c0.393,0,0.695,0.116,0.927,0.354C38.201,19.992,38.319,20.304,38.319,20.686z"/>
<path fill="#FFFFFF" d="M13.557,33.681l-2.401-5.199l-0.026-0.055H9V28.8h0.096c0.328,0,0.493,0.048,0.572,0.088
c0.111,0.058,0.185,0.127,0.224,0.212c0.062,0.118,0.094,0.328,0.094,0.622v4.5c0,0.484-0.061,0.644-0.098,0.695
c-0.104,0.151-0.282,0.227-0.544,0.227H9v0.376h2.605v-0.376h-0.343c-0.243,0-0.419-0.062-0.526-0.184
c-0.043-0.049-0.116-0.21-0.116-0.738v-4.164l2.476,5.406l0.026,0.056h0.291l2.502-5.463v4.165c0,0.483-0.061,0.644-0.098,0.696
c-0.102,0.15-0.28,0.226-0.544,0.226h-0.343v0.376h3.133v-0.376h-0.34c-0.243,0-0.421-0.062-0.529-0.185
c-0.043-0.048-0.117-0.207-0.117-0.737v-4.5c0-0.46,0.052-0.634,0.094-0.696c0.105-0.15,0.29-0.226,0.552-0.226h0.34v-0.373h-2.1
L13.557,33.681z"/>
<path fill="#FFFFFF" d="M20.718,35.032c-0.092-0.053-0.148-0.106-0.171-0.169c-0.027-0.071-0.06-0.242-0.06-0.656v-4.471
c0-0.508,0.067-0.672,0.107-0.725c0.107-0.141,0.287-0.212,0.535-0.212h0.343v-0.373h-3.133V28.8h0.342
c0.141,0,0.28,0.036,0.418,0.106c0.086,0.053,0.141,0.108,0.166,0.173c0.022,0.059,0.06,0.223,0.06,0.657v4.471
c0,0.485-0.056,0.662-0.103,0.725c-0.108,0.142-0.286,0.212-0.541,0.212h-0.342v0.376h3.133v-0.376h-0.343
C20.98,35.144,20.846,35.106,20.718,35.032z"/>
<path fill="#FFFFFF" d="M27.546,33.764l-0.309-0.2l-0.055,0.074c-0.4,0.56-0.77,0.936-1.093,1.118
c-0.326,0.183-0.706,0.275-1.132,0.275c-0.497,0-0.928-0.116-1.319-0.353c-0.384-0.238-0.674-0.577-0.861-1.01
c-0.192-0.443-0.29-0.975-0.29-1.58c0-0.738,0.104-1.363,0.309-1.856c0.199-0.487,0.477-0.847,0.828-1.066
c0.347-0.223,0.732-0.332,1.178-0.332c0.523,0,0.958,0.146,1.331,0.447c0.372,0.299,0.662,0.798,0.863,1.482l0.019,0.07h0.34
l-0.171-2.465l-0.005-0.09h-0.346l-0.019,0.073c-0.036,0.148-0.089,0.259-0.158,0.331c-0.051,0.047-0.108,0.069-0.176,0.069
c-0.019,0-0.082-0.01-0.257-0.098c-0.492-0.25-1.001-0.376-1.511-0.376c-0.65,0-1.259,0.164-1.811,0.487
c-0.548,0.321-0.986,0.783-1.301,1.373c-0.314,0.587-0.474,1.239-0.474,1.939c0,0.868,0.243,1.636,0.72,2.278
c0.642,0.867,1.559,1.306,2.725,1.306c0.65,0,1.217-0.146,1.688-0.438c0.474-0.291,0.893-0.755,1.242-1.381L27.546,33.764z"/>
<path fill="#FFFFFF" d="M33.42,34.871c-0.22-0.143-0.491-0.439-0.807-0.885l-1.344-1.86c0.524-0.137,0.926-0.356,1.194-0.658
c0.29-0.329,0.438-0.722,0.438-1.169c0-0.416-0.13-0.781-0.386-1.086c-0.252-0.3-0.564-0.509-0.93-0.622
c-0.358-0.109-0.911-0.164-1.646-0.164H27.34V28.8h0.352c0.232,0,0.4,0.062,0.515,0.191c0.043,0.049,0.117,0.211,0.117,0.745
v4.471c0,0.489-0.055,0.643-0.09,0.692c-0.104,0.164-0.283,0.244-0.542,0.244H27.34v0.376h3.132v-0.376h-0.367
c-0.225,0-0.393-0.063-0.501-0.194c-0.036-0.038-0.12-0.188-0.12-0.742v-1.902l0.201,0.004c0.094,0,0.208-0.004,0.34-0.009
l0.031-0.001l2.31,3.181l0.029,0.04h1.986v-0.366l-0.087-0.01C33.939,35.106,33.645,35.015,33.42,34.871z M31.544,30.367
c0,0.417-0.15,0.752-0.461,1.022c-0.312,0.272-0.788,0.411-1.408,0.411l-0.191-0.006v-2.701c0.287-0.063,0.521-0.097,0.697-0.097
c0.415,0,0.738,0.124,0.989,0.379C31.418,29.626,31.544,29.959,31.544,30.367z"/>
<path fill="#FFFFFF" d="M37.229,28.279c-2.039,0-3.698,1.658-3.698,3.694c0,2.039,1.659,3.696,3.698,3.696
c2.038,0,3.694-1.657,3.694-3.696C40.923,29.938,39.267,28.279,37.229,28.279z"/>
</g>
<g>
<path fill="#8C8C94" d="M10.105,19.582c0.354,0.28,0.954,0.656,1.782,1.118c0.859,0.482,1.339,0.769,1.514,0.904
c0.26,0.196,0.457,0.414,0.582,0.648c0.124,0.227,0.186,0.455,0.186,0.677c0,0.4-0.165,0.752-0.488,1.046
c-0.327,0.296-0.78,0.447-1.35,0.447c-0.499,0-0.962-0.113-1.378-0.335c-0.413-0.218-0.724-0.496-0.925-0.828
c-0.204-0.337-0.368-0.854-0.49-1.538l-0.014-0.079H9.092v3.528h0.434l0.012-0.082c0.039-0.255,0.092-0.356,0.128-0.396
c0.052-0.052,0.122-0.078,0.215-0.078c0.078,0,0.291,0.039,0.855,0.222c0.465,0.151,0.779,0.241,0.933,0.266
c0.238,0.045,0.504,0.067,0.812,0.067c0.92,0,1.683-0.276,2.268-0.821c0.588-0.55,0.887-1.212,0.887-1.97
c0-0.398-0.094-0.785-0.279-1.151c-0.185-0.365-0.452-0.685-0.793-0.952c-0.335-0.262-0.964-0.642-1.869-1.127
c-1.096-0.589-1.796-1.064-2.081-1.409c-0.19-0.225-0.286-0.477-0.286-0.747c0-0.355,0.154-0.679,0.457-0.962
c0.303-0.285,0.695-0.429,1.165-0.429c0.419,0,0.833,0.108,1.229,0.322c0.391,0.211,0.697,0.501,0.911,0.863
c0.214,0.365,0.366,0.865,0.45,1.488l0.011,0.083h0.437V14.83h-0.43l-0.017,0.076c-0.056,0.254-0.119,0.357-0.161,0.396
c-0.062,0.057-0.141,0.085-0.239,0.085c-0.065,0-0.209-0.029-0.528-0.171c-0.586-0.256-1.15-0.386-1.675-0.386
c-0.845,0-1.553,0.263-2.107,0.782C9.28,16.135,9,16.765,9,17.485c0,0.416,0.095,0.802,0.283,1.149
C9.47,18.98,9.747,19.298,10.105,19.582z"/>
<path fill="#8C8C94" d="M16.584,18.872c0.063,0.072,0.138,0.256,0.138,0.722v2.528c0,0.802,0.053,1.334,0.16,1.629
c0.159,0.433,0.434,0.782,0.815,1.036c0.38,0.254,0.939,0.383,1.662,0.383c0.668,0,1.205-0.134,1.596-0.399
c0.393-0.268,0.66-0.593,0.795-0.968c0.135-0.369,0.2-0.874,0.2-1.54v-2.622c0-0.452,0.052-0.596,0.084-0.645
c0.119-0.188,0.283-0.279,0.502-0.279h0.339v-0.362h-2.461v0.362h0.337c0.217,0,0.373,0.058,0.479,0.177
c0.04,0.047,0.108,0.2,0.108,0.7v2.618c0,0.67-0.059,1.15-0.176,1.425c-0.114,0.265-0.333,0.486-0.648,0.659
c-0.323,0.178-0.691,0.268-1.095,0.268c-0.315,0-0.584-0.056-0.798-0.167c-0.213-0.11-0.377-0.25-0.488-0.416
c-0.114-0.167-0.193-0.409-0.238-0.718c-0.046-0.319-0.069-0.605-0.069-0.851v-2.818c0-0.426,0.054-0.597,0.101-0.666
c0.094-0.142,0.253-0.211,0.483-0.211h0.342v-0.362h-2.957v0.362h0.336C16.344,18.717,16.497,18.769,16.584,18.872z"/>
<path fill="#8C8C94" d="M25.917,24.67h-0.343c-0.215,0-0.37-0.058-0.473-0.179c-0.033-0.037-0.109-0.177-0.109-0.697v-1.775
c0.156,0.031,0.317,0.059,0.472,0.076c0.176,0.022,0.351,0.034,0.516,0.034c0.658,0,1.175-0.176,1.539-0.522
c0.364-0.352,0.55-0.809,0.55-1.362c0-0.409-0.122-0.769-0.364-1.07c-0.239-0.295-0.538-0.508-0.884-0.634
c-0.342-0.123-0.812-0.185-1.398-0.185h-2.46v0.362h0.34c0.216,0,0.377,0.06,0.48,0.178c0.04,0.044,0.105,0.195,0.105,0.699v4.2
c0,0.459-0.05,0.605-0.079,0.65c-0.1,0.152-0.266,0.226-0.507,0.226h-0.34v0.364h2.955V24.67z M24.992,21.549v-2.544
c0.21-0.046,0.387-0.07,0.524-0.07c0.244,0,0.467,0.055,0.66,0.165c0.191,0.11,0.335,0.273,0.44,0.499
c0.107,0.229,0.162,0.479,0.162,0.742c0,0.388-0.109,0.693-0.33,0.932c-0.221,0.239-0.476,0.355-0.778,0.355
c-0.097,0-0.203-0.007-0.32-0.023C25.252,21.593,25.137,21.575,24.992,21.549z"/>
<path fill="#8C8C94" d="M34.204,23.219h-0.396l-0.027,0.052c-0.199,0.381-0.397,0.668-0.586,0.854
c-0.142,0.137-0.284,0.227-0.435,0.275c-0.155,0.045-0.414,0.068-0.769,0.068h-1.096c-0.188,0-0.27-0.019-0.306-0.033
l-0.104-0.121c-0.012-0.039-0.025-0.151-0.025-0.469V21.82h1.291c0.256,0,0.444,0.029,0.562,0.085
c0.11,0.053,0.189,0.125,0.238,0.216c0.019,0.04,0.068,0.175,0.125,0.574l0.011,0.083h0.35v-2.432H32.68l-0.004,0.091
c-0.021,0.336-0.103,0.57-0.247,0.696c-0.104,0.092-0.331,0.139-0.678,0.139H30.46v-2.352h1.655c0.308,0,0.521,0.021,0.628,0.061
c0.14,0.06,0.246,0.145,0.313,0.251c0.072,0.115,0.142,0.336,0.206,0.659l0.016,0.078h0.381l-0.071-1.613h-5.159v0.362h0.324
c0.237,0,0.405,0.055,0.5,0.161c0.036,0.044,0.1,0.197,0.1,0.716v4.2c0,0.315-0.016,0.511-0.047,0.598
c-0.03,0.08-0.083,0.14-0.164,0.178c-0.118,0.066-0.249,0.1-0.389,0.1h-0.324v0.364h5.15L34.204,23.219z"/>
<path fill="#8C8C94" d="M40.914,24.67c-0.34-0.037-0.615-0.123-0.819-0.253C39.886,24.28,39.63,24,39.334,23.583l-1.26-1.742
c0.493-0.128,0.869-0.336,1.118-0.618c0.276-0.307,0.416-0.678,0.416-1.102c0-0.394-0.122-0.74-0.365-1.027
c-0.243-0.286-0.528-0.478-0.876-0.585c-0.334-0.104-0.855-0.155-1.547-0.155h-2.452v0.362h0.337c0.213,0,0.375,0.06,0.479,0.178
c0.04,0.045,0.107,0.196,0.107,0.699v4.2c0,0.457-0.053,0.603-0.085,0.65c-0.1,0.152-0.264,0.226-0.502,0.226h-0.337v0.364h2.954
V24.67h-0.347c-0.214,0-0.367-0.058-0.471-0.179c-0.04-0.045-0.108-0.195-0.108-0.697v-1.782l0.184,0.005
c0.076,0,0.173-0.004,0.287-0.008l0.059-0.002l2.195,3.027H41V24.68L40.914,24.67z M38.319,20.186
c0,0.393-0.142,0.706-0.435,0.958c-0.29,0.253-0.733,0.382-1.318,0.382l-0.17-0.002v-2.531c0.269-0.058,0.486-0.088,0.646-0.088
c0.393,0,0.695,0.116,0.927,0.354C38.201,19.492,38.319,19.804,38.319,20.186z"/>
<path fill="#8C8C94" d="M13.557,33.181l-2.401-5.199l-0.026-0.055H9V28.3h0.096c0.328,0,0.493,0.048,0.572,0.088
c0.111,0.058,0.185,0.127,0.224,0.212c0.062,0.118,0.094,0.328,0.094,0.622v4.5c0,0.484-0.061,0.644-0.098,0.695
c-0.104,0.151-0.282,0.227-0.544,0.227H9v0.376h2.605v-0.376h-0.343c-0.243,0-0.419-0.062-0.526-0.184
c-0.043-0.049-0.116-0.21-0.116-0.738v-4.164l2.476,5.406l0.026,0.056h0.291l2.502-5.463v4.165c0,0.483-0.061,0.644-0.098,0.696
c-0.102,0.15-0.28,0.226-0.544,0.226h-0.343v0.376h3.133v-0.376h-0.34c-0.243,0-0.421-0.062-0.529-0.185
c-0.043-0.048-0.117-0.207-0.117-0.737v-4.5c0-0.46,0.052-0.634,0.094-0.696c0.105-0.15,0.29-0.226,0.552-0.226h0.34v-0.373h-2.1
L13.557,33.181z"/>
<path fill="#8C8C94" d="M20.718,34.532c-0.092-0.053-0.148-0.106-0.171-0.169c-0.027-0.071-0.06-0.242-0.06-0.656v-4.471
c0-0.508,0.067-0.672,0.107-0.725c0.107-0.141,0.287-0.212,0.535-0.212h0.343v-0.373h-3.133V28.3h0.342
c0.141,0,0.28,0.036,0.418,0.106c0.086,0.053,0.141,0.108,0.166,0.173c0.022,0.059,0.06,0.223,0.06,0.657v4.471
c0,0.485-0.056,0.662-0.103,0.725c-0.108,0.142-0.286,0.212-0.541,0.212h-0.342v0.376h3.133v-0.376h-0.343
C20.98,34.644,20.846,34.606,20.718,34.532z"/>
<path fill="#8C8C94" d="M27.546,33.264l-0.309-0.2l-0.055,0.074c-0.4,0.56-0.77,0.936-1.093,1.118
c-0.326,0.183-0.706,0.275-1.132,0.275c-0.497,0-0.928-0.116-1.319-0.353c-0.384-0.238-0.674-0.577-0.861-1.01
c-0.192-0.443-0.29-0.975-0.29-1.58c0-0.738,0.104-1.363,0.309-1.856c0.199-0.487,0.477-0.847,0.828-1.066
c0.347-0.223,0.732-0.332,1.178-0.332c0.523,0,0.958,0.146,1.331,0.447c0.372,0.299,0.662,0.798,0.863,1.482l0.019,0.07h0.34
l-0.171-2.465l-0.005-0.09h-0.346l-0.019,0.073c-0.036,0.148-0.089,0.259-0.158,0.331c-0.051,0.047-0.108,0.069-0.176,0.069
c-0.019,0-0.082-0.01-0.257-0.098c-0.492-0.25-1.001-0.376-1.511-0.376c-0.65,0-1.259,0.164-1.811,0.487
c-0.548,0.321-0.986,0.783-1.301,1.373c-0.314,0.587-0.474,1.239-0.474,1.939c0,0.868,0.243,1.636,0.72,2.278
c0.642,0.867,1.559,1.306,2.725,1.306c0.65,0,1.217-0.146,1.688-0.438c0.474-0.291,0.893-0.755,1.242-1.381L27.546,33.264z"/>
<path fill="#8C8C94" d="M33.42,34.371c-0.22-0.143-0.491-0.439-0.807-0.885l-1.344-1.86c0.524-0.137,0.926-0.356,1.194-0.658
c0.29-0.329,0.438-0.722,0.438-1.169c0-0.416-0.13-0.781-0.386-1.086c-0.252-0.3-0.564-0.509-0.93-0.622
c-0.358-0.109-0.911-0.164-1.646-0.164H27.34V28.3h0.352c0.232,0,0.4,0.062,0.515,0.191c0.043,0.049,0.117,0.211,0.117,0.745
v4.471c0,0.489-0.055,0.643-0.09,0.692c-0.104,0.164-0.283,0.244-0.542,0.244H27.34v0.376h3.132v-0.376h-0.367
c-0.225,0-0.393-0.063-0.501-0.194c-0.036-0.038-0.12-0.188-0.12-0.742v-1.902l0.201,0.004c0.094,0,0.208-0.004,0.34-0.009
l0.031-0.001l2.31,3.181l0.029,0.04h1.986v-0.366l-0.087-0.01C33.939,34.606,33.645,34.515,33.42,34.371z M31.544,29.867
c0,0.417-0.15,0.752-0.461,1.022c-0.312,0.272-0.788,0.411-1.408,0.411l-0.191-0.006v-2.701c0.287-0.063,0.521-0.097,0.697-0.097
c0.415,0,0.738,0.124,0.989,0.379C31.418,29.126,31.544,29.459,31.544,29.867z"/>
<path fill="#8C8C94" d="M37.229,27.779c-2.039,0-3.698,1.658-3.698,3.694c0,2.039,1.659,3.696,3.698,3.696
c2.038,0,3.694-1.657,3.694-3.696C40.923,29.438,39.267,27.779,37.229,27.779z"/>
</g>
</g>
<g id="Layer_9" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M36.353,38.704c-1.297,0-3.031-0.544-5.299-1.661c-0.167-0.081-0.329-0.163-0.491-0.244
c-3.177,1.122-7.697,1.842-11.62,1.842c-3.211,0-7.18-0.464-7.85-2.669c-0.492-1.619,0.962-3.539,4.447-5.87
c0.154-0.103,0.306-0.204,0.458-0.304c0.583-3.136,2.066-7.104,3.905-10.435c1.251-2.266,3.703-6.067,6.059-6.067
c1.921,0,3.046,2.302,3.346,6.842c0.013,0.184,0.023,0.366,0.034,0.546c4.643,3.977,10.766,12.961,9.486,16.5
C38.578,37.877,37.944,38.704,36.353,38.704z M32.152,36.15c1.803,0.846,3.214,1.273,4.2,1.273c0.911,0,1.158-0.36,1.271-0.675
c0.85-2.353-3.571-9.87-8.208-14.274c0.031,1.234,0.018,2.417-0.039,3.531v0.002l-0.001,0.021c0.096,0.347,0.068,0.747-0.08,1.188
v0.006c-0.026,0.305-0.056,0.604-0.089,0.895l0.005,0.002l-0.001,0.002c0.101,0.037,0.202,0.076,0.304,0.114
c3.821,1.445,5.676,2.959,5.669,4.627C35.179,34.097,34.16,35.201,32.152,36.15z M15.765,31.499
c-3.482,2.429-3.577,3.67-3.447,4.101c0.325,1.069,2.925,1.761,6.625,1.761c3.33,0,7.096-0.534,10.03-1.395
c-1.085-0.589-2.101-1.19-3.035-1.797h-0.001l-0.019-0.012c-0.349-0.091-0.681-0.313-0.99-0.664l-0.004-0.004
c-0.25-0.174-0.495-0.349-0.729-0.522L24.19,32.97l-0.002-0.002c-0.083,0.069-0.166,0.137-0.25,0.206
c-2.391,1.956-4.228,2.906-5.617,2.906c-0.738,0-1.362-0.276-1.803-0.8C15.874,34.518,15.623,33.248,15.765,31.499z M27.48,33.628
c0.979,0.601,2.039,1.195,3.163,1.776c2.045-0.794,3.257-1.738,3.261-2.547c0.002-0.479-0.467-1.771-4.842-3.426
c-0.013-0.004-0.024-0.009-0.036-0.014C28.753,31.066,28.284,32.767,27.48,33.628z M17.166,30.566
c-0.291,1.882-0.174,3.29,0.331,3.888c0.199,0.237,0.46,0.346,0.824,0.346c0.733,0,2.162-0.454,4.807-2.616
c0.01-0.009,0.02-0.017,0.029-0.025c-1.24-1.021-2.52-2.298-2.869-3.445C19.277,29.261,18.231,29.882,17.166,30.566z
M25.801,32.54c0.177,0.122,0.36,0.246,0.547,0.368c0.304-0.124,0.903-1.012,1.33-3.221c-0.605,0.683-1.362,1.429-2.264,2.23
C25.543,32.167,25.672,32.373,25.801,32.54z M21.476,28.093c-0.002,0.024-0.002,0.057,0.003,0.097
c0.06,0.482,0.662,1.406,2.12,2.668c-0.289-0.865-0.557-1.894-0.801-3.077c-0.279-0.012-0.524-0.004-0.731,0.024
C21.873,27.896,21.675,27.993,21.476,28.093z M24.142,27.948c0.23,1.057,0.479,1.967,0.746,2.723
c0.8-0.729,1.463-1.399,1.983-2.007C25.841,28.335,24.928,28.096,24.142,27.948z M25.962,14.577c-2.364,0-6.904,7.849-8.45,14.262
c1.052-0.644,2.082-1.224,3.074-1.73l0-0.001l0.019-0.009c0.254-0.258,0.613-0.435,1.072-0.526l0.004-0.002
c0.277-0.131,0.55-0.254,0.818-0.37l-0.001-0.005l0.003-0.002c-0.018-0.104-0.036-0.211-0.053-0.318
c-0.558-3.413-0.37-5.611,0.573-6.722c0.443-0.521,1.056-0.797,1.769-0.797c0.896,0,1.967,0.429,3.195,1.277
C27.597,15.084,26.451,14.577,25.962,14.577z M24.626,26.739c0.893,0.182,1.917,0.464,3.062,0.845
c0.151-0.236,0.267-0.452,0.346-0.646c0.016-0.213,0.032-0.432,0.046-0.652c-0.105-0.076-0.343-0.141-0.71-0.141
C26.695,26.145,25.744,26.353,24.626,26.739z M24.791,19.636c-0.34,0-0.592,0.11-0.793,0.347
c-0.381,0.448-0.924,1.782-0.287,5.686c0.002,0.012,0.005,0.025,0.007,0.038c1.474-0.552,2.728-0.842,3.652-0.842
c0.296,0,0.55,0.029,0.767,0.08c0.031-1.15,0.016-2.367-0.044-3.633C26.746,20.229,25.58,19.636,24.791,19.636z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M36.353,37.704c-1.297,0-3.031-0.544-5.299-1.661c-0.167-0.081-0.329-0.163-0.491-0.244
c-3.177,1.122-7.697,1.842-11.62,1.842c-3.211,0-7.18-0.464-7.85-2.669c-0.492-1.619,0.962-3.539,4.447-5.87
c0.154-0.103,0.306-0.204,0.458-0.304c0.583-3.136,2.066-7.104,3.905-10.435c1.251-2.266,3.703-6.067,6.059-6.067
c1.921,0,3.046,2.302,3.346,6.842c0.013,0.184,0.023,0.366,0.034,0.546c4.643,3.977,10.766,12.961,9.486,16.5
C38.578,36.877,37.944,37.704,36.353,37.704z M32.152,35.15c1.803,0.846,3.214,1.273,4.2,1.273c0.911,0,1.158-0.36,1.271-0.675
c0.85-2.353-3.571-9.87-8.208-14.274c0.031,1.234,0.018,2.417-0.039,3.531v0.001l-0.001,0.021c0.096,0.347,0.068,0.747-0.08,1.188
v0.006c-0.026,0.305-0.056,0.604-0.089,0.895l0.005,0.002l-0.001,0.002c0.101,0.037,0.202,0.076,0.304,0.114
c3.821,1.445,5.676,2.959,5.669,4.627C35.179,33.097,34.16,34.201,32.152,35.15z M15.765,30.499
c-3.482,2.429-3.577,3.67-3.447,4.101c0.325,1.069,2.925,1.761,6.625,1.761c3.33,0,7.096-0.534,10.03-1.395
c-1.085-0.589-2.101-1.19-3.035-1.797h-0.001l-0.019-0.012c-0.349-0.091-0.681-0.313-0.99-0.664l-0.004-0.004
c-0.25-0.174-0.495-0.349-0.729-0.522L24.19,31.97l-0.002-0.002c-0.083,0.069-0.166,0.137-0.25,0.206
c-2.391,1.956-4.228,2.906-5.617,2.906c-0.738,0-1.362-0.276-1.803-0.8C15.874,33.518,15.623,32.248,15.765,30.499z M27.48,32.628
c0.979,0.601,2.039,1.195,3.163,1.776c2.045-0.794,3.257-1.738,3.261-2.547c0.002-0.479-0.467-1.771-4.842-3.426
c-0.013-0.004-0.024-0.009-0.036-0.014C28.753,30.066,28.284,31.767,27.48,32.628z M17.166,29.566
c-0.291,1.882-0.174,3.29,0.331,3.888c0.199,0.237,0.46,0.346,0.824,0.346c0.733,0,2.162-0.454,4.807-2.616
c0.01-0.009,0.02-0.017,0.029-0.025c-1.24-1.021-2.52-2.298-2.869-3.445C19.277,28.261,18.231,28.882,17.166,29.566z
M25.801,31.54c0.177,0.122,0.36,0.246,0.547,0.368c0.304-0.124,0.903-1.012,1.33-3.221c-0.605,0.683-1.362,1.429-2.264,2.23
C25.543,31.167,25.672,31.373,25.801,31.54z M21.476,27.093c-0.002,0.024-0.002,0.057,0.003,0.097
c0.06,0.482,0.662,1.406,2.12,2.668c-0.289-0.865-0.557-1.894-0.801-3.077c-0.279-0.012-0.524-0.004-0.731,0.024
C21.873,26.896,21.675,26.993,21.476,27.093z M24.142,26.948c0.23,1.057,0.479,1.967,0.746,2.723
c0.8-0.729,1.463-1.399,1.983-2.007C25.841,27.335,24.928,27.096,24.142,26.948z M25.962,13.577c-2.364,0-6.904,7.849-8.45,14.262
c1.052-0.644,2.082-1.224,3.074-1.73l0-0.001l0.019-0.009c0.254-0.258,0.613-0.435,1.072-0.526l0.004-0.002
c0.277-0.13,0.55-0.253,0.818-0.37l-0.001-0.005l0.003-0.001c-0.018-0.105-0.036-0.211-0.053-0.319
c-0.558-3.412-0.37-5.611,0.573-6.722c0.443-0.521,1.056-0.797,1.769-0.797c0.896,0,1.967,0.429,3.195,1.277
C27.597,14.084,26.451,13.577,25.962,13.577z M24.626,25.739c0.893,0.182,1.917,0.464,3.062,0.845
c0.151-0.236,0.267-0.452,0.346-0.646c0.016-0.213,0.032-0.432,0.046-0.652c-0.105-0.076-0.343-0.141-0.71-0.141
C26.695,25.145,25.744,25.353,24.626,25.739z M24.791,18.636c-0.34,0-0.592,0.11-0.793,0.347
c-0.381,0.448-0.924,1.782-0.287,5.686c0.002,0.012,0.005,0.025,0.007,0.038c1.474-0.552,2.728-0.842,3.652-0.842
c0.296,0,0.55,0.029,0.767,0.08c0.031-1.15,0.016-2.367-0.044-3.633C26.746,19.229,25.58,18.636,24.791,18.636z"/>
</g>
</g>
<g id="Layer_10" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M11,30.826v-9.652h1.949v4.286l3.937-4.286h2.621l-3.635,3.759l3.832,5.893h-2.521l-2.653-4.529
l-1.58,1.612v2.917H11z"/>
<path fill="#FFFFFF" d="M23.173,30.826l-3.45-9.652h2.114l2.442,7.143l2.364-7.143h2.067l-3.457,9.652H23.173z"/>
<path fill="#FFFFFF" d="M29.678,30.826v-9.652h2.917l1.75,6.583l1.732-6.583H39v9.652h-1.811v-7.598l-1.915,7.598h-1.877
l-1.91-7.598v7.598H29.678z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M11,29.826v-9.652h1.949v4.286l3.937-4.286h2.621l-3.635,3.759l3.832,5.893h-2.521l-2.653-4.53
l-1.58,1.613v2.917H11z"/>
<path fill="#8C8C94" d="M23.173,29.826l-3.45-9.652h2.114l2.442,7.143l2.364-7.143h2.067l-3.457,9.652H23.173z"/>
<path fill="#8C8C94" d="M29.678,29.826v-9.652h2.917l1.75,6.583l1.732-6.583H39v9.652h-1.811v-7.598l-1.915,7.598h-1.877
l-1.91-7.598v7.598H29.678z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

163
static/img/logos/vbox-logo.svg Normal file
View File

@ -0,0 +1,163 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g id="Layer_3" display="none">
<rect display="inline" fill="#6B2000" width="50" height="50"/>
</g>
<g id="Layer_1_1_" display="none">
<g display="inline" opacity="0.55">
<path fill="#FFFFFF" d="M24.535,11c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.395,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.483,2.36-5.541,4.149-10.152,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.603-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.029
c0.226-4.54,2.003-7.755,4.38-10.141C16.783,12.983,20.041,11.248,24.535,11z M21.595,13.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.01c2.061-0.101,3.846-0.562,5.324-1.311
c2.899-1.463,5.188-3.718,6.451-6.83c0.641-1.572,1.124-3.396,1.02-5.6c-0.195-4.172-1.892-7.002-4.125-9.16
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,12.779,22.493,12.91,21.595,13.152z"/>
<path fill="#FFFFFF" d="M23.62,22.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.018,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.64,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,23.778,22.324,22.936,23.62,22.104z M16.12,24.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,24.453,16.119,24.475,16.12,24.496z"/>
<path fill="#FFFFFF" d="M32.261,22.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,22.504,32.243,22.482,32.261,22.479z"/>
</g>
<g display="inline">
<path fill="#ACACAC" d="M24.535,10c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.395,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.483,2.36-5.541,4.149-10.152,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.603-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.03
c0.226-4.539,2.003-7.757,4.38-10.14C16.783,11.983,20.041,10.248,24.535,10z M21.595,12.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.01c2.061-0.101,3.846-0.562,5.324-1.311
c2.899-1.463,5.188-3.718,6.451-6.83c0.641-1.572,1.124-3.396,1.02-5.598c-0.195-4.174-1.892-7.004-4.125-9.162
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,11.779,22.493,11.91,21.595,12.152z"/>
<path fill="#ACACAC" d="M23.62,21.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.018,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.639,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,22.778,22.324,21.936,23.62,21.104z M16.12,23.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,23.453,16.119,23.475,16.12,23.496z"/>
<path fill="#ACACAC" d="M32.261,21.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,21.504,32.243,21.482,32.261,21.479z"/>
</g>
</g>
<g opacity="0.35">
<path fill="#FFFFFF" d="M37.562,16.313l-12.082-5.229C25.35,11.028,25.178,11,25.006,11c-0.005,0-0.011,0-0.016,0
c-0.005,0-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324
l0.025,0.015c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286
c0,0.004,0,0.009,0,0.013c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.117-0.012,0.234-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.032,0-0.063-0.001-0.098c-0.06,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.267l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.436-0.545,0.457-0.828
l1.031-12.678C38.021,16.752,37.823,16.428,37.562,16.313z M24.975,12.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,12.994z
M35.666,29.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.047c0-0.002-0.001-0.003-0.002-0.004l-0.958-12.054
l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111s0.325-0.037,0.448-0.11l10.441-6.232l0.726-0.433L35.666,29.549z"/>
<path fill="#FFFFFF" d="M35.427,19.699l-9.034,5.533c-0.123,0.075-0.224,0.252-0.224,0.395l-0.021,9.268
c0,0.142,0.096,0.188,0.209,0.104l8.426-6.123c0.115-0.084,0.22-0.27,0.229-0.41l0.619-8.645
C35.641,19.679,35.548,19.624,35.427,19.699z"/>
<path fill="#FFFFFF" d="M23.676,25.274L14.642,19.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.667
c0.009,0.142,0.112,0.326,0.229,0.41l8.489,6.209c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,25.527,23.797,25.35,23.676,25.274z"/>
</g>
<g>
<path fill="#8C8C94" d="M37.562,15.313l-12.082-5.229C25.35,10.028,25.178,10,25.006,10c-0.005,0-0.011,0-0.016,0
c-0.005,0-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324
l0.025,0.015c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286
c0,0.004,0,0.009,0,0.013c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.117-0.012,0.234-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.032,0-0.063-0.001-0.098c-0.06,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.267l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.436-0.545,0.457-0.828
l1.031-12.678C38.021,15.752,37.823,15.428,37.562,15.313z M24.975,11.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,11.994z
M35.666,28.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.047c0-0.002-0.001-0.003-0.002-0.004l-0.958-12.054
l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111s0.325-0.037,0.448-0.11l10.441-6.232l0.726-0.433L35.666,28.549z"/>
<path fill="#8C8C94" d="M35.427,18.699l-9.034,5.533c-0.123,0.075-0.224,0.252-0.224,0.395l-0.021,9.268
c0,0.142,0.096,0.188,0.209,0.104l8.426-6.123c0.115-0.084,0.22-0.27,0.229-0.41l0.619-8.645
C35.641,18.679,35.548,18.624,35.427,18.699z"/>
<path fill="#8C8C94" d="M23.676,24.274L14.642,18.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.667
c0.009,0.142,0.112,0.326,0.229,0.41l8.489,6.209c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,24.527,23.797,24.35,23.676,24.274z"/>
</g>
<g id="Layer_4" display="none">
<g display="inline" opacity="0.55">
<rect x="18.484" y="28.602" fill="#FFFFFF" width="1.316" height="5.213"/>
<path fill="#FFFFFF" d="M30.407,30.096c-0.054-0.029-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.394,1.44,1.394c0.618,0,1.052-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.021-2.775-2.7c0-1.557,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V30.096z"/>
<path fill="#FFFFFF" d="M16.677,30.096c-0.053-0.029-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.394,1.441,1.394c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.021-2.775-2.7c0-1.557,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V30.096z"/>
<path fill="#FFFFFF" d="M37.3,31.205c0,1.493-1.149,2.699-2.754,2.699s-2.753-1.206-2.753-2.699c0-1.488,1.148-2.697,2.753-2.697
C36.148,28.508,37.3,29.717,37.3,31.205z M34.546,29.834c-0.78,0-1.36,0.614-1.36,1.371c0,0.76,0.58,1.374,1.36,1.374
c0.779,0,1.358-0.614,1.358-1.374C35.904,30.448,35.325,29.834,34.546,29.834z"/>
<path fill="#FFFFFF" d="M24.79,29.785c-0.02-0.006-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.179-0.816,0.427
c0,0.318,0.387,0.43,0.603,0.499l0.364,0.114c0.854,0.271,1.244,0.855,1.244,1.491c0,1.31-1.152,1.747-2.16,1.747
c-0.701,0-1.355-0.125-1.42-0.141v-1.199c0.117,0.027,0.669,0.191,1.243,0.191c0.653,0,0.956-0.189,0.956-0.484
c0-0.266-0.261-0.418-0.589-0.521c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.522
c0-0.976,0.731-1.632,1.944-1.632c0.641,0,1.244,0.156,1.283,0.166L24.79,29.785L24.79,29.785z"/>
<path fill="#FFFFFF" d="M11.307,22.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V22.998z"/>
<path fill="#FFFFFF" d="M14.894,21.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.202z"/>
<path fill="#FFFFFF" d="M18.482,18.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.359,0.294,0.65,0.656,0.65c0.359,0,0.653-0.291,0.653-0.65V18.745z"/>
<path fill="#FFFFFF" d="M22.067,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M25.652,22.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V22.998z"/>
<path fill="#FFFFFF" d="M29.241,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.357,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.291,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M32.829,18.745c0-0.359-0.292-0.651-0.649-0.651c-0.361,0-0.652,0.292-0.652,0.651v6.923
c0,0.359,0.291,0.65,0.652,0.65c0.357,0,0.649-0.291,0.649-0.65V18.745z"/>
<path fill="#FFFFFF" d="M36.418,21.202c0-0.358-0.291-0.651-0.659-0.651c-0.356,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.293,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V21.202z"/>
<path fill="#FFFFFF" d="M40,22.998c0-0.358-0.291-0.65-0.648-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.357,0,0.648-0.292,0.648-0.654V22.998z"/>
</g>
<g display="inline">
<rect x="18.484" y="27.602" fill="#ACACAC" width="1.316" height="5.213"/>
<path fill="#ACACAC" d="M30.407,29.096c-0.054-0.029-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.394,1.44,1.394c0.618,0,1.052-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.021-2.775-2.7c0-1.557,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V29.096z"/>
<path fill="#ACACAC" d="M16.677,29.096c-0.053-0.029-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.394,1.441,1.394c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.021-2.775-2.7c0-1.557,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V29.096z"/>
<path fill="#ACACAC" d="M37.3,30.205c0,1.493-1.149,2.699-2.754,2.699s-2.753-1.206-2.753-2.699c0-1.488,1.148-2.697,2.753-2.697
C36.148,27.508,37.3,28.717,37.3,30.205z M34.546,28.834c-0.78,0-1.36,0.614-1.36,1.371c0,0.76,0.58,1.374,1.36,1.374
c0.779,0,1.358-0.614,1.358-1.374C35.904,29.448,35.325,28.834,34.546,28.834z"/>
<path fill="#ACACAC" d="M24.79,28.785c-0.02-0.006-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.179-0.816,0.427
c0,0.318,0.387,0.43,0.603,0.499l0.364,0.114c0.854,0.271,1.244,0.855,1.244,1.491c0,1.31-1.152,1.747-2.16,1.747
c-0.701,0-1.355-0.125-1.42-0.141v-1.199c0.117,0.027,0.669,0.191,1.243,0.191c0.653,0,0.956-0.189,0.956-0.484
c0-0.266-0.261-0.418-0.589-0.521c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166L24.79,28.785L24.79,28.785z"/>
<path fill="#ACACAC" d="M11.307,21.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.998z"/>
<path fill="#ACACAC" d="M14.894,20.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V20.202z"/>
<path fill="#ACACAC" d="M18.482,17.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V17.745z"/>
<path fill="#ACACAC" d="M22.067,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#ACACAC" d="M25.652,21.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V21.998z"/>
<path fill="#ACACAC" d="M29.241,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.357,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.291,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#ACACAC" d="M32.829,17.745c0-0.359-0.292-0.651-0.649-0.651c-0.361,0-0.652,0.292-0.652,0.651v6.923
c0,0.36,0.291,0.651,0.652,0.651c0.357,0,0.649-0.291,0.649-0.651V17.745z"/>
<path fill="#ACACAC" d="M36.418,20.202c0-0.358-0.291-0.651-0.659-0.651c-0.356,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.293,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V20.202z"/>
<path fill="#ACACAC" d="M40,21.998c0-0.358-0.291-0.65-0.648-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.357,0,0.648-0.292,0.648-0.654V21.998z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

185
static/img/logos/vmware-logo.svg Normal file
View File

@ -0,0 +1,185 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px"
height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g id="Layer_3" display="none">
<rect display="inline" fill="#6B2000" width="50" height="50"/>
</g>
<g id="Layer_1" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M24.535,11c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.029
c0.226-4.54,2.003-7.756,4.38-10.141C16.783,12.983,20.041,11.248,24.535,11z M21.595,13.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.599c-0.196-4.173-1.892-7.003-4.125-9.161
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,12.779,22.493,12.91,21.595,13.152z"/>
<path fill="#FFFFFF" d="M23.62,22.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.64,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,23.778,22.324,22.936,23.62,22.104z M16.12,24.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,24.453,16.119,24.475,16.12,24.496z"/>
<path fill="#FFFFFF" d="M32.261,22.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,22.504,32.243,22.482,32.261,22.479z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M24.535,10c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.03
c0.226-4.539,2.003-7.757,4.38-10.14C16.783,11.983,20.041,10.248,24.535,10z M21.595,12.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.598c-0.196-4.174-1.892-7.004-4.125-9.162
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,11.779,22.493,11.91,21.595,12.152z"/>
<path fill="#8C8C94" d="M23.62,21.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.639,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,22.778,22.324,21.936,23.62,21.104z M16.12,23.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,23.453,16.119,23.475,16.12,23.496z"/>
<path fill="#8C8C94" d="M32.261,21.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,21.504,32.243,21.482,32.261,21.479z"/>
</g>
</g>
<g id="Layer_2" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M37.562,16.313l-12.081-5.229C25.35,11.028,25.178,11,25.006,11c-0.005,0-0.011,0-0.016,0
s-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324l0.025,0.015
c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286c0,0.004,0,0.009,0,0.013
c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.118-0.012,0.235-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.033,0-0.064-0.001-0.098c-0.059,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.266l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.435-0.545,0.457-0.828
l1.031-12.678C38.021,16.752,37.823,16.428,37.562,16.313z M24.975,12.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,12.994z
M35.666,29.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.048c0-0.001-0.001-0.002-0.002-0.003
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111c0.163,0,0.325-0.037,0.448-0.11l10.441-6.232
l0.725-0.433L35.666,29.549z"/>
<path fill="#FFFFFF" d="M35.427,19.699l-9.035,5.533c-0.122,0.075-0.223,0.252-0.223,0.395l-0.021,9.267
c0,0.142,0.096,0.188,0.21,0.104l8.425-6.123c0.116-0.084,0.22-0.269,0.229-0.41l0.619-8.645
C35.641,19.679,35.548,19.624,35.427,19.699z"/>
<path fill="#FFFFFF" d="M23.676,25.274L14.642,19.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.666
c0.009,0.142,0.112,0.326,0.229,0.411l8.489,6.208c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,25.527,23.797,25.35,23.676,25.274z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M37.562,15.313l-12.081-5.229C25.35,10.028,25.178,10,25.006,10c-0.005,0-0.011,0-0.016,0
s-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324l0.025,0.015
c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286c0,0.004,0,0.009,0,0.013
c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.118-0.012,0.235-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.033,0-0.064-0.001-0.098c-0.059,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.266l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.435-0.545,0.457-0.828
l1.031-12.678C38.021,15.752,37.823,15.428,37.562,15.313z M24.975,11.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,11.994z
M35.666,28.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.048c0-0.001-0.001-0.002-0.002-0.003
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111c0.163,0,0.325-0.037,0.448-0.11l10.441-6.232
l0.725-0.433L35.666,28.549z"/>
<path fill="#8C8C94" d="M35.427,18.699l-9.035,5.533c-0.122,0.075-0.223,0.252-0.223,0.395l-0.021,9.267
c0,0.142,0.096,0.188,0.21,0.104l8.425-6.123c0.116-0.084,0.22-0.269,0.229-0.41l0.619-8.645
C35.641,18.679,35.548,18.624,35.427,18.699z"/>
<path fill="#8C8C94" d="M23.676,24.274L14.642,18.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.666
c0.009,0.142,0.112,0.326,0.229,0.411l8.489,6.208c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,24.527,23.797,24.35,23.676,24.274z"/>
</g>
</g>
<g id="Layer_4" display="none">
<g display="inline" opacity="0.35">
<rect x="18.484" y="28.602" fill="#FFFFFF" width="1.316" height="5.213"/>
<path fill="#FFFFFF" d="M30.407,30.095c-0.054-0.028-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.393,1.44,1.393c0.618,0,1.051-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.02-2.775-2.7c0-1.556,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V30.095z"/>
<path fill="#FFFFFF" d="M16.677,30.095c-0.053-0.028-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.393,1.441,1.393c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.02-2.775-2.7c0-1.556,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V30.095z"/>
<path fill="#FFFFFF" d="M37.3,31.205c0,1.493-1.15,2.7-2.754,2.7c-1.604,0-2.753-1.207-2.753-2.7c0-1.488,1.148-2.697,2.753-2.697
C36.149,28.508,37.3,29.717,37.3,31.205z M34.546,29.834c-0.781,0-1.361,0.614-1.361,1.371c0,0.76,0.58,1.374,1.361,1.374
c0.779,0,1.359-0.614,1.359-1.374C35.905,30.448,35.325,29.834,34.546,29.834z"/>
<path fill="#FFFFFF" d="M24.79,29.785c-0.02-0.005-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.178-0.816,0.427
c0,0.318,0.387,0.429,0.603,0.499l0.364,0.114c0.854,0.272,1.244,0.855,1.244,1.491c0,1.31-1.152,1.748-2.16,1.748
c-0.701,0-1.355-0.126-1.42-0.141v-1.2c0.117,0.028,0.669,0.192,1.243,0.192c0.653,0,0.956-0.189,0.956-0.485
c0-0.265-0.261-0.417-0.589-0.52c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166V29.785z"/>
<path fill="#FFFFFF" d="M11.307,22.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V22.998z"/>
<path fill="#FFFFFF" d="M14.894,21.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.202z"/>
<path fill="#FFFFFF" d="M18.482,18.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V18.745z"/>
<path fill="#FFFFFF" d="M22.067,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M25.652,22.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V22.998z"/>
<path fill="#FFFFFF" d="M29.241,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.29,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M32.829,18.745c0-0.359-0.292-0.651-0.65-0.651c-0.36,0-0.651,0.292-0.651,0.651v6.923
c0,0.36,0.291,0.651,0.651,0.651c0.358,0,0.65-0.291,0.65-0.651V18.745z"/>
<path fill="#FFFFFF" d="M36.418,21.202c0-0.358-0.291-0.651-0.659-0.651c-0.357,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.292,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V21.202z"/>
<path fill="#FFFFFF" d="M40,22.998c0-0.358-0.291-0.65-0.649-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.358,0,0.649-0.292,0.649-0.654V22.998z"/>
</g>
<g display="inline">
<rect x="18.484" y="27.602" fill="#8C8C94" width="1.316" height="5.213"/>
<path fill="#8C8C94" d="M30.407,29.095c-0.054-0.028-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.393,1.44,1.393c0.618,0,1.051-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.02-2.775-2.7c0-1.556,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V29.095z"/>
<path fill="#8C8C94" d="M16.677,29.095c-0.053-0.028-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.393,1.441,1.393c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.02-2.775-2.7c0-1.556,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V29.095z"/>
<path fill="#8C8C94" d="M37.3,30.205c0,1.493-1.15,2.7-2.754,2.7c-1.604,0-2.753-1.207-2.753-2.7c0-1.488,1.148-2.697,2.753-2.697
C36.149,27.508,37.3,28.717,37.3,30.205z M34.546,28.834c-0.781,0-1.361,0.614-1.361,1.371c0,0.76,0.58,1.374,1.361,1.374
c0.779,0,1.359-0.614,1.359-1.374C35.905,29.448,35.325,28.834,34.546,28.834z"/>
<path fill="#8C8C94" d="M24.79,28.785c-0.02-0.005-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.178-0.816,0.427
c0,0.318,0.387,0.429,0.603,0.499l0.364,0.114c0.854,0.272,1.244,0.855,1.244,1.491c0,1.31-1.152,1.748-2.16,1.748
c-0.701,0-1.355-0.126-1.42-0.141v-1.2c0.117,0.028,0.669,0.192,1.243,0.192c0.653,0,0.956-0.189,0.956-0.485
c0-0.265-0.261-0.417-0.589-0.52c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166V28.785z"/>
<path fill="#8C8C94" d="M11.307,21.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.998z"/>
<path fill="#8C8C94" d="M14.894,20.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V20.202z"/>
<path fill="#8C8C94" d="M18.482,17.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V17.745z"/>
<path fill="#8C8C94" d="M22.067,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C94" d="M25.652,21.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V21.998z"/>
<path fill="#8C8C94" d="M29.241,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.29,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C94" d="M32.829,17.745c0-0.359-0.292-0.651-0.65-0.651c-0.36,0-0.651,0.292-0.651,0.651v6.923
c0,0.36,0.291,0.651,0.651,0.651c0.358,0,0.65-0.291,0.65-0.651V17.745z"/>
<path fill="#8C8C94" d="M36.418,20.202c0-0.358-0.291-0.651-0.659-0.651c-0.357,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.292,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V20.202z"/>
<path fill="#8C8C94" d="M40,21.998c0-0.358-0.291-0.65-0.649-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.358,0,0.649-0.292,0.649-0.654V21.998z"/>
</g>
</g>
<g id="Layer_5">
<path opacity="0.35" fill="#FFFFFF" d="M13.146,20.878c-0.378-0.826-1.31-1.201-2.18-0.812c-0.873,0.385-1.193,1.352-0.8,2.18
l3.655,7.944c0.576,1.242,1.182,1.9,2.317,1.9c1.215,0,1.745-0.714,2.318-1.9c0,0,3.188-6.94,3.22-7.014
c0.033-0.073,0.134-0.297,0.457-0.294c0.275,0.001,0.507,0.219,0.507,0.512v6.79c0,1.048,0.582,1.906,1.697,1.906
c1.116,0,1.72-0.858,1.72-1.906v-5.555c0-1.07,0.765-1.765,1.812-1.765c1.047,0,1.741,0.719,1.741,1.765v5.555
c0,1.048,0.581,1.906,1.696,1.906s1.722-0.858,1.722-1.906v-5.555c0-1.07,0.766-1.765,1.812-1.765c1.046,0,1.742,0.719,1.742,1.765
v5.555c0,1.048,0.58,1.906,1.697,1.906c1.114,0,1.72-0.858,1.72-1.906v-6.322c0-2.324-1.869-3.951-4.113-3.951
c-2.246,0-3.652,1.553-3.652,1.553c-0.75-0.968-1.78-1.551-3.522-1.551c-1.839,0-3.449,1.551-3.449,1.551
c-0.749-0.968-2.021-1.551-3.076-1.551c-1.628,0-2.924,0.716-3.715,2.524l-2.333,5.499L13.146,20.878z"/>
<path fill="#8C8C94" d="M13.146,19.878c-0.378-0.826-1.31-1.201-2.18-0.812c-0.873,0.385-1.193,1.352-0.8,2.18l3.655,7.944
c0.576,1.242,1.182,1.9,2.317,1.9c1.215,0,1.745-0.714,2.318-1.9c0,0,3.188-6.94,3.22-7.014c0.033-0.073,0.134-0.297,0.457-0.294
c0.275,0.001,0.507,0.219,0.507,0.512v6.79c0,1.048,0.582,1.906,1.697,1.906c1.116,0,1.72-0.858,1.72-1.906v-5.555
c0-1.07,0.765-1.765,1.812-1.765c1.047,0,1.741,0.719,1.741,1.765v5.555c0,1.048,0.581,1.906,1.696,1.906s1.722-0.858,1.722-1.906
v-5.555c0-1.07,0.766-1.765,1.812-1.765c1.046,0,1.742,0.719,1.742,1.765v5.555c0,1.048,0.58,1.906,1.697,1.906
c1.114,0,1.72-0.858,1.72-1.906v-6.322c0-2.324-1.869-3.951-4.113-3.951c-2.246,0-3.652,1.553-3.652,1.553
c-0.75-0.968-1.78-1.551-3.522-1.551c-1.839,0-3.449,1.551-3.449,1.551c-0.749-0.968-2.021-1.551-3.076-1.551
c-1.628,0-2.924,0.716-3.715,2.524l-2.333,5.499L13.146,19.878z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

254
static/img/logos/xen-logo.svg Normal file
View File

@ -0,0 +1,254 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px"
height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g id="Layer_3" display="none">
<rect display="inline" fill="#6B2000" width="50" height="50"/>
</g>
<g id="Layer_1" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M24.535,11c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.029
c0.226-4.54,2.003-7.756,4.38-10.141C16.783,12.983,20.041,11.248,24.535,11z M21.595,13.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.599c-0.196-4.173-1.892-7.003-4.125-9.161
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,12.779,22.493,12.91,21.595,13.152z"/>
<path fill="#FFFFFF" d="M23.62,22.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.64,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,23.778,22.324,22.936,23.62,22.104z M16.12,24.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,24.453,16.119,24.475,16.12,24.496z"/>
<path fill="#FFFFFF" d="M32.261,22.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,22.504,32.243,22.482,32.261,22.479z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M24.535,10c0.311,0,0.62,0,0.93,0c4.523,0.256,7.749,1.979,10.141,4.393
c2.394,2.415,4.158,5.6,4.396,10.156c0,0.301,0,0.602,0,0.902c-0.229,4.63-2.027,7.685-4.396,10.171
c-2.484,2.36-5.541,4.149-10.153,4.378c-0.306,0-0.61,0-0.915,0c-4.523-0.257-7.748-1.979-10.14-4.393
c-2.392-2.416-4.159-5.602-4.396-10.156c0-0.301,0-0.602,0-0.902c0.012-0.004,0.018-0.013,0.016-0.03
c0.226-4.539,2.003-7.757,4.38-10.14C16.783,11.983,20.041,10.248,24.535,10z M21.595,12.152c-0.892,0.238-1.69,0.542-2.415,0.902
c-2.205,1.093-4.022,2.657-5.295,4.664c-1.24,1.957-2.315,4.476-2.16,7.777c0.099,2.082,0.572,3.834,1.32,5.325
c1.478,2.947,3.727,5.121,6.841,6.438c1.538,0.653,3.446,1.111,5.595,1.009c2.061-0.1,3.846-0.562,5.324-1.31
c2.899-1.463,5.187-3.718,6.451-6.83c0.641-1.573,1.124-3.396,1.02-5.598c-0.196-4.174-1.892-7.004-4.125-9.162
c-1.104-1.068-2.437-1.977-4.004-2.633c-1.521-0.637-3.504-1.109-5.625-1.008C23.478,11.779,22.493,11.91,21.595,12.152z"/>
<path fill="#8C8C94" d="M23.62,21.104c0.476,0.315,0.962,0.62,1.41,0.963c-1.013,0.639-2.007,1.297-3.015,1.94
c0.152,0.118,0.326,0.214,0.479,0.331c1.017-0.646,2.033-1.291,3.046-1.941c0.453,0.282,0.899,0.571,1.319,0.889
c-1.017,0.643-1.995,1.319-3,1.971c0.148,0.121,0.332,0.209,0.495,0.316c1.039-0.639,2.053-1.303,3.074-1.957
c0-0.711,0-1.424,0-2.136c0.75,0,1.5,0,2.25,0c0,1.419,0,2.839,0,4.258c0.637,0.033,1.336,0.005,1.996,0.015
c0,0.668,0,1.334,0,2.001c-1.416,0-2.83,0-4.246,0c0-0.677,0-1.354,0-2.029c-1.246,0.76-2.525,1.618-3.779,2.422
c-1.307-0.852-2.566-1.75-3.87-2.604c-0.378,1.201-1.275,2.104-2.76,2.212c-0.927,0.065-1.979-0.05-3.045,0
c0-2.091,0-4.183,0-6.273c1.333,0.089,2.797-0.179,3.854,0.149c0.935,0.292,1.598,1.041,1.905,1.973
C21.041,22.778,22.324,21.936,23.62,21.104z M16.12,23.496c0,0.752,0,1.504,0,2.256c0.536,0.003,0.943,0.034,1.26-0.211
c0.471-0.363,0.565-1.265,0.15-1.744c-0.277-0.321-0.746-0.389-1.396-0.347C16.118,23.453,16.119,23.475,16.12,23.496z"/>
<path fill="#8C8C94" d="M32.261,21.479c0.75,0,1.5,0,2.25,0c0,1.425,0,2.849,0,4.272c0.659,0,1.319,0,1.979,0
c0,0.668,0,1.334,0,2.001c-1.415,0-2.83,0-4.245,0c0-2.075,0-4.151,0-6.229C32.244,21.504,32.243,21.482,32.261,21.479z"/>
</g>
</g>
<g id="Layer_2" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M37.562,16.313l-12.081-5.229C25.35,11.028,25.178,11,25.006,11c-0.005,0-0.011,0-0.016,0
s-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324l0.025,0.015
c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286c0,0.004,0,0.009,0,0.013
c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.118-0.012,0.235-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.033,0-0.064-0.001-0.098c-0.059,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.266l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.435-0.545,0.457-0.828
l1.031-12.678C38.021,16.752,37.823,16.428,37.562,16.313z M24.975,12.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,12.994z
M35.666,29.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.048c0-0.001-0.001-0.002-0.002-0.003
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111c0.163,0,0.325-0.037,0.448-0.11l10.441-6.232
l0.725-0.433L35.666,29.549z"/>
<path fill="#FFFFFF" d="M35.427,19.699l-9.035,5.533c-0.122,0.075-0.223,0.252-0.223,0.395l-0.021,9.267
c0,0.142,0.096,0.188,0.21,0.104l8.425-6.123c0.116-0.084,0.22-0.269,0.229-0.41l0.619-8.645
C35.641,19.679,35.548,19.624,35.427,19.699z"/>
<path fill="#FFFFFF" d="M23.676,25.274L14.642,19.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.666
c0.009,0.142,0.112,0.326,0.229,0.411l8.489,6.208c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,25.527,23.797,25.35,23.676,25.274z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M37.562,15.313l-12.081-5.229C25.35,10.028,25.178,10,25.006,10c-0.005,0-0.011,0-0.016,0
s-0.011,0-0.017,0c-0.176,0-0.351,0.029-0.483,0.088l-4.673,2.058l-7.41,3.262c-0.14,0.062-0.26,0.182-0.34,0.324l0.025,0.015
c-0.065,0.122-0.1,0.259-0.09,0.386l1,12.581c0.023,0.283,0.228,0.656,0.457,0.828l4.367,3.286c0,0.004,0,0.009,0,0.013
c0,0.119,0.004,0.236,0.012,0.354c-0.008,0.118-0.012,0.235-0.012,0.354c0,3.562,3.286,6.451,7.339,6.451
c4.052,0,7.337-2.889,7.337-6.451c0-0.119-0.003-0.236-0.011-0.354c0.008-0.118,0.011-0.235,0.011-0.354
c0-0.033,0-0.064-0.001-0.098c-0.059,3.519-3.319,6.354-7.336,6.354c-3.983,0-7.224-2.789-7.335-6.266l6.754,5.082
c0.114,0.086,0.265,0.129,0.416,0.129c0.152,0,0.303-0.043,0.417-0.129l11.093-8.371c0.229-0.172,0.435-0.545,0.457-0.828
l1.031-12.678C38.021,15.752,37.823,15.428,37.562,15.313z M24.975,11.994l8.994,3.893l-8.941,5.336l-8.909-5.33L24.975,11.994z
M35.666,28.549c-0.001,0.002-0.001,0.004-0.003,0.006l-10.664,8.047l-10.694-8.048c0-0.001-0.001-0.002-0.002-0.003
l-0.958-12.054l0.656,0.392l10.577,6.33c0.123,0.074,0.285,0.111,0.448,0.111c0.163,0,0.325-0.037,0.448-0.11l10.441-6.232
l0.725-0.433L35.666,28.549z"/>
<path fill="#8C8C94" d="M35.427,18.699l-9.035,5.533c-0.122,0.075-0.223,0.252-0.223,0.395l-0.021,9.267
c0,0.142,0.096,0.188,0.21,0.104l8.425-6.123c0.116-0.084,0.22-0.269,0.229-0.41l0.619-8.645
C35.641,18.679,35.548,18.624,35.427,18.699z"/>
<path fill="#8C8C94" d="M23.676,24.274L14.642,18.7c-0.124-0.075-0.215-0.021-0.206,0.12l0.577,8.666
c0.009,0.142,0.112,0.326,0.229,0.411l8.489,6.208c0.115,0.084,0.211,0.037,0.21-0.104l-0.042-9.332
C23.898,24.527,23.797,24.35,23.676,24.274z"/>
</g>
</g>
<g id="Layer_4" display="none">
<g display="inline" opacity="0.35">
<rect x="18.484" y="28.602" fill="#FFFFFF" width="1.316" height="5.213"/>
<path fill="#FFFFFF" d="M30.407,30.095c-0.054-0.028-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.393,1.44,1.393c0.618,0,1.051-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.02-2.775-2.7c0-1.556,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V30.095z"/>
<path fill="#FFFFFF" d="M16.677,30.095c-0.053-0.028-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.393,1.441,1.393c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.02-2.775-2.7c0-1.556,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V30.095z"/>
<path fill="#FFFFFF" d="M37.3,31.205c0,1.493-1.15,2.7-2.754,2.7c-1.604,0-2.753-1.207-2.753-2.7c0-1.488,1.148-2.697,2.753-2.697
C36.149,28.508,37.3,29.717,37.3,31.205z M34.546,29.834c-0.781,0-1.361,0.614-1.361,1.371c0,0.76,0.58,1.374,1.361,1.374
c0.779,0,1.359-0.614,1.359-1.374C35.905,30.448,35.325,29.834,34.546,29.834z"/>
<path fill="#FFFFFF" d="M24.79,29.785c-0.02-0.005-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.178-0.816,0.427
c0,0.318,0.387,0.429,0.603,0.499l0.364,0.114c0.854,0.272,1.244,0.855,1.244,1.491c0,1.31-1.152,1.748-2.16,1.748
c-0.701,0-1.355-0.126-1.42-0.141v-1.2c0.117,0.028,0.669,0.192,1.243,0.192c0.653,0,0.956-0.189,0.956-0.485
c0-0.265-0.261-0.417-0.589-0.52c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166V29.785z"/>
<path fill="#FFFFFF" d="M11.307,22.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V22.998z"/>
<path fill="#FFFFFF" d="M14.894,21.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.202z"/>
<path fill="#FFFFFF" d="M18.482,18.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V18.745z"/>
<path fill="#FFFFFF" d="M22.067,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M25.652,22.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V22.998z"/>
<path fill="#FFFFFF" d="M29.241,21.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.29,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V21.202z"/>
<path fill="#FFFFFF" d="M32.829,18.745c0-0.359-0.292-0.651-0.65-0.651c-0.36,0-0.651,0.292-0.651,0.651v6.923
c0,0.36,0.291,0.651,0.651,0.651c0.358,0,0.65-0.291,0.65-0.651V18.745z"/>
<path fill="#FFFFFF" d="M36.418,21.202c0-0.358-0.291-0.651-0.659-0.651c-0.357,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.292,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V21.202z"/>
<path fill="#FFFFFF" d="M40,22.998c0-0.358-0.291-0.65-0.649-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.358,0,0.649-0.292,0.649-0.654V22.998z"/>
</g>
<g display="inline">
<rect x="18.484" y="27.602" fill="#8C8C94" width="1.316" height="5.213"/>
<path fill="#8C8C94" d="M30.407,29.095c-0.054-0.028-0.478-0.279-1.107-0.279c-0.849,0-1.44,0.593-1.44,1.39
c0,0.776,0.566,1.393,1.44,1.393c0.618,0,1.051-0.244,1.107-0.276v1.399c-0.167,0.047-0.614,0.185-1.2,0.185
c-1.479,0-2.775-1.02-2.775-2.7c0-1.556,1.174-2.697,2.775-2.697c0.62,0,1.076,0.15,1.2,0.188V29.095z"/>
<path fill="#8C8C94" d="M16.677,29.095c-0.053-0.028-0.476-0.279-1.106-0.279c-0.852,0-1.441,0.593-1.441,1.39
c0,0.776,0.564,1.393,1.441,1.393c0.619,0,1.047-0.244,1.106-0.276v1.399c-0.165,0.047-0.613,0.185-1.201,0.185
c-1.478,0-2.775-1.02-2.775-2.7c0-1.556,1.175-2.697,2.775-2.697c0.619,0,1.076,0.15,1.201,0.188V29.095z"/>
<path fill="#8C8C94" d="M37.3,30.205c0,1.493-1.15,2.7-2.754,2.7c-1.604,0-2.753-1.207-2.753-2.7c0-1.488,1.148-2.697,2.753-2.697
C36.149,27.508,37.3,28.717,37.3,30.205z M34.546,28.834c-0.781,0-1.361,0.614-1.361,1.371c0,0.76,0.58,1.374,1.361,1.374
c0.779,0,1.359-0.614,1.359-1.374C35.905,29.448,35.325,28.834,34.546,28.834z"/>
<path fill="#8C8C94" d="M24.79,28.785c-0.02-0.005-0.574-0.159-1.027-0.159c-0.53,0-0.816,0.178-0.816,0.427
c0,0.318,0.387,0.429,0.603,0.499l0.364,0.114c0.854,0.272,1.244,0.855,1.244,1.491c0,1.31-1.152,1.748-2.16,1.748
c-0.701,0-1.355-0.126-1.42-0.141v-1.2c0.117,0.028,0.669,0.192,1.243,0.192c0.653,0,0.956-0.189,0.956-0.485
c0-0.265-0.261-0.417-0.589-0.52c-0.079-0.026-0.199-0.063-0.28-0.092c-0.734-0.229-1.344-0.661-1.344-1.523
c0-0.975,0.731-1.631,1.944-1.631c0.641,0,1.244,0.156,1.283,0.166V28.785z"/>
<path fill="#8C8C94" d="M11.307,21.998c0-0.358-0.294-0.65-0.654-0.65c-0.359,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V21.998z"/>
<path fill="#8C8C94" d="M14.894,20.202c0-0.358-0.294-0.651-0.654-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.36,0,0.654-0.292,0.654-0.654V20.202z"/>
<path fill="#8C8C94" d="M18.482,17.745c0-0.359-0.294-0.651-0.653-0.651c-0.362,0-0.656,0.292-0.656,0.651v6.923
c0,0.36,0.294,0.651,0.656,0.651c0.359,0,0.653-0.291,0.653-0.651V17.745z"/>
<path fill="#8C8C94" d="M22.067,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.653,0.293-0.653,0.651v3.165
c0,0.362,0.294,0.654,0.653,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C94" d="M25.652,21.998c0-0.358-0.294-0.65-0.649-0.65c-0.362,0-0.653,0.292-0.653,0.65v1.369
c0,0.362,0.291,0.654,0.653,0.654c0.355,0,0.649-0.292,0.649-0.654V21.998z"/>
<path fill="#8C8C94" d="M29.241,20.202c0-0.358-0.291-0.651-0.653-0.651c-0.358,0-0.648,0.293-0.648,0.651v3.165
c0,0.362,0.29,0.654,0.648,0.654c0.362,0,0.653-0.292,0.653-0.654V20.202z"/>
<path fill="#8C8C94" d="M32.829,17.745c0-0.359-0.292-0.651-0.65-0.651c-0.36,0-0.651,0.292-0.651,0.651v6.923
c0,0.36,0.291,0.651,0.651,0.651c0.358,0,0.65-0.291,0.65-0.651V17.745z"/>
<path fill="#8C8C94" d="M36.418,20.202c0-0.358-0.291-0.651-0.659-0.651c-0.357,0-0.649,0.293-0.649,0.651v3.165
c0,0.362,0.292,0.654,0.649,0.654c0.368,0,0.659-0.292,0.659-0.654V20.202z"/>
<path fill="#8C8C94" d="M40,21.998c0-0.358-0.291-0.65-0.649-0.65c-0.36,0-0.652,0.292-0.652,0.65v1.369
c0,0.362,0.292,0.654,0.652,0.654c0.358,0,0.649-0.292,0.649-0.654V21.998z"/>
</g>
</g>
<g id="Layer_5" display="none">
<path display="inline" opacity="0.35" fill="#FFFFFF" d="M13.146,20.878c-0.378-0.826-1.31-1.201-2.18-0.812
c-0.873,0.385-1.193,1.352-0.8,2.18l3.655,7.944c0.576,1.242,1.182,1.9,2.317,1.9c1.215,0,1.745-0.714,2.318-1.9
c0,0,3.188-6.94,3.22-7.014c0.033-0.073,0.134-0.297,0.457-0.294c0.275,0.001,0.507,0.219,0.507,0.512v6.79
c0,1.048,0.582,1.906,1.697,1.906c1.116,0,1.72-0.858,1.72-1.906v-5.555c0-1.07,0.765-1.765,1.812-1.765
c1.047,0,1.741,0.719,1.741,1.765v5.555c0,1.048,0.581,1.906,1.696,1.906s1.722-0.858,1.722-1.906v-5.555
c0-1.07,0.766-1.765,1.812-1.765c1.046,0,1.742,0.719,1.742,1.765v5.555c0,1.048,0.58,1.906,1.697,1.906
c1.114,0,1.72-0.858,1.72-1.906v-6.322c0-2.324-1.869-3.951-4.113-3.951c-2.246,0-3.652,1.553-3.652,1.553
c-0.75-0.968-1.78-1.551-3.522-1.551c-1.839,0-3.449,1.551-3.449,1.551c-0.749-0.968-2.021-1.551-3.076-1.551
c-1.628,0-2.924,0.716-3.715,2.524l-2.333,5.499L13.146,20.878z"/>
<path display="inline" fill="#8C8C94" d="M13.146,19.878c-0.378-0.826-1.31-1.201-2.18-0.812c-0.873,0.385-1.193,1.352-0.8,2.18
l3.655,7.944c0.576,1.242,1.182,1.9,2.317,1.9c1.215,0,1.745-0.714,2.318-1.9c0,0,3.188-6.94,3.22-7.014
c0.033-0.073,0.134-0.297,0.457-0.294c0.275,0.001,0.507,0.219,0.507,0.512v6.79c0,1.048,0.582,1.906,1.697,1.906
c1.116,0,1.72-0.858,1.72-1.906v-5.555c0-1.07,0.765-1.765,1.812-1.765c1.047,0,1.741,0.719,1.741,1.765v5.555
c0,1.048,0.581,1.906,1.696,1.906s1.722-0.858,1.722-1.906v-5.555c0-1.07,0.766-1.765,1.812-1.765c1.046,0,1.742,0.719,1.742,1.765
v5.555c0,1.048,0.58,1.906,1.697,1.906c1.114,0,1.72-0.858,1.72-1.906v-6.322c0-2.324-1.869-3.951-4.113-3.951
c-2.246,0-3.652,1.553-3.652,1.553c-0.75-0.968-1.78-1.551-3.522-1.551c-1.839,0-3.449,1.551-3.449,1.551
c-0.749-0.968-2.021-1.551-3.076-1.551c-1.628,0-2.924,0.716-3.715,2.524l-2.333,5.499L13.146,19.878z"/>
</g>
<g id="Layer_6" display="none">
<g display="inline" opacity="0.35">
<path fill="#FFFFFF" d="M24.999,12c-0.446,0-0.889,0.022-1.326,0.063l-2.538,7.166c-0.061,0.17,0.039,0.312,0.222,0.312h1.314
c0.184,0,0.54,0.007,1.228,0.007c0.689,0,2.193,0.859,1.669,2.589c-0.526,1.729-3.391,9.603-3.391,9.603
c-0.062,0.17-0.262,0.311-0.446,0.311h-2.77c-0.184,0-0.286-0.142-0.224-0.312l3.222-9.062l0.347-0.984
c0,0,0.071-0.422-0.393-0.422l-1.14-0.001c-0.185,0-0.384,0.141-0.445,0.31l-3.632,10.159c-0.06,0.171-0.261,0.31-0.443,0.31
l-2.655-0.002c-0.184,0-0.283-0.141-0.224-0.312l6.621-18.812C14.735,14.936,11,20.031,11,26c0,6.564,4.518,12.072,10.615,13.587
l3.082-8.841L28.513,19.8l0,0l0.108-0.312l5.439,0.003c1.636,0.002,3.331,0.871,2.453,3.245l-0.11,0.31
c0,0.002,0,0.002-0.002,0.002l-0.998,2.802l-1.409,3.948c-0.468,1.33-0.877,2.257-3.335,2.256h-0.33c-0.001,0-0.003,0-0.003,0
l-1.203-0.001l-1.206-0.001c-0.184,0-0.382,0.139-0.441,0.309l-1.631,4.668l-1.039,2.969C24.871,39.998,24.934,40,24.999,40
C32.732,40,39,33.732,39,26C39,18.268,32.732,12,24.999,12z"/>
<path fill="#FFFFFF" d="M29.656,30.317h0.01c0.585,0,0.88-0.638,0.937-0.984c0.06-0.349,2.521-7.238,2.521-7.238
c0.174-0.462-0.043-0.649-0.043-0.649c-0.139-0.12-0.4-0.218-0.586-0.218l-0.396,0h-0.397c-0.184,0-0.383,0.14-0.442,0.311
l-2.959,8.465c-0.06,0.171,0.041,0.312,0.225,0.312L29.656,30.317z"/>
</g>
<g display="inline">
<path fill="#8C8C94" d="M24.999,11c-0.446,0-0.889,0.022-1.326,0.063l-2.538,7.166c-0.061,0.17,0.039,0.312,0.222,0.312h1.314
c0.184,0,0.54,0.007,1.228,0.007c0.689,0,2.193,0.859,1.669,2.589c-0.526,1.729-3.391,9.603-3.391,9.603
c-0.062,0.17-0.262,0.311-0.446,0.311h-2.77c-0.184,0-0.286-0.142-0.224-0.312l3.222-9.062l0.347-0.984
c0,0,0.071-0.422-0.393-0.422l-1.14-0.001c-0.185,0-0.384,0.141-0.445,0.31l-3.632,10.159c-0.06,0.171-0.261,0.31-0.443,0.31
l-2.655-0.002c-0.184,0-0.283-0.141-0.224-0.312l6.621-18.812C14.735,13.936,11,19.031,11,25c0,6.564,4.518,12.072,10.615,13.587
l3.082-8.841L28.513,18.8l0,0l0.108-0.312l5.439,0.003c1.636,0.002,3.331,0.871,2.453,3.245l-0.11,0.31
c0,0.002,0,0.002-0.002,0.002l-0.998,2.802l-1.409,3.948c-0.468,1.33-0.877,2.257-3.335,2.256h-0.33c-0.001,0-0.003,0-0.003,0
l-1.203-0.001l-1.206-0.001c-0.184,0-0.382,0.139-0.441,0.309l-1.631,4.668l-1.039,2.969C24.871,38.998,24.934,39,24.999,39
C32.732,39,39,32.732,39,25C39,17.268,32.732,11,24.999,11z"/>
<path fill="#8C8C94" d="M29.656,29.317h0.01c0.585,0,0.88-0.638,0.937-0.984c0.06-0.349,2.521-7.238,2.521-7.238
c0.174-0.462-0.043-0.649-0.043-0.649c-0.139-0.12-0.4-0.218-0.586-0.218l-0.396,0h-0.397c-0.184,0-0.383,0.14-0.442,0.311
l-2.959,8.465c-0.06,0.171,0.041,0.312,0.225,0.312L29.656,29.317z"/>
</g>
</g>
<g id="Layer_7">
<g opacity="0.35">
<g>
<path fill="#FFFFFF" d="M17.232,34.131c-2.171,0-4.213-0.847-5.749-2.382C9.947,30.213,9.102,28.171,9.102,26
c0-2.171,0.846-4.213,2.381-5.749c1.536-1.536,3.578-2.381,5.749-2.381s4.213,0.845,5.749,2.381
c1.536,1.536,2.381,3.578,2.381,5.749c0,2.171-0.846,4.213-2.381,5.749C21.445,33.284,19.403,34.131,17.232,34.131z
M17.232,18.569c-1.984,0-3.851,0.773-5.255,2.177C10.574,22.15,9.801,24.016,9.801,26c0,1.985,0.773,3.851,2.176,5.256
c1.404,1.402,3.271,2.176,5.255,2.176c1.985,0,3.852-0.773,5.255-2.176c1.403-1.405,2.175-3.271,2.175-5.256
c0-1.986-0.772-3.85-2.175-5.254C21.083,19.342,19.217,18.569,17.232,18.569z"/>
</g>
<path fill="#FFFFFF" d="M28.412,26.061c0.168-0.721-0.099-1.2-0.917-1.2c-0.771,0-1.308,0.467-1.479,1.2H28.412z M25.767,27.126
c-0.223,0.945,0.092,1.378,0.913,1.378c0.695,0,1.045-0.289,1.226-0.645h3.521c-0.329,0.935-1.797,1.822-4.962,1.822
c-2.874,0-4.619-0.855-4.125-2.965c0.507-2.167,2.715-3.032,5.429-3.032c2.349,0,4.562,0.677,3.983,3.142l-0.069,0.3H25.767z"/>
<path fill="#FFFFFF" d="M32.588,26.083c0.174-0.744,0.333-1.478,0.438-2.188h3.546l-0.18,0.978h0.024
c0.772-0.79,1.831-1.188,3.077-1.188c1.102,0,2.918,0.332,2.421,2.454l-0.778,3.331h-3.594l0.697-2.987
c0.192-0.82-0.095-1.11-0.718-1.11c-0.831,0-1.283,0.465-1.482,1.321l-0.651,2.776h-3.594L32.588,26.083z"/>
<polygon fill="#FFFFFF" points="14.989,26.189 11.143,21.449 15.856,21.458 17.897,24.22 21.292,21.449 26.747,21.449
19.938,26.677 23.767,31.605 19.017,31.605 17.066,28.735 13.437,31.605 8,31.605 "/>
</g>
<g>
<g>
<path fill="#8C8C94" d="M17.232,33.131c-2.171,0-4.213-0.847-5.749-2.382C9.947,29.213,9.102,27.171,9.102,25
c0-2.171,0.846-4.213,2.381-5.749c1.536-1.536,3.578-2.381,5.749-2.381s4.213,0.845,5.749,2.381
c1.536,1.536,2.381,3.578,2.381,5.749c0,2.171-0.846,4.213-2.381,5.749C21.445,32.284,19.403,33.131,17.232,33.131z
M17.232,17.569c-1.984,0-3.851,0.773-5.255,2.177C10.574,21.15,9.801,23.016,9.801,25c0,1.985,0.773,3.851,2.176,5.256
c1.404,1.402,3.271,2.176,5.255,2.176c1.985,0,3.852-0.773,5.255-2.176c1.403-1.405,2.175-3.271,2.175-5.256
c0-1.986-0.772-3.85-2.175-5.254C21.083,18.342,19.217,17.569,17.232,17.569z"/>
</g>
<path fill="#8C8C94" d="M28.412,25.061c0.168-0.722-0.099-1.2-0.917-1.2c-0.771,0-1.308,0.467-1.479,1.2H28.412z M25.767,26.126
c-0.223,0.945,0.092,1.378,0.913,1.378c0.695,0,1.045-0.289,1.226-0.645h3.521c-0.329,0.935-1.797,1.822-4.962,1.822
c-2.874,0-4.619-0.855-4.125-2.965c0.507-2.167,2.715-3.032,5.429-3.032c2.349,0,4.562,0.677,3.983,3.142l-0.069,0.3H25.767z"/>
<path fill="#8C8C94" d="M32.588,25.083c0.174-0.744,0.333-1.478,0.438-2.188h3.546l-0.18,0.978h0.024
c0.772-0.79,1.831-1.188,3.077-1.188c1.102,0,2.918,0.332,2.421,2.454l-0.778,3.332h-3.594l0.697-2.987
c0.192-0.821-0.095-1.11-0.718-1.11c-0.831,0-1.283,0.466-1.482,1.321l-0.651,2.776h-3.594L32.588,25.083z"/>
<polygon fill="#8C8C94" points="14.989,25.189 11.143,20.449 15.856,20.458 17.897,23.22 21.292,20.449 26.747,20.449
19.938,25.677 23.767,30.605 19.017,30.605 17.066,27.735 13.437,30.605 8,30.605 "/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
static/img/nav_bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 KiB

BIN
static/img/product-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.0 KiB

BIN
static/img/product-logo@2x.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.6 KiB

BIN
static/img/radio_checkbox.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

BIN
static/img/support_icons.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 23 KiB

BIN
static/img/tab_icons.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
static/img/tab_icons@2x.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 28 KiB

7
static/img/tabs/tab-arrow-left-icon.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="28px" height="50px" viewBox="0 0 28 50" enable-background="new 0 0 28 50" xml:space="preserve">
<polygon fill="#FFFFFF" points="19,34 9,24.5 19,15 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 533 B

7
static/img/tabs/tab-arrow-right-icon.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="28px" height="50px" viewBox="0 0 28 50" enable-background="new 0 0 28 50" xml:space="preserve">
<polygon fill="#FFFFFF" points="9,34 19,24.5 9,15 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 532 B

1001
static/img/tabs/tabs-icons-sprite.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

BIN
static/img/texture.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.8 KiB

82
static/img/ui/radio_checkbox.svg Normal file
View File

@ -0,0 +1,82 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="66px" height="44px" viewBox="0 0 66 44" enable-background="new 0 0 66 44" xml:space="preserve">
<g>
<path fill="#EDEDED" d="M4,20.5c-1.378,0-2.5-1.121-2.5-2.5V4c0-1.378,1.122-2.5,2.5-2.5h14c1.379,0,2.5,1.122,2.5,2.5v14
c0,1.379-1.121,2.5-2.5,2.5H4z"/>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="315" y1="-235.5" x2="315" y2="-216.5" gradientTransform="matrix(1 0 0 -1 -304 -215)">
<stop offset="0" style="stop-color:#ECEDEE;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D1D2D3"/>
</linearGradient>
<path fill="url(#SVGID_1_)" d="M4,20.5c-1.378,0-2.5-1.121-2.5-2.5V4c0-1.378,1.122-2.5,2.5-2.5h14c1.379,0,2.5,1.122,2.5,2.5v14
c0,1.379-1.121,2.5-2.5,2.5H4z"/>
<path fill="#AFAFAF" d="M18,2c1.104,0,2,0.897,2,2v14c0,1.104-0.896,2-2,2H4c-1.103,0-2-0.896-2-2V4c0-1.103,0.897-2,2-2H18 M18,1
H4C2.35,1,1,2.35,1,4v14c0,1.65,1.35,3,3,3h14c1.65,0,3-1.35,3-3V4C21,2.35,19.65,1,18,1L18,1z"/>
<path opacity="0.4" fill="#FFFFFF" enable-background="new " d="M18,21H4c-1.65,0-3-1.35-3-3v1c0,1.65,1.35,3,3,3h14
c1.65,0,3-1.35,3-3v-1C21,19.65,19.65,21,18,21z"/>
</g>
<g>
<path fill="#EDEDED" d="M26,20.5c-1.378,0-2.5-1.121-2.5-2.5V4c0-1.378,1.122-2.5,2.5-2.5h14c1.379,0,2.5,1.122,2.5,2.5v14
c0,1.379-1.121,2.5-2.5,2.5H26z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="337" y1="-235.5" x2="337" y2="-216.5" gradientTransform="matrix(1 0 0 -1 -304 -215)">
<stop offset="0" style="stop-color:#ECEDEE;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D1D2D3"/>
</linearGradient>
<path fill="url(#SVGID_2_)" d="M26,20.5c-1.378,0-2.5-1.121-2.5-2.5V4c0-1.378,1.122-2.5,2.5-2.5h14c1.379,0,2.5,1.122,2.5,2.5v14
c0,1.379-1.121,2.5-2.5,2.5H26z"/>
<path fill="#AFAFAF" d="M40,2c1.104,0,2,0.897,2,2v14c0,1.104-0.896,2-2,2H26c-1.103,0-2-0.896-2-2V4c0-1.103,0.897-2,2-2H40 M40,1
H26c-1.65,0-3,1.35-3,3v14c0,1.65,1.35,3,3,3h14c1.65,0,3-1.35,3-3V4C43,2.35,41.65,1,40,1L40,1z"/>
<path opacity="0.4" fill="#FFFFFF" enable-background="new " d="M40,21H26c-1.65,0-3-1.35-3-3v1c0,1.65,1.35,3,3,3h14
c1.65,0,3-1.35,3-3v-1C43,19.65,41.65,21,40,21z"/>
<polygon opacity="0.5" fill="#FFFFFF" enable-background="new " points="37.316,7.562 31.5,13.379 28.684,10.562 25.439,10.562
25.439,11.561 31.5,17.621 40.561,8.561 40.561,7.562 "/>
<g>
<polygon fill="#333333" points="31.5,16.591 25.439,10.53 27.561,8.409 31.5,12.35 38.439,5.409 40.561,7.53 "/>
</g>
</g>
<g>
<path fill="#EDEDED" d="M48,20.5c-1.378,0-2.5-1.121-2.5-2.5V4c0-1.378,1.122-2.5,2.5-2.5h14c1.379,0,2.5,1.122,2.5,2.5v14
c0,1.379-1.121,2.5-2.5,2.5H48z"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="654" y1="732.5" x2="654" y2="713.5" gradientTransform="matrix(1 0 0 1 -599 -712)">
<stop offset="0" style="stop-color:#ECEDEE;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D1D2D3"/>
</linearGradient>
<path fill="url(#SVGID_3_)" d="M48,20.5c-1.378,0-2.5-1.121-2.5-2.5V4c0-1.378,1.122-2.5,2.5-2.5h14c1.379,0,2.5,1.122,2.5,2.5v14
c0,1.379-1.121,2.5-2.5,2.5H48z"/>
<path fill="#AFAFAF" d="M62,2c1.104,0,2,0.897,2,2v14c0,1.104-0.896,2-2,2H48c-1.104,0-2-0.896-2-2V4c0-1.103,0.896-2,2-2H62 M62,1
H48c-1.65,0-3,1.35-3,3v14c0,1.65,1.35,3,3,3h14c1.65,0,3-1.35,3-3V4C65,2.35,63.65,1,62,1L62,1z"/>
<path opacity="0.4" fill="#FFFFFF" enable-background="new " d="M62,21H48c-1.65,0-3-1.35-3-3v1c0,1.65,1.35,3,3,3h14
c1.65,0,3-1.35,3-3v-1C65,19.65,63.65,21,62,21z"/>
<rect x="49" y="9" fill="#333333" width="12" height="3"/>
<rect x="49" y="12" opacity="0.5" fill="#FFFFFF" enable-background="new " width="12" height="1"/>
</g>
<g>
<circle opacity="0.4" fill="#FFFFFF" enable-background="new " cx="11" cy="34" r="10"/>
<circle fill="#AFAFAF" cx="11" cy="33" r="10"/>
<circle fill="#EDEDED" cx="11" cy="33" r="9"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="609.999" y1="755" x2="609.999" y2="737" gradientTransform="matrix(1 0 0 1 -599 -713)">
<stop offset="0" style="stop-color:#ECEDEE;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D1D2D3"/>
</linearGradient>
<circle fill="url(#SVGID_4_)" cx="11" cy="33" r="9"/>
</g>
<g>
<circle opacity="0.4" fill="#FFFFFF" enable-background="new " cx="33" cy="34" r="10"/>
<circle fill="#AFAFAF" cx="33" cy="33" r="10"/>
<circle fill="#EDEDED" cx="33" cy="33" r="9"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="337" y1="-256.9995" x2="337" y2="-238.9995" gradientTransform="matrix(1 0 0 -1 -304 -215)">
<stop offset="0" style="stop-color:#ECEDEE;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D1D2D3"/>
</linearGradient>
<circle fill="url(#SVGID_5_)" cx="33" cy="33" r="9"/>
<circle opacity="0.5" fill="#FFFFFF" enable-background="new " cx="33" cy="34" r="4"/>
<circle fill="#333333" cx="33" cy="33" r="4"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

1
static/index.html
View File

@ -5,6 +5,7 @@
<title></title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#394c59">
<meta name="description" content="">
<meta name="author" content="">
<meta http-equiv="cache-control" content="no-cache" />

4
static/js/app.js
View File

@ -63,10 +63,6 @@ function($, _, i18n, Backbone, React, utils, layoutComponents, Coccyx, models, K
initialize: function() {
window.app = this;
if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
$('body').addClass('safari');
}
// remove stickit bindings on teardown
Coccyx.addTearDownCallback(function() {
this.unstickit();

25
static/js/component_mixins.jsx
View File

@ -13,7 +13,7 @@
* License for the specific language governing permissions and limitations
* under the License.
**/
define(['underscore', 'dispatcher', 'react', 'react.backbone'], function(_, dispatcher, React) {
define(['jquery', 'underscore', 'backbone', 'dispatcher', 'react', 'react.backbone'], function($, _, Backbone, dispatcher, React) {
'use strict';
return {
@ -59,6 +59,29 @@ define(['underscore', 'dispatcher', 'react', 'react.backbone'], function(_, disp
this.stopPolling();
}
};
},
outerClickMixin: {
propTypes: {
toggle: React.PropTypes.func.isRequired
},
getInitialState: function() {
return {
clickEventName: 'click.' + _.uniqueId('outer-click')
};
},
handleBodyClick: function(e) {
if (!$(e.target).closest(this.getDOMNode()).length) {
_.defer(_.partial(this.props.toggle, false));
}
},
componentDidMount: function() {
$('html').on(this.state.clickEventName, this.handleBodyClick);
Backbone.history.on('route', _.partial(this.props.toggle, false), this);
},
componentWillUnmount: function() {
$('html').off(this.state.clickEventName);
Backbone.history.off('route', null, this);
}
}
};
});

3
static/js/config.js
View File

@ -38,9 +38,8 @@ define(function() {
'react.backbone': 'js/libs/custom/react.backbone',
stickit: 'js/libs/bower/backbone.stickit/backbone.stickit',
coccyx: 'js/libs/custom/coccyx',
cocktail: 'js/libs/bower/cocktail/Cocktail',
routefilter: 'js/libs/bower/routefilter/dist/backbone.routefilter.min',
bootstrap: 'js/libs/custom/bootstrap.min',
bootstrap: 'js/libs/bower/bootstrap/dist/js/bootstrap',
text: 'js/libs/bower/requirejs-text/text',
json: 'js/libs/bower/requirejs-plugins/src/json',
i18next: 'js/libs/bower/i18next/release/i18next-1.7.1',

26
static/js/i18n.js
View File

@ -24,10 +24,32 @@ define([
], function($, _, i18next, translations) {
'use strict';
i18next.init({resStore: translations, fallbackLng: 'en-US'});
var defaultLocale = 'en-US';
var i18n = _.extend(_.bind(i18next.t, i18next), {
getLocaleName: function(locale) {
return i18n('language', {lng: locale});
},
getAvailableLocales: function() {
return _.keys(translations).sort();
},
getCurrentLocale: function() {
return i18next.lng();
},
setLocale: function(locale) {
i18next.setLng(locale, {});
}
});
i18next.init({resStore: translations, fallbackLng: defaultLocale});
// reset locale to default if current locale is not available
if (!_.contains(i18n.getAvailableLocales(), i18n.getCurrentLocale())) {
i18n.setLocale(defaultLocale);
}
// export global i18n variable to use in templates
var i18n = window.i18n = i18next.t;
window.i18n = i18n;
return i18n;
});

6
static/js/libs/custom/bootstrap.min.js vendored
View File

File diff suppressed because one or more lines are too long

40
static/js/view_mixins.js
View File

@ -1,40 +0,0 @@
/*
* Copyright 2014 Mirantis, Inc.
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may
* not use this file except in compliance with the License. You may obtain
* a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
* License for the specific language governing permissions and limitations
* under the License.
**/
define(['jquery'], function($) {
'use strict';
return {
toggleablePassword: {
events: {
'click span.add-on': 'togglePassword'
},
togglePassword: function(e) {
var input = this.$(e.currentTarget).prev();
if (input.attr('disabled')) {return;}
input.attr('type', input.attr('type') == 'text' ? 'password' : 'text');
this.$(e.currentTarget).find('i').toggleClass('hide');
},
render: function() {
this.$('input[type=password]').each(function() {
$(this)
.after('<span class="add-on"><i class="icon-eye"/><i class="icon-eye-off hide"/></span>')
.addClass('input-append')
.parent('.parameter-control').addClass('input-append');
});
}
}
};
});

18
static/js/views/capacity_page.jsx
View File

@ -50,11 +50,13 @@ function(_, i18n, React, models, componentMixins, controls) {
render: function() {
var capacityLog = this.props.capacityLog;
return (
<div>
<h3 className='page-title'>{i18n('capacity_page.title')}</h3>
<div className='capacity page-wrapper'>
<div className='capacity-page'>
<div className='page-title'>
<h1 className='title'>{i18n('capacity_page.title')}</h1>
</div>
<div className='content-box'>
{!capacityLog.isNew() ?
<LicenseUsage capacityLog = {capacityLog} />
<LicenseUsage capacityLog={capacityLog} />
:
<controls.ProgressBar />
}
@ -67,11 +69,11 @@ function(_, i18n, React, models, componentMixins, controls) {
var LicenseUsage = React.createClass({
render: function() {
var capacityReport = this.props.capacityLog.get('report'),
tableClassName = 'releases-table',
tableClassName = 'capacity-audit-table',
headClassName = 'name';
return (
<div>
<h4>{i18n('capacity_page.license_usage')}</h4>
<h3>{i18n('capacity_page.license_usage')}</h3>
<controls.Table
head={[{label: i18n('capacity_page.fuel_version'), className: headClassName},
{label: i18n('capacity_page.fuel_uuid')}]}
@ -96,8 +98,8 @@ function(_, i18n, React, models, componentMixins, controls) {
_.values(capacityReport.roles_stat))}
tableClassName={tableClassName} />
<a href='/api/capacity/csv' target='_blank' className='btn btn-info'>
<i className='icon-install'></i>
<span>{i18n('capacity_page.download_report')}</span>
<i className='glyphicon glyphicon-download-alt' />{' '}
{i18n('capacity_page.download_report')}
</a>
</div>
);

233
static/js/views/cluster_page.jsx
View File

@ -233,42 +233,46 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, componentMixins
var Tab = tab.tab;
return (
<div key={cluster.id}>
<ClusterInfo cluster={cluster} />
<div className='cluster-page' key={cluster.id}>
<div className='row'>
<ClusterInfo cluster={cluster} />
<DeploymentControl
cluster={cluster}
hasChanges={this.hasChanges}
revertChanges={this.revertChanges}
activeTab={this.props.activeTab}
/>
</div>
<DeploymentResult cluster={cluster} />
{release.get('state') == 'unavailable' &&
<div className='alert alert-block globalalert'>
<p className='enable-selection'>{i18n('cluster_page.unavailable_release', {name: release.get('name')})}</p>
<div className='alert deploy-alert alert-warning'>
{i18n('cluster_page.unavailable_release', {name: release.get('name')})}
</div>
}
{cluster.get('is_customized') &&
<div className='alert alert-block globalalert'>
<p className='enable-selection'>{i18n('cluster_page.cluster_was_modified_from_cli')}</p>
<div className='alert deploy-alert alert-warning'>
{i18n('cluster_page.cluster_was_modified_from_cli')}
</div>
}
<div className='whitebox'>
<ul className='nav nav-tabs cluster-tabs'>
<div className='tabs-box'>
<div className='tabs'>
{tabs.map(function(url) {
return <li key={url} className={utils.classNames({active: this.props.activeTab == url})}>
<a href={'#cluster/' + cluster.id + '/' + url}>
<b className={'tab-' + url + '-normal'} />
<div className='tab-title'>{i18n('cluster_page.tabs.' + url)}</div>
return (
<a
key={url}
className={url + ' ' + utils.classNames({'cluster-tab': true, active: this.props.activeTab == url})}
href={'#cluster/' + cluster.id + '/' + url}
>
<div className='icon'></div>
<div className='label'>{i18n('cluster_page.tabs.' + url)}</div>
</a>
</li>;
);
}, this)}
<DeploymentControl
cluster={cluster}
hasChanges={this.hasChanges}
revertChanges={this.revertChanges}
activeTab={this.props.activeTab}
/>
</ul>
<div className='tab-content'>
<div key={tab.url + cluster.id} id={'tab-' + tab.url} className='tab-pane active'>
<Tab ref='tab' cluster={cluster} tabOptions={this.props.tabOptions} />
</div>
</div>
</div>
<div key={tab.url + cluster.id} className={'content-box tab-content ' + tab.url + '-tab'}>
<Tab ref='tab' cluster={cluster} tabOptions={this.props.tabOptions} />
</div>
</div>
);
}
@ -281,28 +285,29 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, componentMixins
render: function() {
var cluster = this.props.cluster;
return (
<div className='container'>
<div className='cluster-name-box'>
<div className='cluster-name-placeholder'>
<div className='name-box'>
<h3 className='name page-title'>{cluster.get('name')}</h3>
<div className='node-list-name-count'>({i18n('common.node', {count: cluster.get('nodes').length})})</div>
<div className='clearfix'/>
</div>
</div>
<div className='cluster-summary-placeholder'>
<div>
<span>{i18n('cluster_page.openstack_release')}: </span>
{cluster.get('release').get('name')} ({cluster.get('release').get('version')})
</div>
<div>
<span>{i18n('cluster_page.deployment_mode')}: </span>
{i18n('cluster.mode.' + cluster.get('mode'))}
</div>
<div className={_.contains(['error', 'update_error'], cluster.get('status')) ? 'error' : ''}>
<span>{i18n('cluster_page.environment_status')}: </span>
{i18n('cluster.status.' + cluster.get('status'))}
</div>
<div className='col-xs-12 col-md-9'>
<div className='page-title'>
<h1 className='title'>
{cluster.get('name')}
<div className='title-node-count'>({i18n('common.node', {count: cluster.get('nodes').length})})</div>
</h1>
<div className='cluster-info'>
<ul>
<li>
<b>{i18n('cluster_page.openstack_release')}: </b>
{cluster.get('release').get('name')} ({cluster.get('release').get('version')})
</li>
<li>
<b>{i18n('cluster_page.deployment_mode')}: </b>
{i18n('cluster.mode.' + cluster.get('mode'))}
</li>
<li>
<b>{i18n('cluster_page.environment_status')}: </b>
<span className={_.contains(['error', 'update_error'], cluster.get('status')) ? 'text-danger' : ''}>
{i18n('cluster.status.' + cluster.get('status'))}
</span>
</li>
</ul>
</div>
</div>
</div>
@ -325,34 +330,28 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, componentMixins
var task = this.props.cluster.task({group: 'deployment', status: ['ready', 'error']});
if (!task) return null;
var error = task.match({status: 'error'}),
deploymentOrUpdate = task.match({name: ['deploy', 'update']}),
delimited = task.escape('message').split('\n\n'),
summary = delimited.shift(),
details = delimited.join('\n\n'),
classes = {
'alert alert-block': true,
'alert-error global-error': error,
'alert-success': !error,
'global-success': !error && deploymentOrUpdate,
globalalert: !deploymentOrUpdate
'alert deploy-alert': true,
'alert-danger': error,
'alert-success': !error
};
return (
<div className='deployment-result'>
{task &&
<div className={utils.classNames(classes)}>
<button className='close' onClick={this.dismissTaskResult}>&times;</button>
<h4>{i18n('common.' + (error ? 'error' : 'success'))}</h4>
<span className='enable-selection' dangerouslySetInnerHTML={{__html: utils.urlify(summary)}} />
{details &&
<span>
{!this.state.collapsed &&
<pre className='enable-selection' dangerouslySetInnerHTML={{__html: utils.urlify(details)}} />
}
<button className='btn-link' onClick={this.toggleCollapsed}>
{i18n('cluster_page.' + (this.state.collapsed ? 'show' : 'hide') + '_details_button')}
</button>
</span>
<div className={utils.classNames(classes)}>
<button className='close' onClick={this.dismissTaskResult}>&times;</button>
<strong>{i18n('common.' + (error ? 'error' : 'success'))}</strong>
<br />
<span dangerouslySetInnerHTML={{__html: utils.urlify(summary)}} />
{details &&
<div className='task-result-details'>
{!this.state.collapsed &&
<pre dangerouslySetInnerHTML={{__html: utils.urlify(details)}} />
}
<button className='btn btn-link' onClick={this.toggleCollapsed}>
{i18n('cluster_page.' + (this.state.collapsed ? 'show' : 'hide') + '_details_button')}
</button>
</div>
}
</div>
@ -388,62 +387,58 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, componentMixins
taskName = task ? task.get('name') : '',
taskProgress = task && task.get('progress') || 0,
infiniteTask = _.contains(['stop_deployment', 'reset_environment'], taskName),
itemClass = 'deployment-control-item-box',
stoppableTask = !_.contains(['stop_deployment', 'reset_environment', 'update'], taskName),
isDeploymentImpossible = cluster.get('release').get('state') == 'unavailable' || (!cluster.get('nodes').hasChanges() && !cluster.needsRedeployment());
return (
<div className='cluster-deploy-placeholder'>
{task ? (
<div className={'pull-right deployment-progress-box ' + taskName}>
{!infiniteTask &&
<div>
{taskName != 'update' &&
<div className={itemClass}>
<button
className='btn btn-danger stop-deployment-btn'
title={i18n('cluster_page.stop_deployment_button')}
onClick={_.bind(this.showDialog, this, dialogs.StopDeploymentDialog)}
>
<i className='icon-cancel-circle' />
</button>
</div>
}
<div className={itemClass}>
<div className='deploying-progress-text-box percentage'>{taskProgress + '%'}</div>
</div>
</div>
}
<div className={itemClass}>
<div className={'progress progress-striped active progress-' + (infiniteTask ? 'warning' : 'success')}>
<div className='bar' style={{width: (taskProgress > 3 ? taskProgress : 3) + '%'}} />
</div>
</div>
<div className='progress-bar-description'>{i18n('cluster_page.' + taskName, {defaultValue: ''})}</div>
</div>
) : (
<div className='pull-right deployment-control-box'>
<div className={itemClass}>
<button
className='deploy-btn'
disabled={isDeploymentImpossible}
onClick={this.onDeployRequest}
>
<i className='icon-upload-cloud' />
{i18n('cluster_page.deploy_changes')}
</button>
</div>
{nodes.hasChanges() &&
<div className={itemClass}>
<button
className='btn rollback'
title={i18n('cluster_page.discard_changes')}
onClick={_.bind(this.showDialog, this, dialogs.DiscardNodeChangesDialog)}
<div className='col-xs-6 col-md-3'>
<div className='deploy-box pull-right'>
{task ? (
<div className={'deploy-process ' + taskName}>
<div className='progress'>
<div
className={utils.classNames({
'progress-bar progress-bar-striped active': true,
'progress-bar-warning': infiniteTask,
'progress-bar-success': !infiniteTask
})}
style={{width: (taskProgress > 3 ? taskProgress : 3) + '%'}}
>
<i className='icon-back-in-time' />
</button>
</div>
<div className='deploy-status'>{i18n('cluster_page.' + taskName, {defaultValue: ''})}</div>
</div>
}
</div>
)}
{stoppableTask &&
<button
className='btn btn-danger btn-xs pull-right stop-deployment-btn'
title={i18n('cluster_page.stop_deployment_button')}
onClick={_.partial(this.showDialog, dialogs.StopDeploymentDialog)}
><i className='glyphicon glyphicon-remove'></i></button>
}
{!infiniteTask &&
<div className='deploy-percents pull-right'>{taskProgress + '%'}</div>
}
</div>
) : [
nodes.hasChanges() && (
<button
key='discard-changes'
className='btn btn-transparent'
title={i18n('cluster_page.discard_changes')}
onClick={_.partial(this.showDialog, dialogs.DiscardNodeChangesDialog)}
>
<div className='discard-changes-icon'></div>
</button>
),
<button
key='deploy-changes'
className='btn btn-primary deploy-btn'
disabled={isDeploymentImpossible}
onClick={this.onDeployRequest}
>
<div className='deploy-icon'></div>
{i18n('cluster_page.deploy_changes')}
</button>
]}
</div>
</div>
);
}

50
static/js/views/cluster_page_tabs/actions_tab.jsx
View File

@ -43,16 +43,14 @@ function(_, i18n, React, utils, models, dispatcher, dialogs, componentMixins) {
task = cluster.task({group: 'deployment', status: 'running'}),
isExperimental = _.contains(app.version.get('feature_groups'), 'experimental');
return (
<div className='wrapper'>
<h3>{i18n('cluster_page.actions_tab.title')}</h3>
<div className='row-fluid environment-actions'>
<RenameEnvironmentAction cluster={cluster}/>
<ResetEnvironmentAction cluster={cluster} task={task} />
<DeleteEnvironmentAction cluster={cluster}/>
{isExperimental &&
<UpdateEnvironmentAction cluster={cluster} releases={releases} task={task}/>
}
</div>
<div className='row'>
<div className='title'>{i18n('cluster_page.actions_tab.title')}</div>
<RenameEnvironmentAction cluster={cluster}/>
<ResetEnvironmentAction cluster={cluster} task={task} />
<DeleteEnvironmentAction cluster={cluster}/>
{isExperimental &&
<UpdateEnvironmentAction cluster={cluster} releases={releases} task={task}/>
}
</div>
);
}
@ -60,17 +58,17 @@ function(_, i18n, React, utils, models, dispatcher, dialogs, componentMixins) {
var Action = React.createClass({
getDefaultProps: function() {
return {className: 'span4'};
return {className: 'col-xs-12 col-md-4'};
},
render: function() {
return (
<div className={'action-item-placeholder ' + this.props.className}>
<form className='environment-action-form'>
<h4>{this.props.title}</h4>
<div className='action-item-controls'>
<div className={'action-item ' + this.props.className}>
<div className='panel panel-default'>
<div className='panel-heading font-bold'>{this.props.title}</div>
<div className='panel-body'>
{this.props.children}
</div>
</form>
</div>
</div>
);
}
@ -132,11 +130,11 @@ function(_, i18n, React, utils, models, dispatcher, dialogs, componentMixins) {
<div className='action-body'>
<input type='text'
disabled={this.state.disabled}
className={this.state.error && 'error'}
className={utils.classNames({'form-control': true, error: this.state.error})}
maxLength='50'
valueLink={valueLink}/>
{this.state.error &&
<div className='text-error'>
<div className='text-danger'>
{this.state.error}
</div>
}
@ -181,7 +179,7 @@ function(_, i18n, React, utils, models, dispatcher, dialogs, componentMixins) {
<div className='action-item-description'>
{i18n('cluster_page.actions_tab.' + this.getDescriptionKey())}
</div>
{!isLocked && <div className='important action-item-description'>{i18n('cluster_page.actions_tab.reset_environment_warning')}</div>}
{!isLocked && <div className='text-danger action-item-description'>{i18n('cluster_page.actions_tab.reset_environment_warning')}</div>}
</div>
<button
className='btn btn-danger reset-environment-btn'
@ -203,7 +201,7 @@ function(_, i18n, React, utils, models, dispatcher, dialogs, componentMixins) {
return (
<Action title={i18n('cluster_page.actions_tab.delete_environment')}>
<div className='action-body'>
<div className='action-item-description important'>
<div className='action-item-description text-danger'>
{i18n('cluster_page.actions_tab.alert_delete')}
</div>
</div>
@ -294,7 +292,7 @@ function(_, i18n, React, utils, models, dispatcher, dialogs, componentMixins) {
return <option value={release.id} key={release.id}>{release.get('name') + ' (' + release.get('version') + ')'}</option>;
}, this);
return (
<Action className='span12 action-update' title={i18n('cluster_page.actions_tab.update_environment')}>
<Action className='col-xs-12 col-md-12 action-update' title={i18n('cluster_page.actions_tab.update_environment')}>
<div className='action-body'>
{(action == 'rollback' || releases) &&
<div className='action-item-description'>
@ -306,14 +304,14 @@ function(_, i18n, React, utils, models, dispatcher, dialogs, componentMixins) {
{i18n('cluster_page.actions_tab.rollback_message')}
</div>
}
{action == 'update' && !isLocked && this.state.pendingReleaseId &&
<select className='form-control' valueLink={this.linkState('pendingReleaseId')}>
{options}
</select>
}
</div>
{action == 'update' &&
<div>
{!isLocked && this.state.pendingReleaseId &&
<select valueLink={this.linkState('pendingReleaseId')}>
{options}
</select>
}
<button
className='btn btn-success update-environment-btn'
onClick={this.updateEnvironmentAction}

264
static/js/views/cluster_page_tabs/healthcheck_tab.jsx
View File

@ -73,26 +73,28 @@ function($, _, i18n, Backbone, React, models, utils, componentMixins, controls)
var cluster = this.props.cluster,
ostf = cluster.get('ostf') || this.state.ostf;
return (
<div className='wrapper'>
<h3 className='span6 healthcheck-title'>{i18n('cluster_page.healthcheck_tab.title')}</h3>
{this.state.loadingFailure ?
<div className='cleared'>
<div className='alert error-message alert-error'>
{i18n('cluster_page.healthcheck_tab.not_available_alert')}
</div>
<div className='row'>
<div className='title'>
{i18n('cluster_page.healthcheck_tab.title')}
</div>
<div className='col-xs-12'>
{this.state.loadingFailure ?
<div className='alert alert-danger'>
{i18n('cluster_page.healthcheck_tab.not_available_alert')}
</div>
: !this.state.loaded ?
<controls.ProgressBar />
:
<HealthcheckTabContent
ref='content'
testsets={ostf.testsets}
tests={ostf.tests}
testruns={ostf.testruns}
cluster={cluster}
loaded={this.state.loaded}
/>
}
</div>
: !this.state.loaded ?
<div className='row-fluid'><div className='span12'><controls.ProgressBar /></div></div>
:
<HealthcheckTabContent
ref='content'
testsets={ostf.testsets}
tests={ostf.tests}
testruns={ostf.testruns}
cluster={cluster}
loaded={this.state.loaded}
/>
}
</div>
);
}
@ -210,62 +212,59 @@ function($, _, i18n, Backbone, React, models, utils, componentMixins, controls)
},
render: function() {
var disabledState = this.isLocked(),
hasRunningTests = !!this.props.testruns.where({status: 'running'}).length;
hasRunningTests = !!this.props.testruns.where({status: 'running'}).length,
shouldControlsBeShown = !disabledState && !this.state.loadingFailure;
return (
<div>
<div className='row-fluid page-sub-title'>
<div className='span2 ostf-controls'>
{!disabledState &&
<div className='toggle-credentials pull-right' onClick={this.toggleCredentials}>
<i className={this.state.credentialsVisible ? 'icon-minus-circle' : 'icon-plus-circle'}></i>
<div>{i18n('cluster_page.healthcheck_tab.provide_credentials')}</div>
</div>
}
</div>
<controls.Input
type='checkbox'
name='selectAll'
onChange={this.handleSelectAllClick}
checked={this.getNumberOfCheckedTests() == this.props.tests.length}
disabled={disabledState || hasRunningTests}
labelClassName='checkbox pull-right'
label={i18n('common.select_all')}
wrapperClassName='span2 ostf-controls select-all'
/>
<div className='span2 ostf-controls'>
{shouldControlsBeShown &&
<div className='healthcheck-controls row well well-sm'>
<div className='pull-left'>
<controls.Input
type='checkbox'
name='selectAll'
onChange={this.handleSelectAllClick}
checked={this.getNumberOfCheckedTests() == this.props.tests.length}
disabled={disabledState || hasRunningTests}
label={i18n('common.select_all')}
wrapperClassName='select-all'
/>
</div>
{hasRunningTests ?
(<button className='btn btn-danger pull-right action-btn stop-tests-btn'
(<button className='btn btn-danger stop-tests-btn pull-right'
disabled={disabledState || this.state.actionInProgress}
onClick={this.stopTests}
>
{i18n('cluster_page.healthcheck_tab.stop_tests_button')}
</button>)
:
(<button className='btn btn-success pull-right action-btn run-tests-btn'
:
(<button className='btn btn-success run-tests-btn pull-right'
disabled={disabledState || !this.getNumberOfCheckedTests() || this.state.actionInProgress}
onClick={this.runTests}
>
{i18n('cluster_page.healthcheck_tab.run_tests_button')}
</button>)
}
</div>
</div>
{(this.props.cluster.get('status') == 'new') &&
<div className='row-fluid'>
<div className='span12'>
<div className='alert'>{i18n('cluster_page.healthcheck_tab.deploy_alert')}</div>
</div>
<button
className='btn btn-default toggle-credentials pull-right'
data-toggle='collapse'
data-target='.credentials'
onClick={this.toggleCredentials}
>
{i18n('cluster_page.healthcheck_tab.provide_credentials')}
</button>
<HealthcheckCredentials
credentials={this.state.credentials}
onInputChange={this.handleInputChange}
disabled={disabledState || hasRunningTests}
/>
</div>
}
<HealthcheckCredentials
key='credentials'
visible={this.state.credentialsVisible}
credentials={this.state.credentials}
onInputChange={this.handleInputChange}
disabled={disabledState || hasRunningTests}
/>
<div className='testsets' key='testsets'>
<div>
<div>
{(this.props.cluster.get('status') == 'new') &&
<div className='alert alert-warning'>{i18n('cluster_page.healthcheck_tab.deploy_alert')}</div>
}
<div key='testsets'>
{this.props.testsets.map(_.bind(function(testset) {
return <TestSet
key={testset.id}
@ -283,36 +282,28 @@ function($, _, i18n, Backbone, React, models, utils, componentMixins, controls)
});
var HealthcheckCredentials = React.createClass({
componentDidUpdate: function() {
if (!_.isNull(this.props.visible)) {
$(this.getDOMNode()).collapse(this.props.visible ? 'show' : 'hide');
}
},
render: function() {
var inputFields = ['user', 'password', 'tenant'];
return (
<div className='healthcheck credentials collapse'>
<div className='fieldset-group wrapper'>
<div className='healthcheck-group'>
<div className='clearfix note'>
{i18n('cluster_page.healthcheck_tab.credentials_description')}
</div>
{_.map(inputFields, function(name) {
return (<controls.Input
key={name}
type={(name == 'password') ? 'password' : 'text'}
name={name}
label={i18n('cluster_page.healthcheck_tab.' + name + '_label')}
value={this.props.credentials[name]}
onChange={this.props.onInputChange}
toggleable={name == 'password'}
description={i18n('cluster_page.healthcheck_tab.' + name + '_description')}
labelClassName='openstack-sub-title'
descriptionClassName={utils.classNames({'healthcheck-password': name == 'password'})}
disabled={this.props.disabled}
/>);
}, this)}
<div className='credentials collapse col-xs-12'>
<div className='forms-box'>
<div className='alert alert-warning'>
{i18n('cluster_page.healthcheck_tab.credentials_description')}
</div>
{_.map(inputFields, function(name) {
return (<controls.Input
key={name}
type={(name == 'password') ? 'password' : 'text'}
name={name}
label={i18n('cluster_page.healthcheck_tab.' + name + '_label')}
value={this.props.credentials[name]}
onChange={this.props.onInputChange}
toggleable={name == 'password'}
description={i18n('cluster_page.healthcheck_tab.' + name + '_description')}
disabled={this.props.disabled}
inputClassName='col-xs-3'
/>);
}, this)}
</div>
</div>
);
@ -339,46 +330,48 @@ function($, _, i18n, Backbone, React, models, utils, componentMixins, controls)
},
render: function() {
return (
<div className='row-fluid'>
<table className='table table-bordered healthcheck-table enable-selection'>
<thead>
<tr>
<th className='healthcheck-col-select'>
<controls.Input
type='checkbox'
id={'testset-checkbox-' + this.props.testset.id}
name={this.props.testset.get('name')}
disabled={this.props.disabled}
onChange={this.handleTestSetCheck}
checked={this.props.testset.get('checked')}
/>
</th>
<th>
<label className='testset-name' htmlFor={'testset-checkbox-' + this.props.testset.id}>
{this.props.testset.get('name')}
</label>
</th>
<th className='healthcheck-col-duration'>{i18n('cluster_page.healthcheck_tab.expected_duration')}</th>
<th className='healthcheck-col-duration'>{i18n('cluster_page.healthcheck_tab.actual_duration')}</th>
<th className='healthcheck-col-status'>{i18n('cluster_page.healthcheck_tab.status')}</th>
</tr>
</thead>
<tbody>
{this.props.tests.map(function(test) {
var result = this.props.testrun &&
_.find(this.props.testrun.get('tests'), {id: test.id});
var status = result && result.status || 'unknown';
return <Test
key={test.id}
test={test}
result={result}
status={status}
disabled={this.props.disabled}
/>;
}, this)}
</tbody>
</table>
</div>
<table className='table healthcheck-table'>
<thead>
<tr>
<th>
<controls.Input
type='checkbox'
id={'testset-checkbox-' + this.props.testset.id}
name={this.props.testset.get('name')}
disabled={this.props.disabled}
onChange={this.handleTestSetCheck}
checked={this.props.testset.get('checked')}
/>
</th>
<th className='col-xs-7 healthcheck-name'>
{this.props.testset.get('name')}
</th>
<th className='healthcheck-col-duration col-xs-2'>
{i18n('cluster_page.healthcheck_tab.expected_duration')}
</th>
<th className='healthcheck-col-duration col-xs-2'>
{i18n('cluster_page.healthcheck_tab.actual_duration')}
</th>
<th className='healthcheck-col-status col-xs-1'>
{i18n('cluster_page.healthcheck_tab.status')}
</th>
</tr>
</thead>
<tbody>
{this.props.tests.map(function(test) {
var result = this.props.testrun &&
_.find(this.props.testrun.get('tests'), {id: test.id});
var status = result && result.status || 'unknown';
return <Test
key={test.id}
test={test}
result={result}
status={status}
disabled={this.props.disabled}
/>;
}, this)}
</tbody>
</table>
);
}
});
@ -404,20 +397,19 @@ function($, _, i18n, Backbone, React, models, utils, componentMixins, controls)
var test = this.props.test,
result = this.props.result,
status = this.props.status,
currentStatusClassName = 'healthcheck-status healthcheck-status-' + status,
currentStatusClassName = 'text-center healthcheck-status healthcheck-status-' + status,
iconClasses = {
success: 'icon-passed',
failure: 'icon-failed',
error: 'icon-failed',
running: 'icon-process animate-spin',
wait_running: 'icon-clock'
success: 'glyphicon glyphicon-ok',
failure: 'glyphicon glyphicon-remove',
error: 'glyphicon glyphicon-remove',
running: 'glyphicon glyphicon-refresh animate-spin',
wait_running: 'glyphicon glyphicon-time'
};
return (
<tr>
<td className='healthcheck-col-select'>
<td>
<controls.Input
type='checkbox'
controlOnly={true}
id={'test-checkbox-' + test.id}
name={test.get('name')}
disabled={this.props.disabled}
@ -425,10 +417,8 @@ function($, _, i18n, Backbone, React, models, utils, componentMixins, controls)
checked={test.get('checked')}
/>
</td>
<td>
<div className='healthcheck-name'>
<label htmlFor={'test-checkbox-' + test.id}>{test.get('name')}</label>
</div>
<td className='healthcheck-name'>
<label htmlFor={'test-checkbox-' + test.id}>{test.get('name')}</label>
{_.contains(['failure', 'error', 'skipped'], status) &&
<div className='healthcheck-msg healthcheck-status-failure'>
{(result && result.message) &&

232
static/js/views/cluster_page_tabs/logs_tab.jsx
View File

@ -124,26 +124,26 @@ function($, _, i18n, React, utils, models, componentMixins, controls) {
},
render: function() {
return (
<div className='wrapper'>
<h3>{i18n('cluster_page.logs_tab.title')}</h3>
<LogFilterBar
cluster={this.props.cluster}
tabOptions={this.props.tabOptions}
onShowButtonClick={this.onShowButtonClick} />
{this.state.loading == 'fail' &&
<div className='logs-fetch-error alert alert-error'>{i18n('cluster_page.logs_tab.log_alert')}</div>
}
{this.state.loading == 'loading' &&
<div className='row row-fluid'>
<controls.ProgressBar />
</div>
}
{this.state.logsEntries &&
<LogsTable
logsEntries={this.state.logsEntries}
showMoreLogsLink={this.state.showMoreLogsLink}
onShowMoreClick={this.onShowMoreClick} />
}
<div className='row'>
<div className='title'>{i18n('cluster_page.logs_tab.title')}</div>
<div className='col-xs-12'>
<LogFilterBar
cluster={this.props.cluster}
tabOptions={this.props.tabOptions}
onShowButtonClick={this.onShowButtonClick} />
{this.state.loading == 'fail' &&
<div className='logs-fetch-error alert alert-danger'>
{i18n('cluster_page.logs_tab.log_alert')}
</div>
}
{this.state.loading == 'loading' && <controls.ProgressBar />}
{this.state.logsEntries &&
<LogsTable
logsEntries={this.state.logsEntries}
showMoreLogsLink={this.state.showMoreLogsLink}
onShowMoreClick={this.onShowMoreClick} />
}
</div>
</div>
);
}
@ -270,28 +270,40 @@ function($, _, i18n, React, utils, models, componentMixins, controls) {
});
},
render: function() {
var isRemote = this.state.chosenType == 'remote';
return (
<div className='row'>
<div className='filter-bar'>
<div className='well well-sm'>
<div className='sticker row'>
{this.renderTypeSelect()}
{this.state.chosenType == 'remote' && this.renderNodeSelect()}
{isRemote && this.renderNodeSelect()}
{this.renderSourceSelect()}
{this.renderLevelSelect()}
<div className='filter-bar-item'>
<button
className='show-logs-btn btn'
onClick={this.handleShowButtonClick}
disabled={!this.state.chosenSourceId || this.state.locked}>
{i18n('cluster_page.logs_tab.show')}
</button>
</div>
{this.renderFilterButton(isRemote)}
</div>
{this.state.sourcesLoadingState == 'fail' &&
<div className='node-sources-error alert alert-error'>{i18n('cluster_page.logs_tab.source_alert')}</div>
<div className='node-sources-error alert alert-danger'>
{i18n('cluster_page.logs_tab.source_alert')}
</div>
}
</div>
);
},
renderFilterButton: function(isRemote) {
return <div className={utils.classNames({
'form-group': true,
'col-md-4 col-sm-12': isRemote,
'col-md-6 col-sm-3': !isRemote
})}>
<label />
<button
className='btn btn-default pull-right'
onClick={this.handleShowButtonClick}
disabled={!this.state.chosenSourceId || this.state.locked}
>
{i18n('cluster_page.logs_tab.show')}
</button>
</div>;
},
renderTypeSelect: function() {
var types = [['local', 'Fuel Master']];
if (this.props.cluster.get('nodes').length) {
@ -300,48 +312,48 @@ function($, _, i18n, React, utils, models, componentMixins, controls) {
var typeOptions = types.map(function(type) {
return <option value={type[0]} key={type[0]}>{type[1]}</option>;
});
return <controls.Input
type='select'
labelClassName='filter-bar-label'
label={i18n('cluster_page.logs_tab.logs')}
value={this.state.chosenType}
wrapperClassName='filter-bar-item log-type-filter'
name='type'
inputClassName='filter-bar-dropdown input-medium'
onChange={this.onTypeChange}
children={typeOptions}
/>;
return <div className='col-md-2 col-sm-3'>
<controls.Input
type='select'
label={i18n('cluster_page.logs_tab.logs')}
value={this.state.chosenType}
wrapperClassName='filter-bar-item log-type-filter'
name='type'
onChange={this.onTypeChange}
children={typeOptions}
/>
</div>;
},
renderNodeSelect: function() {
var nodeOptions = this.props.cluster.get('nodes').map(function(node) {
return <option value={node.id} key={node.id}>{node.get('name') || node.get('mac')}</option>;
}, this);
return (<controls.Input
type='select'
labelClassName='filter-bar-label'
label={i18n('cluster_page.logs_tab.node')}
value={this.state.chosenNodeId}
wrapperClassName='filter-bar-item log-node-filter'
name='node'
inputClassName='filter-bar-dropdown input-large'
onChange={this.onNodeChange}
children={nodeOptions}
/>);
return <div className='col-md-2 col-sm-3'>
<controls.Input
type='select'
label={i18n('cluster_page.logs_tab.node')}
value={this.state.chosenNodeId}
wrapperClassName='filter-bar-item log-node-filter'
name='node'
onChange={this.onNodeChange}
children={nodeOptions}
/>
</div>;
},
renderSourceSelect: function() {
var sourceOptions = this.state.chosenType == 'local' ? this.getLocalSources() : this.getRemoteSources();
return (<controls.Input
type='select'
labelClassName='filter-bar-label'
label={i18n('cluster_page.logs_tab.source')}
value={this.state.chosenSourceId}
wrapperClassName='filter-bar-item log-source-filter'
name='source'
inputClassName='filter-bar-dropdown input-medium'
onChange={this.onSourceChange}
disabled={!this.state.chosenSourceId}
children={sourceOptions}
/>);
return <div className='col-md-2 col-sm-3'>
<controls.Input
type='select'
label={i18n('cluster_page.logs_tab.source')}
value={this.state.chosenSourceId}
wrapperClassName='filter-bar-item log-source-filter'
name='source'
onChange={this.onSourceChange}
disabled={!this.state.chosenSourceId}
children={sourceOptions}
/>
</div>;
},
renderLevelSelect: function() {
var levelOptions = {};
@ -350,69 +362,81 @@ function($, _, i18n, React, utils, models, componentMixins, controls) {
return <option value={level} key={level}>{level}</option>;
}, this);
}
return (<controls.Input
type='select'
labelClassName='filter-bar-label'
label={i18n('cluster_page.logs_tab.min_level')}
value={this.state.chosenLevelId}
wrapperClassName='filter-bar-item log-level-filter'
name='level'
inputClassName='filter-bar-dropdown input-medium'
onChange={this.onLevelChange}
disabled={!this.state.chosenLevelId}
children={levelOptions}
/>);
return <div className='col-md-2 col-sm-3'>
<controls.Input
type='select'
label={i18n('cluster_page.logs_tab.min_level')}
value={this.state.chosenLevelId}
wrapperClassName='filter-bar-item log-level-filter'
name='level'
onChange={this.onLevelChange}
disabled={!this.state.chosenLevelId}
children={levelOptions}
/>
</div>;
}
});
var LogsTable = React.createClass({
handleShowMoreClick: function(value) { return this.props.onShowMoreClick(value); },
getLevelClass: function(level) {
return {
DEBUG: '',
INFO: 'text-info',
WARNING: 'text-warning',
ERROR: 'text-danger',
CRITICAL: 'text-critical'
}[level];
},
render: function() {
var tabRows = [],
logsEntries = this.props.logsEntries;
if (logsEntries && logsEntries.length) {
tabRows = logsEntries.map(function(entry, i) {
var key = logsEntries.length - i;
return <tr key={key} className={entry[1].toLowerCase()}>
<td className='nowrap'>{entry[0]}</td>
<td className='nowrap'>{entry[1]}</td>
<td><pre>{entry[2]}</pre></td>
tabRows = _.map(
logsEntries,
function(entry, index) {
var key = logsEntries.length - index;
return <tr key={key} className={this.getLevelClass(entry[1])}>
<td>{entry[0]}</td>
<td>{entry[1]}</td>
<td>{entry[2]}</td>
</tr>;
});
},
this
);
}
return (
<table className='table enable-selection table-bordered table-condensed table-logs'>
return logsEntries.length ?
<table className='table log-entries'>
<thead>
<tr>
<th>{i18n('cluster_page.logs_tab.date')}</th>
<th>{i18n('cluster_page.logs_tab.level')}</th>
<th>{i18n('cluster_page.logs_tab.message')}</th>
<th className='col-date'>{i18n('cluster_page.logs_tab.date')}</th>
<th className='col-level'>{i18n('cluster_page.logs_tab.level')}</th>
<th className='col-message'>{i18n('cluster_page.logs_tab.message')}</th>
</tr>
</thead>
<tbody className='log-entries'>
<tbody>
{tabRows}
</tbody>
{this.props.showMoreLogsLink &&
<tfoot className='entries-skipped-msg'>
<tr>
<td colSpan='3'>
<span>{i18n('cluster_page.logs_tab.bottom_text')}
</span>: {[100, 500, 1000, 5000].map(function(count) {
return <span className='show-more-entries' onClick={_.bind(this.handleShowMoreClick, this, count)} key={count}> {count} </span>;
}, this)}
<td colSpan='3' className='text-center'>
<span>{i18n('cluster_page.logs_tab.bottom_text')}</span>:
{
[100, 500, 1000, 5000].map(
function(count) {
return <button className='btn btn-link show-more-entries' onClick={_.bind(this.handleShowMoreClick, this, count)} key={count}>{count} </button>;
},
this
)
}
</td>
</tr>
</tfoot>
}
{!logsEntries.length &&
<tfoot className='no-logs-msg'>
<tr>
<td colSpan='3'>{i18n('cluster_page.logs_tab.no_log_text')}</td>
</tr>
</tfoot>
}
</table>
);
:
<div className='no-logs-msg'>{i18n('cluster_page.logs_tab.no_log_text')}</div>;
}
});

437
static/js/views/cluster_page_tabs/network_tab.jsx
View File

@ -74,7 +74,7 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
value: this.getModel().get(attribute),
network: isFloatingIPRange ? null : network,
networkConfiguration: this.props.networkConfiguration,
wrapperClassName: isRange ? 'network-attribute ' + attribute : false,
wrapperClassName: isRange ? attribute : false,
error: error
};
},
@ -82,7 +82,6 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
return (
<controls.Input {...this.composeProps(attribute, false, isInteger)}
type='text'
wrapperClassName='network-attribute'
/>
);
},
@ -194,12 +193,33 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
return {
type: 'text',
placeholder: error ? '' : this.props.placeholder,
inputClassName: 'range',
className: 'form-control',
disabled: this.props.disabled,
onChange: _.partialRight(this.onRangeChange, attributeName),
name: (isRangeEnd ? 'range-end_' : 'range-start_') + attributeName
};
},
renderRangeControls: function(attributeName, index, length) {
return (
<div className='ip-ranges-control'>
<button
className='btn btn-link ip-ranges-add'
disabled={this.props.disabled}
onClick={_.partial(this.addRange, attributeName, index)}
>
<i className='glyphicon glyphicon-plus-sign'></i>
</button>
{(length > 1) &&
<button className='btn btn-link ip-ranges-delete'
disabled={this.props.disabled}
onClick={_.partial(this.removeRange, attributeName, index)}
>
<i className='glyphicon glyphicon-minus-sign'></i>
</button>
}
</div>
);
},
render: function() {
var error = this.props.error || null,
attributeName = this.props.name,
@ -208,97 +228,90 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
[attribute || '', this.props.autoIncreaseWith ? (attribute + this.props.autoIncreaseWith - 1 || '') : ''] :
attribute,
wrapperClasses = {
'form-group range row': true,
mini: this.props.mini
},
rowsContainerClasses = {
'rows-container range-group': true
},
verificationError = this.props.verificationError || null,
ns = 'cluster_page.network_tab.';
ns = 'cluster_page.network_tab.',
startInputError = error && error[0],
endInputError = error && error[1];
wrapperClasses[this.props.wrapperClassName] = this.props.wrapperClassName;
rowsContainerClasses[this.props.rowsClassName] = this.props.rowsClassName;
return (
<div className={utils.classNames(wrapperClasses)}>
{!this.props.hiddenHeader &&
<div className='range-row-header'>
<div>{i18n(ns + 'range_start')}</div>
<div className='range-row-header col-xs-12'>
<div className='pull-left'>{i18n(ns + 'range_start')}</div>
<div>{i18n(ns + 'range_end')}</div>
</div>
}
<div className='parameter-name'>{this.props.label}</div>
{this.props.extendable ?
<div className={this.props.rowsClassName}>
{_.map(ranges, function(range, index) {
var rangeError = _.findWhere(error, {index: index}) || {};
return (
<div className='range-row autocomplete clearfix' key={index}>
<controls.Input
{...this.getRangeProps()}
error={(rangeError.start || verificationError) && ''}
value={range[0]}
onChange={_.partialRight(this.onRangeChange, attributeName, index)}
ref={'start' + index}
inputClassName='start'
placeholder={rangeError.start ? '' : this.props.placeholder}
/>
<controls.Input
{...this.getRangeProps(true)}
error={rangeError.end && ''}
value={range[1]}
onChange={_.partialRight(this.onRangeChange, attributeName, index)}
onFocus={this.autoCompleteIPRange.bind(this, rangeError && rangeError.start, range[0])}
disabled={this.props.disabled || !!this.props.autoIncreaseWith}
placeholder={rangeError.end ? '' : this.props.placeholder}
/>
{!this.props.hiddenControls &&
<div>
<div className='ip-ranges-control'>
<button
className='btn btn-link ip-ranges-add'
disabled={this.props.disabled}
onClick={this.addRange.bind(this, attributeName, index)}>
<i className='icon-plus-circle'></i>
</button>
</div>
{(ranges.length > 1) &&
<div className='ip-ranges-control'>
<button className='btn btn-link ip-ranges-delete' disabled={this.props.disabled}
onClick={this.removeRange.bind(this, attributeName, index)}>
<i className='icon-minus-circle'></i>
</button>
</div>
}
<div className='col-xs-12'>
<label>
{this.props.label}
</label>
{this.props.extendable ?
<div className='rows-container range-group'>
{_.map(ranges, function(range, index) {
var rangeError = _.findWhere(error, {index: index}) || {},
rowClasses = utils.classNames({
'range-row autocomplete offset-left': true
});
return (
<div className={rowClasses} key={index}>
<controls.Input
{...this.getRangeProps()}
error={(rangeError.start || verificationError) ? '' : null}
value={range[0]}
onChange={_.partialRight(this.onRangeChange, attributeName, index)}
ref={'start' + index}
inputClassName='start'
placeholder={rangeError.start ? '' : this.props.placeholder}
/>
<controls.Input
{...this.getRangeProps(true)}
error={rangeError.end ? '' : null}
value={range[1]}
onChange={_.partialRight(this.onRangeChange, attributeName, index)}
onFocus={_.partial(this.autoCompleteIPRange, rangeError && rangeError.start, range[0])}
disabled={this.props.disabled || !!this.props.autoIncreaseWith}
placeholder={rangeError.end ? '' : this.props.placeholder}
wrapperClassName={this.props.hiddenControls && 'no-controls'}
extraContent={!this.props.hiddenControls && this.renderRangeControls(attributeName, index, ranges.length)}
/>
<div className='validation-error text-danger pull-left'>
<span className='help-inline'>
{rangeError.start || rangeError.end}
</span>
</div>
}
<div className='error validation-error'>
<span className='help-inline'>
{rangeError.start || rangeError.end}
</span>
</div>
);
}, this)}
</div>
:
<div className='range-row col-xs-10 offset-left'>
<controls.Input
{...this.getRangeProps()}
value={ranges[0]}
error={error && error[0] ? '' : null}
inputClassName='start'
/>
<controls.Input
{...this.getRangeProps(true)}
disabled={this.props.disabled || _.isNumber(this.props.autoIncreaseWith)}
value={ranges[1]}
error={error && error[1] ? '' : null}
/>
{error && (error[0] || error[1]) &&
<div className='validation-error text-danger pull-left'>
<span className='help-inline'>{error ? startInputError || endInputError : ''}</span>
</div>
);
}, this)}
</div>
:
<div className='range-row'>
<controls.Input
{...this.getRangeProps()}
wrapperClassName='parameter-control'
value={ranges[0]}
error={error && error[0] ? '' : null}
inputClassName='start'
/>
<controls.Input
{...this.getRangeProps(true)}
wrapperClassName='parameter-control'
disabled={this.props.disabled || _.isNumber(this.props.autoIncreaseWith)}
value={ranges[1]}
error={error && error[1] ? '' : null}
/>
{error && (error[0] || error[1]) &&
<div className='error validation-error'>
<span className='help-inline'>{error ? error[0] || error[1] : ''}</span>
</div>
}
</div>
}
}
</div>
}
</div>
</div>
);
}
@ -325,20 +338,21 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
},
render: function() {
return (
<div className='network-attribute vlan-tagging'>
<div className={'vlan-tagging form-group ' + this.props.name}>
<label className='vlan-tag-label'>{this.props.label}</label>
<controls.Input {...this.props}
labelBeforeControl={true}
onChange={this.onTaggingChange}
type='checkbox'
checked={!_.isNull(this.props.value)}
error={null}
label={null}
/>
{!_.isNull(this.props.value) &&
<controls.Input {...this.props}
ref={this.props.name}
label={false}
onChange={this.onInputChange}
type='text'
label={null}
/>
}
</div>
@ -349,7 +363,7 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
// FIXME(morale): this component is a lot of copy-paste from Range component
// and should be rewritten either as a mixin or as separate componet for
// multiflying other components (eg accepting Range, Input etc)
var MulipleValuesInput = React.createClass({
var MultipleValuesInput = React.createClass({
mixins: [
NetworkModelManipulationMixin
],
@ -394,19 +408,49 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
elementToFocus: 'input' + _.min([newValue.length - 1, index])
});
},
renderControls: function(attributeName, index, length) {
return (
<div className='ip-ranges-control'>
<button
className='btn btn-link ip-ranges-add'
disabled={this.props.disabled}
onClick={_.partial(this.addValue, attributeName, index)}
>
<i className='glyphicon glyphicon-plus-sign'></i>
</button>
{(length > 1) &&
<button className='btn btn-link ip-ranges-delete' disabled={this.props.disabled}
onClick={_.partial(this.removeValue, attributeName, index)}
>
<i className='glyphicon glyphicon-minus-sign'></i>
</button>
}
</div>
);
},
render: function() {
var values = this.props.value,
errors = this.props.error || null,
verificationError = this.props.verificationError || null,
attributeName = this.props.name;
attributeName = this.props.name,
wrapperClasses = {
'form-group multiple-values dns_nameservers': true
};
wrapperClasses[this.props.wrapperClassName] = this.props.wrapperClassName;
return (
<div className={this.props.wrapperClassName}>
<div className='parameter-name'>{this.props.label}</div>
<div className={utils.classNames(wrapperClasses)}>
<label>
{this.props.label}
</label>
<div className={this.props.rowsClassName}>
{_.map(values, function(value, index) {
var inputError = errors && errors[index];
var inputError = errors && errors[index],
classes = utils.classNames({
'range-row row offset-left': true,
first: index == 0
});
return (
<div className='range-row autocomplete clearfix' key={this.props.name + index}>
<div className={classes} key={this.props.name + index}>
<controls.Input
type='text'
disabled={this.props.disabled}
@ -416,26 +460,10 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
onChange={_.partialRight(this.onChange, index)}
ref={'input' + index}
placeholder={inputError ? '' : this.props.placeholder}
extraContent={this.renderControls(attributeName, index, values.length)}
/>
<div>
<div className='ip-ranges-control'>
<button
className='btn btn-link ip-ranges-add'
disabled={this.props.disabled}
onClick={this.addValue.bind(this, attributeName, index)}>
<i className='icon-plus-circle'></i>
</button>
</div>
{(values.length > 1) &&
<div className='ip-ranges-control'>
<button className='btn btn-link ip-ranges-delete' disabled={this.props.disabled}
onClick={this.removeValue.bind(this, attributeName, index)}>
<i className='icon-minus-circle'></i>
</button>
</div>
}
</div>
<div className='error validation-error'>
<div className='validation-error text-danger pull-left'>
<span className='help-inline'>
{inputError}
</span>
@ -518,29 +546,27 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
render: function() {
var isLocked = this.isLocked(),
classes = {
'network-settings wrapper': true,
row: true,
'changes-locked': isLocked
},
ns = 'cluster_page.network_tab.';
return (
<div className={utils.classNames(classes)}>
<h3>{i18n(ns + 'title')}</h3>
<div className='title'>{i18n(ns + 'title')}</div>
{this.state.loading ?
<controls.ProgressBar />
:
<div>
<NetworkTabContent
networkConfiguration={this.props.cluster.get('networkConfiguration')}
initialConfiguration={this.state.initialConfiguration}
tasks={this.props.cluster.get('tasks')}
cluster={this.props.cluster}
isLocked={isLocked}
updateInitialConfiguration={this.updateInitialConfiguration}
revertChanges={this.revertChanges}
hasChanges={this.hasChanges}
hideVerificationResult={this.state.hideVerificationResult}
/>
</div>
<NetworkTabContent
networkConfiguration={this.props.cluster.get('networkConfiguration')}
initialConfiguration={this.state.initialConfiguration}
tasks={this.props.cluster.get('tasks')}
cluster={this.props.cluster}
isLocked={isLocked}
updateInitialConfiguration={this.updateInitialConfiguration}
revertChanges={this.revertChanges}
hasChanges={this.hasChanges}
hideVerificationResult={this.state.hideVerificationResult}
/>
}
</div>
);
@ -669,20 +695,20 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
isCancelChangesDisabled = isLocked || !hasChanges,
isSaveChangesDisabled = error || isLocked || !hasChanges;
return (
<div className='row'>
<div className='page-control-box'>
<div className='page-control-button-placeholder'>
<button key='verify_networks' className='btn verify-networks-btn' onClick={this.verifyNetworks}
disabled={isVerificationDisabled}>
{i18n('cluster_page.network_tab.verify_networks_button')}
<div className='col-xs-12 page-buttons'>
<div className='well clearfix'>
<div className='btn-group pull-right'>
<button key='verify_networks' className='btn btn-default verify-networks-btn' onClick={this.verifyNetworks}
disabled={isVerificationDisabled}>
{i18n('cluster_page.network_tab.verify_networks_button')}
</button>
<button key='revert_changes' className='btn btn-revert-changes' onClick={this.props.revertChanges}
disabled={isCancelChangesDisabled}>
{i18n('common.cancel_changes_button')}
<button key='revert_changes' className='btn btn-default btn-revert-changes' onClick={this.props.revertChanges}
disabled={isCancelChangesDisabled}>
{i18n('common.cancel_changes_button')}
</button>
<button key='apply_changes' className='btn btn-success apply-btn' onClick={this.applyChanges}
disabled={isSaveChangesDisabled}>
{i18n('common.save_settings_button')}
disabled={isSaveChangesDisabled}>
{i18n('common.save_settings_button')}
</button>
</div>
</div>
@ -742,33 +768,31 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
];
return (
<div id='network-form'>
<div className='radio-checkbox-group'>
{(cluster.get('net_provider') == 'nova_network') ?
<div>
{(cluster.get('net_provider') == 'nova_network') ?
<div className='radio-checkbox-group row forms-box nova-managers'>
<controls.RadioGroup
key='net_provider'
name='net_provider'
values={managers}
onChange={this.onManagerChange}
wrapperClassName='network-managers pull-left'
/>
:
<span className='network-segment-type'>
</div>
:
<div className='forms-box'>
<em>
{i18n(ns + 'neutron_segmentation', {segment_type: networkingParameters.get('segmentation_type').toUpperCase()})}
</span>
}
</div>
<div className='networks-table'>
{this.renderNetworks()}
</div>
<div className='networking-parameters'>
<NetworkingParameters
networkConfiguration={this.props.networkConfiguration}
validationError={(this.props.networkConfiguration.validationError || {}).networking_parameters}
disabled={this.isLocked()}
/>
</div>
<div className='verification-control'>
</em>
</div>
}
{this.renderNetworks()}
<NetworkingParameters
networkConfiguration={this.props.networkConfiguration}
validationError={(this.props.networkConfiguration.validationError || {}).networking_parameters}
disabled={this.isLocked()}
/>
<div className='verification-control col-xs-12'>
<NetworkVerificationResult
key='network_verification'
task={cluster.task({group: 'network'})}
@ -796,9 +820,9 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
ns = 'cluster_page.network_tab.network.';
return (
<div>
<legend className='networks'>{i18n('network.' + network.get('name'))}</legend>
<div className={network.get('name')}>
<div className='forms-box'>
<h3 className='networks'>{i18n('network.' + network.get('name'))}</h3>
<div className={'network-section-wrapper row ' + network.get('name')}>
{(networkConfig.notation == ipRangesLabel) &&
<Range
{...this.composeProps(ipRangesLabel, true)}
@ -845,27 +869,26 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
return (
<div>
{manager ?
<div>
<legend className='networks'>
<div className='forms-box'>
<h3 className='networks'>
{i18n(ns + 'nova_configuration')}
</legend>
<div>
</h3>
<div className='network-section-wrapper row'>
{this.renderInput('fixed_networks_cidr')}
{(manager == 'VlanManager') ?
<div>
<div className='network-attribute'>
<controls.Input
{...this.composeProps('fixed_network_size')}
type='select'
children={_.map(this.props.fixedNetworkSizeValues, function(value) {
return <option key={value} value={value}>{value}</option>;
})}
/>
</div>
<controls.Input
{...this.composeProps('fixed_network_size')}
type='select'
children={_.map(this.props.fixedNetworkSizeValues, function(value) {
return <option key={value} value={value}>{value}</option>;
})}
inputClassName='pull-left'
/>
{this.renderInput('fixed_networks_amount', true)}
<Range
{...this.composeProps('fixed_networks_vlan_start', true)}
wrapperClassName='network-attribute clearfix'
wrapperClassName='clearfix vlan-id-range'
label={i18n(ns + 'fixed_vlan_range')}
extendable={false}
autoIncreaseWith={parseInt(networkParameters.get('fixed_networks_amount')) || 0}
@ -875,41 +898,45 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
/>
</div>
:
<div className='clearfix'>
<VlanTagInput
{...this.composeProps('fixed_networks_vlan_start')}
label={i18n(ns + 'use_vlan_tagging_fixed')}
/>
</div>
<VlanTagInput
{...this.composeProps('fixed_networks_vlan_start')}
label={i18n(ns + 'use_vlan_tagging_fixed')}
/>
}
</div>
</div>
:
<div>
<legend className='networks'>{i18n(ns + 'l2_configuration')}</legend>
<Range
{...this.composeProps(idRangePrefix + '_range', true)}
wrapperClassName='network-attribute clearfix'
extendable={false}
placeholder=''
integerValue={true}
mini={true}
/>
{this.renderInput('base_mac')}
<div>
<legend className='networks'>{i18n(ns + 'l3_configuration')}</legend>
<div className='neutron-l2-3-config'>
<div className='forms-box'>
<h3 className='networks'>{i18n(ns + 'l2_configuration')}</h3>
<div className='network-section-wrapper row'>
<Range
{...this.composeProps(idRangePrefix + '_range', true)}
wrapperClassName='clearfix'
extendable={false}
placeholder=''
integerValue={true}
mini={true}
/>
{this.renderInput('base_mac')}
</div>
</div>
<div>
{this.renderInput('internal_cidr')}
{this.renderInput('internal_gateway')}
<div className='forms-box network-sub-wrapper'>
<h3 className='networks'>{i18n(ns + 'l3_configuration')}</h3>
<div className='network-section-wrapper row'>
{this.renderInput('internal_cidr')}
{this.renderInput('internal_gateway')}
</div>
</div>
</div>
}
<MulipleValuesInput
{...this.composeProps('dns_nameservers', true)}
rowsClassName='dns_nameservers-row'
/>
<div className='forms-box'>
<MultipleValuesInput
{...this.composeProps('dns_nameservers', true)}
rowsClassName='dns_nameservers-row'
wrapperClassName='forms-box row'
/>
</div>
</div>
);
}
@ -939,7 +966,7 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
<div className='animation-box'>
{_.times(3, function(index) {
++index;
return <div key={index} className={'connect-' + index + '-' + this.getConnectionStatus(task, index == 1)}></div>;
return <div key={index} className={this.getConnectionStatus(task, index == 1) + ' connect-' + index}></div>;
}, this)}
</div>
<div className='nodes-box'>
@ -950,9 +977,11 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
</div>
</div>
<div className='verification-text-placeholder'>
{_.times(5, function(index) {
return <li key={index}>{i18n(ns + 'step_' + index)}</li>;
}, this)}
<ol>
{_.times(5, function(index) {
return <li key={index}>{i18n(ns + 'step_' + index)}</li>;
}, this)}
</ol>
</div>
{(task && task.match({name: 'verify_networks', status: 'ready'})) ?
<div>
@ -966,7 +995,7 @@ function($, _, i18n, Backbone, React, models, dispatcher, utils, componentMixins
}
</div>
: (task && task.match({status: 'error'})) &&
<div className='alert alert-error enable-selection'>
<div className='alert alert-danger enable-selection'>
<span>
{i18n(ns + 'fail_alert')}
</span>

42
static/js/views/cluster_page_tabs/nodes_tab_screens/edit_node_disks_screen.js
View File

@ -197,20 +197,11 @@ function($, _, i18n, Backbone, utils, models, EditNodeScreen, editNodeDisksScree
showDiskSize: utils.showDiskSize
},
events: {
'click .toggle-volume': 'toggleEditDiskForm',
'click .disk-visual': 'toggleDiskFormVisibleAttribute',
'click .close-btn': 'deleteVolume',
'click .use-all-allowed': 'useAllAllowedSpace'
'click .volume-group-use-all-allowed-btn button': 'useAllAllowedSpace'
},
diskFormBindings: {
'.disk-form': {
observe: 'visible',
visible: true,
visibleFn: function($el, isVisible) {
$el.collapse(isVisible ? 'show' : 'hide');
}
}
},
toggleEditDiskForm: function() {
toggleDiskFormVisibleAttribute: function() {
this.diskForm.set({visible: !this.diskForm.get('visible')});
},
getVolumeMinimum: function(name) {
@ -218,14 +209,14 @@ function($, _, i18n, Backbone, utils, models, EditNodeScreen, editNodeDisksScree
},
checkForGroupsDeletionAvailability: function() {
this.disk.get('volumes').each(function(volume) {
var name = volume.get('name');
this.$('.disk-visual .' + name + ' .close-btn').toggle(!this.screen.isLocked() && this.diskForm.get('visible') && volume.getMinimalSize(this.getVolumeMinimum(name)) <= 0);
var name = volume.get('name'),
showRemoveButton = !this.screen.isLocked() && this.diskForm.get('visible') && volume.getMinimalSize(this.getVolumeMinimum(name)) <= 0;
this.$('.disk-visual [data-volume=' + name + '] .close-btn').toggleClass('hide', !showRemoveButton);
}, this);
},
updateDisk: function() {
this.$('.disk-visual').removeClass('invalid');
this.$('input').removeClass('error').parents('.volume-group').next().text('');
this.$('.volume-group-error-message.common').text('');
this.$('.disk-utility-box .form-group').removeClass('has-error').next('.volume-group-error').text('');
this.$('.volume-group-error.common').text('');
this.disk.get('volumes').each(function(volume) {
volume.set({size: volume.get('size')}, {validate: true, minimum: this.getVolumeMinimum(volume.get('name'))});
}, this); // volumes validation (minimum)
@ -238,6 +229,7 @@ function($, _, i18n, Backbone, utils, models, EditNodeScreen, editNodeDisksScree
this.screen.checkForChanges();
},
deleteVolume: function(e) {
e.stopPropagation();
var volumeName = this.$(e.currentTarget).parents('.volume-group').data('volume');
var volume = this.disk.get('volumes').findWhere({name: volumeName});
volume.set({size: 0});
@ -252,22 +244,19 @@ function($, _, i18n, Backbone, utils, models, EditNodeScreen, editNodeDisksScree
this.diskForm = new Backbone.Model({visible: false});
this.diskForm.on('change:visible', this.checkForGroupsDeletionAvailability, this);
this.disk.on('invalid', function(cluster, error) {
this.$('.disk-visual').addClass('invalid');
this.$('input').addClass('error');
this.$('.volume-group-error-message.common').text(error);
this.$('.disk-utility-box .form-group').addClass('has-error');
this.$('.volume-group-error.common').text(error);
}, this);
this.disk.get('volumes').each(function(volume) {
volume.on('change:size', this.updateDisks, this);
volume.on('change:size', function() {_.invoke(this.screen.subViews, 'checkForGroupsDeletionAvailability', this);}, this);
volume.on('invalid', function(cluster, error) {
this.$('.disk-visual').addClass('invalid');
this.$('input[name=' + volume.get('name') + ']').addClass('error').parents('.volume-group').next().text(error);
this.$('.form-group[data-volume=' + volume.get('name') + ']').addClass('has-error').next('.volume-group-error').text(error);
}, this);
}, this);
},
renderVolume: function(name, width, size) {
this.$('.disk-visual .' + name)
.toggleClass('hidden-titles', width < 6)
this.$('.disk-visual [data-volume=' + name + ']')
.css('width', width + '%')
.find('.volume-group-size').text(utils.showDiskSize(size, 2));
},
@ -286,7 +275,8 @@ function($, _, i18n, Backbone, utils, models, EditNodeScreen, editNodeDisksScree
this.disk.get('volumes').each(function(volume) {
var name = volume.get('name');
var colors = this.screen.volumesColors[name];
this.$('.disk-visual .' + name + ', .volume-group-box-flag.' + name).attr('style', this.volumeStylesTemplate({startColor: _.first(colors), endColor: _.last(colors)}));
this.$('.disk-visual [data-volume=' + name + '], .volume-group-flag.' + name)
.attr('style', this.volumeStylesTemplate({startColor: _.first(colors), endColor: _.last(colors)}));
}, this);
},
setupVolumesBindings: function() {
@ -312,11 +302,9 @@ function($, _, i18n, Backbone, utils, models, EditNodeScreen, editNodeDisksScree
volumes: this.screen.volumes,
locked: this.screen.isLocked()
}, this.templateHelpers))).i18n();
this.$('.disk-form').collapse({toggle: false});
this.applyColors();
this.renderVisualGraph();
this.$('input').autoNumeric('init', {mDec: 0});
this.stickit(this.diskForm, this.diskFormBindings);
this.setupVolumesBindings();
return this;
}

380
static/js/views/cluster_page_tabs/nodes_tab_screens/edit_node_interfaces_screen.jsx
View File

@ -330,7 +330,7 @@ function($, _, Backbone, React, i18n, utils, models, dispatcher, dialogs, contro
return _.uniq(speeds).length > 1 || !_.compact(speeds).length;
},
render: function() {
var configureInterfacesTransNS = 'cluster_page.nodes_tab.configure_interfaces.',
var ns = 'cluster_page.nodes_tab.configure_interfaces.',
nodes = this.props.nodes,
nodeNames = nodes.pluck('name'),
interfaces = this.props.interfaces,
@ -367,60 +367,67 @@ function($, _, Backbone, React, i18n, utils, models, dispatcher, dialogs, contro
});
return (
<div className='edit-node-networks-screen' style={{display: 'block'}} ref='nodeNetworksScreen'>
<div className={utils.classNames({'edit-node-interfaces': true, 'changes-locked': locked})}>
<h3>
{i18n(configureInterfacesTransNS + 'title', {count: nodes.length, name: nodeNames.join(', ')})}
</h3>
<div className='row'>
<div className='title'>
{i18n(ns + 'title', {count: nodes.length, name: nodeNames.join(', ')})}
</div>
<div className='row'>
{bondingAvailable &&
<div>
<div className='page-control-box'>
<div className='page-control-button-placeholder'>
<button className='btn btn-bond' disabled={!bondingPossible} onClick={this.bondInterfaces}>{i18n(configureInterfacesTransNS + 'bond_button')}</button>
<button className='btn btn-unbond' disabled={!unbondingPossible} onClick={this.unbondInterfaces}>{i18n(configureInterfacesTransNS + 'unbond_button')}</button>
{bondingAvailable &&
<div className='col-xs-12'>
<div className='page-buttons'>
<div className='well clearfix'>
<div className='btn-group pull-right'>
<button className='btn btn-default btn-bond' onClick={this.bondInterfaces} disabled={!bondingPossible}>
{i18n(ns + 'bond_button')}
</button>
<button className='btn btn-default btn-unbond' onClick={this.unbondInterfaces} disabled={!unbondingPossible}>
{i18n(ns + 'unbond_button')}
</button>
</div>
</div>
{invalidSpeedsForBonding &&
<div className='bond-speed-warning alert'>{i18n(configureInterfacesTransNS + 'bond_speed_warning')}</div>
}
</div>
}
<div className='node-networks'>
{
interfaces.map(_.bind(function(ifc, index) {
if (!_.contains(slaveInterfaceNames, ifc.get('name'))) {
return <NodeInterface {...this.props}
key={'interface-' + ifc.get('name')}
interface={ifc}
locked={locked}
bondingAvailable={bondingAvailable}
getDraggedNetworks={this.getDraggedNetworks}
setDraggedNetworks={this.setDraggedNetworks}
errors={this.state.interfaceErrors[ifc.get('name')]}
validate={this.validate}
refresh={this.refresh}
bondingProperties={this.props.bondingConfig.properties}
configModels={this.props.configModels}
bondType={this.getBondType()}
interfaceSpeeds={interfaceSpeeds[index]}
/>;
}
}, this))
{invalidSpeedsForBonding &&
<div className='alert alert-warning'>{i18n(ns + 'bond_speed_warning')}</div>
}
</div>
<div className='page-control-box'>
<div className='back-button pull-left'>
<button className='btn btn-return' onClick={this.returnToNodeList} disabled={!returnEnabled}>{i18n('cluster_page.nodes_tab.back_to_nodes_button')}</button>
}
<div className='ifc-list col-xs-12'>
{interfaces.map(_.bind(function(ifc, index) {
var ifcName = ifc.get('name');
if (!_.contains(slaveInterfaceNames, ifcName)) return (
<NodeInterface {...this.props}
key={'interface-' + ifcName}
interface={ifc}
locked={locked}
bondingAvailable={bondingAvailable}
getDraggedNetworks={this.getDraggedNetworks}
setDraggedNetworks={this.setDraggedNetworks}
errors={this.state.interfaceErrors[ifcName]}
validate={this.validate}
refresh={this.refresh}
bondingProperties={this.props.bondingConfig.properties}
bondType={this.getBondType()}
interfaceSpeeds={interfaceSpeeds[index]}
/>
);
}, this))}
</div>
<div className='col-xs-12 page-buttons'>
<div className='well clearfix'>
<div className='btn-group'>
<button className='btn btn-default btn-return' onClick={this.returnToNodeList} disabled={!returnEnabled}>
{i18n('cluster_page.nodes_tab.back_to_nodes_button')}
</button>
</div>
<div className='page-control-button-placeholder'>
<button className='btn btn-defaults' onClick={this.loadDefaults} disabled={!loadDefaultsEnabled}>{i18n('common.load_defaults_button')}</button>
<button className='btn btn-revert-changes' onClick={this.revertChanges} disabled={!revertChangesEnabled}>{i18n('common.cancel_changes_button')}</button>
<button className='btn btn-success btn-apply' onClick={this.applyChanges} disabled={!applyEnabled}>{i18n('common.apply_button')}</button>
<div className='btn-group pull-right'>
<button className='btn btn-default btn-defaults' onClick={this.loadDefaults} disabled={!loadDefaultsEnabled}>
{i18n('common.load_defaults_button')}
</button>
<button className='btn btn-default btn-revert-changes' onClick={this.revertChanges} disabled={!revertChangesEnabled}>
{i18n('common.cancel_changes_button')}
</button>
<button className='btn btn-success btn-apply' onClick={this.applyChanges} disabled={!applyEnabled}>
{i18n('common.apply_button')}
</button>
</div>
</div>
</div>
@ -477,10 +484,10 @@ function($, _, Backbone, React, i18n, utils, models, dispatcher, dialogs, contro
this.props.refresh();
},
componentDidMount: function() {
$(this.refs.logicalNetworkBox.getDOMNode()).sortable({
connectWith: '.logical-network-box',
items: '.logical-network-group:not(.disabled)',
containment: $('.node-networks'),
$(this.refs.networks.getDOMNode()).sortable({
connectWith: '.ifc-networks',
items: '.network-group-block:not(.disabled)',
containment: $('.ifc-list'),
disabled: this.props.locked,
receive: this.dragStop,
remove: this.dragStart,
@ -492,7 +499,7 @@ function($, _, Backbone, React, i18n, utils, models, dispatcher, dialogs, contro
this.props.validate();
},
dragStart: function(e, ui) {
var networkNames = $(ui.item).find('.logical-network-item').map(function(index, el) {
var networkNames = $(ui.item).find('.network-block').map(function(index, el) {
// NOTE(pkaminski): .data('name') returns an incorrect result here.
// This is probably caused by jQuery .data cache (attr reads directly from DOM).
// http://api.jquery.com/data/#data-html5
@ -504,7 +511,7 @@ function($, _, Backbone, React, i18n, utils, models, dispatcher, dialogs, contro
this.initialNetworks = this.props.interface.get('assigned_networks').pluck('name');
}
if (e.type == 'sortremove') {
$(this.refs.logicalNetworkBox.getDOMNode()).sortable('cancel');
$(this.refs.networks.getDOMNode()).sortable('cancel');
this.props.interface.get('assigned_networks').remove(this.props.getDraggedNetworks());
} else {
this.props.setDraggedNetworks(this.props.interface.get('assigned_networks').filter(function(network) {
@ -515,14 +522,13 @@ function($, _, Backbone, React, i18n, utils, models, dispatcher, dialogs, contro
},
dragStop: function(e) {
var networks;
if (e.type == 'sortreceive') {
this.props.interface.get('assigned_networks').add(this.props.getDraggedNetworks());
} else if (e.type == 'sortstop') {
// Block dragging within an interface
networks = this.props.interface.get('assigned_networks').pluck('name');
if (!_.xor(networks, this.initialNetworks).length) {
$(this.refs.logicalNetworkBox.getDOMNode()).sortable('cancel');
$(this.refs.networks.getDOMNode()).sortable('cancel');
}
this.initialNetworks = [];
}
@ -572,7 +578,7 @@ function($, _, Backbone, React, i18n, utils, models, dispatcher, dialogs, contro
this.props.interface.set('interface_properties', interfaceProperties);
},
render: function() {
var configureInterfacesTransNS = 'cluster_page.nodes_tab.configure_interfaces.',
var ns = 'cluster_page.nodes_tab.configure_interfaces.',
ifc = this.props.interface,
cluster = this.props.cluster,
locked = this.props.locked,
@ -584,188 +590,180 @@ function($, _, Backbone, React, i18n, utils, models, dispatcher, dialogs, contro
bondable = this.props.bondingAvailable && assignedNetworks && !assignedNetworks.find(function(interfaceNetwork) {
return interfaceNetwork.getFullNetwork(networks).get('meta').unmovable;
}),
slaveOnlineClass = function(slave) {
connectionStatusClasses = function(slave) {
var slaveDown = slave.get('state') == 'down';
return {
'interface-online': !slaveDown,
'interface-offline': slaveDown
'ifc-connection-status': true,
'ifc-online': !slaveDown,
'ifc-offline': slaveDown
};
},
assignedNetworksGrouped = [],
networksToAdd = [],
showHelpMessage = !locked && !assignedNetworks.length,
bondProperties = ifc.get('bond_properties'),
interfaceProperties = ifc.get('interface_properties') || null;
assignedNetworks.each(function(interfaceNetwork) {
if (interfaceNetwork.getFullNetwork(networks).get('name') != 'floating') {
if (networksToAdd.length) {
assignedNetworksGrouped.push(networksToAdd);
}
if (networksToAdd.length) assignedNetworksGrouped.push(networksToAdd);
networksToAdd = [];
}
networksToAdd.push(interfaceNetwork);
});
if (networksToAdd.length) {
assignedNetworksGrouped.push(networksToAdd);
}
if (networksToAdd.length) assignedNetworksGrouped.push(networksToAdd);
return (
<div className={utils.classNames({'physical-network-box': true, nodrag: this.props.errors})}>
<div className='network-box-item'>
<div className='ifc-container'>
<div className={utils.classNames({'ifc-inner-container': true, nodrag: this.props.errors})}>
{ifc.isBond() &&
<div className='network-box-name'>
{this.props.bondingAvailable ?
<controls.Input
type='checkbox'
label={ifc.get('name')}
labelClassName='pull-left'
onChange={this.bondingChanged}
checked={ifc.get('checked')} />
:
<div className='network-bond-name pull-left disabled'>{ifc.get('name')}</div>
}
{this.isLacpRateAvailable() &&
<div className='network-lacp-rate pull-right'>
<div className='bond-properties clearfix forms-box'>
<div className='ifc-name pull-left'>
{this.props.bondingAvailable ?
<controls.Input
type='select'
value={bondProperties.lacp_rate}
disabled={!this.props.bondingAvailable}
onChange={this.onLacpChange}
label={i18n(configureInterfacesTransNS + 'lacp_rate') + ':'}
children={this.getBondingOptions(this.getBondPropertyValues('lacp_rate', 'values'), 'lacp_rates')}
/>
</div>
}
type='checkbox'
label={ifc.get('name')}
onChange={this.bondingChanged}
checked={ifc.get('checked')} />
: ifc.get('name')
}
</div>
<controls.Input
type='select'
disabled={!this.props.bondingAvailable}
onChange={this.bondingModeChanged}
value={this.getBondMode()}
label={i18n(ns + 'bonding_mode')}
children={this.getBondingOptions(this.getAvailableModes(), 'bonding_modes')}
wrapperClassName='pull-right'
/>
{this.isHashPolicyNeeded() &&
<div className='network-bond-policy pull-right'>
<controls.Input
type='select'
value={bondProperties.xmit_hash_policy}
disabled={!this.props.bondingAvailable}
onChange={this.onPolicyChange}
label={i18n(configureInterfacesTransNS + 'bonding_policy') + ':'}
children={this.getBondingOptions(this.getBondPropertyValues('xmit_hash_policy', 'values'), 'hash_policy')}
/>
</div>
}
<div className='network-bond-mode pull-right'>
<controls.Input
type='select'
value={bondProperties.xmit_hash_policy}
disabled={!this.props.bondingAvailable}
onChange={this.bondingModeChanged}
value={this.getBondMode()}
label={i18n(configureInterfacesTransNS + 'bonding_mode') + ':'}
children={this.getBondingOptions(this.getAvailableModes(), 'bonding_modes')}
onChange={this.onPolicyChange}
label={i18n(ns + 'bonding_policy')}
children={this.getBondingOptions(this.getBondPropertyValues('xmit_hash_policy', 'values'), 'hash_policy')}
wrapperClassName='pull-right'
/>
</div>
<div className='clearfix'></div>
}
{this.isLacpRateAvailable() &&
<controls.Input
type='select'
value={bondProperties.lacp_rate}
disabled={!this.props.bondingAvailable}
onChange={this.onLacpChange}
label={i18n(ns + 'lacp_rate')}
children={this.getBondingOptions(this.getBondPropertyValues('lacp_rate', 'values'), 'lacp_rates')}
wrapperClassName='pull-right'
/>
}
</div>
}
<div className='physical-network-checkbox'>
{!ifc.isBond() && bondable && <controls.Input type='checkbox' onChange={this.bondingChanged} checked={ifc.get('checked')} />}
</div>
<div className='network-connections-block'>
{_.map(slaveInterfaces, function(slaveInterface) {
return <div key={'network-connections-slave-' + slaveInterface.get('name')} className='network-interfaces-status'>
<div className={utils.classNames(slaveOnlineClass(slaveInterface))}></div>
<div className='network-interfaces-name'>{slaveInterface.get('name')}</div>
</div>;
})
}
</div>
<div className='network-connections-info-block enable-selection'>
{_.map(slaveInterfaces, function(slaveInterface, index) {
return <div key={'network-connections-info-' + slaveInterface.get('name')} className='network-connections-info-block-item'>
<div className='network-connections-info-position'></div>
<div className='network-connections-info-description'>
{this.props.nodes.length == 1 &&
<div>
{i18n(configureInterfacesTransNS + 'mac')}: {slaveInterface.get('mac')}
</div>
}
<div>
{i18n(configureInterfacesTransNS + 'speed')}: {this.props.interfaceSpeeds[index].join(', ')}
</div>
{(this.props.bondingAvailable && slaveInterfaces.length >= 3) &&
<button className='btn btn-link btn-remove-interface'
type='button'
onClick={this.bondingRemoveInterface.bind(this, slaveInterface.get('name'))}>{i18n('common.remove_button')}
</button>
}
</div>
</div>;
}, this)
}
</div>
<div className='logical-network-box' ref='logicalNetworkBox'>
{!showHelpMessage ? _.map(assignedNetworksGrouped, function(networkGroup) {
var network = networkGroup[0].getFullNetwork(networks);
if (!network) {
return;
}
var classes = {
'logical-network-group': true,
disabled: locked || network.get('meta').unmovable
},
vlanRange = network.getVlanRange(networkingParameters);
return <div key={'network-box-' + network.get('id')} className={utils.classNames(classes)}>
{_.map(networkGroup, function(interfaceNetwork) {
return (
<div key={'interface-network-' + interfaceNetwork.get('name')}
className='logical-network-item' data-name={interfaceNetwork.get('name')}>
<div className='name'>{i18n('network.' + interfaceNetwork.get('name'), {defaultValue: interfaceNetwork.get('name')})}</div>
{vlanRange &&
<div className='id'>
{i18n(configureInterfacesTransNS + 'vlan_id', {count: _.uniq(vlanRange).length})}:
{_.uniq(vlanRange).join('-')}
</div>
<div className='networks-block row'>
<div className='col-xs-3'>
<div className='ifc-checkbox pull-left'>
{!ifc.isBond() && bondable ?
<controls.Input
type='checkbox'
onChange={this.bondingChanged}
checked={ifc.get('checked')}
/>
:
<span>&nbsp;</span>
}
</div>
<div className='pull-left'>
{_.map(slaveInterfaces, function(slaveInterface, index) {
var ifcName = slaveInterface.get('name');
return (
<div key={'info-' + ifcName} className='ifc-info-block clearfix'>
<div className='ifc-connection pull-left'>
<div className={utils.classNames(connectionStatusClasses(slaveInterface))} />
<div className='ifc-name'>{ifcName}</div>
</div>
<div className='ifc-info pull-left'>
{this.props.nodes.length == 1 &&
<div>{i18n(ns + 'mac')}: {slaveInterface.get('mac')}</div>
}
<div>
{i18n(ns + 'speed')}: {this.props.interfaceSpeeds[index].join(', ')}
</div>
{(this.props.bondingAvailable && slaveInterfaces.length >= 3) &&
<button className='btn btn-link' onClick={_.partial(this.bondingRemoveInterface, ifcName)}>
{i18n('common.remove_button')}
</button>
}
</div>
);
})
}
</div>;
}, this)
: <div className='network-help-message'>{i18n(configureInterfacesTransNS + 'drag_and_drop_description')}</div>
}
</div>
);
}, this)}
</div>
</div>
<div className='ifc-networks col-xs-9' ref='networks'>
{assignedNetworks.length ?
_.map(assignedNetworksGrouped, function(networkGroup) {
var network = networkGroup[0].getFullNetwork(networks);
if (!network) return;
var classes = {
'network-group-block pull-left': true,
disabled: locked || network.get('meta').unmovable
},
vlanRange = network.getVlanRange(networkingParameters);
return (
<div key={'network-group-' + network.id} className={utils.classNames(classes)}>
{_.map(networkGroup, function(interfaceNetwork) {
var networkName = interfaceNetwork.get('name');
return (
<div key={'network-' + networkName} className='network-block pull-left' data-name={networkName}>
<div className='network-name'>
{i18n('network.' + networkName, {defaultValue: networkName})}
</div>
{vlanRange &&
<div className='vlan-id'>
{i18n(ns + 'vlan_id', {count: _.uniq(vlanRange).length})}:
{_.uniq(vlanRange).join('-')}
</div>
}
</div>
);
})}
</div>
);
}, this)
:
<div className='no-networks-message'>{i18n(ns + 'drag_and_drop_description')}</div>
}
</div>
</div>
{interfaceProperties &&
<div className='interface-properties'>
<div className='ifc-properties clearfix forms-box'>
<controls.Input
type='checkbox'
label={i18n(configureInterfacesTransNS + 'disable_offloading')}
label={i18n(ns + 'disable_offloading')}
checked={interfaceProperties.disable_offloading}
labelClassName='offloading'
name='disable_offloading'
onChange={this.onInterfacePropertiesChange}
disabled={locked}
wrapperClassName='pull-right'
/>
<controls.Input
type='text'
label={i18n(configureInterfacesTransNS + 'mtu')}
label={i18n(ns + 'mtu')}
value={interfaceProperties.mtu || ''}
labelClassName='mtu'
name='mtu'
onChange={this.onInterfacePropertiesChange}
disabled={locked}
wrapperClassName='pull-right'
/>
</div>
}
</div>
{this.props.errors &&
<div className='network-box-error-message common enable-selection'>
{this.props.errors}
</div>
}
</div>
{this.props.errors && <div className='ifc-error'>{this.props.errors}</div>}
</div>
);
}

468
static/js/views/cluster_page_tabs/nodes_tab_screens/node_list_screen.jsx
View File

@ -192,7 +192,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, dialo
return (
<div>
{this.props.mode == 'edit' &&
<div className='alert'>{i18n('cluster_page.nodes_tab.disk_configuration_reset_warning')}</div>
<div className='alert alert-warning'>{i18n('cluster_page.nodes_tab.disk_configuration_reset_warning')}</div>
}
<ManagementPanel
mode={this.props.mode}
@ -306,100 +306,118 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, dialo
}),
interfaceConflict = _.uniq(this.props.nodes.map(function(node) {return node.resource('interfaces');})).length > 1;
return (
<div className='node-management-panel'>
<controls.Input
type='select'
name='grouping'
label={i18n(ns + 'group_by')}
children={_.map(this.props.cluster.groupings(), function(label, grouping) {
return <option key={grouping} value={grouping}>{label}</option>;
})}
defaultValue={this.props.grouping}
disabled={!this.props.totalNodeAmount || this.props.mode == 'add'}
onChange={this.props.changeGrouping}
/>
<div className='node-filter'>
<controls.Input
type='text'
name='filter'
ref='filter'
defaultValue={this.props.filter}
label={i18n(ns + 'filter_by')}
placeholder={i18n(ns + 'filter_placeholder')}
disabled={!this.props.totalNodeAmount}
onChange={this.startFiltering}
/>
{this.state.isFilterButtonVisible &&
<button className='close btn-clear-filter' onClick={this.clearFilter}>&times;</button>
}
</div>
<div className='buttons'>
{this.props.mode != 'list' ? [
<button
key='cancel'
className='btn'
disabled={this.state.actionInProgress}
onClick={_.bind(this.changeScreen, this, '', false)}
>
{i18n('common.cancel_button')}
</button>,
<button
key='apply'
className='btn btn-success btn-apply'
disabled={this.state.actionInProgress || !this.props.hasChanges}
onClick={this.applyChanges}
>
{i18n('common.apply_changes_button')}
</button>
] : [
<button
key='disks'
className={utils.classNames({'btn btn-configure-disks': true, conflict: disksConflict})}
disabled={this.props.locked || !this.props.nodes.length}
onClick={_.bind(this.goToConfigurationScreen, this, 'disks', disksConflict)}
>
{disksConflict && <i className='icon-attention text-error' />}
<span>{i18n('dialog.show_node.disk_configuration_button')}</span>
</button>,
!this.props.nodes.any(function(node) {return node.get('status') == 'error';}) &&
<button
key='interfaces'
className={utils.classNames({'btn btn-configure-interfaces': true, conflict: interfaceConflict})}
disabled={this.props.locked || !this.props.nodes.length}
onClick={_.bind(this.goToConfigurationScreen, this, 'interfaces', interfaceConflict)}
>
{interfaceConflict && <i className='icon-attention text-error' />}
<span>{i18n('dialog.show_node.network_configuration_button')}</span>
</button>,
!!this.props.nodes.length && this.props.nodes.any(function(node) {return !node.get('pending_deletion');}) &&
<button
key='delete'
className='btn btn-danger btn-delete-nodes'
onClick={this.showDeleteNodesDialog}
>
<i className='icon-trash' />
<span>{i18n('common.delete_button')}</span>
</button>,
!!this.props.nodes.length && !this.props.nodes.any(function(node) {return !node.get('pending_addition');}) &&
<button
key='roles'
className='btn btn-success btn-edit-roles'
onClick={_.bind(this.changeScreen, this, 'edit', true)}
>
<i className='icon-edit' />
<span>{i18n(ns + 'edit_roles_button')}</span>
</button>,
!this.props.nodes.length &&
<button
key='add'
className='btn btn-success btn-add-nodes'
onClick={_.bind(this.changeScreen, this, 'add', false)}
disabled={this.props.locked}
>
<i className='icon-plus' />
<span>{i18n(ns + 'add_nodes_button')}</span>
</button>
]}
<div className='row'>
<div className='sticker node-management-panel'>
<div className='col-xs-2'>
<div className='filter-group'>
<controls.Input
type='select'
name='grouping'
label={i18n(ns + 'group_by')}
children={_.map(this.props.cluster.groupings(), function(label, grouping) {
return <option key={grouping} value={grouping}>{label}</option>;
})}
defaultValue={this.props.grouping}
disabled={!this.props.totalNodeAmount || this.props.mode == 'add'}
onChange={this.props.changeGrouping}
inputClassName='form-control'
/>
</div>
</div>
<div className='col-xs-2'>
<div className='filter-group'>
<controls.Input
type='text'
name='filter'
ref='filter'
defaultValue={this.props.filter}
label={i18n(ns + 'filter_by')}
placeholder={i18n(ns + 'filter_placeholder')}
disabled={!this.props.totalNodeAmount}
onChange={this.startFiltering}
inputClassName='form-control'
/>
{this.state.isFilterButtonVisible &&
<button className='close btn-clear-filter' onClick={this.clearFilter}>&times;</button>
}
</div>
</div>
<div className='col-xs-8'>
<div className='control-buttons-box pull-right'>
<div className='label-wrapper'>&nbsp;</div>
{this.props.mode != 'list' ?
<div className='btn-group' role='group'>
<button
className='btn btn-default'
disabled={this.state.actionInProgress}
onClick={_.bind(this.changeScreen, this, '', false)}
>
{i18n('common.cancel_button')}
</button>
<button
className='btn btn-success btn-apply'
disabled={this.state.actionInProgress || !this.props.hasChanges}
onClick={this.applyChanges}
>
{i18n('common.apply_changes_button')}
</button>
</div>
:
[
<div className='btn-group' role='group' key='configuration-buttons'>
<button
className='btn btn-default btn-configure-disks'
disabled={this.props.locked || !this.props.nodes.length}
onClick={_.bind(this.goToConfigurationScreen, this, 'disks', disksConflict)}
>
{disksConflict && <i className='glyphicon glyphicon-warning-sign text-danger' />}
{i18n('dialog.show_node.disk_configuration_button')}
</button>
{!this.props.nodes.any({status: 'error'}) &&
<button
className='btn btn-default btn-configure-interfaces'
disabled={this.props.locked || !this.props.nodes.length}
onClick={_.bind(this.goToConfigurationScreen, this, 'interfaces', interfaceConflict)}
>
{interfaceConflict && <i className='glyphicon glyphicon-warning-sign text-danger' />}
{i18n('dialog.show_node.network_configuration_button')}
</button>
}
</div>,
<div className='btn-group' role='group' key='role-management-buttons'>
{!!this.props.nodes.length && this.props.nodes.any({pending_deletion: false}) &&
<button
className='btn btn-danger btn-delete-nodes'
onClick={this.showDeleteNodesDialog}
>
<i className='glyphicon glyphicon-trash' />
{i18n('common.delete_button')}
</button>
}
{!!this.props.nodes.length && !this.props.nodes.any({pending_addition: false}) &&
<button
className='btn btn-success btn-edit-roles'
onClick={_.bind(this.changeScreen, this, 'edit', true)}
>
<i className='glyphicon glyphicon-edit' />
{i18n(ns + 'edit_roles_button')}
</button>
}
{!this.props.nodes.length &&
<button
className='btn btn-success btn-add-nodes'
onClick={_.bind(this.changeScreen, this, 'add', false)}
disabled={this.props.locked}
>
<i className='glyphicon glyphicon-plus' />
{i18n(ns + 'add_nodes_button')}
</button>
}
</div>
]
}
</div>
</div>
</div>
</div>
);
@ -460,7 +478,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, dialo
},
render: function() {
return (
<div className='role-panel'>
<div className='well role-panel'>
<h4>{i18n('cluster_page.nodes_tab.assign_roles')}</h4>
{this.props.cluster.get('release').get('role_models').map(function(role) {
if (!role.checkRestrictions(this.props.configModels, 'hide').result) {
@ -477,9 +495,6 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, dialo
defaultChecked={_.contains(this.props.selectedRoles, name)}
disabled={!this.props.nodes.length || processedRestrictions.result}
tooltipText={!!this.props.nodes.length && processedRestrictions.message}
wrapperClassName='role-container'
labelClassName='role-label'
descriptionClassName='role-description'
onChange={this.props.selectRoles}
/>
);
@ -510,7 +525,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, dialo
!checked && !_.isNull(this.props.maxNumberOfNodes) && this.props.maxNumberOfNodes < availableNodesIds.length
}
label={i18n('common.select_all')}
wrapperClassName='span2 select-all'
wrapperClassName='select-all pull-right'
onChange={_.bind(this.props.selectNodes, this.props, availableNodesIds)}
/>
);
@ -551,25 +566,18 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, dialo
return roleLimit.valid || !_.contains(this.props.selectedRoles, roleName);
}, this));
return (
<div className='node-list'>
{!!groups.length &&
<div className='row-fluid node-list-header'>
<div className='span10' />
{this.renderSelectAllCheckbox()}
</div>
}
<div className='row-fluid'>
<div className='node-list row'>
{!!groups.length && <div className='col-xs-12 node-list-header'>{this.renderSelectAllCheckbox()}</div>}
<div className='col-xs-12'>
{groups.length ?
<div>
{groups.map(function(group) {
return <NodeGroup {...this.props}
key={group[0]}
label={group[0]}
nodes={group[1]}
rolesWithLimitReached={rolesWithLimitReached}
/>;
}, this)}
</div>
groups.map(function(group) {
return <NodeGroup {...this.props}
key={group[0]}
label={group[0]}
nodes={group[1]}
rolesWithLimitReached={rolesWithLimitReached}
/>;
}, this)
:
<div className='alert alert-warning'>{this.getEmptyListWarning()}</div>
}
@ -587,12 +595,14 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, dialo
return _.any(this.props.rolesWithLimitReached, function(role) {return !node.hasRole(role);}, this);
}, this), 'id');
return (
<div className='node-group'>
<div className='row-fluid node-group-header'>
<div className='span10'>
<div className='nodes-group'>
<div className='row'>
<div className='col-xs-10'>
<h4>{this.props.label} ({this.props.nodes.length})</h4>
</div>
{this.renderSelectAllCheckbox()}
<div className='col-xs-2'>
{this.renderSelectAllCheckbox()}
</div>
</div>
<div>
{this.props.nodes.map(function(node) {
@ -628,7 +638,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, dialo
startNodeRenaming: function(e) {
e.preventDefault();
$('html').on(this.state.eventNamespace, _.bind(function(e) {
if ($(e.target).hasClass('node-name')) {
if ($(e.target).hasClass('node-name-input')) {
e.preventDefault();
} else {
this.endNodeRenaming();
@ -691,7 +701,8 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, dialo
}
return '#cluster/' + this.props.cluster.id + '/logs/' + utils.serializeTabOptions(options);
},
removeNode: function() {
removeNode: function(e) {
e.preventDefault();
dialogs.RemoveNodeConfirmDialog.show({
cb: this.removeNodeConfirmed
});
@ -726,6 +737,9 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, dialo
if (!node.get('online')) return 'offline';
if (node.get('pending_addition')) return 'pending_addition';
if (node.get('pending_deletion')) return 'pending_deletion';
// 'error' status has priority over 'discover'
if (node.get('status') == 'error') return 'error';
if (!node.get('cluster')) return 'discover';
return node.get('status');
},
sortRoles: function(roles) {
@ -734,130 +748,124 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, dialo
return _.indexOf(preferredOrder, a) - _.indexOf(preferredOrder, b);
});
},
renderRoleList: function(attribute) {
var roles = this.props.node.get(attribute);
if (!roles.length) return null;
return (
<ul key={attribute} className={attribute}>
{_.map(this.sortRoles(roles), function(role, index) {
return <li key={index}>{role}</li>;
})}
</ul>
);
},
render: function() {
var ns = 'cluster_page.nodes_tab.node.',
node = this.props.node,
disabled = this.props.locked || !node.isSelectable() || this.state.actionInProgress,
roles = [this.renderRoleList('roles'), this.renderRoleList('pending_roles')];
var status = this.calculateNodeViewStatus(),
deployedRoles = node.get('roles'),
rolesToDisplay = deployedRoles.length ? deployedRoles : node.get('pending_roles'),
nodeProgess = _.max([node.get('progress'), 3]),
status = this.calculateNodeViewStatus();
// compose classes
var nodePanelClasses = {
node: true,
selected: this.props.checked
};
nodePanelClasses[status] = status;
var manufacturer = node.get('manufacturer'),
logoClasses = {
'manufacturer-logo': true
};
logoClasses[manufacturer.toLowerCase()] = manufacturer;
var roleClasses = {'text-success': !deployedRoles.length};
var statusClasses = {
'node-status font-semibold text-center': true
},
statusClass = {
offline: 'msg-offline',
pending_addition: 'msg-ok',
pending_deletion: 'msg-warning',
removing: 'msg-warning',
ready: 'msg-ok',
provisioning: 'provisioning',
provisioned: 'msg-provisioned',
deploying: 'deploying',
error: 'msg-error',
discover: 'msg-discover'
}[status],
iconClass = {
offline: 'icon-block',
pending_addition: 'icon-ok-circle-empty',
pending_deletion: 'icon-cancel-circle',
removing: 'icon-cancel-circle',
ready: 'icon-ok',
provisioned: 'icon-install',
error: 'icon-attention',
discover: 'icon-ok-circle-empty'
pending_addition: 'text-success',
pending_deletion: 'text-warning',
error: 'text-danger',
ready: 'text-info',
provisioning: 'text-info',
deploying: 'text-success',
provisioned: 'text-info'
}[status];
var statusClasses = {'node-status': true};
statusClasses[statusClass] = true;
var logoClasses = {'node-logo': true};
logoClasses['manufacturer-' + node.get('manufacturer').toLowerCase()] = node.get('manufacturer');
var nodeBoxClasses = {'node-box': true, disabled: disabled};
nodeBoxClasses[status] = status;
return (
<div className={utils.classNames({node: true, checked: this.props.checked})}>
<label className={utils.classNames(nodeBoxClasses)}>
<div className={utils.classNames(nodePanelClasses)}>
<label className='node-box'>
<controls.Input
type='checkbox'
name={node.id}
checked={this.props.checked}
disabled={disabled}
onChange={this.props.onNodeSelection}
wrapperClassName='check-box'
/>
<div className='node-content'>
<div className={utils.classNames(logoClasses)} />
<div className='node-name-roles'>
<div className='name enable-selection'>
{this.state.renaming ?
<controls.Input
ref='name'
type='text'
defaultValue={node.get('name')}
inputClassName='node-name'
disabled={this.state.actionInProgress}
onKeyDown={this.onNodeNameInputKeydown}
autoFocus
/>
:
<p title={i18n(ns + 'edit_name')} onClick={!this.state.actionInProgress && this.startNodeRenaming}>
{node.get('name') || node.get('mac')}
</p>
}
</div>
<div className='role-list'>
{_.compact(roles).length ? roles : i18n(ns + 'unallocated')}
</div>
<div className={utils.classNames(logoClasses)} />
<div className='node-name'>
<div className='name'>
{this.state.renaming ?
<controls.Input
ref='name'
type='text'
defaultValue={node.get('name')}
inputClassName='form-control node-name-input'
disabled={this.state.actionInProgress}
onKeyDown={this.onNodeNameInputKeydown}
autoFocus
/>
:
<p title={i18n(ns + 'edit_name')} onClick={!this.state.actionInProgress && this.startNodeRenaming}>
{node.get('name') || node.get('mac')}
</p>
}
</div>
<div className='node-button'>
{!!node.get('cluster') && (
(this.props.locked || !node.hasChanges()) ?
<a className='btn btn-link' title={i18n(ns + 'view_logs')} href={this.getNodeLogsLink()}>
<i className='icon-logs' />
</a>
:
<button
className='btn btn-link'
title={i18n(ns + (node.get('pending_addition') ? 'discard_addition' : 'discard_deletion'))}
onClick={this.discardNodeChanges}
>
<i className='icon-back-in-time' />
</button>
)}
</div>
<div className={utils.classNames(statusClasses)}>
<div className='node-status-container'>
{_.contains(['provisioning', 'deploying'], status) &&
<div className={utils.classNames({progress: true, 'progress-success': status == 'deploying'})}>
<div className='bar' style={{width: _.max([node.get('progress'), 3]) + '%'}} />
</div>
}
<i className={iconClass} />
<span>
{i18n(ns + 'status.' + status, {os: this.props.cluster.get('release').get('operating_system') || 'OS'})}
{status == 'offline' &&
<button onClick={this.removeNode} className='node-remove-button'>{i18n(ns + 'remove')}</button>
}
</span>
</div>
</div>
<div className='node-details' onClick={this.showNodeDetails} />
<div className='node-hardware'>
<span>
{i18n('node_details.cpu')}: {node.resource('cores') || '0'} ({node.resource('ht_cores') || '?'})
</span>
<span>
{i18n('node_details.hdd')}: {node.resource('hdd') ? utils.showDiskSize(node.resource('hdd')) : '?' + i18n('common.size.gb')}
</span>
<span>
{i18n('node_details.ram')}: {node.resource('ram') ? utils.showMemorySize(node.resource('ram')) : '?' + i18n('common.size.gb')}
</span>
<div className='role-list font-semibold'>
{!!rolesToDisplay.length &&
<ul>
{_.map(this.sortRoles(rolesToDisplay), function(role) {
return <li key={node.id + role} className={utils.classNames(roleClasses)}>{role}</li>;
})}
</ul>
}
</div>
</div>
<div className='node-action'>
{!!node.get('cluster') &&
((this.props.locked || !node.hasChanges()) ?
<a className='btn btn-link' title={i18n(ns + 'view_logs')} href={this.getNodeLogsLink()}>
<i className='icon-logs' />
</a>
:
<div
className='icon'
title={i18n(ns + (node.get('pending_addition') ? 'discard_addition' : 'discard_deletion'))}
onClick={this.discardNodeChanges}
/>
)
}
</div>
<div className={utils.classNames(statusClasses)}>
{_.contains(['provisioning', 'deploying'], status) ?
<div className='progress'>
<div
className='progress-bar'
role='progressbar'
style={{width: nodeProgess + '%'}}
>
{nodeProgess + '%'}
</div>
</div>
:
<div>
<span>{i18n(ns + 'status.' + status, {os: this.props.cluster.get('release').get('operating_system') || 'OS'})}</span>
{status == 'offline' &&
<button onClick={this.removeNode} className='node-remove-button'>{i18n(ns + 'remove')}</button>
}
</div>
}
</div>
<div className='node-hardware'>
<span>{i18n('node_details.cpu')}: {node.resource('cores') || '0'} ({node.resource('ht_cores') || '?'})</span>
<span>{i18n('node_details.hdd')}: {node.resource('hdd') ? utils.showDiskSize(node.resource('hdd')) : '?' + i18n('common.size.gb')}</span>
<span>{i18n('node_details.ram')}: {node.resource('ram') ? utils.showMemorySize(node.resource('ram')) : '?' + i18n('common.size.gb')}</span>
</div>
<div className='node-settings' onClick={this.showNodeDetails} />
</label>
</div>
);

43
static/js/views/cluster_page_tabs/settings_tab.jsx
View File

@ -179,11 +179,11 @@ function($, _, i18n, React, utils, models, Expression, componentMixins, controls
locked = this.state.actionInProgress || !!cluster.task({group: 'deployment', status: 'running'}),
lockedCluster = !cluster.isAvailableForSettingsChanges(),
hasChanges = this.hasChanges(),
allocatedRoles = _.uniq(_.flatten(_.union(cluster.get('nodes').pluck('roles'), cluster.get('nodes').pluck('pending_roles')))),
tabClasses = {'openstack-settings wrapper': true, 'changes-locked': locked || lockedCluster};
allocatedRoles = _.uniq(_.flatten(_.union(cluster.get('nodes').pluck('roles'), cluster.get('nodes').pluck('pending_roles'))));
return (
<div key={this.state.key} className={utils.classNames(tabClasses)}>
<h3>{i18n('cluster_page.settings_tab.title')}</h3>
<div key={this.state.key} className='row'>
<div className='title'>{i18n('cluster_page.settings_tab.title')}</div>
{this.state.loading ?
<controls.ProgressBar />
:
@ -204,16 +204,16 @@ function($, _, i18n, React, utils, models, Expression, componentMixins, controls
configModels={this.state.configModels}
/>;
}, this)}
<div className='row'>
<div className='page-control-box'>
<div className='page-control-button-placeholder'>
<button key='loadDefaults' className='btn btn-load-defaults' onClick={this.loadDefaults} disabled={locked || lockedCluster}>
<div className='col-xs-12 page-buttons'>
<div className='well clearfix'>
<div className='btn-group pull-right'>
<button className='btn btn-default btn-load-defaults' onClick={this.loadDefaults} disabled={locked || lockedCluster}>
{i18n('common.load_defaults_button')}
</button>
<button key='cancelChanges' className='btn btn-revert-changes' onClick={this.revertChanges} disabled={locked || !hasChanges}>
<button className='btn btn-default btn-revert-changes' onClick={this.revertChanges} disabled={locked || !hasChanges}>
{i18n('common.cancel_changes_button')}
</button>
<button key='applyChanges' className='btn btn-success btn-apply-changes' onClick={this.applyChanges} disabled={locked || !hasChanges || settings.validationError}>
<button className='btn btn-success btn-apply-changes' onClick={this.applyChanges} disabled={locked || !hasChanges || settings.validationError}>
{i18n('common.save_settings_button')}
</button>
</div>
@ -359,26 +359,26 @@ function($, _, i18n, React, utils, models, Expression, componentMixins, controls
processedGroupRestrictions = this.processRestrictions(this.props.groupName, 'metadata'),
isGroupDisabled = this.props.locked || (this.props.lockedCluster && !metadata.always_editable) || (metadata.toggleable && processedGroupRestrictions.result);
return (
<div className='fieldset-group wrapper'>
<legend className='openstack-settings'>
{metadata.toggleable ?
<div className='col-xs-12 forms-box'>
<h3>
{metadata.toggleable &&
<controls.Input
type='checkbox'
name='metadata'
defaultChecked={metadata.enabled}
label={metadata.label || this.props.groupName}
disabled={isGroupDisabled}
tooltipText={processedGroupRestrictions.message}
onChange={this.props.onChange}
wrapperClassName='pull-left'
/>
:
metadata.label || this.props.groupName
}
</legend>
<div className='settings-group table-wrapper'>
{metadata.label || this.props.groupName}
</h3>
<div>
{_.map(sortedSettings, function(settingName) {
var setting = group[settingName],
path = this.props.makePath(this.props.groupName, settingName);
var setting = group[settingName];
if (setting.type == 'hidden') return null;
var path = this.props.makePath(this.props.groupName, settingName);
if (!this.checkRestrictions('hide', path).result) {
var error = (this.props.settings.validationError || {})[path],
@ -432,7 +432,6 @@ function($, _, i18n, React, utils, models, Expression, componentMixins, controls
toggleable={setting.type == 'password'}
error={error}
disabled={isSettingDisabled}
wrapperClassName='tablerow-wrapper'
tooltipText={processedSettingRestrictions.message}
onChange={this.props.onChange}
/>;

92
static/js/views/clusters_page.jsx
View File

@ -38,10 +38,9 @@ function($, _, i18n, React, models, utils, dispatcher, componentMixins, wizard)
var clusters = new models.Clusters();
var nodes = new models.Nodes();
var tasks = new models.Tasks();
return $.when(clusters.fetch(), nodes.deferred = nodes.fetch(), tasks.fetch()).done(_.bind(function() {
return $.when(clusters.fetch(), nodes.fetch(), tasks.fetch()).done(_.bind(function() {
clusters.each(function(cluster) {
cluster.set('nodes', new models.Nodes(nodes.where({cluster: cluster.id})));
cluster.get('nodes').deferred = nodes.deferred;
cluster.set('tasks', new models.Tasks(tasks.where({cluster: cluster.id})));
}, this);
}, this)).then(function() {
@ -51,8 +50,10 @@ function($, _, i18n, React, models, utils, dispatcher, componentMixins, wizard)
},
render: function() {
return (
<div>
<h3 className="page-title">{i18n('clusters_page.title')}</h3>
<div className='clusters-page'>
<div className='page-title'>
<h1 className='title'>{i18n('clusters_page.title')}</h1>
</div>
<ClusterList clusters={this.props.clusters} />
</div>
);
@ -66,15 +67,14 @@ function($, _, i18n, React, models, utils, dispatcher, componentMixins, wizard)
},
render: function() {
return (
<div className="cluster-list">
<div className="roles-block-row">
{this.props.clusters.map(function(cluster) {
return <Cluster key={cluster.id} cluster={cluster} />;
}, this)}
<div key="add" className="span3 clusterbox create-cluster" onClick={this.createCluster}>
<div className="add-icon"><i className="icon-create"></i></div>
<div className="create-cluster-text">{i18n('clusters_page.create_cluster_text')}</div>
</div>
<div className='row'>
{this.props.clusters.map(function(cluster) {
return <Cluster key={cluster.id} cluster={cluster} />;
}, this)}
<div key='create-cluster' className='col-xs-3'>
<button className='btn-link create-cluster' onClick={this.createCluster}>
<span>{i18n('clusters_page.create_cluster_text')}</span>
</button>
</div>
</div>
);
@ -126,40 +126,48 @@ function($, _, i18n, React, models, utils, dispatcher, componentMixins, wizard)
},
render: function() {
var cluster = this.props.cluster;
var status = cluster.get('status');
var nodes = cluster.get('nodes');
var deletionTask = cluster.task('cluster_deletion', ['running', 'ready']);
var deploymentTask = cluster.task({group: 'deployment', status: 'running'});
return (
<a className={'span3 clusterbox ' + (deletionTask ? 'disabled-cluster' : '')} href={!deletionTask ? '#cluster/' + cluster.id + '/nodes' : 'javascript:void 0'}>
<div className="cluster-name">{cluster.get('name')}</div>
<div className="cluster-hardware">
{(!nodes.deferred || nodes.deferred.state() == 'resolved') &&
<div className="row-fluid">
<div key="nodes-title" className="span6">{i18n('clusters_page.cluster_hardware_nodes')}</div>
<div key="nodes-value" className="span4">{nodes.length}</div>
{!!nodes.length && [
<div key="cpu-title" className="span6">{i18n('clusters_page.cluster_hardware_cpu')}</div>,
<div key="cpu-value" className="span4">{nodes.resources('cores')} ({nodes.resources('ht_cores')})</div>,
<div key="hdd-title" className="span6">{i18n('clusters_page.cluster_hardware_hdd')}</div>,
<div key="hdd-value" className="span4">{nodes.resources('hdd') ? utils.showDiskSize(nodes.resources('hdd')) : '?GB'}</div>,
<div key="ram-title" className="span6">{i18n('clusters_page.cluster_hardware_ram')}</div>,
<div key="ram-value" className="span4">{nodes.resources('ram') ? utils.showMemorySize(nodes.resources('ram')) : '?GB'}</div>
]}
</div>
}
</div>
<div className="cluster-status">
{deploymentTask ?
<div className={'cluster-status-progress ' + deploymentTask.get('name')}>
<div className={'progress progress-' + (_.contains(['stop_deployment', 'reset_environment'], deploymentTask.get('name')) ? 'warning' : 'success') + ' progress-striped active'}>
<div className="bar" style={{width: (deploymentTask.get('progress') > 3 ? deploymentTask.get('progress') : 3) + '%'}}></div>
<div className='col-xs-3'>
<a className={utils.classNames({clusterbox: true, 'cluster-disabled': !!deletionTask})} href={!deletionTask ? '#cluster/' + cluster.id + '/nodes' : 'javascript:void 0'}>
<div className='name'>{cluster.get('name')}</div>
<div className='tech-info'>
<div key='nodes-title' className='item'>{i18n('clusters_page.cluster_hardware_nodes')}</div>
<div key='nodes-value' className='value'>{nodes.length}</div>
{!!nodes.length && [
<div key='cpu-title' className='item'>{i18n('clusters_page.cluster_hardware_cpu')}</div>,
<div key='cpu-value' className='value'>{nodes.resources('cores')} ({nodes.resources('ht_cores')})</div>,
<div key='hdd-title' className='item'>{i18n('clusters_page.cluster_hardware_hdd')}</div>,
<div key='hdd-value' className='value'>{nodes.resources('hdd') ? utils.showDiskSize(nodes.resources('hdd')) : '?GB'}</div>,
<div key='ram-title' className='item'>{i18n('clusters_page.cluster_hardware_ram')}</div>,
<div key='ram-value' className='value'>{nodes.resources('ram') ? utils.showMemorySize(nodes.resources('ram')) : '?GB'}</div>
]}
</div>
<div className='status text-info'>
{deploymentTask ?
<div className='progress'>
<div
className={utils.classNames({
'progress-bar': true,
'progress-bar-warning': _.contains(['stop_deployment', 'reset_environment'], deploymentTask.get('name'))
})}
style={{width: (deploymentTask.get('progress') > 3 ? deploymentTask.get('progress') : 3) + '%'}}
></div>
</div>
</div>
:
i18n('cluster.status.' + cluster.get('status'), {defaultValue: cluster.get('status')})
}
</div>
</a>
:
<span className={utils.classNames({
'text-danger': status == 'error' || status == 'update_error',
'text-success': status == 'operational'
})}>
{i18n('cluster.status.' + status, {defaultValue: status})}
</span>
}
</div>
</a>
</div>
);
}
});

152
static/js/views/controls.jsx
View File

@ -20,7 +20,7 @@
* Based on https://github.com/react-bootstrap/react-bootstrap/blob/master/src/Input.jsx
**/
define(['jquery', 'underscore', 'react', 'utils'], function($, _, React, utils) {
define(['jquery', 'underscore', 'react', 'utils', 'jsx!component_mixins'], function($, _, React, utils, componentMixins) {
'use strict';
var controls = {};
@ -37,7 +37,14 @@ define(['jquery', 'underscore', 'react', 'utils'], function($, _, React, utils)
},
renderTooltipIcon: function() {
return this.props.tooltipText ? (
<i key='tooltip' ref='tooltip' className='icon-attention text-warning' data-toggle='tooltip' title={this.props.tooltipText} />
<i
key='tooltip'
ref='tooltip'
className='glyphicon glyphicon-warning-sign tooltip-icon'
data-toggle='tooltip'
data-placement='right'
title={this.props.tooltipText}
/>
) : null;
}
};
@ -51,13 +58,9 @@ define(['jquery', 'underscore', 'react', 'utils'], function($, _, React, utils)
description: React.PropTypes.node,
disabled: React.PropTypes.bool,
inputClassName: React.PropTypes.node,
labelClassName: React.PropTypes.node,
labelWrapperClassName: React.PropTypes.node,
descriptionClassName: React.PropTypes.node,
wrapperClassName: React.PropTypes.node,
tooltipText: React.PropTypes.node,
toggleable: React.PropTypes.bool,
labelBeforeControl: React.PropTypes.bool,
onChange: React.PropTypes.func,
extraContent: React.PropTypes.node
},
@ -83,10 +86,7 @@ define(['jquery', 'underscore', 'react', 'utils'], function($, _, React, utils)
}
},
renderInput: function() {
var classes = {
'parameter-input': true,
'input-append': this.props.toggleable
};
var classes = {'form-control': true};
classes[this.props.inputClassName] = this.props.inputClassName;
var props = {
ref: 'input',
@ -99,72 +99,51 @@ define(['jquery', 'underscore', 'react', 'utils'], function($, _, React, utils)
Tag = _.contains(['select', 'textarea'], this.props.type) ? this.props.type : 'input',
input = <Tag {...this.props} {...props}>{this.props.children}</Tag>,
isCheckboxOrRadio = this.isCheckboxOrRadio(),
inputWrapperClasses = {'input-wrapper': this.props.type != 'hidden', 'custom-tumbler': isCheckboxOrRadio};
inputWrapperClasses = {
'input-group': this.props.toggleable,
'custom-tumbler': isCheckboxOrRadio,
textarea: this.props.type == 'textarea'
};
return (
<div key='input-wrapper' className={utils.classNames(inputWrapperClasses)}>
<div key='input-group' className={utils.classNames(inputWrapperClasses)}>
{input}
{this.props.toggleable &&
<div className='input-group-addon' onClick={this.togglePassword}>
<i className={this.state.visible ? 'glyphicon glyphicon-eye-close' : 'glyphicon glyphicon-eye-open'} />
</div>
}
{isCheckboxOrRadio && <span>&nbsp;</span>}
{this.props.extraContent}
</div>
);
},
renderToggleablePasswordAddon: function() {
return this.props.toggleable ? (
<span key='add-on' className='add-on' onClick={this.togglePassword}>
<i className={this.state.visible ? 'icon-eye-off' : 'icon-eye'} />
</span>
) : null;
},
renderLabel: function(children) {
var labelClasses = {
'parameter-name': true,
'input-append': this.props.toggleable
},
labelWrapperClasses = {
'label-wrapper': true
};
labelClasses[this.props.labelClassName] = this.props.labelClassName;
labelWrapperClasses[this.props.labelWrapperClassName] = this.props.labelWrapperClassName;
var labelElement = (
<div className={utils.classNames(labelWrapperClasses)}>
<span>{this.props.label}</span>
{this.renderTooltipIcon()}
</div>
),
labelBefore = (!this.isCheckboxOrRadio() || this.props.labelBeforeControl) ? labelElement : null,
labelAfter = (this.isCheckboxOrRadio() && !this.props.labelBeforeControl) ? labelElement : null;
return this.props.label ? (
<label key='label' className={utils.classNames(labelClasses)} htmlFor={this.props.id}>
{labelBefore}
return (
<label key='label' htmlFor={this.props.id}>
{children}
{labelAfter}
{this.props.label}
{this.renderTooltipIcon()}
</label>
)
: children;
);
},
renderDescription: function() {
var error = !_.isUndefined(this.props.error) && !_.isNull(this.props.error),
classes = {'parameter-description': true};
classes[this.props.descriptionClassName] = this.props.descriptionClassName;
return error || this.props.description ? (
<div key='description' className={utils.classNames(classes)}>
{error ?
return (
<span key='description' className='help-block'>
{!_.isUndefined(this.props.error) && !_.isNull(this.props.error) ?
this.props.error :
this.props.description.split('\n').map(function(line, index) {
this.props.description && this.props.description.split('\n').map(function(line, index) {
return <p key={index}>{line}</p>;
}
)
}
</div>
) : null;
</span>
);
},
renderWrapper: function(children) {
var isCheckboxOrRadio = this.isCheckboxOrRadio(),
classes = {
'parameter-box': true,
'checkbox-or-radio': isCheckboxOrRadio,
clearfix: !isCheckboxOrRadio,
'form-group': !isCheckboxOrRadio,
'checkbox-group': isCheckboxOrRadio,
'has-error': !_.isUndefined(this.props.error) && !_.isNull(this.props.error),
disabled: this.props.disabled
};
@ -172,13 +151,16 @@ define(['jquery', 'underscore', 'react', 'utils'], function($, _, React, utils)
return (<div className={utils.classNames(classes)}>{children}</div>);
},
render: function() {
return this.renderWrapper([
this.renderLabel([
return this.renderWrapper(this.isCheckboxOrRadio() ?
[
this.renderLabel(this.renderInput()),
this.renderDescription()
] : [
this.renderLabel(),
this.renderInput(),
this.renderToggleablePasswordAddon()
]),
this.renderDescription()
]);
this.renderDescription()
]
);
}
});
@ -188,32 +170,24 @@ define(['jquery', 'underscore', 'react', 'utils'], function($, _, React, utils)
name: React.PropTypes.string,
values: React.PropTypes.arrayOf(React.PropTypes.object).isRequired,
label: React.PropTypes.node,
labelClassName: React.PropTypes.node,
tooltipText: React.PropTypes.node
},
render: function() {
var labelClasses = {'parameter-name': true};
labelClasses[this.props.labelClassName] = this.props.labelClassName;
return (
<div className='radio-group'>
{this.props.label &&
<label className={utils.classNames(labelClasses)}>
<h4>
{this.props.label}
{this.renderTooltipIcon()}
<hr />
</label>
</h4>
}
{_.map(this.props.values, function(value) {
return <controls.Input {...this.props}
key={value.data}
return <controls.Input
{...this.props}
{...value}
type='radio'
key={value.data}
value={value.data}
defaultChecked={value.defaultChecked}
checked={value.checked}
label={value.label}
description={value.description}
disabled={value.disabled}
tooltipText={value.tooltipText}
/>;
}, this)}
</div>
@ -224,10 +198,8 @@ define(['jquery', 'underscore', 'react', 'utils'], function($, _, React, utils)
controls.ProgressBar = React.createClass({
render: function() {
return (
<div className='progress-bar'>
<div className='progress progress-striped progress-success active'>
<div className='bar'/>
</div>
<div className='progress'>
<div className='progress-bar progress-bar-striped active' style={{width: '100%'}}></div>
</div>
);
}
@ -267,5 +239,27 @@ define(['jquery', 'underscore', 'react', 'utils'], function($, _, React, utils)
}
});
controls.Popover = React.createClass({
mixins: [componentMixins.outerClickMixin],
propTypes: {
className: React.PropTypes.node,
placement: React.PropTypes.node
},
getDefaultProps: function() {
return {placement: 'bottom'};
},
render: function() {
var classes = {'popover in': true};
classes[this.props.placement] = true;
classes[this.props.className] = true;
return (
<div className={utils.classNames(classes)}>
<div className='arrow' />
<div className='popover-content'>{this.props.children}</div>
</div>
);
}
});
return controls;
});

15
static/js/views/custom_controls.jsx
View File

@ -121,11 +121,11 @@ define([
renderDeleteButton: function(index) {
return (
<button
className='btn btn-link btn-delete-input'
className='btn btn-link'
onClick={this.changeRepos.bind(this, 'delete', index)}
disabled={this.props.disabled}
>
<i className='icon-minus-circle' />
<i className='glyphicon glyphicon-minus-sign' />
</button>
);
},
@ -133,9 +133,9 @@ define([
var ns = 'cluster_page.settings_tab.custom_repo_configuration.',
os = this.props.cluster.get('release').get('operating_system');
return (
<div className='table-wrapper repos' key={this.state.key}>
<div className='repos' key={this.state.key}>
{this.props.description &&
<div className='custom-description parameter-description' dangerouslySetInnerHTML={{__html: utils.urlify(utils.linebreaks(_.escape(this.props.description)))}} />
<span className='help-block' dangerouslySetInnerHTML={{__html: utils.urlify(utils.linebreaks(_.escape(this.props.description)))}} />
}
{this.props.value.map(function(repo, index) {
var error = (this.props.error || {})[index],
@ -145,7 +145,7 @@ define([
disabled: this.props.disabled
};
return (
<div className='tablerow-wrapper repo-group' key={'repo-' + index}>
<div className='form-inline' key={'repo-' + index}>
<controls.Input
{...props}
defaultValue={repo.name}
@ -160,6 +160,7 @@ define([
error={error && (error.uri ? error.name ? '' : error.uri : null)}
onChange={this.changeRepos.bind(this, null)}
label={index == 0 && i18n(ns + 'labels.uri')}
wrapperClassName='repo-uri'
/>
<controls.Input
{...props}
@ -174,8 +175,8 @@ define([
</div>
);
}, this)}
<div className='buttons' key='buttons'>
<button key='addExtraRepo' className='btn' onClick={this.changeRepos.bind(this, 'add')} disabled={this.props.disabled}>
<div className='buttons'>
<button key='addExtraRepo' className='btn btn-default' onClick={this.changeRepos.bind(this, 'add')} disabled={this.props.disabled}>
{i18n(ns + 'add_repo_button')}
</button>
</div>

310
static/js/views/dialogs.jsx
View File

@ -36,7 +36,11 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
title: React.PropTypes.node,
message: React.PropTypes.node,
modalClass: React.PropTypes.node,
error: React.PropTypes.bool
error: React.PropTypes.bool,
backdrop: React.PropTypes.oneOfType([
React.PropTypes.string,
React.PropTypes.bool
])
},
statics: {
show: function(options) {
@ -48,14 +52,16 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
},
componentDidMount: function() {
Backbone.history.on('route', this.close, this);
var $el = $(this.getDOMNode());
$el.on('hidden', this.handleHidden);
$el.on('shown', function() {$el.find('[autofocus]:first').focus();});
$el.modal({background: true, keyboard: true});
var $el = $(this.getDOMNode()),
options = {background: true, keyboard: true};
$el.on('hidden.bs.modal', this.handleHidden);
$el.on('shown.bs.modal', function() {$el.find('[autofocus]:first').focus();});
if (this.props.backdrop) _.extend(options, {backdrop: this.props.backdrop});
$el.modal(options);
},
componentWillUnmount: function() {
Backbone.history.off(null, null, this);
$(this.getDOMNode()).off('shown hidden');
$(this.getDOMNode()).off('shown.bs.modal hidden.bs.modal');
},
handleHidden: function() {
React.unmountComponentAtNode(this.getDOMNode().parentNode);
@ -73,26 +79,34 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
this.setProps(props);
},
renderImportantLabel: function() {
return <span className='label label-important'>{i18n('common.important')}</span>;
return <span className='label label-danger'>{i18n('common.important')}</span>;
},
render: function() {
var classes = {'modal fade': true};
classes[this.props.modalClass] = this.props.modalClass;
return (
<div className={utils.classNames(classes)} tabIndex="-1" onClick={this.closeOnLinkClick}>
<div className='modal-header'>
<button type='button' className='close' onClick={this.close}>&times;</button>
<h3>{this.props.title || this.state.title || (this.props.error ? i18n('dialog.error_dialog.title') : '')}</h3>
</div>
<div className='modal-body'>
{this.props.error ?
<div className='text-error'>
{this.props.message || i18n('dialog.error_dialog.warning')}
<div className='modal-dialog'>
<div className='modal-content'>
<div className='modal-header'>
<button type='button' className='close' aria-label='Close' onClick={this.close}><span aria-hidden='true'>&times;</span></button>
<h4 className='modal-title'>{this.props.title || this.state.title || (this.props.error ? i18n('dialog.error_dialog.title') : '')}</h4>
</div>
: this.renderBody()}
</div>
<div className='modal-footer'>
{this.renderFooter && !this.props.error ? this.renderFooter() : <button className='btn' onClick={this.close}>{i18n('common.close_button')}</button>}
<div className='modal-body'>
{this.props.error ?
<div className='text-error'>
{this.props.message || i18n('dialog.error_dialog.warning')}
</div>
: this.renderBody()}
</div>
<div className='modal-footer'>
{this.renderFooter && !this.props.error ?
this.renderFooter()
:
<button className='btn btn-default' onClick={this.close}>{i18n('common.close_button')}</button>
}
</div>
</div>
</div>
</div>
);
@ -149,15 +163,13 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
.fail(this.showError);
},
renderChangedNodeAmount: function(nodes, dictKey) {
return nodes.length ? <div key={dictKey} className='deploy-task-name'>
{i18n('dialog.display_changes.' + dictKey, {count: nodes.length})}
</div> : null;
return nodes.length ? <div>{i18n('dialog.display_changes.' + dictKey, {count: nodes.length})}</div> : null;
},
renderBody: function() {
var nodes = this.props.cluster.get('nodes');
return (
<div>
<div className='msg-error'>
<div className='text-danger'>
{this.renderImportantLabel()}
{i18n('dialog.discard_changes.alert_text')}
</div>
@ -172,7 +184,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
},
renderFooter: function() {
return ([
<button key='cancel' className='btn' disabled={this.state.actionInProgress} onClick={this.close}>{i18n('common.cancel_button')}</button>,
<button key='cancel' className='btn btn-default' onClick={this.close} disabled={this.state.actionInProgress}>{i18n('common.cancel_button')}</button>,
<button key='discard' className='btn btn-danger' disabled={this.state.actionInProgress} onClick={this.discardNodeChanges}>{i18n('dialog.discard_changes.discard_button')}</button>
]);
}
@ -224,9 +236,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
.fail(this.showError);
},
renderChangedNodesAmount: function(nodes, dictKey) {
return !!nodes.length && <div key={dictKey} className='deploy-task-name'>
{i18n(this.ns + dictKey, {count: nodes.length})}
</div>;
return !!nodes.length && <div>{i18n(this.ns + dictKey, {count: nodes.length})}</div>;
},
renderBody: function() {
var cluster = this.props.cluster,
@ -235,24 +245,24 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
<div className='display-changes-dialog'>
{(this.state.isInvalid || cluster.needsRedeployment()) ?
<div>
<div className='deploy-task-notice text-error'>
<i className='icon-attention' />
<div className='text-danger'>
<i className='glyphicon glyphicon-warning-sign' />
<span>{i18n(this.ns + (this.state.isInvalid ? 'warnings.no_deployment' : 'redeployment_needed'))}</span>
</div>
<hr className='slim' />
<hr />
</div>
: _.contains(['new', 'stopped'], cluster.get('status')) &&
<div>
<div className='deploy-task-notice text-warning'>
<i className='icon-attention' />
<div className='text-warning'>
<i className='glyphicon glyphicon-warning-sign' />
<span>{i18n(this.ns + 'locked_settings_alert')}</span>
</div>
<hr className='slim' />
<div className='deploy-task-notice text-warning'>
<i className='icon-attention' />
<hr />
<div className='text-warning'>
<i className='glyphicon glyphicon-warning-sign' />
<span dangerouslySetInnerHTML={{__html: utils.linebreaks(_.escape(i18n(this.ns + 'warnings.connectivity_alert')))}} />
</div>
<hr className='slim' />
<hr />
</div>
}
{this.renderChangedNodesAmount(nodes.where({pending_addition: true}), 'added_node')}
@ -367,7 +377,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
},
blockers = this.state.alerts.blocker.length;
return (
<div>
<div className='validation-result'>
{
['danger', 'warning'].map(function(severity) {
if (_.isEmpty(result[severity])) return null;
@ -375,7 +385,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
<ul key={severity} className={'alert alert-' + severity}>
{result[severity].map(function(line, index) {
return (<li key={severity + index}>
{severity == 'danger' && index < blockers && <i className='icon-minus-circle' />}
{severity == 'danger' && index < blockers && <i className='glyphicon glyphicon-exclamation-sign' />}
{line}
</li>);
})}
@ -393,7 +403,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
'btn-success': !(this.state.isInvalid || this.state.hasErrors)
};
return ([
<button key='cancel' className='btn' disabled={this.state.actionInProgress} onClick={this.close}>{i18n('common.cancel_button')}</button>,
<button key='cancel' className='btn btn-default' onClick={this.close} disabled={this.state.actionInProgress}>{i18n('common.cancel_button')}</button>,
<button key='deploy'
className={utils.classNames(classes)}
disabled={this.state.actionInProgress || this.state.isInvalid}
@ -420,7 +430,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
},
renderBody: function() {
return (
<div className='msg-error'>
<div className='text-danger'>
{this.renderImportantLabel()}
{i18n('dialog.stop_deployment.' + (this.props.cluster.get('nodes').where({status: 'provisioning'}).length ? 'provisioning_warning' : 'text'))}
</div>
@ -428,7 +438,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
},
renderFooter: function() {
return ([
<button key='cancel' className='btn' disabled={this.state.actionInProgress} onClick={this.close}>{i18n('common.cancel_button')}</button>,
<button key='cancel' className='btn btn-default' onClick={this.close} disabled={this.state.actionInProgress}>{i18n('common.cancel_button')}</button>,
<button key='deploy' className='btn stop-deployment-btn btn-danger' disabled={this.state.actionInProgress} onClick={this.stopDeployment}>{i18n('common.stop_button')}</button>
]);
}
@ -466,8 +476,10 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
var clusterName = this.props.cluster.get('name');
return (
<div>
{this.renderImportantLabel()}
{this.getText()}
<div className='text-danger'>
{this.renderImportantLabel()}
{this.getText()}
</div>
{this.state.confirmation &&
<div className='confirm-deletion-form'>
{i18n('dialog.remove_cluster.enter_environment_name', {name: clusterName})}
@ -487,7 +499,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
},
renderFooter: function() {
return ([
<button key='cancel' className='btn' disabled={this.state.actionInProgress} onClick={this.close}>{i18n('common.cancel_button')}</button>,
<button key='cancel' className='btn btn-default' onClick={this.close} disabled={this.state.actionInProgress}>{i18n('common.cancel_button')}</button>,
<button
key='remove'
className='btn btn-danger remove-cluster-btn'
@ -525,8 +537,10 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
var clusterName = this.props.cluster.get('name');
return (
<div>
{this.renderImportantLabel()}
{i18n('dialog.reset_environment.text')}
<div className='text-danger'>
{this.renderImportantLabel()}
{i18n('dialog.reset_environment.text')}
</div>
{this.state.confirmation &&
<div className='confirm-reset-form'>
{i18n('dialog.reset_environment.enter_environment_name', {name: clusterName})}
@ -550,7 +564,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
},
renderFooter: function() {
return ([
<button key='cancel' className='btn' disabled={this.state.actionInProgress} onClick={this.close}>{i18n('common.cancel_button')}</button>,
<button key='cancel' className='btn btn-default' disabled={this.state.actionInProgress} onClick={this.close}>{i18n('common.cancel_button')}</button>,
<button
key='reset'
className='btn btn-danger reset-environment-btn'
@ -583,7 +597,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
return (
<div>
{action == 'update' && this.props.isDowngrade ?
<div className='msg-error'>
<div className='text-danger'>
{this.renderImportantLabel()}
{i18n('dialog.' + action + '_environment.downgrade_warning')}
</div>
@ -601,7 +615,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
'btn-danger': action != 'update'
});
return ([
<button key='cancel' className='btn' onClick={this.close}>{i18n('common.cancel_button')}</button>,
<button key='cancel' className='btn btn-default' onClick={this.close}>{i18n('common.cancel_button')}</button>,
<button key='reset' className={classes} onClick={this.updateEnvironment} disabled={this.state.actionInProgress}>{i18n('common.' + action + '_button')}</button>
]);
}
@ -682,10 +696,10 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
if (name && name != this.state.title) this.setState({title: name});
},
assignAccordionEvents: function() {
$('.accordion-body', this.getDOMNode())
.on('show', function(e) {$(e.currentTarget).siblings('.accordion-heading').find('i').removeClass('icon-expand').addClass('icon-collapse');})
.on('hide', function(e) {$(e.currentTarget).siblings('.accordion-heading').find('i').removeClass('icon-collapse').addClass('icon-expand');})
.on('hidden', function(e) {e.stopPropagation();});
$('.panel-collapse', this.getDOMNode())
.on('show.bs.collapse', function(e) {$(e.currentTarget).siblings('.panel-heading').find('i').removeClass('glyphicon-plus').addClass('glyphicon-minus');})
.on('hide.bs.collapse', function(e) {$(e.currentTarget).siblings('.panel-heading').find('i').removeClass('glyphicon-minus').addClass('glyphicon-plus');})
.on('hidden.bs.collapse', function(e) {e.stopPropagation();});
},
toggle: function(groupIndex) {
$(this.refs['togglable_' + groupIndex].getDOMNode()).collapse('toggle');
@ -701,32 +715,33 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
interfaces: ['name', 'mac', 'state', 'ip', 'netmask', 'current_speed', 'max_speed', 'driver', 'bus_info']
};
return (
<div>
<div className='row-fluid'>
<div className='span5'><div className='node-image-outline'></div></div>
<div className='span7 enable-selection'>
<div className='node-details-popup'>
<div className='row'>
<div className='col-xs-5'><div className='node-image-outline' /></div>
<div className='col-xs-7 enable-selection'>
<div><strong>{i18n('dialog.show_node.manufacturer_label')}: </strong>{node.get('manufacturer') || i18n('common.not_available')}</div>
<div><strong>{i18n('dialog.show_node.mac_address_label')}: </strong>{node.get('mac') || i18n('common.not_available')}</div>
<div><strong>{i18n('dialog.show_node.fqdn_label')}: </strong>{(node.get('meta').system || {}).fqdn || node.get('fqdn') || i18n('common.not_available')}</div>
</div>
</div>
<div className='accordion' id='nodeDetailsAccordion'>
<div className='panel-group' id='accordion' role='tablist' aria-multiselectable='true'>
{_.map(groups, function(group, groupIndex) {
var groupEntries = meta[group],
subEntries = [];
if (group == 'interfaces' || group == 'disks') groupEntries = _.sortBy(groupEntries, 'name');
if (_.isPlainObject(groupEntries)) subEntries = _.find(_.values(groupEntries), _.isArray);
return (
<div className='accordion-group' key={group}>
<div className='accordion-heading' onClick={this.toggle.bind(this, groupIndex)}>
<div className='accordion-toggle' data-group={group}>
<b>{i18n('node_details.' + group, {defaultValue: group})}</b>
<span>{this.showSummary(meta, group)}</span>
<i className='icon-expand pull-right'></i>
<div className='panel panel-default' key={group}>
<div className='panel-heading' role='tab' id={'heading' + group} onClick={this.toggle.bind(this, groupIndex)}>
<div className='panel-title'>
<div data-parent='#accordion' aria-expanded='true' aria-controls={'body' + group}>
<strong>{i18n('node_details.' + group, {defaultValue: group})}</strong> {this.showSummary(meta, group)}
<i className='glyphicon glyphicon-plus pull-right' />
</div>
</div>
</div>
<div className='accordion-body collapse' ref={'togglable_' + groupIndex}>
<div className='accordion-inner enable-selection'>
<div className='panel-collapse collapse' role='tabpanel' aria-labelledby={'heading' + group} ref={'togglable_' + groupIndex}>
<div className='panel-body enable-selection'>
{_.isArray(groupEntries) &&
<div>
{_.map(groupEntries, function(entry, entryIndex) {
@ -777,20 +792,26 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
return (
<div>
{node.get('cluster') &&
<span>
<button className='btn btn-edit-networks' onClick={this.goToConfigurationScreen.bind(this, 'interfaces')}>{i18n('dialog.show_node.network_configuration_button')}</button>
<button className='btn btn-edit-disks' onClick={this.goToConfigurationScreen.bind(this, 'disks')}>{i18n('dialog.show_node.disk_configuration_button')}</button>
</span>
<div className='btn-group' role='group'>
<button className='btn btn-default btn-edit-disks' onClick={this.goToConfigurationScreen.bind(this, 'disks')}>
{i18n('dialog.show_node.disk_configuration_button')}
</button>
<button className='btn btn-default btn-edit-networks' onClick={this.goToConfigurationScreen.bind(this, 'interfaces')}>
{i18n('dialog.show_node.network_configuration_button')}
</button>
</div>
}
<button className='btn' onClick={this.close}>{i18n('common.cancel_button')}</button>
<div className='btn-group' role='group'>
<button className='btn btn-default' onClick={this.close}>{i18n('common.cancel_button')}</button>
</div>
</div>
);
},
renderNodeInfo: function(name, value) {
return (
<div key={name + value}>
<div key={name + value} className='node-details-row'>
<label>{i18n('dialog.show_node.' + name, {defaultValue: this.showPropertyName(name)})}</label>
<span>{value}</span>
{value}
</div>
);
}
@ -806,42 +827,50 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
renderBody: function() {
var message = this.props.verification ? i18n('dialog.dismiss_settings.verify_message') : this.props.defaultMessage;
return (
<div className='msg-error dismiss-settings-dialog'>
<div className='text-danger dismiss-settings-dialog'>
{this.renderImportantLabel()}
{message}
</div>
);
},
renderFooter: function() {
var verification = !!this.props.verification,
buttons = [<button key='stay' className='btn btn-return' onClick={this.close}>{i18n('dialog.dismiss_settings.stay_button')}</button>],
buttonToAdd = <button key='leave' className='btn btn-danger proceed-btn' onClick={this.proceed}>
var buttons = [
<button key='stay' className='btn btn-default btn-stay' onClick={this.close}>
{i18n('dialog.dismiss_settings.stay_button')}
</button>
];
if (!this.props.verification) buttons.push(
<button key='leave' className='btn btn-danger' onClick={this.proceed}>
{i18n('dialog.dismiss_settings.leave_button')}
</button>;
if (!verification) buttons.push(buttonToAdd);
</button>
);
return buttons;
}
});
dialogs.RemoveNodeConfirmDialog = React.createClass({
mixins: [dialogMixin],
getDefaultProps: function() {return {title: i18n('dialog.remove_node.title'), defaultMessage: i18n('dialog.remove_node.default_message')};},
getDefaultProps: function() {
return {
title: i18n('dialog.remove_node.title'),
defaultMessage: i18n('dialog.remove_node.default_message')
};
},
proceed: function() {
this.close();
dispatcher.trigger('networkConfigurationUpdated', this.props.cb);
},
renderBody: function() {
var message = this.props.defaultMessage;
return (
<div className='msg-error'>
<div className='text-danger'>
{this.renderImportantLabel()}
{message}
{this.props.defaultMessage}
</div>
);
},
renderFooter: function() {
return [
<button key='stay' className='btn btn-return' onClick={this.close}>{i18n('common.cancel_button')}</button>,
<button key='stay' className='btn btn-default' onClick={this.close}>{i18n('common.cancel_button')}</button>,
<button key='delete' className='btn btn-danger btn-delete' onClick={this.proceed}>
{i18n('cluster_page.nodes_tab.node.remove')}
</button>
@ -853,11 +882,16 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
mixins: [dialogMixin],
getDefaultProps: function() {return {title: i18n('dialog.delete_nodes.title')};},
renderBody: function() {
return (<div className='deploy-task-notice'>{this.renderImportantLabel()} {i18n('dialog.delete_nodes.message')}</div>);
return (
<div className='text-danger'>
{this.renderImportantLabel()}
{i18n('dialog.delete_nodes.message')}
</div>
);
},
renderFooter: function() {
return [
<button key='cancel' className='btn' onClick={this.close}>{i18n('common.cancel_button')}</button>,
<button key='cancel' className='btn btn-default' onClick={this.close}>{i18n('common.cancel_button')}</button>,
<button key='delete' className='btn btn-danger btn-delete' onClick={this.deleteNodes} disabled={this.state.actionInProgress}>{i18n('common.delete_button')}</button>
];
},
@ -914,9 +948,9 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
fields = ['currentPassword', 'newPassword', 'confirmationPassword'],
translationKeys = ['current_password', 'new_password', 'confirm_new_password'];
return (
<form className='change-password-form'>
<div className='forms-box'>
{_.map(fields, function(name, index) {
return (<controls.Input
return <controls.Input
key={name}
name={name}
ref={name}
@ -929,14 +963,14 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
toggleable={name == 'currentPassword'}
defaultValue={this.state[name]}
error={this.getError(name)}
/>);
/>;
}, this)}
</form>
</div>
);
},
renderFooter: function() {
return [
<button key='cancel' className='btn' onClick={this.close} disabled={this.state.actionInProgress}>
<button key='cancel' className='btn btn-default' onClick={this.close} disabled={this.state.actionInProgress}>
{i18n('common.cancel_button')}
</button>,
<button key='apply' className='btn btn-success' onClick={this.changePassword}
@ -997,7 +1031,8 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
getDefaultProps: function() {
return {
title: i18n('dialog.registration.title'),
modalClass: 'registration'
modalClass: 'registration',
backdrop: 'static'
};
},
componentDidMount: function() {
@ -1085,26 +1120,32 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
sortedFields = _.chain(_.keys(fieldsList))
.without('metadata')
.sortBy(function(inputName) {return fieldsList[inputName].weight;})
.value();
.value(),
halfWidthField = ['first_name', 'last_name', 'company', 'phone', 'country', 'region'];
return (
<div className='registration-form'>
<div className='registration-form tracking'>
{actionInProgress && <controls.ProgressBar />}
{error &&
<div className='error'>
<i className='icon-attention'></i>
<div className='text-danger'>
<i className='glyphicon glyphicon-warning-sign' />
{error}
</div>
}
{!this.state.hideRequiredFieldsNotice && !this.state.connectionError &&
<div className='alert'>
<div className='alert alert-warning'>
{i18n('welcome_page.register.required_fields')}
</div>
}
<form className='form-horizontal'>
<form className='form-inline row'>
{_.map(sortedFields, function(inputName) {
var input = fieldsList[inputName],
path = 'credentials.' + inputName,
inputError = (registrationForm.validationError || {})[path];
inputError = (registrationForm.validationError || {})[path],
classes = {
'col-md-12': !_.contains(halfWidthField, inputName),
'col-md-6': _.contains(halfWidthField, inputName),
'text-center': inputName == 'agree'
};
return <controls.Input
ref={inputName}
key={inputName}
@ -1112,7 +1153,7 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
label={inputName != 'agree' ? input.label : this.getAgreementLink(input.description)}
{... _.pick(input, 'type', 'value')}
children={input.type == 'select' && this.composeOptions(input.values)}
wrapperClassName={inputName}
wrapperClassName={utils.classNames(classes)}
onChange={this.onChange}
error={inputError}
disabled={actionInProgress || (inputName == 'region' && this.checkCountry())}
@ -1125,14 +1166,17 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
);
},
renderFooter: function() {
return [
<button key='cancel' className='btn' onClick={this.close}>
var buttons = [
<button key='cancel' className='btn btn-default' onClick={this.close}>
{i18n('common.cancel_button')}
</button>,
<button key='apply' className='btn btn-success' disabled={this.state.actionInProgress || this.state.loading || this.state.connectionError} onClick={this.validateRegistrationForm}>
{i18n('welcome_page.register.create_account')}
</button>
];
if (!this.state.loading) buttons.push(
<button key='apply' className='btn btn-success' disabled={this.state.actionInProgress || this.state.connectionError} onClick={this.validateRegistrationForm}>
{i18n('welcome_page.register.create_account')}
</button>
);
return buttons;
}
});
@ -1198,23 +1242,21 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
<div>
{actionInProgress && <controls.ProgressBar />}
{error &&
<div className='error'>
<i className='icon-attention'></i>
<div className='text-danger'>
<i className='glyphicon glyphicon-warning-sign' />
{error}
</div>
}
{input &&
<div>
<div>{i18n(ns + 'submit_email')}</div>
<div>
<controls.Input
{... _.pick(input, 'type', 'value', 'label')}
onChange={this.onChange}
error={inputError}
disabled={actionInProgress}
description={input.description}
/>
</div>
<p>{i18n(ns + 'submit_email')}</p>
<controls.Input
{... _.pick(input, 'type', 'value', 'description')}
onChange={this.onChange}
error={inputError}
disabled={actionInProgress}
placeholder={input.label}
/>
</div>
}
</div>
@ -1228,26 +1270,22 @@ function($, _, i18n, Backbone, React, utils, models, dispatcher, controls, compo
);
},
renderFooter: function() {
return (
<div>
{!this.state.passwordSent ?
<div>
<button key='cancel' className='btn' onClick={this.close}>
{i18n('common.cancel_button')}
</button>
<button key='apply' className='btn btn-success' disabled={this.state.actionInProgress || this.state.loading || this.state.connectionError} onClick={this.retrievePassword}>
{i18n('dialog.retrieve_password.send_new_password')}
</button>
</div>
:
<div>
<button key='close' className='btn' onClick={this.close}>
{i18n('common.close_button')}
</button>
</div>
}
</div>
if (this.state.passwordSent) return [
<button key='close' className='btn btn-default' onClick={this.close}>
{i18n('common.close_button')}
</button>
];
var buttons = [
<button key='cancel' className='btn btn-default' onClick={this.close}>
{i18n('common.cancel_button')}
</button>
];
if (!this.state.loading) buttons.push(
<button key='apply' className='btn btn-success' disabled={this.state.actionInProgress || this.state.connectionError} onClick={this.retrievePassword}>
{i18n('dialog.retrieve_password.send_new_password')}
</button>
);
return buttons;
}
});

369
static/js/views/layout.jsx
View File

@ -18,15 +18,15 @@ define(
'jquery',
'underscore',
'i18n',
'i18next',
'backbone',
'react',
'utils',
'models',
'jsx!views/controls',
'jsx!component_mixins',
'jsx!views/dialogs'
],
function($, _, i18n, i18next, Backbone, React, utils, models, componentMixins, dialogs) {
function($, _, i18n, Backbone, React, utils, models, controls, componentMixins, dialogs) {
'use strict';
var components = {};
@ -37,14 +37,19 @@ function($, _, i18n, i18next, Backbone, React, utils, models, componentMixins, d
componentMixins.dispatcherMixin('updateNotifications', 'updateNotifications'),
componentMixins.backboneMixin('user'),
componentMixins.backboneMixin('version'),
componentMixins.backboneMixin('statistics'),
componentMixins.backboneMixin('notifications', 'add remove change:status'),
componentMixins.pollingMixin(20)
],
showChangePasswordDialog: function(e) {
e.preventDefault();
dialogs.ChangePasswordDialog.show();
},
togglePopover: function(visible) {
this.setState({popoverVisible: _.isBoolean(visible) ? visible : !this.state.popoverVisible});
togglePopover: function(popoverName) {
return _.memoize(_.bind(function(visible) {
this.setState(function(previousState) {
var nextState = {};
var key = popoverName + 'PopoverVisible';
nextState[key] = _.isBoolean(visible) ? visible : !previousState[key];
return nextState;
});
}, this));
},
setActive: function(url) {
this.setState({activeElement: url});
@ -72,13 +77,6 @@ function($, _, i18n, i18next, Backbone, React, utils, models, componentMixins, d
}
}, this);
},
handleBodyClick: function(e) {
if (_.all([this.refs.popover, this.refs.notifications], function(component) {
return !$(e.target).closest(component.getDOMNode()).length;
})) {
_.defer(_.partial(this.togglePopover, false));
}
},
getDefaultProps: function() {
return {
notificationsDisplayCount: 5,
@ -90,98 +88,181 @@ function($, _, i18n, i18next, Backbone, React, utils, models, componentMixins, d
};
},
getInitialState: function() {
return {
popoverVisible: false
};
return {};
},
render: function() {
var unreadNotificationsCount = this.props.notifications.where({status: 'unread'}).length;
return (
<div>
<div className='user-info-box'>
{this.props.version.get('auth_required') && this.props.user.get('authenticated') &&
<div>
<i className='icon-user'></i>
<span className='username'>{this.props.user.get('username')}</span>
<a className='change-password' onClick={this.showChangePasswordDialog}>{i18n('common.change_password')}</a>
<a href='#logout'>{i18n('common.logout')}</a>
<div className='navigation-box'>
<div className='navbar-bg'></div>
<div className='row'>
<nav className='navbar navbar-default' role='navigation'>
<div className='container-fluid'>
<div className='navbar-header'>
<a className='navbar-logo' href='#'></a>
</div>
<ul className='nav navbar-nav'>
{_.map(this.props.elements, function(element) {
return (
<li className={utils.classNames({active: this.props.activeElement == element.url.slice(1)})} key={element.label}>
<a href={element.url}>
{i18n('navbar.' + element.label, {defaultValue: element.label})}
</a>
</li>
);
}, this)}
</ul>
<ul className='nav navbar-icons navbar-right'>
<li
key='language-icon'
className='language-icon'
onClick={this.togglePopover('language')}
>
<div className='language-text'>{i18n.getLocaleName(i18n.getCurrentLocale())}</div>
</li>
<li
key='statistics-icon'
className={'statistics-icon ' + (this.props.statistics.get('unallocated') ? '' : 'no-unallocated')}
onClick={this.togglePopover('statistics')}
>
{!!this.props.statistics.get('unallocated') &&
<div className='unallocated'>{this.props.statistics.get('unallocated')}</div>
}
<div className='total'>{this.props.statistics.get('total')}</div>
</li>
{this.props.version.get('auth_required') && this.props.user.get('authenticated') &&
<li
key='user-icon'
className='user-icon'
onClick={this.togglePopover('user')}
></li>
}
<li
key='notifications-icon'
className='notifications-icon'
onClick={this.togglePopover('notifications')}
>
{unreadNotificationsCount ? <span className='badge'>{unreadNotificationsCount}</span> : null}
</li>
{this.state.languagePopoverVisible &&
<LanguagePopover
key='language-popover'
toggle={this.togglePopover('language')}
/>
}
{this.state.statisticsPopoverVisible &&
<StatisticsPopover
key='statistics-popover'
statistics={this.props.statistics}
toggle={this.togglePopover('statistics')}
/>
}
{this.state.userPopoverVisible &&
<UserPopover
key='user-popover'
user={this.props.user}
toggle={this.togglePopover('user')}
/>
}
{this.state.notificationsPopoverVisible &&
<NotificationsPopover
key='notifications-popover'
notifications={this.props.notifications}
displayCount={this.props.notificationsDisplayCount}
toggle={this.togglePopover('notifications')}
/>
}
</ul>
</div>
}
</div>
<div className='navigation-bar'>
<div className='navigation-bar-box'>
<ul className='navigation-bar-ul'>
<li className='product-logo'>
<a href='#'><div className='logo'></div></a>
</li>
{_.map(this.props.elements, function(element) {
return <li key={element.label}>
<a className={utils.classNames({active: this.props.activeElement == element.url.slice(1)})} href={element.url}>{i18n('navbar.' + element.label, {defaultValue: element.label})}</a>
</li>;
}, this)}
<li className='space'></li>
<Notifications ref='notifications'
notifications={this.props.notifications}
togglePopover={this.togglePopover}
/>
<NodeStats statistics={this.props.statistics} />
</ul>
</div>
</div>
<div className='notification-wrapper'>
{this.state.popoverVisible &&
<NotificationsPopover ref='popover'
notifications={this.props.notifications}
displayCount={this.props.notificationsDisplayCount}
togglePopover={this.togglePopover}
handleBodyClick={this.handleBodyClick}
/>
}
</nav>
</div>
</div>
);
}
});
var NodeStats = React.createClass({
mixins: [componentMixins.backboneMixin('statistics')],
var LanguagePopover = React.createClass({
changeLocale: function(locale, e) {
e.preventDefault();
this.props.toggle(false);
i18n.setLocale(locale);
app.rootComponent.forceUpdate();
},
render: function() {
var currentLocale = i18n.getCurrentLocale();
return (
<li className='navigation-bar-icon nodes-summary-container'>
<div className='statistic'>
{_.map(['total', 'unallocated'], function(prop) {
var value = this.props.statistics.get(prop);
return _.isUndefined(value) ? '' : [
<div className='stat-count'>{value}</div>,
<div className='stat-title' dangerouslySetInnerHTML={{__html: utils.linebreaks(_.escape(i18n('navbar.stats.' + prop, {count: value})))}}></div>
];
<controls.Popover {...this.props} className='language-popover'>
<ul className='nav nav-pills nav-stacked'>
{_.map(i18n.getAvailableLocales(), function(locale) {
return (
<li key={locale} className={utils.classNames({active: locale == currentLocale})}>
<a onClick={_.partial(this.changeLocale, locale)}>
{i18n.getLocaleName(locale)}
</a>
</li>
);
}, this)}
</div>
</li>
</ul>
</controls.Popover>
);
}
});
var Notifications = React.createClass({
mixins: [componentMixins.backboneMixin('notifications', 'add remove change:status')],
var StatisticsPopover = React.createClass({
mixins: [componentMixins.backboneMixin('statistics')],
render: function() {
var unreadNotifications = this.props.notifications.where({status: 'unread'});
return (
<li className='navigation-bar-icon notifications' onClick={this.props.togglePopover}>
<i className='icon-comment'></i>
{unreadNotifications.length && <span className='badge badge-warning'>{unreadNotifications.length}</span>}
</li>
<controls.Popover {...this.props} className='statistics-popover'>
<div className='list-group'>
<li className='list-group-item'>
<span className='badge'>{this.props.statistics.get('unallocated')}</span>
{i18n('navbar.stats.unallocated', {count: this.props.statistics.get('unallocated')})}
</li>
<li className='list-group-item text-success font-semibold'>
<span className='badge bg-green'>{this.props.statistics.get('total')}</span>
{i18n('navbar.stats.total', {count: this.props.statistics.get('total')})}
</li>
</div>
</controls.Popover>
);
}
});
var UserPopover = React.createClass({
mixins: [componentMixins.backboneMixin('user')],
showChangePasswordDialog: function() {
this.props.toggle(false);
dialogs.ChangePasswordDialog.show();
},
logout: function() {
this.props.toggle(false);
app.logout();
},
render: function() {
return (
<controls.Popover {...this.props} className='user-popover'>
<div className='username'>{i18n('common.username')}:</div>
<h3 className='name'>{this.props.user.get('username')}</h3>
<div className='clearfix'>
<button className='btn btn-default btn-sm pull-left' onClick={this.showChangePasswordDialog}>
<i className='glyphicon glyphicon-user'></i>
{i18n('common.change_password')}
</button>
<button className='btn btn-info btn-sm pull-right btn-logout' onClick={this.logout}>
<i className='glyphicon glyphicon-off'></i>
{i18n('common.logout')}
</button>
</div>
</controls.Popover>
);
}
});
var NotificationsPopover = React.createClass({
mixins: [componentMixins.backboneMixin('notifications')],
getDefaultProps: function() {
return {
eventNamespace: 'click.click-notifications'
};
},
showNodeInfo: function(id) {
this.props.toggle(false);
var node = new models.Node({id: id});
node.fetch();
dialogs.ShowNodeInfoDialog.show({node: node});
@ -201,42 +282,47 @@ function($, _, i18n, i18next, Backbone, React, utils, models, componentMixins, d
},
componentDidMount: function() {
this.markAsRead();
$('html').on(this.props.eventNamespace, this.props.handleBodyClick);
Backbone.history.on('route', _.partial(this.props.togglePopover, false), this);
},
componentWillUnmount: function() {
$('html').off(this.props.eventNamespace);
Backbone.history.off('route', this.props.togglePopover, this);
},
getInitialState: function() {
return {unreadNotificationsIds: []};
},
renderNotification: function(notification) {
var topic = notification.get('topic'),
nodeId = notification.get('node_id'),
notificationClasses = {
notification: true,
'text-danger': topic == 'error',
'text-warning': topic == 'warning',
clickable: nodeId,
unread: notification.get('status') == 'unread' || _.contains(this.state.unreadNotificationsIds, notification.id)
},
iconClass = {
error: 'glyphicon-exclamation-sign',
warning: 'glyphicon-warning-sign',
discover: 'glyphicon-bell'
}[topic] || 'glyphicon-info-sign';
return (
<div key={notification.id} className={utils.classNames(notificationClasses)}>
<i className={'glyphicon ' + iconClass}></i>
<p
dangerouslySetInnerHTML={{__html: utils.urlify(notification.escape('message'))}}
onClick={nodeId && _.partial(this.showNodeInfo, nodeId)}
/>
</div>
);
},
render: function() {
var showMore = (Backbone.history.getHash() != 'notifications') && this.props.notifications.length;
var showMore = Backbone.history.getHash() != 'notifications';
var notifications = this.props.notifications.first(this.props.displayCount);
return (
<div className='message-list-placeholder'>
<ul className='message-list-popover'>
{this.props.notifications.length ? (
_.map(notifications, function(notification, index, collection) {
var unread = notification.get('status') == 'unread' || _.contains(this.state.unreadNotificationsIds, notification.id);
var nodeId = notification.get('node_id');
return [
<li
key={'notification' + notification.id}
className={utils.classNames({'enable-selection': true, new: unread, clickable: nodeId}) + ' ' + notification.get('topic')}
onClick={nodeId && _.bind(this.showNodeInfo, this, nodeId)}
>
<i className={{error: 'icon-attention', warning: 'icon-attention', discover: 'icon-bell'}[notification.get('topic')] || 'icon-info-circled'}></i>
<span dangerouslySetInnerHTML={{__html: utils.urlify(notification.escape('message'))}}></span>
</li>,
(showMore || index < (collection.length - 1)) && <li key={'divider' + notification.id} className='divider'></li>
];
}, this)
) : <li key='no_notifications'>{i18n('notifications_popover.no_notifications_text')}</li>}
</ul>
{showMore && <div className='show-more-notifications'><a href='#notifications'>{i18n('notifications_popover.view_all_button')}</a></div>}
</div>
<controls.Popover {...this.props} className='notifications-popover'>
{_.map(notifications, this.renderNotification)}
{showMore &&
<div className='show-more'>
<a href='#notifications'>{i18n('notifications_popover.view_all_button')}</a>
</div>
}
</controls.Popover>
);
}
});
@ -246,55 +332,14 @@ function($, _, i18n, i18next, Backbone, React, utils, models, componentMixins, d
render: function() {
var version = this.props.version;
return (
<div id='footer'>
<div className='footer-box'>
{_.contains(version.get('feature_groups'), 'mirantis') &&
<div>
<a href='http://www.mirantis.com' target='_blank' className='footer-logo'></a>
<div className='footer-copyright pull-left'>{i18n('common.copyright')}</div>
</div>
}
{version.get('release') &&
<div className='footer-version pull-right'>Version: {version.get('release')}</div>
}
<div className='footer-lang pull-right'>
<div className='dropdown dropup'>
<button className='dropdown-toggle current-locale btn btn-link' data-toggle='dropdown'>{this.getCurrentLocale().name}</button>
<ul className='dropdown-menu locales'>
{_.map(this.props.locales, function(locale) {
return <li key={locale.name} onClick={_.bind(this.setLocale, this, locale)}>
<a>{locale.name}</a>
</li>;
}, this)}
</ul>
</div>
</div>
</div>
<div className='footer'>
{_.contains(version.get('feature_groups'), 'mirantis') && [
<a key='logo' className="mirantis-logo-white" href='http://www.mirantis.com/' target='_blank'></a>,
<div key='copyright'>{i18n('common.copyright')}</div>
]}
<div key='version'>{i18n('common.version')}: {version.get('release')}</div>
</div>
);
},
setLocale: function(newLocale) {
i18next.setLng(newLocale.locale, {});
window.location.reload();
},
getAvailableLocales: function() {
return _.map(_.keys(i18next.options.resStore).sort(), function(locale) {
return {locale: locale, name: i18n('language', {lng: locale})};
}, this);
},
getCurrentLocale: function() {
return _.find(this.props.locales, {locale: i18next.lng()});
},
setDefaultLocale: function() {
if (!this.getCurrentLocale()) {
i18next.setLng(this.props.locales[0].locale, {});
}
},
getDefaultProps: function() {
return {locales: this.prototype.getAvailableLocales()};
},
componentWillMount: function() {
this.setDefaultLocale();
}
});
@ -313,19 +358,19 @@ function($, _, i18n, i18next, Backbone, React, utils, models, componentMixins, d
this.setState({path: this.getBreadcrumbsPath()});
},
render: function() {
return <div id='breadcrumbs' className='container'>
<ul className='breadcrumb'>
return (
<ol className='breadcrumb'>
{_.map(this.state.path, function(breadcrumb, index) {
if (_.isArray(breadcrumb)) {
if (breadcrumb[2]) {
return <li key={index} className='active'>{breadcrumb[0]}</li>;
}
return <li key={index}><a href={breadcrumb[1]}>{i18n('breadcrumbs.' + breadcrumb[0], {defaultValue: breadcrumb[0]})}</a><span className='divider'>/</span></li>;
return <li key={index}><a href={breadcrumb[1]}><strong>{i18n('breadcrumbs.' + breadcrumb[0], {defaultValue: breadcrumb[0]})}</strong></a></li>;
}
return <li key={index} className='active'>{i18n('breadcrumbs.' + breadcrumb, {defaultValue: breadcrumb})}</li>;
})}
</ul>
</div>;
</ol>
);
}
});

59
static/js/views/login_page.jsx
View File

@ -30,15 +30,15 @@ function($, _, i18n, React) {
},
render: function() {
return (
<div className='login-placeholder'>
<div className='login-box'>
<div className='login-page'>
<div className='login-box col-md-4 col-md-offset-4 col-xs-10 col-xs-offset-1'>
<div className='login-logo-circle'></div>
<div className='login-logo'></div>
<div className='login-fields-box'>
<LoginForm />
</div>
</div>
<div className='login-copyrights'>
<div className='login-footer col-xs-12'>
{_.contains(app.version.get('feature_groups'), 'mirantis') &&
<p className='text-center'>{i18n('common.copyright')}</p>
}
@ -83,12 +83,10 @@ function($, _, i18n, React) {
this.setState({hasError: false});
},
onSubmit: function(e) {
var username, password;
e.preventDefault();
username = this.refs.username.getDOMNode().value;
password = this.refs.password.getDOMNode().value;
var username = this.refs.username.getDOMNode().value;
var password = this.refs.password.getDOMNode().value;
this.setState({actionInProgress: true});
@ -102,35 +100,30 @@ function($, _, i18n, React) {
return (
<form className='form-horizontal' onSubmit={this.onSubmit}>
<fieldset>
<div className='control-group'>
<label className='control-label'>
<i className='icon-user'></i>
</label>
<div className='controls'>
<input className='input-xlarge' type='text' name='username' ref='username' placeholder={i18n('login_page.username')} onChange={this.onChange} />
</div>
<div className='form-group'>
<label className='control-label col-xs-2'>
<i className='glyphicon glyphicon-user'></i>
</label>
<div className='col-xs-8'>
<input className='form-control input-sm' type='text' name='username' ref='username' placeholder={i18n('login_page.username')} onChange={this.onChange} />
</div>
<div className='control-group'>
<label className='control-label'>
<i className='icon-key'></i>
</label>
<div className='controls'>
<input className='input-xlarge' type='password' name='password' ref='password' placeholder={i18n('login_page.password')} onChange={this.onChange} />
</div>
</div>
<div className='form-group'>
<label className='control-label col-xs-2'>
<i className='glyphicon glyphicon glyphicon-lock'></i>
</label>
<div className='col-xs-8'>
<input className='form-control input-sm' type='password' name='password' ref='password' placeholder={i18n('login_page.password')} onChange={this.onChange} />
</div>
{this.state.hasError && (
<div className='login-error-auth login-error-message'>
<p className='text-center text-error'>{i18n('login_page.login_error')}</p>
</div>
)
}
<div className='control-group'>
<div id='login-button-control' className='controls'>
<button type='submit' className='btn btn-success login-btn' disabled={loginButtonDisabled}>{i18n('login_page.log_in')}</button>
</div>
</div>
{this.state.hasError &&
<p className='text-center text-danger'>{i18n('login_page.login_error')}</p>
}
<div className='form-group'>
<div className='col-xs-12 text-center'>
<button type='submit' className='btn btn-success login-btn' disabled={loginButtonDisabled}>{i18n('login_page.log_in')}</button>
</div>
</fieldset>
</div>
</form>
);
}

49
static/js/views/notifications_page.jsx
View File

@ -42,13 +42,22 @@ function(i18n, React, utils, models, dialogs, componentMixins) {
},
render: function() {
return (
<div>
<h3 className='page-title'>{i18n('notifications_page.title')}</h3>
<ul className='notification-list page-wrapper'>
{this.props.notifications.map(function(notification) {
return <Notification {...this.props} key={'notification' + notification.id} notification={notification} />;
<div className='notifications-page'>
<div className='page-title'>
<h1 className='title'>{i18n('notifications_page.title')}</h1>
</div>
<div className='content-box'>
{this.props.notifications.map(function(notification, index) {
return [
!!index && <hr />,
<Notification
{...this.props}
key={'notification' + notification.id}
notification={notification}
/>
];
}, this)}
</ul>
</div>
</div>
);
}
@ -80,20 +89,26 @@ function(i18n, React, utils, models, dialogs, componentMixins) {
},
render: function() {
var notification = this.props.notification,
topic = notification.get('topic'),
notificationClass = topic + ' ' + notification.get('status') + ' ' + (notification.get('node_id') ? 'clickable' : ''),
iconClass = {error: 'icon-attention', discover: 'icon-bell'}[topic] || 'icon-info-circled';
notificationClasses = {
'text-danger': notification.get('topic') == 'error',
'text-warning': notification.get('topic') == 'warning',
unread: notification.get('status') == 'unread'
},
iconClass = {
error: 'glyphicon-exclamation-sign',
warning: 'glyphicon-warning-sign',
discover: 'glyphicon-bell'
}[notification.get('topic')] || 'glyphicon-info-sign';
return (
<li className={notificationClass} onClick={this.onNotificationClick}>
<div className='icon'><i className={iconClass}></i></div>
<div className='datetime enable-selection'>
<div className={'row notification ' + utils.classNames(notificationClasses)} onClick={this.onNotificationClick}>
<div className='col-xs-12 col-md-2'>
<i className={'glyphicon ' + iconClass}></i>
{notification.get('date')} {notification.get('time')}
</div>
<div
className='message enable-selection'
dangerouslySetInnerHTML={{__html: utils.urlify(notification.escape('message'))}}
></div>
</li>
<div className='col-xs-12 col-md-10'>
<span className={notification.get('node_id') && 'btn btn-link'} dangerouslySetInnerHTML={{__html: utils.urlify(notification.escape('message'))}}></span>
</div>
</div>
);
}
});

29
static/js/views/releases_page.jsx
View File

@ -49,20 +49,21 @@ function(_, i18n, React, models, controls, componentMixins) {
},
render: function() {
return (
<div>
<h3 className='page-title'>{i18n('release_page.title')}</h3>
<div className='table-releases-box'>
{this.props.releases.length ?
<controls.Table
head={_.map(this.props.columns, function(column) {
return {label: i18n('release_page.' + column), className: column};
})}
body={this.props.releases.map(this.getReleaseData)}
tableClassName='releases-table'
/>
:
<div className='alert'>{i18n('release_page.no_releases_message')}</div>
}
<div className='releases-page'>
<div className='page-title'>
<h1 className='title'>{i18n('release_page.title')}</h1>
</div>
<div className='content-box'>
<div className='row'>
<div className='col-xs-12'>
<controls.Table
head={_.map(this.props.columns, function(column) {
return {label: i18n('release_page.' + column), className: column};
})}
body={this.props.releases.map(this.getReleaseData)}
/>
</div>
</div>
</div>
</div>
);

20
static/js/views/root.jsx
View File

@ -50,19 +50,15 @@ define([
if (!Page) return <div className='loading' />;
return (
<div id='content-wrapper'>
<div id='wrap'>
<div className='container'>
{!Page.hiddenLayout &&
<div>
<layoutComponents.Navbar ref='navbar' activeElement={Page.navbarActiveElement} {...this.props} />
<layoutComponents.Breadcrumbs ref='breadcrumbs' {...this.state} />
</div>
}
<div id='content'>
<Page ref='page' {...this.state.pageOptions} />
</div>
<div id='push' />
<div className='clamp'>
{!Page.hiddenLayout && [
<layoutComponents.Navbar key='navbar' ref='navbar' activeElement={Page.navbarActiveElement} {...this.props} />,
<layoutComponents.Breadcrumbs key='breadcrumbs' ref='breadcrumbs' {...this.state} />
]}
<div id='content'>
<Page ref='page' {...this.state.pageOptions} />
</div>
{!Page.hiddenLayout && <div id='footer-spacer'></div>}
</div>
{!Page.hiddenLayout && <layoutComponents.Footer version={this.props.version} />}
</div>

31
static/js/views/statistics_mixin.jsx
View File

@ -37,7 +37,6 @@ define([
return {
isConnected: !!(tracking.email.value && tracking.password.value),
actionInProgress: false,
showItems: false,
remoteLoginForm: new models.MirantisLoginForm(),
registrationForm: new models.MirantisRegistrationForm(),
remoteRetrievePasswordForm: new models.MirantisRetrievePasswordForm()
@ -117,9 +116,6 @@ define([
action = action || 'disable';
return this.props.settings.checkRestrictions(this.configModels, action, this.props.settings.makePath('statistics', name));
},
toggleItemsList: function() {
this.setState({showItems: !this.state.showItems});
},
componentWillMount: function() {
var model = this.props.statistics || this.props.tracking;
this.configModels = {
@ -135,7 +131,7 @@ define([
if (_.contains(app.version.get('feature_groups'), 'mirantis')) return i18n(key);
return i18n(key + '_community');
},
renderInput: function(settingName, labelClassName, wrapperClassName, disabledState) {
renderInput: function(settingName, wrapperClassName, disabledState) {
var model = this.props.statistics || this.props.tracking,
setting = model.get(model.makePath('statistics', settingName));
if (this.checkRestrictions('metadata', 'hide').result || this.checkRestrictions(settingName, 'hide').result || setting.type == 'hidden') return null;
@ -150,7 +146,6 @@ define([
value={setting.value}
disabled={disabled}
inputClassName={setting.type == 'text' && 'input-xlarge'}
labelClassName={labelClassName}
wrapperClassName={wrapperClassName}
onChange={this.onCheckboxChange}
error={error && i18n(error)}
@ -209,14 +204,12 @@ define([
<div>
<div className='statistics-text-box'>
<div className={utils.classNames({notice: isMirantisIso})}>{this.getText(ns + 'help_to_improve')}</div>
<button className='btn-link' onClick={this.toggleItemsList}>{i18n(ns + 'learn_whats_collected')}</button>
{this.state.showItems &&
<div className='statistics-disclaimer-box'>
<p>{i18n(ns + 'statistics_includes_full')}</p>
{_.map(lists, this.renderList)}
<p>{i18n(ns + 'statistics_user_info')}</p>
</div>
}
<button className='btn-link' data-toggle='collapse' data-target='.statistics-disclaimer-box'>{i18n(ns + 'learn_whats_collected')}</button>
<div className='collapse statistics-disclaimer-box'>
<p>{i18n(ns + 'statistics_includes_full')}</p>
{_.map(lists, this.renderList)}
<p>{i18n(ns + 'statistics_user_info')}</p>
</div>
</div>
</div>
);
@ -250,14 +243,14 @@ define([
.value();
return (
<div>
{showProgressBar && <controls.ProgressBar />}
{error &&
<div className='error'>
<i className='icon-attention'></i>
<div className='text-danger'>
<i className='glyphicon glyphicon-warning-sign' />
{error}
</div>
}
<div className='connection-form'>
{showProgressBar && <controls.ProgressBar />}
{_.map(sortedFields, function(inputName) {
return <controls.Input
ref={inputName}
@ -270,10 +263,10 @@ define([
/>;
}, this)}
<div className='links-container'>
<button className='btn btn-link create-account' onClick={this.showRegistrationDialog}>
<button className='btn btn-link create-account pull-left' onClick={this.showRegistrationDialog}>
{i18n('welcome_page.register.create_account')}
</button>
<button className='btn btn-link retrive-password' onClick={this.showRetrievePasswordDialog}>
<button className='btn btn-link retrive-password pull-right' onClick={this.showRetrievePasswordDialog}>
{i18n('welcome_page.register.retrieve_password')}
</button>
</div>

72
static/js/views/support_page.jsx
View File

@ -66,9 +66,17 @@ function($, _, i18n, Backbone, React, dialogs, componentMixins, models, statisti
elements.push(<StatisticsSettings key='StatisticsSettings' settings={this.props.settings} statistics={this.props.statistics}/>);
}
return (
<div>
<h3 className='page-title'>{i18n('support_page.title')}</h3>
<div className='support-page page-wrapper'>{elements}</div>
<div className='support-page'>
<div className='page-title'>
<h1 className='title'>{i18n('support_page.title')}</h1>
</div>
<div className='content-box'>
{_.reduce(elements, function(result, element, index) {
if (index) result.push(<hr key={index} />);
result.push(element);
return result;
}, [])}
</div>
</div>
);
}
@ -77,14 +85,13 @@ function($, _, i18n, Backbone, React, dialogs, componentMixins, models, statisti
var SupportPageElement = React.createClass({
render: function() {
return (
<div className='row-fluid'>
<div className={'span2 img ' + this.props.className}></div>
<div className='span10 el-inner'>
<h4>{this.props.title}</h4>
<div className='support-box'>
<div className={'support-box-cover ' + this.props.className}></div>
<div className='support-box-content'>
<h3>{this.props.title}</h3>
<p>{this.props.text}</p>
{this.props.children}
</div>
<hr/>
</div>
);
}
@ -100,7 +107,7 @@ function($, _, i18n, Backbone, React, dialogs, componentMixins, models, statisti
text={i18n(ns + 'text')}
>
<p>
<a className='btn' href='https://www.mirantis.com/openstack-documentation/' target='_blank'>
<a className='btn btn-default' href='https://www.mirantis.com/openstack-documentation/' target='_blank'>
{i18n('support_page.documentation_link')}
</a>
</p>
@ -122,14 +129,14 @@ function($, _, i18n, Backbone, React, dialogs, componentMixins, models, statisti
title={i18n('support_page.product_registered_title')}
text={i18n('support_page.product_registered_content')}
>
<p className='registeredData enable-selection'>
<div className='registeredData enable-selection'>
{_.map(['name', 'email', 'company'], function(value) {
return <span key={value}><b>{i18n('statistics.setting_labels.' + value)}:</b> {this.props.tracking.get('statistics')[value].value}</span>;
return <div key={value}><b>{i18n('statistics.setting_labels.' + value)}:</b> {this.props.tracking.get('statistics')[value].value}</div>;
}, this)}
<span><b>{i18n('support_page.master_node_uuid')}:</b> {this.props.tracking.get('master_node_uid')}</span>
</p>
<div><b>{i18n('support_page.master_node_uuid')}:</b> {this.props.tracking.get('master_node_uid')}</div>
</div>
<p>
<a className='btn registration-link' href='https://software.mirantis.com/account/' target='_blank'>
<a className='btn btn-default' href='https://software.mirantis.com/account/' target='_blank'>
{i18n('support_page.manage_account')}
</a>
</p>
@ -141,10 +148,10 @@ function($, _, i18n, Backbone, React, dialogs, componentMixins, models, statisti
title={i18n('support_page.register_fuel_title')}
text={i18n('support_page.register_fuel_content')}
>
<div>
<div className='tracking'>
{this.renderRegistrationForm(this.props.tracking, this.state.actionInProgress, this.state.error, this.state.actionInProgress)}
<p>
<button className='btn registration-link' onClick={this.connectToMirantis} disabled={this.state.actionInProgress} target='_blank'>
<button className='btn btn-default' onClick={this.connectToMirantis} disabled={this.state.actionInProgress} target='_blank'>
{i18n('support_page.register_fuel_title')}
</button>
</p>
@ -174,19 +181,21 @@ function($, _, i18n, Backbone, React, dialogs, componentMixins, models, statisti
className='img-statistics'
title={i18n('support_page.send_statistics_title')}
>
{this.renderIntro()}
<div className='statistics-settings'>
{_.map(sortedSettings, this.renderInput, this)}
<div className='tracking'>
{this.renderIntro()}
<div className='statistics-settings'>
{_.map(sortedSettings, function(name) {return this.renderInput(name);}, this)}
</div>
<p>
<button
className='btn btn-default'
disabled={this.state.actionInProgress || !hasChanges}
onClick={this.prepareStatisticsToSave}
>
{i18n('support_page.save_changes')}
</button>
</p>
</div>
<p>
<button
className='btn'
disabled={this.state.actionInProgress || !hasChanges}
onClick={this.prepareStatisticsToSave}
>
{i18n('support_page.save_changes')}
</button>
</p>
</SupportPageElement>
);
}
@ -202,7 +211,7 @@ function($, _, i18n, Backbone, React, dialogs, componentMixins, models, statisti
>
<p>{i18n('support_page.irc_text')} <strong>#fuel</strong> on <a href='http://freenode.net' target='_blank'>freenode.net</a>.</p>
<p>
<a className='btn' href='http://support.mirantis.com/requests/new' target='_blank'>
<a className='btn btn-default' href='http://support.mirantis.com/requests/new' target='_blank'>
{i18n('support_page.contact_support')}
</a>
</p>
@ -247,9 +256,10 @@ function($, _, i18n, Backbone, React, dialogs, componentMixins, models, statisti
text={i18n('support_page.log_text')}
>
<p className='snapshot'>
<button className='btn' disabled={generating} onClick={this.downloadLogs}>
<button className='btn btn-default' disabled={generating} onClick={this.downloadLogs}>
{generating ? i18n('support_page.gen_logs_snapshot_text') : i18n('support_page.gen_diagnostic_snapshot_text')}
</button>
{' '}
{!generating && task &&
<span className={task.get('status')}>
{task.match({status: 'ready'}) &&
@ -276,7 +286,7 @@ function($, _, i18n, Backbone, React, dialogs, componentMixins, models, statisti
text={i18n('support_page.capacity_audit_text')}
>
<p>
<a className='btn' href='#capacity'>
<a className='btn btn-default' href='#capacity'>
{i18n('support_page.view_capacity_audit')}
</a>
</p>

48
static/js/views/welcome_page.jsx
View File

@ -72,12 +72,12 @@ function(_, i18n, React, models, componentMixins, statisticsMixin) {
buttonProps = {
disabled: disabled,
onClick: this.onStartButtonClick,
className: 'btn btn-large btn-success'
className: 'btn btn-lg btn-block btn-success'
};
return (
<div className='welcome-page'>
<div>
<h2 className='center'>{this.getText(ns + 'title')}</h2>
<div className='welcome-page tracking'>
<div className='col-md-8 col-md-offset-2 col-xs-10 col-xs-offset-1'>
<h1 className='text-center'>{this.getText(ns + 'title')}</h1>
{isMirantisIso ?
<div>
{!_.contains(featureGroups, 'techpreview') &&
@ -85,7 +85,9 @@ function(_, i18n, React, models, componentMixins, statisticsMixin) {
{this.state.isConnected ?
<div className='happy-cloud'>
<div className='cloud-smile' />
<div>{i18n(ns + 'register.welcome_phrase.thanks')} {this.props.tracking.get('statistics').name.value}, {i18n(ns + 'register.welcome_phrase.content')}</div>
<div className='row'>
<div className='col-xs-8 col-xs-offset-2'>{i18n(ns + 'register.welcome_phrase.thanks')} {this.props.settings.get('statistics').name.value}, {i18n(ns + 'register.welcome_phrase.content')}</div>
</div>
</div>
:
<div>
@ -95,9 +97,9 @@ function(_, i18n, React, models, componentMixins, statisticsMixin) {
}
</div>
}
{this.renderInput('send_anonymous_statistic', null, 'welcome-checkbox-box', disabled)}
{this.renderInput('send_anonymous_statistic', 'welcome-checkbox-box', disabled)}
{this.renderIntro()}
{this.renderInput('send_user_info', null, 'welcome-checkbox-box', disabled)}
{this.renderInput('send_user_info', 'welcome-checkbox-box', disabled)}
<p>
<div className='notice'>{i18n(ns + 'privacy_policy')}</div>
<div><a href={privacyPolicyLink} target='_blank'>{i18n(ns + 'privacy_policy_link')}</a></div>
@ -106,26 +108,34 @@ function(_, i18n, React, models, componentMixins, statisticsMixin) {
:
<div>
{this.renderIntro()}
{this.renderInput('send_anonymous_statistic', null, 'welcome-checkbox-box')}
{this.renderInput('send_anonymous_statistic', 'welcome-checkbox-box')}
<p>
<div>{i18n(ns + 'statistics_collector')}</div>
<div><a href={statsCollectorLink} target='_blank'>{statsCollectorLink}</a></div>
</p>
</div>
}
<div className='welcome-button-box'>
<div className='welcome-button-box row'>
{this.state.isConnected || !isMirantisIso ?
<button autoFocus {...buttonProps}>
{i18n(ns + 'start_fuel')}
</button>
<div className='col-xs-6 col-xs-offset-3'>
<button autoFocus {...buttonProps}>
{i18n(ns + 'start_fuel')}
</button>
</div>
:
<div>
<button {...buttonProps} className='btn btn-large btn-unwanted'>
{i18n(ns + 'connect_later')}
</button>
<button autoFocus {...buttonProps} onClick={this.connectToMirantis}>
{i18n(ns + 'connect_now')}
</button>
<div className='col-xs-10 col-xs-offset-1'>
<div className='row'>
<div className='col-xs-6'>
<button {...buttonProps} className='btn btn-lg btn-block btn-default'>
{i18n(ns + 'connect_later')}
</button>
</div>
<div className='col-xs-6'>
<button autoFocus {...buttonProps} onClick={this.connectToMirantis}>
{i18n(ns + 'connect_now')}
</button>
</div>
</div>
</div>
}
</div>

76
static/js/views/wizard.js
View File

@ -22,8 +22,6 @@ define(
'backbone',
'utils',
'models',
'cocktail',
'view_mixins',
'text!templates/wizard/create_cluster_wizard.html',
'text!templates/wizard/name_and_release.html',
'text!templates/wizard/common_wizard_panel.html',
@ -35,7 +33,7 @@ define(
'text!templates/wizard/warning.html',
'text!templates/wizard/text_input.html'
],
function(require, $, _, i18n, Backbone, utils, models, Cocktail, viewMixins, createClusterWizardTemplate, clusterNameAndReleasePaneTemplate, commonWizardTemplate, modePaneTemplate, networkPaneTemplate, storagePaneTemplate, clusterReadyPaneTemplate, controlTemplate, warningTemplate, textInputTemplate) {
function(require, $, _, i18n, Backbone, utils, models, createClusterWizardTemplate, clusterNameAndReleasePaneTemplate, commonWizardTemplate, modePaneTemplate, networkPaneTemplate, storagePaneTemplate, clusterReadyPaneTemplate, controlTemplate, warningTemplate, textInputTemplate) {
'use strict';
var views = {},
@ -296,11 +294,11 @@ function(require, $, _, i18n, Backbone, utils, models, Cocktail, viewMixins, cre
var paneName = PaneConstructor.prototype.constructorName;
if (this.panesModel.get(paneName) != 'hidden') {
if (paneIndex == this.panesModel.get('activePaneIndex')) {
this.panesModel.set(paneName, 'current');
this.panesModel.set(paneName, 'active');
} else if (paneIndex <= this.panesModel.get('maxAvailablePaneIndex')) {
this.panesModel.set(paneName, 'available');
} else {
this.panesModel.set(paneName, 'unavailable');
this.panesModel.set(paneName, 'disabled');
}
}
}, this);
@ -362,8 +360,8 @@ function(require, $, _, i18n, Backbone, utils, models, Cocktail, viewMixins, cre
maxAvailableStep: this.panesModel.get('maxAvailablePaneIndex')
})).i18n();
if (!this.modalBound) {
this.$el.on('hidden', _.bind(this.tearDown, this));
this.$el.on('shown', _.bind(function() {
this.$el.on('hidden.bs.modal', _.bind(this.tearDown, this));
this.$el.on('shown.bs.modal', _.bind(function() {
this.$('[autofocus]:first').focus();
}, this));
this.$el.modal({backdrop: 'static', background: true, keyboard: true});
@ -379,6 +377,9 @@ function(require, $, _, i18n, Backbone, utils, models, Cocktail, viewMixins, cre
views.WizardPane = Backbone.View.extend({
template: _.template(commonWizardTemplate),
constructorName: 'WizardPane',
events: {
'click span.add-on': 'togglePassword'
},
initialize: function(options) {
_.defaults(this, options);
this.attachWarningListeners();
@ -394,7 +395,7 @@ function(require, $, _, i18n, Backbone, utils, models, Cocktail, viewMixins, cre
}, this);
this.wizard.cluster.on('invalid', function(model, error) {
_.each(error, function(message, field) {
this.$('*[name=' + field + ']').closest('.control-group').addClass('error').find('.help-inline').text(message);
this.$('*[name=' + field + ']').closest('.form-group').addClass('has-error').find('.help-block').text(message);
}, this);
this.wizard.panesModel.set('invalid', true);
}, this);
@ -585,12 +586,11 @@ function(require, $, _, i18n, Backbone, utils, models, Cocktail, viewMixins, cre
this.$('.form-horizontal').before(_.template(warningTemplate, {message: message}));
},
renderCustomElements: function() {
this.$('.control-group').append(this.renderControls({}));
this.$('.form-group').append(this.renderControls({}));
},
onWizardChange: function() {
this.$('input.error').removeClass('error');
this.$('.parameter-description').removeClass('hide');
this.$('.validation-error').addClass('hide');
this.hideError();
this.wizard.panesModel.set('invalid', false);
if (this.$('input[type=text], input[type=password]').is(':focus')) {
this.wizard.model.isValid({
@ -599,11 +599,32 @@ function(require, $, _, i18n, Backbone, utils, models, Cocktail, viewMixins, cre
});
}
},
hideError: function() {
this.$('.form-group.has-error').removeClass('has-error');
this.$('.parameter-description').removeClass('hide');
this.$('.validation-error').addClass('hide');
this.$('.help-block').html('');
},
togglePassword: function(e) {
var input = this.$(e.currentTarget).prev();
if (input.attr('disabled')) {return;}
input.attr('type', input.attr('type') == 'text' ? 'password' : 'text');
this.$(e.currentTarget).find('i').toggleClass('hide');
},
addPasswordToggle: function() {
this.$('input[type=password]').each(function() {
$(this)
.after('<span class="add-on"><i class="icon-eye"/><i class="icon-eye-off hide"/></span>')
.addClass('input-group-addon')
.parent('.parameter-control').addClass('input-append');
});
},
render: function(options) {
this.$el.html(this.template(options));
this.renderCustomElements();
this.$el.i18n();
this.handleWarnings();
this.addPasswordToggle();
if (!_.isUndefined(this.releases) && this.releases.length) {
this.releases = new Backbone.Collection(this.releases.where({is_deployable: true}));
@ -612,7 +633,6 @@ function(require, $, _, i18n, Backbone, utils, models, Cocktail, viewMixins, cre
return this;
}
});
Cocktail.mixin(views.WizardPane, viewMixins.toggleablePassword);
clusterWizardPanes.NameAndRelease = views.WizardPane.extend({
constructorName: 'NameAndRelease',
@ -626,7 +646,7 @@ function(require, $, _, i18n, Backbone, utils, models, Cocktail, viewMixins, cre
return $.Deferred()[success ? 'resolve' : 'reject']();
},
createCluster: function() {
this.$('.control-group').removeClass('error').find('.help-inline').text('');
this.hideError();
var success = true;
var name = this.wizard.model.get('NameAndRelease.name');
var release = this.wizard.model.get('NameAndRelease.release').id;
@ -642,8 +662,7 @@ function(require, $, _, i18n, Backbone, utils, models, Cocktail, viewMixins, cre
return success;
},
onInputKeydown: function() {
this.$('.control-group.error').removeClass('error');
this.$('.help-inline').html('');
this.hideError();
this.wizard.panesModel.set('invalid', false);
},
composePaneBindings: function() {
@ -730,7 +749,10 @@ function(require, $, _, i18n, Backbone, utils, models, Cocktail, viewMixins, cre
this.$('.mode-description').text(description);
},
renderCustomElements: function() {
this.$('.mode-control-group .span5').append(this.renderControls({labelClasses: 'setting'})).i18n();
this.$('.mode-form-group').append(this.renderControls({
labelClasses: 'setting',
descriptionClasses: 'col-xs-offset-3'
})).i18n();
this.updateModeDescription();
}
});
@ -746,7 +768,10 @@ function(require, $, _, i18n, Backbone, utils, models, Cocktail, viewMixins, cre
});
},
renderCustomElements: function() {
this.$('.control-group').append(this.renderControls({hasDescription: true})).i18n();
this.$('.form-group').append(this.renderControls({
hasDescription: true,
descriptionClasses: 'col-xs-0'
})).i18n();
}
});
@ -755,7 +780,10 @@ function(require, $, _, i18n, Backbone, utils, models, Cocktail, viewMixins, cre
template: _.template(networkPaneTemplate),
title: 'dialog.create_cluster_wizard.network.title',
renderCustomElements: function() {
this.$('.control-group').append(this.renderControls({hasDescription: true}));
this.$('.form-group').append(this.renderControls({
hasDescription: true,
descriptionClasses: 'col-xs-offset-1'
}));
}
});
@ -764,9 +792,10 @@ function(require, $, _, i18n, Backbone, utils, models, Cocktail, viewMixins, cre
template: _.template(storagePaneTemplate),
title: 'dialog.create_cluster_wizard.storage.title',
renderCustomElements: function() {
this.$('.control-group .ceph h5').after(this.renderControls({
this.$('.form-group .ceph h5').after(this.renderControls({
hasDescription: false,
additionalAttribute: 'ceph'
additionalAttribute: 'ceph',
descriptionClasses: 'col-xs-offset-1'
}));
}
});
@ -775,9 +804,10 @@ function(require, $, _, i18n, Backbone, utils, models, Cocktail, viewMixins, cre
constructorName: 'AdditionalServices',
title: 'dialog.create_cluster_wizard.additional.title',
renderCustomElements: function() {
this.$('.control-group').append(this.renderControls({
this.$('.form-group').append(this.renderControls({
hasDescription: true,
additionalAttribute: 'services'
additionalAttribute: 'services',
descriptionClasses: 'col-xs-offset-1'
})).i18n();
}
});

75
static/plugins/vmware/styles.less
View File

@ -1,69 +1,10 @@
@legend-fg: #222222;
@legend-bg: #ececec;
// box-sizing
.box-sizing-mixin() {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.tab-vmware-normal {
// TODO replace the icon with a real one
background: url('/static/plugins/vmware/icons.png') no-repeat 0px 0px;
}
.vmware {
.parameter-description {
padding: 10px 0px !important;
}
label {
padding: 0px 10px;
}
.label-wrapper {
margin-top: 8px;
width: 185px;
}
legend.vmware {
display: block;
margin-bottom: 5px;
background-color: @legend-bg;
border-radius: 4px;
padding: 12px;
height: 42px;
margin-top: 25px;
font-size: 18px;
color: @legend-fg;
line-height: 18px;
.box-sizing-mixin;
}
.icon-attention {
font-size: 14px;
position: relative;
top: -6px;
left: -2px;
cursor: not-allowed;
}
.page-control-box {
margin: 10px 20px;
}
.idented {
margin-left: 40px;
}
.password input {
width: 176px;
}
.nova-compute .btn {
margin: 0px;
padding: 0px;
width: 20px;
.vmware-tab {
.nova-compute {
h4 .btn-group {
margin-right: 10px;
.btn-link {
padding: 0;
}
}
}
}

206
static/plugins/vmware/vmware_tab.jsx
View File

@ -33,37 +33,25 @@ define(
onChange: function(name, value) {
this.props.model.set(name, value);
this.setState({model: this.props.model});
_.defer(function() {dispatcher.trigger('vcenter_model_update'); });
_.defer(function() {dispatcher.trigger('vcenter_model_update');});
},
render: function() {
var metadata = this.props.metadata,
options = this.props.options || [],
errors = this.props.model.validationError,
errorText = errors ? errors[metadata.name] : null;
var classes = utils.classNames({
'settings-group table-wrapper parameter-box': true,
password: metadata.type == 'password',
'has-error': !!errorText
});
value = this.props.model.get(metadata.name);
return (
<div key={metadata.name} className={classes}>
<controls.Input
key={metadata.name}
{... _.pick(metadata, 'name', 'type', 'label')}
value={this.props.model.get(metadata.name)}
checked={this.props.model.get(metadata.name)}
description={errorText || metadata.description}
descriptionClassName={utils.classNames({'validation-error': errorText})}
toggleable={metadata.type == 'password'}
wrapperClassName='tablerow-wrapper'
onChange={this.onChange}
disabled={this.props.disabled}
>
{options.map(function(index) {
return <option key={index.label} value={index.value}>{index.label}</option>;
}, this)}
</controls.Input>
</div>
<controls.Input
{... _.pick(metadata, 'name', 'type', 'label', 'description')}
value={value}
checked={value}
toggleable={metadata.type == 'password'}
onChange={this.onChange}
disabled={this.props.disabled}
error={(this.props.model.validationError || {})[metadata.name]}
>
{this.props.options && this.props.options.map(function(index) {
return <option key={index.label} value={index.value}>{index.label}</option>;
})}
</controls.Input>
);
}
});
@ -93,17 +81,14 @@ define(
var GenericSection = React.createClass({
mixins: [controls.tooltipMixin],
render: function() {
var model = this.props.model;
if (!model) {
return null;
}
if (!this.props.model) return null;
return (
<div className={this.props.className}>
<legend className='vmware'>
<div className='col-xs-12 forms-box'>
<h3>
{this.props.title}
{this.renderTooltipIcon()}
</legend>
<FieldGroup model={model} disabled={this.props.disabled}/>
</h3>
<FieldGroup model={this.props.model} disabled={this.props.disabled}/>
</div>
);
}
@ -111,28 +96,31 @@ define(
var NovaCompute = React.createClass({
render: function() {
var model = this.props.model;
if (!model) {
return null;
}
var removeButtonClasses = utils.classNames({'btn btn-link': true, hide: this.props.isRemovable});
if (!this.props.model) return null;
return (
<div className='nova-compute'>
<h4>
<button className='btn btn-link'
disabled={this.props.disabled}
onClick={_.bind(function() {this.props.onAdd(model)}, this)}>
<i className='icon-plus-circle'></i>
</button>
<button className={removeButtonClasses}
disabled={this.props.disabled}
onClick={_.bind(function() {this.props.onRemove(model)}, this)}>
<i className='icon-minus-circle'></i>
</button>
&thinsp;
<div className='btn-group'>
<button
className='btn btn-link'
disabled={this.props.disabled}
onClick={_.bind(function() {this.props.onAdd(this.props.model)}, this)}
>
<i className='glyphicon glyphicon-plus-sign' />
</button>
{!this.props.isRemovable &&
<button
className='btn btn-link'
disabled={this.props.disabled}
onClick={_.bind(function() {this.props.onRemove(this.props.model)}, this)}
>
<i className='glyphicon glyphicon-minus-sign' />
</button>
}
</div>
{i18n('vmware.nova_compute')}
</h4>
<FieldGroup model={model} disabled={this.props.disabled}/>
<FieldGroup model={this.props.model} disabled={this.props.disabled}/>
</div>
);
}
@ -163,26 +151,26 @@ define(
},
renderComputes: function(actions) {
var novaComputes = this.props.model.get('nova_computes'),
isSingleInstance = (novaComputes.length == 1),
isSingleInstance = novaComputes.length == 1,
disabled = actions.disable.nova_computes;
return (
<div className='idented'>
<legend className='vmware'>{i18n('vmware.nova_computes')}</legend>
{
novaComputes.map(function(value) {
return (
<NovaCompute
key={value.cid}
model={value}
onAdd={this.addNovaCompute}
onRemove={this.removeNovaCompute}
isRemovable={isSingleInstance}
disabled={disabled.result || this.props.disabled}
/>
);
}, this)
}
<div className='col-xs-offset-1'>
<h3>
{i18n('vmware.nova_computes')}
</h3>
{novaComputes.map(function(compute) {
return (
<NovaCompute
key={compute.cid}
model={compute}
onAdd={this.addNovaCompute}
onRemove={this.removeNovaCompute}
isRemovable={isSingleInstance}
disabled={disabled.result || this.props.disabled}
/>
);
}, this)}
</div>
);
},
@ -201,20 +189,16 @@ define(
var AvailabilityZones = React.createClass({
mixins: [controls.tooltipMixin],
render: function() {
if (!this.props.collection) {
return null;
}
if (!this.props.collection) return null;
return (
<div className='availability-zones'>
<legend className='vmware'>
<div className='col-xs-12 forms-box'>
<h3>
{i18n('vmware.availability_zones')}
{this.renderTooltipIcon()}
</legend>
{
this.props.collection.map(function(model) {
return <AvailabilityZone key={model.cid} model={model} disabled={this.props.disabled}/>;
}, this)
}
</h3>
{this.props.collection.map(function(model) {
return <AvailabilityZone key={model.cid} model={model} disabled={this.props.disabled}/>;
}, this)}
</div>
);
}
@ -306,41 +290,37 @@ define(
defaultsDisabled = !editable || !this.hasDefaultsChanges;
return (
<div className='vmware'>
<div className='wrapper'>
<h3>{i18n('vmware.title')}</h3>
{!hide.availability_zones.result &&
<AvailabilityZones
collection={model.get('availability_zones')}
disabled={!editable || disable.availability_zones.result}
tooltipText={disable.availability_zones.message}
/>
}
{!hide.network.result &&
<GenericSection
model={model.get('network')}
className='network'
title={i18n('vmware.network')}
disabled={!editable || disable.network.result}
tooltipText={disable.network.message}
/>
}
{!hide.glance.result &&
<GenericSection
model={model.get('glance')}
className='glance'
title={i18n('vmware.glance')}
disabled={!editable || disable.glance.result}
tooltipText={disable.glance.message}
/>
}
</div>
<div className='page-control-box'>
<div className='page-control-button-placeholder'>
<button className='btn btn-load-defaults' onClick={this.onLoadDefaults} disabled={defaultsDisabled}>
<div className='row'>
<div className='title'>{i18n('vmware.title')}</div>
{!hide.availability_zones.result &&
<AvailabilityZones
collection={model.get('availability_zones')}
disabled={!editable || disable.availability_zones.result}
tooltipText={disable.availability_zones.message}
/>
}
{!hide.network.result &&
<GenericSection
model={model.get('network')}
title={i18n('vmware.network')}
disabled={!editable || disable.network.result}
tooltipText={disable.network.message}
/>
}
{!hide.glance.result &&
<GenericSection
model={model.get('glance')}
title={i18n('vmware.glance')}
disabled={!editable || disable.glance.result}
tooltipText={disable.glance.message}
/>
}
<div className='col-xs-12 page-buttons'>
<div className='btn-group pull-right'>
<button className='btn btn-default btn-load-defaults' onClick={this.onLoadDefaults} disabled={defaultsDisabled}>
{i18n('vmware.reset_to_defaults')}
</button>
<button className='btn btn-revert-changes' onClick={this.onCancel} disabled={!this.hasChanges}>
<button className='btn btn-default btn-revert-changes' onClick={this.onCancel} disabled={!this.hasChanges}>
{i18n('vmware.cancel')}
</button>
<button className='btn btn-success btn-apply-changes' onClick={this.onSave} disabled={saveDisabled}>

27
static/templates/cluster/edit_node_disks.html
View File

@ -1,23 +1,22 @@
<div class="edit-node-disks">
<h3>
<div class="row">
<div class="title">
<%- i18n('cluster_page.nodes_tab.configure_disks.title', {count: nodes.length, name: nodes.length && nodes.at(0).get('name')}) %>
</h3>
</div>
<div class="node-disks">
<div class="progress-bar">
<div class="progress progress-striped progress-success active"><div class="bar"></div></div>
<div class="col-xs-12 node-disks">
<div class="progress">
<div class="progress-bar progress-bar-striped active" style="width: 100%;"></div>
</div>
</div>
<!-- page-control box -->
<div class="row">
<div class="page-control-box">
<div class="back-button pull-left">
<button class="btn btn-return" data-i18n="cluster_page.nodes_tab.back_to_nodes_button"></button>
<div class="col-xs-12 page-buttons">
<div class="well clearfix">
<div class="btn-group">
<button class="btn btn-default btn-return" data-i18n="cluster_page.nodes_tab.back_to_nodes_button"></button>
</div>
<div class="page-control-button-placeholder">
<button data-i18n="common.load_defaults_button" class="btn btn-defaults"></button>
<button data-i18n="common.cancel_changes_button" class="btn btn-revert-changes"></button>
<div class="btn-group pull-right">
<button data-i18n="common.load_defaults_button" class="btn btn-default btn-defaults"></button>
<button data-i18n="common.cancel_changes_button" class="btn btn-default btn-revert-changes"></button>
<button data-i18n="common.apply_button" class="btn btn-success btn-apply"></button>
</div>
</div>

118
static/templates/cluster/node_disk.html
View File

@ -1,63 +1,89 @@
<div class="disk-box disk" data-disk="<%- disk.id %>">
<% var diskName = disk.get('name') %>
<div class="disk-box-name pull-left"><%- disk.get('name') %> (<%- disk.id %>)</div>
<div class="disk-box-size pull-right"><%- i18n('cluster_page.nodes_tab.configure_disks.total_space') %>: <%= showDiskSize(disk.get('size'), 2) %></div>
<div class="col-xs-12 disk-box" data-disk="<%- disk.id %>">
<div class="disk-map-short disk-map-full">
<div class="disk-map-image disk-visual">
<% volumes.each(function(volume) { %>
<div class="volume-group <%- volume.get('name') %>" data-volume="<%- volume.get('name') %>" style="width:0;">
<div class="toggle-volume">
<div class="volume-group-name"><%- volume.get('label') %></div>
<div class="volume-group-size"><%= showDiskSize(0) %></div>
</div>
<div class="close-btn hide"></div>
</div>
<% }) %>
<div class="volume-group unallocated" style="width: 100%">
<div class="toggle-volume">
<div class="volume-group-name" data-i18n="cluster_page.nodes_tab.configure_disks.unallocated"></div>
<div class="volume-group-size"><%= showDiskSize(disk.get('size'), 2) %></div>
<div class="row">
<h4 class="col-xs-6">
<%- diskName %> (<%- disk.id %>)
</h4>
<h4 class="col-xs-6 text-right">
<%- i18n('cluster_page.nodes_tab.configure_disks.total_space') %>: <%= showDiskSize(disk.get('size'), 2) %>
</h4>
</div>
<div class="row disk-visual clearfix" data-toggle="collapse" data-target="#<%- diskName %>">
<% volumes.each(function(volume) { %>
<div class="volume-group pull-left" data-volume="<%- volume.get('name') %>" style="width:0;">
<div class="text-center">
<div><%- volume.get('label') %></div>
<div class="volume-group-size"><%= showDiskSize(0) %></div>
</div>
<div class="close-btn hide">&times;</div>
</div>
<% }) %>
<div class="volume-group pull-left" data-volume="unallocated" style="width: 100%">
<div class="text-center">
<div data-i18n="cluster_page.nodes_tab.configure_disks.unallocated"></div>
<div class="volume-group-size"><%= showDiskSize(disk.get('size'), 2) %></div>
</div>
</div>
</div>
<div class="disk-map-details disk-form collapse">
<div class="disk-info-box">
<div class="row collapse disk-details" id="<%- diskName %>">
<div class="col-xs-6">
<% if (diskMetaData) { %>
<div class="disk-box-title" data-i18n="cluster_page.nodes_tab.configure_disks.disk_information"></div>
<% var sortOrder = ['name', 'model', 'size'] %>
<% _.each(sortEntryProperties(diskMetaData, sortOrder), function(propertyName) { %>
<div class="disk-map-details-item enable-selection">
<div class="disk-map-details-name"><%- propertyName.replace(/_/g, ' ') %></div>
<div class="disk-map-details-parameter"><%- propertyName == 'size' ? showDiskSize(diskMetaData[propertyName]) : diskMetaData[propertyName] %></div>
</div>
<% }) %>
<h5 data-i18n="cluster_page.nodes_tab.configure_disks.disk_information"></h5>
<div class="form-horizontal disk-info-box">
<% _.each(sortEntryProperties(diskMetaData, ['name', 'model', 'size']), function(propertyName) { %>
<div class="form-group">
<label class="col-xs-2">
<%- propertyName.replace(/_/g, ' ') %>
</label>
<div class="col-xs-10">
<p class="form-control-static">
<%- propertyName == 'size' ? showDiskSize(diskMetaData[propertyName]) : diskMetaData[propertyName] %>
</p>
</div>
</div>
<% }) %>
</div>
<% } %>
</div>
<div class="disk-utility-box">
<div class="disk-box-title" data-i18n="cluster_page.nodes_tab.configure_disks.volume_groups"></div>
<% volumes.each(function(volume) { %>
<div class="volume-group-box volume-group" data-volume="<%- volume.get('name') %>">
<div class="volume-group-box-flag <%- volume.get('name') %>"></div>
<div class="volume-group-box-name"><%- volume.get('label') %></div>
<div class="pull-right">
<% if (!locked) { %>
<div class="volume-group-box-edit"><span class="use-all-allowed" data-i18n="cluster_page.nodes_tab.configure_disks.use_all_allowed_space"></span></div>
<% } %>
<div class="volume-group-box-input">
<input id="<%- disk.id + '-' + volume.get('name') %>" class="input-medium" type="text" <%= locked ? 'disabled' : '' %> name="<%- volume.get('name') %>" value="<%- disk.get('volumes').findWhere({name: volume.get('name')}).get('size') || 0 %>" />
<div class="col-xs-6">
<h5 data-i18n="cluster_page.nodes_tab.configure_disks.volume_groups"></h5>
<div class="form-horizontal disk-utility-box">
<% volumes.each(function(volume) { %>
<% var volumeName = volume.get('name') %>
<div class="form-group volume-group" data-volume="<%- volumeName %>">
<label class="col-xs-4">
<span class="volume-group-flag <%- volumeName %>">&nbsp;</span>
<%- volume.get('label') %>
</label>
<div class="col-xs-3 volume-group-use-all-allowed-btn">
<% if (!locked) { %>
<button class="btn btn-link" data-i18n="cluster_page.nodes_tab.configure_disks.use_all_allowed_space"></button>
<% } %>
</div>
<div class="volume-group-box-sizetype" data-i18n="common.size.mb"></div>
<div class="col-xs-4 volume-group-input">
<input
id="<%- disk.id + '-' + volumeName %>"
type="text"
class="form-control"
<%= locked ? 'disabled' : '' %>
name="<%- volumeName %>"
value="<%- disk.get('volumes').findWhere({name: volumeName}).get('size') || 0 %>"
/>
</div>
<div class="col-xs-1 volume-group-size-label" data-i18n="common.size.mb"></div>
</div>
</div>
<div class="volume-group-error-message enable-selection"></div>
<% }) %>
<div class="volume-group-error-message common enable-selection"></div>
<div class="volume-group-error text-danger text-right"></div>
<% }) %>
<div class="volume-group-error common text-danger text-right"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>

2
static/templates/wizard/common_wizard_panel.html
View File

@ -1,6 +1,6 @@
<form class="form-horizontal" onsubmit="return false">
<fieldset>
<div class="control-group">
<div class="form-group">
</div>
</fieldset>
</form>

6
static/templates/wizard/control_template.html
View File

@ -1,5 +1,5 @@
<label class="parameter-box clearfix <%- labelClasses %> <%- disabled %>">
<div class="parameter-control">
<label class="parameter-box clearfix col-xs-12 <%- labelClasses %> <%- disabled %>">
<div class="parameter-control col-xs-1">
<div class="custom-tumbler">
<input type="<%- type %>" name="<%- pane %>" <% if (type == 'radio') { %> value="<%- value %>" <% } %> />
<!-- [if !IE |(gte IE 9)]> --><span>&nbsp;</span><!-- <![endif] -->
@ -8,5 +8,5 @@
<div class="parameter-name <%- descriptionClasses %>" data-i18n="<%- label %>"></div>
</label>
<% if (hasDescription) { %>
<div class="modal-parameter-description" data-i18n="<%- description %>"></div>
<div class="modal-parameter-description col-xs-offset-1" data-i18n="<%- description %>"></div>
<% } %>

60
static/templates/wizard/create_cluster_wizard.html
View File

@ -1,33 +1,39 @@
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3 data-i18n="dialog.create_cluster_wizard.title"></h3>
</div>
<div id="wizard" class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" aria-label="Close" data-dismiss="modal">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" data-i18n="dialog.create_cluster_wizard.title"></h4>
</div>
<div class="modal-body wizard-body">
<div class="wizard-steps-box">
<div class="wizard-steps-nav col-xs-3">
<ul class="wizard-step-nav-item nav nav-pills nav-stacked">
<% _.each(panesTitles, function(paneTitle, step) { %>
<li role="wizard-step" class="wizard-step" data-pane="<%= step %>">
<a><%- i18n(paneTitle) %></a>
</li>
<% }) %>
</ul>
</div>
<div class="modal-body wizard-body">
<div class="wizard-steps-box">
<div class="wizard-steps-nav">
<ul class="wizard-step-nav-item">
<% _.each(panesTitles, function(paneTitle, step) { %>
<li class="wizard-step" data-pane="<%= step %>">
<%- i18n(paneTitle) %>
</li>
<% }) %>
</ul>
<div class="pane-content col-xs-9"></div>
<div class="clearfix"></div>
</div>
</div>
<div class="wizard-steps-content">
<fieldset>
<!--<h3 class="pane-title"></h3>-->
<div class="pane-content"></div>
</fieldset>
<div class="modal-footer wizard-footer">
<button class="btn btn-default pull-left" data-dismiss="modal" data-i18n="common.cancel_button"></button>
<button class="btn btn-default prev-pane-btn">
<span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
<span data-i18n="dialog.create_cluster_wizard.prev"></span>
</button>
<button class="btn btn-default btn-success next-pane-btn">
<span data-i18n="dialog.create_cluster_wizard.next"></span>
<span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>
</button>
<button class="btn btn-default btn-success finish-btn" data-i18n="dialog.create_cluster_wizard.create"></button>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="modal-footer wizard-footer">
<button class="btn pull-left" data-dismiss="modal" data-i18n="common.cancel_button"></button>
<button class="btn prev-pane-btn"><i class="icon-prev"></i><span data-i18n="dialog.create_cluster_wizard.prev"></span></button>
<button class="btn btn-success next-pane-btn"><span data-i18n="dialog.create_cluster_wizard.next"></span><i class="icon-next"></i></button>
<button class="btn btn-success finish-btn" data-i18n="dialog.create_cluster_wizard.create"></button>
</div>

8
static/templates/wizard/mode.html
View File

@ -1,11 +1,7 @@
<form class="form-horizontal" onsubmit="return false">
<fieldset>
<div class="row-fluid control-group mode-control-group">
<div class="span5 ">
</div>
<div class="span7">
<p class="help-block mode-description"></p>
</div>
<div class="form-group mode-form-group col-xs-5">
</div>
<p class="help-block mode-description col-xs-7"></p>
</fieldset>
</form>

26
static/templates/wizard/name_and_release.html
View File

@ -1,21 +1,21 @@
<form class="form-horizontal create-cluster-form" onsubmit="return false" autocomplete="off">
<fieldset>
<div class="control-group">
<label class="control-label" data-i18n="dialog.create_cluster_wizard.name_release.name"></label>
<div class="controls">
<input type="text" class="input-large" name="name" maxlength="50" autofocus />
<span class="help-inline"></span>
<div class="form-group">
<label class="control-label col-xs-3" data-i18n="dialog.create_cluster_wizard.name_release.name"></label>
<div class="controls col-xs-9">
<input type="text" class="form-control" name="name" maxlength="50" autofocus />
<span class="help-block"></span>
</div>
</div>
<div class="control-group">
<label class="control-label" data-i18n="dialog.create_cluster_wizard.name_release.release_label"></label>
<div class="controls">
<select name="release"></select>
<div class="form-group">
<label class="control-label col-xs-3" data-i18n="dialog.create_cluster_wizard.name_release.release_label"></label>
<div class="controls col-xs-9 has-warning">
<select class="form-control" name="release"></select>
<% if (connectivityAlert) { %>
<div class="release-alert alert alert-warning alert-regular"><%= connectivityAlert %></div>
<% } %>
<div class="release-description"></div>
</div>
<% if (connectivityAlert) { %>
<div class="release-alert alert alert-warning alert-regular"><%= connectivityAlert %></div>
<% } %>
</div>
<div class="release-description help-block"></div>
</fieldset>
</form>

2
static/templates/wizard/network.html
View File

@ -8,7 +8,7 @@
</a>
</div>
<% } %>
<div class="control-group">
<div class="form-group">
</div>
</fieldset>
</form>

8
static/templates/wizard/storage.html
View File

@ -1,11 +1,9 @@
<form class="form-horizontal" onsubmit="return false">
<fieldset>
<div class="row-fluid control-group">
<div class="ceph">
<div class="form-group">
<div class="ceph col-xs-12">
<h5 data-i18n="dialog.create_cluster_wizard.storage.ceph_description"></h5>
<p class="help-block">&nbsp;</p>
<p class="help-block" data-i18n="dialog.create_cluster_wizard.storage.ceph_help">
</p>
<p class="help-block col-xs-12" data-i18n="dialog.create_cluster_wizard.storage.ceph_help"></p>
</div>
</div>
</fieldset>

2
static/templates/wizard/warning.html
View File

@ -1,3 +1,3 @@
<div class="alert">
<div class="alert alert-warning">
<%- message %>
</div>

Some files were not shown because too many files have changed in this diff Show More