mahuntington
/
mahuntington.github.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

changes

Browse Source
master
Matt Huntington 9 years ago
parent 1c503aa5c5
commit 472c39c813
9 changed files with 190 additions and 213 deletions
Show Stats Download Patch File Download Diff File

8
assets/js/main.js
Unescape View File

@ -134,10 +134,10 @@
// Nav Panel. // Nav Panel.
// Toggle. // Toggle.
$navPanelToggle = $( // $navPanelToggle = $(
'<a href="#navPanel" id="navPanelToggle">Menu</a>' // '<a href="#navPanel" id="navPanelToggle">Menu</a>'
) // )
.appendTo($wrapper); // .appendTo($wrapper);
// Change toggle styling once we've scrolled past the header. // Change toggle styling once we've scrolled past the header.
$header.scrollex({ $header.scrollex({

BIN
images/04-7.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 237 KiB

BIN
images/DSN_2039.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 MiB

BIN
images/DSN_2081.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 MiB

BIN
images/IMG_0318.JPG
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 262 KiB

BIN
images/IMG_0323.JPG
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 365 KiB

BIN
images/bg.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 396 KiB

After

Width:  |  Height:  |  Size: 282 KiB

BIN
images/bg_old.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 396 KiB

181
index.html
Unescape View File

@ -1,28 +1,27 @@
<!DOCTYPE HTML> <!DOCTYPE HTML>
<!-- <!--
Massively by HTML5 UP Massively by HTML5 UP
html5up.net | @ajlkn html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
--> -->
<html> <html>
<head> <head>
<title>Massively by HTML5 UP</title> <title>Matt Huntington: Musician, Composer, Arranger, Educator</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" /> <link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head> </head>
<body class="is-loading"> <body class="is-loading">
<!-- Wrapper --> <!-- Wrapper -->
<div id="wrapper" class="fade-in"> <div id="wrapper" class="fade-in">
<!-- Intro --> <!-- Intro -->
<div id="intro"> <div id="intro">
<h1>This is<br /> <h1>Matt Huntington</h1>
Massively</h1> <p>Musician, specializing in woodwinds (saxophones, flutes, clarinets)</p>
<p>A free, fully responsive HTML5 + CSS3 site template designed by <a href="https://twitter.com/ajlkn">@ajlkn</a> for <a href="https://html5up.net">HTML5 UP</a><br /> <p>Composer, Arranger, and Educator</p>
and released for free under the <a href="https://html5up.net/license">Creative Commons license</a>.</p>
<ul class="actions"> <ul class="actions">
<li><a href="#header" class="button icon solo fa-arrow-down scrolly">Continue</a></li> <li><a href="#header" class="button icon solo fa-arrow-down scrolly">Continue</a></li>
</ul> </ul>
@ -30,41 +29,24 @@
<!-- Header --> <!-- Header -->
<header id="header"> <header id="header">
<a href="index.html" class="logo">Massively</a> <a href="#top" class="logo">Top</a>
</header> </header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a href="index.html">This is Massively</a></li>
<li><a href="generic.html">Generic Page</a></li>
<li><a href="elements.html">Elements Reference</a></li>
</ul>
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main --> <!-- Main -->
<div id="main"> <div id="main">
<!-- Featured Post --> <!-- Featured Post -->
<article class="post featured"> <article class="post featured">
<header class="major"> <header class="major">
<span class="date">April 25, 2017</span> <h2>About</h2>
<h2><a href="#">And this is a<br /> <a href="#" class="image main"><img src="images/04-7.jpg" alt="" /></a>
massive headline</a></h2> <p>
<p>Aenean ornare velit lacus varius enim ullamcorper proin aliquam<br /> Within only a few short years of moving to northern Westchester, Matt Huntington has become a highly sought-after musician in the Westchester/Putnam/Dutchess area of NY. Specializing jazz peformance, Matt plays Soprano, Alto, Tenor, and Baritone saxophones. A versatile doubler, Matt frequently plays in pit bands for musicals on clarinet (Eb, Bb, and bass) and flute (concert, alto, and piccolo). Matt has played with such legends as Gary Smulyan, Eric Alexander, Paquito D’Rivera, Robin Eubanks, Roy Hargrove, Jimmy Heath, Steve Wilson, and many many more.
facilisis ante sed etiam magna interdum congue. Lorem ipsum dolor<br /> </p>
amet nullam sed etiam veroeros.</p> <p>
Matt was born in Philadelphia, where he studied with local greats Lynn Riley, Charles Bowen, Lovett Hines, and Charles Evans. He attended Vassar College in Poughkeepsie, NY, where he studied with Ed Xiques, David Castiglione, Jim Osborn, and Brian Mann. After graduating, he lived in Brooklyn and Queens, NY, studying with Gary Smulyan, Eddie Salkin, George Garzone, and many others. In 2013, Matt received his Masters in Music from SUNY Purchase, after two years spent studying with greats like Jon Faddis, Eric Alexander, and John Abercrombie.
</p>
</header> </header>
<a href="#" class="image main"><img src="images/pic01.jpg" alt="" /></a>
<ul class="actions">
<li><a href="#" class="button big">Full Story</a></li>
</ul>
</article> </article>
<!-- Posts --> <!-- Posts -->
@ -72,91 +54,85 @@
<article> <article>
<header> <header>
<span class="date">April 24, 2017</span> <span class="date">April 24, 2017</span>
<h2><a href="#">Sed magna<br /> <h2>East of the Sun</h2>
ipsum faucibus</a></h2>
</header> </header>
<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a> <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/296763192&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p> <p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
<ul class="actions">
<li><a href="#" class="button">Full Story</a></li>
</ul>
</article> </article>
<article> <article>
<header> <header>
<span class="date">April 22, 2017</span> <span class="date">April 24, 2017</span>
<h2><a href="#">Primis eget<br /> <h2>Down the Block</h2>
imperdiet lorem</a></h2>
</header> </header>
<a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a> <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/296763184&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p> <p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
<ul class="actions">
<li><a href="#" class="button">Full Story</a></li>
</ul>
</article> </article>
<article> <article>
<header> <header>
<span class="date">April 18, 2017</span> <span class="date">April 24, 2017</span>
<h2><a href="#">Ante mattis<br /> <h2>Invitation</h2>
interdum dolor</a></h2>
</header> </header>
<a href="#" class="image fit"><img src="images/pic04.jpg" alt="" /></a> <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/296763179&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p> <p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
<ul class="actions">
<li><a href="#" class="button">Full Story</a></li>
</ul>
</article> </article>
<article> <article>
<header> <header>
<span class="date">April 14, 2017</span> <span class="date">April 24, 2017</span>
<h2><a href="#">Tempus sed<br /> <h2>Black Nile</h2>
nulla imperdiet</a></h2>
</header> </header>
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a> <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/296753493&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p> <p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
<ul class="actions">
<li><a href="#" class="button">Full Story</a></li>
</ul>
</article> </article>
<article> <article>
<header> <header>
<span class="date">April 11, 2017</span> <span class="date">April 24, 2017</span>
<h2><a href="#">Odio magna<br /> <h2>Rhythm-a-Ning</h2>
sed consectetur</a></h2>
</header> </header>
<a href="#" class="image fit"><img src="images/pic06.jpg" alt="" /></a> <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/296763180&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p> <p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
<ul class="actions">
<li><a href="#" class="button">Full Story</a></li>
</ul>
</article> </article>
<article> <article>
<header> <header>
<span class="date">April 7, 2017</span> <span class="date">April 24, 2017</span>
<h2><a href="#">Augue lorem<br /> <h2>Wish</h2>
primis vestibulum</a></h2>
</header> </header>
<a href="#" class="image fit"><img src="images/pic07.jpg" alt="" /></a> <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/296753482&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
</article>
<article>
<header>
<span class="date">April 24, 2017</span>
<h2>Bear Mountain Bridge</h2>
</header>
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/292439881&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
</article>
<article>
<header>
<span class="date">April 24, 2017</span>
<h2>Tenor Madness</h2>
</header>
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/292439880&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
</article>
<article>
<header>
<span class="date">April 24, 2017</span>
<h2>Polkadots and Moonbeams</h2>
</header>
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/292439862&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
</article>
<article>
<header>
<span class="date">April 24, 2017</span>
<h2>Falling in Love with Love</h2>
</header>
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/292439853&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p> <p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
<ul class="actions">
<li><a href="#" class="button">Full Story</a></li>
</ul>
</article> </article>
</section> </section>
<!-- Footer -->
<footer>
<div class="pagination">
<!--<a href="#" class="previous">Prev</a>-->
<a href="#" class="page active">1</a>
<a href="#" class="page">2</a>
<a href="#" class="page">3</a>
<span class="extra">&hellip;</span>
<a href="#" class="page">8</a>
<a href="#" class="page">9</a>
<a href="#" class="page">10</a>
<a href="#" class="next">Next</a>
</div>
</footer>
</div> </div>
@ -184,24 +160,22 @@
<section class="split contact"> <section class="split contact">
<section class="alt"> <section class="alt">
<h3>Address</h3> <h3>Address</h3>
<p>1234 Somewhere Road #87257<br /> <p>Lake Peekskill, NY</p>
Nashville, TN 00000-0000</p>
</section> </section>
<section> <section>
<h3>Phone</h3> <h3>Phone</h3>
<p><a href="#">(000) 000-0000</a></p> <p><a href="tel:917-757-5387">(917) 757-5387</a></p>
</section> </section>
<section> <section>
<h3>Email</h3> <h3>Email</h3>
<p><a href="#">info@untitled.tld</a></p> <p><a href="mailto:matt.huntington@gmail.com">matt.huntington@gmail.com</a></p>
</section> </section>
<section> <section>
<h3>Social</h3> <h3>Social</h3>
<ul class="icons alt"> <ul class="icons alt">
<li><a href="#" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li> <li><a href="https://twitter.com/matthuntington" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li> <li><a href="https://www.facebook.com/matt.huntington1" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li> <li><a href="https://www.instagram.com/mahuntington/" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon alt fa-github"><span class="label">GitHub</span></a></li>
</ul> </ul>
</section> </section>
</section> </section>
@ -209,7 +183,10 @@
<!-- Copyright --> <!-- Copyright -->
<div id="copyright"> <div id="copyright">
<ul><li>&copy; Untitled</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li></ul> <ul>
<li>&copy; 2017 Matt Huntington</li>
<li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
</ul>
</div> </div>
</div> </div>
@ -222,5 +199,5 @@
<script src="assets/js/util.js"></script> <script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script> <script src="assets/js/main.js"></script>
</body> </body>
</html> </html>
Write Preview
Loading…
Cancel
Save