Skip to content
Browse files

Adjusted default page

  • Loading branch information...
1 parent 19338aa commit 34cd0891fdad17fac8df198bfefb7e930dabccfc @edgar edgar committed Feb 22, 2012
Showing with 93 additions and 81 deletions.
  1. +28 −0 css/api.css
  2. +32 −0 form.html
  3. +33 −81 index.html
View
28 css/api.css
@@ -0,0 +1,28 @@
+.hide{display:none;}
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
+article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
+body{line-height:1;}
+ol,ul{list-style:none;}
+blockquote,q{quotes:none;}
+blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
+table{border-collapse:collapse;border-spacing:0;}
+
+body{background-color:#ffffff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;margin-top:80px;}
+
+a{text-decoration:none;}
+#main>header{margin:0 auto;}
+#main>header,#main section{width:920px;}
+#main{min-width:920px;margin:auto;}
+#main section{z-index:2;}
+#main h1{background:url(http://piictu.com/images/landing/logo.png) no-repeat 0px 0px;width:90px;height:90px;}
+#main h2{padding:35px 10px 0px 10px;line-height:38px;font-size:35px;font-weight:300;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;color:#565753;}
+#main p{padding:35px 55px 0px 10px;color:#a5a2a1;font-size:17px;line-height:20px;}
+#main b{font-weight:bold;line-height:28px;}
+#main p a.lnk{color:#5f9aae;text-decoration:underline;font-weight:700;}
+#main p a.lnk:hover{text-decoration:none;}
+
+#footer{padding:20px;clear:both;width:960px;position:absolute;bottom:20px;}
+#footer p{color:#a5a2a1;display:inline;margin-right:20px;font-size: 13px;}
+
+
+iframe{margin:30px 0 0 120px;}
View
32 form.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="en-us">
+ <head><script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script>
+ <meta charset="utf-8">
+ <meta name="description" content="A fun and simple way to talk &amp; play with piics. Now available for iPhone in the App Store.">
+ <meta name="author" content="(c) Piictu, Inc. All rights reserved.">
+
+ <title>Piictu &lt;3</title>
+
+ <link href="css/api.css" type="text/css" rel="stylesheet">
+ <link rel="shortcut icon" href="http://piictu.com/favicon.png" type="image/x-icon">
+
+ <style type="text/css" media="screen">
+ #footer{position:relative;}
+ </style>
+
+ </head>
+
+ <body>
+ <section id="main">
+ <header>
+ <section>
+ <a href="index.html"><h1><span class="hide">Piictu</span></h1></a>
+ <iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dFpnT3NIQWJISXVtc0hZX1VROFNEQVE6MQ" width="760" height="847" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
+ </section>
+ </header>
+ <div id="footer">
+ <p>&copy; Piictu Inc.</p>
+ </div>
+ </section>
+</body>
+</html>
View
114 index.html
@@ -1,82 +1,34 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset='utf-8'>
-
- <title>piictu/PublicAPI @ GitHub</title>
-
- <style type="text/css">
- body {
- margin-top: 1.0em;
- background-color: #0e83d5;
- font-family: Helvetica, Arial, FreeSans, san-serif;
- color: #ffffff;
- }
- #container {
- margin: 0 auto;
- width: 700px;
- }
- h1 { font-size: 3.8em; color: #f17c2a; margin-bottom: 3px; }
- h1 .small { font-size: 0.4em; }
- h1 a { text-decoration: none }
- h2 { font-size: 1.5em; color: #f17c2a; }
- h3 { text-align: center; color: #f17c2a; }
- a { color: #f17c2a; }
- .description { font-size: 1.2em; margin-bottom: 30px; margin-top: 30px; font-style: italic;}
- .download { float: right; }
- pre { background: #000; color: #fff; padding: 15px;}
- hr { border: 0; width: 80%; border-bottom: 1px solid #aaa}
- .footer { text-align:center; padding-top:30px; font-style: italic; }
- </style>
-</head>
-
-<body>
- <a href="https://github.com/piictu/PublicAPI"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
-
- <div id="container">
-
- <div class="download">
- <a href="https://github.com/piictu/PublicAPI/zipball/master">
- <img border="0" width="90" src="https://github.com/images/modules/download/zip.png"></a>
- <a href="https://github.com/piictu/PublicAPI/tarball/master">
- <img border="0" width="90" src="https://github.com/images/modules/download/tar.png"></a>
- </div>
-
- <h1><a href="https://github.com/piictu/PublicAPI">PublicAPI</a>
- <span class="small">by <a href="https://github.com/piictu">piictu</a></span></h1>
-
- <div class="description">
- Public API
- </div>
-
-
-
-
-
-
-
-
-
-
-
-
-
- <h2>Download</h2>
- <p>
- You can download this project in either
- <a href="https://github.com/piictu/PublicAPI/zipball/master">zip</a> or
- <a href="https://github.com/piictu/PublicAPI/tarball/master">tar formats.
- </p>
- <p>You can also clone the project with <a href="http://git-scm.com">Git</a>
- by running:
- <pre>$ git clone git://github.com/piictu/PublicAPI</pre>
- </p>
-
- <div class="footer">
- get the source code on GitHub : <a href="https://github.com/piictu/PublicAPI">piictu/PublicAPI</a>
- </div>
-
- </div>
-
+<!doctype html>
+<html lang="en-us">
+ <head><script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script>
+ <meta charset="utf-8">
+ <meta name="description" content="A fun and simple way to talk &amp; play with piics. Now available for iPhone in the App Store.">
+ <meta name="author" content="(c) Piictu, Inc. All rights reserved.">
+
+ <title>Piictu &lt;3</title>
+ <link href="css/api.css" type="text/css" rel="stylesheet">
+ <link rel="shortcut icon" href="http://piictu.com/favicon.png" type="image/x-icon">
+
+ </head>
+
+ <body>
+ <section id="main">
+ <header>
+ <section>
+ <h1><span class="hide">Piictu</span></h1>
+ <h2>Getting started</h2>
+ <p><b>1. Get API access</b><br/>Fill out <a class="lnk" href="form.html">this brief form</a>, and we'll send you an external developer API key.</p>
+ <p><b>2. Learn how it works</b><br/><a class="lnk" href="https://github.com/piictu/PublicAPI/wiki">Visit our wiki</a> to read up on everything you can do with the Piictu API.</p>
+ <p><b>3. Start coding</b><br/>If you have any questions be sure to check out the <a class="lnk" href="https://github.com/piictu/PublicAPI/wiki">documentation</a>, and feel free to touch base at support@piictu.com.</p>
+ </section>
+ </header>
+
+ </section>
+
+
+
+ <section id="footer">
+ <p>&copy; Piictu Inc.</p>
+ </section>
</body>
-</html>
+</html>

0 comments on commit 34cd089

Please sign in to comment.
Something went wrong with that request. Please try again.