Wesley Smits WesleySmits

## .htaccess
# Use Mod_deflate to compress static files
<ifmodule mod_deflate.c="">
<filesmatch ".(js|css|ico|txt|htm|html|php)$"="">
SetOutputFilter DEFLATE
</filesmatch>
</ifmodule>

# Speed up caching
FileETag MTime Size


## .htaccess
# Turn on Expires and set default to 0
ExpiresActive On
ExpiresDefault A0

# Set up caching on media files for 1 year (forever?)

ExpiresDefault A29030400
Header append Cache-Control "public"


## accessible-accordion-accordion.js
import { getAbsoluteHeight } from './utils.js';

class Curtain extends HTMLDetailsElement {
    #summary = this.querySelector('summary');

    #content = this.querySelector('.curtain__content');

    #animation = null;

    connectedCallback() {

## web-component-polyfill.html
<script src="//unpkg.com/@ungap/custom-elements/es.js"></script>

## accessible-accordion-basic-accordion-styling.css
details {
	--curtain-border-color: #334455;
	--curtain-background-color: #223344;
	--curtain-color: #ffffff;

	max-width: 30rem;
	border: 1px solid var(--curtain-border-color);
	color: var(--curtain-color);
  	overflow: hidden;
}

## accessible-accordion-basic-styles.css
body {
    background: #001122;
}

p {
    margin: 1rem 0;
}

p:first-child {
    margin-top: 0;

## run-np.bash
np

## install-np.bash
npm install np -g

## npm-publish.bash
npm publish

## create-readme.bash
touch readme.md
	# Use Mod_deflate to compress static files
	<ifmodule mod_deflate.c="">
	<filesmatch ".(js\|css\|ico\|txt\|htm\|html\|php)$"="">
	SetOutputFilter DEFLATE
	</filesmatch>
	</ifmodule>

	# Speed up caching
	FileETag MTime Size
	# Turn on Expires and set default to 0
	ExpiresActive On
	ExpiresDefault A0

	# Set up caching on media files for 1 year (forever?)

	ExpiresDefault A29030400
	Header append Cache-Control "public"
	import { getAbsoluteHeight } from './utils.js';

	class Curtain extends HTMLDetailsElement {
	#summary = this.querySelector('summary');

	#content = this.querySelector('.curtain__content');

	#animation = null;

	connectedCallback() {
	details {
	--curtain-border-color: #334455;
	--curtain-background-color: #223344;
	--curtain-color: #ffffff;

	max-width: 30rem;
	border: 1px solid var(--curtain-border-color);
	color: var(--curtain-color);
	overflow: hidden;
	}
	body {
	background: #001122;
	}

	p {
	margin: 1rem 0;
	}

	p:first-child {
	margin-top: 0;