Permalink
Browse files

WIP

  • Loading branch information...
jrf0110 committed Jun 5, 2012
1 parent f3786d7 commit feb09c3ba10e4e94f840f4412e7da0f7cfd2f026
Showing with 85 additions and 7 deletions.
  1. +61 −0 css/main.css
  2. +21 −6 index.html
  3. +3 −1 js/app.js
View
@@ -1,3 +1,57 @@
+/*************************\
+ Frawework-ish Stuff
+\*************************/
+
+
+/* Grid */
+.flex-columns {
+ display: -webkit-box;
+ -webkit-box-orient: horizontal;
+}
+.flex-columns > .column {
+ -webkit-box-flex: 1;
+ margin-left: 20px;
+}
+.flex-columns > .column:first-child {
+ margin-left: 0;
+}
+.columns {
+ display: table;
+ width: 100%;
+}
+.columns > .column {
+ -webkit-box-sizing: border-box;
+ float: left;
+ width: 50%;
+ padding-left: 20px;
+}
+.columns > .column:first-child {
+ padding-left: 0;
+}
+.vcentered-box {
+ display: -webkit-box;
+ -webkit-box-orient: horizontal;
+ -webkit-box-align: center;
+}
+.hcentered-box {
+ display: -webkit-box;
+ -webkit-box-orient: horizontal;
+ -webkit-box-pack: center;
+}
+.inline-columns {
+ font-size: 0;
+}
+.inline-columns > .column {
+ font-size: 1rem;
+ display: inline-block;
+ vertical-align: middle;
+ width: 49.5%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+
+
html, body {
font-family: "museo-sans";
}
@@ -6,4 +60,11 @@ html, body {
}
.script {
font-family: "bello-pro";
+}
+
+.cube {
+ background-color: #efefef;
+ height: 600px;
+ width: 600px;
+ border: solid #555 1px;
}
View
@@ -1,19 +1,34 @@
<!DOCTYPE HTML>
<html>
<head>
- <link rel="stylesheet" href="css/boostrap.css" />
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=1024" />
+
+ <link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/main.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
- <script type="text/javascript" src="js/bootstrap.js"></script>
- <script type="text/javascript" src="js/impress.js"></script>
+ <script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://use.typekit.com/klk4dac.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
- <script type="text/javascript" src="js/app.js"></script>
</head>
<body>
- <div id="impress">
-
+ <div id="impress" >
+ <div id="cube-1" class="step cube cube-1 vcentered-box hcentered-box" data-x="0" data-y="50">
+ <div class="wrapper">
+ <h1 class="title">Building APIs</h1>
+ <span class="by">by</span>
+ <h2 class="signature script">Lalit Kapoor</h2>
+ </div>
+ </div>
+ <div id="cube-2" class="step cube cube-2" data-x="300" data-y="50" data-z="-300" data-perspective="1000" data-rotate-y="90">
+ <h1>Just Testing</h1>
+ </div>
+ <div id="cube-3" class="step cube cube-3" data-x="0" data-y="350" data-z="-300" data-perspective="1000" data-rotate-x="-90" data-rotate-z="90">
+ <h1>Just Testing</h1>
+ </div>
</div>
+ <script type="text/javascript" src="js/impress.js"></script>
+ <script type="text/javascript" src="js/app.js"></script>
</body>
</html>
View
@@ -1,3 +1,5 @@
+var slides = impress();
+slides.init();
$(document).ready(function(){
-
+ // impress().init();
});

0 comments on commit feb09c3

Please sign in to comment.