| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| .editor { font-family: 'Roboto Mono', monospace; font-size: 12px; outline: none; overflow-y: auto; padding-left: 48px; counter-reset: line; } | |
| .editor div { display: block; position: relative; white-space: pre-wrap; } | |
| .editor div::before { content: counter(line); counter-increment: line; position: absolute; right: calc(100% + 16px); opacity: 0.5; } | |
| </style> | |
| </head> |
| //from https://css-tricks.com/snippets/jquery/smooth-scrolling/ | |
| // Scroll to specific values | |
| // scrollTo is the same | |
| window.scroll({ | |
| top: 2500, | |
| left: 0, | |
| behavior: 'smooth' | |
| }); |
| //----------------------------------*\ | |
| // TRIGONOMETRY FUNCTIONS | |
| //----------------------------------*/ | |
| // # Trigonometry in CSS | |
| // | |
| // - Through Taylor/Maclaurin polynomial representation: http://people.math.sc.edu/girardi/m142/handouts/10sTaylorPolySeries.pdf | |
| // - Useful if you don't want to use JS. | |
| // - With CSS Variables. | |
| // - `calc()` can't do power (x ^ y) so I used multiplication instead. |
| // List all files in a directory in Node.js recursively in a synchronous fashion | |
| var walkSync = function(dir, filelist) { | |
| var fs = fs || require('fs'), | |
| files = fs.readdirSync(dir); | |
| filelist = filelist || []; | |
| files.forEach(function(file) { | |
| if (fs.statSync(dir + file).isDirectory()) { | |
| filelist = walkSync(dir + file + '/', filelist); | |
| } | |
| else { |
| postgres: | |
| image: postgres:9.4 | |
| volumes: | |
| # ~~~~~~~~~~~~~~ | |
| # | |
| # @name Migrations and Seeders | |
| # @description mapping each file as an example only, in reality you would just map the entire seeders folder | |
| # @warning the order is important | |
| # | |
| # @param path_on_your_computer:path_to_init_db_folder_in_postgres_container |
| // connect() is a function that injects Redux-related props into your component. | |
| // You can inject data and callbacks that change that data by dispatching actions. | |
| function connect(mapStateToProps, mapDispatchToProps) { | |
| // It lets us inject component as the last step so people can use it as a decorator. | |
| // Generally you don't need to worry about it. | |
| return function (WrappedComponent) { | |
| // It returns a component | |
| return class extends React.Component { | |
| render() { | |
| return ( |
| pipelines: | |
| default: | |
| - step: | |
| name: build and publish docker image | |
| services: | |
| - docker | |
| caches: | |
| - docker | |
| script: | |
| - docker build -t $APP_NAME . |
| #!/bin/bash | |
| # requires https://stedolan.github.io/jq/download/ | |
| # config | |
| KEYCLOAK_URL=http://localhost:8080/auth | |
| KEYCLOAK_REALM=realm | |
| KEYCLOAK_CLIENT_ID=clientId | |
| KEYCLOAK_CLIENT_SECRET=clientSecret | |
| USER_ID=userId |
| #!/bin/bash | |
| # Functions ============================================== | |
| # return 1 if global command line program installed, else 0 | |
| # example | |
| # echo "node: $(program_is_installed node)" | |
| function program_is_installed { | |
| # set to 1 initially | |
| local return_=1 |
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}}'