kj kristoferjoseph

## gist:31643839117acf165273e3eac40ba5fa
/* Hemisu Dark */
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #282a36;
}

.hljs-comment,
.hljs-meta {

## backticks
// THIS
```javascript

// NOT THIS
``` javascript

## gh-orgs-pagination.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>GET ALL REPOS</title>
  <style>
    * {
      margin:0;
      padding:0;
      box-sizing: border-box;

## nested-components.js
import html from 'super-cool-lib.js'
import child from './child.js'

export default function Parent(props) {
  return html`
<x-parent>
  <x-child></x-child>
</x-parent>
  `
}

## watch.ts
import { exec } from "https://deno.land/x/exec/mod.ts";
const watcher = Deno.watchFs("./");

for await (const event of watcher) {
  // if you're curious
  // let kind = event.kind
  // console.log('EVENT KIND: ', kind)
  await exec('clear')
  await exec('deno test --allow-read')
}

## dam-accordion.html
  <template id="dam-accordian-template">
    <style>
      :host {
        display: flex;
        flex-direction: column;
        font-family: sans-serif;
        border: 1px solid #DDD;
        border-radius: 2px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.25);
        transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);

## dam-counter.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Dam Counter</title>
</head>
<body>
  <template id="dam-count-template">
    <button class="dam-count-btn"></button>
  </template>

## index.html
<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
  </head>

## nouveau-reset.css
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 16px;

## HTML-template.js
export default function Layout (props) {
  props = props || {}
  let title = props.title || ''
  let content =  props.content || ''
  return `
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1">
	/* Hemisu Dark */
	.hljs {
	display: block;
	overflow-x: auto;
	padding: 0.5em;
	background: #282a36;
	}

	.hljs-comment,
	.hljs-meta {
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>GET ALL REPOS</title>
	<style>
	* {
	margin:0;
	padding:0;
	box-sizing: border-box;
	import html from 'super-cool-lib.js'
	import child from './child.js'

	export default function Parent(props) {
	return html`
	<x-parent>
	<x-child></x-child>
	</x-parent>
	`
	}
	import { exec } from "https://deno.land/x/exec/mod.ts";
	const watcher = Deno.watchFs("./");

	for await (const event of watcher) {
	// if you're curious
	// let kind = event.kind
	// console.log('EVENT KIND: ', kind)
	await exec('clear')
	await exec('deno test --allow-read')
	}
	<template id="dam-accordian-template">
	<style>
	:host {
	display: flex;
	flex-direction: column;
	font-family: sans-serif;
	border: 1px solid #DDD;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	*,
	*:before,
	*:after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	}

	html {
	font-size: 16px;
	export default function Layout (props) {
	props = props \|\| {}
	let title = props.title \|\| ''
	let content = props.content \|\| ''
	return `
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1">