Damion Armentrout darmentrout

## simple-carousel
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple Carousel</title>
    <style>
        * { box-sizing: border-box; }
        #sliderContainer {

## star-links.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Star Links</title>
    <style>
        * {
            box-sizing: border-box;

## analog-clock.html
<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Analog Clock</title>
    <style>
        * { box-sizing: border-box; }
        html, body { width: 100%; height: 100%; padding: 0; margin: 0; }

## see-saw.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>See-Saw</title>
    <style>
        * { box-sizing: border-box; }
        html, body { padding: 0px; margin: 0px; height: 100%; width: 100%; background: black }

## animated-chevrons.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chevrons</title>
    <style>
        * { box-sizing: border-box; }
        html, body { height: 100%; width: 100%; padding: 0px; margin: 0px; background: black; }

## modal.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Modal Test</title>
    <style>
        * {
            box-sizing: border-box;

## details-as-tabs.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Details as Tabs</title>
    <style>
        body {
            padding: 3rem;

## simple-text-editor.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple Text Editor</title>
    <style>
        * { box-sizing: border-box; }
        html,
        body {

## mouse.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>mouse</title>
    <style>
        * { box-sizing: border-box; }
        html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; }

## sharePointCalendarColorCoding.html
<style>
#WPQ2_nav_header {
    font-size: 3em;
    float: left;
}
.ms-acal-header td, .ms-acal-rootdiv td, .ms-acal-rootdiv th {
    vertical-align: middle;
}
.ms-acal-item {
    background-color: #666;
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Simple Carousel</title>
	<style>
	* { box-sizing: border-box; }
	#sliderContainer {
	<!DOCTYPE html>
	<html lang="en"><head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Analog Clock</title>
	<style>
	* { box-sizing: border-box; }
	html, body { width: 100%; height: 100%; padding: 0; margin: 0; }
	<style>
	#WPQ2_nav_header {
	font-size: 3em;
	float: left;
	}
	.ms-acal-header td, .ms-acal-rootdiv td, .ms-acal-rootdiv th {
	vertical-align: middle;
	}
	.ms-acal-item {
	background-color: #666;