This repository has been archived by the owner on Jul 25, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
72 lines (63 loc) · 3.68 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
<html class="js no-flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Type Cards</title>
<meta name="description" content="Master the finer details of typography">
<meta name="keywords" content="type, typography, study, cards">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--
<link href="assets/img/iphone-splash.png" media="(device-width: 320px)" rel="apple-touch-startup-image">
<link href="assets/img/iphone-splash.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
-->
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/assets/img/icons/typecards-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/img/icons/typecards-icon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/img/icons/typecards-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/img/icons/typecards-icon-144.png">
<link rel="shortcut icon" type="image/ico" href="/assets/img/icons/favicon.ico">
<link rel="stylesheet" href="assets/css/style.css?v=b0.9">
<!-- Scripts -->
<!-- jquery -->
<script
src="https://code.jquery.com/jquery-1.9.1.min.js"
integrity="sha256-wS9gmOZBqsqWxgIVgA8Y9WcQOa7PgSIX+rPA0VL2rbQ="
crossorigin="anonymous"></script>
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33078147-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div role="main" id="main" class="wrap">
<div class="info">
<hgroup class="logo">
<h1 class="logo-type" style="font-size: 138px;">typecards</h1>
<h2 class="tag-line" style="font-size: 32.1667px;">Master the finer details of typography</h2>
</hgroup>
<section class="details">
<p>typecards is an experiment using html and javascript to create a native app like experience on (almost) any device. It's still considered a work in progress, but feel free to check it out. For best results on iOS, save it to your homescreen.</p>
<a href="app.html" class="button">Launch the App</a>
</section>
</div>
<section class="phone">
</section>
</div><!--main-->
<footer class="main-footer">
<span>Typecards is a web experiment from <a href="http://jimmynotjim.com">James Wilson (jimmynotjim)</a>. To keep an eye on the progress follow my <a href="http://twitter.com/jimmynotjim">twitter</a> or <a href="http://dribbble.com/jimmynotjim">dribbble</a> streams.</span>
</footer>
<!-- FitText -->
<script src="assets/js/jquery.fittext.js"></script>
<script>
jQuery('.logo-type').fitText(0.4);
jQuery('.tag-line').fitText(1.2);
</script>
</body></html>