app on

README.md

@@ -1,2 +1,13 @@
 # Storee
-An AngularJS layer above magento. With full-screen images and product pages
+Storee is a project that builds a responsive AngularJs layer and runs it above a Magento back-end. It communicates with Magento using RESTful APIs and provides a full-screen catalog, as well as individual product pages. It integrates with Magento for the shopping cart. Back-end is all Magento. 
+
+## Features
+
+- Specialized directives for full-screen design
+- Product page directives
+- Grunt builds for dev and production environment
+- Jasmine unit tests
+- Server-side rendering using PhantomJS
+- Infrastructure for client-side product caching
+- Magento RESTful APIs
+

app/.htaccess

@@ -0,0 +1,19 @@
+<IfModule pagespeed_module>
+ModPagespeed off
+</IfModule>
+
+<IfModule mod_rewrite.c>
+RewriteEngine On
+RewriteCond %{HTTP_HOST} !^www\.
+RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]
+</IfModule>
+
+<IfModule mod_expires.c>
+
+<FilesMatch "\.(htm|html)$">
+  ExpiresActive On
+  ExpiresDefault A1
+  Header append Cache-Control must-revalidate
+</FilesMatch>
+
+</IfModule>

app/css/ajax-loader.css

@@ -0,0 +1,26 @@
+.st-ajax-loader {
+    top: 0;
+    left: 0;
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    z-index: 999;
+}
+
+.st-ajax-loader .overlay {
+    background: #000;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    opacity: 0.6;
+    display: none;
+    z-index: 1;
+}
+
+.st-ajax-loader .loader {
+    background: url('../img/ajax-loader.gif') no-repeat center center;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+}

app/css/animate.css

@@ -0,0 +1,99 @@
+/* ANIMATIONS
+============================================================================= */
+
+/* leaving animations ----------------------------------------- */
+@keyframes slideOutLeft {
+    to 		{ transform: translateX(-100%); }
+}
+
+@keyframes slideOutRight {
+    to 		{ transform: translateX(100%); }
+}
+
+/* entering animations --------------------------------------- */
+@keyframes slideInRight {
+    from 	{ transform:translateX(100%); }
+    to 		{ transform: translateX(0); }
+}
+
+@keyframes slideInLeft {
+    from 	{ transform:translateX(-100%); }
+    to 		{ transform: translateX(0); }
+}
+
+@keyframes fadeIn {
+    from 	{ opacity: 0; }
+    to 		{ opacity: 1; }
+}
+
+@keyframes fadeOut {
+    from 	{ opacity: 1; }
+    to 		{ opacity: 0; }
+}
+
+/******************/
+/*Webkit keyframes*/
+/******************/
+
+/* leaving animations ----------------------------------------- */
+@-webkit-keyframes slideOutLeft {
+    to 		{ -webkit-transform: translateX(-100%); }
+}
+
+@-webkit-keyframes slideOutRight {
+    to 		{ -webkit-transform: translateX(100%); }
+}
+
+/* entering animations --------------------------------------- */
+@-webkit-keyframes slideInRight {
+    from 	{ -webkit-transform:translateX(100%); }
+    to 		{ -webkit-transform: translateX(0); }
+}
+
+@-webkit-keyframes slideInLeft {
+    from 	{ -webkit-transform:translateX(-100%); }
+    to 		{ -webkit-transform: translateX(0); }
+}
+
+@-webkit-keyframes fadeIn {
+    from 	{ opacity: 0; }
+    to 		{ opacity: 1; }
+}
+
+@-webkit-keyframes fadeOut {
+    from 	{ opacity: 1; }
+    to 		{ opacity: 0; }
+}
+/******************************/
+/*Mozilla keyframes definition*/
+/******************************/
+
+/* leaving animations ----------------------------------------- */
+@-moz-keyframes slideOutLeft {
+    to 		{ -moz-transform: translateX(-100%); }
+}
+
+@-moz-keyframes slideOutRight {
+    to 		{ -moz-transform: translateX(100%); }
+}
+
+/* entering animations --------------------------------------- */
+@-moz-keyframes slideInRight {
+    from 	{ -moz-transform:translateX(100%); }
+    to 		{ -moz-transform: translateX(0); }
+}
+
+@-moz-keyframes slideInLeft {
+    from 	{ -moz-transform:translateX(-100%); }
+    to 		{ -moz-transform: translateX(0); }
+}
+
+@-moz-keyframes fadeIn {
+    from 	{ opacity: 0; }
+    to 		{ opacity: 1; }
+}
+
+@-moz-keyframes fadeOut {
+    from 	{ opacity: 1; }
+    to 		{ opacity: 0; }
+}