index.html

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">

    <title>DAYTRIPPER || WEBZINE</title>

    <meta name="description" content="Daytripper is an interactive webzine that's all about the unique adventures that come from cheap and spontaneous forms of travel.">
    <meta name="author" content="DAYTRIPPER || CHRIS RIESNER">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<link rel="apple-touch-icon" href="dt-ios-icon.png"/>
    
    <link href="issue-001/assets/css/daytripper-global-no01.css" rel="stylesheet" >
    <link href="css/daytripper-homepage.css" rel="stylesheet" />
    <link href="css/jeffrey.css" rel="stylesheet" />
    <!-- <link href="css/reveal.css" rel="stylesheet" />  --> <!-- REVEAL framework styling -->


    <!--[if lt IE 9]>
    <script src="lib/js/html5shiv.js"></script>
    <![endif]-->
</head>

<body>
<div id="vs-container" class="vs-container">
    <!-- NAV -->
	<nav class="fix w-100 idx-100">  
        <div class="articles">           
            <a herf="#" id="stories_btn">INFO</a>            
            <ul>
                <li> <a class="about-btn" href="#"> ABOUT </a> </li>                
				<li class="separator">&nbsp;|&nbsp;</li>                     
                <li> <a href="#" class="subscribe-btn"> SUBSCRIBE </a> </li>
            </ul>
		</div>
         
        <ul class="home">     
            <li> 
                <a class="home" href="index.html"> DAYTRIPPER </a>
            </li>   
         </ul> <!-- /HOME -->
         
    	<hr class="double-line" />
    </nav> 
    <!-- /NAV -->
          
	<img id="masthead p0-img0" class="fix idx-20 mn-t-10 w-30 p-l-50" src="img/dt-homepage-stack-type.png" ><!-- /MASTHEAD LOGO -->
    
    <!-- About Overlay -->
    <section class="about-overlay fix">
        <div class="about">
            <p>Daytripper is an interactive webzine that's all about the unique adventures that come from cheap and spontaneous forms of travel.</p> 
            <br />
            <p>If you're intrested in learning more about this project, have intrest in contributing stories or if you just want to say hi, write us a 
                <a href="mailto:chris.riesner@gmail.com">NOTE</a>
            </p>
            <p>
                <a class="hide-btn spin-hover" href="#"></a>
            </p>
        </div> <!-- /ABOUT -->
    </section> <!-- /ABOUT OVERLAY -->
    
    <!-- Subscribe Overlay -->
    <section class="subscribe-overlay fix">
        <div class="about">
            <p>
    			Follow the <a href="https://www.facebook.com/daytripperZine" target="_new">DAYTRIPPER FACEBOOK</a> to get updates on new issue releases.
            </p>                
            <br />
            <p>
    			<div class="fb-follow" data-href="http://www.facebook.com/daytripperZine" data-colorscheme="light" data-layout="box_count" data-show-faces="false"></div>
            </p>
            <p>
            	<a class="hide-btn spin-hover" href="#"></a>
            </p>
 		</div> <!-- /ABOUT -->
	</section>  <!-- /SUBSCRIBE OVERLAY -->  

	<div class="vs-wrapper mn-r-l-auto h-100">        
        <!-- ISSUE No1-->
        <section id="section-1" class="full-h-w bg-blk">
    				<a class="" href="/issue-001/trackings-davis-alicia-greenleaf">
                		<img class="rel w-50 mn-l-10 mn-t-10" src="img/dt-no01-homepage-daytripper-mountain-adventure.png" alt="DAYTRIPPER No01 MOUNTAIN ADVENTURER" />      
                    </a>         		
        
                    <!--  SIDEBAR HOBOCODE  --> 
                    <div>
                        <a class="sidebar-button-hobocode spin-hover" href="#"></a>
                
                        <div class="sidebar-content-hobocode">
                            <img src="img/hobocode.png">
                            <!--  <img src="img/hobocode-square.png">-->
    					</div>
                    </div> <!--  / HOBOCODE  --> 

                    <!-- HOME TOC -->
                    <div class="toc-home-box abs p-r-0 p-t-25 w-auto">
                        <div class="toc-list">

        					 <a herf="#" class="toc-btn story toc" style="font-size:20px!important;">No&omicron;1</a>

                            <ul>
                                <a class="current" href="/issue-001/trackings-davis-alicia-greenleaf">
                                <li class="story issue" >ISSUE Noο1</li>
                                </a>
                            </ul>

                            <ul>
                                <a href="/issue-001/trackings-davis-alicia-greenleaf">
                                <li class="story toc story-responsive">TRACKINGS</li>
                                <li class="story-name toc">ALICIA GREENLEAF</li>
                                </a>
                            </ul>
            
                            <ul>
                                <a href="/issue-001/passages-sonora-riesnerxlondon">
                                <li class="story toc story-responsive">PASSAGES</li>
                                <li class="story-name toc">RIESNER &times; LONDON</li>
                                </a>
                            </ul>
            
                            <ul>
                                <a href="/issue-001/wayfinding-pacifica-riesner">
                                <li class="story toc story-responsive">WAYFINDING</li>
                                <li class="story-name toc">PACIFICA RIDGE</li>
                                </a>
                            </ul>
            
                            <ul>
                                <a href="/issue-001/partings-steve-franks">
                                <li class="story toc story-responsive">PARTINGS</li>
                                <li class="story-name toc">STEVE FRANKS</li>
                                </a>
                            </ul>
            
                       </div><!-- /TOC LIST -->
                    </div> <!-- /TOC HOME BOX-->
         </section> <!--/PAGE 0 --> 

        <!-- ISSUE No2-->
        <section id="section-2" class="full-h-w">
			
                <!-- <div class="coming-soon-overlay">
                </div>  -->
               
                <a class="fade" href="http://www.facebook.com/DaytripperZine.html">
                		<img id="" src="img/dt-no01-homepage-daytripper-beach-explorer.png" alt="DAYTRIPPER No02 MOUNTAIN ADVENTURER"/>      
                </a>
            
                <div class="toc-home-box">
                    <div class="toc-list">
    
    						 <a herf="http://www.facebook.com/daytripperZine" class="toc-btn story toc" style="font-size:20px!important;">N&ordm;ο2 &raquo; COMING SOON</a>


                         <ul>
                             <a class="current" href="#">
                             <li class="story issue"><del>ISSUE Noο2</del></li>
                             </a>
                         </ul>

                         <ul>
                             <a href="http://www.facebook.com/DaytripperZine">
                             <li class="story-name toc">COMING SOON</li>
                             <li class="story-name toc">SUBSCRIBE &raquo; FACEBOOK</li>
                             </a>
                         </ul>

    				</div><!-- /TOC LIST -->
                </div>
        </section> <!--/PAGE 0 ISSUE No1 --> 
    </div>
    <!-- ARROWS --> 
    <div class="direction vs-sidenav fix idx-100 mn-t-10 w-100 p-t-50">
        <a href="#section-1" id="prev-home" class="navigate-left enabled vs-sidenav-left"></a>
        <a href="#section-2" id="next" class="navigate-right enabled vs-sidenav-right"></a>
    </div> <!-- /DIRECTION -->
            
</div>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
    
    <script src="http://tympanus.net/Development/TripleViewLayout/js/classie.js"></script>
    <script src="http://tympanus.net/Development/TripleViewLayout/js/main.js"></script>

    <!-- // <script src="js/reveal.min.js"></script> -->
    <!-- // <script src="js/daytripper-global.js"></script> -->    <!--JS DAYTRIPPER GLOBAL-->
    <!-- // <script type="text/javascript" src="js/jquery.cycle.all.js"></script> --><!--TOC SLIDER CYCLE PLUGIN-->
    <script type="text/javascript" src="http://f.cl.ly/items/1V0H321S2j3r3y1D2m15/jquery.mousewheel.js"></script><!--MOUSEWHEEL JS-->

    <!--GOOGLE ANALYTICS -->
    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-46333945-1', 'daytriper.us');
    ga('send', 'pageview');
    </script>
	</body>
</html>