-
Notifications
You must be signed in to change notification settings - Fork 32
/
index.html
86 lines (79 loc) · 5.42 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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!doctype html>
<html class='no-js'>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Style</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/app.css" />
<script>
// https://github.com/benschwarz/metaquery
!function(a,b){"use strict";var c={breakpoints:{},_isTicking:!1,_debounceLastTime:0,_namedEvents:{},_eventMatchCache:{},_globalEvents:[],onBreakpointChange:function(){var a=Array.prototype.slice.call(arguments),b=a.pop(),d=a.pop();"undefined"==typeof d?c._globalEvents.push(b):(c._namedEvents[d]=[]).push(b),k()}},d=function(c){/in/.test(b.readyState)?a.setTimeout(function(){d(c)},9):c()},e=function(a,b){var c=a.className.split(" "),d=c.indexOf(b);d>-1&&(c.splice(d,1),a.className=c.join(" "))},f=function(a,b){-1===a.className.indexOf(b)&&(a.className=""!==a.className?a.className+" "+b:b)},g=function(a,c){var d="breakpoint-"+c,g=b.documentElement;a?f(g,d):e(g,d)},h=function(a){c._globalEvents.forEach(function(b){"function"==typeof b&&b(a)})},i=function(){c._isTicking||j(k),c._isTicking=!0},j=function(b,d){if(!a.requestAnimationFrame){var e=(new Date).getTime(),f=Math.max(0,16-(e-c._debounceLastTime)),g=a.setTimeout(function(){b(e+f)},f);return c._debounceLastTime=e+f,g}a.requestAnimationFrame(b,d)},k=function(){c._isTicking=!1;var b=[];for(var d in c.breakpoints){var e=c.breakpoints[d],f=a.matchMedia(e).matches;if(c._namedEvents[d]&&c._eventMatchCache[d]!==f){c._eventMatchCache[d]=f;for(var i=0;i<c._namedEvents[d].length;i++){var j=c._namedEvents[d][i];"function"==typeof j&&j(f)}}f&&b.push(d),g(f,d)}0!==b.length&&h(b)},l=function(){for(var a=b.getElementsByTagName("meta"),d=0;d<a.length;d++)if("breakpoint"===a[d].name){var e=a[d].getAttribute("content"),f=a[d].getAttribute("media");c.breakpoints[e]=f}},m=function(){l(),k()},n=function(){l(),k(),a.addEventListener("resize",i)};"undefined"!=typeof module&&module.exports?module.exports=c:a.metaQuery=c,m(),d(n)}(window,document);
</script>
<meta name="breakpoint" content="small-phone-only" media="(max-width: 480px)">
<meta name="breakpoint" content="large-phone" media="(min-width: 481px)">
<meta name="breakpoint" content="large-phone-only" media="(min-width: 481px) and (max-width: 600px)">
<meta name="breakpoint" content="any-phone-only" media="(max-width: 600px)">
<meta name="breakpoint" content="tablet" media="(min-width: 601px)">
<meta name="breakpoint" content="tablet-only" media="(min-width: 601px) and (max-width: 1024px)">
<meta name="breakpoint" content="widescreen" media="(min-width: 1025px)">
</head>
<body>
<div class='layout-box -center -gutters -top-medium -bottom-medium -max-width-desktop'>
<h1 class='type-heading -h1'>Style</h1>
<div class='grid'>
<div class='grid__col -span-12 -breakpoint-tablet-span-3'>
<ul class='type-list'>
<li><a href='#' class='type-link'>Hello</a></li>
<li>World</li>
</ul>
</div>
<div class='grid__col -span-12 -breakpoint-tablet-span-9'>
<div class='container -max-width-readable-text'>
<div class='type-raw-html'>
<!-- For example, generated by Markdown -->
<!-- Courtesy of https://github.com/vonconrad/warren_ipsum -->
<h1>these damn designers</h1>
<h2>and their designer-words,</h2>
<h3>I got married and now I</h3>
<h4>have all these unresolved dependencies,</h4>
<h5>well it's not my problem if they end up with</h5>
<h6>crappy artifacts because they didn't use .png,</h6>
<p>errrm you might need to rake db:migrate, <a href='#'>say no</a> to overwriting, don't you have an Avdi tweet to re post or something?, ZOMG LUNCHTIEM, .Net? Ewww, I have no need for VPS hosting any more, I cry every time I think how much I paid for my first 1GB HDD, your attendance at daily stand ups is required - bring pastries, obvious joke is obvious,</p>
<ul>
<li>Yawn,</li>
<li>Can't figure out if it's ignorance or arrogance that leads people to half implement an existing</li>
<li>design pattern and call it something else,<ul>
<li>well I'm glad we had this talk,</li>
<li>set your velocity to 30,</li>
<li>glad to hear that .NET programmers are still the same,<ul>
<li>I think we've seen enough - rewrite,</li>
<li>Ahhhh I love it when someone rolls their own complete MVC framework,</li>
</ul>
</li>
</ul>
</li>
<li>shakes fist at Timecop and Cucumber,</li>
</ul>
<ol>
<li>nice try paper boy, cake tastes better,</li>
<li>nooooo not the stupid video popover,<ol>
<li>next HOVERBOARDS,</li>
<li>actual LOL,<ol>
<li>ffs, looks like that stuff could be extracted into a more general method to sanitize the page,</li>
<li>evil? it's positively Lovecraft-ian,</li>
</ol>
</li>
</ol>
</li>
<li>code review coming soon to a GitHub account near you,</li>
</ol>
</div>
</div>
</div>
</div>
</div>
</body>
</html>