From ff985c7059780cdafbae1efdb2f0e95d9f9950d3 Mon Sep 17 00:00:00 2001 From: Eric Jimenez Date: Wed, 27 Apr 2016 16:59:01 -0400 Subject: [PATCH] feat(press kit): press kit with logos --- public/_data.json | 4 ++ public/presskit.jade | 52 ++++++++++++++ public/resources/css/layout/_layout.scss | 8 +++ public/resources/css/main.scss | 1 + public/resources/css/module/_press-kit.scss | 68 ++++++++++++++++++ .../logos/angular2/angular_solidBlack.png | Bin 0 -> 4250 bytes 6 files changed, 133 insertions(+) create mode 100644 public/presskit.jade create mode 100644 public/resources/css/module/_press-kit.scss create mode 100644 public/resources/images/logos/angular2/angular_solidBlack.png diff --git a/public/_data.json b/public/_data.json index e3df10773e..0b505e6d2c 100644 --- a/public/_data.json +++ b/public/_data.json @@ -29,5 +29,9 @@ "support": { "title": "Support", "subtitle": "Get help from the Angular Community" + }, + + "presskit": { + "title": "Press Kit" } } diff --git a/public/presskit.jade b/public/presskit.jade new file mode 100644 index 0000000000..08f3da6d8e --- /dev/null +++ b/public/presskit.jade @@ -0,0 +1,52 @@ +div(class="presskit-container l-space-neg-top-8") + div(class="presskit-row") + div(class="presskit-inner") + div + h2 ANGULAR LOGO + p The logo graphics available for download on this page are provided under CC BY 4.0 + + div(class="presskit-row") + div(class="presskit-inner") + div(class="presskit-image-container") + img(src="resources/images/logos/angular2/angular.svg") + div + h3(class="l-space-left-3") FULL COLOR LOGO + ul(class="l-space-left-3") + li + span Angular Logo (png) - Download + li + span Angular Logo (svg) - Download + + div(class="presskit-row") + div(class="presskit-inner") + div(class="presskit-image-container") + div + img(src="resources/images/logos/angular2/angular_solidBlack.svg") + div + h3(class="l-space-left-3") ONE COLOR LOGO + ul(class="l-space-left-3") + li + span Angular Logo Black (png) - Download + li + span Angular Logo Black (svg) - Download + + div(class="presskit-row") + div(class="presskit-inner") + div(class="presskit-image-container") + div + img(src="resources/images/logos/angular2/angular_whiteTransparent.svg" class="transparent-img-bg") + div + h3(class="l-space-left-3") ONE COLOR INVERSE LOGO + ul(class="l-space-left-3") + li + span Angular Logo White Semi-Transparent (png) - Download + li + span Angular Logo Semi-Transparent (svg) - Download + + div(class="presskit-row") + div(class="presskit-inner") + div + h2 PRESS AND MEDIA + p + | For inquiries regarding press and media please contact us at + | press@angular.io. diff --git a/public/resources/css/layout/_layout.scss b/public/resources/css/layout/_layout.scss index be4f2193c5..186302c06f 100644 --- a/public/resources/css/layout/_layout.scss +++ b/public/resources/css/layout/_layout.scss @@ -206,6 +206,14 @@ button.verbose.on {display: none} .l-pad-right-#{$i} { padding-right: $i * 8px; } + + .l-space-neg-top-#{$i} { + margin-top: $i * -8px; + } + + .l-space-neg-left-#{$i} { + margin-left: $i * -8px; + } } diff --git a/public/resources/css/main.scss b/public/resources/css/main.scss index be8e24a74c..1d7b827127 100644 --- a/public/resources/css/main.scss +++ b/public/resources/css/main.scss @@ -49,6 +49,7 @@ @import 'module/support'; @import 'module/article-card'; @import 'module/style-guide'; +@import 'module/_press-kit'; /* diff --git a/public/resources/css/module/_press-kit.scss b/public/resources/css/module/_press-kit.scss new file mode 100644 index 0000000000..04cbf51d84 --- /dev/null +++ b/public/resources/css/module/_press-kit.scss @@ -0,0 +1,68 @@ +.presskit-container { + h2 { + color: #37474F; + } + + .cc-by-anchor { + text-decoration: underline; + color: grey !important; + } + + .presskit-row { + margin: $unit * 6 0; + width: 100%; + + .presskit-inner { + display: flex; + align-items: center; + + @media(max-width: 599px) { + flex-direction: column; + } + + h3 { + font-weight: 500; + margin-top: 0; + margin-bottom: 0; + color: #455A64; + + @media(max-width: 599px) { + padding-bottom: $unit * 2; + } + } + + .transparent-img-bg { + margin-top: 10px; + border-radius: 4px; + width: 128px; + background-color: #34474F; + } + + ul { + padding: 0; + list-style-type: none; + + @media(max-width: 599px) { + padding: 0 !important; + margin: 0 !important; + } + + li { + margin: 0 0 $unit 0; + } + } + } + + .presskit-image-container { + + @media(max-width: 599px) { + text-align: center; + } + + img { + width: 128px; + margin-bottom: $unit * 2; + } + } + } +} \ No newline at end of file diff --git a/public/resources/images/logos/angular2/angular_solidBlack.png b/public/resources/images/logos/angular2/angular_solidBlack.png new file mode 100644 index 0000000000000000000000000000000000000000..ab8a9764be87b4ec4c12b417e54e1ddb7a83e968 GIT binary patch literal 4250 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