epam-js-jun-2019 · kulikov98 · Jul 11, 2019 · Jul 15, 2019 · Jul 17, 2019 · mariia-zu
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+.DS_Store
+Vladimir Kulikov/node_modules
+Vladimir Kulikov/css
diff --git a/Vladimir Kulikov/New-Jersey.jpg b/Vladimir Kulikov/New-Jersey.jpg
diff --git a/Vladimir Kulikov/fonts/OpenSans-Regular.eot b/Vladimir Kulikov/fonts/OpenSans-Regular.eot
diff --git a/Vladimir Kulikov/fonts/OpenSans-Regular.ttf b/Vladimir Kulikov/fonts/OpenSans-Regular.ttf
diff --git a/Vladimir Kulikov/fonts/OpenSans-Regular.woff b/Vladimir Kulikov/fonts/OpenSans-Regular.woff
diff --git a/Vladimir Kulikov/fonts/ProximaNova-Light.eot b/Vladimir Kulikov/fonts/ProximaNova-Light.eot
diff --git a/Vladimir Kulikov/fonts/ProximaNova-Light.ttf b/Vladimir Kulikov/fonts/ProximaNova-Light.ttf
diff --git a/Vladimir Kulikov/fonts/ProximaNova-Light.woff b/Vladimir Kulikov/fonts/ProximaNova-Light.woff
diff --git a/Vladimir Kulikov/fonts/ProximaNova-Regular.eot b/Vladimir Kulikov/fonts/ProximaNova-Regular.eot
diff --git a/Vladimir Kulikov/fonts/ProximaNova-Regular.ttf b/Vladimir Kulikov/fonts/ProximaNova-Regular.ttf
diff --git a/Vladimir Kulikov/fonts/ProximaNova-Regular.woff b/Vladimir Kulikov/fonts/ProximaNova-Regular.woff
diff --git a/Vladimir Kulikov/fonts/SourceSansPro-Light.eot b/Vladimir Kulikov/fonts/SourceSansPro-Light.eot
diff --git a/Vladimir Kulikov/fonts/SourceSansPro-Light.ttf b/Vladimir Kulikov/fonts/SourceSansPro-Light.ttf
diff --git a/Vladimir Kulikov/fonts/SourceSansPro-Light.woff b/Vladimir Kulikov/fonts/SourceSansPro-Light.woff
diff --git a/Vladimir Kulikov/fonts/SourceSansPro-SemiBold.eot b/Vladimir Kulikov/fonts/SourceSansPro-SemiBold.eot
diff --git a/Vladimir Kulikov/fonts/SourceSansPro-SemiBold.ttf b/Vladimir Kulikov/fonts/SourceSansPro-SemiBold.ttf
diff --git a/Vladimir Kulikov/fonts/SourceSansPro-SemiBold.woff b/Vladimir Kulikov/fonts/SourceSansPro-SemiBold.woff
diff --git a/Vladimir Kulikov/gulpfile.js b/Vladimir Kulikov/gulpfile.js
@@ -0,0 +1,19 @@
+'use strict';
+
+var gulp = require('gulp');
+var sass = require('gulp-sass');
+sass.compiler = require('node-sass');
+var sourcemaps = require('gulp-sourcemaps');
+
+gulp.task('sass', function () {
+  return gulp.src('./sass/**/*.scss')
+   .pipe(sourcemaps.init())
+   .pipe(sass().on('error', sass.logError))
+   .pipe(sourcemaps.write('./maps'))
+   .pipe(gulp.dest('./css'));
+ });
+
+gulp.task('sass:watch', function () {
+  gulp.watch('./sass/*.sass', gulp.parallel('sass'));
+});
+
diff --git a/Vladimir Kulikov/img/cloudy.png b/Vladimir Kulikov/img/cloudy.png
diff --git a/Vladimir Kulikov/img/refresh.png b/Vladimir Kulikov/img/refresh.png
diff --git a/Vladimir Kulikov/img/sprite.png b/Vladimir Kulikov/img/sprite.png
diff --git a/Vladimir Kulikov/index.html b/Vladimir Kulikov/index.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>New Jersey</title>
+    <link rel="stylesheet" href="css/flexbox.css">
+</head>
+
+<body>
+    <div class="container">
+        <article class="weather-widget">
+            <section class="weather-widget__top">
+                <div class="weather-widget__image">
+                    <img class="weather-widget__image-icon" src="img/cloudy.png" alt="cloudy weather image">
+                    <button class="weather-widget__image-refresh">
+                        <img src="img/refresh.png" alt="refresh">
+                    </button>
+                </div>
+                <div class="weather-widget__top-info">
+                    <div class="weather-widget__degrees">79 <sup class="weather-widget__degrees-symbol">o</sup></div>
+                    <div class="weather-widget__text">
+                        <span class="weather-widget__sky">Cloudy Skies</span>
+                        <span class="weather-widget__location">Sicklerville, New Jersey</span>
+                    </div>
+                    <div class="weather-widget__date">May<span class="weather-widget__date-day">21</span></div>
+                </div>
+            </section>
+            <section class="weather-widget__bottom">
+                <div class="weather-widget__bottom-info">
+                    <span class="weather-widget__wind">2 MPH</span>
+                    <span class="weather-widget__humidity">33%</span>
+                    <span class="weather-widget__clear">83%</span>
+                </div>
+                <div class="weather-widget__pagination">
+                    <span class="weather-widget__dot weather-widget__dot_active"></span>
+                    <span class="weather-widget__dot"></span>
+                    <span class="weather-widget__dot"></span>
+                </div>
+            </section>
+        </article>
+    </div>
+</body>
+
+</html>