diff --git a/.gitignore b/.gitignore index c4756cd..c3304c0 100644 --- a/.gitignore +++ b/.gitignore @@ -10,5 +10,7 @@ app/lib/ node_modules/ bower_components/ +dist/* + ## Vagrant .vagrant/ diff --git a/app/contents/manifesto.md b/app/contents/manifesto.md new file mode 100644 index 0000000..131876f --- /dev/null +++ b/app/contents/manifesto.md @@ -0,0 +1,10 @@ +Can be found in +https://github.com/code4hk/site + +- S.1 Mission: +Drive social changes by code +Strengthen Hong Kong IT community as a whole +Motivate and facilitate Hong Kong IT community to do good to the society + +- S.2 How to become a team of CODE4HK +Any team that compliant to the S.3 and show willingness to join the cause can become a team of CODE4HK. Every team of CODE4HK shall choose a Hong Kong street name as code name. diff --git a/app/index.html b/app/index.html index 6dd4165..6ee8096 100644 --- a/app/index.html +++ b/app/index.html @@ -7,83 +7,41 @@ - - + - Code for Hong Kong -
- - -

- {{ 'Drive social changes by code' | t}} -

- -
-
-
-

{{ 'Open Gov' | t }}    {{'Civic hacking' | t }}    {{'Open Source' | t }}

-
+ Code for Hong Kong +
+ -
- -
- -
-
-
-
-
{{ 'Our Blog' | t }}
-
-
- - -
-
- - - -
-
-
-
-
-
- - -
- -

{{ 'Contacts' | t }}

- -
+

+{{ 'Drive social changes by code' | t}} +

+ +
+
+ + + + @@ -101,6 +59,7 @@

{{ 'Contacts' | t }}

+ - diff --git a/app/js/app.js b/app/js/app.js index fcf7936..841dfc9 100644 --- a/app/js/app.js +++ b/app/js/app.js @@ -2,72 +2,94 @@ // Declare app level module which depends on filters, and services angular.module('site', [ - 'ngRoute', - // 'ui.bootstrap', - 'site.filters', - 'site.services', - 'site.directives', - 'site.controllers', - 'jm.i18next' -]).config(['$routeProvider', - function($routeProvider) { - - } -]).filter('t',['$i18next',function(i18next){ - return function(input){ - return i18next(input); - } + 'ngRoute', + // 'ui.bootstrap', + 'site.filters', + 'site.services', + 'site.directives', + 'site.controllers', + 'jm.i18next' +]).config(['$routeProvider', '$locationProvider', + function($routeProvider, $locationProvider) { + $routeProvider + .when('/about', { + templateUrl: 'partials/about.html', + controller: 'AboutCtrl', + resolve: {} + }) + .when('/', { + templateUrl: 'partials/main.html', + controller: 'LandingCtrl', + resolve: {} + }) + .otherwise('/'); + $locationProvider.html5Mode(false); + } +]).filter('t', ['$i18next', function(i18next) { + return function(input) { + return i18next(input); + } }]); angular.module('jm.i18next') -.config(['$i18nextProvider',function ($i18nextProvider) { + .config(['$i18nextProvider', function($i18nextProvider) { $i18nextProvider.options = { - useCookie: false, - useLocalStorage: false, - load: 'current', - fallbackLng: 'zh-TW', - resGetPath: '../locales/__lng__/__ns__.json', - ns: { + useCookie: false, + useLocalStorage: false, + load: 'current', + fallbackLng: 'zh-TW', + resGetPath: '../locales/__lng__/__ns__.json', + ns: { namespaces: ['site_main'], defaultNs: 'site_main' } }; // http://localhost:8005/?setLng=en/ -}]); + }]); -angular.module('site.controllers', ["ngSanitize", "angular-lifestream"]). -controller('lifestreamCtrl', ['$scope', - function($scope) { +angular.module('site.controllers', ["ngSanitize", "angular-lifestream"]).controller( + 'lifestreamCtrl', ['$scope', + function($scope) { $scope.lifestreamConfig = { - theme: "lifestream-light-theme", - list: [{ - service: "github_org", - user: "code4hk", - }, { - service: "twitter", - user: "code4hk" - }, { - service: "facebook_page", - user: "code4hk" - }] + theme: "lifestream-light-theme", + list: [{ + service: "github_org", + user: "code4hk", + }, { + service: "twitter", + user: "code4hk" + }, { + service: "facebook_page", + user: "code4hk" + }] }; - } -]) -.controller('ScrollCtrl', ['$scope', '$location', '$anchorScroll', + } + ]) + .controller('LandingCtrl', ['$scope', '$location', '$anchorScroll', function($scope, $location, $anchorScroll) { - $scope.goTo = function(hash) { - console.log('hash=' + hash); - $location.hash(hash); - $anchorScroll(); - }; + $scope.goTo = function(hash) { + console.log('hash=' + hash); + $location.hash(hash); + $anchorScroll(); + }; + + } + ]) + .controller('ActivitiesCtrl', ['$scope', '$location', + function($scope, $location) { } -]); + ]) + .controller('AboutCtrl', ['$scope', '$location', + function($scope, $location) {} + ]); -angular.bootstrap(document, ["site"]); +angular.element(document).ready(function() { + angular.bootstrap(document, ["site"]); +}); diff --git a/app/locales/zh-TW/site_main.json b/app/locales/zh-TW/site_main.json index 513b037..fa9cba4 100644 --- a/app/locales/zh-TW/site_main.json +++ b/app/locales/zh-TW/site_main.json @@ -1,17 +1,17 @@ { - "language": "zh", - "We improve Hong Kong by coding": "用程式改變香港", - "Drive social changes by code":"用程式改變香港", - "Projects":"項目", - "Activities":"活動", - "Lifestream":"現在焦點", - "Blog": "部落格", - "Contacts": "聯絡我們", - "Open Gov":"開放政府", - "Civic hacking":"公民開發", - "Open Source":"開放源碼", - "Stay tuned by subscribing to our mailing list": "想知道我們第一手資訊？留下電郵地址！", - "email address" : "電郵地址", - "Our Blog" : "我們的部落格", - "Subscribe" : "留下" + "language": "zh", + "We improve Hong Kong by coding": "用程式改變香港", + "Drive social changes by code": "用程式改變香港", + "Projects": "項目", + "Activities": "活動", + "Lifestream": "最新動態", + "Blog": "部落格", + "Contacts": "聯絡我們", + "Open Gov": "開放政府", + "Civic hacking": "公民開發", + "Open Source": "開放源碼", + "Stay tuned by subscribing to our mailing list": "想知道我們第一手資訊？留下電郵地址！", + "email address": "電郵地址", + "Our Blog": "我們的部落格", + "Subscribe": "留下" } diff --git a/app/partials/about.html b/app/partials/about.html new file mode 100644 index 0000000..9247375 --- /dev/null +++ b/app/partials/about.html @@ -0,0 +1,8 @@ +

About

+

Manifesto:

+
+ +
+ + +

Curators:

diff --git a/app/partials/main.html b/app/partials/main.html new file mode 100644 index 0000000..c6f5ef2 --- /dev/null +++ b/app/partials/main.html @@ -0,0 +1,54 @@ +
+

{{ 'Open Gov' | t }}    {{'Civic hacking' | t }}    {{'Open Source' | t }}

+
+ +
+ +
+ +
+
+
+ +
+
+ {{ 'Activities' | t }} + + +
+
+ + +
+
{{ 'Our Blog' | t }}
+
+
+ + +
+
+ + + +
+
+
+
+
+
+ + +
+ +

{{ 'Contacts' | t }}

+ +

{{'Curator Team'| t}}

+
diff --git a/app/partials/manifesto.html b/app/partials/manifesto.html new file mode 100644 index 0000000..f28d9a9 --- /dev/null +++ b/app/partials/manifesto.html @@ -0,0 +1,12 @@ +

Can be found in +https://github.com/code4hk/site

+ diff --git a/app/partials/partial1.html b/app/partials/partial1.html deleted file mode 100644 index e35d528..0000000 --- a/app/partials/partial1.html +++ /dev/null @@ -1,4 +0,0 @@ -

This is the partial for view 1.

-

- Getting version from the scope: {{ scopedAppVersion }} -

diff --git a/bower.json b/bower.json index 8b73ae0..e6265d6 100755 --- a/bower.json +++ b/bower.json @@ -1,26 +1,26 @@ { - "name": "code4hkweb", - "version": "0.1.0", - "ignore": [ - "app/lib/", - "**/.*", - "node_modules", - "test", - "tests" - ], - "dependencies": { - "angular": null, - "angular-scenario": "1.2.*", - "angular-route": "1.2.*", - "angular-mocks": "1.2.*", - "angular-animate": "1.2.*", - "ng-i18next":"0.3.1", - "angular-sanitize": "1.2.*", - "angular-ui-utils": "0.1.*", - "angular-lifestream":"*" + "name": "code4hkweb", + "version": "0.1.0", + "ignore": [ + "app/lib/", + "**/.*", + "node_modules", + "test", + "tests" + ], + "dependencies": { + "angular": null, + "angular-scenario": "*", + "angular-route": "*", + "angular-mocks": "*", + "angular-animate": "*", + "ng-i18next": "0.3.1", + "angular-sanitize": "*", + "angular-ui-utils": "0.1.*", + "angular-lifestream": "*" - }, - "resolutions": { - "angular": ">=1.2.14" - } + }, + "resolutions": { + "angular": ">=1.3.9" + } } diff --git a/gulpfile.js b/gulpfile.js index 6a42099..ea85ba8 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -8,37 +8,92 @@ var livereload = require('gulp-livereload'); var concat = require('gulp-concat'); var less = require('gulp-less'); var bower = require('gulp-bower'); - +var deploy = require('gulp-gh-pages'); +var minifyCss = require('gulp-minify-css'); +var usemin = require('gulp-usemin'); +var markdown = require('gulp-markdown'); server = lr(); +var dist = 'dist'; +var publicFolder = 'app'; gulp.task('bower', function() { + bower() + .pipe(gulp.dest('app/lib/')); + +}); + + +var filesToMove = [ + 'app/**/*', + '!app/css/**', + '!app/js/**', + '!app/index.html', +]; - bower() - .pipe(gulp.dest('app/lib/')); +gulp.task('content', function() { + // markdown + gulp.src("app/contents/**/*") + .pipe(markdown()) + .pipe(gulp.dest("app/partials")); +}) +gulp.task('usemin', function() { + gulp.src(publicFolder + '/index.html') + .pipe(usemin({ + css: [minifyCss(), 'concat'], + js: [uglify()] + // in this case css will be only concatenated (like css: ['concat']). + })) + .pipe(gulp.dest(dist)); }); -gulp.task('build', ['bower'], function() { - gulp.src('less/*.less') - .pipe(less()) - .pipe(gulp.dest('app/css/')); + + +gulp.task('build', ['bower', 'usemin', 'content'], function() { + + gulp.src('less/*.less') + .pipe(less()) + .pipe(gulp.dest(dist + '/css/')); + + gulp.src(filesToMove) + .pipe(gulp.dest(dist)); }); -gulp.task('default', ['bower','listen'], function() { - gulp.src('app/*') - .pipe(watch()) - .pipe(livereload(server)); - gulp.src('less/*.less') - .pipe(watch()) - .pipe(less()) - .pipe(gulp.dest('app/css/')) - .pipe(livereload(server)); +// gulp.task('less', function() { +// gulp.src('less/*.less') +// .pipe(watch()) +// .pipe(less()) +// .pipe(gulp.dest('app/css/')) +// }); + + +gulp.task('default', ['bower', 'listen', 'content'], function() { + gulp.src('app/*') + .pipe(watch()) + .pipe(livereload(server)); + + gulp.src('less/*.less') + .pipe(watch()) + .pipe(less()) + .pipe(gulp.dest('app/css/')) + .pipe(livereload(server)); }); + gulp.task('listen', function(next) { - server.listen(35729, function(err) { - if (err) return console.error(err); - next(); - }); -}); \ No newline at end of file + server.listen(35729, function(err) { + if (err) return console.error(err); + next(); + }); +}); + +var deployOptions = { + remoteUrl: "git@github.com:code4hk/site.git", + origin: "upstream" +}; + +gulp.task('deploy', ['build', 'usemin'], function() { + return gulp.src('./dist/**/*') + .pipe(deploy(deployOptions)); +}); diff --git a/less/app.less b/less/app.less index c7a334f..3b57839 100644 --- a/less/app.less +++ b/less/app.less @@ -37,7 +37,7 @@ header { list-style:none; padding:0; li { - width:24%; + width:20%; display:inline-block; text-align: center; margin:0 auto; @@ -88,7 +88,7 @@ header { #mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;} #mc_embed_signup .button:hover {background-color:#777;} #mc_embed_signup .small-meta {font-size: 11px;} -#mc_embed_signup .nowrap {white-space:nowrap;} +#mc_embed_signup .nowrap {white-space:nowrap;} #mc_embed_signup .clear {clear:none; display:inline;} #mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;} @@ -135,7 +135,7 @@ footer { margin: 0 0 2em 0; } } - + [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } diff --git a/package.json b/package.json index db57619..e593174 100644 --- a/package.json +++ b/package.json @@ -36,7 +36,11 @@ "gulp-livereload": "~0.3.1", "gulp-concat": "2.1.*", "tiny-lr": "~0.0.5", - "gulp-bower": "0.0.2" + "gulp-bower": "0.0.2", + "gulp-gh-pages": "*", + "gulp-minify-css": "*", + "gulp-usemin": "*", + "gulp-markdown": "*" }, "bugs": { "url": "https://github.com/code4hk/site/issues"