naufaldi

import { theme, extendTheme } from "@chakra-ui/react";
import { createBreakpoints } from "@chakra-ui/theme-tools";
import "@fontsource/poppins/300.css";
import "@fontsource/poppins/400.css";
import "@fontsource/poppins/500.css";
import "@fontsource/poppins/700.css";
import "@fontsource/poppins/800.css";

const breakpoints = createBreakpoints({
  sm: "640px",

naufaldi

import { Global, css } from '@emotion/react';
import tw, { theme, GlobalStyles as BaseStyles } from 'twin.macro';

const customStyles = css`
  @font-face {
    font-family: 'TT Commons';
    font-style: normal;
    font-weight: 300;
    src: local('TT Commons Extra Light'), url(/fonts/common/TTCommons-ExtraLight.ttf);
  }

naufaldi

  let angka = 641573;
    let angkaString = angka.toString();
    let angkaArray = Array.from(angkaString);
    let tempArray = [];
    for (let i = 0; i < angkaArray.length; i++) {
      console.log('Angka Join ', angkaArray[i] + angkaArray[i + 1]);
      let tempAngka = angkaArray[i] + angkaArray[i + 1];

      tempArray.push(tempAngka);
      console.log('temp array ', tempArray);

naufaldi

/* 
  Diagonal Difference Solution.
  sample matrix = [[1,2,3], [4,5,6], [7,8,9]]
*/ 
function diagonalDifference(arr) {
    // length of input array.
    const length = arr.length;
    let diagonal1 = 0, 
         diagonal2 = 0;
    // Looping through the array and summing the diagonals.

naufaldi

const path = require( 'path' );
const webpack = require( 'webpack' );
const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = ( env, options ) => {
	return {
		entry: './src/block.js',

		output: {
			path: path.resolve( __dirname, 'build' ),

naufaldi

var gulp = require("gulp"),
sass = require("gulp-sass"),
autoprefixer = require("gulp-autoprefixer"),
browserSync = require("browser-sync"),
webpack = require("webpack-stream");

gulp.task("sass", function () {
    return gulp.src("./resource/assets/sass/**/*.scss")
    .pipe(sass())
    .pipe(autoprefixer())

naufaldi

gulp.task("script", function(){
    return gulp.src("./resource/assets/js/app")
    .pipe(webpack(require("./webpack.config.js")))
    .pipe(gulp.dest("./public/assets/js/"));
});

naufaldi

module.exports ={
    entry : {
        app : "./resource/assets/js/app.js"
    },
    output: {
        path: __dirname + "/public/assets/js/",
        filename: "[name].js"
    },
    module: {
        loaders: [

naufaldi

gulp.task("serve", function(){
    browserSync.init({
        server: {
            baseDir: "./public/"
        }
    })
    gulp.watch("./resource/assets/sass/**/*.scss",['sass']);
    gulp.watch("./public/assets/css/**/*.css").on("change",browserSync.reload)
    gulp.watch("./public/*.html").on("change", browserSync.reload)
})

naufaldi

gulp.task("sass", function () {
    return gulp.src("./resource/assets/sass/**/*.scss")
    .pipe(sass())
    .pipe(autoprefixer())
    .pipe(gulp.dest("./public/assets/css"))
})