diff --git a/public/_data.json b/public/_data.json
new file mode 100644
index 0000000000..0192bcee83
--- /dev/null
+++ b/public/_data.json
@@ -0,0 +1,5 @@
+{
+ "index": {
+ "hero": "home"
+ }
+}
\ No newline at end of file
diff --git a/public/_includes/_cta-bar.jade b/public/_includes/_cta-bar.jade
new file mode 100644
index 0000000000..beb8f9153c
--- /dev/null
+++ b/public/_includes/_cta-bar.jade
@@ -0,0 +1,2 @@
+a(href="http://google.com" class="md-raised md-primary" md-button) Learn in 5 Min
+a(href="http://google.com" class="md-raised md-primary" md-button) Download
diff --git a/public/_includes/_head-include.jade b/public/_includes/_head-include.jade
index 6ef57983ab..ecee74354e 100644
--- a/public/_includes/_head-include.jade
+++ b/public/_includes/_head-include.jade
@@ -1,3 +1,4 @@
link(rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.7.0/angular-material.min.css")
link(href='http://fonts.googleapis.com/css?family=Roboto:400,300,500,400italic,700' rel='stylesheet' type='text/css')
+link(rel="stylesheet" href="/resources/css/vendor/icomoon/icons.css")
link(rel="stylesheet" href="/resources/css/main.css")
\ No newline at end of file
diff --git a/public/_includes/_hero-home.jade b/public/_includes/_hero-home.jade
new file mode 100644
index 0000000000..5107531000
--- /dev/null
+++ b/public/_includes/_hero-home.jade
@@ -0,0 +1,9 @@
+header(class="hero is-large background-sky")
+
+ h1.text-headline.hero-logo Angular is a modern javascript framework for building professional web applications.
+
+ .hero-cta
+ a(href="/docs/quickstart.html") Learn in 5 mins
+ a(href="/download.html" class="md-font icon-home") Download
+
+ != partial("_social-icons")
\ No newline at end of file
diff --git a/public/_includes/_hero.jade b/public/_includes/_hero.jade
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/public/_includes/_main-nav.jade b/public/_includes/_main-nav.jade
index 0cf28f1419..1ed566e4b8 100644
--- a/public/_includes/_main-nav.jade
+++ b/public/_includes/_main-nav.jade
@@ -1,12 +1,11 @@
-md-toolbar(class="main-nav background-regal" md-scroll-shrink)
- nav.md-toolbar-tools
+md-toolbar(class="main-nav background-regal l-pinned-top l-layer-5")
+ nav
h1 Angular by Google
ul
- li Features
- li Docs
- li About
+ li Features
+ li Docs
+ li About
+ li Contribute
- ul.md-tools
- li
- md-button(class="cta" href="/install/") Install
\ No newline at end of file
+ a(class="cta main-nav-button has-icon" href="/download/") Download
\ No newline at end of file
diff --git a/public/_includes/_social-icons.jade b/public/_includes/_social-icons.jade
new file mode 100644
index 0000000000..dfb8f3420a
--- /dev/null
+++ b/public/_includes/_social-icons.jade
@@ -0,0 +1,4 @@
+.social-icons
+ a(href="#")
+ a(href="#")
+ a(href="#")
\ No newline at end of file
diff --git a/public/_layout.jade b/public/_layout.jade
index 05d04f8b2e..cc7f72bacf 100644
--- a/public/_layout.jade
+++ b/public/_layout.jade
@@ -4,8 +4,19 @@ html(lang="en" layout="column" ng-app="myApp")
head
!= partial("/_includes/_head-include")
- body(layout="column" ng-controller="AppCtrl")
+ body(class="l-offset-nav" ng-controller="AppCtrl")
!= partial("/_includes/_main-nav")
- != yield
+
+ // INCLUDE HERO
+ if hero == 'home'
+ != partial("/_includes/_hero-home")
+ else
+ != partial("/_includes/_hero")
+
+ // PAGE CONTENT
+ .l-content
+ != yield
+
+ // FOOTER & SCRIPTS
!= partial("/_includes/_footer")
!= partial("/_includes/_scripts-include")
\ No newline at end of file
diff --git a/public/docs/_layout.jade b/public/docs/_layout.jade
index c2c4633336..7fedc39227 100644
--- a/public/docs/_layout.jade
+++ b/public/docs/_layout.jade
@@ -1,8 +1,10 @@
doctype
-html
+html(lang="en" layout="column" ng-app="myApp")
head
- link(rel="stylesheet" href="/resources/css/main.css")
- body
+ != partial("..//_includes/_head-include")
+
+ body(layout="column" ng-controller="AppCtrl")
!= partial("../_includes/_main-nav")
!= partial("../_includes/_docs-nav")
- != yield
\ No newline at end of file
+ != yield
+ != partial("../_includes/_footer")
diff --git a/public/index.jade b/public/index.jade
new file mode 100644
index 0000000000..3c2762a1d5
--- /dev/null
+++ b/public/index.jade
@@ -0,0 +1,8 @@
+section(layout="row")
+ div(flex="70")
+ h3.text-headline Build Incredible Web Applications
+ p.text-body Angular uses the latest technology High Life mustache bitters flannel paleo, Vice chia mumblecore tousled Williamsburg. Scenester whatever farm-to-table Kickstarter hella, lo-fi lumbersexual street art lomo swag Echo Park. High Life leggings tofu Intelligentsia bespoke, American Apparel selfies ennui.
+ div(flex="30") image goes here...
+
+
+!= partial("/_includes/_cta-bar")
\ No newline at end of file
diff --git a/public/index.md b/public/index.md
deleted file mode 100644
index 8d2983bd0a..0000000000
--- a/public/index.md
+++ /dev/null
@@ -1,2 +0,0 @@
-#Welcome to Harp.
-###This is yours to own. Enjoy.
diff --git a/public/resources/css/_layout.scss b/public/resources/css/_layout.scss
index 95bf65030c..6cffebb1e1 100644
--- a/public/resources/css/_layout.scss
+++ b/public/resources/css/_layout.scss
@@ -4,4 +4,80 @@
.l-right {
float: right;
-}
\ No newline at end of file
+}
+
+
+
+/*
+* Margins & Spacing
+*
+*/
+
+.l-offset-nav {
+ padding-top: 56px;
+}
+
+.l-content {
+ padding: ($unit * 8) ($unit * 12);
+}
+
+/*
+* Pinned Layouts (fixed)
+*
+*/
+
+.l-pinned-top {
+ position: fixed;
+ top: 0px;
+ left: 0px;
+ right: 0px;
+}
+
+
+/*
+* Layer Order (z-index)
+*
+*/
+
+.l-layer-1 {
+ z-index: $layer-1;
+}
+
+.l-layer-2 {
+ z-index: $layer-2;
+}
+
+.l-layer-3 {
+ z-index: $layer-3;
+}
+
+.l-layer-4 {
+ z-index: $layer-4;
+}
+
+.l-layer-5 {
+ z-index: $layer-5;
+}
+
+.l-layer-6 {
+ z-index: $layer-6;
+}
+
+.l-layer-7 {
+ z-index: $layer-7;
+}
+
+.l-layer-8 {
+ z-index: $layer-8;
+}
+
+.l-layer-9 {
+ z-index: $layer-9;
+}
+
+.l-layer-10 {
+ z-index: $layer-10;
+}
+
+
+
diff --git a/public/resources/css/_options.scss b/public/resources/css/_options.scss
index 24a9cf97b7..4e0e9fd9b2 100644
--- a/public/resources/css/_options.scss
+++ b/public/resources/css/_options.scss
@@ -1,22 +1,5 @@
/*
-* Typographic Variables
-*
-*/
-
-$brand-font: 'Roboto', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
-$mono-font: Monaco, "Lucida Console", monospace;
-
-
-/*
-* Metric Variables
-*
-*/
-
-$unit: 8px;
-
-
-/*
-* Color Variables
+* Colors
*
* Colors are ordered from light to dark (top to bottom).
* Do not use hex codes directly in other Sass files. The
@@ -38,10 +21,10 @@ $cardinal: #E23237;
$ruby: #B52E31;
// DARK GRAY COLORS
-$charcoal: #000000;
-$steel: #36474F;
-$silver: #445A64;
-$platinum: #536E7A;
+$coal: #000000;
+$steel: #253238;
+$silver: #36474F;
+$platinum: #445A64;
// LIGHT GRAY COLORS
$cloud: #AFBEC5;
@@ -50,3 +33,45 @@ $mist: #ECEFF1;
$snow: #FFFFFF;
+/*
+* Typography
+*
+* Only the fonts listed below should be used throughout the site.
+*/
+
+$brand-font: 'Roboto', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+$mono-font: Monaco, "Lucida Console", monospace;
+
+
+/*
+* Metrics
+*
+* Metrics based on material design 8pt unit
+*/
+
+$unit: 8px;
+
+
+/*
+* Layer Stacking
+*
+* The approved range that can be used for layering (z-indexes)
+*/
+
+$layer-1: 1;
+$layer-2: 2;
+$layer-3: 3;
+$layer-4: 4;
+$layer-5: 5;
+$layer-6: 6;
+$layer-7: 7;
+$layer-8: 8;
+$layer-9: 9;
+$layer-10: 10;
+
+
+
+
+
+
+
diff --git a/public/resources/css/_base.scss b/public/resources/css/base/_reset.scss
similarity index 100%
rename from public/resources/css/_base.scss
rename to public/resources/css/base/_reset.scss
diff --git a/public/resources/css/_theme.scss b/public/resources/css/base/_type.scss
similarity index 72%
rename from public/resources/css/_theme.scss
rename to public/resources/css/base/_type.scss
index d424f6092b..648bb86ab0 100644
--- a/public/resources/css/_theme.scss
+++ b/public/resources/css/base/_type.scss
@@ -1,48 +1,15 @@
-/*
-* Background Colors
-*
-* Background utility classes to add color to elements
-*/
-
-.background-regal {
- background: $regal;
- color: $snow;
-}
-
-.background-charcoal {
- background: $charcoal;
- color: $snow;
-}
-
-.background-steel {
- background: $steel;
- color: $snow;
-}
-
-.background-silver {
- background: $silver;
- color: $snow;
-}
-
-
-/*
-* Text Colors
-*
-* Text color utility color classes
-*/
-
-.text-snow {
- color: $snow;
-}
-
-
-
/*
* Typographic Styles
*
* Material Design Typographic Styles
*/
+body {
+ font-family: $brand-font;
+ font-size: 14px;
+ color: $platinum;
+}
+
.text-display-4 {
margin: 0px 0px ($unit * 2) 0px;
font-size: 112px;
@@ -100,8 +67,8 @@
}
.text-body {
- font-size: 14px;
- font-weight: 500;
+ font-size: 16px;
+ font-weight: 400;
opacity: .87;
line-height: 24px;
}
@@ -113,6 +80,3 @@
opacity: .54;
line-height: 20px;
}
-
-
-
diff --git a/public/resources/css/main.scss b/public/resources/css/main.scss
index 90aaaf6e38..bb475fc092 100644
--- a/public/resources/css/main.scss
+++ b/public/resources/css/main.scss
@@ -4,10 +4,11 @@
*/
@import 'options';
-@import 'base';
@import 'state';
@import 'layout';
@import 'theme';
+@import 'base/reset';
+@import 'base/type';
/*
diff --git a/public/resources/css/module/_hero.scss b/public/resources/css/module/_hero.scss
index e69de29bb2..74b0ee73a4 100644
--- a/public/resources/css/module/_hero.scss
+++ b/public/resources/css/module/_hero.scss
@@ -0,0 +1,40 @@
+$hero-padding: $unit * 2;
+
+.hero {
+ position: relative;
+ padding: $hero-padding;
+ height: 192px - ($hero-padding * 2);
+
+ &.is-large {
+ height: 478px - ($hero-padding * 2);
+ text-align: center;
+ }
+
+ // LARGE SHEILD LOGO
+ .hero-logo {
+ background: url('/resources/images/logos/standard/shield-large.png') top center no-repeat;
+ padding-top: 224px;
+ opacity: 1;
+ width: $unit * 70;
+ margin: ($unit * 5) auto ($unit * 5) auto;
+ font-weight: 300;
+ }
+
+ // SOCIAL ICONS
+ .social-icons {
+ position: absolute;
+ top: $unit * 3;
+ right: $unit * 3;
+ z-index: $layer-1;
+
+
+ a {
+ color: $snow;
+ opacity: .56;
+ font-size: 18px;
+ text-decoration: none;
+ margin-left: $unit * 2;
+ }
+ }
+
+}
\ No newline at end of file
diff --git a/public/resources/css/module/_main-nav.scss b/public/resources/css/module/_main-nav.scss
index 0fd27ce5f1..7e8c42b5d0 100644
--- a/public/resources/css/module/_main-nav.scss
+++ b/public/resources/css/module/_main-nav.scss
@@ -1,18 +1,21 @@
.main-nav {
height: 56px;
min-height: 56px;
+ padding: 0px ($unit * 2);
+ box-shadow: 0px 2px 5px 0 rgba($coal, 0.26);
h1 {
- margin: 0px ($unit * 5) 0px 0px;
+ margin: $unit ($unit * 10) 0px 0px;
padding: 0px;
- height: 34px;
- width: 134px;
+ height: 36px;
+ width: 135px;
+ float: left;
a {
background: url('/resources/images/logos/standard/logo-nav.png');
display: block;
- height: 34px;
- width: 134px;
+ height: 36px;
+ width: 135px;
overflow: hidden;
text-indent: -3000px;
}
@@ -22,14 +25,45 @@
list-style-type: none;
margin: 0px;
padding: 0px;
+ float: left;
li {
- margin: 0px;
+ margin: 0px 0px 0px 0px;
display: inline;
}
}
+ .main-nav-button {
+ line-height: 56px;
+ display: inline-block;
+ color: $snow;
+ text-decoration: none;
+ padding: 0px ($unit * 2);
+ text-transform: uppercase;
+ font-family: $brand-font;
+ font-weight: 300;
+ font-size: 16px;
+
+ &:hover {
+ background: $ocean;
+ }
+
+ // ICONS
+ &.has-icon {
+ position: relative;
+ padding-left: 30px + ($unit * 2);
+ }
+
+ .icon {
+ font-size: 22px;
+ position: absolute;
+ top: 15px;
+ left: ($unit * 2);
+ z-index: $layer-1;
+ }
+ }
+
.cta {
- display: block;
+ float: right;
}
}
\ No newline at end of file
diff --git a/public/resources/css/vendor/icomoon/fonts/icomoon.eot b/public/resources/css/vendor/icomoon/fonts/icomoon.eot
new file mode 100755
index 0000000000..3a23e79a58
Binary files /dev/null and b/public/resources/css/vendor/icomoon/fonts/icomoon.eot differ
diff --git a/public/resources/css/vendor/icomoon/fonts/icomoon.svg b/public/resources/css/vendor/icomoon/fonts/icomoon.svg
new file mode 100755
index 0000000000..79fc1e4d09
--- /dev/null
+++ b/public/resources/css/vendor/icomoon/fonts/icomoon.svg
@@ -0,0 +1,34 @@
+
+
+
\ No newline at end of file
diff --git a/public/resources/css/vendor/icomoon/fonts/icomoon.ttf b/public/resources/css/vendor/icomoon/fonts/icomoon.ttf
new file mode 100755
index 0000000000..37288034c9
Binary files /dev/null and b/public/resources/css/vendor/icomoon/fonts/icomoon.ttf differ
diff --git a/public/resources/css/vendor/icomoon/fonts/icomoon.woff b/public/resources/css/vendor/icomoon/fonts/icomoon.woff
new file mode 100755
index 0000000000..5a41e9839c
Binary files /dev/null and b/public/resources/css/vendor/icomoon/fonts/icomoon.woff differ
diff --git a/public/resources/css/vendor/icomoon/icons.css b/public/resources/css/vendor/icomoon/icons.css
new file mode 100755
index 0000000000..17f9d8c44b
--- /dev/null
+++ b/public/resources/css/vendor/icomoon/icons.css
@@ -0,0 +1,121 @@
+@font-face {
+ font-family: 'icomoon';
+ src:url('fonts/icomoon.eot?-ruj673');
+ src:url('fonts/icomoon.eot?#iefix-ruj673') format('embedded-opentype'),
+ url('fonts/icomoon.woff?-ruj673') format('woff'),
+ url('fonts/icomoon.ttf?-ruj673') format('truetype'),
+ url('fonts/icomoon.svg?-ruj673#icomoon') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+ font-family: 'icomoon';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-google-plus2:before {
+ content: "\ea89";
+}
+
+.icon-facebook2:before {
+ content: "\ea8d";
+}
+
+.icon-twitter2:before {
+ content: "\ea92";
+}
+
+.icon-book:before {
+ content: "\e600";
+}
+
+.icon-bug-report:before {
+ content: "\e601";
+}
+
+.icon-info-outline:before {
+ content: "\e602";
+}
+
+.icon-language:before {
+ content: "\e603";
+}
+
+.icon-list:before {
+ content: "\e604";
+}
+
+.icon-lock:before {
+ content: "\e605";
+}
+
+.icon-query-builder:before {
+ content: "\e606";
+}
+
+.icon-reorder:before {
+ content: "\e607";
+}
+
+.icon-search:before {
+ content: "\e608";
+}
+
+.icon-shop:before {
+ content: "\e609";
+}
+
+.icon-shop-two:before {
+ content: "\e60a";
+}
+
+.icon-verified-user:before {
+ content: "\e60b";
+}
+
+.icon-play-circle-fill:before {
+ content: "\e60c";
+}
+
+.icon-play-circle-outline:before {
+ content: "\e60d";
+}
+
+.icon-chat:before {
+ content: "\e60e";
+}
+
+.icon-stay-current-landscape:before {
+ content: "\e60f";
+}
+
+.icon-stay-current-portrait:before {
+ content: "\e610";
+}
+
+.icon-content-copy:before {
+ content: "\e611";
+}
+
+.icon-filter-list:before {
+ content: "\e612";
+}
+
+.icon-cloud-download:before {
+ content: "\e613";
+}
+
+.icon-laptop-chromebook:before {
+ content: "\e614";
+}
+
diff --git a/public/resources/css/vendor/icomoon/selection.json b/public/resources/css/vendor/icomoon/selection.json
new file mode 100755
index 0000000000..8bc003aa45
--- /dev/null
+++ b/public/resources/css/vendor/icomoon/selection.json
@@ -0,0 +1,602 @@
+{
+ "IcoMoonType": "selection",
+ "icons": [
+ {
+ "icon": {
+ "paths": [
+ "M0.806 869.664c-0.244-2.532-0.452-5.070-0.584-7.63 0.13 2.56 0.34 5.098 0.584 7.63zM235.908 565.148c92.010 2.738 153.734-92.698 137.862-213.198-15.894-120.48-103.396-217.168-195.408-219.922-92.026-2.73-153.74 89.482-137.852 210 15.882 120.468 103.352 220.374 195.398 223.12zM1024 256v-85.31c0-93.88-76.782-170.69-170.658-170.69h-682.656c-92.276 0-168.012 74.232-170.564 165.926 58.362-51.386 139.324-94.316 222.874-94.316 89.304 0 357.244 0 357.244 0l-79.948 67.618h-113.268c75.13 28.804 115.156 116.124 115.156 205.722 0 75.248-41.81 139.954-100.888 185.968-57.644 44.902-68.572 63.708-68.572 101.878 0 32.578 61.746 88 94.032 110.788 94.382 66.538 124.916 128.312 124.916 231.456 0 16.428-2.042 32.83-6.066 48.96h307.742c93.874 0 170.656-76.75 170.656-170.69v-533.308h-192v191.998h-64v-192h-191.998v-64h191.998v-192h64v192h192zM185.886 765.936c21.614 0 41.422-0.59 61.936-0.59-27.146-26.334-48.626-58.6-48.626-98.38 0-23.608 7.564-46.336 18.134-66.52-10.782 0.77-21.79 0.994-33.126 0.994-74.356 0-137.506-24.076-184.204-63.854v67.242l0.006 201.73c53.44-25.374 116.888-40.622 185.88-40.622zM3.42 887.258c-1.112-5.458-1.966-11.006-2.542-16.634 0.574 5.628 1.43 11.176 2.542 16.634zM455.45 952.846c-15.058-58.806-68.454-87.964-142.888-139.568-27.072-8.732-56.894-13.874-88.894-14.208-89.618-0.964-173.108 34.942-220.216 88.372 15.92 77.706 85.034 136.558 167.234 136.558h286.444c1.816-11.128 2.696-22.632 2.696-34.432 0-12.534-1.534-24.792-4.376-36.722z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "google-plus",
+ "brand",
+ "social"
+ ],
+ "defaultCode": 58517,
+ "grid": 16
+ },
+ "attrs": [],
+ "properties": {
+ "id": 1294,
+ "order": 29,
+ "prevSize": 32,
+ "code": 60041,
+ "ligatures": "google-plus2, brand3",
+ "name": "google-plus2"
+ },
+ "setIdx": 0,
+ "iconIdx": 393
+ },
+ {
+ "icon": {
+ "paths": [
+ "M853.35 0h-682.702c-94.25 0-170.648 76.42-170.648 170.686v682.63c0 94.266 76.398 170.684 170.648 170.684h341.352v-448h-128v-128h128v-96c0-88.366 71.634-160 160-160h160v128h-160c-17.674 0-32 14.328-32 32v96h176l-32 128h-144v448h213.35c94.25 0 170.65-76.418 170.65-170.684v-682.63c0-94.266-76.4-170.686-170.65-170.686z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "facebook",
+ "brand",
+ "social"
+ ],
+ "defaultCode": 58521,
+ "grid": 16
+ },
+ "attrs": [],
+ "properties": {
+ "id": 1298,
+ "order": 27,
+ "prevSize": 32,
+ "code": 60045,
+ "ligatures": "facebook2, brand7",
+ "name": "facebook2"
+ },
+ "setIdx": 0,
+ "iconIdx": 397
+ },
+ {
+ "icon": {
+ "paths": [
+ "M853.342 0h-682.656c-93.874 0-170.686 76.81-170.686 170.69v682.624c0 93.936 76.812 170.686 170.686 170.686h682.656c93.876 0 170.658-76.75 170.658-170.69v-682.62c0-93.88-76.782-170.69-170.658-170.69zM766.478 381.48c0.252 5.632 0.38 11.296 0.38 16.988 0 173.51-132.070 373.588-373.584 373.588-74.15 0-143.168-21.738-201.276-58.996 10.272 1.218 20.724 1.84 31.322 1.84 61.518 0 118.134-20.992 163.072-56.21-57.458-1.054-105.948-39.020-122.658-91.184 8.018 1.532 16.244 2.36 24.704 2.36 11.976 0 23.578-1.61 34.592-4.61-60.064-12.066-105.326-65.132-105.326-128.75 0-0.554 0-1.104 0.012-1.652 17.7 9.834 37.948 15.742 59.47 16.424-35.232-23.546-58.414-63.736-58.414-109.292 0-24.064 6.476-46.62 17.78-66.010 64.76 79.44 161.51 131.712 270.634 137.19-2.238-9.612-3.4-19.632-3.4-29.924 0-72.512 58.792-131.298 131.304-131.298 37.766 0 71.892 15.944 95.842 41.462 29.908-5.886 58.008-16.814 83.38-31.862-9.804 30.662-30.624 56.394-57.732 72.644 26.56-3.174 51.866-10.232 75.412-20.674-17.594 26.328-39.854 49.454-65.514 67.966z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "twitter",
+ "brand",
+ "tweet",
+ "social"
+ ],
+ "defaultCode": 58526,
+ "grid": 16
+ },
+ "attrs": [],
+ "properties": {
+ "id": 1303,
+ "order": 28,
+ "prevSize": 32,
+ "code": 60050,
+ "ligatures": "twitter2, brand12",
+ "name": "twitter2"
+ },
+ "setIdx": 0,
+ "iconIdx": 402
+ },
+ {
+ "icon": {
+ "paths": [
+ "M768 85.333h-512c-47.147 0-85.333 38.187-85.333 85.333v682.667c0 47.147 38.187 85.333 85.333 85.333h512c47.147 0 85.333-38.187 85.333-85.333v-682.667c0-47.147-38.187-85.333-85.333-85.333zM256 170.667h213.333v341.333l-106.667-64-106.667 64v-341.333z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "book"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 24,
+ "order": 4,
+ "prevSize": 24,
+ "code": 58880,
+ "name": "book"
+ },
+ "setIdx": 1,
+ "iconIdx": 24
+ },
+ {
+ "icon": {
+ "paths": [
+ "M853.333 341.333h-119.893c-19.2-33.28-45.653-62.080-77.44-83.627l69.333-69.333-60.373-60.373-92.8 92.8c-19.2-4.693-39.467-7.467-60.16-7.467s-40.96 2.773-60.16 7.467l-92.8-92.8-60.373 60.373 69.333 69.333c-31.787 21.547-58.24 50.347-77.44 83.627h-119.893v85.333h89.173c-2.347 13.867-3.84 28.16-3.84 42.667v42.667h-85.333v85.333h85.333v42.667c0 14.507 1.493 28.8 3.84 42.667h-89.173v85.333h119.893c44.16 76.373 126.72 128 221.44 128s177.28-51.627 221.44-128h119.893v-85.333h-89.173c2.347-13.867 3.84-28.16 3.84-42.667v-42.667h85.333v-85.333h-85.333v-42.667c0-14.507-1.493-28.8-3.84-42.667h89.173v-85.333zM597.333 682.667h-170.667v-85.333h170.667v85.333zM597.333 512h-170.667v-85.333h170.667v85.333z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "bug-report"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 27,
+ "order": 3,
+ "prevSize": 24,
+ "code": 58881,
+ "name": "bug-report"
+ },
+ "setIdx": 1,
+ "iconIdx": 27
+ },
+ {
+ "icon": {
+ "paths": [
+ "M469.333 725.333h85.333v-256h-85.333v256zM512 85.333c-235.733 0-426.667 190.933-426.667 426.667s190.933 426.667 426.667 426.667 426.667-190.933 426.667-426.667-190.933-426.667-426.667-426.667zM512 853.333c-188.16 0-341.333-153.173-341.333-341.333s153.173-341.333 341.333-341.333 341.333 153.173 341.333 341.333-153.173 341.333-341.333 341.333zM469.333 384h85.333v-85.333h-85.333v85.333z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "info-outline"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 57,
+ "order": 5,
+ "prevSize": 24,
+ "code": 58882,
+ "name": "info-outline"
+ },
+ "setIdx": 1,
+ "iconIdx": 57
+ },
+ {
+ "icon": {
+ "paths": [
+ "M511.787 85.333c-235.733 0-426.453 190.933-426.453 426.667s190.72 426.667 426.453 426.667c235.733 0 426.88-190.933 426.88-426.667s-191.147-426.667-426.88-426.667zM807.253 341.333h-125.867c-13.867-53.333-33.28-104.533-58.88-151.893 78.507 26.88 143.787 81.28 184.747 151.893zM512 172.16c35.627 51.2 63.36 108.16 81.493 169.173h-162.987c18.133-61.013 45.867-117.973 81.493-169.173zM181.76 597.333c-7.040-27.307-11.093-55.893-11.093-85.333s4.053-58.027 11.093-85.333h144c-3.413 27.947-5.76 56.32-5.76 85.333s2.347 57.387 5.973 85.333h-144.213zM216.533 682.667h125.867c13.867 53.333 33.28 104.533 58.88 152.107-78.507-26.88-143.787-81.493-184.747-152.107zM342.4 341.333h-125.867c40.96-70.613 106.24-125.227 184.747-152.107-25.6 47.573-45.013 98.773-58.88 152.107zM512 851.84c-35.413-51.2-63.147-108.16-81.493-169.173h162.987c-18.347 61.013-46.080 117.973-81.493 169.173zM611.84 597.333h-199.68c-4.053-27.947-6.827-56.32-6.827-85.333s2.773-57.387 6.827-85.333h199.68c4.053 27.947 6.827 56.32 6.827 85.333s-2.773 57.387-6.827 85.333zM622.72 834.56c25.6-47.573 45.013-98.56 58.88-151.893h125.867c-41.173 70.613-106.453 125.013-184.747 151.893zM698.027 597.333c3.413-27.947 5.973-56.32 5.973-85.333s-2.347-57.387-5.973-85.333h144c7.040 27.307 11.307 55.893 11.307 85.333s-4.053 58.027-11.307 85.333h-144z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "language"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 62,
+ "order": 2,
+ "prevSize": 24,
+ "code": 58883,
+ "name": "language"
+ },
+ "setIdx": 1,
+ "iconIdx": 62
+ },
+ {
+ "icon": {
+ "paths": [
+ "M128 554.667h85.333v-85.333h-85.333v85.333zM128 725.333h85.333v-85.333h-85.333v85.333zM128 384h85.333v-85.333h-85.333v85.333zM298.667 554.667h597.333v-85.333h-597.333v85.333zM298.667 725.333h597.333v-85.333h-597.333v85.333zM298.667 298.667v85.333h597.333v-85.333h-597.333z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "list"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 64,
+ "order": 6,
+ "prevSize": 24,
+ "code": 58884,
+ "name": "list"
+ },
+ "setIdx": 1,
+ "iconIdx": 64
+ },
+ {
+ "icon": {
+ "paths": [
+ "M768 341.333h-42.667v-85.333c0-117.76-95.573-213.333-213.333-213.333s-213.333 95.573-213.333 213.333v85.333h-42.667c-47.147 0-85.333 38.187-85.333 85.333v426.667c0 47.147 38.187 85.333 85.333 85.333h512c47.147 0 85.333-38.187 85.333-85.333v-426.667c0-47.147-38.187-85.333-85.333-85.333zM512 725.333c-47.147 0-85.333-38.187-85.333-85.333s38.187-85.333 85.333-85.333 85.333 38.187 85.333 85.333-38.187 85.333-85.333 85.333zM644.267 341.333h-264.533v-85.333c0-72.96 59.307-132.267 132.267-132.267s132.267 59.307 132.267 132.267v85.333z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "lock"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 65,
+ "order": 1,
+ "prevSize": 24,
+ "code": 58885,
+ "name": "lock"
+ },
+ "setIdx": 1,
+ "iconIdx": 65
+ },
+ {
+ "icon": {
+ "paths": [
+ "M511.787 85.333c-235.733 0-426.453 190.933-426.453 426.667s190.72 426.667 426.453 426.667c235.733 0 426.88-190.933 426.88-426.667s-191.147-426.667-426.88-426.667zM512 853.333c-188.587 0-341.333-152.747-341.333-341.333s152.747-341.333 341.333-341.333 341.333 152.747 341.333 341.333-152.747 341.333-341.333 341.333z",
+ "M533.333 298.667h-64v256l223.787 134.4 32.213-52.48-192-113.92z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "query-builder"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 87,
+ "order": 7,
+ "prevSize": 24,
+ "code": 58886,
+ "name": "query-builder"
+ },
+ "setIdx": 1,
+ "iconIdx": 87
+ },
+ {
+ "icon": {
+ "paths": [
+ "M128 640h768v-85.333h-768v85.333zM128 810.667h768v-85.333h-768v85.333zM128 469.333h768v-85.333h-768v85.333zM128 213.333v85.333h768v-85.333h-768z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "reorder"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 91,
+ "order": 8,
+ "prevSize": 24,
+ "code": 58887,
+ "name": "reorder"
+ },
+ "setIdx": 1,
+ "iconIdx": 91
+ },
+ {
+ "icon": {
+ "paths": [
+ "M661.333 597.333h-33.92l-11.733-11.733c41.813-48.427 66.987-111.36 66.987-180.267 0-153.173-124.16-277.333-277.333-277.333s-277.333 124.16-277.333 277.333 124.16 277.333 277.333 277.333c68.907 0 131.84-25.173 180.267-66.773l11.733 11.733v33.707l213.333 212.907 63.573-63.573-212.907-213.333zM405.333 597.333c-106.027 0-192-85.973-192-192s85.973-192 192-192 192 85.973 192 192-85.973 192-192 192z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "search"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 96,
+ "order": 9,
+ "prevSize": 24,
+ "code": 58888,
+ "name": "search"
+ },
+ "setIdx": 1,
+ "iconIdx": 96
+ },
+ {
+ "icon": {
+ "paths": [
+ "M682.667 256v-85.333c0-47.147-38.187-85.333-85.333-85.333h-170.667c-47.147 0-85.333 38.187-85.333 85.333v85.333h-256v554.667c0 47.147 38.187 85.333 85.333 85.333h682.667c47.147 0 85.333-38.187 85.333-85.333v-554.667h-256zM426.667 170.667h170.667v85.333h-170.667v-85.333zM384 768v-384l320 170.667-320 213.333z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "shop"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 114,
+ "order": 10,
+ "prevSize": 24,
+ "code": 58889,
+ "name": "shop"
+ },
+ "setIdx": 1,
+ "iconIdx": 114
+ },
+ {
+ "icon": {
+ "paths": [
+ "M768 213.333v-85.333c0-47.147-38.187-85.333-85.333-85.333h-170.667c-47.147 0-85.333 38.187-85.333 85.333v85.333h-213.333v469.333c0 47.147 38.187 85.333 85.333 85.333h597.333c47.147 0 85.333-38.187 85.333-85.333v-469.333h-213.333zM512 128h170.667v85.333h-170.667v-85.333zM512 640v-298.667l234.667 128-234.667 170.667zM128 384h-85.333v469.333c0 47.147 38.187 85.333 85.333 85.333h597.333c47.147 0 85.333-38.187 85.333-85.333h-682.667v-469.333z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "shop-two"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 115,
+ "order": 11,
+ "prevSize": 24,
+ "code": 58890,
+ "name": "shop-two"
+ },
+ "setIdx": 1,
+ "iconIdx": 115
+ },
+ {
+ "icon": {
+ "paths": [
+ "M512 42.667l-384 170.667v256c0 237.013 163.627 458.027 384 512 220.373-53.973 384-274.987 384-512v-256l-384-170.667zM426.667 725.333l-170.667-170.667 60.373-60.373 110.293 110.293 280.96-280.96 60.373 60.373-341.333 341.333z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "verified-user"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 144,
+ "order": 12,
+ "prevSize": 24,
+ "code": 58891,
+ "name": "verified-user"
+ },
+ "setIdx": 1,
+ "iconIdx": 144
+ },
+ {
+ "icon": {
+ "paths": [
+ "M512 85.333c-235.733 0-426.667 190.933-426.667 426.667s190.933 426.667 426.667 426.667 426.667-190.933 426.667-426.667-190.933-426.667-426.667-426.667zM426.667 704v-384l256 192-256 192z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "play-circle-fill"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 188,
+ "order": 13,
+ "prevSize": 24,
+ "code": 58892,
+ "name": "play-circle-fill"
+ },
+ "setIdx": 1,
+ "iconIdx": 188
+ },
+ {
+ "icon": {
+ "paths": [
+ "M426.667 704l256-192-256-192v384zM512 85.333c-235.733 0-426.667 190.933-426.667 426.667s190.933 426.667 426.667 426.667 426.667-190.933 426.667-426.667-190.933-426.667-426.667-426.667zM512 853.333c-188.16 0-341.333-153.173-341.333-341.333s153.173-341.333 341.333-341.333 341.333 153.173 341.333 341.333-153.173 341.333-341.333 341.333z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "play-circle-outline"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 189,
+ "order": 14,
+ "prevSize": 24,
+ "code": 58893,
+ "name": "play-circle-outline"
+ },
+ "setIdx": 1,
+ "iconIdx": 189
+ },
+ {
+ "icon": {
+ "paths": [
+ "M853.333 85.333h-682.667c-47.147 0-84.907 38.187-84.907 85.333l-0.427 768 170.667-170.667h597.333c47.147 0 85.333-38.187 85.333-85.333v-512c0-47.147-38.187-85.333-85.333-85.333zM256 384h512v85.333h-512v-85.333zM597.333 597.333h-341.333v-85.333h341.333v85.333zM768 341.333h-512v-85.333h512v85.333z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "chat"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 222,
+ "order": 15,
+ "prevSize": 24,
+ "code": 58894,
+ "name": "chat"
+ },
+ "setIdx": 1,
+ "iconIdx": 222
+ },
+ {
+ "icon": {
+ "paths": [
+ "M43.093 298.667l-0.427 426.667c0 47.147 38.187 85.333 85.333 85.333h768c47.147 0 85.333-38.187 85.333-85.333v-426.667c0-47.147-38.187-85.333-85.333-85.333h-768c-47.147 0-84.907 38.187-84.907 85.333zM810.667 298.667v426.667h-597.333v-426.667h597.333z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "stay-current-landscape"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 245,
+ "order": 16,
+ "prevSize": 24,
+ "code": 58895,
+ "name": "stay-current-landscape"
+ },
+ "setIdx": 1,
+ "iconIdx": 245
+ },
+ {
+ "icon": {
+ "paths": [
+ "M725.333 43.093l-426.667-0.427c-47.147 0-84.907 38.187-84.907 85.333v768c0 47.147 37.76 85.333 84.907 85.333h426.667c47.147 0 85.333-38.187 85.333-85.333v-768c0-47.147-38.187-84.907-85.333-84.907zM725.333 810.667h-426.667v-597.333h426.667v597.333z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "stay-current-portrait"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 246,
+ "order": 17,
+ "prevSize": 24,
+ "code": 58896,
+ "name": "stay-current-portrait"
+ },
+ "setIdx": 1,
+ "iconIdx": 246
+ },
+ {
+ "icon": {
+ "paths": [
+ "M682.667 42.667h-512c-47.147 0-85.333 38.187-85.333 85.333v597.333h85.333v-597.333h512v-85.333zM810.667 213.333h-469.333c-47.147 0-85.333 38.187-85.333 85.333v597.333c0 47.147 38.187 85.333 85.333 85.333h469.333c47.147 0 85.333-38.187 85.333-85.333v-597.333c0-47.147-38.187-85.333-85.333-85.333zM810.667 896h-469.333v-597.333h469.333v597.333z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "content-copy"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 261,
+ "order": 19,
+ "prevSize": 24,
+ "code": 58897,
+ "name": "content-copy"
+ },
+ "setIdx": 1,
+ "iconIdx": 261
+ },
+ {
+ "icon": {
+ "paths": [
+ "M426.667 768h170.667v-85.333h-170.667v85.333zM128 256v85.333h768v-85.333h-768zM256 554.667h512v-85.333h-512v85.333z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "filter-list"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 266,
+ "order": 18,
+ "prevSize": 24,
+ "code": 58898,
+ "name": "filter-list"
+ },
+ "setIdx": 1,
+ "iconIdx": 266
+ },
+ {
+ "icon": {
+ "paths": [
+ "M825.813 428.16c-29.013-146.773-158.507-257.493-313.813-257.493-123.307 0-230.187 69.973-283.733 172.16-128.213 13.867-228.267 122.453-228.267 254.507 0 141.44 114.56 256 256 256h554.667c117.76 0 213.333-95.573 213.333-213.333 0-112.64-87.68-203.947-198.187-211.84zM725.333 554.667l-213.333 213.333-213.333-213.333h128v-170.667h170.667v170.667h128z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "cloud-download"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 429,
+ "order": 26,
+ "prevSize": 24,
+ "code": 58899,
+ "name": "cloud-download"
+ },
+ "setIdx": 1,
+ "iconIdx": 429
+ },
+ {
+ "icon": {
+ "paths": [
+ "M938.667 768v-640h-853.333v640h-85.333v85.333h1024v-85.333h-85.333zM597.333 768h-170.667v-42.667h170.667v42.667zM853.333 640h-682.667v-426.667h682.667v426.667z"
+ ],
+ "attrs": [],
+ "isMulticolor": false,
+ "tags": [
+ "laptop-chromebook"
+ ],
+ "grid": 24
+ },
+ "attrs": [],
+ "properties": {
+ "id": 461,
+ "order": 20,
+ "prevSize": 24,
+ "code": 58900,
+ "name": "laptop-chromebook"
+ },
+ "setIdx": 1,
+ "iconIdx": 461
+ }
+ ],
+ "height": 1024,
+ "metadata": {
+ "name": "icomoon"
+ },
+ "preferences": {
+ "showGlyphs": true,
+ "showQuickUse": true,
+ "showQuickUse2": true,
+ "showSVGs": true,
+ "fontPref": {
+ "prefix": "icon-",
+ "metadata": {
+ "fontFamily": "icomoon"
+ },
+ "metrics": {
+ "emSize": 1024,
+ "baseline": 6.25,
+ "whitespace": 50
+ }
+ },
+ "imagePref": {
+ "prefix": "icon-",
+ "png": true,
+ "useClassSelector": true,
+ "color": 4473924,
+ "bgColor": 16777215,
+ "classSelector": ".icon"
+ },
+ "historySize": 100,
+ "showCodes": true
+ }
+}
\ No newline at end of file
diff --git a/public/resources/images/logos/standard/shield-large.png b/public/resources/images/logos/standard/shield-large.png
new file mode 100644
index 0000000000..f34afe4fd4
Binary files /dev/null and b/public/resources/images/logos/standard/shield-large.png differ
diff --git a/public/resources/images/logos/standard/shield-large@2x.png b/public/resources/images/logos/standard/shield-large@2x.png
new file mode 100644
index 0000000000..f3804e3ef8
Binary files /dev/null and b/public/resources/images/logos/standard/shield-large@2x.png differ