Rebrand landing page
This commit is contained in:
Joseph Schorr
parent
dcb4935706
commit
fa97e0c839
32 changed files with 387 additions and 362 deletions
316
static/css/pages/landing.css
Normal file
316
static/css/pages/landing.css
Normal file
|
|
@ -0,0 +1,316 @@
|
|||
.landing-page {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.landing-page #padding-container {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.landing-page .main-panel {
|
||||
padding: 0px;
|
||||
border: 0px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.landing.jumbotron {
|
||||
background: transparent;
|
||||
position: relative;
|
||||
color: white;
|
||||
|
||||
margin-bottom: 0px;
|
||||
min-height: 440px;
|
||||
}
|
||||
|
||||
.landing.jumbotron p {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
.landing.jumbotron h1 {
|
||||
margin-bottom: 30px;
|
||||
font-size: 50px;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
.landing.jumbotron h2 {
|
||||
margin-bottom: 60px;
|
||||
font-size: 26px;
|
||||
font-weight: 300;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
.landing.jumbotron .buttons {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
.landing.jumbotron .buttons .btn {
|
||||
padding: 6px;
|
||||
padding-left: 40px;
|
||||
padding-right: 40px;
|
||||
|
||||
border: 1px solid #40B4E5;
|
||||
border-radius: 6px;
|
||||
margin-left: 30px;
|
||||
background-color: transparent;
|
||||
text-transform: uppercase;
|
||||
font-size: 26px;
|
||||
font-weight: 500;
|
||||
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.landing.jumbotron .buttons .btn.highlighted {
|
||||
background-color: rgba(64, 180, 229, 0.4);
|
||||
}
|
||||
|
||||
.landing.jumbotron .buttons .btn:hover {
|
||||
background-color: rgba(64, 180, 229, 0.8);
|
||||
}
|
||||
|
||||
.landing.jumbotron .buttons .btn:first-child {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.landing-background {
|
||||
z-index: 0;
|
||||
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
|
||||
background: url('/static/img/quay_pattern.png') left top repeat, linear-gradient(30deg, #2277ad, #144768) no-repeat left top fixed;
|
||||
background-color: #2277ad;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.landing-content {
|
||||
z-index: 4;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.landing-content {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.landing-content .works-with img {
|
||||
max-height: 28px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.landing-content .works-with .supports {
|
||||
vertical-align: middle;
|
||||
margin-left: 30px;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
max-width: 400px;
|
||||
display: inline-block;
|
||||
padding-left: 30px;
|
||||
border-left: 1px solid white;
|
||||
height: 42px;
|
||||
text-align: left;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
|
||||
.landing-section {
|
||||
padding: 20px;
|
||||
padding-bottom: 40px;
|
||||
border-top: 1px solid #ddd;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.landing-section:nth-child(even) {
|
||||
background: #f7f7f7;
|
||||
}
|
||||
|
||||
.landing-section h2 {
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-bottom: 30px;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
|
||||
.landing-page .tour-overview {
|
||||
}
|
||||
|
||||
.landing-page .tour-overview img {
|
||||
width: 500px;
|
||||
padding: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.landing-signup-button {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet {
|
||||
width: 100%;
|
||||
margin: 0px;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet p {
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet .attribute {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet .info-wrap {
|
||||
display: inline-block;
|
||||
padding-left: 70px;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet .twitter-avatar img {
|
||||
border-radius: 4px;
|
||||
border: 2px solid rgb(70, 70, 70);
|
||||
width: 50px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet .info {
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
text-align: left;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet .reference {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet .author {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.landing-page .shoutout {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
line-height: normal;
|
||||
padding-top: 30px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.landing-page .shoutout > i {
|
||||
font-size: 50px;
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
height: 92px;
|
||||
text-align: center;
|
||||
line-height: 92px;
|
||||
background-image: url(/static/img/landing-icon-background.svg);
|
||||
color: #337ab7;
|
||||
}
|
||||
|
||||
.landing-page .shoutout .shoutout-link {
|
||||
font-size: 20px;
|
||||
display: block;
|
||||
line-height: 31px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.landing-page .shoutout .shoutout-expand {
|
||||
font-family: Source Sans Pro;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: #717273;
|
||||
}
|
||||
|
||||
.landing-page .feature-shoutout {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.landing-page .feature-shoutout > a {
|
||||
font-size: 22px;
|
||||
display: block;
|
||||
line-height: 31px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.landing-page .feature-shoutout .img-responsive {
|
||||
border: 2px solid #eee;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.landing-page .landing-action {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.landing-page .landing-action .btn {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.landing-page .enterprise-logo {
|
||||
display: inline-block;
|
||||
background: white;
|
||||
|
||||
border: 1px solid transparent;
|
||||
padding: 30px;
|
||||
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
-ms-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
-o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.landing-page .enterprise-logo img {
|
||||
max-height: 50px;
|
||||
}
|
||||
|
||||
@media (max-width: 989px) {
|
||||
.landing-content .works-with .supports {
|
||||
display: block;
|
||||
margin: 0px;
|
||||
margin-top: 20px;
|
||||
padding: 0px;
|
||||
border: 0px;
|
||||
text-align: center;
|
||||
max-width: 989px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.landing-page .buttons {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.landing-page .btn {
|
||||
margin: 0px !important;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.landing-page .btn:last-child {
|
||||
margin-top: 20px !important;
|
||||
}
|
||||
|
||||
.landing-content .works-with {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.landing-content .works-with .text {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.landing-content .works-with .works-logo {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.landing-content .works-with img {
|
||||
margin-left: 0px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1148,221 +1148,6 @@ i.toggle-icon:hover {
|
|||
padding: 20px;
|
||||
}
|
||||
|
||||
.jumbotron {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.jumbotron p {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
.jumbotron .disclaimer-link {
|
||||
font-size: .3em;
|
||||
vertical-align: 23px;
|
||||
}
|
||||
|
||||
.jumbotron .disclaimer-link:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.landing-page .help-block {
|
||||
color: #C9C9C9;
|
||||
}
|
||||
|
||||
.landing-page {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.landing-page #padding-container {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.landing-page .main-panel {
|
||||
padding: 0px;
|
||||
border: 0px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.landing-page.signedin .main-panel {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.landing {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.landing .popover {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.landing-background {
|
||||
z-index: 0;
|
||||
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
|
||||
background: url('/static/img/network-tile.png') left top repeat, linear-gradient(30deg, #2277ad, #144768) no-repeat left top fixed;
|
||||
background-color: #2277ad;
|
||||
background-size: auto, 100% 100%;
|
||||
}
|
||||
|
||||
.landing-page.signedin .landing-background {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.landing-filter {
|
||||
z-index: 0;
|
||||
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.landing-content {
|
||||
z-index: 2;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.landing .call-to-action i.fa {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.landing .call-to-action {
|
||||
font-size: 18px;
|
||||
padding-left: 14px;
|
||||
padding-right: 14px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
|
||||
background: rgba(15, 131, 203, 0.6);
|
||||
display: inline-block;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.landing {
|
||||
color: white;
|
||||
|
||||
margin-bottom: 0px;
|
||||
padding-top: 40px;
|
||||
min-height: 440px;
|
||||
}
|
||||
|
||||
.landing a:not(.btn) {
|
||||
color: #BEE1FF;
|
||||
}
|
||||
|
||||
.landing .logo {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 16px;
|
||||
}
|
||||
|
||||
.landing .product-name {
|
||||
position: absolute;
|
||||
top: 22px;
|
||||
left: 131px;
|
||||
color: white;
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.landing .messages h1 {
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
.landing-section {
|
||||
padding: 20px;
|
||||
padding-bottom: 40px;
|
||||
border-top: 1px solid #ddd;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.landing-section:nth-child(even) {
|
||||
background: #f7f7f7;
|
||||
}
|
||||
|
||||
.landing-section h2 {
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-bottom: 30px;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.landing-page .tour-overview {
|
||||
}
|
||||
|
||||
.landing-page .tour-overview img {
|
||||
width: 500px;
|
||||
padding: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.form-signup input {
|
||||
margin: 12px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.signin-buttons {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.landing-signup-button {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet {
|
||||
width: 100%;
|
||||
margin: 0px;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet p {
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet .attribute {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet .info-wrap {
|
||||
display: inline-block;
|
||||
padding-left: 70px;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet .twitter-avatar img {
|
||||
border-radius: 4px;
|
||||
border: 2px solid rgb(70, 70, 70);
|
||||
width: 50px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet .info {
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
text-align: left;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet .reference {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet .author {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.follow-button {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -1415,68 +1200,13 @@ form input.ng-valid.ng-dirty,
|
|||
border-top: 4px solid #ccc;
|
||||
}
|
||||
|
||||
.landing .popover-content {
|
||||
color: black;
|
||||
.form-signup input {
|
||||
margin: 12px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.landing-page .shoutout > i {
|
||||
font-size: 50px;
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
background: #eee;
|
||||
.signin-buttons {
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
line-height: 120px;
|
||||
}
|
||||
|
||||
.landing-page .shoutout > b {
|
||||
font-size: 22px;
|
||||
display: block;
|
||||
line-height: 31px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.landing-page .shoutout {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
line-height: normal;
|
||||
padding-top: 30px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.landing-page .shoutout .shoutout-link {
|
||||
display: block;
|
||||
margin-top: 16px;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.landing-page .feature-shoutout {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.landing-page .feature-shoutout > a {
|
||||
font-size: 22px;
|
||||
display: block;
|
||||
line-height: 31px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.landing-page .feature-shoutout .img-responsive {
|
||||
border: 2px solid #eee;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.landing-page .landing-action {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.landing-page .landing-action a {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.footer-container, .push {
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
|
|
@ -1,48 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 17.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="325.68px" height="112.574px" viewBox="0 0 325.68 112.574" enable-background="new 0 0 325.68 112.574"
|
||||
xml:space="preserve">
|
||||
<path d="M95.701,60.164c0,27.658,9.385,30.316,24.336,30.316c14.95-0.083,24.502-3.488,24.502-30.316
|
||||
c0-28.489-10.133-31.229-24.502-31.229C105.916,28.934,95.701,31.675,95.701,60.164 M107.329,60.164
|
||||
c0-19.352,3.738-20.515,12.708-20.515c9.22,0,12.874,1.578,12.874,20.515c0,16.363-3.073,19.602-12.874,19.602
|
||||
C109.654,79.766,107.329,76.775,107.329,60.164z M116.465,92.889c0.665,10.632,11.711,13.538,20.1,11.711v-9.385
|
||||
c-4.9,1.329-10.881,2.076-13.538-2.326H116.465z"/>
|
||||
<path d="M150.438,75.364c0,8.472,2.907,15.532,13.123,15.532c6.727,0,9.635-2.824,14.037-5.399l2.243,4.651h9.386V46.044h-11.628
|
||||
v31.645c-3.405,2.658-5.98,3.821-10.631,3.821c-2.907,0-4.901-1.495-4.901-5.897V46.044h-11.628V75.364z"/>
|
||||
<path d="M195.457,78.935c0,5.731,3.987,11.462,12.459,11.711c6.728,0.166,12.957-4.402,13.455-5.316l2.409,4.818h9.22V59.417
|
||||
c0-10.964-6.479-14.203-15.947-14.203c-8.223,0-14.286,0.665-20.1,2.907v7.226c3.571-0.249,14.618-0.914,18.522-0.914
|
||||
c3.654,0,5.897,0.665,5.897,5.399c0.083,0.083,0,2.824,0,2.824c0,0.083-12.957,0-12.957,0c-9.469,0-12.957,5.648-12.957,12.127
|
||||
V78.935z M207.085,77.274v-2.16c0-1.91,0.499-4.236,3.572-4.485l10.714-0.831v8.057c0,0-5.316,3.488-10.133,3.488
|
||||
C209.078,81.344,207.085,80.929,207.085,77.274z"/>
|
||||
<path d="M236.573,46.044l8.638,32.891c2.159,8.14,6.977,11.213,13.123,11.213l-6.229,22.426h8.306l6.063-8.472l15.283-58.058H269.63
|
||||
l-8.804,34.137c-0.664-0.083-3.489,0.249-4.402-3.239l-7.641-30.898H236.573z"/>
|
||||
<path d="M283.668,89.321c0,0.621,0.443,1.021,1.065,1.021h3.815c0.621,0,1.109-0.222,1.109-1.021v-3.992
|
||||
c0-0.71-0.311-1.109-1.109-1.109h-3.815c-0.71,0-1.065,0.444-1.065,1.109V89.321z"/>
|
||||
<path d="M294.138,63.281c0,0.621,0.444,1.021,1.065,1.021h4.658c0.621,0,0.976-0.355,0.976-1.021v-3.904
|
||||
c0-0.621-0.311-1.153-0.976-1.153h-4.658c-0.71,0-1.065,0.444-1.065,1.153V63.281z M294.36,90.342h6.211V66.785h-6.211V90.342z"/>
|
||||
<path d="M304.208,78.896c0,8.429,2.617,11.667,10.736,11.667c8.251,0,10.735-2.928,10.735-11.667
|
||||
c0-9.361-2.617-12.333-10.735-12.333C307.003,66.563,304.208,69.27,304.208,78.896 M310.419,78.896c0-6.61,0.843-7.364,4.525-7.364
|
||||
c3.726,0,4.525,0.754,4.525,7.364c0,6.21-1.02,6.654-4.525,6.654C311.661,85.55,310.419,84.974,310.419,78.896z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.505,0c13.241,0,24.037,13.64,24.588,30.737h-8.876
|
||||
c0-11.805-7.035-21.374-15.712-21.374c-8.678,0-15.713,9.569-15.713,21.374h-8.876C14.467,13.64,25.264,0,38.505,0"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.504,57.156c2.483,0,4.495,2.013,4.495,4.495c0,0.946-0.292,1.823-0.791,2.547
|
||||
l2.294,12.511H32.507l2.294-12.511c-0.499-0.724-0.791-1.601-0.791-2.547C34.009,59.168,36.022,57.156,38.504,57.156"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.394,34.801h4.724c1.317,0,2.394,1.077,2.394,2.394v59.474
|
||||
c0,1.317-1.077,2.394-2.394,2.394H2.394C1.077,99.063,0,97.986,0,96.669V37.195C0,35.878,1.077,34.801,2.394,34.801"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.314,34.801h4.724c1.316,0,2.394,1.077,2.394,2.394v59.474
|
||||
c0,1.317-1.077,2.394-2.394,2.394h-4.724c-1.316,0-2.394-1.077-2.394-2.394V37.195C13.92,35.878,14.997,34.801,16.314,34.801"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.183,34.801h4.724c1.317,0,2.394,1.077,2.394,2.394V51.96
|
||||
c0,1.317-1.077,2.394-2.394,2.394h-4.724c-1.317,0-2.394-1.077-2.394-2.394V37.195C26.789,35.878,27.866,34.801,29.183,34.801"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M43.103,34.801h4.724c1.316,0,2.393,1.077,2.393,2.394V51.96
|
||||
c0,1.317-1.077,2.394-2.393,2.394h-4.724c-1.316,0-2.394-1.077-2.394-2.394V37.195C40.709,35.878,41.786,34.801,43.103,34.801"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.971,34.801h4.724c1.317,0,2.394,1.077,2.394,2.394v59.474
|
||||
c0,1.317-1.077,2.394-2.394,2.394h-4.724c-1.316,0-2.393-1.077-2.393-2.394V37.195C53.578,35.878,54.655,34.801,55.971,34.801"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M69.891,34.801h4.724c1.317,0,2.394,1.077,2.394,2.394v59.474
|
||||
c0,1.317-1.077,2.394-2.394,2.394h-4.724c-1.317,0-2.394-1.077-2.394-2.394V37.195C67.498,35.878,68.575,34.801,69.891,34.801"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.183,79.51h4.724c1.317,0,2.394,1.077,2.394,2.394V96.67
|
||||
c0,1.317-1.077,2.394-2.394,2.394h-4.724c-1.317,0-2.394-1.077-2.394-2.394V81.904C26.789,80.588,27.866,79.51,29.183,79.51"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M43.103,79.51h4.724c1.316,0,2.393,1.077,2.393,2.394V96.67
|
||||
c0,1.317-1.077,2.394-2.393,2.394h-4.724c-1.316,0-2.394-1.077-2.394-2.394V81.904C40.709,80.588,41.786,79.51,43.103,79.51"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 531 KiB |
BIN
static/img/docker-white-custom.png
Normal file
BIN
static/img/docker-white-custom.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 884 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 151 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 920 KiB |
8
static/img/landing-icon-background.svg
Normal file
8
static/img/landing-icon-background.svg
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="-344 260 102.2 94" style="enable-background:new -344 260 102.2 94;" xml:space="preserve">
|
||||
<g>
|
||||
<polygon style="fill:#ECEEEF;" points="-321.7,260 -263.9,260 -241.6,307 -263.9,354 -321.7,354 -343.9,307 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 496 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
BIN
static/img/quay_pattern.png
Normal file
BIN
static/img/quay_pattern.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 220 KiB |
BIN
static/img/quay_pattern2x.png
Normal file
BIN
static/img/quay_pattern2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 604 KiB |
28
static/img/rkt-horizontal-white.svg
Normal file
28
static/img/rkt-horizontal-white.svg
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 17.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="253.846px" height="106.509px" viewBox="0 0 253.846 106.509" enable-background="new 0 0 253.846 106.509"
|
||||
xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M57.359,103.202c0,0,1.943-9.385,10.066-20.65c5.646-3.262,11.308-7.259,16.104-12.054
|
||||
c4.434-21.988-2.297-45.579-2.297-45.579s-23.591-6.73-45.578-2.296c-4.797,4.798-8.792,10.46-12.054,16.104
|
||||
C12.332,46.848,2.949,48.791,2.949,48.791s7.505,5.153,11.126,11c-1.542,4.448-2.267,7.314-2.267,7.314
|
||||
c0.587,2.745,2.324,5.947,4.721,9.178c-1.655,1.312-3.595,2.677-5.703,3.818c-0.252,0.139-0.51,0.272-0.767,0.402
|
||||
c1.809,5.967,9.799,13.482,15.619,15.507c0.118-0.233,0.241-0.463,0.366-0.692c1.174-2.165,2.583-4.154,3.927-5.839
|
||||
c3.261,2.366,6.448,4.129,9.074,4.861c0,0,2.869-0.724,7.316-2.266C52.206,95.696,57.359,103.202,57.359,103.202z M40.775,83.328
|
||||
c-3.347-1.45-7.792-5.02-10.822-8.052c-4.097-4.097-6.317-7.587-7.169-9.759c1.439-4.905,6.967-21.849,17.584-33.24
|
||||
c12.804-2.174,26.217,0.163,32.055,1.45c1.286,5.836,3.626,19.252,1.45,32.055C62.552,76.343,45.853,81.835,40.775,83.328z"/>
|
||||
<circle fill="#FFFFFF" cx="52.002" cy="54.15" r="8.769"/>
|
||||
</g>
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M114.595,33.664h8.704l0.896,11.265h0.384c4.224-7.809,10.625-12.801,17.665-12.801
|
||||
c2.688,0,4.608,0.384,6.656,1.28l-2.048,9.216c-2.048-0.64-3.456-1.024-6.016-1.024c-5.249,0-11.521,3.84-15.745,14.336v39.938
|
||||
h-10.497V33.664z"/>
|
||||
<path fill="#FFFFFF" d="M157.009,4.735h10.368v61.699h0.384l26.497-32.77h11.648l-20.865,24.961l23.681,37.25h-11.521
|
||||
l-18.177-29.954L167.377,79.49v16.385h-10.368V4.735z"/>
|
||||
<path fill="#FFFFFF" d="M221.37,42.241h-9.216v-7.937l9.729-0.64l1.28-17.409h8.833v17.409h16.769v8.577h-16.769v34.562
|
||||
c0,7.68,2.432,12.032,9.601,12.032c2.176,0,4.992-0.896,7.04-1.664l2.048,7.937c-3.456,1.152-7.681,2.304-11.521,2.304
|
||||
c-13.313,0-17.793-8.448-17.793-20.737V42.241z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
|
|
@ -160,7 +160,11 @@ angular.module('quay').directive('headerBar', function () {
|
|||
|
||||
$scope.getEnterpriseLogo = function() {
|
||||
if (!Config.ENTERPRISE_LOGO_URL) {
|
||||
return '/static/img/QuayByCoreOS_horizontal_color.svg';
|
||||
if (Features.BILLING) {
|
||||
return '/static/img/QuayByCoreOS_horizontal_color.svg';
|
||||
} else {
|
||||
return '/static/img/QuayEnterprise_horizontal_color.svg'
|
||||
}
|
||||
}
|
||||
|
||||
return Config.ENTERPRISE_LOGO_URL;
|
||||
|
|
|
|||
|
|
@ -84,7 +84,7 @@
|
|||
|
||||
$scope.getEnterpriseLogo = function() {
|
||||
if (!Config.ENTERPRISE_LOGO_URL) {
|
||||
return '/static/img/quay-logo.png';
|
||||
return '/static/img/QuayEnterprise_horizontal_color.svg';
|
||||
}
|
||||
|
||||
return Config.ENTERPRISE_LOGO_URL;
|
||||
|
|
|
|||
|
|
@ -1,14 +1,12 @@
|
|||
<div class="jumbotron landing">
|
||||
<div class="landing-background landing"></div>
|
||||
<div class="landing-filter landing"></div>
|
||||
<div class="landing-content">
|
||||
<div class="cor-container">
|
||||
<div class="row messages">
|
||||
<div class="col-md-7">
|
||||
<span style="display: inline-block; background: white; padding: 10px; border-radius: 10px;">
|
||||
<img ng-src="{{ getEnterpriseLogo() }}" style="max-height: 100px;">
|
||||
<span class="enterprise-logo">
|
||||
<img ng-src="{{ getEnterpriseLogo() }}">
|
||||
</span>
|
||||
<h1>Enterprise Registry</h1>
|
||||
</div> <!-- col -->
|
||||
|
||||
<div class="col-md-4 col-md-offset-1">
|
||||
|
|
|
|||
|
|
@ -1,26 +1,18 @@
|
|||
<div class="jumbotron landing">
|
||||
<div class="landing-background landing"></div>
|
||||
<div class="landing-filter landing"></div>
|
||||
<div class="landing-background"></div>
|
||||
<div class="landing-content">
|
||||
<div class="co-alert co-alert-info" style="color:black;" ng-show="userRegistered">
|
||||
Thank you for registering! We have sent you an activation email.
|
||||
You must <b>verify your email address</b> before you can continue.
|
||||
<h1>Build, Store and Distribute your Containers</h1>
|
||||
<h2>Powerful Build Triggers. Advanced Team Permissions. Secure Storage.</h2>
|
||||
<div class="buttons">
|
||||
<a href="/plans?trial-plan=free" class="btn highlighted">Try it for free</a>
|
||||
<a href="/plans" class="btn">View plans</a>
|
||||
</div>
|
||||
<div class="works-with">
|
||||
<span class="text">Works with</span>
|
||||
<span class="works-logo"><img src="/static/img/docker-white-custom.png"></span>
|
||||
<span class="works-logo"><img src="/static/img/rkt-horizontal-white.svg"></span>
|
||||
<span class="supports">Supports Docker and rkt images. Images are transformed on the fly, allowing you to push Docker and pull rkt.</span>
|
||||
</div>
|
||||
|
||||
<div class="cor-container">
|
||||
<div class="row messages">
|
||||
<div class="col-md-7">
|
||||
<h1>Secure hosting for <b>private</b> Docker<a class="disclaimer-link" href="/disclaimer" target="_self">*</a> repositories</h1>
|
||||
<h3>Use the Docker images <b>your team</b> needs with the safety of <b>private</b> repositories</h3>
|
||||
<a href="/plans/" class="call-to-action">Start your free 30 day trial today<i class="fa fa-arrow-right"></i></a>
|
||||
</div> <!-- col -->
|
||||
|
||||
<div class="col-md-4 col-md-offset-1">
|
||||
<div class="signup-form" user-registered="handleUserRegistered()"
|
||||
hide-registered-message="true"></div>
|
||||
</div> <!-- col -->
|
||||
</div> <!-- row -->
|
||||
</div> <!-- container -->
|
||||
</div>
|
||||
</div> <!-- jumbotron -->
|
||||
|
||||
|
|
@ -30,30 +22,27 @@
|
|||
<div class="row">
|
||||
<div class="col-md-4 shoutout">
|
||||
<i class="fa fa-lock"></i>
|
||||
<b>Private Storage</b>
|
||||
<a class="shoutout-link" href="/tour/features">Private Storage</a>
|
||||
<span class="shoutout-expand">
|
||||
Push and pull Docker images to a private registry, with a focus on user experience
|
||||
Push and pull Docker and rkt images to a private registry, with a focus on user experience
|
||||
for your developers.
|
||||
</span>
|
||||
<a class="shoutout-link" href="/tour/features">View Features</a>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 shoutout">
|
||||
<i class="fa fa-group"></i>
|
||||
<b>Teamwork Optimized</b>
|
||||
<a class="shoutout-link" href="/tour/organizations">Teamwork Optimized</a>
|
||||
<span class="shoutout-expand">
|
||||
Specially designed for teams, organizations and businesses that use Docker.
|
||||
Specially designed for organizations with multiple teams that manage their own containers and permissions.
|
||||
</span>
|
||||
<a class="shoutout-link" href="/tour/organizations">View Teams and Organizations</a>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 shoutout">
|
||||
<i class="fa fa-cogs"></i>
|
||||
<b>Deployment Made Easy</b>
|
||||
<a class="shoutout-link" href="http://docs.quay.io/solution">Deployment Made Easy</a>
|
||||
<span class="shoutout-expand">
|
||||
Tools and Solutions that help make your application deployment simple and straightforward.
|
||||
Integrations with GitHub and other tools to make deployments simple and automated.
|
||||
</span>
|
||||
<a class="shoutout-link" href="http://docs.quay.io/solution">View Solutions</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -132,8 +121,8 @@
|
|||
<div class="cor-container">
|
||||
<div class="row testimonial">
|
||||
<div class="message">
|
||||
Quay.io has become an essential part of our infrastructure as we move to Docker-based deploys.
|
||||
The support and service that the Quay.io team provides is phenomenal. We couldn't do it without them!
|
||||
Quay has become an essential part of our infrastructure as we move to Docker-based deploys.
|
||||
The support and service that the Quay team provides is phenomenal. We couldn't do it without them!
|
||||
</div>
|
||||
|
||||
<div class="speaker-info">
|
||||
|
|
@ -149,7 +138,7 @@
|
|||
</div> <!-- -->
|
||||
|
||||
<div class="landing-section">
|
||||
<h2>See what other people are saying about Quay.io</h2>
|
||||
<h2>See what other people are saying about Quay</h2>
|
||||
<div class="cor-container">
|
||||
<div class="row">
|
||||
<div class="jcarousel-wrapper">
|
||||
|
|
@ -220,10 +209,10 @@
|
|||
</div>
|
||||
|
||||
<div class="landing-section">
|
||||
<h2>Start pushing to Quay.io in under a minute</h2>
|
||||
<h2>Start pushing to Quay in under a minute</h2>
|
||||
<div class="cor-container">
|
||||
<div class="row landing-action">
|
||||
<a href="/plans" class="btn btn-primary">Start Free Trial</a>
|
||||
<a href="/plans?trial-plan=free" class="btn btn-primary">Try it for free</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Reference in a new issue