first commit

Author: Spirit04eK

.DS_Store

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+end_of_line = crlf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.styl]
+indent_size = 3

.editorconfig

@@ -0,0 +1,3 @@
+node_modules
+.idea
+package-lock.json

.gitignore

@@ -0,0 +1,96 @@
+//установка нового: заходим в директорию и npm install
+//Сборка проекта: gulp production
+//Запуск gulp'а: gulp watch
+'use strict';
+var gulp = require('gulp'),
+    stylus = require('gulp-stylus'),
+    browserSync = require('browser-sync'),
+    concat = require('gulp-concat'),
+    uglify = require('gulp-uglifyjs'),
+    cssnano = require('gulp-cssnano'),
+    rename = require('gulp-rename'),
+    imagemin = require('gulp-imagemin'),
+    pngquant = require('imagemin-pngquant'),
+    cache = require('gulp-cache'),
+    autoprefixer = require('gulp-autoprefixer');
+
+//Browser sync
+gulp.task('browser-sync', function(){
+    browserSync({
+        server: {
+            baseDir: 'production'
+        },
+        notify: false
+    });
+});
+
+//Assembly of pictures
+gulp.task('compress', function() {
+    gulp.src('src/img/*')
+        .pipe(imagemin())
+        .pipe(gulp.dest('production/img/'))
+});
+
+
+
+//compile and assembly stylus
+gulp.task('compile_stylus', function() {
+    gulp.src('src/css/main.styl')
+
+        .pipe( stylus() )
+        .pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { //Добавление префиксов
+            cascade: true
+        }))
+        .pipe(cssnano())
+        .pipe( gulp.dest('production/css/') );
+});
+
+//compile and assembly twig
+gulp.task('compile_twig', function () {
+    var twig = require('gulp-twig');
+    return gulp.src('src/html/index.twig')
+        .pipe(twig({
+            data: {
+                title: 'Gulp and Twig',
+                benefits: [
+                    'Fast',
+                    'Flexible',
+                    'Secure'
+                ]
+            }
+        }))
+        .pipe(gulp.dest('production/'));
+});
+
+//Assembly js lib file
+gulp.task('compile_lib_js', function () {
+    gulp.src('src/js/lib/*')
+        .pipe( gulp.dest('production/js/') );
+});
+
+//Assembly my js file
+gulp.task('compile_js', function () {
+    gulp.src('src/js/mvc/**/*.js')
+        .pipe(concat('main.js'))
+        .pipe( gulp.dest('production/js/') )
+});
+
+//function watch
+var watch = ['browser-sync', 'compile_stylus', 'compile_twig','compile_lib_js', 'compile_js', 'compress'];
+//Main function watch change file
+gulp.task('watch', watch, function() {
+    gulp.watch('src/css/**/*.styl', ['compile_stylus'], browserSync.reload);
+    gulp.watch('src/html/**/*.twig', ['compile_twig'], browserSync.reload);
+    gulp.watch('src/js/common/*.js', ['compile_js'], browserSync.reload);
+    gulp.watch('src/js/lib/*', ['compile_lib_js'], browserSync.reload);
+    gulp.watch('src/img/*', ['compress'], browserSync.reload);
+});
+
+//Assembly project
+var complete = ['compile_stylus', 'compile_twig', 'compile_js','compile_lib_js', 'compress' ];
+gulp.task('production', complete, function () {
+
+});
+
+
+

gulpfile.js

@@ -0,0 +1,29 @@
+{
+  "name": "education",
+  "version": "1.0.0",
+  "description": "my gulp",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "Spirit04eK",
+  "license": "ISC",
+  "devDependencies": {
+    "browser-sync": "^2.18.13",
+    "del": "^3.0.0",
+    "gulp": "^3.9.1",
+    "gulp-autoprefixer": "^4.0.0",
+    "gulp-cache": "^0.5.0",
+    "gulp-concat": "^2.6.1",
+    "gulp-cssnano": "^2.1.2",
+    "gulp-imagemin": "^3.4.0",
+    "gulp-rename": "^1.2.2",
+    "gulp-sass": "^3.1.0",
+    "gulp-stylus": "^2.7.0",
+    "gulp-twig": "^1.2.0",
+    "gulp-uglifyjs": "^0.6.2",
+    "imagemin-pngquant": "^5.0.1",
+    "sass": "^1.0.0-beta.2"
+  },
+  "dependencies": {}
+}

package.json

@@ -0,0 +1,43 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+   margin: 0;
+   padding: 0;
+   border: 0;
+   font-size: 100%;
+   font: inherit;
+   vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+   display: block;
+}
+body {
+   line-height: 1;
+}
+ol, ul {
+   list-style: none;
+}
+blockquote, q {
+   quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+   content: '';
+   content: none;
+}
+table {
+   border-collapse: collapse;
+   border-spacing: 0;
+}

src/.DS_Store

@@ -0,0 +1,6 @@
+@import "base/reset.styl"
+@import 'modules/*'
+
+body
+   min-height 100vh
+   position relative

src/css/.DS_Store

@@ -0,0 +1,7 @@
+
+{% extends "modules/main.twig" %}
+
+
+{% block body %}
+    {% include 'modules/header.twig' %}
+{% endblock %}

src/css/base/reset.styl

@@ -0,0 +1 @@
+<h1>Hello, world</h1>

src/css/main.styl

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <link rel="shortcut icon" href="img/favicon.ico">
+    <title>Архитектура программных систем</title>
+    {% block stylesheets %}
+        <link rel="stylesheet" href="css/main.css">
+    {% endblock %}
+
+    {% block javascripts %}
+        <script src="js/main.js"></script>
+    {% endblock %}
+
+</head>
+<body class="body">
+    <div class="body__header">
+        {% include '../modules/header.twig' %}
+    </div>
+    <div class="body__content">
+        {% block body %}{% endblock %}
+    </div>
+    <div class="body__footer">
+        {% include '../modules/footer.twig' %}
+    </div>
+</body>
+</html>

src/html/index.twig

@@ -0,0 +1 @@
+console.log('file base.js');

src/html/modules/footer.twig

@@ -0,0 +1 @@
+console.log('file controller.js');

src/html/modules/header.twig

@@ -0,0 +1 @@
+console.log('file model.js');

src/html/modules/main.twig

@@ -0,0 +1 @@
+console.log('file view.js');