Dave Jarvis' Repositories

git clone https://repo.autonoma.ca/repo/miller-columns.git

Renamed example for simplicity.

Author Dave Jarvis <email>
Date 2014-12-30 00:05:44 GMT-0800
Commit ba7a974a9d9dce41e9b1b299a692492a9f8b550d
Parent 5002dfa
Delta 85 lines added, 85 lines removed
example.html
-<!DOCTYPE html>
-<html>
- <head>
- <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
- <meta charset="utf-8">
- <title>Miller Columns Example</title>
- <style type="text/css">body { padding: 1em; }</style>
-
- <link href="theme.css" type="text/css" rel="stylesheet"/>
- <!-- Should work with most jQuery versions. -->
- <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
- <script type="text/javascript" src="columns.js"></script>
- <script type="text/javascript">
- $(document).ready( function() { $("div.columns").millerColumns(); });
- </script>
- </head>
- <body>
- <div id="container">
- <div class="columns">
- <ul>
- <li>Act</li>
- <li>Bill</li>
- <li>
- Copyright
- <ul>
- <li>Music</li>
- <li>Writing</li>
- <li>Film</li>
- </ul>
- </li>
- <li>
- Environment
- <ul>
- <li>Air</li>
- <li>
- Energy
- <ul>
- <li>Coal</li>
- <li>
- Gas
- <ul>
- <li>Drilling</li>
- <li>Fracking</li>
- <li>
- Shale
- <ul>
- <li>Barnett</li>
- <li>Fayetteville</li>
- <li>Haynesville</li>
- <li>Marcellus</li>
- <li>Niobrara</li>
- <li>Utica</li>
- <li>Woodford</li>
- </ul>
- </li>
- </ul>
- </li>
- <li>Oil</li>
- <li>Solar</li>
- <li>Wind</li>
- <li>Geothermal</li>
- </ul>
- </li>
- <li>Land</li>
- <li>
- Water
- <ul>
- <li>Ocean</li>
- <li>Lakes</li>
- <li>Rivers</li>
- <li>Streams</li>
- </ul>
- </li>
- </ul>
- </li>
- <li>Internet</li>
- <li>Law</li>
- <li>Proposal</li>
- <li>Tax</li>
- </ul>
- </div>
- </div>
- </body>
-</html>
-
index.html
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+ <meta charset="utf-8">
+ <title>Miller Columns Example</title>
+ <style type="text/css">body { padding: 1em; }</style>
+
+ <link href="theme.css" type="text/css" rel="stylesheet"/>
+ <!-- Should work with most jQuery versions. -->
+ <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+ <script type="text/javascript" src="columns.js"></script>
+ <script type="text/javascript">
+ $(document).ready( function() { $("div.columns").millerColumns(); });
+ </script>
+ </head>
+ <body>
+ <div id="container">
+ <div class="columns">
+ <ul>
+ <li>Act</li>
+ <li>Bill</li>
+ <li>
+ Copyright
+ <ul>
+ <li>Music</li>
+ <li>Writing</li>
+ <li>Film</li>
+ </ul>
+ </li>
+ <li>
+ Environment
+ <ul>
+ <li>Air</li>
+ <li>
+ Energy
+ <ul>
+ <li>Coal</li>
+ <li>
+ Gas
+ <ul>
+ <li>Drilling</li>
+ <li>Fracking</li>
+ <li>
+ Shale
+ <ul>
+ <li>Barnett</li>
+ <li>Fayetteville</li>
+ <li>Haynesville</li>
+ <li>Marcellus</li>
+ <li>Niobrara</li>
+ <li>Utica</li>
+ <li>Woodford</li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+ <li>Oil</li>
+ <li>Solar</li>
+ <li>Wind</li>
+ <li>Geothermal</li>
+ </ul>
+ </li>
+ <li>Land</li>
+ <li>
+ Water
+ <ul>
+ <li>Ocean</li>
+ <li>Lakes</li>
+ <li>Rivers</li>
+ <li>Streams</li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+ <li>Internet</li>
+ <li>Law</li>
+ <li>Proposal</li>
+ <li>Tax</li>
+ </ul>
+ </div>
+ </div>
+ </body>
+</html>
+