Skip to content

Instantly share code, notes, and snippets.

View yellow1912's full-sized avatar

yellow1912

13 followers · 0 following
View GitHub Profile
@yellow1912
yellow1912 / style.scss
Created March 25, 2022 08:26
/**
* This injects Tailwind's base styles and any base styles registered by
* plugins.
*/
@tailwind base;
/**
* This injects Tailwind's component classes and any component classes
* registered by plugins.
*/
@yellow1912
yellow1912 / local.config.js
Created March 25, 2022 08:25
module.exports={"theme":{"extend":{"fontFamily":{"font-1":["Montserrat","Trade Gothic"]},"margin":{"-1":"-0.25rem","-2":"-0.5rem","-3":"-0.75rem","-4":"-1rem","-5":"-1.25rem","-6":"-1.5rem","-8":"-2rem","-9":"-2.25rem","-10":"-2.5rem","-12":"-3rem","-14":"-3.5rem","-16":"-4rem","-18":"-4.5rem","-20":"-5rem","-24":"-6rem","-30":"-7.5rem","-40":"-10rem","0rem":"0rem","1":"0.25rem","2":"0.5rem","3":"0.75rem","4":"1rem","5":"1.25rem","6":"1.5rem","8":"2rem","9":"2.25rem","10":"2.5rem","12":"3rem","14":"3.5rem","16":"4rem","18":"4.5rem","20":"5rem","24":"6rem","30":"7.5rem","40":"10rem","auto":"auto","test":"27rem","test2":"8px","test3":"-40rem"},"padding":{"0rem":"0rem","1":"0.25rem","2":"0.5rem","3":"0.75rem","4":"1rem","5":"1.25rem","6":"1.5rem","8":"2rem","9":"2.25rem","10":"2.5rem","12":"3rem","14":"3.5rem","16":"4rem","18":"4.5rem","20":"5rem","24":"6rem","30":"7.5rem","40":"10rem"},"space":{"-1":"-0.25rem","-2":"-0.5rem","-3":"-0.75rem","-4":"-1rem","-5":"-1.25rem","-6":"-1.5rem","-8":"-2rem","-9":"-2.25rem
@yellow1912
yellow1912 / tailwind.config.js
Created March 25, 2022 08:23
const minimist = require('minimist');
var args = minimist(process.argv.slice(2));
// const localConfig = require('./tailwind.local.js')
var config = {
"theme": {
"extend": {
"fontSize": {
"xs": "0.75rem",
@yellow1912
yellow1912 / sample.html
Created February 25, 2022 17:11
Sample html test for maizzle
<!DOCTYPE html>
<html dir="ltr" lang="en" xmlns:o="urn:schemas-microsoft-com:office:office" style="box-sizing: border-box; border: 0 solid; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #ffffff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --vh: 1vh;">
<head>
<meta charset="utf-8">
<meta name="x-apple-disable-message-reformatting">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" cont
@yellow1912
yellow1912 / vips.sh
Last active April 25, 2022 20:16
Install libvips on Ubuntu
#!/bin/bash
#https://www.libvips.org/install.html
VERSION="8.12.2"
echo ""
echo "---------------------------------"
echo "| AUTO COMPILE LIBVIPS |"
echo "---------------------------------"
echo ""
echo "-----------------------"
echo "Installing cgif"
@yellow1912
yellow1912 / gist:c091cec5e35f6fefa56031aadf2c2758
Created February 15, 2021 17:04
webpack.config.js
const path = require('path');
const {CleanWebpackPlugin} = require('clean-webpack-plugin');
const webpack = require('webpack');
// const SpeedMeasurePlugin = require("speed-measure-webpack-plugin");
// const smp = new SpeedMeasurePlugin();
const WEPACK_CONFIG = {
entry: {
"main": path.resolve(__dirname, "src/js/main.js")
},
@yellow1912
yellow1912 / nginx.toml
Last active March 26, 2024 16:34
Sample Vector configuration for nginx
# be careful, you will gets tons of logs
# you may want to skip access logs or use sampling only here
[sources.nginx_access_logs]
type = "file"
include = ["/var/log/sites/*/*/*/*/nginx/access.log"] # supports globbing
ignore_older = 86400 # 1 day
# I'm configuring my nginx to use json logs, if you use another logging format you need to change this
[transforms.nginx_access_logs_json]
type = "json_parser"
@yellow1912
yellow1912 / CSSUtilities.js
Created September 25, 2020 16:47
Updated Selector.js and CSSUtilities to work in latest Chrome (v85)
// IMPORTANT: you need to import selector here
// import {Selector} from "@/Selector";
/*******************************************************************************
CSS0.99.1B :: CSSUtilities
-------------------------------------------------------------------------------
Copyright (c) 2010 James Edwards (brothercake) <cake@brothercake.com>
BSD License See license.txt for licensing information
Info/Docs http://www.brothercake.com/site/resources/scripts/cssutilities/
-------------------------------------------------------------------------------
@yellow1912
yellow1912 / issue.js
Created August 5, 2020 11:19
Generated minified code by terser (debug)
function n(t){"use strict";var e,i=this;if(this.trackingClick=!1,this.trackingClickStart=0,this.targetElement=null,this.touchStartX=0,this.touchStartY=0,this.lastTouchIdentifier=0,this.touchBoundary=10,this.layer=t,!t||!t.nodeType)throw new TypeError("Layer must be a document node");this.onClick=function(){return n.prototype.onClick.apply(i,arguments)},this.onMouse=function(){return n.prototype.onMouse.apply(i,arguments)},this.onTouchStart=function(){return n.prototype.onTouchStart.apply(i,arguments)},this.onTouchMove=function(){return n.prototype.onTouchMove.apply(i,arguments)},this.onTouchEnd=function(){return n.prototype.onTouchEnd.apply(i,arguments)},this.onTouchCancel=function(){return n.prototype.onTouchCancel.apply(i,arguments)},n.notNeeded(t)||(this.deviceIsAndroid&&(t.addEventListener("mouseover",this.onMouse,!0),t.addEventListener("mousedown",this.onMouse,!0),t.addEventListener("mouseup",this.onMouse,!0)),t.addEventListener("click",this.onClick,!0),t.addEventListener("touchstart",this.onTouchStart,!
@yellow1912
yellow1912 / vuejs-sample-code-dynamic-component
Created February 5, 2020 12:25
HTML:
<nl-test inline-template>
<div>
<div v-on:click="increase"> increase here please </div><br><br>
<div v-on:click="decrease"> decrease here please </div>
<ul>
<li v-for="(value, key) in getItems()" :key="key">
printing
<component :is="getItem()" :key="key"></component>