|
|
| Line 1: |
Line 1: |
| - | {{Team:Technion-Israel/Technion-Israel-skel.css}}
| |
| - | {{Team:Technion-Israel/Technion-Israel-style.css}}
| |
| - | {{Team:Technion-Israel/Technion-Israel-style-desktop.css}}
| |
| - | {{Team:Technion-Israel/Technion-Israel-jquery.min.js}}
| |
| - | {{Team:Technion-Israel/Technion-Israel-skel.min.js}}
| |
| - | {{Team:Technion-Israel/Technion-Israel-skel-layers.min.js}}
| |
| - | {{Team:Technion-Israel/Technion-Israel-init.js}}
| |
| - | {{Team:Technion-Israel/Technion-Israel-stylegallery.css}}
| |
| | | | |
| - | <html>
| |
| - | <head>
| |
| - |
| |
| - | <title>Safie by Technion-Israel</title>
| |
| - | <meta http-equiv="content-type" content="text/html; charset=utf-8" />
| |
| - | <meta name="description" content="" />
| |
| - | <meta name="keywords" content="" />
| |
| - | <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
| |
| - | <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
| |
| - | <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
| |
| - |
| |
| - |
| |
| - | <style>
| |
| - | .gamma-loading {
| |
| - | background-image: none;
| |
| - | }
| |
| - |
| |
| - | #globalWrapper {
| |
| - | possition: absolute;
| |
| - | top:-40px;
| |
| - | }
| |
| - |
| |
| - | #bodyContent style ~ p{
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | #content {
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | margin: 0 0 0 0px;
| |
| - | padding: 0 0 0 0px;
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #top-section {
| |
| - | border: none;
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | margin: 0 0 0 0;
| |
| - | padding: 0 0 0 0;
| |
| - | border: none;}
| |
| - |
| |
| - | body {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | background: none;
| |
| - | }
| |
| - |
| |
| - | #menubar {
| |
| - | font-size: 100%;
| |
| - | top: 0px;
| |
| - | height: 100%;
| |
| - | background:none;
| |
| - | possition: absolute;
| |
| - | top: 10px;
| |
| - | }
| |
| - | .left-menu:hover {
| |
| - | background-color: transparent;}
| |
| - | #menubar li a {
| |
| - | background-color: transparent;}
| |
| - | #menubar:hover {
| |
| - | color: white;
| |
| - | }
| |
| - | #menubar li a {
| |
| - | color: transparent;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - | #menubar:hover li a {
| |
| - | color: white;}
| |
| - | #menubar li a:hover {
| |
| - | color: #e04749;}
| |
| - |
| |
| - | /* Removes "teams" from the menubar */
| |
| - | #menubar > ul > li:last-child {
| |
| - | display: none;}
| |
| - |
| |
| - | /* scale back up to a sane default */
| |
| - | #globalWrapper {
| |
| - | position: relative;
| |
| - | font-size: 100%;
| |
| - | width: 100%;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | padding-bottom: 0px;
| |
| - | }
| |
| - | .visualClear {
| |
| - | clear: both;
| |
| - | }
| |
| - |
| |
| - | html #bodyContent pre {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | contentSub {
| |
| - | height: 0px;
| |
| - | }
| |
| - |
| |
| - | .editExternally {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .back-to-top {
| |
| - | position: fixed;
| |
| - | bottom: 0em;
| |
| - | right: 0.5em;
| |
| - | background-color: rgba(135, 135, 135, 0.70);
| |
| - | text-decoration: none;
| |
| - | color: #000000;
| |
| - | display: none;
| |
| - | border-radius: 100px;
| |
| - | padding-bottom: 25px;
| |
| - | margin-bottom: -25px;
| |
| - | z-index: 1000;
| |
| - | }
| |
| - |
| |
| - | #nav ul .sub1 {
| |
| - | background-color: rgba(4,99,129,0.9);
| |
| - | }
| |
| - |
| |
| - | p {
| |
| - | color: #919499;
| |
| - | }
| |
| - |
| |
| - | #bodyContent a[href ^="https://"], .link-https {
| |
| - | background: none;
| |
| - | }
| |
| - |
| |
| - | a:visited {
| |
| - | color: #e04749;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | </style>
| |
| - | <!--/Back to top code bit #1-->
| |
| - |
| |
| - | </head>
| |
| - |
| |
| - |
| |
| - | <body class="no-sidebar">
| |
| - |
| |
| - | <!-- Header -->
| |
| - | <div id="header-wrapperP" class="wrapperP">
| |
| - | <div id="header">
| |
| - |
| |
| - | <!-- Logo -->
| |
| - | <div id="logo">
| |
| - | <h1 style="color: #ebebeb">The Team</h1>
| |
| - | <h2 style="color: #ebebeb"><br>"Talent wins games, but teamwork and intelligence wins championships." --Michael Jordan</h2>
| |
| - | </div>
| |
| - |
| |
| - | <!-- Nav -->
| |
| - | <nav id="nav">
| |
| - |
| |
| - | <ul>
| |
| - | <li id="parent"><a href="https://2014.igem.org/Team:Technion-Israel">Home</a></li>
| |
| - | <li id="parent">
| |
| - | <a href="https://2014.igem.org/Team:Technion-Israel/Project">Project</a>
| |
| - | <ul class="sub1">
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Project#idea">The idea</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Project#howitworks">How it works</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Project#alpha">Alpha System</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Project#beta">Beta System</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Project#rna">RNA splint</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Project#azo">Azobenzene</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Project#hk">Histidine Kinase</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Project#newmethod">New Method</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Project#experiments">Experiments</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Project#protocol">Protocols</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Project#notebook">Lab Notebook</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Project#safety">Safety</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li id="parent"><a href="https://2014.igem.org/Team:Technion-Israel/Modeling">Modeling</a>
| |
| - | <ul class="sub1">
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Modeling#whyworks">Why should it work</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Modeling#whyfail">Why should it fail</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Modeling#splint">RNA Splint</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Modeling#biofilm">Synthetic Biofilm<br>Formation</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li id="parent">
| |
| - | <a href="https://2014.igem.org/Team:Technion-Israel/HP">Policy & Practices</a>
| |
| - | <ul class="sub1">
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/HP#3lang">SynBio in 3 Languages</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/HP#highschool">iGEM High Schools</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/HP#lectures">SynBio Lectures</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/HP#collab">Collaborations</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/HP#art">Art</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li id="parent">
| |
| - | <a href="https://2014.igem.org/Team:Technion-Israel/Team">The Team</a>
| |
| - | <ul class="sub1">
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Team#members">Members</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Team#mentors">Mentors</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Team#gallery">Gallery</a></li>
| |
| - | <li id="child1"><a href="https://igem.org/Team.cgi?id=1343" target="_blank">Official Team<br>Profile</a></li>
| |
| - | <li id="child1"><a href="https://www.facebook.com/iGEM2014.Technion" target="_blank">Official Facebook<br>Page</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li id="parent">
| |
| - | <a href="https://2014.igem.org/Team:Technion-Israel/Support">Special Thanks</a>
| |
| - | <ul class="sub1">
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Support#headstart">Headstart Supporters</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Support#attributions">Attributions</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Support#sponsors">Sponsors</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li id="parent">
| |
| - | <a href="https://2014.igem.org/Team:Technion-Israel/Judging">Judging</a>
| |
| - | <ul class="sub1">
| |
| - | <li id="child1"><a href="https://igem.org/2014_Judging_Form?id=1343" target="_blank">Judging Form</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Judging#results">Results</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Judging#biobrick">BioBricks</a></li>
| |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Judging#criteria">Judging Criteria</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li style="vertical-align: bottom; height=50px;"><a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/8/8b/Technion-Israel-igem.png"></a></li>
| |
| - | </ul>
| |
| - | </nav>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <!-- Main -->
| |
| - | <div class="wrapper style2">
| |
| - | <div class="title" id="members">Team Members</div>
| |
| - | <div id="main" class="container">
| |
| - |
| |
| - | <div id="content">
| |
| - | <article class="box post">
| |
| - | <div class="feature-list">
| |
| - | <div class="row">
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/a/a9/Technion-Israel-rebecca.jpg">
| |
| - | <h3>Rebecca Feldman</h3>
| |
| - | <p class="captain">Captain</p>
| |
| - | <p class="Lab">Lab</p>
| |
| - | <p class="Marketing">Marketing</p>
| |
| - | <p>iGEM was a great way for me to end my Bachelor's degree in Biotechnology and Food Engineering. I've learned a lot (mostly from my own stupid mistakes) and had fun. When I'm not in the lab transforming bacteria, I enjoy mountain biking and playing board games. I really don't have a clue what I'm going to do once iGEM is over. I'll probably spend lots of time with my husband who I've barely seen since iGEM took over my summer.</p>
| |
| - | </section>
| |
| - | </div>
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/a/ae/Technion-Israel-karen.jpg">
| |
| - | <h3>Karen Joseph</h3>
| |
| - | <p class="wiki">Head of Wiki</p>
| |
| - | <p class="Lab">Lab</p>
| |
| - | <p class="Marketing">Marketing</p>
| |
| - | <p class="design">Design</p>
| |
| - | <p class="creative">Creative</p>
| |
| - | <p>I've just now finished my Bachelor's degree in Biotechnology and Food Engineering (B.Sc.) and will be starting my career as a food engineer. The iGEM competition gave me the chance to be creative and learn many new skills. I've discovered my strengths and weaknesses and have proved to myself that I can be a team player and can also lead a team<br><strong>Contact me:</strong> karenjoseph89@gmail.com or by <a href="https://www.facebook.com/karen.joseph" target="_blank" style="color: #717479">FB</a><br></p>
| |
| - | </section>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="row">
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/4/43/Technion-Israel-shira.jpg">
| |
| - | <h3>Shira Attias</h3>
| |
| - | <p class="Lab">Head of Lab</p>
| |
| - | <p class="Marketing">Marketing</p>
| |
| - | <p>I've just finished my Bachelor's degree in Biotechnology and Food Engineering (B.Sc.) and these days, I'm starting my Master's degree in Medical Science (M.Sc.). Joining the iGEM competition taught me a lot about research and synthetic biology but above all, I learned about myself, how to be a great team member and to utilize myself to achieve our wishful goals.</p>
| |
| - | </section>
| |
| - | </div>
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/6/63/Technion-Israel-ronen.jpg">
| |
| - | <h3>Ronen Ben Jehuda</h3>
| |
| - | <p class="Lab">Lab</p>
| |
| - | <p class="Marketing">Head of Marketing</p>
| |
| - | <p>Haveing finished my bachelor's degree in Biotechnology and Food Engineering (B.Sc.) I've started my studies at the Technion's graduate school. The essence of the iGEM competition for me is the development and establishment of a startup company. Besides lab work and science knowledge, it gave me the tools of marketing and the chance to believe in an idea and push it forward to success.</p>
| |
| - | </section>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="row">
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/b/b4/Technion-Israel-alex.jpg">
| |
| - | <h3>Alex Ereskovsky</h3>
| |
| - | <p class="Lab">Lab</p>
| |
| - | <p class="HP">Human Practice</p>
| |
| - | <p>I just finished my bachelor's degree in Biotechnology and Food Engineering (B.Sc) and will begin my research in drug delivery. When working on our project in the iGEM competition I learned many things about myself and about interacting in a group. I met some amazing people, whom I wouldn't get to know otherwise and I'm grateful for this amazing experience. PS I also found out I was too clumsy for those tiny PCR tubes.<br><strong>Contact me:</strong> sashy236@gmail.com
| |
| - | </p>
| |
| - | </section>
| |
| - | </div>
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/c/cb/Technion-Israel-noa.jpg">
| |
| - | <h3>Noa Kupfer</h3>
| |
| - | <p class="Lab">Lab</p>
| |
| - | <p class="HP">Head of Human Practice</p>
| |
| - | <p>I've just finished my last year as a Bachelor's student of Biotechnology and Food Engineering (B.Sc.) and I'm going to start my Masters's degree in a few months. While working on the iGEM project I have learned many new things about Synthetic Biology and the world of research in general. The project was a great challenge for me but I'm really glad for the chance to experience it.</p>
| |
| - | </section>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - | <div class="row">
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/0/08/Technion-Israel-rica.jpg">
| |
| - | <h3>Ricarina Rabinovitz</h3>
| |
| - | <p class="Lab">Lab</p>
| |
| - | <p class="HP">Human Practice</p>
| |
| - | <p class="Marketing">Marketing</p>
| |
| - | <p class="modeling">Modeling</p>
| |
| - | <p class="creative">Creative</p>
| |
| - | <p>I'm about to finish my undergraduate studies in the department of Biotechnology and Food Engineering (B.Sc.).
| |
| - | To me, iGEM was a sobering experience: it meant peeking out of the undergraduate crib, and catching a glimpse of the real world. Apart from the scientific facet (brainstorming, working in the lab) I've learned a lot about my own abilities.
| |
| - | Instead of trying to match up to other peoples' skills, I learned how to identify and harness my own unique strengths (such as my crazy imagination!), while conquering my weaknesses. Another important thing that I learned, is how to work as part of a team (each team member has his own unique perceptions and ideas)- while enjoying the company of some great minds!
| |
| - | I am truly grateful for this experience!<br> <strong>Contact me:</strong> hasmamit@gmail.com</p>
| |
| - | </section>
| |
| - | </div>
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/5/52/Technion-Israel-tal.jpg">
| |
| - | <h3>Tal Naor</h3>
| |
| - | <p class="Lab">Lab</p>
| |
| - | <p class="modeling">Modeling</p>
| |
| - | <p class="HP">Human Practice</p>
| |
| - | <p>I have just finished my undergraduate studies in the department of Biotechnology and Food Engineering (B.Sc.). Currently, I am starting my graduate studies in the field of microbiology and quantitative Biology (M.Sc.) at the Technion's department of Biology.
| |
| - | iGEM gave me the opportunity to undergo a full study process, from defining a problem, to designing a solution as well as modeling and working in the lab. During my participation in iGEM I have discovered the great potential of combining quantitative studies with traditional and innovative biological methods.</p>
| |
| - | </section>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="row">
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/f/fd/Technion-Israel-faris.jpg">
| |
| - | <h3>Faris Horani</h3>
| |
| - | <p class="Lab">Lab</p>
| |
| - | <p class="modeling">Modeling</p>
| |
| - | <p>Hello, I'm a fourth year student at the Technion Institute of Technology, I am studying Biochemical Engineering and Chemistry Science. I am fascinated by engineering-science interplay. I decided to join the iGEM competition because I felt that this would be the only chance I would get in my B.Sc. career to prove that the combination between nano-chemistry and synthetic biology can lead to solving critical problems that would not be able to be solved by these fields separately.
| |
| - | Apart from my educational interests, I would like to play an important role in a comeback of Breaking Bad and to make some "safe" chemistry stuff.</p>
| |
| - | </section>
| |
| - | </div>
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/f/f4/Technion-Israel-ittai.jpg">
| |
| - | <h3>Ittai Rubinstein</h3>
| |
| - | <p class="Lab">Lab</p>
| |
| - | <p class="modeling">Head of Modeling</p>
| |
| - | <p>You know nothing [about me], Jon Snow, so keep reading...
| |
| - | I have just now finished my bachelor's degrees in Mathematics, Physics and Computer Science. Through the iGEM competition, I have gained important experience in independent research, as well as in teamwork and collaboration. I have also had the chance to learn a completely new field (Biotechnology) on my own, and to implement some of my ideas in this field. Also, I really like Game of Thrones, so:
| |
| - | Mathematics is coming. A Physicist always pays his debts. Family, Duty, Computer Science.<br> <strong>Contact me:</strong> ittainumber1@gmail.com
| |
| - | </p>
| |
| - | </section>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="row">
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/e/e1/Technion-Israel-yair.jpg">
| |
| - | <h3>Yair Maimon</h3>
| |
| - | <p class="creative">Creative</p>
| |
| - | <p class="Marketing">Marketing</p>
| |
| - | <p class="wiki">wiki</p>
| |
| - | <p class="modeling">Modeling</p>
| |
| - | <p>I might only be finishing my second year of my Bachelor's degree in Physics (B.Sc.) now, but thanks to the iGEM competition I had the chance to get my hands dirty in various advanced topics such as bio-physical statistics, computational physics and developing and testing my own physical models.
| |
| - | My passion for learning and experiencing new fields of knowledge is what led me to participate in iGEM and thanks to this amazing opportunity I completely fell in love with synthetic biology!<br>
| |
| - | <strong>Contact me:</strong> maimon.ya@gmail.com</p>
| |
| - | </section>
| |
| - | </div>
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/c/c5/Technion-Israel-avi.jpg">
| |
| - | <h3>Avi Ben Zaken</h3>
| |
| - | <p class="Marketing">Marketing</p>
| |
| - | <p class="design">Art Director</p>
| |
| - | <p class="creative">Creative</p>
| |
| - | <p class="wiki">wiki</p>
| |
| - | <p>I am a fourth-year student Visual Communication at Wizo Academy of Design and Education in Haifa. I have been drawing and photographing for as long as I can remember. In the past I studied a degree in biology. I find the field of Synthetic Biology fascinating and wanted to participate in iGEM and contribute my utmost to this project and give it an artistic flair.<br><strong>Contact me:</strong> avib26@gmail.com or by <a href="https://www.facebook.com/Avisphoto" target="_blank">FB</a></p>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | </article>
| |
| - |
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <!-- Highlights -->
| |
| - | <div class="wrapper style3">
| |
| - | <div class="title" id="mentors">Mentors</div>
| |
| - | <center>
| |
| - | <h1 style="font-size:1.5em">The Synthetic Biology Laboratory for the Decipherment of Genomic Codes</h1>
| |
| - | <p style="font-size:1.25em">Roee Amit, Department of Biotechnology and Food Engineering, Technion</p>
| |
| - | <p>Dr Amit's group is focused on constructing "Synthetic Enhancer Circuits" for a variety of applications and research objectives.<br>The group's primary purpose is to decipher basic enhancer design principles using a variety of microscopy, molecular engineering, and theoretical approaches,<br> including new synthetic biology tools developed in the lab.</p>
| |
| - | <div id="highlights" class="container">
| |
| - | <div class="feature-list">
| |
| - | <div class="row">
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/4/41/Technion-Israel-roee.jpg">
| |
| - | <h3><br>Dr. Roee Amit</h3>
| |
| - | <p class="captain">Principal Investigator</p>
| |
| - | <p>Dr Amit received his undergraduate degree in Applied and Engineering Physics from Cornell University in 1994. After a short a stint in the IDF, he carried out his graduate studies on the interactions of proteins and DNA at the single molecule level in the Weizmann Institute of Science under the supervision of Prof. Joel Stavans, completing his Ph.D in 2004. In 2006, he moved to Caltech, where he specialized in Synthetic Biology working as a post-doctoral scholar in collaboration with Prof. Scott Fraser, Frances Arnold, and Rob Phillips. In 2011, Dr Amit returned to Israel with a Senior Lecturer (Assistant Professor) appointment to start the Technion's first Synthetic Biology research lab.</p>
| |
| - | </section>
| |
| - | </div>
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/0/0f/Technion-Israel-orna.jpg">
| |
| - | <h3><br>Dr. Orna Atar</h3>
| |
| - | <p class="captain">Lab manager</p>
| |
| - | <p><b>Orna is our all-capable master! She always gives usful advice in science, marketing, design and just about everything! There is no question she can't answer.</b><br>
| |
| - | I'm the lab manager in Roee Amit's lab. I have a PhD in human molecular genetics and biochemistry from the Sackler Faculty of Medicine in Tel Aviv University. I love the concept of iGEM, doing your own research so early in your science career! Synthetic biology is the coolest thing in biology – being able to play with all the knowledge gained until now and create new tools for better understanding biology and creating new applications is FUN!</p>
| |
| - | </section>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="row">
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/6/6c/Technion-Israel-inbal.jpg">
| |
| - | <h3><br>Inbal Vaknin</h3>
| |
| - | <p>I'm a M.Sc student in the lab. My main interest is gene regulation in yeast. As part of my M.Sc, I'm working on expressing bacterial genes in yeast for the purpose of innovative gene regulation inside the yeast's nucleus.
| |
| - | I recieved my B.Sc degree from the Biotechnology and Food engineering Faculty in the Technion.
| |
| - | Disclosure about myself: In 2013, I participated in the iGEM contest and I was a part of the very first team from the Technion (and so in Israel), which was my first experience in the fascinating synthetic biology world.</p>
| |
| - | </section>
| |
| - | </div>
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/d/d9/Technion-Israel-lior.jpg">
| |
| - | <h3><br>Lior Levy</h3>
| |
| - | <p>I'm a Master student in the lab, I received my B.Sc from the faculty of Biotechnology and Food Engineering at the Technion. I was part of the first iGEM group from the Technion (and Israel) and now I'm one of the new iGEM team mentor. I'm interested in Two Component Systems and especially how to use them in order to make novelty synthetic biology circuits. On my spare time I like to dub cartoons and narrate everything I read.</p>
| |
| - | </section>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="row">
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/d/d5/Technion-Israel-michal.jpg">
| |
| - | <h3><br>Michal Brunwasser</h3>
| |
| - | <p>I’m a PhD student in the lab and I’m interested in many aspects of synthetic biology. Currently I’m working on synthetic bacterial enhancers in order to gain insight on the regulatory code encoded within natural enhancers. I received my B.Sc. in Life Sciences from the Hebrew University in Jerusalem in 2006 and my M.Sc. degree in Biology from the Technion in 2010.</p>
| |
| - | </section>
| |
| - | </div>
| |
| - | <div class="6u">
| |
| - | <section>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/c/cb/Technion-Israel-noa-katz.jpg">
| |
| - | <h3><br>Noa Katz</h3>
| |
| - | <p>I received my first degree summa cum laude from the Faculty of Biotechnology and Food Engineering in the Technion, and went straight to a PhD degree, as a part of the special doctorate program. I'm interested in many aspects of synthetic biology, mainly because of its engineering-like approach to biology; such as the reprogramming of cells that can cause them to re-grow a tissue, or to act as an analytic micro-robot. In order to know how to program living cells, the way we do electrical components, we need to understand how certain processes in biology actually work. Currently, I’m working on the transcription characterization and the creation of RNA-protein structures in vivo. On a more personal note, I like to read, play chess, and eat vanilla flavored pancakes.</p>
| |
| - | </section>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <!-- Footer -->
| |
| - | <div class="wrapper style2">
| |
| - | <div class="title" id="gallery">Gallery</div>
| |
| - | <div id="footer" class="container">
| |
| - | <header class="style1">
| |
| - | <div class="container">
| |
| - |
| |
| - |
| |
| - | <div class="main">
| |
| - |
| |
| - | <div class="gamma-container gamma-loading" id="gamma-container">
| |
| - |
| |
| - | <ul class="gamma-gallery">
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/6/67/Technion-Israel-xxxlarge_%2844%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/3/3a/Technion-Israel-xxlarge_%2844%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/0/01/Technion-Israel-xlarge_%2844%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/f/fa/Technion-Israel-large_%2844%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/b/bf/Technion-Israel-medium_%2844%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/7/7e/Technion-Israel-small_%2844%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/1/1f/Technion-Israel-xsmall_%2844%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/1/1f/Technion-Israel-xsmall_%2844%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/e/e5/Technion-Israel-xxxlarge_%282%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/d/d4/Technion-Israel-xxlarge_%282%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/5/5e/Technion-Israel-xlarge_%282%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/f/f5/Technion-Israel-large_%282%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/6/6b/Technion-Israel-medium_%282%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/4/45/Technion-Israel-small_%282%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/e/ea/Technion-Israel-xsmall_%282%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/e/ea/Technion-Israel-xsmall_%282%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/1/1b/Technion-Israel-xxxlarge_%2824%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/f/f6/Technion-Israel-xxlarge_%2824%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/1/19/Technion-Israel-xlarge_%2824%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/5/56/Technion-Israel-large_%2824%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/a/a8/Technion-Israel-medium_%2824%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/c/ca/Technion-Israel-small_%2824%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/d/dd/Technion-Israel-xsmall_%2824%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/d/dd/Technion-Israel-xsmall_%2824%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/c/c2/Technion-Israel-xxxlarge_%2830%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/f/f6/Technion-Israel-xxlarge_%2830%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/2/2f/Technion-Israel-xlarge_%2830%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/7/7b/Technion-Israel-large_%2830%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/f/fe/Technion-Israel-medium_%2830%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/4/45/Technion-Israel-small_%2830%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/e/ef/Technion-Israel-xsmall_%2830%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/e/ef/Technion-Israel-xsmall_%2830%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/e/e2/Technion-Israel-xxxlarge_%2843%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/6/69/Technion-Israel-xxlarge_%2843%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/c/cf/Technion-Israel-xlarge_%2843%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/8/86/Technion-Israel-large_%2843%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/c/c4/Technion-Israel-medium_%2843%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/0/00/Technion-Israel-small_%2843%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/5/50/Technion-Israel-xsmall_%2843%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/5/50/Technion-Israel-xsmall_%2843%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/d/de/Technion-Israel-xxxlarge_%2823%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/2/2b/Technion-Israel-xxlarge_%2823%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/b/b9/Technion-Israel-xlarge_%2823%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/4/49/Technion-Israel-large_%2823%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/b/ba/Technion-Israel-medium_%2823%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/e/ed/Technion-Israel-small_%2823%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/a/ab/Technion-Israel-xsmall_%2823%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/a/ab/Technion-Israel-xsmall_%2823%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/7/72/Technion-Israel-xxxlarge_%287%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/0/0a/Technion-Israel-xxlarge_%287%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/4/46/Technion-Israel-xlarge_%287%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/8/82/Technion-Israel-large_%287%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/b/b1/Technion-Israel-medium_%287%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/0/06/Technion-Israel-small_%287%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/b/b0/Technion-Israel-xsmall_%287%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/b/b0/Technion-Israel-xsmall_%287%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/0/0c/Technion-Israel-xxxlarge_%2833%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/0/08/Technion-Israel-xxlarge_%2833%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/7/7b/Technion-Israel-xlarge_%2833%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/2/2a/Technion-Israel-large_%2833%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/7/71/Technion-Israel-medium_%2833%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/3/39/Technion-Israel-small_%2833%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/2/25/Technion-Israel-xsmall_%2833%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/2/25/Technion-Israel-xsmall_%2833%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/5/52/Technion-Israel-xxxlarge_%288%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/3/3d/Technion-Israel-xxlarge_%288%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/4/46/Technion-Israel-xlarge_%288%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/a/a8/Technion-Israel-large_%288%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/4/41/Technion-Israel-medium_%288%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/d/dc/Technion-Israel-small_%288%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/e/e1/Technion-Israel-xsmall_%288%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/e/e1/Technion-Israel-xsmall_%288%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/0/0d/Technion-Israel-xxxlarge_%2835%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/8/80/Technion-Israel-xxlarge_%2835%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/8/89/Technion-Israel-xlarge_%2835%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/0/0a/Technion-Israel-large_%2835%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/4/4a/Technion-Israel-medium_%2835%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/4/4a/Technion-Israel-medium_%2835%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/1/15/Technion-Israel-xsmall_%2835%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/1/15/Technion-Israel-xsmall_%2835%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/4/4d/Technion-Israel-xxxlarge_%2836%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/7/7f/Technion-Israel-xxlarge_%2836%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/4/4b/Technion-Israel-xlarge_%2836%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/8/81/Technion-Israel-large_%2836%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/f/f7/Technion-Israel-medium_%2836%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/f/f0/Technion-Israel-small_%2836%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/4/46/Technion-Israel-xsmall_%2836%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/4/46/Technion-Israel-xsmall_%2836%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/5/58/Technion-Israel-xxxlarge_%2822%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/2/21/Technion-Israel-xxlarge_%2822%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/d/de/Technion-Israel-xlarge_%2822%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/b/b9/Technion-Israel-large_%2822%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/c/c1/Technion-Israel-medium_%2822%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/1/13/Technion-Israel-small_%2822%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/2/27/Technion-Israel-xsmall_%2822%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/2/27/Technion-Israel-xsmall_%2822%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/1/19/Technion-Israel-xxxlarge_%2810%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/0/07/Technion-Israel-xxlarge_%2810%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/e/ee/Technion-Israel-xlarge_%2810%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/7/76/Technion-Israel-large_%2810%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/0/02/Technion-Israel-medium_%2810%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/4/4b/Technion-Israel-small_%2810%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/8/8a/Technion-Israel-xsmall_%2810%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/8/8a/Technion-Israel-xsmall_%2810%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/7/78/Technion-Israel-xxxlarge_%2811%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/8/8c/Technion-Israel-xxlarge_%2811%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/f/f1/Technion-Israel-xlarge_%2811%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/c/c6/Technion-Israel-large_%2811%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/2/2c/Technion-Israel-medium_%2811%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/8/8d/Technion-Israel-small_%2811%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/c/c9/Technion-Israel-xsmall_%2811%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/c/c9/Technion-Israel-xsmall_%2811%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/c/cc/Technion-Israel-xxxlarge_%2816%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/a/af/Technion-Israel-xxlarge_%2816%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/3/39/Technion-Israel-xlarge_%2816%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/5/56/Technion-Israel-large_%2816%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/8/8c/Technion-Israel-medium_%2816%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/b/b7/Technion-Israel-small_%2816%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/0/0c/Technion-Israel-xsmall_%2816%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/0/0c/Technion-Israel-xsmall_%2816%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/6/65/Technion-Israel-xxxlarge_%2812%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/6/69/Technion-Israel-xxlarge_%2812%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/a/a3/Technion-Israel-xlarge_%2812%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/0/0d/Technion-Israel-large_%2812%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/6/69/Technion-Israel-medium_%2812%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/5/54/Technion-Israel-small_%2812%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/4/49/Technion-Israel-xsmall_%2812%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/4/49/Technion-Israel-xsmall_%2812%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/0/0a/Technion-Israel-xxxlarge_%2813%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/a/a9/Technion-Israel-xxlarge_%2813%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/1/17/Technion-Israel-xlarge_%2813%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/d/d3/Technion-Israel-large_%2813%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/1/1a/Technion-Israel-medium_%2813%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/c/cb/Technion-Israel-small_%2813%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/9/99/Technion-Israel-xsmall_%2813%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/9/99/Technion-Israel-xsmall_%2813%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/7/79/Technion-Israel-xxxlarge_%2815%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/1/16/Technion-Israel-xxlarge_%2815%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/f/f5/Technion-Israel-xlarge_%2815%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/6/64/Technion-Israel-large_%2815%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/b/bb/Technion-Israel-medium_%2815%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/1/15/Technion-Israel-small_%2815%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/8/82/Technion-Israel-xsmall_%2815%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/8/82/Technion-Israel-xsmall_%2815%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/f/f8/Technion-Israel-xxxlarge_%2839%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/8/85/Technion-Israel-xxlarge_%2839%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/2/2a/Technion-Israel-xlarge_%2839%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/8/8e/Technion-Israel-large_%2839%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/e/eb/Technion-Israel-medium_%2839%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/a/a4/Technion-Israel-small_%2839%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/1/16/Technion-Israel-xsmall_%2839%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/1/16/Technion-Israel-xsmall_%2839%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/6/6c/Technion-Israel-xxxlarge_%2838%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/1/16/Technion-Israel-xxlarge_%2838%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/1/17/Technion-Israel-xlarge_%2838%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/6/64/Technion-Israel-large_%2838%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/e/e6/Technion-Israel-medium_%2838%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/a/a9/Technion-Israel-small_%2838%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/a/a5/Technion-Israel-xsmall_%2838%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/a/a5/Technion-Israel-xsmall_%2838%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/a/a6/Technion-Israel-xxxlarge_%2840%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/4/40/Technion-Israel-xxlarge_%2840%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/7/75/Technion-Israel-xlarge_%2840%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/6/6c/Technion-Israel-large_%2840%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/e/e1/Technion-Israel-medium_%2840%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/e/e3/Technion-Israel-small_%2840%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/f/f7/Technion-Israel-xsmall_%2840%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/f/f7/Technion-Israel-xsmall_%2840%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/b/b2/Technion-Israel-xxxlarge_%2841%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/6/68/Technion-Israel-xxlarge_%2841%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/f/fa/Technion-Israel-xlarge_%2841%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/0/0c/Technion-Israel-large_%2841%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/6/62/Technion-Israel-medium_%2841%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/9/9b/Technion-Israel-small_%2841%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/6/67/Technion-Israel-xsmall_%2841%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/6/67/Technion-Israel-xsmall_%2841%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li>
| |
| - | <div data-alt="img03" data-description="<h3> </h3>" data-max-width="1800" data-max-height="1350">
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/a/a6/Technion-Israel-xxxlarge_%2842%29.jpg" data-min-width="1300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/0/01/Technion-Israel-xxlarge_%2842%29.jpg" data-min-width="1000"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/4/43/Technion-Israel-xlarge_%2842%29.jpg" data-min-width="700"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/3/36/Technion-Israel-large_%2842%29.jpg" data-min-width="300"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/8/89/Technion-Israel-medium_%2842%29.jpg" data-min-width="200"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/1/15/Technion-Israel-small_%2842%29.jpg" data-min-width="140"></div>
| |
| - | <div data-src="https://static.igem.org/mediawiki/2014/6/6e/Technion-Israel-xsmall_%2842%29.jpg"></div>
| |
| - | <noscript>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/6/6e/Technion-Israel-xsmall_%2842%29.jpg" alt="img03"/>
| |
| - | </noscript>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - | </ul>
| |
| - |
| |
| - |
| |
| - | <div class="gamma-overlay">
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <!--<div id="loadmore" class="loadmore">Example for loading more items...</div>
| |
| - |
| |
| - |
| |
| - |
| |
| - | </div>-->
| |
| - |
| |
| - | </div><!--/main-->
| |
| - | </div>
| |
| - | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - |
| |
| - | $(function() {
| |
| - |
| |
| - | var GammaSettings = {
| |
| - | // order is important!
| |
| - | viewport : [ {
| |
| - | width : 1200,
| |
| - | columns : 5
| |
| - | }, {
| |
| - | width : 900,
| |
| - | columns : 4
| |
| - | }, {
| |
| - | width : 500,
| |
| - | columns : 3
| |
| - | }, {
| |
| - | width : 320,
| |
| - | columns : 2
| |
| - | }, {
| |
| - | width : 0,
| |
| - | columns : 2
| |
| - | } ]
| |
| - | };
| |
| - |
| |
| - | Gamma.init( GammaSettings, fncallback );
| |
| - |
| |
| - |
| |
| - | // Example how to add more items (just a dummy):
| |
| - |
| |
| - | var page = 0,
| |
| - | items = ['']
| |
| - |
| |
| - | function fncallback() {
| |
| - |
| |
| - | $( '#loadmore' ).show().on( 'click', function() {
| |
| - |
| |
| - | ++page;
| |
| - | var newitems = items[page-1]
| |
| - | if( page <= 1 ) {
| |
| - |
| |
| - | Gamma.add( $( newitems ) );
| |
| - |
| |
| - | }
| |
| - | if( page === 1 ) {
| |
| - |
| |
| - | $( this ).remove();
| |
| - |
| |
| - | }
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - | </header>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <!--Back to top code bit #2-->
| |
| - | <a href="#" class="back-to-top"><img src="https://static.igem.org/mediawiki/2014/a/a4/Technion-Israel-up_circular-64.png" width="64" height="64"></a>
| |
| - | <script>
| |
| - | jQuery(document).ready(function() {
| |
| - | var offset = 220;
| |
| - | var duration = 500;
| |
| - | jQuery(window).scroll(function() {
| |
| - | if (jQuery(this).scrollTop() > offset) {
| |
| - | jQuery('.back-to-top').fadeIn(duration);
| |
| - | } else {
| |
| - | jQuery('.back-to-top').fadeOut(duration);
| |
| - | }
| |
| - | });
| |
| - |
| |
| - | jQuery('.back-to-top').click(function(event) {
| |
| - | event.preventDefault();
| |
| - | jQuery('html, body').animate({scrollTop: 0}, duration);
| |
| - | return false;
| |
| - | })
| |
| - | });
| |
| - | </script>
| |
| - | <!--\Back to top code bit #2-->
| |
| - | <div id="copyright">
| |
| - | <ul>
| |
| - | <li><a href="https://www.facebook.com/iGEM2014.Technion" target="_blank"">Visit our Facebook page</a></li><li>© All rights reserved</li><!--<li>© Technion-Israel</li>--><li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a> & Technion_Israel Team</li><li>igem14il@gmail.com</li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - | <script>
| |
| - | ;window.Modernizr=function(a,b,c){function z(a){j.cssText=a}function A(a,b){return z(m.join(a+";")+(b||""))}function B(a,b){return typeof a===b}function C(a,b){return!!~(""+a).indexOf(b)}function D(a,b){for(var d in a){var e=a[d];if(!C(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,"function")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+o.join(d+" ")+d).split(" ");return B(b,"string")||B(b,"undefined")?D(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),E(e,b,c))}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["­",'<style id="s',h,'">',a,"</style>"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},x={}.hasOwnProperty,y;!B(x,"undefined")&&!B(x.call,"undefined")?y=function(a,b){return x.call(a,b)}:y=function(a,b){return b in a&&B(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e}),q.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:w(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},q.csstransitions=function(){return F("transition")};for(var G in q)y(q,G)&&(v=G.toLowerCase(),e[v]=q[G](),t.push((e[v]?"":"no-")+v));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)y(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},z(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+l().join().replace(/\w+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),j||p(a,c),a}var c=a.html5||{},d=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,f,g="_html5shiv",h=0,i={},j;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.testProp=function(a){return D([a])},e.testAllProps=F,e.testStyles=w,e.prefixed=function(a,b,c){return b?F(a,b,c):F(a,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+t.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};
| |
| - |
| |
| - | (function(a,b,c){"use strict";var d=b.event,e;d.special.smartresize={setup:function(){b(this).bind("resize",d.special.smartresize.handler)},teardown:function(){b(this).unbind("resize",d.special.smartresize.handler)},handler:function(a,c){var d=this,f=arguments;a.type="smartresize",e&&clearTimeout(e),e=setTimeout(function(){b.event.handle.apply(d,f)},c==="execAsap"?0:50)}},b.fn.smartresize=function(a){return a?this.bind("smartresize",a):this.trigger("smartresize",["execAsap"])},b.Mason=function(a,c){this.element=b(c),this._create(a),this._init()},b.Mason.settings={isResizable:!0,isAnimated:!1,animationOptions:{queue:!1,duration:500},gutterWidth:0,isRTL:!1,isFitWidth:!1,containerStyle:{position:"relative"}},b.Mason.prototype={_filterFindBricks:function(a){var b=this.options.itemSelector;return b?a.filter(b).add(a.find(b)):a},_getBricks:function(a){var b=this._filterFindBricks(a).css({position:"absolute"}).addClass("masonry-brick");return b},_create:function(c){this.options=b.extend(!0,{},b.Mason.settings,c),this.styleQueue=[];var d=this.element[0].style;this.originalStyle={height:d.height||""};var e=this.options.containerStyle;for(var f in e)this.originalStyle[f]=d[f]||"";this.element.css(e),this.horizontalDirection=this.options.isRTL?"right":"left",this.offset={x:parseInt(this.element.css("padding-"+this.horizontalDirection),10),y:parseInt(this.element.css("padding-top"),10)},this.isFluid=this.options.columnWidth&&typeof this.options.columnWidth=="function";var g=this;setTimeout(function(){g.element.addClass("masonry")},0),this.options.isResizable&&b(a).bind("smartresize.masonry",function(){g.resize()}),this.reloadItems()},_init:function(a){this._getColumns(),this._reLayout(a)},option:function(a,c){b.isPlainObject(a)&&(this.options=b.extend(!0,this.options,a))},layout:function(a,b){for(var c=0,d=a.length;c<d;c++)this._placeBrick(a[c]);var e={};e.height=Math.max.apply(Math,this.colYs);if(this.options.isFitWidth){var f=0;c=this.cols;while(--c){if(this.colYs[c]!==0)break;f++}e.width=(this.cols-f)*this.columnWidth-this.options.gutterWidth}this.styleQueue.push({$el:this.element,style:e});var g=this.isLaidOut?this.options.isAnimated?"animate":"css":"css",h=this.options.animationOptions,i;for(c=0,d=this.styleQueue.length;c<d;c++)i=this.styleQueue[c],i.$el[g](i.style,h);this.styleQueue=[],b&&b.call(a),this.isLaidOut=!0},_getColumns:function(){var a=this.options.isFitWidth?this.element.parent():this.element,b=a.width();this.columnWidth=this.isFluid?this.options.columnWidth(b):this.options.columnWidth||this.$bricks.outerWidth(!0)||b,this.columnWidth+=this.options.gutterWidth,this.cols=Math.floor((b+this.options.gutterWidth)/this.columnWidth),this.cols=Math.max(this.cols,1)},_placeBrick:function(a){var c=b(a),d,e,f,g,h;d=Math.ceil(c.outerWidth(!0)/this.columnWidth),d=Math.min(d,this.cols);if(d===1)f=this.colYs;else{e=this.cols+1-d,f=[];for(h=0;h<e;h++)g=this.colYs.slice(h,h+d),f[h]=Math.max.apply(Math,g)}var i=Math.min.apply(Math,f),j=0;for(var k=0,l=f.length;k<l;k++)if(f[k]===i){j=k;break}var m={top:i+this.offset.y};m[this.horizontalDirection]=this.columnWidth*j+this.offset.x,this.styleQueue.push({$el:c,style:m});var n=i+c.outerHeight(!0),o=this.cols+1-l;for(k=0;k<o;k++)this.colYs[j+k]=n},resize:function(){var a=this.cols;this._getColumns(),(this.isFluid||this.cols!==a)&&this._reLayout()},_reLayout:function(a){var b=this.cols;this.colYs=[];while(b--)this.colYs.push(0);this.layout(this.$bricks,a)},reloadItems:function(){this.$bricks=this._getBricks(this.element.children())},reload:function(a){this.reloadItems(),this._init(a)},appended:function(a,b,c){if(b){this._filterFindBricks(a).css({top:this.element.height()});var d=this;setTimeout(function(){d._appended(a,c)},1)}else this._appended(a,c)},_appended:function(a,b){var c=this._getBricks(a);this.$bricks=this.$bricks.add(c),this.layout(c,b)},remove:function(a){this.$bricks=this.$bricks.not(a),a.remove()},destroy:function(){this.$bricks.removeClass("masonry-brick").each(function(){this.style.position="",this.style.top="",this.style.left=""});var c=this.element[0].style;for(var d in this.originalStyle)c[d]=this.originalStyle[d];this.element.unbind(".masonry").removeClass("masonry").removeData("masonry"),b(a).unbind(".masonry")}},b.fn.imagesLoaded=function(a){function h(){a.call(c,d)}function i(a){var c=a.target;c.src!==f&&b.inArray(c,g)===-1&&(g.push(c),--e<=0&&(setTimeout(h),d.unbind(".imagesLoaded",i)))}var c=this,d=c.find("img").add(c.filter("img")),e=d.length,f="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",g=[];return e||h(),d.bind("load.imagesLoaded error.imagesLoaded",i).each(function(){var a=this.src;this.src=f,this.src=a}),c};var f=function(b){a.console&&a.console.error(b)};b.fn.masonry=function(a){if(typeof a=="string"){var c=Array.prototype.slice.call(arguments,1);this.each(function(){var d=b.data(this,"masonry");if(!d){f("cannot call methods on masonry prior to initialization; attempted to call method '"+a+"'");return}if(!b.isFunction(d[a])||a.charAt(0)==="_"){f("no such method '"+a+"' for masonry instance");return}d[a].apply(d,c)})}else this.each(function(){var c=b.data(this,"masonry");c?(c.option(a||{}),c._init()):b.data(this,"masonry",new b.Mason(a,this))});return this}})(window,jQuery);
| |
| - |
| |
| - | (function() {
| |
| - |
| |
| - | var event = jQuery.event,
| |
| - |
| |
| - | //helper that finds handlers by type and calls back a function, this is basically handle
| |
| - | // events - the events object
| |
| - | // types - an array of event types to look for
| |
| - | // callback(type, handlerFunc, selector) - a callback
| |
| - | // selector - an optional selector to filter with, if there, matches by selector
| |
| - | // if null, matches anything, otherwise, matches with no selector
| |
| - | findHelper = function( events, types, callback, selector ) {
| |
| - | var t, type, typeHandlers, all, h, handle,
| |
| - | namespaces, namespace,
| |
| - | match;
| |
| - | for ( t = 0; t < types.length; t++ ) {
| |
| - | type = types[t];
| |
| - | all = type.indexOf(".") < 0;
| |
| - | if (!all ) {
| |
| - | namespaces = type.split(".");
| |
| - | type = namespaces.shift();
| |
| - | namespace = new RegExp("(^|\\.)" + namespaces.slice(0).sort().join("\\.(?:.*\\.)?") + "(\\.|$)");
| |
| - | }
| |
| - | typeHandlers = (events[type] || []).slice(0);
| |
| - |
| |
| - | for ( h = 0; h < typeHandlers.length; h++ ) {
| |
| - | handle = typeHandlers[h];
| |
| - |
| |
| - | match = (all || namespace.test(handle.namespace));
| |
| - |
| |
| - | if(match){
| |
| - | if(selector){
| |
| - | if (handle.selector === selector ) {
| |
| - | callback(type, handle.origHandler || handle.handler);
| |
| - | }
| |
| - | } else if (selector === null){
| |
| - | callback(type, handle.origHandler || handle.handler, handle.selector);
| |
| - | }
| |
| - | else if (!handle.selector ) {
| |
| - | callback(type, handle.origHandler || handle.handler);
| |
| - |
| |
| - | }
| |
| - | }
| |
| - |
| |
| - |
| |
| - | }
| |
| - | }
| |
| - | };
| |
| - |
| |
| - | /**
| |
| - | * Finds event handlers of a given type on an element.
| |
| - | * @param {HTMLElement} el
| |
| - | * @param {Array} types an array of event names
| |
| - | * @param {String} [selector] optional selector
| |
| - | * @return {Array} an array of event handlers
| |
| - | */
| |
| - | event.find = function( el, types, selector ) {
| |
| - | var events = ( $._data(el) || {} ).events,
| |
| - | handlers = [],
| |
| - | t, liver, live;
| |
| - |
| |
| - | if (!events ) {
| |
| - | return handlers;
| |
| - | }
| |
| - | findHelper(events, types, function( type, handler ) {
| |
| - | handlers.push(handler);
| |
| - | }, selector);
| |
| - | return handlers;
| |
| - | };
| |
| - | /**
| |
| - | * Finds all events. Group by selector.
| |
| - | * @param {HTMLElement} el the element
| |
| - | * @param {Array} types event types
| |
| - | */
| |
| - | event.findBySelector = function( el, types ) {
| |
| - | var events = $._data(el).events,
| |
| - | selectors = {},
| |
| - | //adds a handler for a given selector and event
| |
| - | add = function( selector, event, handler ) {
| |
| - | var select = selectors[selector] || (selectors[selector] = {}),
| |
| - | events = select[event] || (select[event] = []);
| |
| - | events.push(handler);
| |
| - | };
| |
| - |
| |
| - | if (!events ) {
| |
| - | return selectors;
| |
| - | }
| |
| - | //first check live:
| |
| - | /*$.each(events.live || [], function( i, live ) {
| |
| - | if ( $.inArray(live.origType, types) !== -1 ) {
| |
| - | add(live.selector, live.origType, live.origHandler || live.handler);
| |
| - | }
| |
| - | });*/
| |
| - | //then check straight binds
| |
| - | findHelper(events, types, function( type, handler, selector ) {
| |
| - | add(selector || "", type, handler);
| |
| - | }, null);
| |
| - |
| |
| - | return selectors;
| |
| - | };
| |
| - | event.supportTouch = "ontouchend" in document;
| |
| - |
| |
| - | $.fn.respondsTo = function( events ) {
| |
| - | if (!this.length ) {
| |
| - | return false;
| |
| - | } else {
| |
| - | //add default ?
| |
| - | return event.find(this[0], $.isArray(events) ? events : [events]).length > 0;
| |
| - | }
| |
| - | };
| |
| - | $.fn.triggerHandled = function( event, data ) {
| |
| - | event = (typeof event == "string" ? $.Event(event) : event);
| |
| - | this.trigger(event, data);
| |
| - | return event.handled;
| |
| - | };
| |
| - | /**
| |
| - | * Only attaches one event handler for all types ...
| |
| - | * @param {Array} types llist of types that will delegate here
| |
| - | * @param {Object} startingEvent the first event to start listening to
| |
| - | * @param {Object} onFirst a function to call
| |
| - | */
| |
| - | event.setupHelper = function( types, startingEvent, onFirst ) {
| |
| - | if (!onFirst ) {
| |
| - | onFirst = startingEvent;
| |
| - | startingEvent = null;
| |
| - | }
| |
| - | var add = function( handleObj ) {
| |
| - |
| |
| - | var bySelector, selector = handleObj.selector || "";
| |
| - | if ( selector ) {
| |
| - | bySelector = event.find(this, types, selector);
| |
| - | if (!bySelector.length ) {
| |
| - | $(this).delegate(selector, startingEvent, onFirst);
| |
| - | }
| |
| - | }
| |
| - | else {
| |
| - | //var bySelector = event.find(this, types, selector);
| |
| - | if (!event.find(this, types, selector).length ) {
| |
| - | event.add(this, startingEvent, onFirst, {
| |
| - | selector: selector,
| |
| - | delegate: this
| |
| - | });
| |
| - | }
| |
| - |
| |
| - | }
| |
| - |
| |
| - | },
| |
| - | remove = function( handleObj ) {
| |
| - | var bySelector, selector = handleObj.selector || "";
| |
| - | if ( selector ) {
| |
| - | bySelector = event.find(this, types, selector);
| |
| - | if (!bySelector.length ) {
| |
| - | $(this).undelegate(selector, startingEvent, onFirst);
| |
| - | }
| |
| - | }
| |
| - | else {
| |
| - | if (!event.find(this, types, selector).length ) {
| |
| - | event.remove(this, startingEvent, onFirst, {
| |
| - | selector: selector,
| |
| - | delegate: this
| |
| - | });
| |
| - | }
| |
| - | }
| |
| - | };
| |
| - | $.each(types, function() {
| |
| - | event.special[this] = {
| |
| - | add: add,
| |
| - | remove: remove,
| |
| - | setup: function() {},
| |
| - | teardown: function() {}
| |
| - | };
| |
| - | });
| |
| - | };
| |
| - | })(jQuery);
| |
| - | (function($){
| |
| - | var isPhantom = /Phantom/.test(navigator.userAgent),
| |
| - | supportTouch = !isPhantom && "ontouchend" in document,
| |
| - | scrollEvent = "touchmove scroll",
| |
| - | // Use touch events or map it to mouse events
| |
| - | touchStartEvent = supportTouch ? "touchstart" : "mousedown",
| |
| - | touchStopEvent = supportTouch ? "touchend" : "mouseup",
| |
| - | touchMoveEvent = supportTouch ? "touchmove" : "mousemove",
| |
| - | data = function(event){
| |
| - | var d = event.originalEvent.touches ?
| |
| - | event.originalEvent.touches[ 0 ] :
| |
| - | event;
| |
| - | return {
| |
| - | time: (new Date).getTime(),
| |
| - | coords: [ d.pageX, d.pageY ],
| |
| - | origin: $( event.target )
| |
| - | };
| |
| - | };
| |
| - |
| |
| - | /**
| |
| - | * @add jQuery.event.swipe
| |
| - | */
| |
| - | var swipe = $.event.swipe = {
| |
| - | /**
| |
| - | * @attribute delay
| |
| - | * Delay is the upper limit of time the swipe motion can take in milliseconds. This defaults to 500.
| |
| - | *
| |
| - | * A user must perform the swipe motion in this much time.
| |
| - | */
| |
| - | delay : 500,
| |
| - | /**
| |
| - | * @attribute max
| |
| - | * The maximum distance the pointer must travel in pixels. The default is 75 pixels.
| |
| - | */
| |
| - | max : 75,
| |
| - | /**
| |
| - | * @attribute min
| |
| - | * The minimum distance the pointer must travel in pixels. The default is 30 pixels.
| |
| - | */
| |
| - | min : 30
| |
| - | };
| |
| - |
| |
| - | $.event.setupHelper( [
| |
| - |
| |
| - | /**
| |
| - | * @hide
| |
| - | * @attribute swipe
| |
| - | */
| |
| - | "swipe",
| |
| - | /**
| |
| - | * @hide
| |
| - | * @attribute swipeleft
| |
| - | */
| |
| - | 'swipeleft',
| |
| - | /**
| |
| - | * @hide
| |
| - | * @attribute swiperight
| |
| - | */
| |
| - | 'swiperight',
| |
| - | /**
| |
| - | * @hide
| |
| - | * @attribute swipeup
| |
| - | */
| |
| - | 'swipeup',
| |
| - | /**
| |
| - | * @hide
| |
| - | * @attribute swipedown
| |
| - | */
| |
| - | 'swipedown'], touchStartEvent, function(ev){
| |
| - | var
| |
| - | // update with data when the event was started
| |
| - | start = data(ev),
| |
| - | stop,
| |
| - | delegate = ev.delegateTarget || ev.currentTarget,
| |
| - | selector = ev.handleObj.selector,
| |
| - | entered = this;
| |
| - |
| |
| - | function moveHandler(event){
| |
| - | if ( !start ) {
| |
| - | return;
| |
| - | }
| |
| - | // update stop with the data from the current event
| |
| - | stop = data(event);
| |
| - |
| |
| - | // prevent scrolling
| |
| - | if ( Math.abs( start.coords[0] - stop.coords[0] ) > 10 ) {
| |
| - | event.preventDefault();
| |
| - | }
| |
| - | };
| |
| - |
| |
| - | // Attach to the touch move events
| |
| - | $(document.documentElement).bind(touchMoveEvent, moveHandler)
| |
| - | .one(touchStopEvent, function(event){
| |
| - | $(this).unbind( touchMoveEvent, moveHandler);
| |
| - | // if start and stop contain data figure out if we have a swipe event
| |
| - | if ( start && stop ) {
| |
| - | // calculate the distance between start and stop data
| |
| - | var deltaX = Math.abs(start.coords[0] - stop.coords[0]),
| |
| - | deltaY = Math.abs(start.coords[1] - stop.coords[1]),
| |
| - | distance = Math.sqrt(deltaX*deltaX+deltaY*deltaY);
| |
| - |
| |
| - | // check if the delay and distance are matched
| |
| - | if ( stop.time - start.time < swipe.delay && distance >= swipe.min ) {
| |
| - | var events = ['swipe'];
| |
| - | // check if we moved horizontally
| |
| - | if( deltaX >= swipe.min && deltaY < swipe.min) {
| |
| - | // based on the x coordinate check if we moved left or right
| |
| - | events.push( start.coords[0] > stop.coords[0] ? "swipeleft" : "swiperight" );
| |
| - | } else
| |
| - | // check if we moved vertically
| |
| - | if(deltaY >= swipe.min && deltaX < swipe.min){
| |
| - | // based on the y coordinate check if we moved up or down
| |
| - | events.push( start.coords[1] < stop.coords[1] ? "swipedown" : "swipeup" );
| |
| - | }
| |
| - |
| |
| - | // trigger swipe events on this guy
| |
| - | $.each($.event.find(delegate, events, selector), function(){
| |
| - | this.call(entered, ev, {start : start, end: stop})
| |
| - | })
| |
| - |
| |
| - | }
| |
| - | }
| |
| - | // reset start and stop
| |
| - | start = stop = undefined;
| |
| - | })
| |
| - | });
| |
| - |
| |
| - | })(jQuery)
| |
| - |
| |
| - | String.prototype.queryStringToJSON = String.prototype.queryStringToJSON || function ( )
| |
| - | { // Turns a params string or url into an array of params
| |
| - | // Prepare
| |
| - | var params = String(this);
| |
| - | // Remove url if need be
| |
| - | params = params.substring(params.indexOf('?')+1);
| |
| - | // params = params.substring(params.indexOf('#')+1);
| |
| - | // Change + to %20, the %20 is fixed up later with the decode
| |
| - | params = params.replace(/\+/g, '%20');
| |
| - | // Do we have JSON string
| |
| - | if ( params.substring(0,1) === '{' && params.substring(params.length-1) === '}' )
| |
| - | { // We have a JSON string
| |
| - | return eval(decodeURIComponent(params));
| |
| - | }
| |
| - | // We have a params string
| |
| - | params = params.split(/\&(amp\;)?/);
| |
| - | var json = {};
| |
| - | // We have params
| |
| - | for ( var i = 0, n = params.length; i < n; ++i )
| |
| - | {
| |
| - | // Adjust
| |
| - | var param = params[i] || null;
| |
| - | if ( param === null ) { continue; }
| |
| - | param = param.split('=');
| |
| - | if ( param === null ) { continue; }
| |
| - | // ^ We now have "var=blah" into ["var","blah"]
| |
| - |
| |
| - | // Get
| |
| - | var key = param[0] || null;
| |
| - | if ( key === null ) { continue; }
| |
| - | if ( typeof param[1] === 'undefined' ) { continue; }
| |
| - | var value = param[1];
| |
| - | // ^ We now have the parts
| |
| - |
| |
| - | // Fix
| |
| - | key = decodeURIComponent(key);
| |
| - | value = decodeURIComponent(value);
| |
| - | try {
| |
| - | // value can be converted
| |
| - | value = eval(value);
| |
| - | } catch ( e ) {
| |
| - | // value is a normal string
| |
| - | }
| |
| - |
| |
| - | // Set
| |
| - | // window.console.log({'key':key,'value':value}, split);
| |
| - | var keys = key.split('.');
| |
| - | if ( keys.length === 1 )
| |
| - | { // Simple
| |
| - | json[key] = value;
| |
| - | }
| |
| - | else
| |
| - | { // Advanced (Recreating an object)
| |
| - | var path = '',
| |
| - | cmd = '';
| |
| - | // Ensure Path Exists
| |
| - | $.each(keys,function(ii,key){
| |
| - | path += '["'+key.replace(/"/g,'\\"')+'"]';
| |
| - | jsonCLOSUREGLOBAL = json; // we have made this a global as closure compiler struggles with evals
| |
| - | cmd = 'if ( typeof jsonCLOSUREGLOBAL'+path+' === "undefined" ) jsonCLOSUREGLOBAL'+path+' = {}';
| |
| - | eval(cmd);
| |
| - | json = jsonCLOSUREGLOBAL;
| |
| - | delete jsonCLOSUREGLOBAL;
| |
| - | });
| |
| - | // Apply Value
| |
| - | jsonCLOSUREGLOBAL = json; // we have made this a global as closure compiler struggles with evals
| |
| - | valueCLOSUREGLOBAL = value; // we have made this a global as closure compiler struggles with evals
| |
| - | cmd = 'jsonCLOSUREGLOBAL'+path+' = valueCLOSUREGLOBAL';
| |
| - | eval(cmd);
| |
| - | json = jsonCLOSUREGLOBAL;
| |
| - | delete jsonCLOSUREGLOBAL;
| |
| - | delete valueCLOSUREGLOBAL;
| |
| - | }
| |
| - | // ^ We now have the parts added to your JSON object
| |
| - | }
| |
| - | return json;
| |
| - | };
| |
| - |
| |
| - | // checks if an element is partially inside the viewport
| |
| - | // inspired by James Padolsey's snippet (http://remysharp.com/2009/01/26/element-in-view-event-plugin/#comment-127058)
| |
| - | $.extend( $.expr[':'], {
| |
| - |
| |
| - | inViewport : function( el ) {
| |
| - |
| |
| - | var scrollTop = ( document.documentElement.scrollTop || document.body.scrollTop ),
| |
| - | elOffsetTop = $( el ).offset().top,
| |
| - | elH = $( el ).height()
| |
| - | winH = ( window.innerHeight && window.innerHeight < $( window ).height() ) ? window.innerHeight : $( window ).height();
| |
| - |
| |
| - | return ( elOffsetTop + elH ) > scrollTop && elOffsetTop < ( scrollTop + winH );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | });
| |
| - |
| |
| - | // HTML5 PageVisibility API
| |
| - | // http://www.html5rocks.com/en/tutorials/pagevisibility/intro/
| |
| - | // by Joe Marini (@joemarini)
| |
| - | function getHiddenProp(){
| |
| - | var prefixes = ['webkit','moz','ms','o'];
| |
| - |
| |
| - | // if 'hidden' is natively supported just return it
| |
| - | if ('hidden' in document) return 'hidden';
| |
| - |
| |
| - | // otherwise loop over all the known prefixes until we find one
| |
| - | for (var i = 0; i < prefixes.length; i++){
| |
| - | if ((prefixes[i] + 'Hidden') in document)
| |
| - | return prefixes[i] + 'Hidden';
| |
| - | }
| |
| - |
| |
| - | // otherwise it's not supported
| |
| - | return null;
| |
| - | }
| |
| - | function isHidden() {
| |
| - | var prop = getHiddenProp();
| |
| - | if (!prop) return false;
| |
| - |
| |
| - | return document[prop];
| |
| - | }
| |
| - |
| |
| - | var Gamma = (function() {
| |
| - |
| |
| - | var $window = $( window ),
| |
| - | $body = $( 'body' ),
| |
| - | $document = $( document ),
| |
| - | Modernizr = window.Modernizr,
| |
| - | // https://github.com/twitter/bootstrap/issues/2870
| |
| - | transEndEventNames = {
| |
| - | 'WebkitTransition' : 'webkitTransitionEnd',
| |
| - | 'MozTransition' : 'transitionend',
| |
| - | 'OTransition' : 'oTransitionEnd',
| |
| - | 'msTransition' : 'MSTransitionEnd',
| |
| - | 'transition' : 'transitionend'
| |
| - | },
| |
| - | transEndEventName = transEndEventNames[ Modernizr.prefixed( 'transition' ) ],
| |
| - | // default settings
| |
| - | defaults = {
| |
| - | // default value for masonry column count
| |
| - | columns : 4,
| |
| - | // transition properties for the images in ms (transition to/from singleview)
| |
| - | speed : 300,
| |
| - | easing : 'ease',
| |
| - | // if set to true the overlay's opacity will animate (transition to/from singleview)
| |
| - | overlayAnimated : true,
| |
| - | // if true, the navigate next function is called when the image (singleview) is clicked
| |
| - | nextOnClickImage : true,
| |
| - | // circular navigation
| |
| - | circular : true,
| |
| - | // transition settings for the image in the single view.
| |
| - | // These includes:
| |
| - | // - ajusting its position and size when the window is resized
| |
| - | // - fading out the image when navigating
| |
| - | svImageTransitionSpeedFade : 300,
| |
| - | svImageTransitionEasingFade : 'ease-in-out',
| |
| - | svImageTransitionSpeedResize : 300,
| |
| - | svImageTransitionEasingResize : 'ease-in-out',
| |
| - | svMarginsVH : {
| |
| - | vertical : 140,
| |
| - | horizontal : 120
| |
| - | },
| |
| - | // allow keybord and swipe navigation
| |
| - | keyboard : true,
| |
| - | swipe : true,
| |
| - | // slideshow interval (ms)
| |
| - | interval : 4000,
| |
| - | // if History API is not supported this value will turn false
| |
| - | historyapi : true
| |
| - | },
| |
| - | init = function( settings, callback ) {
| |
| - |
| |
| - | Gamma.settings = $.extend( true, {}, defaults, settings );
| |
| - |
| |
| - | // cache some elements..
| |
| - | _config();
| |
| - | // build the layout
| |
| - | _layout();
| |
| - | // init masonry
| |
| - | _initMasonry( function() {
| |
| - |
| |
| - | // remove loading status
| |
| - | Gamma.container.removeClass( 'gamma-loading' );
| |
| - | // show items
| |
| - | Gamma.items.show();
| |
| - |
| |
| - | // opens the single view if an image id is passed in the url
| |
| - | // we will assume for this demo that the id is the index of the item
| |
| - | // where the image is
| |
| - | // example: http://www.sitename.com/gamma/?img=12
| |
| - | if( Gamma.settings.historyapi ) {
| |
| - |
| |
| - | _goto();
| |
| - |
| |
| - | }
| |
| - |
| |
| - | // init window events
| |
| - | _initEvents( 'window' );
| |
| - |
| |
| - | if( callback ) {
| |
| - |
| |
| - | callback.call();
| |
| - |
| |
| - | }
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | },
| |
| - | _config = function() {
| |
| - |
| |
| - | Gamma.container = $( '#gamma-container' );
| |
| - | Gamma.overlay = Gamma.container.find( 'div.gamma-overlay' );
| |
| - | Gamma.controls = Gamma.container.children( 'div.gamma-options' );
| |
| - | Gamma.gallery = Gamma.container.children( 'ul.gamma-gallery' );
| |
| - | Gamma.items = Gamma.gallery.children();
| |
| - | Gamma.itemsCount = Gamma.items.length;
| |
| - | Gamma.columns = Gamma.settings.columns;
| |
| - | // true if any animation (including preloading an image) running
| |
| - | Gamma.isAnimating = true;
| |
| - | Gamma.svMargins = Gamma.settings.svMarginsVH;
| |
| - | var History = window.History; // Note: We are using a capital H instead of a lower h
| |
| - | if ( !History.enabled && Gamma.settings.historyapi ) {
| |
| - |
| |
| - | Gamma.settings.historyapi = false;
| |
| - |
| |
| - | }
| |
| - | Gamma.supportTransitions = Modernizr.csstransitions;
| |
| - |
| |
| - | },
| |
| - | _createSingleView = function() {
| |
| - |
| |
| - | // the single view will include the image, navigation buttons and close, play, and pause buttons
| |
| - |
| |
| - | if( !Gamma.singleview ) {
| |
| - |
| |
| - | $( '<div class="gamma-single-view"><div class="gamma-options gamma-options-single"><div class="gamma-buttons"><button class="gamma-btn-close"></button></div></div></div>' )
| |
| - | .appendTo( Gamma.container );
| |
| - |
| |
| - | Gamma.singleview = Gamma.container.children( 'div.gamma-single-view' );
| |
| - | Gamma.svclose = Gamma.singleview.find( 'button.gamma-btn-close' );
| |
| - |
| |
| - | _initEvents( 'singleview' );
| |
| - |
| |
| - | _createSingleViewNavigation();
| |
| - |
| |
| - | }
| |
| - | else if( !Gamma.nav ) {
| |
| - |
| |
| - | _createSingleViewNavigation();
| |
| - |
| |
| - | }
| |
| - |
| |
| - | },
| |
| - | _createSingleViewNavigation = function() {
| |
| - |
| |
| - | if( Gamma.itemsCount > 1 ) {
| |
| - |
| |
| - | Gamma.svplay = $( '<button class="gamma-btn-ssplay"></button>' ).insertAfter( Gamma.svclose );
| |
| - | Gamma.nav = $( '<nav class="gamma-nav"><span class="gamma-prev"></span><span class="gamma-next"></span></nav>' ).appendTo( Gamma.singleview );
| |
| - | Gamma.svnavnext = Gamma.nav.find( 'span.gamma-next' );
| |
| - | Gamma.svnavprev = Gamma.nav.find( 'span.gamma-prev' );
| |
| - |
| |
| - | _initEvents( 'singleviewnavigation' );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | },
| |
| - | // controller: "goes to" a specific image or back to the grid
| |
| - | _goto = function( anim, id ) {
| |
| - |
| |
| - | if( Gamma.settings.historyapi ) {
| |
| - |
| |
| - | // get the url from history state (e.g. id=3) and extract the id
| |
| - | id = id || History.getState().url.queryStringToJSON().id;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | var isSingleview = ( id != undefined ),
| |
| - | anim = anim || false;
| |
| - |
| |
| - | // back history to a state with no id
| |
| - | if( Gamma.settings.historyapi && Gamma.isSV && id === undefined ) {
| |
| - |
| |
| - | _closesingleview();
| |
| - |
| |
| - | }
| |
| - |
| |
| - | if( isSingleview ) {
| |
| - |
| |
| - | var $item = Gamma.items.eq( Math.abs( id ) );
| |
| - |
| |
| - | if( $item.length ) {
| |
| - |
| |
| - | if( Gamma.svImage ) {
| |
| - |
| |
| - | // navigating
| |
| - | if( Gamma.supportTransitions ) {
| |
| - |
| |
| - | _setTransition( Gamma.svImage , 'all', Gamma.settings.svImageTransitionSpeedFade , Gamma.settings.svImageTransitionEasingFade );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | _applyAnimation( Gamma.svImage, { opacity : 0 }, Gamma.settings.svImageTransitionSpeedFade, Gamma.supportTransitions, function() {
| |
| - |
| |
| - | $( this ).remove();
| |
| - | anim = false;
| |
| - | _singleviewitem( $item, anim );
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | if( Gamma.svDescription ) {
| |
| - |
| |
| - | _applyAnimation( Gamma.svDescription, { opacity : 0 }, 400, Gamma.supportTransitions );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | }
| |
| - | else {
| |
| - |
| |
| - | if( Gamma.svDescription ) {
| |
| - |
| |
| - | Gamma.svDescription.empty();
| |
| - |
| |
| - | }
| |
| - | _singleviewitem( $item, anim );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | }
| |
| - |
| |
| - | }
| |
| - |
| |
| - | },
| |
| - | // saves the history state / or if history not supported goes to specific image
| |
| - | _saveState = function( id ) {
| |
| - |
| |
| - | if( !Gamma.settings.historyapi && id != undefined ) {
| |
| - |
| |
| - | Gamma.isSV ? _goto( false, id ) : _goto( true, id );
| |
| - |
| |
| - | }
| |
| - | else if( id === undefined ) {
| |
| - |
| |
| - | History.pushState( null, null, url('protocol') + '://' + url('hostname') + url('path') );
| |
| - |
| |
| - | }
| |
| - | // adds a new state to the history object
| |
| - | // this will trigger the statechange on the window
| |
| - | else if( History.getState().url.queryStringToJSON().id !== id ) {
| |
| - |
| |
| - | History.pushState( null, null, '?id=' + id );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | },
| |
| - | // transform initial html structure into a list of images (well mostly)
| |
| - | _layout = function( $items ) {
| |
| - |
| |
| - | if( Gamma.itemsCount > 0 ) {
| |
| - |
| |
| - | _createSingleView();
| |
| - |
| |
| - | }
| |
| - |
| |
| - | _setMasonry();
| |
| - |
| |
| - | var $items = $items || Gamma.items.hide();
| |
| - |
| |
| - | // replace each div element with an image element with the right source
| |
| - | $items.each( function() {
| |
| - |
| |
| - | var $item = $( this ),
| |
| - | $picEl = $item.children(),
| |
| - | sources = _getImgSources( $picEl ),
| |
| - | source = _chooseImgSource( sources, $item.outerWidth( true ) ),
| |
| - | description = $picEl.data( 'description' );
| |
| - |
| |
| - | // data is saved in the <li> element
| |
| - | $item.data( {
| |
| - | description : description,
| |
| - | source : sources,
| |
| - | maxwidth : $picEl.data( 'maxWidth' ),
| |
| - | maxheight : $picEl.data( 'maxHeight' )
| |
| - | } );
| |
| - |
| |
| - | $( '<div/>' ).addClass( 'gamma-description' ).html( description ).insertAfter( $picEl );
| |
| - |
| |
| - | $( '<img/>' ).attr( {
| |
| - | alt : $picEl.data( 'alt' ),
| |
| - | title : $picEl.data( 'title' ),
| |
| - | src : source.src
| |
| - | } ).insertAfter( $picEl );
| |
| - |
| |
| - | $picEl.remove();
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | },
| |
| - | // gets all possible image sources of an element
| |
| - | _getImgSources = function( $el ) {
| |
| - |
| |
| - | var theSources = [];
| |
| - | $el.children( 'div' ).each( function( i ) {
| |
| - |
| |
| - | var $source = $( this );
| |
| - | theSources.push( {
| |
| - | width : $source.data( 'minWidth' ) || 0,
| |
| - | src : $source.data( 'src' ),
| |
| - | pos : i
| |
| - | } );
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | return theSources;
| |
| - |
| |
| - | },
| |
| - | // change the number of masonry columns based on the current container's width and the settings.viewport configuration
| |
| - | _setMasonry = function() {
| |
| - |
| |
| - | var containerW = Gamma.container.width();
| |
| - |
| |
| - | if( Gamma.settings.viewport ) {
| |
| - |
| |
| - | for( var i = 0, len = Gamma.settings.viewport.length; i < len; ++i ) {
| |
| - |
| |
| - | var viewport = Gamma.settings.viewport[i];
| |
| - |
| |
| - | if( containerW > viewport.width ) {
| |
| - |
| |
| - | Gamma.columns = viewport.columns;
| |
| - | break;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | }
| |
| - |
| |
| - | }
| |
| - |
| |
| - | // set the widths (%) for each of the <li>
| |
| - | Gamma.items.css( 'width', Math.floor( containerW / Gamma.columns ) * 100 / containerW + '%' );
| |
| - |
| |
| - | },
| |
| - | // initialize masonry
| |
| - | _initMasonry = function( callback ) {
| |
| - |
| |
| - | Gamma.gallery.imagesLoaded( function() {
| |
| - |
| |
| - | Gamma.gallery.masonry( {
| |
| - | itemSelector : 'li',
| |
| - | columnWidth : function( containerWidth ) {
| |
| - | return containerWidth / Gamma.columns;
| |
| - | }
| |
| - | } );
| |
| - |
| |
| - | if( callback ) {
| |
| - |
| |
| - | callback.call();
| |
| - |
| |
| - | }
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | },
| |
| - | // reloads masonry grid
| |
| - | _reloadMasonry = function( timeout ) {
| |
| - |
| |
| - | clearTimeout( Gamma.masonrytimeout );
| |
| - | timeout = timeout || 0;
| |
| - | Gamma.masonrytimeout = setTimeout( function() { Gamma.gallery.masonry( 'reload' ); }, timeout );
| |
| - |
| |
| - | },
| |
| - | // choose a source based on the item's size and on the configuration set by the user in the initial HTML
| |
| - | _chooseImgSource = function( sources, w ) {
| |
| - |
| |
| - | if( w <= 0 ) {
| |
| - | w = 1;
| |
| - | }
| |
| - |
| |
| - | for( var i = 0, len = sources.length; i < len; ++i ) {
| |
| - |
| |
| - | var source = sources[i];
| |
| - |
| |
| - |
| |
| - | if( w > source.width ) {
| |
| - |
| |
| - | return source;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | }
| |
| - |
| |
| - | },
| |
| - | // show or hide a specific control button
| |
| - | _toggleControl = function( $control, status, animStyle ) {
| |
| - |
| |
| - | animStyle ? $control.css( animStyle ) : status === 'on' ? $control.show() : $control.hide();
| |
| - |
| |
| - | },
| |
| - | // triggered on the events for the nav buttons, keyboard, swipe
| |
| - | _onnavigate = function( dir ) {
| |
| - |
| |
| - | if( !Gamma.slideshow ) {
| |
| - |
| |
| - | _navigate( dir );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | },
| |
| - | // goes to next or previous image
| |
| - | _navigate = function( dir ) {
| |
| - |
| |
| - | if( !Gamma.isSV || Gamma.isAnimating ) {
| |
| - |
| |
| - | return false;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | var current = Gamma.current;
| |
| - |
| |
| - | if( dir === 'next' ) {
| |
| - |
| |
| - | Gamma.current = Gamma.current < Gamma.itemsCount - 1 ? ++Gamma.current :
| |
| - | Gamma.settings.circular ? 0 : Gamma.current;
| |
| - |
| |
| - | }
| |
| - | else if( dir === 'prev' ) {
| |
| - |
| |
| - | Gamma.current = Gamma.current > 0 ? --Gamma.current :
| |
| - | Gamma.settings.circular ? Gamma.itemsCount - 1 : Gamma.current;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | if( current === Gamma.current ) {
| |
| - |
| |
| - | return false;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | Gamma.isAnimating = true;
| |
| - |
| |
| - | // get positions, dimentions and source for the new item
| |
| - | _saveState( Gamma.current );
| |
| - |
| |
| - | },
| |
| - | // resize the window event
| |
| - | _resize = function() {
| |
| - |
| |
| - | _setMasonry();
| |
| - |
| |
| - | _resizeGrid();
| |
| - |
| |
| - | // change the size, position and source of the image (single view) accordingly
| |
| - | if( Gamma.isSV ) {
| |
| - |
| |
| - | _svResizeImage();
| |
| - |
| |
| - | }
| |
| - |
| |
| - | // seems that sometimes the masonry columns stay out of order.
| |
| - | // just to make sure this doesnt happen
| |
| - | _reloadMasonry( 200 );
| |
| - |
| |
| - | },
| |
| - | // resizes the masonry grid
| |
| - | // change the source of the images (grid) accordingly
| |
| - | _resizeGrid = function() {
| |
| - |
| |
| - | Gamma.items.each( function() {
| |
| - |
| |
| - | var $item = $( this ),
| |
| - | source = _chooseImgSource( $item.data( 'source' ), Gamma.items.outerWidth( true ) );
| |
| - |
| |
| - | $item.find( 'img' ).attr( 'src', source.src );
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | }
| |
| - | // resize and chooses (if necessary) a new source for the image in the single view
| |
| - | _svResizeImage = function( callback ) {
| |
| - |
| |
| - | // need to know which source to load for the image.
| |
| - | // also need to know the final size and position.
| |
| - | var finalConfig = _getFinalImgConfig( {
| |
| - |
| |
| - | sources : Gamma.svImage.data( 'source' ),
| |
| - | imgMaxW : Gamma.svImage.data( 'maxwidth' ),
| |
| - | imgMaxH : Gamma.svImage.data( 'maxheight' ),
| |
| - | wrapper : { width : $window.width() - Gamma.svMargins.horizontal, height : $window.height() - Gamma.svMargins.vertical },
| |
| - | image : { width : Gamma.svImage.width(), height : Gamma.svImage.height() }
| |
| - |
| |
| - | } ),
| |
| - | source = finalConfig.source,
| |
| - | finalSizePosition = finalConfig.finalSizePosition,
| |
| - |
| |
| - | currentSrc = Gamma.svImage.attr('src'),
| |
| - |
| |
| - | finalStyle = {
| |
| - | width : finalSizePosition.width,
| |
| - | height : finalSizePosition.height,
| |
| - | left : finalSizePosition.left + Gamma.svMargins.horizontal / 2,
| |
| - | top : finalSizePosition.top + Gamma.svMargins.vertical / 2
| |
| - | };
| |
| - |
| |
| - | _applyAnimation( Gamma.svImage, finalStyle, Gamma.settings.svImageTransitionSpeedResize, Gamma.supportTransitions, function() {
| |
| - |
| |
| - | if( Gamma.supportTransitions ) {
| |
| - | $( this ).off( transEndEventName );
| |
| - | }
| |
| - |
| |
| - | // if source changes, change reset Gamma.svImage
| |
| - | if( currentSrc !== source.src ) {
| |
| - |
| |
| - | // going to load a new image..
| |
| - | Gamma.isAnimating = true;
| |
| - |
| |
| - | var w = Gamma.svImage.width(),
| |
| - | h = Gamma.svImage.height(),
| |
| - | l = Gamma.svImage.position().left,
| |
| - | t = Gamma.svImage.position().top;
| |
| - |
| |
| - | Gamma.svImage = $( '<img/>' ).load( function() {
| |
| - |
| |
| - | var $img = $( this );
| |
| - |
| |
| - | if( Gamma.supportTransitions ) {
| |
| - |
| |
| - | _setTransition( $img , 'all', Gamma.settings.svImageTransitionSpeedResize , Gamma.settings.svImageTransitionEasingResize );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | _applyAnimation( $img.next(), { opacity : 0 }, 500, Gamma.supportTransitions, function() {
| |
| - |
| |
| - | var $img = $( this );
| |
| - | if( Gamma.supportTransitions ) {
| |
| - | $( this ).off( transEndEventName );
| |
| - | }
| |
| - | $img.remove();
| |
| - | Gamma.isAnimating = false;
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | } )
| |
| - | .css( { width : w, height : h, left : l, top : t } )
| |
| - | .data( Gamma.svImage.data() )
| |
| - | .insertBefore( Gamma.svImage )
| |
| - | .attr( 'src', source.src );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | if( callback ) {
| |
| - |
| |
| - | callback.call();
| |
| - |
| |
| - | }
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | },
| |
| - | // gets the position and sizes of the image given its container properties
| |
| - | _getFinalImgConfig = function( properties ) {
| |
| - |
| |
| - | var sources = properties.sources,
| |
| - | imgMaxW = properties.imgMaxW || 0,
| |
| - | imgMaxH = properties.imgMaxH || 0,
| |
| - | source = _chooseImgSource( sources, properties.wrapper.width ),
| |
| - | // calculate final size and position of image
| |
| - | finalSizePosition = _getFinalSizePosition( properties.image, properties.wrapper );
| |
| - |
| |
| - | // check for new source
| |
| - | if( finalSizePosition.checksource ) {
| |
| - |
| |
| - | source = _chooseImgSource( sources, finalSizePosition.width );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | // we still need to check one more detail:
| |
| - | // if the source is the largest one provided in the html rules,
| |
| - | // then we need to check if the final width/height are eventually bigger
| |
| - | // than the original image sizes. If so, we will show the image
| |
| - | // with its original size, avoiding like this that the image gets pixelated
| |
| - | if( source.pos === 0 && ( imgMaxW !== 0 && finalSizePosition.width > imgMaxW || imgMaxH !== 0 && finalSizePosition.height > imgMaxH ) ) {
| |
| - |
| |
| - | if( imgMaxW !== 0 && finalSizePosition.width > imgMaxW ) {
| |
| - |
| |
| - | var ratio = finalSizePosition.width / imgMaxW;
| |
| - | finalSizePosition.width = imgMaxW;
| |
| - | finalSizePosition.height /= ratio;
| |
| - |
| |
| - | }
| |
| - | else if( imgMaxH !== 0 && finalSizePosition.height > imgMaxH ) {
| |
| - |
| |
| - | var ratio = finalSizePosition.height / imgMaxH;
| |
| - | finalSizePosition.height = imgMaxH;
| |
| - | finalSizePosition.width /= ratio;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | finalSizePosition.left = properties.wrapper.width / 2 - finalSizePosition.width / 2;
| |
| - | finalSizePosition.top = properties.wrapper.height / 2 - finalSizePosition.height / 2;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | return {
| |
| - | source : source,
| |
| - | finalSizePosition : finalSizePosition
| |
| - | };
| |
| - |
| |
| - | },
| |
| - | // triggered when one grid image is clicked
| |
| - | _singleview = function() {
| |
| - |
| |
| - | var id = $( this ).index();
| |
| - | _saveState( id );
| |
| - |
| |
| - | },
| |
| - | // shows the item
| |
| - | _singleviewitem = function( $item, anim ) {
| |
| - |
| |
| - | Gamma.isSV = true;
| |
| - |
| |
| - | var id = $item.index(),
| |
| - | data = $item.data(),
| |
| - | $img = $item.children( 'img' );
| |
| - |
| |
| - | if( anim ) {
| |
| - |
| |
| - | Gamma.fly = $( '<img/>' ).attr( 'src', $img.attr( 'src' ) ).addClass( 'gamma-img-fly' ).css( {
| |
| - | width : $img.width(),
| |
| - | height : $img.height(),
| |
| - | left : $item.offset().left + ( $item.outerWidth( true ) - $item.width() ) / 2,
| |
| - | top : $item.offset().top + ( $item.outerHeight( true ) - $item.height() ) / 2
| |
| - | } ).appendTo( $body );
| |
| - |
| |
| - | if( Gamma.supportTransitions ) {
| |
| - |
| |
| - | _setTransition( Gamma.fly );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | }
| |
| - |
| |
| - | // need to know which source to load for the image.
| |
| - | // also need to know the final size and position.
| |
| - | var finalConfig = _getFinalImgConfig( {
| |
| - |
| |
| - | sources : $item.data( 'source' ),
| |
| - | imgMaxW : $item.data( 'maxwidth' ),
| |
| - | imgMaxH : $item.data( 'maxheight' ),
| |
| - | wrapper : { width : $window.width() - Gamma.svMargins.horizontal, height : $window.height() - Gamma.svMargins.vertical },
| |
| - | image : { width : $img.width(), height : $img.height() }
| |
| - |
| |
| - | } ),
| |
| - | source = finalConfig.source,
| |
| - | finalSizePosition = finalConfig.finalSizePosition;
| |
| - |
| |
| - | Gamma.current = id;
| |
| - |
| |
| - | // transition: overlay opacity
| |
| - | Gamma.overlay.show();
| |
| - |
| |
| - | if( Gamma.settings.overlayAnimated && anim && Gamma.supportTransitions ) {
| |
| - |
| |
| - | _setTransition( Gamma.overlay , 'opacity' );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | setTimeout( function() {
| |
| - |
| |
| - | _applyAnimation( Gamma.overlay, { 'opacity' : 1 }, Gamma.settings.speed, Gamma.supportTransitions || !anim, function() {
| |
| - |
| |
| - | if( !Gamma.isSV ) {
| |
| - |
| |
| - | return false;
| |
| - |
| |
| - | }
| |
| - | if( Gamma.supportTransitions ) {
| |
| - | $( this ).off( transEndEventName );
| |
| - | }
| |
| - |
| |
| - | // set the overflow-y to hidden
| |
| - | $body.css( 'overflow-y', 'hidden' );
| |
| - | // force repaint. Chrome in Windows does not remove overflow..
| |
| - | // http://stackoverflow.com/a/3485654/989439
| |
| - | var el = Gamma.overlay[0];
| |
| - | el.style.display='none';
| |
| - | el.offsetHeight; // no need to store this anywhere, the reference is enough
| |
| - | el.style.display='block';
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | $item.css( 'visibility', 'hidden' );
| |
| - |
| |
| - | if( !anim ) {
| |
| - |
| |
| - | _loadSVItemFromGrid( data, finalSizePosition, source.src );
| |
| - |
| |
| - | }
| |
| - | else {
| |
| - |
| |
| - | var styleCSS = {
| |
| - | width : finalSizePosition.width,
| |
| - | height : finalSizePosition.height,
| |
| - | left : finalSizePosition.left + $window.scrollLeft() + Gamma.svMargins.horizontal / 2,
| |
| - | top : finalSizePosition.top + $window.scrollTop() + Gamma.svMargins.vertical / 2
| |
| - | },
| |
| - | cond = Gamma.supportTransitions;
| |
| - |
| |
| - | _applyAnimation( Gamma.fly, styleCSS, Gamma.settings.speed, cond, function() {
| |
| - |
| |
| - | if( cond ) {
| |
| - | $( this ).off( transEndEventName );
| |
| - | }
| |
| - |
| |
| - | _loadSVItemFromGrid( data, finalSizePosition, source.src );
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | }, 25 );
| |
| - |
| |
| - | },
| |
| - | // load new image for the new item to show
| |
| - | _loadSVItemFromGrid = function( data, position, src ) {
| |
| - |
| |
| - | // show single view
| |
| - | Gamma.singleview.show();
| |
| - |
| |
| - | // add description
| |
| - | if( !Gamma.svDescription ) {
| |
| - |
| |
| - | Gamma.svDescription = $( '<div/>' )
| |
| - | .addClass( 'gamma-description' )
| |
| - | .appendTo( Gamma.singleview ).wrap( '<div class="gamma-description-wrapper"></div>' );
| |
| - |
| |
| - | if( Gamma.supportTransitions ) {
| |
| - |
| |
| - | _setTransition( Gamma.svDescription , 'opacity', Gamma.settings.svImageTransitionSpeedFade / 2 , Gamma.settings.svImageTransitionEasingFade );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | }
| |
| - | Gamma.svDescription.html( data.description );
| |
| - |
| |
| - | // loading status: give a little amount of time before displaying it
| |
| - | var loadingtimeout = setTimeout( function() { Gamma.singleview.addClass( 'gamma-loading' ); }, Gamma.settings.svImageTransitionSpeedFade + 250 );
| |
| - |
| |
| - | // preload the new image
| |
| - | Gamma.svImage = $( '<img/>' ).load( function() {
| |
| - |
| |
| - | var $img = $( this );
| |
| - |
| |
| - | // remove loading status
| |
| - | clearTimeout( loadingtimeout );
| |
| - | Gamma.singleview.removeClass( 'gamma-loading' );
| |
| - |
| |
| - | setTimeout( function() {
| |
| - |
| |
| - | _applyAnimation( Gamma.svDescription, { 'opacity' : 1 }, Gamma.settings.svImageTransitionSpeedFade / 2, Gamma.supportTransitions );
| |
| - |
| |
| - | }, 25 );
| |
| - |
| |
| - | $img.css( {
| |
| - | width : position.width,
| |
| - | height : position.height,
| |
| - | left : position.left + Gamma.svMargins.horizontal / 2,
| |
| - | top : position.top + Gamma.svMargins.vertical / 2
| |
| - | } ).appendTo( Gamma.singleview );
| |
| - |
| |
| - | if( Gamma.supportTransitions ) {
| |
| - |
| |
| - | _setTransition( $img , 'all', Gamma.settings.svImageTransitionSpeedResize , Gamma.settings.svImageTransitionEasingResize );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | if( Gamma.fly ) {
| |
| - |
| |
| - | if( Gamma.supportTransitions ) {
| |
| - |
| |
| - | _setTransition( Gamma.fly, 'opacity', 1000 );
| |
| - |
| |
| - | }
| |
| - | setTimeout( function() {
| |
| - |
| |
| - | _applyAnimation( Gamma.fly, { 'opacity' : 0 }, 1000, Gamma.supportTransitions, function() {
| |
| - |
| |
| - | var $this = $( this );
| |
| - |
| |
| - | if( Gamma.supportTransitions ) {
| |
| - | $this.off( transEndEventName );
| |
| - | }
| |
| - | $this.remove();
| |
| - | Gamma.fly = null;
| |
| - | Gamma.isAnimating = false;
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | }, 25 );
| |
| - |
| |
| - | }
| |
| - | else {
| |
| - |
| |
| - | Gamma.isAnimating = false;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | } ).data( data ).attr( 'src', src );
| |
| - |
| |
| - | },
| |
| - | // given the wrapper's width and height, calculates the final width, height, left and top for the image to fit inside
| |
| - | _getFinalSizePosition = function( imageSize, wrapperSize ) {
| |
| - |
| |
| - | // image size
| |
| - | var imgW = imageSize.width,
| |
| - | imgH = imageSize.height,
| |
| - |
| |
| - | // container size
| |
| - | wrapperW = wrapperSize.width,
| |
| - | wrapperH = wrapperSize.height,
| |
| - |
| |
| - | finalW, finalH, finalL, finalT,
| |
| - | // flag to indicate we could check for another source (smaller) for the image
| |
| - | checksource = false;
| |
| - |
| |
| - | // check which image side is bigger
| |
| - | if( imgW > imgH ) {
| |
| - |
| |
| - | finalW = wrapperW;
| |
| - | // calculate the height given the finalW
| |
| - | var ratio = imgW / wrapperW;
| |
| - |
| |
| - | finalH = imgH / ratio;
| |
| - |
| |
| - | if( finalH > wrapperH ) {
| |
| - |
| |
| - | checksource = true;
| |
| - | ratio = finalH / wrapperH;
| |
| - | finalW /= ratio;
| |
| - | finalH = wrapperH;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | }
| |
| - | else {
| |
| - |
| |
| - | finalH = wrapperH;
| |
| - | // calculate the width given the finalH
| |
| - | var ratio = imgH / wrapperH;
| |
| - |
| |
| - | finalW = imgW / ratio;
| |
| - |
| |
| - | checksource = true;
| |
| - |
| |
| - | if( finalW > wrapperW ) {
| |
| - |
| |
| - | checksource = false;
| |
| - |
| |
| - | ratio = finalW / wrapperW;
| |
| - | finalW = wrapperW;
| |
| - | finalH /= ratio;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | }
| |
| - |
| |
| - | return {
| |
| - | width : finalW,
| |
| - | height : finalH,
| |
| - | left : wrapperW / 2 - finalW / 2,
| |
| - | top : wrapperH / 2 - finalH / 2,
| |
| - | checksource : checksource
| |
| - | };
| |
| - |
| |
| - | },
| |
| - | // closes the single view
| |
| - | _closesingleview = function() {
| |
| - |
| |
| - | if( Gamma.isAnimating || Gamma.fly ) {
| |
| - |
| |
| - | return false;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | Gamma.isSV = false;
| |
| - |
| |
| - | if( Gamma.slideshow ) {
| |
| - |
| |
| - | _stopSlideshow();
| |
| - |
| |
| - | }
| |
| - |
| |
| - | var $item = Gamma.items.eq( Gamma.current ),
| |
| - | $img = $item.children( 'img' );
| |
| - |
| |
| - | Gamma.items.not( $item ).css( 'visibility', 'visible' );
| |
| - |
| |
| - | // scroll window to item's position if item is not "partially" visible
| |
| - | var wst = $window.scrollTop();
| |
| - |
| |
| - | if( !$item.is( ':inViewport' ) ) {
| |
| - |
| |
| - | wst = $item.offset().top + ( $item.outerHeight( true ) - $item.height() ) / 2;
| |
| - |
| |
| - | var diff = $document.height() - $window.height();
| |
| - |
| |
| - | if( wst > diff ) {
| |
| - |
| |
| - | wst = diff;
| |
| - | }
| |
| - |
| |
| - | $window.scrollTop( wst );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | var l = Gamma.svImage.position().left + $window.scrollLeft(),
| |
| - | t = Gamma.svImage.position().top + wst;
| |
| - |
| |
| - | Gamma.svImage.appendTo( $body ).css( {
| |
| - | position : 'absolute',
| |
| - | zIndex : 10000,
| |
| - | left : l,
| |
| - | top : t
| |
| - | } );
| |
| - |
| |
| - | if( Gamma.supportTransitions ) {
| |
| - |
| |
| - | _setTransition( Gamma.svImage );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | Gamma.singleview.hide();
| |
| - | Gamma.svDescription.empty().css( 'opacity', 0 );
| |
| - | $body.css( 'overflow-y', 'scroll' );
| |
| - |
| |
| - | setTimeout( function() {
| |
| - |
| |
| - | var styleCSS = {
| |
| - | width : $img.width(),
| |
| - | height : $img.height(),
| |
| - | left : $item.offset().left + ( $item.outerWidth( true ) - $item.width() ) / 2,
| |
| - | top : $item.offset().top + ( $item.outerHeight( true ) - $item.height() ) / 2
| |
| - | }
| |
| - | _applyAnimation( Gamma.svImage, styleCSS, Gamma.settings.speed, Gamma.supportTransitions, function() {
| |
| - |
| |
| - | $item.css( 'visibility', 'visible' );
| |
| - | $( this ).remove();
| |
| - | Gamma.svImage = null;
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | // transition: overlay opacity
| |
| - | if( Gamma.settings.overlayAnimated ) {
| |
| - |
| |
| - | if( Gamma.supportTransitions ) {
| |
| - |
| |
| - | _setTransition( Gamma.overlay , 'opacity' );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | _applyAnimation( Gamma.overlay, { 'opacity' : 0 }, Gamma.settings.speed, Gamma.supportTransitions, function() {
| |
| - |
| |
| - | var $this = $( this );
| |
| - |
| |
| - | if( Gamma.supportTransitions ) {
| |
| - | $this.off( transEndEventName );
| |
| - | }
| |
| - |
| |
| - | $this.hide();
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | }
| |
| - | else {
| |
| - |
| |
| - | Gamma.overlay.hide();
| |
| - |
| |
| - | }
| |
| - |
| |
| - | _saveState();
| |
| - |
| |
| - | }, 25 );
| |
| - |
| |
| - | },
| |
| - | // the slideshow is active only if the page is visible
| |
| - | _visChange = function() {
| |
| - |
| |
| - | if( Gamma.slideshow ) {
| |
| - |
| |
| - | isHidden() ? ( _stopSlideshow( true ), Gamma.slideshow = true ) : _prepareSlideshow();
| |
| - |
| |
| - | }
| |
| - |
| |
| - | },
| |
| - | // before slideshow starts
| |
| - | _prepareSlideshow = function() {
| |
| - |
| |
| - | if( Gamma.isAnimating && !Gamma.slideshow ) {
| |
| - | return false;
| |
| - | }
| |
| - | Gamma.isAnimating = true;
| |
| - |
| |
| - | clearTimeout( Gamma.slideshowtimeout );
| |
| - |
| |
| - | Gamma.slideshow = true;
| |
| - | // container is the window
| |
| - | Gamma.svMargins = {
| |
| - | vertical : 0,
| |
| - | horizontal : 0
| |
| - | };
| |
| - | _toggleControl( Gamma.svclose, 'off' );
| |
| - | _toggleControl( Gamma.svnavprev, 'off', { left : -40 } );
| |
| - | _toggleControl( Gamma.svnavnext, 'off', { right : -40 } );
| |
| - |
| |
| - | _svResizeImage( function() {
| |
| - |
| |
| - | Gamma.isAnimating = false;
| |
| - |
| |
| - | Gamma.svplay.addClass( 'gamma-btn-sspause' );
| |
| - | _startSlideshow();
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | },
| |
| - | _preloadNext = function() {
| |
| - |
| |
| - | // preload image for Gamma.current + 1
| |
| - | var next = Gamma.current < Gamma.itemsCount - 1 ? Gamma.current + 1 :
| |
| - | Gamma.settings.circular ? 0 : Gamma.current,
| |
| - | $item = Gamma.items.eq( next ),
| |
| - | $img = $item.children( 'img' ),
| |
| - | finalConfig = _getFinalImgConfig( {
| |
| - |
| |
| - | sources : $item.data( 'source' ),
| |
| - | imgMaxW : $item.data( 'maxwidth' ),
| |
| - | imgMaxH : $item.data( 'maxheight' ),
| |
| - | wrapper : { width : $window.width() - Gamma.svMargins.horizontal, height : $window.height() - Gamma.svMargins.vertical },
| |
| - | image : { width : $img.width(), height : $img.height() }
| |
| - |
| |
| - | } ),
| |
| - | source = finalConfig.source;
| |
| - |
| |
| - | $( '<img/>' ).attr( 'src', source.src );
| |
| - |
| |
| - | },
| |
| - | // starts slideshow
| |
| - | _startSlideshow = function() {
| |
| - |
| |
| - | _preloadNext();
| |
| - |
| |
| - | Gamma.slideshowtimeout = setTimeout( function() {
| |
| - |
| |
| - | _navigate( 'next' );
| |
| - | _startSlideshow();
| |
| - |
| |
| - | }, Gamma.settings.interval );
| |
| - |
| |
| - | },
| |
| - | // stops slideshow
| |
| - | _stopSlideshow = function( pause ) {
| |
| - |
| |
| - | if( Gamma.isAnimating ) {
| |
| - | return false;
| |
| - | }
| |
| - | Gamma.isAnimating = true;
| |
| - |
| |
| - | clearTimeout( Gamma.slideshowtimeout );
| |
| - | if( !pause ) {
| |
| - |
| |
| - | Gamma.slideshow = false;
| |
| - | Gamma.svplay.removeClass( 'gamma-btn-sspause' );
| |
| - | Gamma.svMargins = Gamma.settings.svMarginsVH;
| |
| - | _toggleControl( Gamma.svclose, 'on' );
| |
| - | _toggleControl( Gamma.svnavprev, 'on', { left : 20 } );
| |
| - | _toggleControl( Gamma.svnavnext, 'on', { right : 20 } );
| |
| - | _svResizeImage( function() {
| |
| - |
| |
| - | Gamma.isAnimating = false;
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | },
| |
| - | // initializes events according to type
| |
| - | _initEvents = function( type ) {
| |
| - |
| |
| - | switch( type ) {
| |
| - |
| |
| - | case 'window' :
| |
| - |
| |
| - | if( Gamma.settings.historyapi ) {
| |
| - |
| |
| - | $window.on( 'statechange.gamma', function() {
| |
| - |
| |
| - | _goto( true );
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | $window.on( 'smartresize.gamma', _resize );
| |
| - |
| |
| - | // use the property name to generate the prefixed event name
| |
| - | var visProp = getHiddenProp();
| |
| - |
| |
| - | // HTML5 PageVisibility API
| |
| - | // http://www.html5rocks.com/en/tutorials/pagevisibility/intro/
| |
| - | // by Joe Marini (@joemarini)
| |
| - | if (visProp) {
| |
| - |
| |
| - | var evtname = visProp.replace(/[H|h]idden/,'') + 'visibilitychange';
| |
| - | document.addEventListener(evtname, _visChange);
| |
| - |
| |
| - | }
| |
| - |
| |
| - | break;
| |
| - |
| |
| - | case 'singleview' :
| |
| - |
| |
| - | Gamma.gallery.on( 'click.gamma', 'li', _singleview );
| |
| - | Gamma.svclose.on( 'click.gamma', _closesingleview );
| |
| - |
| |
| - | break;
| |
| - |
| |
| - | case 'singleviewnavigation' :
| |
| - |
| |
| - | Gamma.svnavnext.on( 'click.gamma', function() { _onnavigate( 'next' ); } );
| |
| - | Gamma.svnavprev.on( 'click.gamma', function() { _onnavigate( 'prev' ); } );
| |
| - |
| |
| - | if( Gamma.settings.nextOnClickImage ) {
| |
| - |
| |
| - | Gamma.singleview.on( 'click.gamma', 'img', function() { _onnavigate( 'next' ); } );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | if ( Gamma.settings.keyboard ) {
| |
| - |
| |
| - | $document.on( 'keydown.gamma', function( event ) {
| |
| - |
| |
| - | var keyCode = event.keyCode || event.which,
| |
| - | arrow = {
| |
| - | left: 37,
| |
| - | up: 38,
| |
| - | right: 39,
| |
| - | down: 40
| |
| - | };
| |
| - |
| |
| - | switch (keyCode) {
| |
| - |
| |
| - | case arrow.left :
| |
| - |
| |
| - | _onnavigate( 'prev' );
| |
| - | break;
| |
| - |
| |
| - | case arrow.right :
| |
| - |
| |
| - | _onnavigate( 'next' );
| |
| - | break;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | if( Gamma.settings.swipe ) {
| |
| - |
| |
| - | Gamma.singleview.on( {
| |
| - | 'swipeleft.gamma' : function() {
| |
| - |
| |
| - | _onnavigate( 'next' );
| |
| - |
| |
| - | },
| |
| - | 'swiperight.gamma' : function() {
| |
| - |
| |
| - | _onnavigate( 'prev' );
| |
| - |
| |
| - | }
| |
| - | } );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | Gamma.svplay.on( 'click.gamma', function() {
| |
| - |
| |
| - | if( Gamma.slideshow ) {
| |
| - |
| |
| - | _stopSlideshow();
| |
| - |
| |
| - | }
| |
| - | else if( !Gamma.isAnimating ) {
| |
| - |
| |
| - | _prepareSlideshow();
| |
| - |
| |
| - | }
| |
| - |
| |
| - | } );
| |
| - |
| |
| - | break;
| |
| - |
| |
| - | };
| |
| - |
| |
| - | },
| |
| - | // sets a transition for an element
| |
| - | _setTransition = function( el , property, speed, easing ) {
| |
| - |
| |
| - | if( !property ) {
| |
| - |
| |
| - | property = 'all';
| |
| - |
| |
| - | }
| |
| - | if( !speed ) {
| |
| - |
| |
| - | speed = Gamma.settings.speed;
| |
| - |
| |
| - | }
| |
| - | if( !easing ) {
| |
| - |
| |
| - | easing = Gamma.settings.easing;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | el.css( 'transition', property + ' ' + speed + 'ms ' + easing );
| |
| - |
| |
| - | },
| |
| - | // apply a transition or fallback to jquery animate based on condition (cond)
| |
| - | _applyAnimation = function( el, styleCSS, speed, cond, fncomplete ) {
| |
| - |
| |
| - | $.fn.applyStyle = cond ? $.fn.css : $.fn.animate;
| |
| - |
| |
| - | if( fncomplete && cond ) {
| |
| - |
| |
| - | el.on( transEndEventName, fncomplete );
| |
| - |
| |
| - | }
| |
| - |
| |
| - | fncomplete = fncomplete || function() { return false; };
| |
| - |
| |
| - | el.stop().applyStyle( styleCSS, $.extend( true, [], { duration : speed + 'ms', complete : fncomplete } ) );
| |
| - |
| |
| - | },
| |
| - | // public method: adds more items
| |
| - | add = function( $newitems ) {
| |
| - |
| |
| - | Gamma.gallery.append( $newitems );
| |
| - | Gamma.items = Gamma.gallery.children();
| |
| - | Gamma.itemsCount = Gamma.items.length;
| |
| - | _layout( $newitems );
| |
| - | _reloadMasonry();
| |
| - |
| |
| - | };
| |
| - |
| |
| - | return {
| |
| - | init : init,
| |
| - | add : add
| |
| - | }
| |
| - |
| |
| - | })();
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | </body>
| |
| - | </html>
| |
"
