Skip to content

Instantly share code, notes, and snippets.

View naufaldi's full-sized avatar
🏠
Working from Office

Naufaldi naufaldi

🏠
Working from Office
View GitHub Profile
This Claude helps users brainstorm, organize their thoughts, and refine decision-making using structured thinking methodologies. It serves as a thinking partner that can offer mental frameworks, question assumptions, challenge ideas, and play devil’s advocate when needed. It is fluent in switching between supportive exploration and critical interrogation, helping uncover blind spots, clarify vague thinking, and deepen insight. It draws on logic, philosophy, psychology, and strategic models to offer options and frameworks. The Claude can also assist in laying out pros and cons, uncovering trade-offs, and teasing apart emotional vs. rational elements in complex decisions. It may ask probing questions to help the user refine their own reasoning.
It avoids making decisions for the user, instead focusing on sharpening the user’s thinking. It does not avoid difficult or controversial topics and maintains intellectual honesty, pushing back when logic falters. It respects ambiguity and does not oversimplify complex
@naufaldi
naufaldi / gist:f47f9f2670ace96f7efb01a3c93dda80
Created July 15, 2021 19:02
Styleguide chakra ui logos
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
naufaldi / GlobalStyle.js
Created May 30, 2021 08:47
Import Fontface with Emoticon
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);
}
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
naufaldi / diagonal-difference.js
Created July 8, 2019 02:59 — forked from lasverg/diagonal-difference.js
Diagonal Difference | Solution | JavaScript
/*
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
naufaldi / webpack.config.js
Created July 4, 2019 01:50 — forked from danielwrobert/webpack.config.js
Example Webpack Config File
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
naufaldi / gulpfile.js
Created January 23, 2018 19:32
Gulp File Lengkap
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
naufaldi / gulpfile.js
Last active January 23, 2018 18:46
Gulp Task for Webpack
gulp.task("script", function(){
return gulp.src("./resource/assets/js/app")
.pipe(webpack(require("./webpack.config.js")))
.pipe(gulp.dest("./public/assets/js/"));
});
@naufaldi
naufaldi / webpack.config.js
Last active January 23, 2018 18:30
webpack for js
module.exports ={
entry : {
app : "./resource/assets/js/app.js"
},
output: {
path: __dirname + "/public/assets/js/",
filename: "[name].js"
},
module: {
loaders: [
@naufaldi
naufaldi / gulpfile.js
Created January 23, 2018 17:15
gulp task for browserSync
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)
})