Ricardo Canelas ricardocanelas

## preact-example.html
<!DOCTYPE html>
<html>
  <head>
    <title>Preact</title>
  </head>
  <body>
    <script type="module">
      import {
        html,
        render,

## docker-cheapsheet.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                ricardocanelas
                / docker-cheapsheet.md
            
            
              Last active
              March 29, 2025 15:05
            
              
                Docker
              
          
    Links

Useful

Dockerhub Explore

Troubleshoots

Limitations of Windows containers for localhost and published ports


## embedVideo.js
function stripParameters(str) {
  // Split parameters or split folder separator
  if (str.indexOf('?') > -1) {
    return str.split('?')[0]
  } else if (str.indexOf('/') > -1) {
    return str.split('/')[0]
  }
  return str
}

## server.js
const { createServer } = require('https')
const { parse } = require('url')
const next = require('next')
const selfsigned = require('selfsigned')
// const fs = require('fs')

const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()

## custom-checkbox-twbs.scss
$custom-checkbox-color: $color-brand-wcag-3-1;
$custom-checkbox-size: 24px;

.custom-checkbox {
  .custom-control-input {
    opacity: 0;
    width: $custom-checkbox-size;
    height: $custom-checkbox-size;
  }

## utilities.scss
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);

$utilities: (

## template-engine-simple.js
export const template = function (tpl, data) {
  if (typeof tpl !== 'string') return ''
  if (typeof data !== 'object') return tpl

  const interpolate = new RegExp('{{(.+?)}}', 'gi')

  let result = tpl

  result = result.replace(interpolate, (...args) => {
    const values = args[1] ? args[1].trim().split('||') : ''

## class-fn.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                ricardocanelas
                / class-fn.md
            
            
              Created
              June 8, 2020 22:19
            
              
                javascript-class-method
              
          
    Class
class Star {
  constructor(name) {
    this.name = name;
  }
  getMessage(message) {
 return this.name + message;

  
## server-with-static.js
const http = require('http');
const url = require('url');
const path = require('path')
const fs = require('fs');

const mimeTypes = {
  "html": "text/html",
  "mp3":"audio/mpeg",
  "mp4":"video/mp4",
  "jpeg": "image/jpeg",

## isTouchDevice.js
const isTouchDevice = () => {
  const prefixes = ['', '-webkit-', '-moz-', '-o-', '-ms-', ''];
  const mq = query => window.matchMedia(query).matches;

  if (
    'ontouchstart' in window ||
    (window.DocumentTouch && document instanceof 'DocumentTouch')
  ) {
    return true;
  }
	<!DOCTYPE html>
	<html>
	<head>
	<title>Preact</title>
	</head>
	<body>
	<script type="module">
	import {
	html,
	render,
	function stripParameters(str) {
	// Split parameters or split folder separator
	if (str.indexOf('?') > -1) {
	return str.split('?')[0]
	} else if (str.indexOf('/') > -1) {
	return str.split('/')[0]
	}
	return str
	}
	const { createServer } = require('https')
	const { parse } = require('url')
	const next = require('next')
	const selfsigned = require('selfsigned')
	// const fs = require('fs')

	const dev = process.env.NODE_ENV !== 'production'
	const app = next({ dev })
	const handle = app.getRequestHandler()
	$custom-checkbox-color: $color-brand-wcag-3-1;
	$custom-checkbox-size: 24px;

	.custom-checkbox {
	.custom-control-input {
	opacity: 0;
	width: $custom-checkbox-size;
	height: $custom-checkbox-size;
	}
	$grid-breakpoints: (
	xs: 0,
	sm: 576px,
	md: 768px,
	lg: 992px,
	xl: 1200px,
	xxl: 1400px
	);

	$utilities: (
	export const template = function (tpl, data) {
	if (typeof tpl !== 'string') return ''
	if (typeof data !== 'object') return tpl

	const interpolate = new RegExp('{{(.+?)}}', 'gi')

	let result = tpl

	result = result.replace(interpolate, (...args) => {
	const values = args[1] ? args[1].trim().split('\|\|') : ''
	const http = require('http');
	const url = require('url');
	const path = require('path')
	const fs = require('fs');

	const mimeTypes = {
	"html": "text/html",
	"mp3":"audio/mpeg",
	"mp4":"video/mp4",
	"jpeg": "image/jpeg",
	const isTouchDevice = () => {
	const prefixes = ['', '-webkit-', '-moz-', '-o-', '-ms-', ''];
	const mq = query => window.matchMedia(query).matches;

	if (
	'ontouchstart' in window \|\|
	(window.DocumentTouch && document instanceof 'DocumentTouch')
	) {
	return true;
	}