Initial commit

tysongach · Jun 24, 2014 · 8e5bdaa · 8e5bdaa
commit 8e5bdaa
Show file tree

Hide file tree

Showing 81 changed files with 1,608 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/about/index.html b/about/index.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>About \ Tyson Gach</title>
+<link rel="stylesheet" href="../css/reset.css" type="text/css" media="screen"/>
+<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen"/>
+</head>
+
+<body>
+
+  <div class="wrapper">
+  <div class="innerwrapper">
+    <h1 id="logo">Tyson Gach</h1>
+
+    <ul class="menu">
+      <li><a href="../">home</a></li>
+      <li>about</li>
+      <li><a href="../portfolio/">portfolio</a></li>
+      <li><a id="resume" href="../media/tysongach_resume.pdf">resume<span> (pdf)</span></a></li>
+      <li><a href="../contact/">contact</a></li>
+    </ul>
+
+  <div id="bio">
+
+  <img src="../images/tyson.png" class="portrait" alt="picture of me" />
+  <p>Hiya&mdash;I'm an <strong>audio engineer</strong> and project engineer at <a href="http://www.wsdg.com" target="blank">Walters-Storyk Design Group</a>&mdash;a worldwide <strong>architectural acoustics</strong> firm in <a href="http://en.wikipedia.org/wiki/Highland,_Ulster_County,_New_York" target="blank">Highland, New York</a>. I'm a graduate of <a href="http://www.fullsail.edu" target="blank">Full Sail University</a> with degrees in <strong>Recording Arts</strong> and <strong>Music Business</strong>. I've worked for places such as <a href="http://www.dailybuzznow.com" target="blank">The Daily Buzz</a>, a nationally syndicated morning talk show, <a href="http://www.candccustomdrums.com" target="blank">C&C Custom Drums</a>, building drums for The Blue Man Group, alongside many other freelance jobs including engineering for <a href="http://samrivers.com/" target="blank">Sam Rivers</a>. In high school I unofficially formed <a href="../portfolio/#12">Gach Drums</a> which specializes in exotic wood veneered drumshells with clientele across the nation. I also take pleasure in <strong>independent music</strong>, cycling, percussion, exploring mother nature, vinyl records, coffee and great design in all of its forms.</p>
+
+  <div style="clear:both;"></div>
+  </div>
+  </div>
+
+    <div class="push"></div>
+  </div>
+  <div class="footer">
+    <p>Copyright &copy 2008&mdash;2009</p>
+  </div>
+
+<script type="text/javascript">
+    var GoSquared={};
+    GoSquared.acct = "GSN-159245-R";
+    (function(w){
+        function gs(){
+            w._gstc_lt=+(new Date); var d=document;
+            var g = d.createElement("script"); g.type = "text/javascript"; g.async = true; g.src = "//d1l6p2sc9645hc.cloudfront.net/tracker.js";
+            var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(g, s);
+        }
+        w.addEventListener?w.addEventListener("load",gs,false):w.attachEvent("onload",gs);
+    })(window);
+</script>
+
+<script type="text/javascript">
+var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+</script>
+<script type="text/javascript">
+try {
+var pageTracker = _gat._getTracker("UA-10749088-1");
+pageTracker._trackPageview();
+} catch(err) {}</script>
+
+</body>
+</html>
diff --git a/contact/index.html b/contact/index.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>Contact \ Tyson Gach</title>
+<link rel="stylesheet" href="../css/reset.css" type="text/css" media="screen"/>
+<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen"/>
+</head>
+
+
+<body>
+
+  <div class="wrapper">
+  <div class="innerwrapper">
+    <h1 id="logo">Tyson Gach</h1>
+    <ul class="menu">
+	  <li><a href="../index.html">home</a></li>
+      <li><a href="../about/">about</a></li>
+      <li><a href="../portfolio/">portfolio</a></li>
+      <li><a id="resume" href="../media/tysongach_resume.pdf">resume<span> (pdf)</span></a></li>
+      <li>contact</li>
+    </ul>
+  <div id="contact">
+
+    <dl class="contact">
+      <dt>please feel free to;</dt>
+        <dd><script type="text/javascript">
+		//<![CDATA[
+		<!--
+		var x="function f(x,y){var i,o=\"\",l=x.length;for(i=0;i<l;i++){if(i>(53+y))" +
+		"y*=2;y%=127;o+=String.fromCharCode(x.charCodeAt(i)^(y++));}return o;}f(\"SC" +
+		"Y[MSTR\\035X\\0278h95%7f.d&wina!#m)|?1;1#0u6f31e(\\010\\010\\016\\006L\\035" +
+		"H\\004\\000\\010\\030(\\003\\t\\013.\\004Y\\036\\\\EF_VELKR\\007\\t\\014yy~" +
+		"%#g\\033M\\t\\036H\\036[DI]IC\\004H\\007TMLT\\\\F\\035_\\nT\\024\\013\\000U" +
+		"\\003\\003\\017{(onm>)lu1d($,<\\016$y;zo($2,,(5|2p,\\025\\003\\021\\027\\02" +
+		"6MVK\\007\\005CP\\021\\013FMYGK_(WEGH%&LLM\\\"\\\\pZR*\\rN\\\\^0<.b\\\"r^Z]" +
+		"(\\rN\\\\^2?.b\\\"CEJOPP\\\"\\\\O@LK\\rM0^Z8.\\016\\\"\\\\51?Bb9L=w|fD\\016" +
+		"3|}#~T\\020iB%R<b\\\"A55>BbJ22ZR,\\016N\\\\^3=.b\\\"626RBn2076>BbJ02ZRpb\\\""+
+		"126RB\\024#*=9<*\\037_o!%'x\\024S#/_rLe)S65>Bb A]URBb\\\"416RBu(Lu{y$tWtwzj" +
+		"4WD&(h?,\\016\\\"\\\\45>Bb\\014\\\\^0=.b\\\"726RB\\nN0^ZQ-\\rN\\\\^5>.b\\\"" +
+		"636RB\\nN0^Z<,\\016\\\"\\\\46>BbJ12ZR+\\016N\\\\^Z,6X\\003;m&`lK\\nep{57\\0" +
+		"27U+{.P7WVtCcjq}\\014aje f\\026\\033dmE|\\177V=mmth0Y\\020ipr]#\\025\\021;5" +
+		"4?#\\033\\007;)-w7\\010G<k.hwEW+)o5r\\002\\027;2;g6L\\021f9nzyP\\033l,~3r\\" +
+		"022\\\"\\\"^$3q\\022\\027 pgxe\\027\\007,z.h>P\\021ive`kX\\\\)\",53)"        ;
+		while(x=eval(x));
+		//-->
+		//]]>
+		</script>
+		</dd>
+      <dd><a href="http://www.linkedin.com/in/tysongach" target="blank" title="Click to view my LinkedIn profile">connect on linkedin</a></dd>
+      <dd><a href="http://twitter.com/tysongach" target="blank" title="Click to view my Twitter page">follow on twitter</a></dd>
+      <dd><a href="http://www.flickr.com/photos/tysongach/" target="blank" title="Click to view my Flickr page">view on flickr</a></dd>
+      <dd><a href="http://vimeo.com/tysongach" target="blank" title="Click to view my Vimeo page">watch on vimeo</a></dd>
+      <dd><a href="http://www.facebook.com/tyson.gach" target="blank" title="Click to view my Facebook page">or befriend on facebook</a></dd>
+    </dl>
+
+  <div style="clear:both;"></div>
+  </div>
+  </div>
+
+    <div class="push"></div>
+  </div>
+  <div class="footer">
+    <p>Copyright &copy 2008&mdash;2009</p>
+  </div>
+
+<script type="text/javascript">
+var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+</script>
+<script type="text/javascript">
+try {
+var pageTracker = _gat._getTracker("UA-10749088-1");
+pageTracker._trackPageview();
+} catch(err) {}</script>
+
+</body>
+</html>
diff --git a/css/galleriffic.css b/css/galleriffic.css
@@ -0,0 +1,132 @@
+div.content {
+	/* The display of content is enabled by a javascript generated style on the page.
+	   This is so that the slideshow content won't display unless javascript is enabled. */
+	display: none;
+	float:left;
+	width:588px; 
+}
+div.content a, div.navigation a {
+	text-decoration: none;
+	color: #666666;
+}
+div.content  a:focus, div.content  a:hover, div.content  a:active {
+	/*text-decoration: underline;*/
+	color:#F77104
+}
+div.controls {
+	margin-top: 12px;
+	height: 23px;
+}
+div.controls a {
+	padding: 5px;
+}
+div.ss-controls {
+	float: left;
+}
+div.nav-controls {
+	float: right;
+}
+
+div.loader {
+	background-image: url(../images/loader.gif);
+	background-repeat: no-repeat;
+	background-position: center;
+	width: 550px;
+	height: 350px
+}
+div.slideshow {
+	clear: both;
+}
+div.slideshow span.image-wrapper {
+	float: left;
+	padding-bottom: 12px;
+}
+div.slideshow a.advance-link {
+	padding: 2px;
+	display: block;
+	border: 1px solid #ccc;
+}
+div.slideshow img {
+	border: none;
+	display: block;
+}
+div.download {
+	float: right;
+	font-size:1.4em;
+}
+div.embox {
+	clear: both;
+	border: 1px solid #ccc;
+	/*background-color: #eee;*/
+	padding: 12px;
+}
+div.image-title {
+	/*font-weight: bold;*/
+	font-size: 1.4em;
+}
+
+div.image-desc {
+	line-height: 1.3em;
+	padding-top: 12px;
+}
+div.navigation {
+	width:250px;
+	/* The navigation style is set by a javascript generated style on the page.
+	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
+}
+ul.thumbs {
+	clear: both;
+	margin-left:20px;
+	padding: 0;
+}
+ul.thumbs li {
+	float: left;
+	padding: 0;
+	margin: 5px 10px 5px 0;
+	list-style: none;
+}
+a.thumb {
+	padding: 2px;
+	display: block;
+	border: 1px solid #ccc;
+}
+ul.thumbs li.selected a.thumb {
+	background: #666666;
+}
+a.thumb:focus {
+	outline: none;
+}
+ul.thumbs img {
+	border: none;
+	display: block;
+}
+div.pagination {
+	clear: both;
+	margin-left:20px;
+}
+div.navigation div.top {
+	margin-bottom: 12px;
+	height: 11px;
+}
+div.navigation div.bottom {
+	margin-top: 12px;
+}
+div.pagination a, div.pagination span.current {
+	display: block;
+	float: left;
+	margin-right: 2px;
+	padding: 4px 7px 2px 7px;
+	font-size:15px;
+	/*border: 1px solid #A0A0A0;*/
+}
+div.pagination a:hover {
+	/*background-color: #eee;
+	text-decoration: none;*/
+	color:#F77104;
+}
+div.pagination span.current {
+	/*font-weight: bold;
+	background-color: #A0A0A0;
+	border-color: #A0A0A0;*/
+	color: #A0A0A0;
+}
diff --git a/css/reset.css b/css/reset.css
@@ -0,0 +1,46 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-weight: inherit;
+	font-style: inherit;
+	font-size: 100%;
+	font-family: inherit;
+	vertical-align: baseline;
+}
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+body {
+	line-height: 1;
+	color: black;
+	background: white;
+}
+ol, ul {
+	list-style: none;
+}
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: separate;
+	border-spacing: 0;
+}
+caption, th, td {
+	text-align: left;
+	font-weight: normal;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: "";
+}
+blockquote, q {
+	quotes: "" "";
+}