zuul
/
zuul
Code Issues Proposed changes

PF4: Add new Zuul logo with text 

The logo is taken from [1]. I've just adapted the color and viewport to
fit to the new design and fill out the available space in the navbar.

[1] https://www.openstack.org/brand/openstack-logo/logo-download/

Change-Id: I4bd83446237935e9a1c2d29992fd9eef9d359eed
This commit is contained in:
Felix Edel 2020-06-25 15:48:28 +02:00
parent 65653bcd01
commit b340270933
No known key found for this signature in database
GPG Key ID: E95717A102DD3030
3 changed files with 22 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
web/src/images/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 930 B

103
web/src/images/logo.svg
View File

@ -1,83 +1,22 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Layer_1"
x="0px"
y="0px"
viewBox="0 0 144 144"
style="enable-background:new 0 0 144 144;"
xml:space="preserve"
inkscape:version="0.91 r13725"
sodipodi:docname="logo.svg"
inkscape:export-filename="/data/logo.png"
inkscape:export-xdpi="8.7290258"
inkscape:export-ydpi="8.7290258"><metadata
id="metadata21"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs19" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1220"
inkscape:window-height="740"
id="namedview17"
showgrid="false"
showborder="false"
inkscape:zoom="0.81944444"
inkscape:cx="250.26215"
inkscape:cy="186.8512"
inkscape:window-x="252"
inkscape:window-y="337"
inkscape:window-maximized="0"
inkscape:current-layer="Layer_1"><inkscape:grid
type="xygrid"
id="grid3360" /></sodipodi:namedview><style
type="text/css"
id="style3">
.st0{fill:#071D49;}
</style><path
style="fill:#e6e6e6"
inkscape:connector-curvature="0"
id="path7"
d="m 12.8,102.6 118.5,0 -25.3,-43.8 0,-15 7,-9.2 -21,0 L 72,0 52,34.7 l -20.9,0 7,9.2 0,15 -25.3,43.7 z m 25.2,-6 -14.9,0 14.9,-25.8 0,25.8 z m 10.4,0 -4.4,0 0,-35.3 4.3,0 0,35.3 z m 0,-41.3 -4.4,0 0,-4.3 4.3,0 0,4.3 z m 20.6,41.3 -14.7,0 0,-35.3 14.7,0 0,35.3 z m 20.7,0 -14.7,0 0,-35.3 14.7,0 0,35.3 z m 0,-41.3 -35.4,0 0,-4.3 35.3,0 0,4.3 z m 10.3,41.3 -4.3,0 0,-35.3 4.3,0 0,35.3 z m 0,-41.3 -4.3,0 0,-4.3 4.3,0 0,4.3 z m 6,15.5 14.9,25.8 -14.9,0 0,-25.8 z M 72,12 85.1,34.7 58.9,34.7 72,12 Z m 28.9,28.7 -0.9,1.2 0,3.1 -56,0 0,-3.2 -0.9,-1.2 57.8,0 z"
class="st0"
inkscape:export-xdpi="14.038373"
inkscape:export-ydpi="14.038373" /><g
id="g3354"
transform="matrix(3,0,0,3,155.07357,-334.75)"
style="fill:#e6e6e6"
inkscape:export-xdpi="14.038373"
inkscape:export-ydpi="14.038373"><polygon
class="st0"
points="138.2,137.3 125.1,137.3 125.1,114.6 119.1,118.1 119.1,137.3 119.1,139.6 119.1,143.3 141.6,143.3 "
id="polygon9"
style="fill:#e6e6e6" /><path
class="st0"
d="m 99.1,131.5 0,0 0,0 c 0,3.6 -2.9,6.5 -6.5,6.5 -3.6,0 -6.5,-2.9 -6.5,-6.5 l 0,0 0,0 0,-16.9 -6,3.5 0,13.5 0,0 c 0,6.9 5.6,12.5 12.5,12.5 6.9,0 12.5,-5.6 12.5,-12.5 l 0,0 0,-16.9 -6,3.5 0,13.3 z"
id="path11"
inkscape:connector-curvature="0"
style="fill:#e6e6e6" /><path
class="st0"
d="m 60.2,131.5 0,0 0,0 c 0,3.6 -2.9,6.5 -6.5,6.5 -3.6,0 -6.5,-2.9 -6.5,-6.5 l 0,0 0,0 0,-16.9 -6,3.5 0,13.5 0,0 c 0,6.9 5.6,12.5 12.5,12.5 6.9,0 12.5,-5.6 12.5,-12.5 l 0,0 0,-16.9 -6,3.5 0,13.3 z"
id="path13"
inkscape:connector-curvature="0"
style="fill:#e6e6e6" /><polygon
class="st0"
points="2.4,143.3 23.8,143.3 27.3,137.3 12.7,137.3 25.8,114.6 25.4,114.6 18.9,114.6 5.8,114.6 2.4,120.6 15.5,120.6 "
id="polygon15"
style="fill:#e6e6e6" /></g></svg>
<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"
viewBox="0 20 284.3 124" style="enable-background:new 0 20 284.3 124;" xml:space="preserve">
<style type="text/css">
.st0{fill:#f0f0f0;}
</style>
<g>
<path class="st0" d="M34.2,100.8h66.5L86.5,76.2v-8.4l3.9-5.1H78.6L67.4,43.2L56.2,62.7H44.4l3.9,5.1v8.4L34.2,100.8z M48.4,97.4
H40l8.4-14.5V97.4z M54.1,97.4h-2.4V77.6h2.4V97.4z M54.1,74.3h-2.4v-2.4h2.4V74.3z M65.7,97.4h-8.2V77.6h8.2V97.4z M77.3,97.4
h-8.2V77.6h8.2V97.4z M77.3,74.3H57.5v-2.4h19.8V74.3z M83.1,97.4h-2.4V77.6h2.4V97.4z M83.1,74.3h-2.4v-2.4h2.4V74.3z M86.5,82.9
l8.4,14.5h-8.4V82.9z M67.4,49.9l7.4,12.7H60L67.4,49.9z M83.6,66l-0.5,0.7v1.8H51.7v-1.8L51.2,66H83.6z"/>
<g>
<polygon class="st0" points="246.7,80 233.5,80 233.5,57.2 227.5,60.7 227.5,86 250.2,86 "/>
<path class="st0" d="M207.5,74.2L207.5,74.2L207.5,74.2c0,3.6-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5l0,0l0,0v-17l-6,3.5v13.5l0,0
c0,6.9,5.6,12.5,12.5,12.5s12.5-5.6,12.5-12.5l0,0v-17l-6,3.5V74.2z"/>
<path class="st0" d="M168.4,74.2L168.4,74.2L168.4,74.2c0,3.6-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5l0,0l0,0v-17l-6,3.5v13.5l0,0
c0,6.9,5.6,12.5,12.5,12.5s12.5-5.6,12.5-12.5l0,0v-17l-6,3.5V74.2z"/>
<polygon class="st0" points="133.9,57.2 113.8,57.2 110.4,63.3 123.5,63.3 110.4,86 131.9,86 135.4,80 120.8,80 "/>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

3
web/src/index.css
View File

@ -22,8 +22,7 @@ a.refresh {
.zuul-brand {
/* TODO (felix): If we can define a size in the logo.svg itself, this
shouldn't be necessary. */
height: 30px;
width: 30px;
height: 40px;
}
.zuul-select-tz {