-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·153 lines (128 loc) · 7.02 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Rosetta Type Specimens</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="css/style.css?v=2">
<script src="https://use.typekit.net/bfr4cwa.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<!--[if lte IE 8]><script src="js/respond.min.js"></script><![endif]-->
<script src="js/modernizr.js"></script>
<script type="text/javascript">
window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=t.forceSSL||"https:"===document.location.protocol,a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=(r?"https:":"http:")+"//cdn.heapanalytics.com/js/heap-"+e+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","removeEventProperty","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])};
heap.load("4058042432");
</script>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.7";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<header><div class="in">
<h1><a href="http://rosettatype.com/" class="logo">Rosetta type</a></h1>
<a href="http://rosettatype.com/" class="back">Go to the main Rosetta web »</a>
</div></header>
<section>
<div class="motto">
<div class="in c">
<h2>Rosetta type specimens are an ongoing series of brochures representing individual type families from our library. Technical specs, clean text settings, snazzy details, and a colourful palette of possible applications.
<!--We gave a few hundred specimens away for free, but are now out of stock. If you missed the promo this time, do not despair. There will be a next one. Stay tuned! -->
Get yours here for free and tell your friends! <!-- comment out when inactive -->
</h2>
<div class="more c">
<a href="#orderform" class="buy">Get it now</a> <!-- comment out when inactive -->
<div class="desc">
<p>Get a FREE copy of our new type specimen delivered to your house. Limited supply, one per person. Simply fill in the form and subscribe to our newsletter.</p> <!-- comment out when inactive -->
<div class="share c">
<div><a href="https://twitter.com/rosettatype" class="twitter-follow-button" data-show-count="false">Follow @rosettatype</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
<div class="fb-like" data-href="https://rosettatype.com" data-layout="button" data-action="like" data-show-faces="false" data-share="true"></div>
</div>
</div>
</div>
<h2>The typeface presented here is <a href="https://www.rosettatype.com/Avory">Avory</a> designed by Sláva Jevčinová for Latin, Cyrillic, and Greek scripts.</h2>
</div>
</div>
<article><div class="in c">
<p><strong>Design</strong>The specimens were exquisitely designed by Anna Giedryś and Kamil Kurzajewski; two-colour offset printed, on Munken Lynx White 130 g/m<sup>2</sup>.</p>
<div class="in-article">
<div class="img last">
<img src="img/Specimen_brochures_main.jpg" alt="" class="act">
</div>
</div>
</div></article>
<article><div class="in c">
<p><strong><a href="http://rosettatype.com/Avory">Avory</a></strong> A typeface designed by Sláva Jevčinová in Latin, Cyrillic, and Greek scripts</p>
<div class="in-article">
<div class="img last">
<img src="img/Specimen-slider_Avory_01.jpg" alt="" class="act">
<img src="img/Specimen-slider_Avory_02.jpg" alt="">
<img src="img/Specimen-slider_Avory_03.jpg" alt="">
</div>
</div>
</div></article>
<article><div class="in c">
<p><strong>Details & texture</strong> Compare the versions, enjoy the variety of alternates, check out the spacing and rhythm.</p>
<div class="in-article c">
<div id="img-1" class="img-left"><img src="img/Specimen-detail_Avory_01.jpg" alt=""></div>
<div id="img-2" class="img-right"><img src="img/Specimen-detail_Avory_02.jpg" alt=""></div>
</div>
</div></article>
<article><div class="in c">
<p>Avory includes several sets of funky arrows, which can be combined to add a bit of suspense on a way to a pointed argument.</p>
<div class="in-article c">
<div class="img-left"><img src="img/Specimen-detail_Avory_03.jpg" alt="" class="act"></div>
<div class="img-right"><img src="img/Specimen-detail_Avory_04.jpg" alt="" class="act"></div>
</div>
</div></article>
<!-- Wufoo form -->
<!-- comment out when inactive -->
<article><div class="in c">
<p></p>
<div class="in-article c">
<div class="form">
<a name="orderform"></a>
<h3>Order specimen</h3>
<div id="wufoo-rhogvue0au4o80">
Fill out our <a href="https://rstt.wufoo.com/forms/rhogvue0au4o80">online form</a>.
</div>
<script type="text/javascript">var rhogvue0au4o80;(function(d, t) {
var s = d.createElement(t), options = {
'userName':'rstt',
'formHash':'rhogvue0au4o80',
'autoResize':true,
'height':'785',
'async':true,
'host':'wufoo.com',
'header':'hide',
'ssl':true};
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'www.wufoo.com/scripts/embed/form.js';
s.onload = s.onreadystatechange = function() {
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
try { rhogvue0au4o80 = new WufooForm();rhogvue0au4o80.initialize(options);rhogvue0au4o80.display(); } catch (e) {}};
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
})(document, 'script');</script>
</div>
</div>
</div></article>
</section>
<footer><div class="in">
<p>
© Rosetta Type Foundry & respective designers, 2017. All rights reserved.
</p>
</div></footer>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write("<script src='js/jquery-1.8.0.min.js'>\x3C/script>")</script>
<script src="js/jquery.cycle.min.js"></script>
<script src="js/global.min.js"></script>
</body>
</html>