Changes to zombo2

Breck Yunits

4 months ago

.gitignore

Changed around line 1

+ .DS_Store

+ index.html

favicon.ico

font-awesome.min.css

Changed around line 1
+ /*!
+  *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
+  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+  */
+ @font-face {
+ 	font-family: "FontAwesome";
+ 	src: url("fontawesome-webfont.eot?v=4.2.0");
+ 	src: url("fontawesome-webfont.eot?#iefix&v=4.2.0")
+ 			format("embedded-opentype"),
+ 		url("fontawesome-webfont.woff?v=4.2.0") format("woff"),
+ 		url("fontawesome-webfont.ttf?v=4.2.0") format("truetype"),
+ 		url("fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular")
+ 			format("svg");
+ 	font-weight: normal;
+ 	font-style: normal;
+ }
+ .fa {
+ 	display: inline-block;
+ 	font: normal normal normal 14px/1 FontAwesome;
+ 	font-size: inherit;
+ 	text-rendering: auto;
+ 	-webkit-font-smoothing: antialiased;
+ 	-moz-osx-font-smoothing: grayscale;
+ }
+ .fa-lg {
+ 	font-size: 1.33333333em;
+ 	line-height: 0.75em;
+ 	vertical-align: -15%;
+ }
+ .fa-2x {
+ 	font-size: 2em;
+ }
+ .fa-3x {
+ 	font-size: 3em;
+ }
+ .fa-4x {
+ 	font-size: 4em;
+ }
+ .fa-5x {
+ 	font-size: 5em;
+ }
+ .fa-fw {
+ 	width: 1.28571429em;
+ 	text-align: center;
+ }
+ .fa-ul {
+ 	padding-left: 0;
+ 	margin-left: 2.14285714em;
+ 	list-style-type: none;
+ }
+ .fa-ul > li {
+ 	position: relative;
+ }
+ .fa-li {
+ 	position: absolute;
+ 	left: -2.14285714em;
+ 	width: 2.14285714em;
+ 	top: 0.14285714em;
+ 	text-align: center;
+ }
+ .fa-li.fa-lg {
+ 	left: -1.85714286em;
+ }
+ .fa-border {
+ 	padding: 0.2em 0.25em 0.15em;
+ 	border: solid 0.08em #eee;
+ 	border-radius: 0.1em;
+ }
+ .pull-right {
+ 	float: right;
+ }
+ .pull-left {
+ 	float: left;
+ }
+ .fa.pull-left {
+ 	margin-right: 0.3em;
+ }
+ .fa.pull-right {
+ 	margin-left: 0.3em;
+ }
+ .fa-spin {
+ 	-webkit-animation: fa-spin 2s infinite linear;
+ 	animation: fa-spin 2s infinite linear;
+ }
+ @-webkit-keyframes fa-spin {
+ 	0% {
+ 		-webkit-transform: rotate(0deg);
+ 		transform: rotate(0deg);
+ 	}
+ 	100% {
+ 		-webkit-transform: rotate(359deg);
+ 		transform: rotate(359deg);
+ 	}
+ }
+ @keyframes fa-spin {
+ 	0% {
+ 		-webkit-transform: rotate(0deg);
+ 		transform: rotate(0deg);
+ 	}
+ 	100% {
+ 		-webkit-transform: rotate(359deg);
+ 		transform: rotate(359deg);
+ 	}
+ }
+ .fa-rotate-90 {
+ 	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+ 	-webkit-transform: rotate(90deg);
+ 	-ms-transform: rotate(90deg);
+ 	transform: rotate(90deg);
+ }
+ .fa-rotate-180 {
+ 	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+ 	-webkit-transform: rotate(180deg);
+ 	-ms-transform: rotate(180deg);
+ 	transform: rotate(180deg);
+ }
+ .fa-rotate-270 {
+ 	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+ 	-webkit-transform: rotate(270deg);
+ 	-ms-transform: rotate(270deg);
+ 	transform: rotate(270deg);
+ }
+ .fa-flip-horizontal {
+ 	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
+ 	-webkit-transform: scale(-1, 1);
+ 	-ms-transform: scale(-1, 1);
+ 	transform: scale(-1, 1);
+ }
+ .fa-flip-vertical {
+ 	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
+ 	-webkit-transform: scale(1, -1);
+ 	-ms-transform: scale(1, -1);
+ 	transform: scale(1, -1);
+ }
+ :root .fa-rotate-90,
+ :root .fa-rotate-180,
+ :root .fa-rotate-270,
+ :root .fa-flip-horizontal,
+ :root .fa-flip-vertical {
+ 	filter: none;
+ }
+ .fa-stack {
+ 	position: relative;
+ 	display: inline-block;
+ 	width: 2em;
+ 	height: 2em;
+ 	line-height: 2em;
+ 	vertical-align: middle;
+ }
+ .fa-stack-1x,
+ .fa-stack-2x {
+ 	position: absolute;
+ 	left: 0;
+ 	width: 100%;
+ 	text-align: center;
+ }
+ .fa-stack-1x {
+ 	line-height: inherit;
+ }
+ .fa-stack-2x {
+ 	font-size: 2em;
+ }
+ .fa-inverse {
+ 	color: #fff;
+ }
+ .fa-glass:before {
+ 	content: "\f000";
+ }
+ .fa-music:before {
+ 	content: "\f001";
+ }
+ .fa-search:before {
+ 	content: "\f002";
+ }
+ .fa-envelope-o:before {
+ 	content: "\f003";
+ }
+ .fa-heart:before {
+ 	content: "\f004";
+ }
+ .fa-star:before {
+ 	content: "\f005";
+ }
+ .fa-star-o:before {
+ 	content: "\f006";
+ }
+ .fa-user:before {
+ 	content: "\f007";
+ }
+ .fa-film:before {
+ 	content: "\f008";
+ }
+ .fa-th-large:before {
+ 	content: "\f009";
+ }
+ .fa-th:before {
+ 	content: "\f00a";
+ }
+ .fa-th-list:before {
+ 	content: "\f00b";
+ }
+ .fa-check:before {
+ 	content: "\f00c";
+ }
+ .fa-remove:before,
+ .fa-close:before,
+ .fa-times:before {
+ 	content: "\f00d";
+ }
+ .fa-search-plus:before {
+ 	content: "\f00e";
+ }
+ .fa-search-minus:before {
+ 	content: "\f010";
+ }
+ .fa-power-off:before {
+ 	content: "\f011";
+ }
+ .fa-signal:before {
+ 	content: "\f012";
+ }
+ .fa-gear:before,
+ .fa-cog:before {
+ 	content: "\f013";
+ }
+ .fa-trash-o:before {
+ 	content: "\f014";
+ }
+ .fa-home:before {
+ 	content: "\f015";
+ }
+ .fa-file-o:before {
+ 	content: "\f016";
+ }
+ .fa-clock-o:before {
+ 	content: "\f017";
+ }
+ .fa-road:before {
+ 	content: "\f018";
+ }
+ .fa-download:before {
+ 	content: "\f019";
+ }
+ .fa-arrow-circle-o-down:before {
+ 	content: "\f01a";
+ }
+ .fa-arrow-circle-o-up:before {
+ 	content: "\f01b";
+ }
+ .fa-inbox:before {
+ 	content: "\f01c";
+ }
+ .fa-play-circle-o:before {
+ 	content: "\f01d";
+ }
+ .fa-rotate-right:before,
+ .fa-repeat:before {
+ 	content: "\f01e";
+ }
+ .fa-refresh:before {
+ 	content: "\f021";
+ }
+ .fa-list-alt:before {
+ 	content: "\f022";
+ }
+ .fa-lock:before {
+ 	content: "\f023";
+ }
+ .fa-flag:before {
+ 	content: "\f024";
+ }
+ .fa-headphones:before {
+ 	content: "\f025";
+ }
+ .fa-volume-off:before {
+ 	content: "\f026";
+ }
+ .fa-volume-down:before {
+ 	content: "\f027";
+ }
+ .fa-volume-up:before {
+ 	content: "\f028";
+ }
+ .fa-qrcode:before {
+ 	content: "\f029";
+ }
+ .fa-barcode:before {
+ 	content: "\f02a";
+ }
+ .fa-tag:before {
+ 	content: "\f02b";
+ }
+ .fa-tags:before {
+ 	content: "\f02c";
+ }
+ .fa-book:before {
+ 	content: "\f02d";
+ }
+ .fa-bookmark:before {
+ 	content: "\f02e";
+ }
+ .fa-print:before {
+ 	content: "\f02f";
+ }
+ .fa-camera:before {
+ 	content: "\f030";
+ }
+ .fa-font:before {
+ 	content: "\f031";
+ }
+ .fa-bold:before {
+ 	content: "\f032";
+ }
+ .fa-italic:before {
+ 	content: "\f033";
+ }
+ .fa-text-height:before {
+ 	content: "\f034";
+ }
+ .fa-text-width:before {
+ 	content: "\f035";
+ }
+ .fa-align-left:before {
+ 	content: "\f036";
+ }
+ .fa-align-center:before {
+ 	content: "\f037";
+ }
+ .fa-align-right:before {
+ 	content: "\f038";
+ }
+ .fa-align-justify:before {
+ 	content: "\f039";
+ }
+ .fa-list:before {
+ 	content: "\f03a";
+ }
+ .fa-dedent:before,
+ .fa-outdent:before {
+ 	content: "\f03b";
+ }
+ .fa-indent:before {
+ 	content: "\f03c";
+ }
+ .fa-video-camera:before {
+ 	content: "\f03d";
+ }
+ .fa-photo:before,
+ .fa-image:before,
+ .fa-picture-o:before {
+ 	content: "\f03e";
+ }
+ .fa-pencil:before {
+ 	content: "\f040";
+ }
+ .fa-map-marker:before {
+ 	content: "\f041";
+ }
+ .fa-adjust:before {
+ 	content: "\f042";
+ }
+ .fa-tint:before {
+ 	content: "\f043";
+ }
+ .fa-edit:before,
+ .fa-pencil-square-o:before {
+ 	content: "\f044";
+ }
+ .fa-share-square-o:before {
+ 	content: "\f045";
+ }
+ .fa-check-square-o:before {
+ 	content: "\f046";
+ }
+ .fa-arrows:before {
+ 	content: "\f047";
+ }
+ .fa-step-backward:before {
+ 	content: "\f048";
+ }
+ .fa-fast-backward:before {
+ 	content: "\f049";
+ }
+ .fa-backward:before {
+ 	content: "\f04a";
+ }
+ .fa-play:before {
+ 	content: "\f04b";
+ }
+ .fa-pause:before {
+ 	content: "\f04c";
+ }
+ .fa-stop:before {
+ 	content: "\f04d";
+ }
+ .fa-forward:before {
+ 	content: "\f04e";
+ }
+ .fa-fast-forward:before {
+ 	content: "\f050";
+ }
+ .fa-step-forward:before {
+ 	content: "\f051";
+ }
+ .fa-eject:before {
+ 	content: "\f052";
+ }
+ .fa-chevron-left:before {
+ 	content: "\f053";
+ }
+ .fa-chevron-right:before {
+ 	content: "\f054";
+ }
+ .fa-plus-circle:before {
+ 	content: "\f055";
+ }
+ .fa-minus-circle:before {
+ 	content: "\f056";
+ }
+ .fa-times-circle:before {
+ 	content: "\f057";
+ }
+ .fa-check-circle:before {
+ 	content: "\f058";
+ }
+ .fa-question-circle:before {
+ 	content: "\f059";
+ }
+ .fa-info-circle:before {
+ 	content: "\f05a";
+ }
+ .fa-crosshairs:before {
+ 	content: "\f05b";
+ }
+ .fa-times-circle-o:before {
+ 	content: "\f05c";
+ }
+ .fa-check-circle-o:before {
+ 	content: "\f05d";
+ }
+ .fa-ban:before {
+ 	content: "\f05e";
+ }
+ .fa-arrow-left:before {
+ 	content: "\f060";
+ }
+ .fa-arrow-right:before {
+ 	content: "\f061";
+ }
+ .fa-arrow-up:before {
+ 	content: "\f062";
+ }
+ .fa-arrow-down:before {
+ 	content: "\f063";
+ }
+ .fa-mail-forward:before,
+ .fa-share:before {
+ 	content: "\f064";
+ }
+ .fa-expand:before {
+ 	content: "\f065";
+ }
+ .fa-compress:before {
+ 	content: "\f066";
+ }
+ .fa-plus:before {
+ 	content: "\f067";
+ }
+ .fa-minus:before {
+ 	content: "\f068";
+ }
+ .fa-asterisk:before {
+ 	content: "\f069";
+ }
+ .fa-exclamation-circle:before {
+ 	content: "\f06a";
+ }
+ .fa-gift:before {
+ 	content: "\f06b";
+ }
+ .fa-leaf:before {
+ 	content: "\f06c";
+ }
+ .fa-fire:before {
+ 	content: "\f06d";
+ }
+ .fa-eye:before {
+ 	content: "\f06e";
+ }
+ .fa-eye-slash:before {
+ 	content: "\f070";
+ }
+ .fa-warning:before,
+ .fa-exclamation-triangle:before {
+ 	content: "\f071";
+ }
+ .fa-plane:before {
+ 	content: "\f072";
+ }
+ .fa-calendar:before {
+ 	content: "\f073";
+ }
+ .fa-random:before {
+ 	content: "\f074";
+ }
+ .fa-comment:before {
+ 	content: "\f075";
+ }
+ .fa-magnet:before {
+ 	content: "\f076";
+ }
+ .fa-chevron-up:before {
+ 	content: "\f077";
+ }
+ .fa-chevron-down:before {
+ 	content: "\f078";
+ }
+ .fa-retweet:before {
+ 	content: "\f079";
+ }
+ .fa-shopping-cart:before {
+ 	content: "\f07a";
+ }
+ .fa-folder:before {
+ 	content: "\f07b";
+ }
+ .fa-folder-open:before {
+ 	content: "\f07c";
+ }
+ .fa-arrows-v:before {
+ 	content: "\f07d";
+ }
+ .fa-arrows-h:before {
+ 	content: "\f07e";
+ }
+ .fa-bar-chart-o:before,
+ .fa-bar-chart:before {
+ 	content: "\f080";
+ }
+ .fa-twitter-square:before {
+ 	content: "\f081";
+ }
+ .fa-facebook-square:before {
+ 	content: "\f082";
+ }
+ .fa-camera-retro:before {
+ 	content: "\f083";
+ }
+ .fa-key:before {
+ 	content: "\f084";
+ }
+ .fa-gears:before,
+ .fa-cogs:before {
+ 	content: "\f085";
+ }
+ .fa-comments:before {
+ 	content: "\f086";
+ }
+ .fa-thumbs-o-up:before {
+ 	content: "\f087";
+ }
+ .fa-thumbs-o-down:before {
+ 	content: "\f088";
+ }
+ .fa-star-half:before {
+ 	content: "\f089";
+ }
+ .fa-heart-o:before {
+ 	content: "\f08a";
+ }
+ .fa-sign-out:before {
+ 	content: "\f08b";
+ }
+ .fa-linkedin-square:before {
+ 	content: "\f08c";
+ }
+ .fa-thumb-tack:before {
+ 	content: "\f08d";
+ }
+ .fa-external-link:before {
+ 	content: "\f08e";
+ }
+ .fa-sign-in:before {
+ 	content: "\f090";
+ }
+ .fa-trophy:before {
+ 	content: "\f091";
+ }
+ .fa-github-square:before {
+ 	content: "\f092";
+ }
+ .fa-upload:before {
+ 	content: "\f093";
+ }
+ .fa-lemon-o:before {
+ 	content: "\f094";
+ }
+ .fa-phone:before {
+ 	content: "\f095";
+ }
+ .fa-square-o:before {
+ 	content: "\f096";
+ }
+ .fa-bookmark-o:before {
+ 	content: "\f097";
+ }
+ .fa-phone-square:before {
+ 	content: "\f098";
+ }
+ .fa-twitter:before {
+ 	content: "\f099";
+ }
+ .fa-facebook:before {
+ 	content: "\f09a";
+ }
+ .fa-github:before {
+ 	content: "\f09b";
+ }
+ .fa-unlock:before {
+ 	content: "\f09c";
+ }
+ .fa-credit-card:before {
+ 	content: "\f09d";
+ }
+ .fa-rss:before {
+ 	content: "\f09e";
+ }
+ .fa-hdd-o:before {
+ 	content: "\f0a0";
+ }
+ .fa-bullhorn:before {
+ 	content: "\f0a1";
+ }
+ .fa-bell:before {
+ 	content: "\f0f3";
+ }
+ .fa-certificate:before {
+ 	content: "\f0a3";
+ }
+ .fa-hand-o-right:before {
+ 	content: "\f0a4";
+ }
+ .fa-hand-o-left:before {
+ 	content: "\f0a5";
+ }
+ .fa-hand-o-up:before {
+ 	content: "\f0a6";
+ }
+ .fa-hand-o-down:before {
+ 	content: "\f0a7";
+ }
+ .fa-arrow-circle-left:before {
+ 	content: "\f0a8";
+ }
+ .fa-arrow-circle-right:before {
+ 	content: "\f0a9";
+ }
+ .fa-arrow-circle-up:before {
+ 	content: "\f0aa";
+ }
+ .fa-arrow-circle-down:before {
+ 	content: "\f0ab";
+ }
+ .fa-globe:before {
+ 	content: "\f0ac";
+ }
+ .fa-wrench:before {
+ 	content: "\f0ad";
+ }
+ .fa-tasks:before {
+ 	content: "\f0ae";
+ }
+ .fa-filter:before {
+ 	content: "\f0b0";
+ }
+ .fa-briefcase:before {
+ 	content: "\f0b1";
+ }
+ .fa-arrows-alt:before {
+ 	content: "\f0b2";
+ }
+ .fa-group:before,
+ .fa-users:before {
+ 	content: "\f0c0";
+ }
+ .fa-chain:before,
+ .fa-link:before {
+ 	content: "\f0c1";
+ }
+ .fa-cloud:before {
+ 	content: "\f0c2";
+ }
+ .fa-flask:before {
+ 	content: "\f0c3";
+ }
+ .fa-cut:before,
+ .fa-scissors:before {
+ 	content: "\f0c4";
+ }
+ .fa-copy:before,
+ .fa-files-o:before {
+ 	content: "\f0c5";
+ }
+ .fa-paperclip:before {
+ 	content: "\f0c6";
+ }
+ .fa-save:before,
+ .fa-floppy-o:before {
+ 	content: "\f0c7";
+ }
+ .fa-square:before {
+ 	content: "\f0c8";
+ }
+ .fa-navicon:before,
+ .fa-reorder:before,
+ .fa-bars:before {
+ 	content: "\f0c9";
+ }
+ .fa-list-ul:before {
+ 	content: "\f0ca";
+ }
+ .fa-list-ol:before {
+ 	content: "\f0cb";
+ }
+ .fa-strikethrough:before {
+ 	content: "\f0cc";
+ }
+ .fa-underline:before {
+ 	content: "\f0cd";
+ }
+ .fa-table:before {
+ 	content: "\f0ce";
+ }
+ .fa-magic:before {
+ 	content: "\f0d0";
+ }
+ .fa-truck:before {
+ 	content: "\f0d1";
+ }
+ .fa-pinterest:before {
+ 	content: "\f0d2";
+ }
+ .fa-pinterest-square:before {
+ 	content: "\f0d3";
+ }
+ .fa-google-plus-square:before {
+ 	content: "\f0d4";
+ }
+ .fa-google-plus:before {
+ 	content: "\f0d5";
+ }
+ .fa-money:before {
+ 	content: "\f0d6";
+ }
+ .fa-caret-down:before {
+ 	content: "\f0d7";
+ }
+ .fa-caret-up:before {
+ 	content: "\f0d8";
+ }
+ .fa-caret-left:before {
+ 	content: "\f0d9";
+ }
+ .fa-caret-right:before {
+ 	content: "\f0da";
+ }
+ .fa-columns:before {
+ 	content: "\f0db";
+ }
+ .fa-unsorted:before,
+ .fa-sort:before {
+ 	content: "\f0dc";
+ }
+ .fa-sort-down:before,
+ .fa-sort-desc:before {
+ 	content: "\f0dd";
+ }
+ .fa-sort-up:before,
+ .fa-sort-asc:before {
+ 	content: "\f0de";
+ }
+ .fa-envelope:before {
+ 	content: "\f0e0";
+ }
+ .fa-linkedin:before {
+ 	content: "\f0e1";
+ }
+ .fa-rotate-left:before,
+ .fa-undo:before {
+ 	content: "\f0e2";
+ }
+ .fa-legal:before,
+ .fa-gavel:before {
+ 	content: "\f0e3";
+ }
+ .fa-dashboard:before,
+ .fa-tachometer:before {
+ 	content: "\f0e4";
+ }
+ .fa-comment-o:before {
+ 	content: "\f0e5";
+ }
+ .fa-comments-o:before {
+ 	content: "\f0e6";
+ }
+ .fa-flash:before,
+ .fa-bolt:before {
+ 	content: "\f0e7";
+ }
+ .fa-sitemap:before {
+ 	content: "\f0e8";
+ }
+ .fa-umbrella:before {
+ 	content: "\f0e9";
+ }
+ .fa-paste:before,
+ .fa-clipboard:before {
+ 	content: "\f0ea";
+ }
+ .fa-lightbulb-o:before {
+ 	content: "\f0eb";
+ }
+ .fa-exchange:before {
+ 	content: "\f0ec";
+ }
+ .fa-cloud-download:before {
+ 	content: "\f0ed";
+ }
+ .fa-cloud-upload:before {
+ 	content: "\f0ee";
+ }
+ .fa-user-md:before {
+ 	content: "\f0f0";
+ }
+ .fa-stethoscope:before {
+ 	content: "\f0f1";
+ }
+ .fa-suitcase:before {
+ 	content: "\f0f2";
+ }
+ .fa-bell-o:before {
+ 	content: "\f0a2";
+ }
+ .fa-coffee:before {
+ 	content: "\f0f4";
+ }
+ .fa-cutlery:before {
+ 	content: "\f0f5";
+ }
+ .fa-file-text-o:before {
+ 	content: "\f0f6";
+ }
+ .fa-building-o:before {
+ 	content: "\f0f7";
+ }
+ .fa-hospital-o:before {
+ 	content: "\f0f8";
+ }
+ .fa-ambulance:before {
+ 	content: "\f0f9";
+ }
+ .fa-medkit:before {
+ 	content: "\f0fa";
+ }
+ .fa-fighter-jet:before {
+ 	content: "\f0fb";
+ }
+ .fa-beer:before {
+ 	content: "\f0fc";
+ }
+ .fa-h-square:before {
+ 	content: "\f0fd";
+ }
+ .fa-plus-square:before {
+ 	content: "\f0fe";
+ }
+ .fa-angle-double-left:before {
+ 	content: "\f100";
+ }
+ .fa-angle-double-right:before {
+ 	content: "\f101";
+ }
+ .fa-angle-double-up:before {
+ 	content: "\f102";
+ }
+ .fa-angle-double-down:before {
+ 	content: "\f103";
+ }
+ .fa-angle-left:before {
+ 	content: "\f104";
+ }
+ .fa-angle-right:before {
+ 	content: "\f105";
+ }
+ .fa-angle-up:before {
+ 	content: "\f106";
+ }
+ .fa-angle-down:before {
+ 	content: "\f107";
+ }
+ .fa-desktop:before {
+ 	content: "\f108";
+ }
+ .fa-laptop:before {
+ 	content: "\f109";
+ }
+ .fa-tablet:before {
+ 	content: "\f10a";
+ }
+ .fa-mobile-phone:before,
+ .fa-mobile:before {
+ 	content: "\f10b";
+ }
+ .fa-circle-o:before {
+ 	content: "\f10c";
+ }
+ .fa-quote-left:before {
+ 	content: "\f10d";
+ }
+ .fa-quote-right:before {
+ 	content: "\f10e";
+ }
+ .fa-spinner:before {
+ 	content: "\f110";
+ }
+ .fa-circle:before {
+ 	content: "\f111";
+ }
+ .fa-mail-reply:before,
+ .fa-reply:before {
+ 	content: "\f112";
+ }
+ .fa-github-alt:before {
+ 	content: "\f113";
+ }
+ .fa-folder-o:before {
+ 	content: "\f114";
+ }
+ .fa-folder-open-o:before {
+ 	content: "\f115";
+ }
+ .fa-smile-o:before {
+ 	content: "\f118";
+ }
+ .fa-frown-o:before {
+ 	content: "\f119";
+ }
+ .fa-meh-o:before {
+ 	content: "\f11a";
+ }
+ .fa-gamepad:before {
+ 	content: "\f11b";
+ }
+ .fa-keyboard-o:before {
+ 	content: "\f11c";
+ }
+ .fa-flag-o:before {
+ 	content: "\f11d";
+ }
+ .fa-flag-checkered:before {
+ 	content: "\f11e";
+ }
+ .fa-terminal:before {
+ 	content: "\f120";
+ }
+ .fa-code:before {
+ 	content: "\f121";
+ }
+ .fa-mail-reply-all:before,
+ .fa-reply-all:before {
+ 	content: "\f122";
+ }
+ .fa-star-half-empty:before,
+ .fa-star-half-full:before,
+ .fa-star-half-o:before {
+ 	content: "\f123";
+ }
+ .fa-location-arrow:before {
+ 	content: "\f124";
+ }
+ .fa-crop:before {
+ 	content: "\f125";
+ }
+ .fa-code-fork:before {
+ 	content: "\f126";
+ }
+ .fa-unlink:before,
+ .fa-chain-broken:before {
+ 	content: "\f127";
+ }
+ .fa-question:before {
+ 	content: "\f128";
+ }
+ .fa-info:before {
+ 	content: "\f129";
+ }
+ .fa-exclamation:before {
+ 	content: "\f12a";
+ }
+ .fa-superscript:before {
+ 	content: "\f12b";
+ }
+ .fa-subscript:before {
+ 	content: "\f12c";
+ }
+ .fa-eraser:before {
+ 	content: "\f12d";
+ }
+ .fa-puzzle-piece:before {
+ 	content: "\f12e";
+ }
+ .fa-microphone:before {
+ 	content: "\f130";
+ }
+ .fa-microphone-slash:before {
+ 	content: "\f131";
+ }
+ .fa-shield:before {
+ 	content: "\f132";
+ }
+ .fa-calendar-o:before {
+ 	content: "\f133";
+ }
+ .fa-fire-extinguisher:before {
+ 	content: "\f134";
+ }
+ .fa-rocket:before {
+ 	content: "\f135";
+ }
+ .fa-maxcdn:before {
+ 	content: "\f136";
+ }
+ .fa-chevron-circle-left:before {
+ 	content: "\f137";
+ }
+ .fa-chevron-circle-right:before {
+ 	content: "\f138";
+ }
+ .fa-chevron-circle-up:before {
+ 	content: "\f139";
+ }
+ .fa-chevron-circle-down:before {
+ 	content: "\f13a";
+ }
+ .fa-html5:before {
+ 	content: "\f13b";
+ }
+ .fa-css3:before {
+ 	content: "\f13c";
+ }
+ .fa-anchor:before {
+ 	content: "\f13d";
+ }
+ .fa-unlock-alt:before {
+ 	content: "\f13e";
+ }
+ .fa-bullseye:before {
+ 	content: "\f140";
+ }
+ .fa-ellipsis-h:before {
+ 	content: "\f141";
+ }
+ .fa-ellipsis-v:before {
+ 	content: "\f142";
+ }
+ .fa-rss-square:before {
+ 	content: "\f143";
+ }
+ .fa-play-circle:before {
+ 	content: "\f144";
+ }
+ .fa-ticket:before {
+ 	content: "\f145";
+ }
+ .fa-minus-square:before {
+ 	content: "\f146";
+ }
+ .fa-minus-square-o:before {
+ 	content: "\f147";
+ }
+ .fa-level-up:before {
+ 	content: "\f148";
+ }
+ .fa-level-down:before {
+ 	content: "\f149";
+ }
+ .fa-check-square:before {
+ 	content: "\f14a";
+ }
+ .fa-pencil-square:before {
+ 	content: "\f14b";
+ }
+ .fa-external-link-square:before {
+ 	content: "\f14c";
+ }
+ .fa-share-square:before {
+ 	content: "\f14d";
+ }
+ .fa-compass:before {
+ 	content: "\f14e";
+ }
+ .fa-toggle-down:before,
+ .fa-caret-square-o-down:before {
+ 	content: "\f150";
+ }
+ .fa-toggle-up:before,
+ .fa-caret-square-o-up:before {
+ 	content: "\f151";
+ }
+ .fa-toggle-right:before,
+ .fa-caret-square-o-right:before {
+ 	content: "\f152";
+ }
+ .fa-euro:before,
+ .fa-eur:before {
+ 	content: "\f153";
+ }
+ .fa-gbp:before {
+ 	content: "\f154";
+ }
+ .fa-dollar:before,
+ .fa-usd:before {
+ 	content: "\f155";
+ }
+ .fa-rupee:before,
+ .fa-inr:before {
+ 	content: "\f156";
+ }
+ .fa-cny:before,
+ .fa-rmb:before,
+ .fa-yen:before,
+ .fa-jpy:before {
+ 	content: "\f157";
+ }
+ .fa-ruble:before,
+ .fa-rouble:before,
+ .fa-rub:before {
+ 	content: "\f158";
+ }
+ .fa-won:before,
+ .fa-krw:before {
+ 	content: "\f159";
+ }
+ .fa-bitcoin:before,
+ .fa-btc:before {
+ 	content: "\f15a";
+ }
+ .fa-file:before {
+ 	content: "\f15b";
+ }
+ .fa-file-text:before {
+ 	content: "\f15c";
+ }
+ .fa-sort-alpha-asc:before {
+ 	content: "\f15d";
+ }
+ .fa-sort-alpha-desc:before {
+ 	content: "\f15e";
+ }
+ .fa-sort-amount-asc:before {
+ 	content: "\f160";
+ }
+ .fa-sort-amount-desc:before {
+ 	content: "\f161";
+ }
+ .fa-sort-numeric-asc:before {
+ 	content: "\f162";
+ }
+ .fa-sort-numeric-desc:before {
+ 	content: "\f163";
+ }
+ .fa-thumbs-up:before {
+ 	content: "\f164";
+ }
+ .fa-thumbs-down:before {
+ 	content: "\f165";
+ }
+ .fa-youtube-square:before {
+ 	content: "\f166";
+ }
+ .fa-youtube:before {
+ 	content: "\f167";
+ }
+ .fa-xing:before {
+ 	content: "\f168";
+ }
+ .fa-xing-square:before {
+ 	content: "\f169";
+ }
+ .fa-youtube-play:before {
+ 	content: "\f16a";
+ }
+ .fa-dropbox:before {
+ 	content: "\f16b";
+ }
+ .fa-stack-overflow:before {
+ 	content: "\f16c";
+ }
+ .fa-instagram:before {
+ 	content: "\f16d";
+ }
+ .fa-flickr:before {
+ 	content: "\f16e";
+ }
+ .fa-adn:before {
+ 	content: "\f170";
+ }
+ .fa-bitbucket:before {
+ 	content: "\f171";
+ }
+ .fa-bitbucket-square:before {
+ 	content: "\f172";
+ }
+ .fa-tumblr:before {
+ 	content: "\f173";
+ }
+ .fa-tumblr-square:before {
+ 	content: "\f174";
+ }
+ .fa-long-arrow-down:before {
+ 	content: "\f175";
+ }
+ .fa-long-arrow-up:before {
+ 	content: "\f176";
+ }
+ .fa-long-arrow-left:before {
+ 	content: "\f177";
+ }
+ .fa-long-arrow-right:before {
+ 	content: "\f178";
+ }
+ .fa-apple:before {
+ 	content: "\f179";
+ }
+ .fa-windows:before {
+ 	content: "\f17a";
+ }
+ .fa-android:before {
+ 	content: "\f17b";
+ }
+ .fa-linux:before {
+ 	content: "\f17c";
+ }
+ .fa-dribbble:before {
+ 	content: "\f17d";
+ }
+ .fa-skype:before {
+ 	content: "\f17e";
+ }
+ .fa-foursquare:before {
+ 	content: "\f180";
+ }
+ .fa-trello:before {
+ 	content: "\f181";
+ }
+ .fa-female:before {
+ 	content: "\f182";
+ }
+ .fa-male:before {
+ 	content: "\f183";
+ }
+ .fa-gittip:before {
+ 	content: "\f184";
+ }
+ .fa-sun-o:before {
+ 	content: "\f185";
+ }
+ .fa-moon-o:before {
+ 	content: "\f186";
+ }
+ .fa-archive:before {
+ 	content: "\f187";
+ }
+ .fa-bug:before {
+ 	content: "\f188";
+ }
+ .fa-vk:before {
+ 	content: "\f189";
+ }
+ .fa-weibo:before {
+ 	content: "\f18a";
+ }
+ .fa-renren:before {
+ 	content: "\f18b";
+ }
+ .fa-pagelines:before {
+ 	content: "\f18c";
+ }
+ .fa-stack-exchange:before {
+ 	content: "\f18d";
+ }
+ .fa-arrow-circle-o-right:before {
+ 	content: "\f18e";
+ }
+ .fa-arrow-circle-o-left:before {
+ 	content: "\f190";
+ }
+ .fa-toggle-left:before,
+ .fa-caret-square-o-left:before {
+ 	content: "\f191";
+ }
+ .fa-dot-circle-o:before {
+ 	content: "\f192";
+ }
+ .fa-wheelchair:before {
+ 	content: "\f193";
+ }
+ .fa-vimeo-square:before {
+ 	content: "\f194";
+ }
+ .fa-turkish-lira:before,
+ .fa-try:before {
+ 	content: "\f195";
+ }
+ .fa-plus-square-o:before {
+ 	content: "\f196";
+ }
+ .fa-space-shuttle:before {
+ 	content: "\f197";
+ }
+ .fa-slack:before {
+ 	content: "\f198";
+ }
+ .fa-envelope-square:before {
+ 	content: "\f199";
+ }
+ .fa-wordpress:before {
+ 	content: "\f19a";
+ }
+ .fa-openid:before {
+ 	content: "\f19b";
+ }
+ .fa-institution:before,
+ .fa-bank:before,
+ .fa-university:before {
+ 	content: "\f19c";
+ }
+ .fa-mortar-board:before,
+ .fa-graduation-cap:before {
+ 	content: "\f19d";
+ }
+ .fa-yahoo:before {
+ 	content: "\f19e";
+ }
+ .fa-google:before {
+ 	content: "\f1a0";
+ }
+ .fa-reddit:before {
+ 	content: "\f1a1";
+ }
+ .fa-reddit-square:before {
+ 	content: "\f1a2";
+ }
+ .fa-stumbleupon-circle:before {
+ 	content: "\f1a3";
+ }
+ .fa-stumbleupon:before {
+ 	content: "\f1a4";
+ }
+ .fa-delicious:before {
+ 	content: "\f1a5";
+ }
+ .fa-digg:before {
+ 	content: "\f1a6";
+ }
+ .fa-pied-piper:before {
+ 	content: "\f1a7";
+ }
+ .fa-pied-piper-alt:before {
+ 	content: "\f1a8";
+ }
+ .fa-drupal:before {
+ 	content: "\f1a9";
+ }
+ .fa-joomla:before {
+ 	content: "\f1aa";
+ }
+ .fa-language:before {
+ 	content: "\f1ab";
+ }
+ .fa-fax:before {
+ 	content: "\f1ac";
+ }
+ .fa-building:before {
+ 	content: "\f1ad";
+ }
+ .fa-child:before {
+ 	content: "\f1ae";
+ }
+ .fa-paw:before {
+ 	content: "\f1b0";
+ }
+ .fa-spoon:before {
+ 	content: "\f1b1";
+ }
+ .fa-cube:before {
+ 	content: "\f1b2";
+ }
+ .fa-cubes:before {
+ 	content: "\f1b3";
+ }
+ .fa-behance:before {
+ 	content: "\f1b4";
+ }
+ .fa-behance-square:before {
+ 	content: "\f1b5";
+ }
+ .fa-steam:before {
+ 	content: "\f1b6";
+ }
+ .fa-steam-square:before {
+ 	content: "\f1b7";
+ }
+ .fa-recycle:before {
+ 	content: "\f1b8";
+ }
+ .fa-automobile:before,
+ .fa-car:before {
+ 	content: "\f1b9";
+ }
+ .fa-cab:before,
+ .fa-taxi:before {
+ 	content: "\f1ba";
+ }
+ .fa-tree:before {
+ 	content: "\f1bb";
+ }
+ .fa-spotify:before {
+ 	content: "\f1bc";
+ }
+ .fa-deviantart:before {
+ 	content: "\f1bd";
+ }
+ .fa-soundcloud:before {
+ 	content: "\f1be";
+ }
+ .fa-database:before {
+ 	content: "\f1c0";
+ }
+ .fa-file-pdf-o:before {
+ 	content: "\f1c1";
+ }
+ .fa-file-word-o:before {
+ 	content: "\f1c2";
+ }
+ .fa-file-excel-o:before {
+ 	content: "\f1c3";
+ }
+ .fa-file-powerpoint-o:before {
+ 	content: "\f1c4";
+ }
+ .fa-file-photo-o:before,
+ .fa-file-picture-o:before,
+ .fa-file-image-o:before {
+ 	content: "\f1c5";
+ }
+ .fa-file-zip-o:before,
+ .fa-file-archive-o:before {
+ 	content: "\f1c6";
+ }
+ .fa-file-sound-o:before,
+ .fa-file-audio-o:before {
+ 	content: "\f1c7";
+ }
+ .fa-file-movie-o:before,
+ .fa-file-video-o:before {
+ 	content: "\f1c8";
+ }
+ .fa-file-code-o:before {
+ 	content: "\f1c9";
+ }
+ .fa-vine:before {
+ 	content: "\f1ca";
+ }
+ .fa-codepen:before {
+ 	content: "\f1cb";
+ }
+ .fa-jsfiddle:before {
+ 	content: "\f1cc";
+ }
+ .fa-life-bouy:before,
+ .fa-life-buoy:before,
+ .fa-life-saver:before,
+ .fa-support:before,
+ .fa-life-ring:before {
+ 	content: "\f1cd";
+ }
+ .fa-circle-o-notch:before {
+ 	content: "\f1ce";
+ }
+ .fa-ra:before,
+ .fa-rebel:before {
+ 	content: "\f1d0";
+ }
+ .fa-ge:before,
+ .fa-empire:before {
+ 	content: "\f1d1";
+ }
+ .fa-git-square:before {
+ 	content: "\f1d2";
+ }
+ .fa-git:before {
+ 	content: "\f1d3";
+ }
+ .fa-hacker-news:before {
+ 	content: "\f1d4";
+ }
+ .fa-tencent-weibo:before {
+ 	content: "\f1d5";
+ }
+ .fa-qq:before {
+ 	content: "\f1d6";
+ }
+ .fa-wechat:before,
+ .fa-weixin:before {
+ 	content: "\f1d7";
+ }
+ .fa-send:before,
+ .fa-paper-plane:before {
+ 	content: "\f1d8";
+ }
+ .fa-send-o:before,
+ .fa-paper-plane-o:before {
+ 	content: "\f1d9";
+ }
+ .fa-history:before {
+ 	content: "\f1da";
+ }
+ .fa-circle-thin:before {
+ 	content: "\f1db";
+ }
+ .fa-header:before {
+ 	content: "\f1dc";
+ }
+ .fa-paragraph:before {
+ 	content: "\f1dd";
+ }
+ .fa-sliders:before {
+ 	content: "\f1de";
+ }
+ .fa-share-alt:before {
+ 	content: "\f1e0";
+ }
+ .fa-share-alt-square:before {
+ 	content: "\f1e1";
+ }
+ .fa-bomb:before {
+ 	content: "\f1e2";
+ }
+ .fa-soccer-ball-o:before,
+ .fa-futbol-o:before {
+ 	content: "\f1e3";
+ }
+ .fa-tty:before {
+ 	content: "\f1e4";
+ }
+ .fa-binoculars:before {
+ 	content: "\f1e5";
+ }
+ .fa-plug:before {
+ 	content: "\f1e6";
+ }
+ .fa-slideshare:before {
+ 	content: "\f1e7";
+ }
+ .fa-twitch:before {
+ 	content: "\f1e8";
+ }
+ .fa-yelp:before {
+ 	content: "\f1e9";
+ }
+ .fa-newspaper-o:before {
+ 	content: "\f1ea";
+ }
+ .fa-wifi:before {
+ 	content: "\f1eb";
+ }
+ .fa-calculator:before {
+ 	content: "\f1ec";
+ }
+ .fa-paypal:before {
+ 	content: "\f1ed";
+ }
+ .fa-google-wallet:before {
+ 	content: "\f1ee";
+ }
+ .fa-cc-visa:before {
+ 	content: "\f1f0";
+ }
+ .fa-cc-mastercard:before {
+ 	content: "\f1f1";
+ }
+ .fa-cc-discover:before {
+ 	content: "\f1f2";
+ }
+ .fa-cc-amex:before {
+ 	content: "\f1f3";
+ }
+ .fa-cc-paypal:before {
+ 	content: "\f1f4";
+ }
+ .fa-cc-stripe:before {
+ 	content: "\f1f5";
+ }
+ .fa-bell-slash:before {
+ 	content: "\f1f6";
+ }
+ .fa-bell-slash-o:before {
+ 	content: "\f1f7";
+ }
+ .fa-trash:before {
+ 	content: "\f1f8";
+ }
+ .fa-copyright:before {
+ 	content: "\f1f9";
+ }
+ .fa-at:before {
+ 	content: "\f1fa";
+ }
+ .fa-eyedropper:before {
+ 	content: "\f1fb";
+ }
+ .fa-paint-brush:before {
+ 	content: "\f1fc";
+ }
+ .fa-birthday-cake:before {
+ 	content: "\f1fd";
+ }
+ .fa-area-chart:before {
+ 	content: "\f1fe";
+ }
+ .fa-pie-chart:before {
+ 	content: "\f200";
+ }
+ .fa-line-chart:before {
+ 	content: "\f201";
+ }
+ .fa-lastfm:before {
+ 	content: "\f202";
+ }
+ .fa-lastfm-square:before {
+ 	content: "\f203";
+ }
+ .fa-toggle-off:before {
+ 	content: "\f204";
+ }
+ .fa-toggle-on:before {
+ 	content: "\f205";
+ }
+ .fa-bicycle:before {
+ 	content: "\f206";
+ }
+ .fa-bus:before {
+ 	content: "\f207";
+ }
+ .fa-ioxhost:before {
+ 	content: "\f208";
+ }
+ .fa-angellist:before {
+ 	content: "\f209";
+ }
+ .fa-cc:before {
+ 	content: "\f20a";
+ }
+ .fa-shekel:before,
+ .fa-sheqel:before,
+ .fa-ils:before {
+ 	content: "\f20b";
+ }
+ .fa-meanpath:before {
+ 	content: "\f20c";
+ }

fontawesome-webfont.eot

fontawesome-webfont.svg

Changed around line 1
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 

fontawesome-webfont.ttf

fontawesome-webfont.woff

pngwheel.png

readme.scroll

Changed around line 1
+ permalink index.html
+ buildHtml
+ 
+ title ZOMBO
+ zombo.css
+ 
+ font-awesome.min.css
+ metaTags
+ 
+ center
+ br
+ zombocom.png
+  width 1199
+  height 217
+  // alt="Zombocom"
+  // longdesc="http://zombo.com"
+ 
+ center
+ *
+  class animate-flicker
+ 
+ 
+ zombo_words.mp3
+  loop
+ 
+ 
+   
+   
+ 
+ script
+  const button = document.querySelector("#button")
+  const icon = document.querySelector("#button > i")
+  const audio = document.querySelector("audio")
+  button.addEventListener("click", () => {
+   if (audio.paused) {
+     audio.volume = 0.2;
+     audio.play();
+     icon.classList.remove('fa-volume-up');
+     icon.classList.add('fa-volume-off');
+   } else {
+     audio.pause();
+     icon.classList.remove('fa-volume-off');
+     icon.classList.add('fa-volume-up');
+   }
+   button.classList.add("fade");
+  });

zombo.css

Changed around line 1
+ @charset "utf-8";
+ body {
+ 	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
+ 	background-color: #FFFFFF;
+ 	margin: 0;
+ 	padding: 0;
+ 	color: #333;
+ 	background-image: url(zombo_bg.png);
+ 	background-repeat: repeat-x ;
+ }
+ 
+ /* ~~ Element/tag selectors ~~ */
+ ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
+ 	padding: 0;
+ 	margin: 0;
+ }
+ h1, h2, h3, h4, h5, h6, p {
+ 	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
+ 	padding-right: 15px;
+ 	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
+ }
+ a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
+ 	border: none;
+ }
+ /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
+ a:link {
+ 	color: #42413C;
+ 	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
+ }
+ a:visited {
+ 	color: #6E6C64;
+ 	text-decoration: underline;
+ }
+ a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
+ 	text-decoration: none;
+ }
+ 
+ /* ~~ this fixed width container surrounds all other elements ~~ */
+ .container {
+ 	width: 960px;
+ 	background-color: #FFF;
+ 	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
+ }
+ 
+ /* ~~ This is the layout information. ~~
+ 
+ 1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
+ 
+ */
+ .content {
+ 
+ 	padding: 10px 0;
+ }
+ 
+ /* ~~ miscellaneous float/clear classes ~~ */
+ .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
+ 	float: right;
+ 	margin-left: 8px;
+ }
+ .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
+ 	float: left;
+ 	margin-right: 8px;
+ }
+ .clearfloat { /* this class can be placed on a 
 or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
+ 	clear:both;
+ 	height:0;
+ 	font-size: 1px;
+ 	line-height: 0px;
+ }
+ 
+ 
+ /* added to make rotate */
+ .rotate {
+   animation:  rotation .5s infinite linear ;
+ 
+ }
+ 
+ @keyframes rotation {
+   from {
+     transform: rotate(0deg);
+   }
+   to {
+     transform: rotate(360deg);
+   }
+ }
+ 
+   /* ~~josh add ~~ */
+ 
+ @keyframes flickerAnimation {
+   0%   { opacity:1; }
+   50%  { opacity:.1; }
+   100% { opacity:1; }
+ }
+ @-o-keyframes flickerAnimation{
+   0%   { opacity:1; }
+   50%  { opacity:.1; }
+   100% { opacity:1; }
+ }
+ @-moz-keyframes flickerAnimation{
+   0%   { opacity:1; }
+   50%  { opacity:.1; }
+   100% { opacity:1; }
+ }
+ @-webkit-keyframes flickerAnimation{
+   0%   { opacity:1; }
+   50%  { opacity:.1; }
+   100% { opacity:1; }
+ }
+ .animate-flicker {
+    -webkit-animation: flickerAnimation .3s infinite;
+    -moz-animation: flickerAnimation .3s infinite;
+    -o-animation: flickerAnimation .3s infinite;
+     animation: flickerAnimation .3s infinite;
+ 
+ 	margin-top:13%;
+ }
+ 
+ 
+   /* ~~josh add audio button stuff~~ */
+ audio {
+   display: none;
+ }
+ 
+ 
+ button {
+     font-size: 22px;
+     color: #eee;
+     position: absolute;
+     top: 60%;
+     left: 50%;
+     transform: translate(-50%, -50%);
+     width: 40px;
+ 	height: 40px;
+     padding: 5px;
+     border: none;
+     border-radius: 2px;
+     outline: none;
+     background: black;
+     box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+     opacity: 0.8;
+     cursor: pointer;
+     transition: all 0.4s ease-out;
+ 
+ }
+ 
+ button.fade:hover {
+   opacity: 0.8;
+ }
+ 
+ .fade {
+   opacity: 0.2;
+   top: 0;
+   left: 0;
+   transform: translate(0, 0);
+ }
+ 
+   /* ~~Z add responsive stuff~~ */
+ 
+ img { max-width: 100%; height: auto; }
+ 
+ 
+ * Media Queries: Tablet Landscape */
+ @media screen and (max-width: 1060px) {
+     #primary { width:67%; }
+     #secondary { width:30%; margin-left:3%;}
+ }
+ 
+ /* Media Queries: Tabled Portrait */
+ @media screen and (max-width: 768px) {
+     #primary { width:80%; }
+     #secondary { width:80%; margin:0; border:none; }
+ 
+ 	 /* ~~Z add keep wheel in place stuff~~ */
+ 
+ 
+ 

zombo_bg.png

zombo_words.mp3

zombocom.png