Экзамен - Белоусов

.gitignore

@@ -0,0 +1,5 @@
+.idea
+.tmp
+node_modules/*
+build/app.js
+build/app.min.map

Gruntfile.js

@@ -0,0 +1,87 @@
+module.exports = function(grunt) {
+
+    grunt.initConfig({
+        pkg : grunt.file.readJSON('package.json'),
+        /*watch: {
+            files: ['Gruntfile.js', 'js*//*.js'],
+            tasks: ['jshint']
+        },*/
+        jshint : {
+            files : ['Gruntfile.js', 'js/main.js', 'js/app/*.js', 'js/**/*.js'],
+            options : {
+                validthis: true,
+                laxcomma: true,
+                laxbreak: true,
+                browser: true,
+                eqnull: true,
+                debug: true,
+                devel: true,
+                boss: true,
+                expr: true,
+                asi: true,
+                globals: {
+                    jQuery : true
+                }
+            }
+        },
+        copy: {
+            build: {
+                files: {
+                    'build.html': ['index.html']
+                }
+            }
+        },
+        // https://github.com/yeoman/grunt-usemin
+        useminPrepare: {
+            html: 'build.html',
+            options: {
+                dest: 'build'
+            }
+        },
+        usemin: {
+            html: 'build.html',
+            options: {
+                dest: 'build'
+            }
+        },
+        // https://github.com/jrburke/r.js/blob/master/build/example.build.js
+        requirejs: {
+            compile: {
+                options: {
+                    baseUrl: "js",
+                    paths: {
+                        jquery: "empty:",
+                        app: 'app'
+                    },
+                    name: "main",
+                    out: "build/app.js"
+                }
+            }
+        },
+        uglify: {
+            options: {
+                mangle: {
+                    except: ['jQuery']
+                }
+            },
+            my_target: {
+                options: {
+                    sourceMap: 'build/app.min.map'
+                },
+                files: {
+                    'build/app.min.js': ['build/app.js']
+                }
+            }
+        }
+    });
+
+    grunt.loadNpmTasks('grunt-contrib-copy');
+    grunt.loadNpmTasks('grunt-contrib-concat');
+    grunt.loadNpmTasks('grunt-contrib-jshint');
+    grunt.loadNpmTasks('grunt-contrib-uglify');
+    grunt.loadNpmTasks('grunt-contrib-cssmin');
+    grunt.loadNpmTasks('grunt-contrib-requirejs');
+    grunt.loadNpmTasks('grunt-usemin');
+
+    grunt.registerTask('default', ['copy', 'jshint', 'useminPrepare', 'usemin', 'concat', 'cssmin', 'requirejs', 'uglify']);
+};

css/blue.css

@@ -0,0 +1,202 @@
+.story-blue-part-1
+{
+    margin: 0 0 80px;
+    padding: 0 0 367px;
+}
+
+.story-blue-part-1__bg
+{
+    position: absolute;
+    top: 285px;
+    left: 0;
+
+    width: 100%;
+    height: 565px;
+
+    background: url("../images/blue/story-blue-part-1__bg.png") no-repeat 152px 0 transparent;
+}
+
+.image_blue-notebook
+{
+    position: relative;
+    z-index: 2;
+
+    margin-top: -13px;
+}
+
+.image_blue-phone
+{
+    position: absolute;
+    top: 345px;
+    left: -54px;
+}
+
+.image_blue-pen
+{
+    position: absolute;
+    top: 350px;
+    left: 340px;
+}
+
+.image_blue-ticket
+{
+    position: absolute;
+    top: 344px;
+    right: 75px;
+}
+
+.image_blue-watch
+{
+    position: absolute;
+    z-index: 2;
+    top: 485px;
+    left: 505px;
+}
+
+.image_blue-photo
+{
+    position: absolute;
+    top: 465px;
+    right: -75px;
+}
+
+.image_blue-ipad
+{
+
+}
+
+.story-blue-part-2
+{
+    margin: 0 0 92px;
+    padding: 0 0 285px;
+}
+
+.story-blue-part-2__bg
+{
+    position: absolute;
+    top: 235px;
+    left: 0;
+
+    width: 100%;
+    height: 565px;
+
+    background: url("../images/blue/story-blue-part-2__bg.png") no-repeat 63px 0 transparent;
+}
+
+.image_blue-cup
+{
+    position: absolute;
+    top: 380px;
+    right: 399px;
+}
+
+.image_blue-mask
+{
+    position: absolute;
+    top: 260px;
+    right: 3px;
+}
+
+.image_blue-palka
+{
+    position: absolute;
+    top: 30px;
+    right: 9px;
+}
+
+.image_blue-paper
+{
+    position: absolute;
+    top: 1px;
+    right: 1px;
+}
+
+.image_blue-notebook2
+{
+    position: absolute;
+    top: 143px;
+    right: -84px;
+}
+
+.story-blue-part-3
+{
+    margin: 0 0 92px;
+    padding: 0 0 56px;
+}
+
+.story-blue-part-3__bg
+{
+    position: absolute;
+    top: 175px;
+    left: 0;
+
+    width: 100%;
+    height: 565px;
+
+    background: url("../images/blue/story-blue-part-3__bg.png") no-repeat 63px 0 transparent;
+}
+
+.image_blue-krug
+{
+    position: absolute;
+    top: -200px;
+    left: 0;
+}
+
+.image_blue-tie
+{
+    position: absolute;
+    z-index: 2;
+    top: 0;
+    left: 0;
+}
+
+.image_blue-iphone
+{
+    margin-top: 35px;
+}
+
+.image_blue-cards
+{
+    margin-top: 35px;
+}
+
+.image_blue-money
+{
+    margin: 200px 0 0 -10px;
+}
+
+.image_blue-bag
+{
+    position: absolute;
+    top: -220px;
+    right: 46px;
+}
+
+.story-blue-part-4
+{
+    margin: 0 0 48px;
+    padding: 0 0 72px;
+}
+
+.story-blue-part-4__row-1
+{
+    margin: 0 0 30px;
+}
+
+.story-blue-part-4__bg
+{
+    position: absolute;
+    top: 212px;
+    left: 0;
+
+    width: 100%;
+    height: 565px;
+
+    background: url("../images/blue/story-blue-part-4__bg.png") no-repeat 216px 0 transparent;
+}
+
+.image_blue-book
+{
+    margin: 112px 0 0 -29px;
+}