From d14b809b5c26e1e0a1dd36875718f859912f5917 Mon Sep 17 00:00:00 2001 From: Gaurav Munjal Date: Thu, 3 Sep 2015 16:15:11 -0400 Subject: [PATCH 1/2] Add loading indicator --- app/index.html | 3 +++ package.json | 2 ++ public/loader.css | 67 +++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 72 insertions(+) create mode 100644 public/loader.css diff --git a/app/index.html b/app/index.html index af02e8cd..728708cd 100644 --- a/app/index.html +++ b/app/index.html @@ -9,6 +9,7 @@ {{content-for 'head'}} + @@ -21,6 +22,8 @@ +
Loading...
+
diff --git a/package.json b/package.json index 16a1690b..d88b4b39 100644 --- a/package.json +++ b/package.json @@ -54,6 +54,8 @@ "ember-disable-proxy-controllers": "^1.0.0", "ember-export-application-global": "^1.0.3", "ember-git-version": "0.0.1", + "ember-legacy-views": "0.2.0", + "ember-load": "0.0.2", "ember-lodash": "0.0.5", "ember-notify": "4.0.1", "ivy-codemirror": "~1.2.0", diff --git a/public/loader.css b/public/loader.css new file mode 100644 index 00000000..cddf1e05 --- /dev/null +++ b/public/loader.css @@ -0,0 +1,67 @@ +.ember-load-indicator { + font-size: 190px; + text-indent: -9999em; + overflow: hidden; + width: 1em; + height: 1em; + border-radius: 50%; + margin: 190px auto; + position: relative; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation: load6 1.7s infinite ease; + animation: load6 1.7s infinite ease; +} +@-webkit-keyframes load6 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + box-shadow: 0 -0.83em 0 -0.4em #f67862, 0 -0.83em 0 -0.42em #f67862, 0 -0.83em 0 -0.44em #f67862, 0 -0.83em 0 -0.46em #f67862, 0 -0.83em 0 -0.477em #f67862; + } + 5%, + 95% { + box-shadow: 0 -0.83em 0 -0.4em #f67862, 0 -0.83em 0 -0.42em #f67862, 0 -0.83em 0 -0.44em #f67862, 0 -0.83em 0 -0.46em #f67862, 0 -0.83em 0 -0.477em #f67862; + } + 10%, + 59% { + box-shadow: 0 -0.83em 0 -0.4em #f67862, -0.087em -0.825em 0 -0.42em #f67862, -0.173em -0.812em 0 -0.44em #f67862, -0.256em -0.789em 0 -0.46em #f67862, -0.297em -0.775em 0 -0.477em #f67862; + } + 20% { + box-shadow: 0 -0.83em 0 -0.4em #f67862, -0.338em -0.758em 0 -0.42em #f67862, -0.555em -0.617em 0 -0.44em #f67862, -0.671em -0.488em 0 -0.46em #f67862, -0.749em -0.34em 0 -0.477em #f67862; + } + 38% { + box-shadow: 0 -0.83em 0 -0.4em #f67862, -0.377em -0.74em 0 -0.42em #f67862, -0.645em -0.522em 0 -0.44em #f67862, -0.775em -0.297em 0 -0.46em #f67862, -0.82em -0.09em 0 -0.477em #f67862; + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + box-shadow: 0 -0.83em 0 -0.4em #f67862, 0 -0.83em 0 -0.42em #f67862, 0 -0.83em 0 -0.44em #f67862, 0 -0.83em 0 -0.46em #f67862, 0 -0.83em 0 -0.477em #f67862; + } +} +@keyframes load6 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + box-shadow: 0 -0.83em 0 -0.4em #f67862, 0 -0.83em 0 -0.42em #f67862, 0 -0.83em 0 -0.44em #f67862, 0 -0.83em 0 -0.46em #f67862, 0 -0.83em 0 -0.477em #f67862; + } + 5%, + 95% { + box-shadow: 0 -0.83em 0 -0.4em #f67862, 0 -0.83em 0 -0.42em #f67862, 0 -0.83em 0 -0.44em #f67862, 0 -0.83em 0 -0.46em #f67862, 0 -0.83em 0 -0.477em #f67862; + } + 10%, + 59% { + box-shadow: 0 -0.83em 0 -0.4em #f67862, -0.087em -0.825em 0 -0.42em #f67862, -0.173em -0.812em 0 -0.44em #f67862, -0.256em -0.789em 0 -0.46em #f67862, -0.297em -0.775em 0 -0.477em #f67862; + } + 20% { + box-shadow: 0 -0.83em 0 -0.4em #f67862, -0.338em -0.758em 0 -0.42em #f67862, -0.555em -0.617em 0 -0.44em #f67862, -0.671em -0.488em 0 -0.46em #f67862, -0.749em -0.34em 0 -0.477em #f67862; + } + 38% { + box-shadow: 0 -0.83em 0 -0.4em #f67862, -0.377em -0.74em 0 -0.42em #f67862, -0.645em -0.522em 0 -0.44em #f67862, -0.775em -0.297em 0 -0.46em #f67862, -0.82em -0.09em 0 -0.477em #f67862; + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + box-shadow: 0 -0.83em 0 -0.4em #f67862, 0 -0.83em 0 -0.42em #f67862, 0 -0.83em 0 -0.44em #f67862, 0 -0.83em 0 -0.46em #f67862, 0 -0.83em 0 -0.477em #f67862; + } +} From a2caf0f635d53f217335a9b9bc9a99ffafac12e4 Mon Sep 17 00:00:00 2001 From: Gaurav Munjal Date: Thu, 3 Sep 2015 16:18:39 -0400 Subject: [PATCH 2/2] Add favicon --- public/favicon.ico | Bin 0 -> 1150 bytes 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 public/favicon.ico diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..d0956de11e51b9664ae02fad1d9f47e8581d0ba4 GIT binary patch literal 1150 zcmbVMOH5Ni6n!SH4J+3!HSq^Rp{1BqgnprvLMeon|HmM411pRg7AD&0f`v+qD_yy8 zWz@wZfWZhRMvNa44AH*#+Cpt#>4(xn>G96A5Ei;|n)7Dn_T4+@oI9-`9HCE1i9pX2 z!thZ+I4%gnNdko^Qi#*U$HFl|VAvm;M(Lg2orBh?Lfc$~GluF`75X+6)h-n}TGzNY zp{KQ`If6=#D0Hq2D(%vYt|d;h!l9wL$`K&QsP_cnyb^+AXdULR5S^i*)Fz?4kwK<9 zQIt1GqShG)@jwNk%0YFSB#hh$V{S2x-)auQja@7)Z{x}HI2^-4oH704H5d=7CF)qd zT_XMptB0}M5vZGc_}lpYBMWPfg0p5n*P&^WMZGIQ`7%l^5-z$FtgP)Eq<;FA#jDvZ zd|t^Slg;z^okvleHu|A)L{QTj5NkUV=pI|g-RT%+iSu6Z=sdm7VoWR3er+<0`K2@_ zry@9SDddxGad2WAv48N*lBa8EpDT%cn27Nx+9{c zH;KB=04@;+mVf_otRR4%GYe_ztBeOv<2<%P{bTo|g8I$!$q&)ipM;5gF?tl#b|`QR z2J!Jr=Ag#v&mAx?*jQT5KudSC+9@C8Hw>hxj>5fV{uI6 lBJ+dKv^TO?r&O4Wd!tttt$jg4NUZay;w}0k_+J2m@CQ>A=L7%% literal 0 HcmV?d00001