fgeorges/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Trying to get a working, simple example of using split-grid.

Block: https://bl.ocks.org/fgeorges/2de98a6fc77e363b0c1bb1ed8ef57db0
Gist: https://gist.github.com/fgeorges/2de98a6fc77e363b0c1bb1ed8ef57db0
Attempt at splitjs: https://gist.github.com/fgeorges/b2f7a007a30395b54715df8c5eaf7dda


## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Split panels</title>
  <script type="text/javascript" src="https://unpkg.com/split-grid/dist/split-grid.js"></script>
</head>
<body>
  <div class="grid">
    <div class="column-1"></div>
    <div class="column-2"></div>
    <div class="row-1"></div>
  </div>
</body>
<script type="text/javascript">
  window.onload = function() {
    Split({
      columnGutters: [{
        track: 1,
        element: document.querySelector('.column-1'),
      }, {
        track: 2,
        element: document.querySelector('.column-2'),
      }],
      rowGutters: [{
        track: 1,
        element: document.querySelector('.row-1'),
      }]
    });
  };
</script>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Split panels</title>
	<script type="text/javascript" src="https://unpkg.com/split-grid/dist/split-grid.js"></script>
	</head>
	<body>
	<div class="grid">
	<div class="column-1"></div>
	<div class="column-2"></div>
	<div class="row-1"></div>
	</div>
	</body>
	<script type="text/javascript">
	window.onload = function() {
	Split({
	columnGutters: [{
	track: 1,
	element: document.querySelector('.column-1'),
	}, {
	track: 2,
	element: document.querySelector('.column-2'),
	}],
	rowGutters: [{
	track: 1,
	element: document.querySelector('.row-1'),
	}]
	});
	};
	</script>
	</html>