-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
22 lines (20 loc) · 16.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>w/MQG - Dumb Media Queries</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<p>Vanilla Behavior</p>
<h1>Resize</h1>
<p><a href="withMQGenie.html">Test MQGenie behavior</a></p>
<p><a href="withMatchMedia.html">Test MatchMedia behavior</a></p>
<p class="innerWidth">window.innerWidth : <span></span></p>
<p class="width">$(window).width() : <span></span></p>
<p><a class="toggle" href="#">Toggle Content</a></p>
<span class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.</span>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>