You can clone with
HTTPS or Subversion.
Note that SASS is required.
Change dimensions to 466x288px (was 485x300)
Change from 4 spaces to 2 spaces for indentation.
Reformatted using 2 spaces.
Change title: 'Compass' -> 'Spiral'
Reformatted resize.js to use spaces (not tabs)
Further refactoring of resize.js
Demo 5: resize the outermost container with JS.
Demo 4: bevel the corners.
Do not center the golden spiral.
Demo 3: position absolutely in sequence: t,r,b,l.
[top, right, bottom, left]
Demo 2: apply shading to nested divs.
Demo 1: nested divs with golden proportions.
Tweak boxes and centering examples.
Tidy up border radius mixins.
Center horizontally with auto margin, vertically with table-cell display
Made vertical centering work with table-display.
Add test for v-centering with table display.
Added fit to window js to absolute spiral.
Add JS to fit spiral when window is resized.
Created /absolute.html spiral using positioning+percentages.
Added styles for golden spiral in portrait orientation.
Added mixin for portrait mode spiral.
Add constants for $phi**x.
SASS doesn't allow the ** operator, so calculate them all at once,
assigning to constants $f1, $f2, $f3 etc.
Created a 'calculated' golden spiral.
Found that using percentages as lengths does not work in Firefox when
using display: box, so cooked up a version where all pixel lengths are
Remove back-of-envelope calculations.
fix horizontal centering in Firefox
Dynamic version is now index.html
Attempted to generate media queries, but SASS is haveing none of it.
Use media queries to resize spiral as window size changes.
Created mixin for portrait container.
Calculate size of container div.
Refactor to use class="cycle"
First successful attempt at golden spiral with calculated edges.