Skip to content

Instantly share code, notes, and snippets.

@colinfwren

colinfwren/4sq-tutorial skeleton HTML

Created April 20, 2011 22:56
Show Gist options
  • Save colinfwren/933279 to your computer and use it in GitHub Desktop.
Save colinfwren/933279 to your computer and use it in GitHub Desktop.
Download ZIP
A skeleton HTML template for my foursquare tutorial
Raw
4sq-tutorial skeleton HTML
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Awesome Foursquare app</title>
<style>
body{
background-color: white;
font-size: 100%;
font-family: helvetica, arial, sans-serif;
}
#center{
width: 80%;
height: 400px;
margin: auto auto;
border-radius: 10px;
background-color: #e6eff2;
border: 1px solid #c1d5db;
}
</style>
</head>
<body>
<div id="center">
<p><a href="https://foursquare.com/oauth2/authenticate?client_id=<?php echo $client_id; ?>&response_type=code&redirect_uri=<?php echo $redirect; ?>" title="Log in to Foursquare to use this app">Sign in with Foursquare</a></p>
</div>
<div id="API">
<p>This application uses the foursquare<sup>TM</sup> application programming interface but is not endorsed or certified by Foursquare Labs, Inc.</p></div>
<img src="poweredbyfoursquare-mark.png" alt="Powered by Foursquare" id="poweredby" />
<div id="mydata">
<h1>Your data</h1>
<p>This app will never store your data on it's servers. All data that is processed by this app comes directly from the Foursquare servers themselves.</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment