Skip to content

Instantly share code, notes, and snippets.

View antoniputra's full-sized avatar
Working from home

Antoni Putra antoniputra

Working from home
View GitHub Profile
antoniputra / index.html
Created October 24, 2021 09:12
Cart Reveal Component Tailwind. Demo:
View index.html
<section class="tw-relative tw-bg-red-50 tw-h-[900px] tw-p-5 tw-py-0 tw-pr-0">
<div class="tw-bg-yellow-200 tw-h-[1200px]">asdf </div>
<!-- Cart Component -->
<div class="tw-fixed tw-flex tw-flex-col tw-top-0 tw-right-0 md:tw-w-[75%] tw-bg-white tw-py-2 tw-h-screen">
<!-- Title -->
<div class="tw-flex-shrink tw-bg-white tw-flex tw-py-2 tw-border-b tw-px-4">
<span class="tw-flex-1 tw-font-semibold tw-text-lg">Your Cart</span>
View product_checkout_component.html
<section class="tw-w-screen tw-h-screen tw-bg-green-100 md:tw-bg-gray-100 tw-p-5">
<!-- Component Checkout Item Group List -->
<div class="tw-bg-white tw-py-4 tw-mb-6">
<!-- Item Group Content -->
<div class="tw-flex-row md:tw-flex tw-px-4">
<!-- Col 1 -->
<div class="tw-flex-auto md:tw-w-[60%] tw-mb-6 md:tw-mb-0 md:tw-mr-3 md:tw-pr-3 md:tw-border-r">
<!-- Profile -->
<div class="tw-flex tw-mb-4">
View product_cart_component.html
<section class="md:tw-bg-red-100 tw-bg-gray-100 tw-w-screen tw-h-screen tw-p-5">
<!-- Product Group Component -->
<div class="tw-bg-white tw-py-4 tw-px-2 tw-mb-6">
<!-- Header -->
<div class="tw-flex tw-border-b tw-py-2 tw-mb-4">
<div class="tw-flex-1">
antoniputra / cloudSettings
Last active March 4, 2021 06:26
My VSCode Preferences
View cloudSettings
antoniputra /
Created October 28, 2018 13:46 — forked from subfuzion/
redis auto start OS X

Install with Homebrew

brew install redis

Set up launchctl to auto start redis

$ ln -sfv /usr/local/opt/redis/*.plist ~/Library/LaunchAgents

/usr/local/opt/redis/ is a symlink to /usr/local/Cellar/redis/x.y.z (e.g., 2.8.7)

antoniputra / ssl_nginx.conf
Created December 26, 2017 21:15 — forked from achmadfatoni/ssl_nginx.conf
letsencrypt laravel configuration
View ssl_nginx.conf
## and redirect to
server {
listen 80 default_server;
listen [::]:80 default_server ipv6only=on;
include /etc/nginx/snippets/letsencrypt.conf;
location / {
return 301$request_uri;
View link-sangar.js
antoniputra /
Created February 11, 2016 16:23 — forked from hofmannsven/
My simply Git Cheatsheet
antoniputra / ssl-ubuntu.txt
Created January 1, 2016 07:51
SSL in ubuntu localhost
View ssl-ubuntu.txt
# create this under the Nginx configuration directory:
sudo mkdir /etc/nginx/ssl
# Now that we have a location to place our files,
# we can create the SSL key and certificate files in one motion by typing:
sudo openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout /etc/nginx/ssl/nginx.key -out /etc/nginx/ssl/nginx.crt
# The only thing we would need to do to get SSL working on this same server block,
# while still allowing regular HTTP connections, is add a these lines:
antoniputra / Gruntfile.js
Created October 28, 2015 01:52 — forked from markgoodyear/01-gulpfile.js
Comparison between gulp and Grunt. See for a write-up.
View Gruntfile.js
* Grunt
* $ npm install grunt-contrib-uglify grunt-autoprefixer grunt-contrib-cssmin grunt-contrib-imagemin grunt-contrib-sass grunt-contrib-watch grunt-contrib-concat grunt-contrib-clean grunt-contrib-jshint grunt-notify --save-dev
module.exports = function(grunt) {
// Sass