jvmdeveloperid · mazipan · Nov 30, 2017 · Oct 20, 2019
diff --git a/Gulpfile.js b/Gulpfile.js
@@ -0,0 +1,94 @@
+var gulp = require('gulp');
+
+var autoprefixer = require('gulp-autoprefixer');
+var browserSync = require('browser-sync').create();
+var clean = require('gulp-clean');
+var cleanCSS = require('gulp-clean-css');
+var pump = require('pump');
+var rename = require("gulp-rename");
+var sass = require('gulp-sass');
+var sourcemaps = require('gulp-sourcemaps');
+var uglify = require('gulp-uglify');
+var gzip = require('gulp-gzip');
+
+var input = ['./public/sass/**/*.scss'];
+var output = './public/dist';
+
+var pkg = require('./package.json');
+
+var autoprefixerOptions = {
+    browsers: ['last 2 versions', '> 5%', 'Firefox ESR']
+};
+
+var sassOptions = {
+    outputStyle: 'compact'
+};
+
+gulp.task('clean', function() {
+    return gulp.src([output], { read: false })
+        .pipe(clean({ force: true }));
+});
+
+gulp.task('serve', ['simple-sass'], function() {
+
+    browserSync.init({
+        port: 3000,
+        server: "./public"
+    });
+
+    gulp.watch(input, ['simple-sass']);
+    gulp.watch("./public/*.html").on('change', browserSync.reload);
+});
+
+gulp.task('simple-sass', function() {
+    return gulp
+        .src(input)
+        .pipe(sass(sassOptions).on('error', sass.logError))
+        .pipe(autoprefixer(autoprefixerOptions))
+        .pipe(gulp.dest('./public/dist'))
+        .pipe(browserSync.stream());
+});
+
+gulp.task('sass', ['clean'], function() {
+    return gulp
+        .src(input)
+        .pipe(sass(sassOptions))
+        .pipe(autoprefixer(autoprefixerOptions))
+        .pipe(gulp.dest(output));
+});
+
+// gulp.task('uglify-js', ['clean'], function(cb) {
+
+//     var uglifyOptions = {
+//         mangle: true,
+//         preserveComments: 'license'
+//     };
+
+//     pump([
+//         gulp.src('./src/*.js'),
+//         uglify(),
+//         gzip(),
+//         gulp.dest(output)
+//     ], cb);
+
+// });
+
+gulp.task('rename', ['sass'], function() {
+    return gulp.src(["./public/dist/*.css", "./public/dist/*.js"])
+        .pipe(rename(function(path) {
+            path.basename += ".min";
+        }))
+        .pipe(gulp.dest(output));
+});
+
+gulp.task('minify-css', ['rename'], function() {
+    return gulp.src('./public/dist/*.min.css')
+        .pipe(cleanCSS({ compatibility: 'ie8' }))
+        .pipe(gzip())
+        .pipe(gulp.dest(output));
+});
+
+
+gulp.task('build:prod', ['clean', 'sass', 'rename', 'minify-css']);
+gulp.task('build:dev', ['clean', 'sass', 'serve']);
+gulp.task('default', ['build:dev']);
diff --git a/package.json b/package.json
@@ -0,0 +1,47 @@
+{
+  "name": "jvmdeveloper.id",
+  "description": "Homepage for JVMDeveloperID",
+  "version": "0.0.1",
+  "keywords": [
+    "java",
+    "jvm",
+    "community",
+    "indonesia"
+  ],
+  "homepage": "https://jvmdeveloper.id",
+  "author": "JVMDeveloperID (https://github.com/JVMDeveloperID/)",
+  "scripts": {
+    "dev": "gulp build:dev",
+    "prod": "gulp build:prod",
+    "dist": "gulp build:prod",
+    "test": "echo \"Error: no test specified\" && exit 0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/JVMDeveloperID/jvmdeveloper.id.git"
+  },
+  "bugs": {
+    "url": "https://github.com/JVMDeveloperID/jvmdeveloper.id/issues"
+  },
+  "engines": {
+    "node": ">=6"
+  },
+  "license": "MIT",
+  "dependencies": {},
+  "devDependencies": {
+    "autoprefixer": "^7.1.6",
+    "browser-sync": "^2.18.13",
+    "gulp": "^3.9.1",
+    "gulp-autoprefixer": "^4.0.0",
+    "gulp-clean": "^0.3.2",
+    "gulp-clean-css": "^3.9.0",
+    "gulp-connect": "^5.0.0",
+    "gulp-gzip": "^1.4.0",
+    "gulp-rename": "^1.2.2",
+    "gulp-sass": "^3.1.0",
+    "gulp-sourcemaps": "^2.6.1",
+    "gulp-uglify": "^3.0.0",
+    "gulp-watch": "^4.3.11",
+    "pump": "^1.0.3"
+  }
+}
diff --git a/public/dist/main.css b/public/dist/main.css
@@ -0,0 +1,4 @@
+/* 
+@author: Irfan Maulana 
+@github: https://github.com/mazipan/
+*/
diff --git a/public/dist/main.min.css b/public/dist/main.min.css
@@ -0,0 +1,4 @@
+/* 
+@author: Irfan Maulana 
+@github: https://github.com/mazipan/
+*/
diff --git a/public/dist/main.min.css.gz b/public/dist/main.min.css.gz
diff --git a/public/images/jvmdeveloperid.jpg b/public/images/jvmdeveloperid.jpg
diff --git a/public/index.html b/public/index.html
@@ -1,69 +1,75 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <title>Welcome to Firebase Hosting</title>
-    <style media="screen">
-      body {
-        font-family: Roboto, Arial, sans-serif;
-        background: #ECEFF1;
-        color: rgba(0,0,0,0.87);
-      }
-
-      a {
-        color: rgb(3,155,229);
-      }
-
-      #message {
-        max-width: 400px;
-        margin: 40px auto;
-        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12);
-        border-radius: 2px;
-        background: white;
-        padding: 16px 24px;
-      }
-
-      #message h1 {
-        font-size: 22px;
-        font-weight: 500;
-        text-align: center;
-        margin: 0 0 16px;
-      }
-
-      #message p {
-        font-weight: 300;
-        line-height: 150%;
-      }
-
-      #message ul {
-        list-style: none;
-        margin: 16px 0 0;
-        padding: 0;
-        text-align: center;
-      }
-
-      #message li a {
-        display: inline-block;
-        padding: 8px;
-        text-transform: uppercase;
-        text-decoration: none;
-        font-weight: 500;
-        background: rgb(3,155,229);
-        color: white;
-        border: 1px solid rgb(3,155,229);
-        border-radius: 3px;
-        font-size: 14px;
-        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
-      }
-    </style>
-  </head>
-  <body>
-    <div id="message">
-      <h1>Welcome to Firebase Hosting</h1>
-      <p>You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!</p>
-      <ul>
-        <li><a target="_blank" href="https://firebase.google.com/docs/hosting/">Open Hosting Documentation</a></li>
-      </ul>
+
+<head>
+  <meta charset="utf-8">
+
+  <title>JVMDeveloperID</title>
+
+  <meta name="description" content="Komunitas pengguna dan developer JVM Indonesia">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <meta name="language" content="en-EN" />
+  <meta name="author" content="JVMDeveloperID" />
+
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.1/css/bulma.min.css">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+  <link rel="stylesheet" href="dist/main.css">
+
+</head>
+
+<body class="JVMDeveloperID">
+
+  <section class="hero is-primary is-medium">
+    <div class="hero-body">
+      <div class="container has-text-centered">
+
+        <figure class="image is-128x128" style="margin:auto;">
+          <img src="images/jvmdeveloperid.jpg">
+        </figure>
+
+        <h1 class="title">
+          JVMDeveloperID
+        </h1>
+        <h2 class="subtitle">
+          Komunitas pengguna dan developer JVM Indonesia
+        </h2>
+
+        <a class="button is-primary is-inverted is-outlined" href="https://github.com/JVMDeveloperID/">
+          <i class="fa fa-github-alt"></i>&nbsp;&nbsp;Github
+        </a>
+
+        <a class="button is-primary is-inverted is-outlined" href="https://t.me/JVMUserGroup">
+          <i class="fa fa-telegram"></i>&nbsp;&nbsp;Telegram
+        </a>
+
+        <a class="button is-primary is-inverted is-outlined" href="https://github.com/JVMDeveloperID/">
+          <i class="fa fa-facebook-official"></i>&nbsp;&nbsp;Facebook
+        </a>
+
+      </div>
     </div>
-  </body>
-</html>
+  </section>
+
+  <div class="container is-fluid" style="margin-top: 20px;">
+
+    <div class="columns is-centered">
+      <div class="column is-8">
+
+      </div>
+    </div>
+  </div>
+
+  <footer class="columns has-text-centered">
+    <div class="column">
+      <a href="https://bulma.io" target="_blank">
+        <img src="https://bulma.io/images/made-with-bulma.png" alt="Made with Bulma" width="128" height="24">
+      </a>
+      <br>
+      <small>Copyright © 2017 by
+        <a href="https://github.com/JVMDeveloperID/" target="_blank">JVMDeveloperID</a>
+      </small>
+    </div>
+  </footer>
+</body>
+
+</html>
diff --git a/public/sass/main.scss b/public/sass/main.scss
@@ -0,0 +1,5 @@
+/* 
+@author: Irfan Maulana 
+@github: https://github.com/mazipan/
+*/
+
diff --git a/readme.md b/readme.md
@@ -0,0 +1,12 @@
+# jvmdeveloper.id
+Homepage for JVMDeveloperID
+
+## Homepage
+https://jvmdeveloper.id/
+
+## Development
++ Clone `git clone https://github.com/JVMDeveloperID/jvmdeveloper.id.git`
++ Download and install NodeJs : https://nodejs.org/en/download/
++ Install dependencies : `npm install` or `yarn install`
++ Serve page : `npm run dev`
++ Build static file : `npm run dist` or `npm run prod`