| @@ -7,3 +7,6 @@ $body-border-width: 1.8rem; | ||
|
|
||
| $max-width: 128rem; | ||
| $project-width: 45rem; | ||
|
|
||
| // Max number of items in a slider | ||
| $max: 15; | ||
| @@ -1 +1 @@ | ||
| <div class="row column"><section class="about"><div class="small-10 medium-8 large-6 column"><h2 class="title">Neutral Cycle</h2><h3>t-shirt design</h3><p>Im a graphic designer and artist. I have worked on projects that range from apps to large-scale murals, and from photography to print publications. I enjoy reading well designed magazines, cuddling with my cat and eating Turkish delights.<br><br>I will receive my BFA in Graphic Design in May 2016 from the University of Illinois at Urbana Champaign.</p></div></section><section class="process"><div class="row"><div class="small-12 columns"><img src="images/projects/8-to-create/8tocreate-headline.jpg" alt=""></div></div><div class="row"><div class="small-6 columns"><img src="images/projects/8-to-create/8tocreate-process-1.jpg" alt=""></div><div class="small-6 columns"><img src="images/projects/8-to-create/8tocreate-process-2.jpg" alt=""></div></div><div class="row"><div class="small-12 columns"><img src="images/projects/8-to-create/8tocreate-large.jpg" alt=""></div></div><div class="row"><div class="small-12 columns"><img src="images/projects/8-to-create/8tocreate-branding-1.jpg" alt=""></div></div><div class="row"><div class="small-12 columns"><img src="images/projects/8-to-create/8tocreate-branding-2.jpg" alt=""></div></div><div class="row"><div class="small-12 columns"><img src="images/projects/8-to-create/8tocreate-branding-3.jpg" alt=""></div></div><div class="row"><div class="small-12 columns"><img src="images/projects/8-to-create/8tocreate-branding-4.jpg" alt=""></div></div><div class="row"><div class="small-12 columns"><div id="slider1" class="csslider infinity"><input type="radio" name="slides" checked="checked" id="slides_1"> <input type="radio" name="slides" id="slides_2"> <input type="radio" name="slides" id="slides_3"> <input type="radio" name="slides" id="slides_4"> <input type="radio" name="slides" id="slides_5"> <input type="radio" name="slides" id="slides_6"> <input type="radio" name="slides" id="slides_7"> <input type="radio" name="slides" id="slides_8"> <input type="radio" name="slides" id="slides_9"> <input type="radio" name="slides" id="slides_10"> <input type="radio" name="slides" id="slides_11"> <input type="radio" name="slides" id="slides_12"><ul><li><img src="images/projects/8-to-create/8tocreate-show-0.jpg"></li><li><img src="images/projects/8-to-create/8tocreate-show-1.jpg"></li><li><img src="images/projects/8-to-create/8tocreate-show-2.jpg"></li><li><img src="images/projects/8-to-create/8tocreate-show-3.jpg"></li><li><img src="images/projects/8-to-create/8tocreate-show-4.jpg"></li><li><img src="images/projects/8-to-create/8tocreate-show-5.jpg"></li><li><img src="images/projects/8-to-create/8tocreate-show-6.jpg" alt=""></li><li><img src="images/projects/8-to-create/8tocreate-show-7.jpg" alt=""></li><li><img src="images/projects/8-to-create/8tocreate-show-8.jpg" alt=""></li><li><img src="images/projects/8-to-create/8tocreate-show-9.jpg" alt=""></li><li><img src="images/projects/8-to-create/8tocreate-show-10.jpg" alt=""></li><li><img src="images/projects/8-to-create/8tocreate-show-11.jpg" alt=""></li></ul><div class="arrows"><label for="slides_1"></label><label for="slides_2"></label><label for="slides_3"></label><label for="slides_4"></label><label for="slides_5"></label><label for="slides_6"></label><label for="slides_7"></label><label for="slides_8"></label><label for="slides_9"></label><label for="slides_10"></label><label for="slides_11"></label><label for="slides_12"></label><label for="slides_1" class="goto-first"></label><label for="slides_12" class="goto-last"></label></div><div class="navigation"><div><label for="slides_1"></label><label for="slides_2"></label><label for="slides_3"></label><label for="slides_4"></label><label for="slides_5"></label><label for="slides_6"></label><label for="slides_7"></label><label for="slides_8"></label><label for="slides_9"></label><label for="slides_10"></label><label for="slides_11"></label><label for="slides_12"></label></div></div></div></div></div></section><section class="project-footer row"><div class="small-5 medium-4 columns"><a href="#/bikenet"><h5>Previous</h5><h6>BikeNet</h6><img src="images/landing/BikeNet_Landing.jpg" alt=""></a></div><div class="small-2 medium-4 columns"><h5>Go to top</h5><h6>Neutral</h6></div><div class="small-5 medium-4 columns"><a href="#/louie"><h5>Next</h5><h6>Louie</h6><img src="images/landing/Louie_Landing.jpg" alt=""></a></div></section></div> |
| @@ -0,0 +1 @@ | ||
| <div class="row column"><section class="about"><div class="small-10 medium-8 large-6 column"><h2 class="title">Cahoot</h2><h3>t-shirt design</h3><p>Im a graphic designer and artist. I have worked on projects that range from apps to large-scale murals, and from photography to print publications. I enjoy reading well designed magazines, cuddling with my cat and eating Turkish delights.<br><br>I will receive my BFA in Graphic Design in May 2016 from the University of Illinois at Urbana Champaign.</p></div></section><section class="process"><div class="row"><div class="small-12 columns"><img src="images/projects/cahoot/cahoot-headline.jpg" alt=""></div></div><div class="row"><div class="small-12 columns"><img src="images/projects/cahoot/cahoot-logo.jpg" alt=""></div></div><div class="row"><div class="small-12 columns"><img src="images/projects/cahoot/cahoot-screens-1.jpg" alt=""></div></div><div class="row"><div class="small-12 columns"><img src="images/projects/cahoot/cahoot-screens-2.jpg" alt=""></div></div><div class="row"><div class="small-12 columns"><img src="images/projects/cahoot/cahoot-screens-3.jpg" alt=""></div></div><div class="row video-slider"><div class="small-12 columns"><div id="slider1" class="csslider infinity"><input type="radio" name="slides" checked="checked" id="slides_1"> <input type="radio" name="slides" id="slides_2"> <input type="radio" name="slides" id="slides_3"> <input type="radio" name="slides" id="slides_4"> <input type="radio" name="slides" id="slides_5"><ul><li><img src="images/projects/cahoot/cahoot_movie_1.gif"></li><li><img src="images/projects/cahoot/cahoot_movie_2.gif"></li><li><img src="images/projects/cahoot/cahoot_movie_3.gif"></li><li><img src="images/projects/cahoot/cahoot_movie_4.gif"></li><li><img src="images/projects/cahoot/cahoot_movie_5.gif"></li></ul><div class="arrows"><label for="slides_1"></label><label for="slides_2"></label><label for="slides_3"></label><label for="slides_4"></label><label for="slides_5"></label><label for="slides_1" class="goto-first"></label><label for="slides_5" class="goto-last"></label></div><div class="navigation"><div><label for="slides_1"></label><label for="slides_2"></label><label for="slides_3"></label><label for="slides_4"></label><label for="slides_5"></label></div></div></div></div></div></section><section class="project-footer row"><div class="small-5 medium-4 columns"><a href="#/no-strings-attached"><h5>Previous</h5><h6>No Strings Attached</h6><img src="images/landing/NSA_Landing.jpg" alt=""></a></div><div class="small-2 medium-4 columns"><h5>Go to top</h5><h6>Neutral</h6></div><div class="small-5 medium-4 columns"><a href="#/multiplex-monograph"><h5>Next</h5><h6>Multiplex Monograph</h6><img src="images/landing/MultiplexMonograph_Landing.jpg" alt=""></a></div></section></div> |
| @@ -0,0 +1 @@ | ||
| <div class="row column"><section class="about"><div class="small-10 medium-8 large-6 column"><h2 class="title">Louie</h2><h3>t-shirt design</h3><p>Im a graphic designer and artist. I have worked on projects that range from apps to large-scale murals, and from photography to print publications. I enjoy reading well designed magazines, cuddling with my cat and eating Turkish delights.<br><br>I will receive my BFA in Graphic Design in May 2016 from the University of Illinois at Urbana Champaign.</p></div></section><section class="process"><div class="row"><div class="small-12 columns"><img src="images/projects/louie/louie-headline.jpg" alt=""></div><div class="small-12 columns"><div id="slider1" class="csslider infinity"><input type="radio" name="slides" checked="checked" id="slides_1"> <input type="radio" name="slides" id="slides_2"> <input type="radio" name="slides" id="slides_3"> <input type="radio" name="slides" id="slides_4"> <input type="radio" name="slides" id="slides_5"> <input type="radio" name="slides" id="slides_6"> <input type="radio" name="slides" id="slides_7"> <input type="radio" name="slides" id="slides_8"> <input type="radio" name="slides" id="slides_9"> <input type="radio" name="slides" id="slides_10"> <input type="radio" name="slides" id="slides_11"> <input type="radio" name="slides" id="slides_12"> <input type="radio" name="slides" id="slides_13"> <input type="radio" name="slides" id="slides_14"><ul><li><img src="images/projects/louie/louie-1.jpg" alt=""></li><li><img src="images/projects/louie/louie-2.jpg" alt=""></li><li><img src="images/projects/louie/louie-3.jpg" alt=""></li><li><img src="images/projects/louie/louie-4.jpg" alt=""></li><li><img src="images/projects/louie/louie-5.jpg" alt=""></li><li><img src="images/projects/louie/louie-6.jpg" alt=""></li><li><img src="images/projects/louie/louie-7.jpg" alt=""></li><li><img src="images/projects/louie/louie-8.jpg" alt=""></li><li><img src="images/projects/louie/louie-9.jpg" alt=""></li><li><img src="images/projects/louie/louie-10.jpg" alt=""></li><li><img src="images/projects/louie/louie-11.jpg" alt=""></li><li><img src="images/projects/louie/louie-12.jpg" alt=""></li><li><img src="images/projects/louie/louie-13.jpg" alt=""></li><li><img src="images/projects/louie/louie-14.jpg" alt=""></li></ul><div class="arrows"><label for="slides_1"></label><label for="slides_2"></label><label for="slides_3"></label><label for="slides_4"></label><label for="slides_5"></label><label for="slides_6"></label><label for="slides_7"></label><label for="slides_8"></label><label for="slides_9"></label><label for="slides_10"></label><label for="slides_11"></label><label for="slides_12"></label><label for="slides_13"></label><label for="slides_14"></label><label for="slides_1" class="goto-first"></label><label for="slides_14" class="goto-last"></label></div><div class="navigation"><div><label for="slides_1"></label><label for="slides_2"></label><label for="slides_3"></label><label for="slides_4"></label><label for="slides_5"></label><label for="slides_6"></label><label for="slides_7"></label><label for="slides_8"></label><label for="slides_9"></label><label for="slides_10"></label><label for="slides_11"></label><label for="slides_12"></label><label for="slides_13"></label><label for="slides_14"></label></div></div></div></div></div></section><section class="project-footer row"><div class="small-5 medium-4 columns"><a href="#/8-to-create"><h5>Previous</h5><h6>8 to Create</h6><img src="images/landing/8toCREATE_Landing.jpg" alt=""></a></div><div class="hidden-on-small medium-4 columns"><h5>Go to top</h5><h6>Neutral</h6></div><div class="small-5 medium-4 columns"><a href="#/bonfires-at-ocretyre"><h5>Next</h5><h6>Bonfires at Ocretyre</h6><img src="images/landing/Bonfires_Landing.jpg" alt=""></a></div></section></div> |
| @@ -0,0 +1 @@ | ||
| <div class="row column"><section class="about"><div class="small-10 medium-8 large-6 column"><h2 class="title">Menace Ultimate Frisbee</h2><h3>t-shirt design</h3><p>Im a graphic designer and artist. I have worked on projects that range from apps to large-scale murals, and from photography to print publications. I enjoy reading well designed magazines, cuddling with my cat and eating Turkish delights.<br><br>I will receive my BFA in Graphic Design in May 2016 from the University of Illinois at Urbana Champaign.</p></div></section><section class="process"><div class="row"><div class="small-12 columns"><img src="images/projects/menace/menace-gif.gif" alt=""></div><div class="small-12 medium-6 columns"><img src="images/projects/menace/menace-logo-1.jpg" alt=""></div><div class="small-12 medium-6 columns"><img src="images/projects/menace/menace-logo-2.jpg" alt=""></div><div class="small-12 columns"><img src="images/projects/menace/menace-logo-3.jpg" alt=""></div><div class="small-12 columns"><img src="images/projects/menace/menace-logo-4.jpg" alt=""></div><div class="small-12 columns"><img src="images/projects/menace/menace-logo-5.jpg" alt=""></div></div></section><section class="project-footer row"><div class="small-5 medium-4 columns"><a href="#/bikenet"><h5>Previous</h5><h6>Neutral</h6><img src="images/landing/Tshirt_Landing.jpg" alt=""></a></div><div class="small-2 medium-4 columns"><h5>Go to top</h5><h6>Menace Ultimate Frisbee</h6></div><a href="#/bikenet"><h5>Next</h5><h6>BikeNet</h6><img src="images/landing/BikeNet_Landing.jpg" alt=""></a></section></div> |
| @@ -1 +1 @@ | ||
| <div class="row column"><section class="about"><div class="small-10 medium-8 large-6 column"><h2 class="title">Multiplex Monograph</h2><h3>t-shirt design</h3><p>Im a graphic designer and artist. I have worked on projects that range from apps to large-scale murals, and from photography to print publications. I enjoy reading well designed magazines, cuddling with my cat and eating Turkish delights.<br><br>I will receive my BFA in Graphic Design in May 2016 from the University of Illinois at Urbana Champaign.</p></div></section><section class="process"><div class="row"><div class="small-12 columns"><img src="images/projects/mm/multiplexmonograph-headline.jpg" alt=""></div><div class="small-12 columns"><div id="slider1" class="csslider infinity"><input type="radio" name="slides" checked="checked" id="slides_1"> <input type="radio" name="slides" id="slides_2"> <input type="radio" name="slides" id="slides_3"> <input type="radio" name="slides" id="slides_4"> <input type="radio" name="slides" id="slides_5"> <input type="radio" name="slides" id="slides_6"> <input type="radio" name="slides" id="slides_7"> <input type="radio" name="slides" id="slides_8"> <input type="radio" name="slides" id="slides_9"> <input type="radio" name="slides" id="slides_10"><ul><li><img src="images/projects/mm/multiplexmonograph-book-1.jpg" alt=""></li><li><img src="images/projects/mm/multiplexmonograph-book-2.jpg" alt=""></li><li><img src="images/projects/mm/multiplexmonograph-book-3.jpg" alt=""></li><li><img src="images/projects/mm/multiplexmonograph-book-4.jpg" alt=""></li><li><img src="images/projects/mm/multiplexmonograph-book-5.jpg" alt=""></li><li><img src="images/projects/mm/multiplexmonograph-book-6.jpg" alt=""></li><li><img src="images/projects/mm/multiplexmonograph-book-7.jpg" alt=""></li><li><img src="images/projects/mm/multiplexmonograph-book-8.jpg" alt=""></li><li><img src="images/projects/mm/multiplexmonograph-book-9.jpg" alt=""></li><li><img src="images/projects/mm/multiplexmonograph-book-10.jpg" alt=""></li></ul><div class="arrows"><label for="slides_1"></label><label for="slides_2"></label><label for="slides_3"></label><label for="slides_4"></label><label for="slides_5"></label><label for="slides_6"></label><label for="slides_7"></label><label for="slides_8"></label><label for="slides_9"></label><label for="slides_10"></label><label for="slides_1" class="goto-first"></label><label for="slides_10" class="goto-last"></label></div><div class="navigation"><div><label for="slides_1"></label><label for="slides_2"></label><label for="slides_3"></label><label for="slides_4"></label><label for="slides_5"></label><label for="slides_6"></label><label for="slides_7"></label><label for="slides_8"></label><label for="slides_9"></label><label for="slides_10"></label></div></div></div></div></div></section><section class="project-footer row"><div class="small-5 medium-4 columns"><a href="#/cahoot"><h5>Previous</h5><h6>Cahoot</h6><img src="images/landing/Cahoot_Landing.jpg" alt=""></a></div><div class="hidden-on-small medium-4 columns"><h5>Go to top</h5><h6>Multiplex Monograph</h6></div><div class="small-5 medium-4 columns"><a href="#/neutral"><h5>Next</h5><h6>Neutral</h6><img src="images/landing/Tshirt_Landing.jpg" alt=""></a></div></section></div> |
