vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Add a logo for quay. Make the navbar a little friendlier to smaller devices.

Browse source
This commit is contained in:
yackob03 2013-10-13 16:13:50 -04:00
parent 07e1ada0cb
commit 65b0b85ffb
7 changed files with 195 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
static/containers-back-black.psd → art/containers-back-black.psd
View file

157
art/quay.svg Normal file
View file

@ -0,0 +1,157 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<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:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="5110.2627"
height="1153.4236"
id="svg2"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="quay.svg"
inkscape:export-filename="/home/jake/Projects/docker/docker-index/static/img/quay-logo.png"
inkscape:export-xdpi="3.7807693"
inkscape:export-ydpi="3.7807693">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.12374369"
inkscape:cx="2403.4867"
inkscape:cy="251.26765"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
showguides="true"
inkscape:guide-bbox="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1263"
inkscape:window-height="719"
inkscape:window-x="241"
inkscape:window-y="256"
inkscape:window-maximized="0" />
<metadata
id="metadata7">
<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>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-4.8193359e-6,-52.362189)">
<g
id="g3763"
transform="translate(-148.47581,536.99503)">
<rect
ry="0"
y="193.79074"
x="173.47581"
height="450"
width="450"
id="rect2987"
style="fill:#94c9f7;fill-opacity:1;stroke:#333333;stroke-width:50;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" />
<path
style="fill:none;stroke:#333333;stroke-width:30;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 263.47581,267.26786 0,303.04577"
id="path4071"
inkscape:connector-curvature="0" />
<path
style="fill:none;stroke:#333333;stroke-width:30;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 533.47581,267.26786 0,303.04577"
id="path4071-7"
inkscape:connector-curvature="0" />
<path
style="fill:none;stroke:#333333;stroke-width:30;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 353.47581,267.26786 0,303.04577"
id="path4071-5"
inkscape:connector-curvature="0" />
<path
style="fill:none;stroke:#333333;stroke-width:30;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 443.4758,267.26786 0,303.04577"
id="path4071-4"
inkscape:connector-curvature="0" />
<text
xml:space="preserve"
style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Your Icons;-inkscape-font-specification:Your Icons"
x="1225.7144"
y="535.21936"
id="text4105"
sodipodi:linespacing="125%"
transform="translate(148.47581,-383.57144)"><tspan
sodipodi:role="line"
id="tspan4107"
x="1225.7144"
y="535.21936" /></text>
</g>
<flowRoot
xml:space="preserve"
id="flowRoot4109"
style="font-size:40px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#333333;fill-opacity:1;stroke:none;font-family:AuxinDemiBold;-inkscape-font-specification:AuxinDemiBold Bold"
transform="matrix(5.3040947,0,0,5.3040947,-1896.448,1958.0034)"><flowRegion
id="flowRegion4111"><rect
id="rect4113"
width="1371.4286"
height="248.57143"
x="282.85715"
y="-347.63782"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#333333;fill-opacity:1;font-family:AuxinDemiBold;-inkscape-font-specification:AuxinDemiBold Bold" /></flowRegion><flowPara
id="flowPara4115"
style="font-size:200px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#333333;fill-opacity:1;font-family:AuxinDemiBold;-inkscape-font-specification:AuxinDemiBold Bold">Quay.io</flowPara></flowRoot> <use
x="0"
y="0"
xlink:href="#g3763"
id="use4181"
transform="translate(500,-1.7578088e-8)"
width="5110.2627"
height="1153.4236" />
<g
transform="translate(904.70209,-60.553938)"
id="use4205">
<g
id="g4330"
transform="translate(-150,0)">
<g
id="g4368"
transform="translate(-913.1779,40.406102)">
<rect
style="fill:#94c9f7;fill-opacity:1;stroke:#333333;stroke-width:50;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="rect4332"
width="450"
height="450"
x="183.47581"
y="250.93361"
ry="0" />
<path
style="fill:#333333;fill-opacity:1;stroke:none"
d="m 308.18951,419.15425 c -0.19716,13.53605 -0.17911,27.51685 -0.17911,41.12473 l -8.52586,0 c -10.83424,0 -19.55933,8.72509 -19.55933,19.55932 l 0,133.40461 c 0,10.83423 8.72509,19.55933 19.55933,19.55933 l 217.98255,0 c 10.83423,0 19.55932,-8.7251 19.55932,-19.55933 l 0,-133.40461 c 0,-10.83423 -8.72509,-19.55932 -19.55932,-19.55932 l -8.66915,0 c 0,-16.54614 -0.0357,-23.0232 -0.0357,-41.55461 -0.35048,-54.86521 -45.36056,-99.6594 -100.37596,-99.6594 -55.0154,0 -100.0795,45.02827 -100.19669,100.08928 z m 160.45092,-0.42988 c 0,16.24542 -0.10742,25.58669 -0.10742,41.55461 l -120.25758,0 0,-41.12473 c 0.11465,-33.37426 26.77909,-59.9676 60.1105,-59.9676 33.3314,0 59.91277,26.36592 60.2545,59.53772 z"
id="path4334"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccsssssssscccccccscc" />
</g>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 6.9 KiB

10
static/css/quay.css
View file

@ -283,7 +283,7 @@ form input.ng-valid.ng-dirty {
}
#repoSearch {
width: 400px;
width: 300px;
}
.repo-mini-listing {
@ -603,6 +603,14 @@ p.editable:hover i {
padding-bottom: 9px;
}
.navbar-brand {
padding: 12px 15px;
}
.navbar-brand img {
height: 25px;
}
.user-dropdown > img {
padding-right: 6px;
}

BIN
static/img/quay-logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.9 KiB

8
templates/index.html
View file

@ -67,15 +67,17 @@ mixpanel.init(isProd ? "50ff2b2569faa3a51c8f5724922ffb7e" : "38014a0f27e7bdc3ff8
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">Quay</a>
<a class="navbar-brand" href="/">
<img src="/static/img/quay-logo.png">
</a>
</div>
<!-- Collapsable stuff -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li><a ng-href="/repository/">Repositories</a></li>
<li><a ng-href="/guide/">Getting Started Guide</a></li>
<li><a ng-href="/plans/">Plans and Pricing</a></li>
<li><a ng-href="/guide/">Getting Started</a></li>
<li><a ng-href="/plans/">Plans &amp; Pricing</a></li>
</ul>

22
templates/privacy.html
View file

@ -11,16 +11,18 @@
<body>
<nav class="navbar navbar-default" role="navigation" ng-controller='HeaderCtrl'>
<!-- Quay -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">Quay</a>
</div>
<!-- Quay -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<img src="/static/img/quay-logo.png">
</a>
</div>
</nav>
<div class="container privacy-policy">

22
templates/tos.html
View file

@ -11,16 +11,18 @@
<body>
<nav class="navbar navbar-default" role="navigation" ng-controller='HeaderCtrl'>
<!-- Quay -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">Quay</a>
</div>
<!-- Quay -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<img src="/static/img/quay-logo.png">
</a>
</div>
</nav>
<div class="tos container">