1<!DOCTYPE html> 2<!--[if IE 8 ]><html class="ie ie8" lang="es"><![endif]--> 3<!--[if IE 9 ]><html class="ie ie9" lang="es"><![endif]--> 4<!--[if (gte IE 9)|!(IE)]><!--><html lang="es"><!--<![endif]--> 5 6<head> 7 8 <!-- BASIC PAGE --> 9 <meta charset="utf-8" /> 10 <title>Graviton Font Foundry</title> 11 <meta name="keywords" content="" /> 12 <meta name="description" content=""> 13 <meta name="author" content=""> 14 <link rel="shortcut icon" href="favicon/favicon-32x32.png" type="image/x-icon"> 15 <link rel="apple-touch-icon-precomposed" sizes="57x57" href="favicon/apple-touch-icon-57x57.png" /> 16 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="favicon/apple-touch-icon-114x114.png" /> 17 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="favicon/apple-touch-icon-72x72.png" /> 18 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="favicon/apple-touch-icon-144x144.png" /> 19 <link rel="apple-touch-icon-precomposed" sizes="60x60" href="favicon/apple-touch-icon-60x60.png" /> 20 <link rel="apple-touch-icon-precomposed" sizes="120x120" href="favicon/apple-touch-icon-120x120.png" /> 21 <link rel="apple-touch-icon-precomposed" sizes="76x76" href="favicon/apple-touch-icon-76x76.png" /> 22 <link rel="apple-touch-icon-precomposed" sizes="152x152" href="favicon/apple-touch-icon-152x152.png" /> 23 <link rel="icon" type="image/png" href="favicon/favicon-196x196.png" sizes="196x196" /> 24 <link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96" /> 25 <link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32" /> 26 <link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16" /> 27 <link rel="icon" type="image/png" href="favicon/favicon-128.png" sizes="128x128" /> 28 <meta name="application-name" content=" "/> 29 <meta name="msapplication-TileColor" content="#FFFFFF" /> 30 <meta name="msapplication-TileImage" content="mstile-144x144.png" /> 31 <meta name="msapplication-square70x70logo" content="mstile-70x70.png" /> 32 <meta name="msapplication-square150x150logo" content="mstile-150x150.png" /> 33 <meta name="msapplication-wide310x150logo" content="mstile-310x150.png" /> 34 <meta name="msapplication-square310x310logo" content="mstile-310x310.png" /> 35 <!-- END BASIC PAGE --> 36 37 38 <!-- START MOBILE METAS --> 39 <!--[if ie]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]--> 40 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 41 <!-- END MOBILE METAS --> 42 43 44 <!-- START GOOGLE FONT 45 <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800|Oswald:400,300,700' rel='stylesheet' type='text/css'> 46 <!-- END GOOGLE FONT --> 47 48 49 <!-- STYLESHEETS --> 50 <link rel="stylesheet" href="css/icon.css"> 51 <link rel="stylesheet" href="css/font.css"> 52 <link rel="stylesheet" href="css/style.css?v=5"> 53 <link rel="stylesheet" href="css/column.css"> 54 <link rel="stylesheet" href="css/animate.css"> 55 <link rel="stylesheet" href="css/responsive.css?v=5"> 56 <!-- END STYLESHEETS --> 57 58 59 <!--[if lt IE 9]> 60
60<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
60 61
61<script src="js/selectivizr.js"></script>
61 62 <![endif]--> 63 64 65</head> 66<body class="test"> 67 68
68<script>
vendor: 353 bytes, lines 68-75
68 69 70 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 71 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 72 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 73 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 74 75 ga('create', '
75UA-64108862-1
vendor: 41 bytes, lines 75-78
75', 'auto'); 76 ga('send', 'pageview'); 77 78
78</script>
78 79 80 81 82 <!-- START NAVIGATION --> 83<nav id="nav" class="nav blanco" style="position:fixed;top:0px;"> 84 <div class="home-logo-navbar"> 85 <a href="https://graviton.com.ar/" class="logo"> 86 <img src="images/logo.svg" width="183px" alt="Prototyp"> 87 </a><!--/.logo --> 88 </div><!--/.alignleft --> 89 90 <div class=""> 91 <ul class="menu"> 92 <!--<li><a href="#nosotros" class="elem RW-14 cBlanco medium">Home</a></li> 93 <li><a href="#servicios" class="elem RW-14 cBlanco medium">Fonts</a></li> 94 <li><a href="#clientes" class="elem RW-14 cBlanco medium">About</a></li> 95 <li><a href="#contacto" class="elem RW-14 cBlanco medium">Contact</a></li> 96 --> 97 </ul><!--/.menu--> 98 </div><!--/.alignright--> 99 100 <div class="btMenu-navbar"> 101 <a href="#" class="btMenu RW-12 semibold LSpa2 cGris5B"><span>MENU</span><span class="ml10"></span></a> 102 </div> 103 <!--<div class="clear"></div>--> 104</nav> 105<nav class="nav_font" style="top:90px;"> 106 <div class=""> 107 <ul class="mm_font"> 108 <li><a href="https://graviton.com.ar/#fonts" class="elem RW-12 cCeleste semibold LSpa2 active">ALL</a></li> 109 <li><a href="https://graviton.com.ar/#fonts/sans" class="elem RW-12 cCeleste semibold LSpa2">SANS</a></li> 110 <li><a href="https://graviton.com.ar/#fonts/serif" class="elem RW-12 cCeleste semibold LSpa2">SERIF</a></li> 111 <li><a href="https://graviton.com.ar/#fonts/display" class="elem RW-12 cCeleste semibold LSpa2">DISPLAY</a></li> 112 <li><a href="https://graviton.com.ar/#fonts/dingbats" class="elem RW-12 cCeleste semibold LSpa2">DINGBATS</a></li> 113 <!--<li style="border-left: 1px solid #fff"> 114 <div class="icon_menu_font list active" style="margin-right:10px;margin-left:15px;"></div> 115 <div class="icon_menu_font grid"> 116 </li>--> 117 </ul> 118 </div> 119</nav> 120<!-- END NAVIGATION --> 121<div class="go-top"></div> 122<div class="menu_overlay"> 123 124 <div class="logo-btn"><a href="#"><img src="images/logo3.svg" width="183px"/></a></div> 125 <div class="close"><a href="#"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve" class="svg-raw replaced-svg"> 126<path fill="#FFFFFF" d="M18.19,19.771l-8.153-8.152l-8.152,8.153l-1.603-1.604l8.152-8.152L0.281,1.862L1.886,0.26l8.152,8.152 l8.154-8.153l1.602,1.604l-8.152,8.153l8.153,8.154L18.19,19.771z"></path> 127</svg></a></div> 128 129 <div class="menu-items"> 130 131 <ul class="RW-29 regular"> 132 <li><a href="https://graviton.com.ar/" class="active">home</a><span></span></li> 133 <li><a href="https://graviton.com.ar/#fonts">fonts</a><span></span></li> 134 <li><a href="https://graviton.com.ar/#about" >about</a><span></span></li> 135 <li><a href="https://graviton.com.ar/#contacto">contact</a><span></span></li> 136 </ul> 137 138 </div><!-- end .menu-items --> 139 <div id="language-menu" class="menu-bottom RW-18 medium"> 140 <a class="eng">English</a> 141 <a class="esp">Español</a> 142 </div> 143 <div class="menu-bottom RW-18 medium cBlanco"><a id="fsTel" href="tel:+541152730200">+5411 5273 . 0200</a><span id="fsBarra"> / </span><a href="mailto:[email protected]" class="RW-18 medium cBlanco">[email protected]</a></div> 144 145</div> 146<!-- START HOME SECTION --> 147<section id="home2" class="parallax seccion" style="background-color:#EEEEEE;"> 148 <div class="home-wrapper2"> 149 <div class="back-btn"> 150 <a class="back-fnt" href="https://graviton.com.ar/"></a> 151 <span id="fnt-name" class="RW-25 cCeleste black"></span> 152 <div class="np-fnt"> 153 <a id="prevfont" style="border-right: 1px solid #bbb;padding-right:20px;" href="https://graviton.com.ar/" class="RW-11 bold cGrisBBB">< PREV</a> 154 <a id="nextfont" style="padding-left:20px;" href="https://graviton.com.ar/" class="RW-11 bold cGrisBBB">NEXT ></a> 155 </div> 156 </div> 157 <div class="home-content2"> 158 <div id="home-slider2" class="slide slider-text slide-mb"> 159 <ul class="slides"> 160 <li><div class="slideImg" style="background-image: url(images/fonts/tuerca/slider-font1.png?v=2); background-position: center;width:100%; height: 100%;"></div></li><li><div class="slideImg" style="background-image: url(images/fonts/tuerca/slider-font2.png?v=2); background-position: center;width:100%; height: 100%;"></div></li><li><div class="slideImg" style="background-image: url(images/fonts/tuerca/slider-font3.png?v=2); background-position: center;width:100%; height: 100%;"></div></li><li><div class="slideImg" style="background-image: url(images/fonts/tuerca/slider-font4.png?v=2); background-position: center;width:100%; height: 100%;"></div></li><li><div class="slideImg" style="background-image: url(images/fonts/tuerca/slider-font5.png?v=2); background-position: center;width:100%; height: 100%;"></div></li><li><div class="slideImg" style="background-image: url(images/fonts/tuerca/slider-font6.png?v=2); background-position: center;width:100%; height: 100%;"></div></li> </ul><!--/.slides--> 161 </div><!--/.testimonials --> 162 163 164 </div><!--/.home-content--> 165 </div> 166</section> 167<section id="stats" style="background-color:#EEE;padding: 40px 0px;"> 168 <div class="stats-wrapper"> 169 <div class="span8" style="margin-right:0px;"> 170 <div id="aboutfont" class="fnt-title RW-18 medium cCeleste">About this font</div> 171 <div id="aboutfonttext" class="RW-13 regular cGris666 lh20 mt20"></div> 172 </div> 173 <div id="aboutDesigner" class="span4" style="margin-right:0px;float:right;"> 174 <div class="fnt-detail" class="RW-13 cGris666"> 175 <span id="designer-font" class="bold">Designer.</span><span id="designer"></span><br> 176 <span id="released-font" class="bold">Released.</span><span id="released"></span><br> 177 <span id="weisty-font" class="bold">Weights & Styles.</span><span id="weisty"></span><br>
178 </div> 179 <!--<a href="pdf/tuerca/spec.pdf" class="RW-13 bold cBlanco fnt-download">DOWNLOAD PDF SPECIMENT</a>--> 180 </div> 181 <div class="clear"></div> 182 </div> 183</section> 184<!-- END HOME SECTION --> 185 186<!-- START FEATURES SECTION --> 187<section id="detail" class="section blanco seccion"> 188 <div class="container"> 189 <div style="width: 615px;max-width: 100%;margin-right: 40px;display: inline-block;vertical-align: top;"> 190 <div class="fnt-specific" style="padding-bottom: 3px;"> 191 <div class="fnt-specific-title RW-18 cCeleste"><span>Test</span><span class="bold"> Font</span></div> 192 <div style="position: relative"> 193 <img src="images/sp1.svg" style="position: absolute;right: 120px;top: 2px;"> 194 <div id="sizer" class="fnt-specific-sizer"></div> 195 <img src="images/sp2.svg" style="position: absolute;right: 10px;top: -2px;"> 196 </div> 197 <div> 198 <input type="text" id="nText" value="Enter your sample text"> 199 </div> 200 </div> 201 <div id="font-display"></div> 202 </div> 203 <div class="purchase-options" style="width:300px;text-align: center;display: inline-block;margin-left: 0px;"> 204 <div> 205 <div class="RW-18 cCeleste fnt-purchase-title"> 206 <span class="bold">Purchase</span><span class="regular"> Options</span> 207 </div> 208 <div id="myfonts" class="fnt-available"> 209 <a href="http://www.myfonts.com/foundry/graviton/" target="_blank"><img src="images/myfonts_logo-font-01.svg"></a> 210 </div> 211 <div id="fontstrping" class="fnt-available"> 212 <a href="http://www.fontspring.com/foundry/graviton/" target="_blank"><img src="images/fontspring_logo-font-01.svg"></a> 213 </div> 214 <div id="ywft" class="fnt-available"> 215 <a href="https://www.youworkforthem.com/" target="_blank"><img style="margin-top:40px;"src="images/you_work_logo-font-01.svg"></a> 216 </div> 217 <div id="hypefor" class="fnt-available"> 218 <a href="http://www.myfonts.com/foundry/graviton/" target="_blank"><img style="max-width: 150px;" src="images/fontshop_logo-font-01.svg"></a> 219 </div> 220 </div> 221 <a href="https://graviton.com.ar/#find-our-fonts" class="more-options">More Options</a> 222 </div> 223 </div> 224</section> 225 226 <section id="casos" class="celeste-claro seccion" style="padding-top: 45px;"> 227 <div class="container alignL" style="padding-bottom: 45px;"> 228 <div id="quick-link-fonts" class="RW-14 semibold cCeleste">Quick link to fonts</div> 229 <div id="tipos" class="RW-12 semibold cCeleste" style="margin-top: 30px;"> 230 <span><a href="https://graviton.com.ar/fisionada">Fisionada</a></span> 231 <span><a href="https://graviton.com.ar/tuerca">Tuerca</a></span> 232 <span><a href="https://graviton.com.ar/oxima">Oxima</a></span> 233 <span><a href="https://graviton.com.ar/holgada">Holgada</a></span> 234 <span><a href="https://graviton.com.ar/densa">Densa</a></span> 235 <span><a href="https://graviton.com.ar/electronica">Electrónica</a></span> 236 <span><a href="https://graviton.com.ar/binaria">Binaria</a></span> 237 <span><a href="https://graviton.com.ar/intensiva">Intensiva</a></span> 238 <span><a href="https://graviton.com.ar/naftera">Naftera</a></span> 239 <span><a href="https://graviton.com.ar/nebulosa">Nebulosa</a></span> 240 <span><a href="https://graviton.com.ar/masiva">Masiva</a></span> 241 <span><a href="https://graviton.com.ar/estricta">Estricta</a></span> 242 <span><a href="https://graviton.com.ar/rauda">Rauda</a></span> 243 <span><a href="https://graviton.com.ar/rauda-slab">Rauda Slab</a></span> 244 <span><a href="https://graviton.com.ar/citadina">Citadina</a></span> 245 <span><a href="https://graviton.com.ar/violenta">Violenta</a></span> 246 <span><a href="https://graviton.com.ar/violenta-slab">Violenta Slab</a></span> 247 <span><a href="https://graviton.com.ar/necia">Necia</a></span> 248 <span>
248<a href="https://graviton.com.ar/necia-stencil">Necia Stencil</a></span> 249 <span><a href="https://graviton.com.ar/aguda">Aguda</a></span> 250 <span><a href="https://graviton.com.ar/aguda-stencil">Aguda Stencil</a></span> 251 <span><a href="https://graviton.com.ar/cintra">Cintra</a></span> 252 <span><a href="https://graviton.com.ar/cintra-slab">Cintra Slab</a></span> 253 <span><a href="https://graviton.com.ar/tecnica">Tecnica</a></span> 254 <span><a href="https://graviton.com.ar/tecnica-slab">Tecnica Slab</a></span> 255 <span><a href="https://graviton.com.ar/tecnica-stencil">Tecnica Stencil</a></span> 256 <span><a href="https://graviton.com.ar/tecnica-slab-stencil">Tecnica Slab Stencil</a></span> 257 <span><a href="https://graviton.com.ar/gubia">Gubia</a></span> 258 <span><a href="https://graviton.com.ar/herradura">Herradura</a></span> 259 <span><a href="https://graviton.com.ar/mensura">Mensura</a></span> 260 <span><a href="https://graviton.com.ar/mensura-slab">Mensura Slab</a></span> 261 <span><a href="https://graviton.com.ar/armadura">Armadura</a></span> 262 <span><a href="https://graviton.com.ar/eslava">Eslava</a></span> 263 <span><a href="https://graviton.com.ar/cuantica">Cuantica</a></span> 264 <span><a href="https://graviton.com.ar/led">Led</a></span> 265 <span><a href="https://graviton.com.ar/pixelar">Pixelar</a></span> 266 <span><a href="https://graviton.com.ar/solida">Solida</a></span> 267 <span><a href="https://graviton.com.ar/oboe">Oboe</a></span> 268 <span><a href="https://graviton.com.ar/engranajes">Engranajes</a></span> 269 </div> 270 271 </div><!--/.container--> 272 </section> 273 274 275 <!-- START FOOTER --> 276 <footer id="footer" class="celeste"> 277 <div class="container alignL"> 278 279 <div id="suscribeRights" class="mt45 alignL RW-12 cBlanco" style="position:relative"> 280 <img src="images/iso_footer.svg" style="margin-right:20px;vertical-align:top;"> 281 <div class="disclamer">Copyright © 2015 - 2020 Graviton Type Foundry <span>|</span> Buenos Aires | Argentina.<br/> 282 All rights reserved.</div> 283 <div class="redes"> 284 <a style="margin-right: 10px;" href="https://www.instagram.com/gravitonfontfoundry" target="_blank"><img src="images/icon_instagram.svg" ></a> 285 <a style="margin-right: 10px;" href="http://www.linkedin.com" target="_blank"><img src="images/icon_linkedin.svg" ></a> 286 <a style="margin-right: 10px;" href="https://www.facebook.com/gravitonfontfoundry" target="_blank"><img src="images/icon_facebook.svg" ></a> 287 <a style="margin-right: 10px;" href="https://www.behance.net/gravitonfontfoundry" target="_blank"><img src="images/icon_behance.svg" ></a> 288 </div> 289 290 </div> 291 292 293 </div><!--/.container--> 294 </footer> 295 <!-- END FOOTER --> 296 297 <!-- START PROTOTYPE TEMPLATE SCRIPTS --> 298
298<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
298 299 <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css" /> 300
300<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
300 301
301<script type="text/javascript" src="js/gmap3.min.js"></script>
301 302
302<script src="js/livequery.js"></script>
302 303 <!--
303<script src="js/retina.js"></script>
303 --> 304
304<script src="js/jquery.knob.min.js"></script>
304 305 <!--[if IE]>
305<script type="text/javascript" src="excanvas.js"></script>
305<![endif]--> 306
306<script src="js/appear.js"></script>
306 307
307<script src="js/parallax.js"></script>
307 308
308<script src="js/easing.js"></script>
308 309
309<script src="js/isotope.js"></script>
309 310
310<script src="js/jquery.isotope.perfectmasonry.js"></script>
310 311
311<script src="js/flexslider.js"></script>
311 312
312<script src="js/fitvids.js"></script>
312 313 314
314<script> 315 var fontData; 316 var fontHomeData; 317 var fontLangData; 318 var lang = localStorage.getItem("idioma"); 319 320 321 $(function(){ 322 $.ajax({ 323 url: 'data/fontdata.json?v=5', 324 dataType: 'json', 325 async: false, 326 success: function(data) { 327 fontData = data; 328 } 329 }); 330 }); 331 332 var lang_english = $('.eng'); 333 var lang_espanol = $('.esp'); 334 335 lang_english.click(function(){ 336 localStorage.setItem("idioma",'eng'); 337 window.location.reload(); 338 }); 339 340 lang_espanol.click(function(){ 341 localStorage.setItem("idioma",'esp'); 342 window.location.reload(); 343 }); 344 345 if(!lang || lang == 'eng'){ 346 lang_english.addClass('active'); 347 } else { 348 lang_espanol.addClass('active'); 349 } 350 351 352 $(function(){ 353 $.ajax({ 354 url: 'data/fontHomeData.json?v=5', 355 dataType: 'json', 356 async: false, 357 success: function(data){ 358 fontHomeData = data; 359 } 360 }) 361 }); 362 363 $(function(){ 364 $.ajax({ 365 url: 'data/langData.json?v=3', 366 dataType: 'json', 367 async: false, 368 success: function(data){ 369 if(!lang){ 370 lang = 'eng'; 371 } 372 fontLangData = data[lang]; 373 } 374 }) 375 }); 376 377 378 </script>
378 379 380 381
381<script src="js/custom.js?v=5"></script>
381 382 <!-- END PROTOTYPE TEMPLATE SCRIPTS --> 383 384
384<script type="text/javascript"> 385 (function(d){ 386 var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT'); 387 p.type = 'text/javascript'; 388 p.async = true; 389 p.src = '//assets.pinterest.com/js/pinit.js'; 390 f.parentNode.insertBefore(p, f); 391 }(document)); 392 </script>
392 393
393<script type="text/javascript"> 394 (function() { 395 var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 396 po.src = 'https://apis.google.com/js/plusone.js'; 397 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 398 })(); 399 </script>
399 400 401
401<script> 402 lang = localStorage.getItem("idioma"); 403 var lang_english = $('.eng'); 404 var lang_espanol = $('.esp'); 405 lang_english.click(function(){ 406 localStorage.setItem("idioma",'eng'); 407 window.location.reload(); 408 }); 409 410 lang_espanol.click(function(){ 411 localStorage.setItem("idioma",'esp'); 412 window.location.reload(); 413 }); 414 415 if(!lang || lang == 'esp'){ 416 lang_espanol.addClass('active'); 417 } else { 418 lang_english.addClass('active'); 419 } 420 421 var index = window.location.pathname.split('/').pop(); 422 var currentFont; 423 $(function(){ 424 currentFont = fontData[index]; 425 $("#designer").html(currentFont.designer); 426 $("#aboutfonttext").html(currentFont.about[lang]); 427 $("#released").html(currentFont.released); 428 $("#weisty").html(currentFont.weisty); 429 $("#prevfont").attr("href",currentFont.prev).html(fontLangData.prev); 430 $("#nextfont").attr("href",currentFont.next).html(fontLangData.next); 431 $("#prevfontmob").attr("href",$("#prevfont").attr("href")).html(fontLangData.prev); 432 $("#nextfontmob").attr("href",$("#nextfont").attr("href")).html(fontLangData.next); 433 $("#aboutfont").html(fontLangData.about_font); 434 $("#designer-font").html(fontLangData.designed_font); 435 $("#released-font").html(fontLangData.released_font); 436 $("#weisty-font").html(fontLangData.weisty_font); 437 $(".fnt-download").html(fontLangData.download_font); 438 $("#nText").attr('value',fontLangData.sample_font_test); 439 }); 440</script>
440 441</body> 442</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.