Skip to content
Snippets Groups Projects
Commit 710d54b1 authored by Zihao Lin's avatar Zihao Lin
Browse files

modifying the WEB template

parent 203a21a9
No related branches found
No related tags found
No related merge requests found
Showing
with 0 additions and 5905 deletions
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>assignments --Lin Zihao</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="Your Description Here">
<meta name="keywords" content="FabLab Taipei,FabLab,Zihao Lin,FabLab SCU">
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo"><a href="index.html">Lin Zihao</a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="assignments.html">assignments</a>
<ul>
<li><a href="week_00.html">00 Principles and Practices</a></li>
<li><a href="week_01.html">01 Project Management</a></li>
<li><a href="week_02.html">02 Computer Aided Design</a></li>
<li><a href="week_03.html">03 Computer-controlled Cutting</a></li>
<li><a href="week_04.html">04 Electronics production</a></li>
<li><a href="week_05.html">05 3D Scanning and Printing</a></li>
<li><a href="week_06.html">06 Electronics Design</a></li>
<li><a href="week_07.html">07 Computer-controlled Machining</a></li>
<li><a href="week_08.html">08 Embedded Programming</a></li>
<li><a href="week_09.html">09 Input Devices</a></li>
<li><a href="week_10.html">10 Applications and Implications</a></li>
<li><a href="week_11.html">11 Output Devices</a></li>
<li><a href="week_12.html">12 Molding and Casting</a></li>
<li><a href="week_13.html">13 Networking and Communications</a></li>
<li><a href="week_14.html">14 Interface and Application Programming</a></li>
<li><a href="week_15.html">15 Mechanical Design and Machine Design</a></li>
<li><a href="week_16.html">16 Wildcard Week</a></li>
<li><a href="week_17.html">17 Invetion, Intellectual property and income</a></li>
<li><a href="week_18.html">18 Project Development</a></li>
<!--
<li>
<a href="#">Submenu</a>
<ul>
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
<li><a href="#">Option 4</a></li>
</ul>
</li>
-->
</ul>
</li>
<li><a href="Final Project.html">Final Project</a></li>
<li><a href="#footer">Contcat</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<div id="main" class="wrapper style1">
<div class="container">
<header class="major">
<h2>assignments</h2>
<p>It's the record of weekly coursework, including idea, design, and code files.</p>
</header>
<div class="row gtr-150">
<div class="col-4 col-12-medium">
<!-- Sidebar -->
<section id="sidebar">
<section>
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_00</h3>
<p>Principles and Practices.</p>
<footer>
<ul class="actions">
<li><a href="week_00.html" class="button">More</a></li>
</ul>
</footer>
</section>
<hr />
<section>
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_01</h3>
<p>Project Management.</p>
<footer>
<ul class="actions">
<li><a href="week_01.html" class="button">More</a></li>
</ul>
</footer>
</section>
<section>
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_02</h3>
<p>Computer Aided Design.</p>
<footer>
<ul class="actions">
<li><a href="week_02.html" class="button">More</a></li>
</ul>
</footer>
</section>
<hr />
<section>
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_05</h3>
<p>3D Scanning and Printing.</p>
<footer>
<ul class="actions">
<li><a href="week_05.html" class="button">More</a></li>
</ul>
</footer>
</section>
<hr />
<section>
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_06</h3>
<p>Electronics Design.</p>
<footer>
<ul class="actions">
<li><a href="week_06.html" class="button">More</a></li>
</ul>
</footer>
</section>
<hr />
<section>
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_07</h3>
<p>Computer-controlled Machining.</p>
<footer>
<ul class="actions">
<li><a href="week_07.html" class="button">More</a></li>
</ul>
</footer>
</section>
<hr />
</section>
<section>
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_10</h3>
<p>Applications and Implications.</p>
<footer>
<ul class="actions">
<li><a href="week_10.html" class="button">More</a></li>
</ul>
</footer>
</section>
<hr />
<section>
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_11</h3>
<p>Output Devices.</p>
<footer>
<ul class="actions">
<li><a href="week_11.html" class="button">More</a></li>
</ul>
</footer>
</section>
<hr />
<section>
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_12</h3>
<p>Molding and Casting.</p>
<footer>
<ul class="actions">
<li><a href="week_12.html" class="button">More</a></li>
</ul>
</footer>
</section>
<hr />
</section>
<section id="sidebar">
<section>
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_15</h3>
<p>Mechanical Design and Machine Design.</p>
<footer>
<ul class="actions">
<li><a href="week_15.html" class="button">More</a></li>
</ul>
</footer>
</section>
<hr />
<section>
<a href="#" class="image fit"><img src="images/pic06.jpg" alt="" /></a>
<h3>week_16</h3>
<p>Wildcard Week.</p>
<footer>
<ul class="actions">
<li><a href="week_16.html" class="button">More</a></li>
</ul>
</footer>
</section>
<hr />
</div>
<div class="col-8 col-12-medium imp-medium">
<!-- Content -->
<section id="content">
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_03</h3>
<p>Computer-controlled Cutting.</p>
<ul class="actions">
<li><a href="week_03.html" class="button">More</a></li>
</ul>
</header>
</ul>
</footer>
</section>
<hr />
<section id="content">
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_04</h3>
<p>Electronics production.</p>
<ul class="actions">
<li><a href="week_04.html" class="button">More</a></li>
</ul>
</header>
</ul>
</footer>
</section>
<hr />
<section id="content">
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_08</h3>
<p>Embedded Programming.</p>
<ul class="actions">
<li><a href="week_08.html" class="button">More</a></li>
</ul>
</header>
</ul>
</footer>
</section>
<hr />
<section id="content">
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_09</h3>
<p>Input Devices.</p>
<ul class="actions">
<li><a href="week_09.html" class="button">More</a></li>
</ul>
</header>
</ul>
</footer>
</section>
<hr />
<section id="content">
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_13</h3>
<p>Networking and Communications.</p>
<ul class="actions">
<li><a href="week_13.html" class="button">More</a></li>
</ul>
</header>
</ul>
</footer>
</section>
<hr />
<section id="content">
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_14</h3>
<p>IInterface and Application Programming.</p>
<ul class="actions">
<li><a href="week_14.html" class="button">More</a></li>
</ul>
</header>
</ul>
</footer>
</section>
<hr />
<section id="content">
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_17</h3>
<p>Invetion, Intellectual property and income.</p>
<ul class="actions">
<li><a href="week_17.html" class="button">More</a></li>
</ul>
</header>
</ul>
</footer>
</section>
<hr />
<section id="content">
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<h3>week_18</h3>
<p>Project Development.</p>
<ul class="actions">
<li><a href="week_18.html" class="button">More</a></li>
</ul>
</header>
</ul>
</footer>
</section>
<hr />
</section>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://user.qzone.qq.com/386866966/infocenter" class="icon brands alt fa-twitter"><span class="label">QQ</span></a></li>
<li><a href="https://www.facebook.com/zihao.lin.7399" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://www.linkedin.com/feed/?trk=onboarding-landing" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<li><a href="https://www.instagram.com/dark_canya/" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon solid alt fa-envelope"><span class="label">Email linzihao@scuspark.com</span></a></li>
</ul>
<ul class="copyright">
<li>&copy; Science Park of Sichuan University Co.Ltd. All rights reserved.</li><li>Design: Lin Zihao</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
This diff is collapsed.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="18px" viewBox="0 0 36 18" zoomAndPan="disable" preserveAspectRatio="none">
<style type="text/css"><![CDATA[ line { stroke: #fff; stroke-width: 1; } ]]></style>
<line x1="0" y1="0" x2="18" y2="18" />
<line x1="36" y1="0" x2="18" y2="18" />
</svg>
\ No newline at end of file
docs/assets/css/images/ie/banner-overlay.png

113 B

docs/assets/css/images/overlay.png

17.3 KiB

This diff is collapsed.
/*
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
/* Loader */
body.landing.is-preload:before {
display: none;
}
body.landing.is-preload:after {
display: none;
}
\ No newline at end of file
/* breakpoints.js v1.0 | @ajlkn | MIT licensed */
var breakpoints=function(){"use strict";function e(e){t.init(e)}var t={list:null,media:{},events:[],init:function(e){t.list=e,window.addEventListener("resize",t.poll),window.addEventListener("orientationchange",t.poll),window.addEventListener("load",t.poll),window.addEventListener("fullscreenchange",t.poll)},active:function(e){var n,a,s,i,r,d,c;if(!(e in t.media)){if(">="==e.substr(0,2)?(a="gte",n=e.substr(2)):"<="==e.substr(0,2)?(a="lte",n=e.substr(2)):">"==e.substr(0,1)?(a="gt",n=e.substr(1)):"<"==e.substr(0,1)?(a="lt",n=e.substr(1)):"!"==e.substr(0,1)?(a="not",n=e.substr(1)):(a="eq",n=e),n&&n in t.list)if(i=t.list[n],Array.isArray(i)){if(r=parseInt(i[0]),d=parseInt(i[1]),isNaN(r)){if(isNaN(d))return;c=i[1].substr(String(d).length)}else c=i[0].substr(String(r).length);if(isNaN(r))switch(a){case"gte":s="screen";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: -1px)";break;case"not":s="screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (max-width: "+d+c+")"}else if(isNaN(d))switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen";break;case"gt":s="screen and (max-width: -1px)";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+")";break;default:s="screen and (min-width: "+r+c+")"}else switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+"), screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (min-width: "+r+c+") and (max-width: "+d+c+")"}}else s="("==i.charAt(0)?"screen and "+i:i;t.media[e]=!!s&&s}return t.media[e]!==!1&&window.matchMedia(t.media[e]).matches},on:function(e,n){t.events.push({query:e,handler:n,state:!1}),t.active(e)&&n()},poll:function(){var e,n;for(e=0;e<t.events.length;e++)n=t.events[e],t.active(n.query)?n.state||(n.state=!0,n.handler()):n.state&&(n.state=!1)}};return e._=t,e.on=function(e,n){t.on(e,n)},e.active=function(e){return t.active(e)},e}();!function(e,t){"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?module.exports=t():e.breakpoints=t()}(this,function(){return breakpoints});
/* browser.js v1.0 | @ajlkn | MIT licensed */
var browser=function(){"use strict";var e={name:null,version:null,os:null,osVersion:null,touch:null,mobile:null,_canUse:null,canUse:function(n){e._canUse||(e._canUse=document.createElement("div"));var o=e._canUse.style,r=n.charAt(0).toUpperCase()+n.slice(1);return n in o||"Moz"+r in o||"Webkit"+r in o||"O"+r in o||"ms"+r in o},init:function(){var n,o,r,i,t=navigator.userAgent;for(n="other",o=0,r=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],i=0;i<r.length;i++)if(t.match(r[i][1])){n=r[i][0],o=parseFloat(RegExp.$1);break}for(e.name=n,e.version=o,n="other",o=0,r=[["ios",/([0-9_]+) like Mac OS X/,function(e){return e.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(e){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(e){return e.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null],["linux",/Linux/,null],["bsd",/BSD/,null],["unix",/X11/,null]],i=0;i<r.length;i++)if(t.match(r[i][1])){n=r[i][0],o=parseFloat(r[i][2]?r[i][2](RegExp.$1):RegExp.$1);break}e.os=n,e.osVersion=o,e.touch="wp"==e.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),e.mobile="wp"==e.os||"android"==e.os||"ios"==e.os||"bb"==e.os}};return e.init(),e}();!function(e,n){"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?module.exports=n():e.browser=n()}(this,function(){return browser});
/* jquery.dropotron.js v1.4.3 | (c) @ajlkn | github.com/ajlkn/jquery.dropotron | MIT licensed */
!function(e){e.fn.disableSelection_dropotron=function(){return e(this).css("user-select","none").css("-khtml-user-select","none").css("-moz-user-select","none").css("-o-user-select","none").css("-webkit-user-select","none")},e.fn.dropotron=function(t){if(0==this.length)return e(this);if(this.length>1)for(var o=0;o<this.length;o++)e(this[o]).dropotron(t);return e.dropotron(e.extend({selectorParent:e(this)},t))},e.dropotron=function(t){var o=e.extend({selectorParent:null,baseZIndex:1e3,menuClass:"dropotron",expandMode:"hover",hoverDelay:150,hideDelay:250,openerClass:"opener",openerActiveClass:"active",submenuClassPrefix:"level-",mode:"fade",speed:"fast",easing:"swing",alignment:"left",offsetX:0,offsetY:0,globalOffsetY:0,IEOffsetX:0,IEOffsetY:0,noOpenerFade:!0,detach:!0,cloneOnDetach:!0},t),n=o.selectorParent,s=n.find("ul"),i=e("body"),a=e("body,html"),l=e(window),r=!1,d=null,c=null;n.on("doCollapseAll",function(){s.trigger("doCollapse")}),s.each(function(){var t=e(this),n=t.parent();o.hideDelay>0&&t.add(n).on("mouseleave",function(e){window.clearTimeout(c),c=window.setTimeout(function(){t.trigger("doCollapse")},o.hideDelay)}),t.disableSelection_dropotron().hide().addClass(o.menuClass).css("position","absolute").on("mouseenter",function(e){window.clearTimeout(c)}).on("doExpand",function(){if(t.is(":visible"))return!1;window.clearTimeout(c),s.each(function(){var t=e(this);e.contains(t.get(0),n.get(0))||t.trigger("doCollapse")});var i,a,d,f,u=n.offset(),p=n.position(),h=(n.parent().position(),n.outerWidth()),g=t.outerWidth(),v=t.css("z-index")==o.baseZIndex;if(v){switch(i=o.detach?u:p,f=i.top+n.outerHeight()+o.globalOffsetY,a=o.alignment,t.removeClass("left").removeClass("right").removeClass("center"),o.alignment){case"right":d=i.left-g+h,0>d&&(d=i.left,a="left");break;case"center":d=i.left-Math.floor((g-h)/2),0>d?(d=i.left,a="left"):d+g>l.width()&&(d=i.left-g+h,a="right");break;case"left":default:d=i.left,d+g>l.width()&&(d=i.left-g+h,a="right")}t.addClass(a)}else switch("relative"==n.css("position")||"absolute"==n.css("position")?(f=o.offsetY,d=-1*p.left):(f=p.top+o.offsetY,d=0),o.alignment){case"right":d+=-1*n.parent().outerWidth()+o.offsetX;break;case"center":case"left":default:d+=n.parent().outerWidth()+o.offsetX}navigator.userAgent.match(/MSIE ([0-9]+)\./)&&RegExp.$1<8&&(d+=o.IEOffsetX,f+=o.IEOffsetY),t.css("left",d+"px").css("top",f+"px").css("opacity","0.01").show();var C=!1;switch(d="relative"==n.css("position")||"absolute"==n.css("position")?-1*p.left:0,t.offset().left<0?(d+=n.parent().outerWidth()-o.offsetX,C=!0):t.offset().left+g>l.width()&&(d+=-1*n.parent().outerWidth()-o.offsetX,C=!0),C&&t.css("left",d+"px"),t.hide().css("opacity","1"),o.mode){case"zoom":r=!0,n.addClass(o.openerActiveClass),t.animate({width:"toggle",height:"toggle"},o.speed,o.easing,function(){r=!1});break;case"slide":r=!0,n.addClass(o.openerActiveClass),t.animate({height:"toggle"},o.speed,o.easing,function(){r=!1});break;case"fade":if(r=!0,v&&!o.noOpenerFade){var C;C="slow"==o.speed?80:"fast"==o.speed?40:Math.floor(o.speed/2),n.fadeTo(C,.01,function(){n.addClass(o.openerActiveClass),n.fadeTo(o.speed,1),t.fadeIn(o.speed,function(){r=!1})})}else n.addClass(o.openerActiveClass),n.fadeTo(o.speed,1),t.fadeIn(o.speed,function(){r=!1});break;case"instant":default:n.addClass(o.openerActiveClass),t.show()}return!1}).on("doCollapse",function(){return t.is(":visible")?(t.hide(),n.removeClass(o.openerActiveClass),t.find("."+o.openerActiveClass).removeClass(o.openerActiveClass),t.find("ul").hide(),!1):!1}).on("doToggle",function(e){return t.is(":visible")?t.trigger("doCollapse"):t.trigger("doExpand"),!1}),n.disableSelection_dropotron().addClass("opener").css("cursor","pointer").on("click touchend",function(e){r||(e.preventDefault(),e.stopPropagation(),t.trigger("doToggle"))}),"hover"==o.expandMode&&n.hover(function(e){r||(d=window.setTimeout(function(){t.trigger("doExpand")},o.hoverDelay))},function(e){window.clearTimeout(d)})}),s.find("a").css("display","block").on("click touchend",function(t){r||e(this).attr("href").length<1&&t.preventDefault()}),n.find("li").css("white-space","nowrap").each(function(){var t=e(this),o=t.children("a"),s=t.children("ul"),i=o.attr("href");o.on("click touchend",function(e){0==i.length||"#"==i?e.preventDefault():e.stopPropagation()}),o.length>0&&0==s.length&&t.on("click touchend",function(e){r||(n.trigger("doCollapseAll"),e.stopPropagation())})}),n.children("li").each(function(){var t,n=e(this),s=n.children("ul");if(s.length>0){o.detach&&(o.cloneOnDetach&&(t=s.clone(),t.attr("class","").hide().appendTo(s.parent())),s.detach().appendTo(i));for(var a=o.baseZIndex,l=1,r=s;r.length>0;l++)r.css("z-index",a++),o.submenuClassPrefix&&r.addClass(o.submenuClassPrefix+(a-1-o.baseZIndex)),r=r.find("> li > ul")}}),l.on("scroll",function(){n.trigger("doCollapseAll")}).on("keypress",function(e){r||27!=e.keyCode||(e.preventDefault(),n.trigger("doCollapseAll"))}),a.on("click touchend",function(){r||n.trigger("doCollapseAll")})}}(jQuery);
This diff is collapsed.
/* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */
!function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100*e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100*n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r<this.length;r++)t(this[r]).scrollex(l);return s}if(s.data("_scrollexId"))return s;var a,u,h,c,p;switch(a=i++,u=jQuery.extend({top:0,bottom:0,delay:0,mode:"default",enter:null,leave:null,initialize:null,terminate:null,scroll:null},l),u.mode){case"top":h=function(t,e,n,i,o){return t>=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n<this.length;n++)t(this[n]).unscrollex();return e}var i,l;return(i=e.data("_scrollexId"))?(l=o[i],window.clearTimeout(l.timeoutId),delete o[i],e.removeData("_scrollexId"),l.options.terminate&&l.options.terminate.apply(this),e):e}}(jQuery);
\ No newline at end of file
/* jquery.scrolly v1.0.0-dev | (c) @ajlkn | MIT licensed */
(function(e){function u(s,o){var u,a,f;if((u=e(s))[t]==0)return n;a=u[i]()[r];switch(o.anchor){case"middle":f=a-(e(window).height()-u.outerHeight())/2;break;default:case r:f=Math.max(a,0)}return typeof o[i]=="function"?f-=o[i]():f-=o[i],f}var t="length",n=null,r="top",i="offset",s="click.scrolly",o=e(window);e.fn.scrolly=function(i){var o,a,f,l,c=e(this);if(this[t]==0)return c;if(this[t]>1){for(o=0;o<this[t];o++)e(this[o]).scrolly(i);return c}l=n,f=c.attr("href");if(f.charAt(0)!="#"||f[t]<2)return c;a=jQuery.extend({anchor:r,easing:"swing",offset:0,parent:e("body,html"),pollOnce:!1,speed:1e3},i),a.pollOnce&&(l=u(f,a)),c.off(s).on(s,function(e){var t=l!==n?l:u(f,a);t!==n&&(e.preventDefault(),a.parent.stop().animate({scrollTop:t},a.speed,a.easing))})}})(jQuery);
\ No newline at end of file
/*
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
(function($) {
var $window = $(window),
$body = $('body');
// Breakpoints.
breakpoints({
xlarge: [ '1281px', '1680px' ],
large: [ '981px', '1280px' ],
medium: [ '737px', '980px' ],
small: [ '481px', '736px' ],
xsmall: [ null, '480px' ]
});
// Play initial animations on page load.
$window.on('load', function() {
window.setTimeout(function() {
$body.removeClass('is-preload');
}, 100);
});
// Touch mode.
if (browser.mobile)
$body.addClass('is-touch');
// Scrolly links.
$('.scrolly').scrolly({
speed: 2000
});
// Dropdowns.
$('#nav > ul').dropotron({
alignment: 'right',
hideDelay: 350
});
// Nav.
// Title Bar.
$(
'<div id="titleBar">' +
'<a href="#navPanel" class="toggle"></a>' +
'<span class="title">' + $('#logo').html() + '</span>' +
'</div>'
)
.appendTo($body);
// Panel.
$(
'<div id="navPanel">' +
'<nav>' +
$('#nav').navList() +
'</nav>' +
'</div>'
)
.appendTo($body)
.panel({
delay: 500,
hideOnClick: true,
hideOnSwipe: true,
resetScroll: true,
resetForms: true,
side: 'left',
target: $body,
visibleClass: 'navPanel-visible'
});
// Parallax.
// Disabled on IE (choppy scrolling) and mobile platforms (poor performance).
if (browser.name == 'ie'
|| browser.mobile) {
$.fn._parallax = function() {
return $(this);
};
}
else {
$.fn._parallax = function() {
$(this).each(function() {
var $this = $(this),
on, off;
on = function() {
$this
.css('background-position', 'center 0px');
$window
.on('scroll._parallax', function() {
var pos = parseInt($window.scrollTop()) - parseInt($this.position().top);
$this.css('background-position', 'center ' + (pos * -0.15) + 'px');
});
};
off = function() {
$this
.css('background-position', '');
$window
.off('scroll._parallax');
};
breakpoints.on('<=medium', off);
breakpoints.on('>medium', on);
});
return $(this);
};
$window
.on('load resize', function() {
$window.trigger('scroll');
});
}
// Spotlights.
var $spotlights = $('.spotlight');
$spotlights
._parallax()
.each(function() {
var $this = $(this),
on, off;
on = function() {
var top, bottom, mode;
// Use main <img>'s src as this spotlight's background.
$this.css('background-image', 'url("' + $this.find('.image.main > img').attr('src') + '")');
// Side-specific scrollex tweaks.
if ($this.hasClass('top')) {
mode = 'top';
top = '-20%';
bottom = 0;
}
else if ($this.hasClass('bottom')) {
mode = 'bottom-only';
top = 0;
bottom = '20%';
}
else {
mode = 'middle';
top = 0;
bottom = 0;
}
// Add scrollex.
$this.scrollex({
mode: mode,
top: top,
bottom: bottom,
initialize: function(t) { $this.addClass('inactive'); },
terminate: function(t) { $this.removeClass('inactive'); },
enter: function(t) { $this.removeClass('inactive'); },
// Uncomment the line below to "rewind" when this spotlight scrolls out of view.
//leave: function(t) { $this.addClass('inactive'); },
});
};
off = function() {
// Clear spotlight's background.
$this.css('background-image', '');
// Remove scrollex.
$this.unscrollex();
};
breakpoints.on('<=medium', off);
breakpoints.on('>medium', on);
});
// Wrappers.
var $wrappers = $('.wrapper');
$wrappers
.each(function() {
var $this = $(this),
on, off;
on = function() {
$this.scrollex({
top: 250,
bottom: 0,
initialize: function(t) { $this.addClass('inactive'); },
terminate: function(t) { $this.removeClass('inactive'); },
enter: function(t) { $this.removeClass('inactive'); },
// Uncomment the line below to "rewind" when this wrapper scrolls out of view.
//leave: function(t) { $this.addClass('inactive'); },
});
};
off = function() {
$this.unscrollex();
};
breakpoints.on('<=medium', off);
breakpoints.on('>medium', on);
});
// Banner.
var $banner = $('#banner');
$banner
._parallax();
})(jQuery);
\ No newline at end of file
This diff is collapsed.
// breakpoints.scss v1.0 | @ajlkn | MIT licensed */
// Vars.
/// Breakpoints.
/// @var {list}
$breakpoints: () !global;
// Mixins.
/// Sets breakpoints.
/// @param {map} $x Breakpoints.
@mixin breakpoints($x: ()) {
$breakpoints: $x !global;
}
/// Wraps @content in a @media block targeting a specific orientation.
/// @param {string} $orientation Orientation.
@mixin orientation($orientation) {
@media screen and (orientation: #{$orientation}) {
@content;
}
}
/// Wraps @content in a @media block using a given query.
/// @param {string} $query Query.
@mixin breakpoint($query: null) {
$breakpoint: null;
$op: null;
$media: null;
// Determine operator, breakpoint.
// Greater than or equal.
@if (str-slice($query, 0, 2) == '>=') {
$op: 'gte';
$breakpoint: str-slice($query, 3);
}
// Less than or equal.
@elseif (str-slice($query, 0, 2) == '<=') {
$op: 'lte';
$breakpoint: str-slice($query, 3);
}
// Greater than.
@elseif (str-slice($query, 0, 1) == '>') {
$op: 'gt';
$breakpoint: str-slice($query, 2);
}
// Less than.
@elseif (str-slice($query, 0, 1) == '<') {
$op: 'lt';
$breakpoint: str-slice($query, 2);
}
// Not.
@elseif (str-slice($query, 0, 1) == '!') {
$op: 'not';
$breakpoint: str-slice($query, 2);
}
// Equal.
@else {
$op: 'eq';
$breakpoint: $query;
}
// Build media.
@if ($breakpoint and map-has-key($breakpoints, $breakpoint)) {
$a: map-get($breakpoints, $breakpoint);
// Range.
@if (type-of($a) == 'list') {
$x: nth($a, 1);
$y: nth($a, 2);
// Max only.
@if ($x == null) {
// Greater than or equal (>= 0 / anything)
@if ($op == 'gte') {
$media: 'screen';
}
// Less than or equal (<= y)
@elseif ($op == 'lte') {
$media: 'screen and (max-width: ' + $y + ')';
}
// Greater than (> y)
@elseif ($op == 'gt') {
$media: 'screen and (min-width: ' + ($y + 1) + ')';
}
// Less than (< 0 / invalid)
@elseif ($op == 'lt') {
$media: 'screen and (max-width: -1px)';
}
// Not (> y)
@elseif ($op == 'not') {
$media: 'screen and (min-width: ' + ($y + 1) + ')';
}
// Equal (<= y)
@else {
$media: 'screen and (max-width: ' + $y + ')';
}
}
// Min only.
@else if ($y == null) {
// Greater than or equal (>= x)
@if ($op == 'gte') {
$media: 'screen and (min-width: ' + $x + ')';
}
// Less than or equal (<= inf / anything)
@elseif ($op == 'lte') {
$media: 'screen';
}
// Greater than (> inf / invalid)
@elseif ($op == 'gt') {
$media: 'screen and (max-width: -1px)';
}
// Less than (< x)
@elseif ($op == 'lt') {
$media: 'screen and (max-width: ' + ($x - 1) + ')';
}
// Not (< x)
@elseif ($op == 'not') {
$media: 'screen and (max-width: ' + ($x - 1) + ')';
}
// Equal (>= x)
@else {
$media: 'screen and (min-width: ' + $x + ')';
}
}
// Min and max.
@else {
// Greater than or equal (>= x)
@if ($op == 'gte') {
$media: 'screen and (min-width: ' + $x + ')';
}
// Less than or equal (<= y)
@elseif ($op == 'lte') {
$media: 'screen and (max-width: ' + $y + ')';
}
// Greater than (> y)
@elseif ($op == 'gt') {
$media: 'screen and (min-width: ' + ($y + 1) + ')';
}
// Less than (< x)
@elseif ($op == 'lt') {
$media: 'screen and (max-width: ' + ($x - 1) + ')';
}
// Not (< x and > y)
@elseif ($op == 'not') {
$media: 'screen and (max-width: ' + ($x - 1) + '), screen and (min-width: ' + ($y + 1) + ')';
}
// Equal (>= x and <= y)
@else {
$media: 'screen and (min-width: ' + $x + ') and (max-width: ' + $y + ')';
}
}
}
// String.
@else {
// Missing a media type? Prefix with "screen".
@if (str-slice($a, 0, 1) == '(') {
$media: 'screen and ' + $a;
}
// Otherwise, use as-is.
@else {
$media: $a;
}
}
}
// Output.
@media #{$media} {
@content;
}
}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment