Skip to content
Browse files

Demo 1: nested divs with golden proportions.

  • Loading branch information...
1 parent dfdb0a8 commit a5adc3b75f61a1d39ed6e1573bc848daac0f2d17 @nelstrom committed Nov 24, 2010
Showing with 57 additions and 0 deletions.
  1. +37 −0 public/demo_1/index.html
  2. +20 −0 public/demo_1/styles.css
View
37 public/demo_1/index.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Golden Compass</title>
+ <link rel="stylesheet" href="styles.css" type="text/css" media="screen"/>
+</head>
+<body>
+ <div id="container">
+ <div class="cycle">
+ <div>
+ <div>
+ <div>
+ <div class="cycle">
+ <div>
+ <div>
+ <div>
+ <div class="cycle">
+ <div>
+ <div>
+ <div>
+ <div class="cycle"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</body>
+</html>
+
View
20 public/demo_1/styles.css
@@ -0,0 +1,20 @@
+html, body {
+ height: 100%; width: 100%;
+ margin: 0; padding: 0;
+}
+
+#container > div {
+ margin: 0 auto;
+ width: 485.4px;
+ height: 300px;
+}
+.cycle,
+.cycle > div > div {
+ height: 38.2%;
+ width: 100%;
+}
+.cycle > div,
+.cycle > div > div > div {
+ width: 38.2%;
+ height: 100%;
+}

0 comments on commit a5adc3b

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