From 3b1360f69b856eb5bf138197e700550b53181ec5 Mon Sep 17 00:00:00 2001
From: Craig Cook <craigcook@users.noreply.github.com>
Date: Tue, 15 May 2018 14:27:36 -0700
Subject: [PATCH] Update home page

---
 package-lock.json                  |   6 ++++++
 src/pages/fundamentals/spacing.hbs |   9 ---------
 src/pages/index.hbs                |  20 +++++++++++++++-----
 src/static/favicon.ico             | Bin 16958 -> 0 bytes
 src/static/img/favicon.png         | Bin 0 -> 885 bytes
 src/templates/blank.hbs            |   2 +-
 6 files changed, 22 insertions(+), 15 deletions(-)
 delete mode 100644 src/pages/fundamentals/spacing.hbs
 delete mode 100644 src/static/favicon.ico
 create mode 100644 src/static/img/favicon.png

diff --git a/package-lock.json b/package-lock.json
index f9fb0d668..f5ff8b4eb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -379,6 +379,12 @@
         }
       }
     },
+    "@mozilla-protocol/assets": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/@mozilla-protocol/assets/-/assets-0.0.3.tgz",
+      "integrity": "sha512-/5eW1oKdYoBLwy+QCAxJ/QnEkSmiIXo0X23QkN9p39+sZNaQ0ioNN73u0mhxzHY4vSdCs/UR+rmZzh6IBhpPeA==",
+      "dev": true
+    },
     "@mozilla-protocol/colors": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/@mozilla-protocol/colors/-/colors-2.1.0.tgz",
diff --git a/src/pages/fundamentals/spacing.hbs b/src/pages/fundamentals/spacing.hbs
deleted file mode 100644
index 840858007..000000000
--- a/src/pages/fundamentals/spacing.hbs
+++ /dev/null
@@ -1,9 +0,0 @@
----
-title: Spacing
-name: Spacing
-order: 2
-labels:
-  - inprogress
----
-
-<p>Standardized spacing units.</p>
diff --git a/src/pages/index.hbs b/src/pages/index.hbs
index adc30b8c4..036c4e6f5 100755
--- a/src/pages/index.hbs
+++ b/src/pages/index.hbs
@@ -4,8 +4,18 @@ title: Mozilla Protocol
 order: 0
 ---
 
-<p>
-  We're developing a cohesive modular design system for Mozilla
-  websites. This system will evolve and expand as we define more
-  pieces of it, but we gotta start somewhere.
-</p>
+<div class="mzp-c-article">
+  <div class="mzp-c-article-intro">
+    <p>Protocol is a design system for Mozilla branded websites. It estabslishes a common design language, provides reusable coded components, and outlines high level guidelines for content.</p>
+  </div>
+
+  <p>When design systems are effectively employed, the benefits are exponential:</p>
+
+  <ul class="mzp-u-list-styled">
+    <li>Improved User Experience: Scaled, consistent design patterns and content practices provide users with a familiar experience that allows for less time spent on re-learning interactions, finding pages that serve user needs, and abandoning pages that don’t.</li>
+    <li>Efficiency: With a library of design components ready to employ and clear guidelines for creators, we spend more time on creation that serves our users and less time on “reinventing the wheel”.</li>
+    <li>Clarity: With clearly documented guidelines and governance for design and content creation, we spend less time negotiating the guidelines to create clarity for ourselves and more time creating designs and content that clearly serves our users.</li>
+  </ul>
+
+  <p>This project was launched in the Spring of 2018 and is still very much a work in progress. <a href="https://github.com/mozilla/protocol">Follow along on Github</a>.</p>
+</div>
diff --git a/src/static/favicon.ico b/src/static/favicon.ico
deleted file mode 100644
index f16b20596d3e2d6b640f6761ca5758d8d24c08ea..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 16958
zcmeHNTPSr+7~X$5MovG!Q}IXY<3bYU+$MJtMJ|wYTqwz@Q2a_LQBuN%To6hjt`sFj
z&P6$&N;ySH&hh^Hov&5<TWjrgu)p+`cQkAEnwj;?^UgdoYt}n7n!j{^TCGNR{a5oN
zMx*&hqtX1(MO~KWKV8Ip7IbBQTm6hbGuRb$SBlgJqyf?ZX@E398Xygj21o;>0nz|z
zfHXiFAPsyw4Y;|vK}19ZgoTAcXlSVF7!?%-K0ZEze)ID3g2>27S-kM@a0m$r0UH||
z0S5YO+}+(3;UIs+a&&YQ#WCdjDJm)g4A0Nc@c8(sI^wfEJw1Xp+uPf*2%esvBr!ie
zKH%=|j&T>`SW!{IaOC*CzP`fy`#YqhqzJf(;c|IpWn~QCm`h(@pP<d|?rz19$Q^aW
zanet#s;U&@V8yhwG*KLVO#R;_B_*ox#VU*0-__M6R#h|)?Z>&I&x`x5*8bGgR8brb
zkDq>b`^(GAMaM)<W`BRbpwHEg|L@X&dV0Em3xCY@?{ji;;Ns!}4h{}rZ*LFo@9!l|
z$GST^JFvgM&*Js<HMF#}2-=jhAD`RZ-G!5r6WHF~hTz~}0S5Av)BnxQ4Z}G;K4w_)
z@$sTK`ZnwTwz9GUS65eXa&iJ&TU!_z8IiQVxVRY1%*?>W#f3$Df8ulcnD|@H{^sUp
zu&}TIXJ==IgP42_yqB}Tv$GQ{EiD-i+JTs2I7;&d1_mVU&&bG7gfC}*ZEdY0969^N
zw5QZov3hd$XJ=<C;!XBTzyE0bN&jN=kDo{LUwZ#b>z{D%!Pk(Qds_dc-~U-zS&H6&
zxG#|kO4t9&%1S91(Y>dd@#fc+8~@zgTt)WFz5na#>J;HrS6Ba0_Se+ZDB?XhI4H@x
zqoYF+PFq`>B+gf_f5XGWvb^z|VsUX%lK1TFtfIa8#KeRo&R5%ib#(;+0RfVIfPTb>
zhX+aC=+BCYiIK!XzvAiXsU*%<+mB?1hK9i0+}t4d-rinG&RpTt)D+m+*%`!XYHH%D
z8ccD0<ga0B?tOiI0l#U`Z-l<X`T2Q+ZRr<`j*dc5P!RhT=Gyb{@Bp0GY6A9wR;&GG
zF5owDeSJN=y}ijoB_<{sWxp~0PxO`GJRchygX!sMI6ps^<%<>0&dvb+A6!5m@!HxN
zjE|4Q<m4ptV{m0s>EYoaV4rjS|CzM3v{b5zU&_$GjPn+K*2aXw!a`_lY%~UfJ=@ya
zYLxBRUuyiHs7IXJ=qLMZn46npa|ZoJ=tui(K;N0SxA&LYk6e?JlL38fFE1~usUIC3
zu{DF!X>4pPTwY$P#zCK7TwI*dwj&Sjd_^gV%*;&IZc<W`;(3bLGcz;b@9!_*jOSLX
ztE)<zhmDO5h>ngH;BbAaHpTOj&CN|%US4Kv8Lnqyab;x%*4NkB*mG@odU`@bLj!DW
zZ2_KP@WbuxEn64S$BcU-?m2$y;NZaK;nLC)J1gVk;9g>3VS&|Ad%nkSi+^uwY6{lY
z){Gx=l#3=NCIUO`?d{q5DZWDs3JM@EFAowD62Q;T4-lW<rlEWE;|2x>vN@KYpAQ&O
zXSm<OGDFW%KK)-mX@E398Xygj21o;>0nz|zfHXiFAPtZPNCTt+rU6|yQ24Gr@IT~Y
Bb;$q#

diff --git a/src/static/img/favicon.png b/src/static/img/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..44adf41388f5e74ea5d15dd3d83af1b2265c4d47
GIT binary patch
literal 885
zcmV-*1B(2KP)<h;3K|Lk000e1NJLTq004jh004jp0{{R3^x%>C0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUyU{Fj{Mby;P?Ck9F^72JRMZ?3xH#awX
zdwb&I;)H~Ri;Iif+uP~s>8q=&B_$<ta&r0k`3VUL78Vw}ySt*IqR!6FW@cuYnVGY*
zvy+pPQc_Y}TwH2uYUJeP{r&y_|Nj600IrLgr~m*0t4TybRCwC#+1ZlfFbsv^0NDs6
zIL+3;K;Hi?`*M&vV@1-L>8dIDR#o`x<%eJw(+{sA009U<00Izz00bZa0r)Qfi7jCc
z2b_0gbsTV^^D7)szQ`*1{6ObhG$64J9&Em$<5z_S+}H*^o40h_!2by^bc1iNc%t(Q
z9MI(c#M3mgU(gK==-CDv-UuBZMl@ic8?1SRdpiGszY%@V4fec|6`j{;0FUsjiVy&h
zBHU&p1OTK6i)@4dfDmDykI)aObP+xi8o(o*bP@Uir4Zqo&IdGLR7TjN0X)J{8KE1%
zB0Om$bOXE*dI8D^4+#yZ=>{u4ze*8$0qzK$fbr>#&<RjR*ulRU9o-Q+0l(-5tv*5@
zpb{Q-9&&_pfU2ddPD>+9`UvL$>}6lC^cN$X1F(0m??2d|BD@<SbOG*w2weav!j8^A
z;eZ_=LJt5Ep$7o?B=iATghx|^4ge-X2SAGOb5Vp20472QKpEi%4Ui%nmPKd>un2d;
zxyf}x15UaKA7}tSd%G*oP22z$;nN!79AH@TKynn$r@Q=Dwk+VjYTnnbm;(rBZ;K<G
zeJGW#AM_Ef6Z*!aMMY=@ND&^EMrZ`!A~XV&5oY%=0rs#6jR0JPHUKa}8vq!g4FHVL
z1VBb;0tmNI;thfuAVt_HA~XSz5n2Gy2<HH|?)1KjGG!xdgb4SO79c$lNf8Q%m+ogm
z;VM`ep#g9fJ_&UZ8UWY`4S;n%!b%sR9<WhHIH3VjgrzP*JwP}Bm#*>LfL<Blhz4Lk
z2@L>rglYgfLM=c#dy@_?-GD7RLM=dw@TrYZ3BX6F1V~rG(&451&Zx+5kY4HtXK&3e
zbZvhFhPHlNE&m`I$+&KN8{i+W00bZa0SG_<0uX=z1mMR3UjhsO((H%~sJEEH00000
LNkvXXu0mjf@a}46

literal 0
HcmV?d00001

diff --git a/src/templates/blank.hbs b/src/templates/blank.hbs
index ed688aed6..50d501636 100755
--- a/src/templates/blank.hbs
+++ b/src/templates/blank.hbs
@@ -4,7 +4,7 @@
     {{#block "head"}}
       <meta charset="utf-8">
       <meta name="viewport" content="width=device-width, initial-scale=1">
-      <link rel="shortcut icon" href="{{@root.baseurl}}/static/favicon.ico">
+      <link rel="shortcut icon" href="{{@root.baseurl}}/static/img/favicon.png">
       {{#if title}}
       <title>{{title}} - {{data "project.title"}}</title>
       {{else if name}}