Skip to content

Commit 7e58eac

Browse files
shairezshairez
committed
Build a full blown responsive site
1 parent 79d4b9e commit 7e58eac

20 files changed

+662
-13
lines changed

‎gulp/build.js

+4-2
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,11 @@ var gulp = require('gulp');
22

33
module.exports = function(options){
44

5-
gulp.task('build', function(){
5+
gulp.task('build', ['styles'], function(){
66

7-
gulp.src([options.src + "/**/*.*"])
7+
gulp.src([options.src + '/**/*',
8+
'!' + options.src + '/**/*.scss',
9+
options.tmp + '/serve/**/*'])
810
.pipe(gulp.dest(options.dist));
911
});
1012

‎gulp/deploy.js

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
11
var gulp = require('gulp');
2+
var ghPages = require('gulp-gh-pages-cname');
23

34
module.exports = function(options){
45

5-
gulp.task('deploy', function(){
6-
6+
gulp.task('deploy', ['build'], function(){
7+
gulp.src(options.dist + "/**/*")
8+
.pipe(ghPages({cname: "www.jsisrael.com"}));
79
});
810

911

‎gulp/serve.js

+17-4
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,25 @@
11
var gulp = require('gulp');
2-
var ghPages = require('gulp-gh-pages');
2+
var browserSync = require('browser-sync');
33

44

55
module.exports = function(options){
66

7-
gulp.task('deploy', ['build'], function(){
8-
gulp.src(options.dist + "/**/*.*")
9-
.pipe(ghPages());
7+
gulp.task('serve', ['watch'], function(){
8+
9+
var server = {
10+
baseDir: [options.tmp + '/serve', options.src],
11+
routes: {'/bower_components': 'bower_components'}
12+
}
13+
14+
browserSync.instance = browserSync.init({
15+
startPath: '/',
16+
server: server,
17+
browser: 'default'
18+
});
19+
20+
21+
22+
1023
});
1124

1225

‎gulp/styles.js

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
var gulp = require('gulp');
2+
var browserSync = require('browser-sync');
3+
var $ = require('gulp-load-plugins')();
4+
5+
module.exports = function (options) {
6+
7+
gulp.task('styles', function () {
8+
9+
return gulp
10+
.src(options.src + "/styles/index.scss")
11+
.pipe($.sourcemaps.init())
12+
.pipe($.debug())
13+
.pipe($.sass().on('error', $.sass.logError))
14+
.pipe($.autoprefixer())
15+
.pipe($.sourcemaps.write())
16+
.pipe(gulp.dest(options.tmp + "/serve/styles/"))
17+
.pipe(browserSync.reload({ stream: true}));
18+
19+
});
20+
21+
22+
}

‎gulp/watch.js

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
var gulp = require('gulp');
2+
var browserSync = require('browser-sync');
3+
4+
5+
module.exports = function(options){
6+
7+
gulp.task('watch', function(){
8+
9+
// watch html
10+
gulp.watch(options.src + "/**/*.js", function(event){
11+
browserSync.reload();
12+
});
13+
14+
gulp.watch(options.src + "/**/*.scss", ['styles']);
15+
16+
gulp.watch(options.src + "/*.html", browserSync.reload);
17+
18+
})
19+
20+
21+
}

‎gulpfile.js

+23
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,32 @@
11
var gulp = require('gulp');
2+
var gutil = require('gulp-util');
23
var wrench = require('wrench');
4+
var plumber = require('gulp-plumber');
5+
6+
7+
var gulp_src = gulp.src;
8+
9+
gulp.src = function(){
10+
return gulp_src.apply(gulp, arguments)
11+
.pipe(plumber(function(error){
12+
gutil.log(gutil.colors.red('Error (' + error.plugin + '): ' + error.message));
13+
this.emit('end');
14+
}))
15+
}
16+
17+
//
18+
//function errorHandler(title){
19+
// return function(err){
20+
// gutil.log(gutil.colors.red('[' + title + ']'), err.toString());
21+
// this.emit('end');
22+
// }
23+
//}
324

425
var options = {
526
src: 'src',
27+
tmp: '.tmp',
628
dist: 'dist'
29+
//errorHandler: errorHandler
730
}
831

932
wrench.readdirSyncRecursive('./gulp')

‎package.json

+10-1
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,17 @@
99
"author": "",
1010
"license": "ISC",
1111
"devDependencies": {
12+
"browser-sync": "^2.7.1",
1213
"gulp": "^3.8.11",
13-
"gulp-gh-pages": "^0.5.1",
14+
"gulp-autoprefixer": "^2.2.0",
15+
"gulp-debug": "^2.0.1",
16+
"gulp-gh-pages-cname": "^0.5.2",
17+
"gulp-inject": "^1.2.0",
18+
"gulp-load-plugins": "^0.10.0",
19+
"gulp-plumber": "^1.0.0",
20+
"gulp-sass": "^2.0.0",
21+
"gulp-sourcemaps": "^1.5.2",
22+
"gulp-util": "^3.0.4",
1423
"wrench": "^1.5.8"
1524
}
1625
}

‎src/assets/images/footer-logo.jpg

6.57 KB
Loading

‎src/assets/images/hero-bg-crowd.jpg

76 KB
Loading

‎src/assets/images/hero-shimon.png

33.3 KB
Loading

‎src/assets/images/logo.png

11.9 KB
Loading

‎src/assets/images/people/alon-barak.jpg

19.9 KB
Loading

‎src/assets/images/people/benjamin-gruenbaum.jpg

14.7 KB
Loading

‎src/assets/images/people/oren-rubin.jpg

26.5 KB
Loading

‎src/assets/images/people/ran-mizrahi.png

37.5 KB
Loading

‎src/assets/images/people/shai-reznik.jpg

19.4 KB
Loading

‎src/assets/images/people/uri-shaked.jpg

16.3 KB
Loading

‎src/index.html

+212-4
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,229 @@
44
<head>
55
<title>JavaScript Israel - The Largest JavaScript Group In Israel</title>
66
<meta charset="utf-8">
7-
<meta name="viewport" content="width=device-width">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
88
<meta name="description" content="JavaScript Israel is a Meetup and Facebook group
99
with the main goal of sharing JavaScript knowledge in a fun way"/>
1010

1111
<link rel="icon" href="/favicon.ico" type="text/x-icon"/>
1212
<link rel="shortcut icon" href="/favicon.ico" type="text/x-icon"/>
13-
</head>
1413

14+
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,600,400' rel='stylesheet'
15+
type='text/css'>
16+
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
17+
18+
<!--<link rel="stylesheet" href="bower_components/normalize.css/normalize.css"/>-->
19+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css"/>
20+
<link rel="stylesheet" href="styles/index.css"/>
21+
22+
<!-- inject:css -->
23+
<!-- endinject -->
24+
25+
<!--<script src="bower_components/modernizr/modernizr.js"></script>-->
26+
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
27+
<script>
28+
// Old browser detection
29+
if(Modernizr.flexbox === false) {
30+
// No Media Query Support Detected - do something
31+
window.location.href = "/upgradebrowser.html";
32+
// alert('NO FLEXBOX');
33+
}
34+
</script>
35+
</head>
1536

1637
<body>
1738

18-
JavaScript Israel
1939

20-
</body>
40+
<header>
41+
<div class="bound-container header-content">
42+
<div class="logo">
43+
<a href="/">
44+
<img src="assets/images/logo.png" alt="JavaScript Israel Logo"/>
45+
</a>
46+
</div>
47+
48+
<navbar>
49+
<!--<a href="/about">About Us</a>-->
50+
<!--<a href="/sponsor">Sponsor Us</a>-->
51+
<a href="http://www.meetup.com/JavaScript-Israel/" target="_blank" title="JavaScript Israel Meetup Page"><img src="assets/images/meetup-logo.png" alt="JavaScript Israel Meetup Page"/></a>
52+
<a href="https://www.facebook.com/groups/jsisrael/" target="_blank" title="JavaScript Israel Facebook Group"><i class="fa fa-2x fa-facebook-square"></i></a>
53+
<a href="http://www.youtube.com/user/javascriptisrael" target="_blank" title="JavaScript Israel Youtube Page"><i class="fa fa-2x fa-youtube"></i></a>
54+
<!--<a href="/contact">Contact Us</a>-->
55+
</navbar>
56+
</div>
57+
58+
</header>
59+
60+
<section class="hero">
61+
<div class="hero-content">
62+
<div class="shimon"><img src="assets/images/hero-shimon.png" alt="Shimon!"/></div>
63+
64+
<h1>The Largest JavaScript Group In Israel</h1>
65+
</div>
66+
</section>
67+
68+
<section class="about">
69+
<article class="bound-container about-content">
70+
Founded in January 2013, JavaScript Israel's mission is to share knowledge in a <span class="big-ass-words">fun and accessible
71+
way</span>,
72+
in order to create a better community of
73+
JavaScript developers we can work with, hire, and learn from.</p>
74+
75+
76+
</article>
77+
</section>
78+
79+
<section>
80+
<div class="action-boxes bound-container">
81+
82+
<div class="action-box members">
83+
<div class="action-box-headline"><h2>Wanna Learn?</h2></div>
84+
<div class="action-box-content">
85+
<a href="http://www.meetup.com/JavaScript-Israel/" target="_blank" title="Join Our Next Event">Join Our Next Event</a>
86+
<a href="http://www.youtube.com/user/javascriptisrael" target="_blank" title="Watch Videos">Watch Videos</a>
87+
<a href="https://www.facebook.com/groups/jsisrael/" target="_blank" title="Join The Discussion">Join The Discussion</a>
88+
</div>
89+
</div>
90+
91+
<div class="action-box speakers">
92+
<div class="action-box-headline"><h2>Wanna Help?</h2></div>
93+
<div class="action-box-content">
94+
<a href="http://bit.ly/jsil-apply" target="_blank" title="Submit A Lecture">Submit A Lecture</a>
95+
<a href="https://github.com/jsIsrael/JavaScript-Israel-Website" target="_blank" title="Improve This Website">Improve This Website</a>
96+
<a href="https://www.facebook.com/groups/jsisrael/" target="_blank" title="Answer Questions">Answer Questions</a>
97+
</div>
98+
</div>
99+
100+
<div class="action-box sponsors">
101+
<div class="action-box-headline"><h2>Wanna Sponsor?</h2></div>
102+
<div class="action-box-content">
103+
<a href="http://bit.ly/jsil-sponsor" target="_blank" title="Sponsor The Next Event">Sponsor The Next Event</a>
104+
<a href="http://bit.ly/jsil-hosting" target="_blank" title="Host The Next Event">Host The Next Event</a>
105+
</div>
106+
</div>
107+
108+
</div>
109+
110+
</section>
111+
112+
<section class="section-header">
113+
<h1>Community Top Contributors</h1>
114+
</section>
115+
116+
<section class="people">
117+
<div class="people-content bound-container">
118+
<figure>
119+
<img src="assets/images/people/uri-shaked.jpg" alt="Uri Shaked"/>
120+
<figcaption>
121+
<p>Uri Shaked</p>
122+
<a href="https://twitter.com/urishaked" target="_blank">@urishaked</a>
123+
</figcaption>
124+
</figure>
125+
126+
<figure>
127+
<img src="assets/images/people/oren-rubin.jpg" alt="Oren Rubin"/>
128+
<figcaption>
129+
<p>Oren Rubin</p>
130+
<a href="https://twitter.com/shexman" target="_blank">@shexman</a>
131+
</figcaption>
132+
</figure>
21133

134+
<figure>
135+
<img src="assets/images/people/ran-mizrahi.png" alt="Ran Mizrahi"/>
136+
<figcaption>
137+
<p>Ran Mizrahi</p>
138+
<a href="https://twitter.com/ranm8" target="_blank">@ranm8</a>
139+
</figcaption>
140+
</figure>
141+
142+
<figure>
143+
<img src="assets/images/people/benjamin-gruenbaum.jpg" alt="Benjamin Gruenbaum"/>
144+
<figcaption>
145+
<p>Benjamin Gruenbaum</p>
146+
<a href="https://github.com/benjamingr" title="Benjamin's Github Page" target="_blank"><i class="fa fa-github-square"></i></a>
147+
</figcaption>
148+
</figure>
149+
150+
<figure>
151+
<img src="assets/images/people/asaf-david.jpg" alt="Asaf David"/>
152+
<figcaption>
153+
<p>Asaf David</p>
154+
<a href="https://twitter.com/asafdav" target="_blank">@asafdav</a>
155+
</figcaption>
156+
</figure>
157+
</div>
158+
159+
</section>
160+
161+
<section class="section-header">
162+
<h1>Organizers Team</h1>
163+
</section>
164+
165+
<section class="people">
166+
<div class="people-content bound-container">
167+
<figure>
168+
<img src="assets/images/people/shai-reznik.jpg" alt="Shai Reznik"/>
169+
<figcaption>
170+
<p>Shai Reznik</p>
171+
<a href="https://twitter.com/shai_reznik" target="_blank">@shai_reznik</a>
172+
</figcaption>
173+
</figure>
174+
175+
<figure>
176+
<img src="assets/images/people/alon-barak.jpg" alt="Alon Barak"/>
177+
<figcaption>
178+
<p>Alon Barak</p>
179+
180+
</figcaption>
181+
</figure>
182+
183+
184+
</figure>
185+
</div>
186+
187+
</section>
188+
189+
<footer>
190+
<div class="footer-content bound-container">
191+
192+
<section class="footer-links-container">
193+
194+
<section class="footer-links-box footer-logo-box">
195+
<img src="assets/images/footer-logo.jpg" alt="JavaScript Israel Logo"/>
196+
&copy; All rights reserved to JavaScript Israel
197+
198+
199+
</section>
200+
201+
<section class="footer-links-box">
202+
<h3>NEW MEMBERS</h3>
203+
<!--<a href="/about" title="About JavaScript Israel">About JSIsrael</a>-->
204+
<a href="http://www.meetup.com/JavaScript-Israel/" target="_blank" title="Join Our Next Event">Join Our Next Event</a>
205+
<a href="http://www.youtube.com/user/javascriptisrael" target="_blank" title="Watch Videos">Watch Videos</a>
206+
<a href="https://www.facebook.com/groups/jsisrael/" target="_blank" title="Join The Discussion">Join The Discussion</a>
207+
</section>
208+
209+
<section class="footer-links-box">
210+
<h3>SUPPORT OTHERS</h3>
211+
<a href="http://bit.ly/jsil-apply" target="_blank" title="Submit A Lecture">Submit A Lecture</a>
212+
<a href="https://github.com/jsIsrael/JavaScript-Israel-Website" target="_blank" title="Improve This Website">Improve This Website</a>
213+
<a href="https://www.facebook.com/groups/jsisrael/" target="_blank" title="Answer Questions">Answer Questions</a>
214+
</section>
215+
216+
<section class="footer-links-box">
217+
<h3>SPONSOR</h3>
218+
<a href="http://bit.ly/jsil-sponsor" target="_blank" title="Sponsor The Next Event">Sponsor The Next Event</a>
219+
<a href="http://bit.ly/jsil-hosting" target="_blank" title="Host The Next Event">Host The Next Event</a>
220+
</section>
221+
</section>
222+
<section class="copyrights">
223+
224+
</section>
225+
</div>
226+
</footer>
227+
228+
229+
</body>
22230

23231

24232
</html>

0 commit comments

Comments
 (0)