Www fixes (ampproject#204)

* Amp Start logo update. * Minor License file update * Footer Borders * Carrot image * Carrots for HTML Expansion * Fix logo
israelcefrin · Mar 3, 2017 · 3aa3534 · 3aa3534
1 parent e7a5251
commit 3aa3534
Show file tree

Hide file tree

Showing 10 changed files with 45 additions and 14 deletions.
diff --git a/css/www/components/page.css b/css/www/components/page.css
@@ -90,6 +90,18 @@ body .www-component-anchors .www-component-anchor[option][selected] {
   background: var(--color-highlight-background);
 }
 
+.www-example-code amp-accordion h3::after {
+  content: "";
+  background: url(img/www/caret.svg) 0 0 transparent no-repeat;
+  width: 11px;
+  height: 7px;
+  display: inline-block;
+  margin-left: var(--space-3);
+}
+.www-example-code amp-accordion [expanded] h3::after {
+  transform: scaleY(-1);
+}
+
 @media (--breakpoint-xs) {
   .www-component-desc > * {
     padding-left: 0;

diff --git a/css/www/shared.css b/css/www/shared.css
@@ -26,6 +26,10 @@ h1,h2,h3,h4,h5,h6,
   font-family: Inconsolata, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
 }
 
+.ampstart-headerbar-nav .ampstart-nav-item {
+  padding-right: 1rem;
+}
+
 .ampstart-headerbar-nav .ampstart-nav-item.www-current-page {
   color: #066573;
 }
@@ -59,6 +63,19 @@ h1,h2,h3,h4,h5,h6,
   bottom: 0;
 }
 
+.ampstart-footer {
+  position: relative;
+}
+
+.ampstart-footer::before {
+  content: '';
+  position: absolute;
+  width: 100%;
+  height: 35px;
+  background-image: var(--header-gradient);
+  top: 0;
+}
+
 .ampstart-device-preview-mask,
 .ampstart-device-preview-select {
   background: var(--color-highlight-background);

diff --git a/img/www/amp_start_logo.svg b/img/www/amp_start_logo.svg
diff --git a/img/www/caret.svg b/img/www/caret.svg
diff --git a/tasks/bundle.js b/tasks/bundle.js
@@ -113,7 +113,7 @@ 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.
 
-Normalize | https://github.com/necolas/normalize.css/blob/master/LICENSE.md
+Normalize.css | https://github.com/necolas/normalize.css/blob/master/LICENSE.md
 ----------------------------------------------------------------------------
 # The MIT License (MIT)
 Copyright (c) 2013 – 2016 Brent Jackson

diff --git a/www/components.html b/www/components.html
@@ -29,7 +29,7 @@ <h1 class="mb4 px2 col-12 sm-col-8 mx-auto">UI Components</h1>
   <amp-selector layout="container">
   <main class="flex pl2">
     <aside class="www-components-sec-nav col-2 xs-hide sm-hide relative">
-      <ul class="www-component-anchors list-reset m0 p0 px1 caps">
+      <ul class="www-component-anchors list-reset m0 pt0 pb3 px1 caps">
         {{#components}}
           <li class="clearfix mb3"><a href="#{{id}}" class="www-component-anchor text-decoration-none left" option="">{{name}}</a></li>
         {{/components}}

diff --git a/www/components.json b/www/components.json
@@ -22,9 +22,9 @@
     },
     "navbar": {
       "logo": {
-        "url": "../img/www/amp_logo_black.svg",
-        "width": "24",
-        "height": "24",
+        "url": "../img/www/amp_start_logo.svg",
+        "width": "119",
+        "height": "26",
         "classes": "xs-hide sm-hide",
         "href": "/"
       },

diff --git a/www/getstarted.json b/www/getstarted.json
@@ -18,9 +18,9 @@
     },
     "navbar": {
       "logo": {
-        "url": "../img/www/amp_logo_black.svg",
-        "width": "24",
-        "height": "24",
+        "url": "../img/www/amp_start_logo.svg",
+        "width": "119",
+        "height": "26",
         "classes": "xs-hide sm-hide",
         "href": "/"
       },

diff --git a/www/howitworks.json b/www/howitworks.json
@@ -17,9 +17,9 @@
     },
     "navbar": {
       "logo": {
-        "url": "../img/www/amp_logo_black.svg",
-        "width": "24",
-        "height": "24",
+        "url": "../img/www/amp_start_logo.svg",
+        "width": "119",
+        "height": "26",
         "classes": "xs-hide sm-hide",
         "href": "/"
       },

diff --git a/www/index.json b/www/index.json
@@ -21,9 +21,9 @@
     },
     "navbar": {
       "logo": {
-        "url": "../img/www/amp_logo_black.svg",
-        "width": "24",
-        "height": "24",
+        "url": "../img/www/amp_start_logo.svg",
+        "width": "119",
+        "height": "26",
         "classes": "xs-hide sm-hide",
         "href": "/"
       },