Olivier kwemi

## about.md

      
              2 files
            
          
              2 forks
            
          
                0 comments
              
            
              15 stars
            
          
                mattdesl
                / about.md
            
            
              Created
              February 14, 2019 16:03
            
              
                A Browser and Node.js compatible canvas-sketch script for generative and parametric 3D geometry.
              
          
    Generative Geometry in Browser + Node.js

Here is a script that can be run with canvas-sketch to generate OBJ files from a parametric/algorithmic 3D ThreeJS geometry.
Hitting "Cmd + S" from the canvas-sketch tool will export a PNG and OBJ file of the scene.
If the same script is run from Node, it will simply render the OBJ to stdout, or write to the filename argument if given.

  
## index.html
<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#">

<head>
  <!-- content-type, which overrides http equivalent header. Because of charset, this meta should be set at first. -->
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <!--  Overrides http equivalent header. This tells IE to use the most updated engine.  -->
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <!--  Tells crawlers how to crawl this page, and the role of this page. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta -->
  <meta name="robots" content="index, follow">

## README.md

      
              2 files
            
          
              9 forks
            
          
                5 comments
              
            
              47 stars
            
          
                xaviervia
                / README.md
            
            
              Last active
              February 16, 2021 20:12
            
              
                Sketch 43 files JSON types
              
          
    Sketch 43 files JSON types

Based on the example file from the announcement blog post http://sketchplugins.com/d/87-new-file-format-in-sketch-43
type UUID = string // with UUID v4 format

type SketchPositionString = string // '{0.5, 0.67135115527602085}'

type SketchNestedPositionString = string // '{{0, 0}, {75.5, 15}}'

  
## mysql-docker.sh
# Backup
docker exec CONTAINER /usr/bin/mysqldump -u root --password=root DATABASE > backup.sql

# Restore
cat backup.sql | docker exec -i CONTAINER /usr/bin/mysql -u root --password=root DATABASE


## ffmpeg-mosaic.js
// Based on http://pythonhackers.com/p/fluent-ffmpeg/node-fluent-ffmpeg
// and https://trac.ffmpeg.org/wiki/Create%20a%20mosaic%20out%20of%20several%20input%20videos

// Usage:
//   node ffmpeg-mosaic.js file1.mp2 file2.mp4 file3.mp4 file4.mp4
//   Generates out.mp4

var ffmpeg = require('fluent-ffmpeg');
var command = ffmpeg()

## migrate_repo.sh
# Assume we are in your home directory
cd ~/

# Clone the repo from GitLab using the `--mirror` option
$ git clone --mirror git@your-gitlab-site.com:mario/my-repo.git

# Change into newly created repo directory
$ cd ~/my-repo.git

# Push to GitHub using the `--mirror` option.  The `--no-verify` option skips any hooks.

## toon.js
<script id="toon" type="frag/shader">
	// Based on http://coding-experiments.blogspot.sg/2011/01/toon-pixel-shader.html

	uniform float width;
	uniform float height;
	uniform sampler2D tDiffuse;
	varying vec2 vUv;

	#define HueLevCount 6
	#define SatLevCount 7

## inlineworker.js
function worker() {
  setInterval(function() {
    postMessage({foo: "bar"});
  }, 1000);
}

var code = worker.toString();
code = code.substring(code.indexOf("{")+1, code.lastIndexOf("}"));

var blob = new Blob([code], {type: "application/javascript"});

## SCSS.md

      
              1 file
            
          
              264 forks
            
          
                90 comments
              
            
              1746 stars
            
          
                jareware
                / SCSS.md
            
            
              Last active
              October 21, 2025 14:22
            
              
                Advanced SCSS, or, 16 cool things you may not have known your stylesheets could do
              
          
    ⇐ back to the gist-blog at jrw.fi
Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do.  I'd rather have kept it to a nice round number like 10, but they just kept coming.  Sorry.
I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein).  It really helped many of us through the darkest cross-browser crap.  Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger.  SCSS is an indispensable tool for dealing with this.
This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

  
## git.commit.template
#  Please enter the commit message for your changes. Lines starting
#  with ‘#’ will be ignored, and an empty message aborts the commit.
#
# ==[ Subject: One line ONLY short meaningful description for logs ]===|
# <ISSUE_KEYS> #<COMMANDS> #comment comment text goes here
# ==[ Blank: Follow the Subject with a blank line, do NOT remove ]=====|

# ==[ Details: Describe what changed and explain why it changed]=======|

# ==[ Fields: Uncomment and edit where applicable ]====================|
	<!DOCTYPE html>
	<html prefix="og: http://ogp.me/ns#">

	<head>
	<!-- content-type, which overrides http equivalent header. Because of charset, this meta should be set at first. -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<!-- Overrides http equivalent header. This tells IE to use the most updated engine. -->
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<!-- Tells crawlers how to crawl this page, and the role of this page. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta -->
	<meta name="robots" content="index, follow">
	# Backup
	docker exec CONTAINER /usr/bin/mysqldump -u root --password=root DATABASE > backup.sql

	# Restore
	cat backup.sql \| docker exec -i CONTAINER /usr/bin/mysql -u root --password=root DATABASE
	// Based on http://pythonhackers.com/p/fluent-ffmpeg/node-fluent-ffmpeg
	// and https://trac.ffmpeg.org/wiki/Create%20a%20mosaic%20out%20of%20several%20input%20videos

	// Usage:
	// node ffmpeg-mosaic.js file1.mp2 file2.mp4 file3.mp4 file4.mp4
	// Generates out.mp4

	var ffmpeg = require('fluent-ffmpeg');
	var command = ffmpeg()
	# Assume we are in your home directory
	cd ~/

	# Clone the repo from GitLab using the `--mirror` option
	$ git clone --mirror git@your-gitlab-site.com:mario/my-repo.git

	# Change into newly created repo directory
	$ cd ~/my-repo.git

	# Push to GitHub using the `--mirror` option. The `--no-verify` option skips any hooks.
	<script id="toon" type="frag/shader">
	// Based on http://coding-experiments.blogspot.sg/2011/01/toon-pixel-shader.html

	uniform float width;
	uniform float height;
	uniform sampler2D tDiffuse;
	varying vec2 vUv;

	#define HueLevCount 6
	#define SatLevCount 7
	function worker() {
	setInterval(function() {
	postMessage({foo: "bar"});
	}, 1000);
	}

	var code = worker.toString();
	code = code.substring(code.indexOf("{")+1, code.lastIndexOf("}"));

	var blob = new Blob([code], {type: "application/javascript"});
	# Please enter the commit message for your changes. Lines starting
	# with ‘#’ will be ignored, and an empty message aborts the commit.
	#
	# ==[ Subject: One line ONLY short meaningful description for logs ]===\|
	# <ISSUE_KEYS> #<COMMANDS> #comment comment text goes here
	# ==[ Blank: Follow the Subject with a blank line, do NOT remove ]=====\|

	# ==[ Details: Describe what changed and explain why it changed]=======\|

	# ==[ Fields: Uncomment and edit where applicable ]====================\|