frankfurter/public/index.html
2012-11-20 19:33:41 +00:00

100 lines
2.6 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Fixer is a JSON and JSONP API for foreign exchange rates.">
<title>Fixer</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36475354-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>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body, html {
height: 100%;
}
body {
background: -linear-gradient(left, #fff 0%, #eee 100%);
background: -ms-linear-gradient(left, #fff 0%, #eee 100%);
background: -moz-linear-gradient(left, #fff 0%, #eee 100%);
background: -webkit-linear-gradient(left, #fff 0%, #eee 100%);
}
#wrapper {
margin: 5% auto;
max-width: 680px;
padding: 20px;
}
header {
padding-bottom: 30px;
}
header h1 {
font: bold 36px/1.25 'Open Sans', sans-serif;
}
section {
padding-top: 24px;
}
.doc {
color: #333;
font: 15px/1.5 'Open Sans', sans-serif;
padding-right: 50px;
}
code {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #fff;
border: 1px solid #ccc;
display: block;
font-size: 11px;
padding: 10px;
width: 360px;
}
code:before {
color: #006ce1;
content: '$ ';
}
</style>
</head>
<body>
<div id="wrapper">
<header>
<h1>Fixer: A JSON and JSONP API for exchange rates</h1>
</header>
<section class="doc">
<p>
Get the latest foreign exchange reference rates.
</p>
</section>
<section class="sample">
<code>
curl http://fixer.io/latest
</code>
</section>
<section class="doc">
<p>
Get a historical snapshot.
</p>
</section>
<section class="sample">
<code>
curl http://fixer.io/historical/2000-01-03
</code>
</section>
</div>
</body>
</html>