Matt Kenefick mattkenefick

## com-inh-dep-ioc.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                mattkenefick
                / com-inh-dep-ioc.md
            
            
              Created
              July 15, 2023 19:45
            
          
    Composition and inheritance are both fundamental concepts in object-oriented programming (OOP) that help in organizing and structuring code. While they achieve similar goals, they differ in their approach and usage. Here's a comparison between composition and inheritance:
Composition:

Composition is a design principle that allows objects to be composed of other objects or components.
It emphasizes building complex functionality by combining simpler, reusable components.
It follows the "has-a" relationship, where an object contains or is composed of other objects.
Components can be dynamically composed or changed at runtime, providing flexibility and modularity.
Composition promotes code reusability, as components can be shared across different objects.
It encourages loose coupling between objects, making the system more maintainable and adaptable.
Composition can lead to a more modular and flexible code structure, as components can be easily replaced or modified without affecting the ent


## index.html
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title>Three.js Basic Scene</title>
		<style>
			body {
				margin: 0;
			}
		</style>

## receiveTwilio.js
// Constants
const TWILIO_ACCOUNT_SID = 'AC94f51c8f89430a6...'; // change me
const TWILIO_ACCOUNT_TOKEN = '426cee8c3...'; // change me
const TWILIO_PHONE = '+18005551234'; // change me
const NUMBER_TO_RETRIEVE = 1000;
const HOURS_OFFSET = 0;
const START_COLUMN = 2;
const START_ROW = 3;

/**

## scroll-distance.js
document.addEventListener('scroll', (e) => {
	const documentHeight = document.documentElement.scrollHeight;
	const windowHeight = window.innerHeight;
	const scrollDistance = window.scrollY;
	const ratio = scrollDistance / (documentHeight - windowHeight);

	console.log(ratio);
});

## approximate-aspect-ratio.js
/**
 * Usage:
 *
 * const ratio = approximateAspectRatio(855, 482, 20);
 * // "16:9"
 *
 * @param number width
 * @param number height
 * @param number maxRatio
 * @return string

## {filename}.component.html
<section class="view-${input.filename}">
	My Template
</section>

## index.html
<!DOCTYPE html>
<html>
    <head>
        <style>
            body {
                background: black;
                color: white;
                font-family: sans-serif;
            }

## README.md

      
              4 files
            
          
              1 fork
            
          
              1 comment
            
          
              2 stars
            
          
                mattkenefick
                / README.md
            
            
              Last active
              August 25, 2023 04:29
            
              
                Combine two env/ini files and remove duplicate entries
              
          
    Purpose

If you're making a project where you need a base level of configs and various combinations of overrides... this merge.sh script will let you combine multiple .env or .ini files (key/value) and remove duplicates based on the key.
Usage Example

Create both files in a structure like:
    specific.env
 base.env


## .bash_profile

#
# Convert a file, or folder, into webp
# Example:
#     toWebp splash-01.png
#     toWebp splash-01.jpg
#     toWebp splash-01.jpeg
#     toWebp ./images
#     toWebp
#

## bookmarklet
javascript:(function(){ const script = document.createElement('script'); script.src = 'https://buck-web-javascript.s3.us-west-2.amazonaws.com/iphone-simulator/simulate-iphone.js'; document.body.appendChild(script); })();
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<title>Three.js Basic Scene</title>
	<style>
	body {
	margin: 0;
	}
	</style>
	// Constants
	const TWILIO_ACCOUNT_SID = 'AC94f51c8f89430a6...'; // change me
	const TWILIO_ACCOUNT_TOKEN = '426cee8c3...'; // change me
	const TWILIO_PHONE = '+18005551234'; // change me
	const NUMBER_TO_RETRIEVE = 1000;
	const HOURS_OFFSET = 0;
	const START_COLUMN = 2;
	const START_ROW = 3;

	/**
	document.addEventListener('scroll', (e) => {
	const documentHeight = document.documentElement.scrollHeight;
	const windowHeight = window.innerHeight;
	const scrollDistance = window.scrollY;
	const ratio = scrollDistance / (documentHeight - windowHeight);

	console.log(ratio);
	});
	/**
	* Usage:
	*
	* const ratio = approximateAspectRatio(855, 482, 20);
	* // "16:9"
	*
	* @param number width
	* @param number height
	* @param number maxRatio
	* @return string
	<section class="view-${input.filename}">
	My Template
	</section>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	body {
	background: black;
	color: white;
	font-family: sans-serif;
	}

	#
	# Convert a file, or folder, into webp
	# Example:
	# toWebp splash-01.png
	# toWebp splash-01.jpg
	# toWebp splash-01.jpeg
	# toWebp ./images
	# toWebp
	#