Matt Zimmermann influxweb

## 01__miva-user-friendly-date-time-with-am-pm.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                steveosoule
                / 01__miva-user-friendly-date-time-with-am-pm.md
            
            
              Last active
              February 27, 2024 18:05
            
              
                Miva - User Friendly Date & Time with AM/PM (ex MM/DD/YYYY HH:MM AM/PM)
              
          
    Miva - User Friendly Date & Time with AM/PM

The following code snippet will output a date with a format like this pattern:
MM/DD/YYYY HH:MM (AM/PM)

For example:

  
## dice.html
<!DOCTYPE html>
<html>
<head>
	<title>Dice</title>

	<style type="text/css">
		body {
			margin: 1em auto;
			max-width: 40em;
			width: 88%;

## sharebutton.js
// Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication
// http://creativecommons.org/publicdomain/zero/1.0/

/* Use <button type="share"> in your HTML.
Include this JavaScript in a <script> element on the same page or in an external script.
The script checks for three ways of sharing:
1. Native support for <button type="share">.
2. Support for the JavaScript Web Share API.
3. A mailto: link.
This will share the current URL and page title.

## attributes.css
Seven different types of CSS attribute selectors

// This attribute exists on the element
[value]

// This attribute has a specific value of cool
[value='cool']

// This attribute value contains the word cool somewhere in it
[value*='cool']

## _grid.scss
$screen-sizes: (
  xxl: 1920px,
  xl: 1440px,
  l: 1360px,
  ml: 1280px,
  m: 768px,
  s: 576px
);

$col-count: 24;

## sw.js
self.addEventListener('install', (e) => {
    e.waitUntil(
        caches.open("precache").then((cache) => cache.add("/broken.png"))
    );
});

function isImage(fetchRequest) {
    return fetchRequest.method === "GET" && fetchRequest.destination === "image";
}

## minimal-analytics-snippet.js
(function (context, trackingId, options) {
    const history = context.history;
    const doc = document;
    const nav = navigator || {};
    const storage = localStorage;
    const encode = encodeURIComponent;
    const pushState = history.pushState;
    const typeException = 'exception';
    const generateId = () => Math.random().toString(36);
    const getId = () => {

## miva-action-descriptions.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              3 stars
            
          
                steveosoule
                / miva-action-descriptions.md
            
            
              Last active
              August 11, 2021 20:41
            
              
                Miva Action Descriptions
              
          
    Miva Action Descriptions

Here is a table that lists out the actions found within the merchant.mv file of the 9.12.00 LSK


Action
Description


LOGN
Customer Login


LOGO
Customer Logout


EMPW
Customer Email Password


CPWD
Customer Change Password


## nicely-named-fluid-typography-with-custom-properties.css
:root {
  /* CONSTANTS */
  --FONT-SIZE-MIN: 16;
  --FONT-SIZE-MAX: 26;

  /* Notice, no calcs used yet */
  --FONT-SIZE-MIN-PX: (var(--FONT-SIZE-MIN) * 1px);
  --FONT-SIZE-MAX-PX: (var(--FONT-SIZE-MAX) * 1px);

  --BROWSER-WIDTH-MIN: 300;

## detect-autofill.js
export default scope => {
	// match the filter on autofilled elements in Firefox
	const mozFilterMatch = /^grayscale\(.+\) brightness\((1)?.*\) contrast\(.+\) invert\(.+\) sepia\(.+\) saturate\(.+\)$/

	scope.addEventListener('animationstart', onAnimationStart)
	scope.addEventListener('input', onInput)
	scope.addEventListener('transitionstart', onTransitionStart)

	function onAnimationStart(event) {
		// detect autofills in Chrome and Safari by:
	<!DOCTYPE html>
	<html>
	<head>
	<title>Dice</title>

	<style type="text/css">
	body {
	margin: 1em auto;
	max-width: 40em;
	width: 88%;
	// Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication
	// http://creativecommons.org/publicdomain/zero/1.0/

	/* Use <button type="share"> in your HTML.
	Include this JavaScript in a <script> element on the same page or in an external script.
	The script checks for three ways of sharing:
	1. Native support for <button type="share">.
	2. Support for the JavaScript Web Share API.
	3. A mailto: link.
	This will share the current URL and page title.
	Seven different types of CSS attribute selectors

	// This attribute exists on the element
	[value]

	// This attribute has a specific value of cool
	[value='cool']

	// This attribute value contains the word cool somewhere in it
	[value*='cool']
	$screen-sizes: (
	xxl: 1920px,
	xl: 1440px,
	l: 1360px,
	ml: 1280px,
	m: 768px,
	s: 576px
	);

	$col-count: 24;
	self.addEventListener('install', (e) => {
	e.waitUntil(
	caches.open("precache").then((cache) => cache.add("/broken.png"))
	);
	});

	function isImage(fetchRequest) {
	return fetchRequest.method === "GET" && fetchRequest.destination === "image";
	}
	(function (context, trackingId, options) {
	const history = context.history;
	const doc = document;
	const nav = navigator \|\| {};
	const storage = localStorage;
	const encode = encodeURIComponent;
	const pushState = history.pushState;
	const typeException = 'exception';
	const generateId = () => Math.random().toString(36);
	const getId = () => {
Action	Description
LOGN	Customer Login
LOGO	Customer Logout
EMPW	Customer Email Password
CPWD	Customer Change Password
	:root {
	/* CONSTANTS */
	--FONT-SIZE-MIN: 16;
	--FONT-SIZE-MAX: 26;

	/* Notice, no calcs used yet */
	--FONT-SIZE-MIN-PX: (var(--FONT-SIZE-MIN) * 1px);
	--FONT-SIZE-MAX-PX: (var(--FONT-SIZE-MAX) * 1px);

	--BROWSER-WIDTH-MIN: 300;
	export default scope => {
	// match the filter on autofilled elements in Firefox
	const mozFilterMatch = /^grayscale\(.+\) brightness\((1)?.*\) contrast\(.+\) invert\(.+\) sepia\(.+\) saturate\(.+\)$/

	scope.addEventListener('animationstart', onAnimationStart)
	scope.addEventListener('input', onInput)
	scope.addEventListener('transitionstart', onTransitionStart)

	function onAnimationStart(event) {
	// detect autofills in Chrome and Safari by: