#wovenmagic | Explore Tumblr Posts and Blogs

faithmorgan-blog1 · 8 years

Text

Back to Woven

Wovenmagazing.com uses a combination of html, css, and javascript. Javascript is used to hover over the images and videos. Html is used for the basic heading.

<!DOCTYPE html> <html> <head> <title>Woven Magazine Home - Woven Magazine</title>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <meta name="google-site-verification" content="kC5zZYuTYfLYjilxG2Xnx55AL6nlCP8wLsRAqjm98Kk" />  <link rel="stylesheet" href="http://wovenmagazine.com/content/themes/woven/assets/css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.3.7/slick.css" media="screen"> <link rel="stylesheet" href="http://wovenmagazine.com/content/themes/woven/assets/css/style.css" type="text/css" media="screen">  <script type="text/javascript" src="//use.typekit.net/vvy4byc.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <link rel="stylesheet" href="http://wovenmagazine.com/content/themes/woven/assets/fonts/1701-VIRBBV.css"> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">  <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js" type="text/javascript" charset="utf-8"></script>

<meta name="description" content="Woven Magazine exists to celebrate artists, craftsmen and women, and makers alike to share their stories of fear and triumph, risk and return."/> <meta name="robots" content="noodp"/> <link rel="canonical" href="http://wovenmagazine.com/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Home - Woven Magazine" /> <meta property="og:description" content="Woven Magazine exists to celebrate artists, craftsmen and women, and makers alike to share their stories of fear and triumph, risk and return." /> <meta property="og:url" content="http://wovenmagazine.com/" /> <meta property="og:site_name" content="Woven Magazine" /> <meta property="og:image" content="http://wovenmagazine.com/content/uploads/2014/08/Woven_Facebook_Home.jpg" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:description" content="Woven Magazine exists to celebrate artists, craftsmen and women, and makers alike to share their stories of fear and triumph, risk and return." /> <meta name="twitter:title" content="Home - Woven Magazine" /> <meta name="twitter:site" content="@wovenmag" /> <meta name="twitter:image" content="http://wovenmagazine.com/content/uploads/2014/08/Woven_Facebook_Home.jpg" /> <meta name="twitter:creator" content="@wovenmag" /> <script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"WebSite","@id":"#website","url":"http:\/\/wovenmagazine.com\/","name":"Woven Magazine","potentialAction":{"@type":"SearchAction","target":"http:\/\/wovenmagazine.com\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script>

ga('create', 'UA-56369510-1', 'auto'); ga('send', 'pageview'); </script></head> <body id="woven" class="woven loading"> <div class="loader"> <div class="loader-text"> <h1><img src="http://wovenmagazine.com/content/themes/woven/assets/svg/logo.svg" width="250" alt="woven" /></h1> <img src="http://wovenmagazine.com/content/themes/woven/assets/images/Retina_Load5B.gif" width="78" alt="" /> </div> <nav id="primary-navigation" class="primary-navigation fixed"> <ul class="site group"> <li> <mark>.01</mark> <a href="http://wovenmagazine.com/story/">Stories</a> </li> <li> <mark>.02</mark> <a href="http://wovenmagazine.com/film/">Films</a> </li> <li> <mark>.03</mark> <a href="http://wovenmagazine.com/about/">About</a> </li> <li> <mark>.04</mark> <a href="http://wovenmagazine.com/blog/">Blog</a> </li> <li> <mark>.05</mark> <a href="http://wovenmagazine.com/contact/">Contact</a> </li> </ul> <a href="http://wovenmagazine.com/interview/" class="button button-green interview">Request Interview</a> <ul class="social"> <li><a href="https://twitter.com/wovenmag">twitter</a></li> <li><a href="https://www.facebook.com/wovenmagazine?ref=hl">facebook</a></li> <li><a href="http://instagram.com/wovenmagazine">instagram</a></li> </ul> </nav> <aside id="primary-search" class="primary-search"> <form action="http://wovenmagazine.com"> <input type="text" name="s" class="text" placeholder="Search Woven + Hit Enter"><button class="submit"><i class="fa fa-angle-right"></i></button> <input type="hidden" name="post_type" value="story"> <p>press <em>(ESC)</em> to close</p> </form> </aside> <aside id="intro" class="intro">

<div id="intro-slides" class="slides"> <article class="slide" style="background:url(http://wovenmagazine.com/content/uploads/2016/11/00a_forage_horizontal.jpg) no-repeat center center;background-size:cover;"> <header> <h1><a href="http://wovenmagazine.com/story/first-time-forager/">Chanterelle Hunting in Mount Baker, WA</a></h1> <a href="http://wovenmagazine.com/story/first-time-forager/" class="button">Read this Story</a> </header> </article> <article class="slide" style="background:url(http://wovenmagazine.com/content/uploads/2014/08/00b_cover-top.jpg) no-repeat center center;background-size:cover;"> <header> <h1><a href="http://wovenmagazine.com/story/insiders-look-issue-two-stage-wonder/">An Insider’s Look at Issue Two</a></h1> <a href="http://wovenmagazine.com/story/insiders-look-issue-two-stage-wonder/" class="button">Read this Story</a> </header> </article> </div>

</aside>

<div class="spacer"></div> <header id="main-header" class="main-header fixed active page"> <div class="container group"> <ul class="social"> <li><a href="https://www.pinterest.com/wovenmagazine/">pinterest</a></li> <li><a href="https://twitter.com/wovenmag">twitter</a></li> <li><a href="#" class="js-open-newsletter">stay in touch</a></li> </ul> <figure> <a href="http://wovenmagazine.com"><img src="http://wovenmagazine.com/content/themes/woven/assets/svg/logo.svg" class="logo" width="130" alt="Woven"></a> </figure> <nav class="actions"> <a href="#" class="js-search search x"> <img src="http://wovenmagazine.com/content/themes/woven/assets/images/icon-search.png" width="25" height="20" alt="Search" class="icon"> <div class="x-group"> <span class="line top"></span> <span class="line middle"></span> <span class="line bottom"></span> </div> </a> <a href="#" class="menu js-menu x"> <span class="line top"></span> <span class="line middle"></span> <span class="line bottom"></span> </a> </nav> </div> <div id="information-bar" class="information-bar" > <p><a href="http://wovenmagazine.squarespace.com/issue-one/issue-two-a-stage-for-wonder" target="_blank"><p>Click Here To Order Issue Two:<em> </em>A Stage for Wonder</p> </a></p> </div> </header> <div data-lazy="ajax-front-page"></div> <aside id="newsletter-popup" class="newsletter-popup"> <div class="box"> <a href="#newsletter-popup" class="close js-close"><?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24.2 24.2" enable-background="new 0 0 24.2 24.2" xml:space="preserve"> <g> <rect x="5.9" y="11.1" transform="matrix(0.7071 0.7071 -0.7071 0.7071 12.1116 -5.0166)" width="12.5" height="2"/> </g> <g> <rect x="11.1" y="5.9" transform="matrix(0.7071 0.7071 -0.7071 0.7071 12.1109 -5.0165)" width="2" height="12.5"/> </g> <g> <g> <path d="M12.1,24.2C5.4,24.2,0,18.8,0,12.1S5.4,0,12.1,0c6.7,0,12.1,5.4,12.1,12.1S18.8,24.2,12.1,24.2z M12.1,1C6,1,1,6,1,12.1 s5,11.1,11.1,11.1c6.1,0,11.1-5,11.1-11.1S18.2,1,12.1,1z"/> </g> </g> </svg> </a> <div class="signup"> <header class="header"> <h1>Follow Our Journey</h1> <img src="http://wovenmagazine.com/content/themes/woven/assets/images/newsletter.jpg" height="544" width="1152" alt=""> </header> <div class="content"> <p>Between our travels and telling the stories behind these extraordinary makers, there’s always something new to share. Get updates on who we’re meeting and where we’re headed next in our monthly newsletter!</p> </div> <form action="#" id="form-newsletter" class="form-newsletter"> <input type="text" name="data[EMAIL]" placeholder="enter your email" class="text rqrd"><input type="submit" value="Subscribe" class="submit button button-green"> <input type="hidden" name="action" value="wv_newsletter"> <input type="hidden" name="hnypt" value=":)" class="hnypt"> </form> </div> <div class="success"> <header class="header"> <h1>Thanks for subscribing</h1> </header> <div class="content"> <p>You’re all set. We will be in touch soon with a confirmation email.</p> </div> <a href="#newsletter-popup" class="button button-green js-close">done</a> </div> </div> </aside> </div> <div id="site-overlay" class="site-overlay"></div> <script type='text/javascript'> /* <![CDATA[ */ var wc_add_to_cart_params = {"ajax_url":"\/cms\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View Cart","cart_url":"http:\/\/wovenmagazine.com\/cart\/","is_cart":"","cart_redirect_after_add":"no"}; /* ]]> */ </script> <script type='text/javascript' src='//wovenmagazine.com/content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=2.6.13'></script> <script type='text/javascript' src='//wovenmagazine.com/content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.70'></script> <script type='text/javascript'> /* <![CDATA[ */ var woocommerce_params = {"ajax_url":"\/cms\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"}; /* ]]> */ </script> <script type='text/javascript' src='//wovenmagazine.com/content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=2.6.13'></script> <script type='text/javascript' src='//wovenmagazine.com/content/plugins/woocommerce/assets/js/jquery-cookie/jquery.cookie.min.js?ver=1.4.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var wc_cart_fragments_params = {"ajax_url":"\/cms\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","fragment_name":"wc_fragments"}; /* ]]> */ </script> <script type='text/javascript' src='//wovenmagazine.com/content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=2.6.13'></script> <script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/js-cookie/2.0.3/js.cookie.min.js?ver=4.7.2'></script> <script type='text/javascript' src='//cdn.jsdelivr.net/jquery.slick/1.3.7/slick.min.js?ver=4.7.2'></script> <script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.5/waypoints.min.js?ver=4.7.2'></script> <script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/fitvids/1.1.0/jquery.fitvids.min.js?ver=4.7.2'></script> <script type='text/javascript' src='http://wovenmagazine.com/cms/wp-includes/js/imagesloaded.min.js?ver=3.2.0'></script> <script type='text/javascript' src='http://wovenmagazine.com/cms/wp-includes/js/masonry.min.js?ver=3.3.2'></script> <script type='text/javascript'> /* <![CDATA[ */ var AJAX = {"url":"http:\/\/wovenmagazine.com\/cms\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type='text/javascript' src='http://wovenmagazine.com/content/themes/woven/assets/js/site.js?ver=4.7.2'></script> <script type='text/javascript' src='http://wovenmagazine.com/cms/wp-includes/js/wp-embed.min.js?ver=4.7.2'></script> </body> </html>

0 notes