Revision: 2575
Author:
ls...@google.com
Date: Fri Apr 11 19:45:53 2014 UTC
Log: Update firefox addon welcome page.
r=bmcquade
http://code.google.com/p/page-speed/source/detail?r=2575
Added:
/firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeed-128.png
/firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeed-panel.css
Modified:
/firefox_addon/trunk/src/build/build_xpi.gyp
/firefox_addon/trunk/src/pagespeed_firefox/js/pagespeed/pagespeedPanel.js
/firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeed-32.png
/firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeed-64.png
/firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/defaults/preferences/pagespeed.js
/firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/icon.png
=======================================
--- /dev/null
+++
/firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeed-128.png
Fri Apr 11 19:45:53 2014 UTC
@@ -0,0 +1,44 @@
+‰PNG
+
+
+IHDR € € Ã>aË vIDATxÚíœ]k\E
+‡óQò Ô›‚zåÛ U¯¤ ^l} ^hŠ` ´ˆ¶PD QÛ
+S
+BTZ‰J- +R‰U× H$ö%Öhls jÓn“Æq KN8]w÷œ 3;çì™gá ÒL–œó{fæ?3gwÀ 3 áÂM@ n è ›^wì¹\©3YÇ ”± ¿r ~c ëT
+
+| ä"ÀzøK} ~©%ÈK€~éù¥—À» ës~?†_J ò È _p ä!@¿‡_*
+4òV T€ "@Ø,E @À# @ /
+ p
+)ÀæÑeóÔ «
+
+ÙwÅy{(° #‡¯šß ×Ìâ?ÿnðÝÙë ]´ ˆ·/3}%€zo»
+Q¨YÛ#@Á ø`j¥ãŨ·gi àÄÌjÇ‹yëøµLí Ï xm¢–©= \ Öéb¶¼±œ©= ôÁ*@Å[«
+ÙýQÍI{ èƒ} ÍÝ ÞÅg?®v,ælÚ#@Á €Àw BÙ ñŦáo
dnÚz´£ € $@€@ h' $@+ 0 š%@€ ˆK€
+ I€
+
+æ ×Ì—Ó«7€ % `z~ÍŒO˜Ñ‰šyrìŠÙüêrâ–ê–½Ë ¶ú O««
+Y Pè
+oë;î>[¨÷:ðÕJã½ ¨§«çöúÐE ªæ1e @ 4LkØö}ú&Ù|
Š€ -†z =>͈àcj@€ š Ó t>%@ ¨"Oóa _ìú°fN ¹Î àC
+ï²²·E# >Áä{y ´ êeY‡|Õ
+
+NE£Š·x€šÃõ ú™Ú´ª-ThŽ'| ô@
+c ¾¦
+
+j;â(p
+ó¶ÕþÏ3sæíýïš¡¡¡Æ¿ ÀÓ°¯ÐòÜ´9qò{óÒË£ àű/¾f °¡ÛežÚç ü .›# Ÿ›gGžÛ ÞUøA
+ÐékaZ¡¥a
+ÁÏÎ]4c ß3ÃÃÛn ÞeøÁ ¢¯›ªÜ×R,ÎTufc~o
+Ëðƒ íЯúÀwø
+ö
+ w·
+¾ á %€*ï¢õ|Íïï ýßüî+ü Hs°ã+|
Íï æ[Íï݆ÿ÷O¿š¹=» ÀEïïuÁ§ù=¾Œs þo÷ßifïÚd NžB€v¤Yó÷òàE!¦ æmà ¶£@é H[ù»^çGó{Úa>Kø NÏ#@3£ µÄðµ7à*øø6-6á‹ùC‡ À¦øsq g3¿7£ÑBÛ½6á‹3 =Œ Ý ÿÚßw±GŸ%ø(ü¤ƒ s;¶·
+?ââÂ% ˆ?á“ô~¶§zñ¹Þvžï&|ñ×ñÉD Ô ÖQïNZ÷gíý:¨ñ ¾PïN àüþ} vë×ÅÒ/˼ßMø g·=ÑQ ý
+ ÖñQýÛ
+` ¾P ï$Àé‡
+@€´ ¸xþÞF ÛðÅŸG>Nœ å
+Àž¿Îì}
+/´å‹ )Pïöñt‘ v|
+ í(à"ü´+ n †ø`ˆ t ä"|
ž (ø DDÏñ©0 ¯ï}³±¯¯Í¢¢þÍ 8 € € € € € € @__šôGƒ;
+' øãæG?ÉE€I$( ÷íüf! *i?Á‹ ½åÁWÎ?ã] ½êáV‘ _îÙQ]P y 0Xg
òáö§§®)ƒÜ ˆI z$¸uû4á9(úîÞùË| ~® ÄD¨¤-
+o ™%H
+nyü˜¹÷ù ÎiÎo¾ÿÞ €rÀM@ n @iø µÝŸEÎ̲ IEND®B`‚
=======================================
--- /dev/null
+++
/firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeed-panel.css
Fri Apr 11 19:45:53 2014 UTC
@@ -0,0 +1,546 @@
+/* Copyright 2010 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *
http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+BODY {
+ font-family: Lucida Grande, sans-serif;
+ font-size: 12px;
+ margin: 0;
+ padding: 0;
+}
+
+BUTTON {
+ cursor: pointer;
+ font-weight: bold;
+ text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
+ -webkit-appearance: square-button;
+}
+
+BUTTON[disabled] {
+ cursor: auto;
+}
+
+SELECT {
+ cursor: pointer;
+ font-weight: bold;
+ padding-left: 5px;
+ text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
+}
+
+/***** Control Bar *****/
+
+
+IMG#spinner-img {
+ display: none;
+ vertical-align: middle;
+}
+
+SPAN#status-text {
+ padding-left: 3px;
+}
+
+SELECT#analyze-dropdown {
+ float: right;
+ height: 23px;
+ margin: 0 2px;
+ vertical-align: middle;
+}
+
+/***** Welcome Page *****/
+
+#logo-img {
+ float: left;
+ margin-left: 5px;
+ margin-right: 25px;
+ margin-top: 40px;
+}
+
+/***** Results Page *****/
+
+DIV#results-container {
+ display: none;
+}
+
+DIV.icon-error {
+ background-image: url(errorRedDot.png);
+ background-position: 0 -1px;
+ height: 16px;
+ width: 16px;
+}
+
+DIV.icon-warn {
+ background-image: url(warningOrangeDot.png);
+ background-position: 0 -1px;
+ height: 16px;
+ width: 16px;
+}
+
+DIV.icon-okay {
+ background-image: url(successGreenDot.png);
+ background-position: 0 -1px;
+ height: 16px;
+ width: 16px;
+}
+
+DIV.icon-info {
+ background-image: url(infoBlueDot.png);
+ background-position: 0 -1px;
+ height: 16px;
+ width: 16px;
+}
+
+DIV.icon-na {
+ background-image: url(naGrayDot.png);
+ background-position: 0 -1px;
+ height: 16px;
+ width: 16px;
+}
+
+/***** Score Bar *****/
+
+DIV.score-bar {
+ background-color: silver;
+ border-bottom: 1px gray solid;
+ color: rgb(48, 48, 48);
+ font-size: 14px;
+ font-weight: bold;
+ height: 20px;
+ padding: 3px 5px;
+ text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
+}
+
+DIV.score-bar > BUTTON {
+ float: right;
+ height: 19px;
+ font-size: 10px;
+ margin: 0 2px;
+ vertical-align: middle;
+}
+
+DIV.score-bar > DIV {
+ display: inline-block;
+ margin: 0 5px;
+ vertical-align: middle;
+}
+
+/***** Rules Listing *****/
+
+DIV#rules-container {
+ bottom: 0;
+ left: 0;
+ overflow: auto;
+ position: absolute;
+ right: 0;
+ top: 61px;
+}
+
+DIV#rules-container > DIV.result {
+ border-bottom: 1px silver solid;
+ margin: 0;
+ padding: 0;
+}
+
+DIV#rules-container > DIV.result > DIV.header {
+ background-color: #eee;
+ cursor: pointer;
+ font-weight: bold;
+ padding: 5px;
+ text-shadow: rgba(128, 128, 128, 0.25) 1px 1px 0;
+}
+
+DIV#rules-container > DIV.result > DIV.header > DIV {
+ display: inline-block;
+ margin: 0 10px;
+ vertical-align: middle;
+}
+
+DIV#rules-container > DIV.result > DIV.details {
+ display: none;
+}
+
+DIV#rules-container > DIV.result > DIV.details > P {
+ margin: 10px;
+ margin-left: 20px;
+}
+
+DIV#rules-container > DIV.result > DIV.details > UL {
+ margin: 10px;
+ margin-left: 20px;
+}
+
+/***** Error report *****/
+
+DIV#error-container {
+ bottom: 0;
+ left: 0;
+ overflow: auto;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 35px;
+}
+
+DIV#error-container > P {
+ background-color: #ffe;
+ border: 1px #eee solid;
+ font-size: 12px;
+ margin: 30px 60px 15px;
+ padding: 8px;
+}
+
+DIV#error-container > BUTTON {
+ font-size: 10px;
+ height: 19px;
+}
+
+PRE.result {
+ margin-top: 0;
+}
+
+.kd-button-action {
+ margin-bottom: 16px;
+ text-transform: uppercase;
+ letter-spacing:1;
+ text-shadow: 0px 1px rgba(0,0,0,0.1);
+}
+.kd-button-action:hover {
+ -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
+ -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
+ box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
+}
+.kd-button-action:visited,
+.kd-button-share:visited,
+.kd-button-submit:visited {
+ color: #FFF;
+}
+.kd-button.kd-button-action img,
+.kd-button.kd-button-action.selected img,
+.kd-button.kd-button-action:hover img,
+.kd-button.kd-button-action:active img,
+.kd-button.kd-button-submit img,
+.kd-button.kd-button-submit.selected img,
+.kd-button.kd-button-submit:hover img,
+.kd-button.kd-button-submit:active img,
+.kd-button.kd-button-share img,
+.kd-button.kd-button-share.selected img,
+.kd-button.kd-button-share:hover img,
+.kd-button.kd-button-share:active img {
+ opacity: 1.0;
+}
+/* Buttons of all styles */
+.kd-buttonbar .kd-button,
+.kd-buttonbar .kd-combobutton,
+.kd-buttonbar .kd-expandbutton {
+ float: left;
+ margin: 0;
+ margin-left: 16px;
+ position: relative;
+ z-index: 1;
+}
+.kd-button {
+ display: inline-block;
+ min-width: 54px;*min-width:70px;/*hello,IE7!*/
+ border:1px solid #DCDCDC;
+ border: 1px solid rgba(0,0,0,0.1);
+ text-align: center;
+ color: #444;
+ font-size: 11px;
+ font-weight: bold;
+ height: 27px;
+ padding: 0 8px;
+ line-height: 27px;
+ -webkit-border-radius:2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
+ -webkit-transition: all 0.218s;
+ -moz-transition: all 0.218s;
+ -o-transition: all 0.218s;
+ transition: all 0.218s;
+ background-color: #f5f5f5;
+ background-image: -webkit-gradient(linear,left top,left
bottom,from(#f5f5f5),to(#f1f1f1));
+ background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
+ background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
+ background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
+ background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
+ background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
+ filter:
progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1');
+ -webkit-user-select:none;
+ -moz-user-select:none;
+ cursor:default;
+}
+.kd-button:hover, .kd-button.hover {
+ border: 1px solid #C6C6C6;
+ color: #222;
+ -webkit-transition: all 0.0s;
+ -moz-transition: all 0.0s;
+ -o-transition: all 0.0s;
+ transition: all 0.0s;
+ background-color: #f8f8f8;
+ background-image: -webkit-gradient(linear,left top,left
bottom,from(#f8f8f8),to(#f1f1f1));
+ background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
+ background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
+ background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
+ background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
+ background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
+ filter:
progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1');
+ -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
+ -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
+ box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
+}
+.kd-button:active, .kd-button.active {
+ background-color: #f6f6f6;
+ background-image: -webkit-gradient(linear,left top,left
bottom,from(#f6f6f6),to(#f1f1f1));
+ background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
+ background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
+ background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
+ background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
+ background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
+ filter:
progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f6f6',EndColorStr='#f1f1f1');
+ -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
+ -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
+ box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
+}
+.kd-button.active{
+ border: 1px solid #C6C6C6;
+ color: #333;
+}
+
+.kd-button:visited {
+ color: #666;
+}
+.kd-button.focus, .kd-button.right.focus, .kd-button.mid.focus, .kd-button.left.focus{
+ outline: none;
+ border: 1px solid #4d90fe;
+ z-index:4 !important;
+}
+
+.kd-button.selected {
+ background-color: #EEEEEE;
+ background-image: -webkit-gradient(linear,left top,left
bottom,from(#EEEEEE),to(#E0E0E0));
+ background-image: -webkit-linear-gradient(top,#EEEEEE,#E0E0E0);
+ background-image: -moz-linear-gradient(top,#EEEEEE,#E0E0E0);
+ background-image: -ms-linear-gradient(top,#EEEEEE,#E0E0E0);
+ background-image: -o-linear-gradient(top,#EEEEEE,#E0E0E0);
+ background-image: linear-gradient(top,#EEEEEE,#E0E0E0);
+ filter:
progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE',EndColorStr='#E0E0E0');
+ -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
+ -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
+ box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
+ border: 1px solid #CCC;
+ color: #333;
+}
+.kd-button input[type=checkbox] {
+ position: relative;
+ top: 3px;
+}
+
+.kd-button img {
+ display: inline-block;
+ margin: -3px 0 0;
+ opacity: 0.55;
+ *margin:4px 0 0; /*IE7*/
+/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; //IE
CANNOT HANDLE OPACITY ON PNGS, SO WE ARE JUST GONNA REMOVE THESE FILTERS
+ filter: alpha(opacity=80);*/
+
+ margin-left: 0px;
+ margin-right: 0px;
+ vertical-align: middle;
+}
+
+.kd-button.selected img {
+ opacity: 0.9;
+/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
+ filter: alpha(opacity=90);*/
+}
+.kd-button:hover img {
+ opacity: 0.72;
+/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
+ filter: alpha(opacity=90);*/
+}
+.kd-button:active img {
+ opacity: 1.0;
+/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+ filter: alpha(opacity=100);*/
+}
+
+/* Disabled buttons */
+.kd-button.disabled, .kd-button.disabled:hover, .kd-button.disabled:active
{
+ background: none;
+ color: #b8b8b8;
+ border: 1px solid #f3f3f3;
+ border: 1px solid rgba(0,0,0,0.05);
+ cursor: default;
+ pointer-events: none;
+}
+.kd-button.disabled.active{
+ -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
+ -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
+ box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
+}
+.kd-button-submit.disabled, .kd-button-submit.disabled:hover, .kd-button-submit.disabled:active,
+.kd-button-share.disabled, .kd-button-share.disabled:hover, .kd-button-share.disabled:active,
+.kd-button-action.disabled, .kd-button-action.disabled:hover, .kd-button-action.disabled:active
{
+ border: 1px solid #505050;
+ background-color: #666;
+ color: #FFF;
+ opacity: 0.5;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
+}
+.kd-button.disabled img {
+ opacity: 0.5;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
+}
+.kd-button-action {
+ margin-bottom: 16px;
+ border: 1px solid transparent;
+ color: #FFF;
+ text-transform: uppercase;
+ letter-spacing:1;
+ background-color: #d14836;
+ background-image: -webkit-gradient(linear,left top,left
bottom,from(#dd4b39),to(#d14836));
+ background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
+ background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
+ background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
+ background-image: -o-linear-gradient(top,#dd4b39,#d14836);
+ background-image: linear-gradient(top,#dd4b39,#d14836);
+ filter:
progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd4b39',EndColorStr='#d14836');
+}
+.kd-button-action:hover {
+ border-color: #b0281a;
+ border-bottom-color: #AF301F;
+ background-color: #c53727;
+ background-image: -webkit-gradient(linear,left top,left
bottom,from(#dd4b39),to(#c53727));
+ background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
+ background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
+ background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
+ background-image: -o-linear-gradient(top,#dd4b39,#c53727);
+ background-image: linear-gradient(top,#dd4b39,#c53727);
+ filter:
progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd4b39',EndColorStr='#c53727');
+}
+.kd-button-action:active,
+.kd-button-action:focus:active,
+.kd-button-action.focus:active {
+ border-color: #992A1B;
+ background-color: #b0281a;
+ background-image: -webkit-gradient(linear,left top,left
bottom,from(#dd4b39),to(#b0281a));
+ background-image: -webkit-linear-gradient(top,#dd4b39,#b0281a);
+ background-image: -moz-linear-gradient(top,#dd4b39,#b0281a);
+ background-image: -ms-linear-gradient(top,#dd4b39,#b0281a);
+ background-image: -o-linear-gradient(top,#dd4b39,#b0281a);
+ background-image: linear-gradient(top,#dd4b39,#b0281a);
+}
+
+.kd-accordion .expanded .row > a { color:#d14836; }
+.kd-accordion .expanded .row .kd-disclosureindicator {
background-image:url('../images/disclosure_arrow_orange_down.png'); }
+
+
+.control-bar {
+ height: 34px;
+background-color: #f5f5f5;
+border-bottom: 1px solid #ccc;
+padding: 4px 0 0 34px;
+z-index: 10;
+position: relative;
+}
+
+.title {
+font-weight: normal;
+color: black;
+margin-top: 0;
+font-size: 40px;
+padding-top: 10px;
+margin-bottom: 0;
+}
+
+.subtitle {
+ font-weight: normal;
+color: #dd4b39;
+margin-top: 0;
+font-size: 20px;
+}
+
+.whatsnew-header {
+margin-bottom: 0.5em;
+font-size: 16px;
+color: #222;
+font-weight: normal;
+}
+
+.whatsnew-list {
+ margin: 0;
+list-style: square;
+margin-left: 0;
+padding-left: 16px;
+}
+
+.bullet {
+ margin-bottom: 0.5em;
+}
+.bullet-1 {
+ color: #4788ef;
+}
+
+.bullet-2 {
+ color: #fc0;
+}
+
+.bullet-3 {
+ color: #008000;
+}
+
+.whatsnew-item-header {
+ color: #333;
+margin: 0;
+font-size: 13px;
+}
+
+.whatsnew-item-info {
+ color: #777;
+}
+
+.whatsnew {
+overflow-y: auto;
+position: absolute;
+top: 0;
+left: 0;
+right: 0;
+bottom: 0;
+}
+
+.welcome {
+ font-size: 13px;
+ color: #333;
+float: left;
+min-width: 10em;
+width: 50%;
+max-width: 50em;
+background-image: -moz-radial-gradient(0 0, ellipse, rgba(255, 255, 255,
1), rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
+margin-top: 40px;
+}
+
+.background {
+height: 700px;
+width: 1240px;
+overflow: hidden;
+background: url("pagespeed-banner.png") -0px -0px no-repeat;
+background-position: bottom right;
+border-top: none;
+margin-top: 0;
+right: 0;
+bottom: 0;
+position: fixed;
+opacity: 0.3;
+}
=======================================
--- /firefox_addon/trunk/src/build/build_xpi.gyp Tue Aug 21 21:38:47 2012
UTC
+++ /firefox_addon/trunk/src/build/build_xpi.gyp Fri Apr 11 19:45:53 2014
UTC
@@ -43,9 +43,13 @@
'<(DEPTH)/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeedOverlay.xul',
'<(DEPTH)/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeedUtilOverlay.xul',
+ # CSS files
+ '<(DEPTH)/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeed-panel.css',
+
# PNG resources
'<(DEPTH)/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeed-32.png',
'<(DEPTH)/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeed-64.png',
+ '<(DEPTH)/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeed-128.png',
'<(DEPTH)/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/scoreIcon.png',
# JavaScript files
=======================================
---
/firefox_addon/trunk/src/pagespeed_firefox/js/pagespeed/pagespeedPanel.js
Sun Apr 8 18:16:10 2012 UTC
+++
/firefox_addon/trunk/src/pagespeed_firefox/js/pagespeed/pagespeedPanel.js
Fri Apr 11 19:45:53 2014 UTC
@@ -68,6 +68,31 @@
);
};
+var generateOverallIconHtml = function(iconStyle, sizerStyle, titleText) {
+ if (PAGESPEED.Utils.getBoolPref('extensions.PageSpeed.show_score')) {
+ return generateIconHtml(iconStyle, sizerStyle, titleText);
+ }
+ return ' ';
+};
+
+var generateScoreText = function(overallScore) {
+ if (PAGESPEED.Utils.getBoolPref('extensions.PageSpeed.show_score')) {
+ return 'Page Speed Score: ' + overallScore + '/100';
+ }
+ return ' ';
+};
+
+
+var generateExapandAllButtonHtml = function() {
+ var margin_left = '';
+ if (PAGESPEED.Utils.getBoolPref('extensions.PageSpeed.show_score')) {
+ margin_left = 'margin-left:30px;';
+ }
+ return INPUT({'type': 'button', 'value': 'Expand All',
+ 'style': 'margin-right:10px;' + margin_left +
+ 'padding: 2px 0', 'onclick': '$expandAll'});
+};
+
/**
* @param {number} colorCode One of PAGESPEED.Utils.SCORE_CODE_*.
* @return {string} The CSS style for the given color code.
@@ -143,59 +168,55 @@
// Initial domplate that is displayed when the panel is opened.
welcomePageTag:
DIV({'class': 'moduleManagerBox',
- 'style': 'padding: 0 10px;'},
- H1({'class': 'moduleManagerHead', 'style': 'font-style:italic'},
- IMG({'src': 'chrome://pagespeed/content/pagespeed-32.png',
- 'style': 'vertical-align:middle;padding-bottom:5px'}),
- ' Page Speed'
- ),
- INPUT({'type': 'button', 'value': 'Analyze Performance',
- 'style': 'margin-top:8px;margin-left:10px;margin-bottom:10px;'
+
- 'padding: 2px 0',
- 'onclick': '$analyzePerformance'}),
- H3("What's new in Page Speed 1.12?"),
+ 'style': 'padding: 0'},
+ DIV({'class': 'control-bar'},
+ INPUT({'type': 'button', 'value': 'Analyze',
+ 'class': 'kd-button kd-button-action',
+ 'onclick': '$analyzePerformance'})
+ ),
+ DIV({'class': 'whatsnew'},
+ IMG({'src': 'chrome://pagespeed/content/pagespeed-128.png',
+ 'id': 'logo-img'}),
+ DIV({'class': 'welcome'},
+ H1({'class': 'title'}, 'Make the web faster'),
+ H3({'class': 'subtitle'}, 'PageSpeed Insights for Firefox'),
+ H3({'class': 'whatsnew-header'}, 'What\'s new in this
version?'),
- UL(B(LI('New rules (',
- A({'href': '
http://code.google.com/' +
- 'speed/page-speed/docs/using_chrome.html',
- 'onclick': '$openLink'},
- 'Page Speed for Google Chrome'
- ), ' and ',
- A({'href': '
http://pagespeed.googlelabs.com/',
- 'onclick': '$openLink'},
- 'Page Speed Online'
- ), ' only):')),
- OL(LI(B('Avoid excess serialization')),
- LI(B('Avoid long-running scripts')),
- LI(B('Eliminate unnecessary reflows'))),
- LI(B('More accurate minification savings computation for
gzip-compressible resources')),
- LI(B('Ignore data URIs in Specify image dimensions')),
- LI(B('Improved tracking pixel detection')),
- LI(B('Improved percentage computations'))
- ),
- P({'style': 'padding-top:5px'},
- 'See the ',
- A({'href': '
http://code.google.com/' +
- 'speed/page-speed/docs/rules_intro.html',
- 'onclick': '$openLink'},
- 'Page Speed documentation'
+ UL(
+ LI({'class': 'bullet bullet-1'},
+ H3({'class': 'whatsnew-item-header'},
+ 'PageSpeed Insights for Firefox score now hidden by
default'),
+ SPAN({'class': 'whatsnew-item-header'},
+ 'While PageSpeed Insights for Firefox still provides ' +
+ 'helpful recommendations to speed up your site, the
most ' +
+ 'up to date PageSpeed Insights analysis is not
supported ' +
+ 'in Firefox. Please use ',
+
A({'href': '
https://developers.google.com/speed/pagespeed/' +
+ 'insights/', 'onclick': '$openLink'},
+ '
https://developers.google.com/speed/pagespeed/insights/'),
+ ' for the most recent PageSpeed Insights analysis. To ' +
+ 'continue to see the old PageSpeed Insights for
Firefox ' +
+ 'score, please set the extensions.PageSpeed.show_score '
+
+ 'preference to true in about:config.'
+ )
),
- ' for detailed information on the rules used to evaluate web
pages.'
+ LI({'class': 'bullet bullet-2'},
+ H3({'class': 'whatsnew-item-header'},
+ 'Redesigned welcome page')
+ )
),
- P({'class': 'moduleManagerDecription'},
- 'Page Speed Copyright © 2012 Google Inc.'
- ),
- DIV({'style': 'padding-top:5px'},
- FOR('dep', '$dependencies',
- P('Page Speed has not been tested with the version ' +
- 'of $
dep.name currently running in Firefox.<br/>' +
- 'If you encounter problems, please install $
dep.name '
+
- 'version $dep.maximumVersion'
- )
- )
- )
- ),
-
+ P({'style': 'padding-top:5px'},
+ 'See the ',
+ A({'href': '
https://developers.google.com/speed/docs/' +
+ 'best-practices/rules_intro', 'onclick': '$openLink'},
+ 'PageSpeed documentation'
+ ),
+ ' for detailed information on the rules used to evaluate
web ' +
+ 'pages.'
+ )
+ )
+ )
+ ),
// Main domplate for the rules view.
// params: overallStyle, overallSummary
tableTag:
TABLE({'class': 'netTable', 'cellpadding': '0', 'cellspacing': '0',
@@ -206,7 +227,7 @@
'style': 'vertical-align:middle;text-align:center;'
+
'background:-moz-linear-gradient(top,#eee,#ccc);'
+
'min-width:30px;max-width:30px'},
- generateIconHtml(
+ generateOverallIconHtml(
'$overallStyle',
CSS_STYLE_SCORE_SIZER_OVERALL_,
'$overallSummary')
@@ -215,11 +236,8 @@
'colspan': '2',
'style': 'padding: 3px
20px;vertical-align:middle;' +
'background:-moz-linear-gradient(top,#eee,#ccc)'},
- 'Page Speed Score: $overallScore/100',
- INPUT({'type': 'button', 'value': 'Expand All',
- 'style': 'margin-right:10px;margin-left:30px;'
+
- 'padding: 2px 0',
- 'onclick': '$expandAll'}),
+ generateScoreText('$overallScore'),
+ generateExapandAllButtonHtml(),
INPUT({'type': 'button', 'value': 'Collapse All',
'style': 'margin-right:10px;padding:2px
0',
'onclick': '$collapseAll'}),
@@ -504,6 +522,11 @@
// Display the welcome page.
this.welcomePageTag.replace(
{'dependencies': mismatchedDependencies}, this.panelNode);
+
+ var doc = this.panelNode.ownerDocument;
+ var styleSheet = createStyleSheet(doc,
+ "chrome://pagespeed/content/pagespeed-panel.css");
+ addStyleSheet(doc, styleSheet);
},
/** @override */
=======================================
---
/firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeed-32.png
Wed Dec 15 18:33:18 2010 UTC
+++
/firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeed-32.png
Fri Apr 11 19:45:53 2014 UTC
@@ -2,14 +2,15 @@
IHDR
D¤ŠÆ ÀPLTEÿÿÿuÉþ sÜ*—õ ó eÆ zè [³ú˜'ØêúþÝ™˜ÕýŠÑþ ©üfÇÿ mÒ é h¾~Îÿ
-¯ÿ ‚ÐTÁÿOÀÿ'³ÿô¨kC¼ÿüçϯ e ¬ÿõ®J¶Òî[Äÿãx&þÅ –å {Ê,|
Æ\¼ü uÊ=ºÿ0¶ÿHŽÍü¶.ì‚™Åïòž K¯ùüÄY7¸ÿý‰
-ûøô(‰Ö:¬÷b‘ž
-²ÞJ¾ÿU¡ÞT«úϳ@€Š
-d²ùB{¬q¥Øã„DR¥ Ý tRNS @æØf 0IDATx^Õ Ur 1 D-Xf63c˜áþ·ÊÌŽ-m¥|
€¤ ßS«kZÿ,Ž Ã!Q †‘4„WyE0 ‚”Â÷<ÏgùuÁ‘’ öSö¯
-{ÉÒ4ea8 Ï Õͺª²~´ÑÂGì G¡(IȲ¾õ¤ !¨ ) ÖPñ;y þë‡Øp”0”
-àT „å\O`ò¡ ³Z× ½ÑÝ âÍ ½Ñ LL 68 LÕÆÃäÍ<*®
-fêL»CÏ\ Ö
+ü $˜ñaó¼Ó ë ƒÄM`GPä€ƒ× ÿo\÷ã¿O÷Wx ‚ØåË¿ÿ_ Í1ø
- 5Á=m %bäêƒ~`}!½ ¼ÝÎã _x
-ü<¡k pQ Ö<˜YNݰ í
- ŒõÄ3àA’\®|
²ß9Rz^s ¬óÆîÀ¶?M¤€éyͧç3¹6d ‡E‰+p ™«œ6¶o1œß«ä”™E ÚߘyÔˆAIö?’ ¸Š6{:À‚ IEND®B`‚
+ ÿ ‡ ƒ
+*˜ïo?|ý åšMÿ
+?G= €‚
+& ² ›ï.ßxø ÆìùÿÓÒÒÀ4ÕBà̽?pËA>E7 äÓöÎ
+°ÅÈ–?šÐ÷ÿÕݧ”; Z
+‚‚
+Ýò²ò
+¸Åè–ßv1 Ó ; g $îA A Å56ËAøAU)Ø ÷ó3(w ,»¡g1PœÃ‚
+=Î Ïž vÀ½” êeCj DCà ⠦˜ ˜¨F)
+ ×yiÃh¿`Ô ƒÊ 4$ <ï““½ IEND®B`‚
=======================================
---
/firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeed-64.png
Wed Dec 15 18:33:18 2010 UTC
+++
/firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/chrome/pagespeed/content/pagespeed-64.png
Fri Apr 11 19:45:53 2014 UTC
Binary file, no diff available.
=======================================
---
/firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/defaults/preferences/pagespeed.js
Tue May 3 13:23:31 2011 UTC
+++
/firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/defaults/preferences/pagespeed.js
Fri Apr 11 19:45:53 2014 UTC
@@ -10,3 +10,4 @@
pref('extensions.PageSpeed.beacon.full_results.url', '');
pref('extensions.PageSpeed.beacon.full_results.enabled', true);
pref('extensions.PageSpeed.locale', '');
+pref('extensions.PageSpeed.show_score', false);
=======================================
--- /firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/icon.png Wed
Dec 15 18:33:18 2010 UTC
+++ /firefox_addon/trunk/src/pagespeed_firefox/xpi_resources/icon.png Fri
Apr 11 19:45:53 2014 UTC
Binary file, no diff available.