mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-22 12:05:37 +00:00
61 lines
17 KiB
HTML
61 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title></title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
|
<script type="text/javascript" src="../../lib/jquery-1.4.2.js"></script>
|
|
<script type="text/javascript" src="../../lib/jquery.metadata.js"></script>
|
|
<script type="text/javascript" src="../jsizes/jquery.sizes.js"></script>
|
|
<script type="text/javascript" src="jlayout.grid.js"></script>
|
|
<script type="text/javascript" src="jlayout.flexgrid.js"></script>
|
|
<script type="text/javascript" src="jlayout.column.js"></script>
|
|
<script type="text/javascript" src="jquery.jlayout.js"></script>
|
|
<script type="text/javascript">
|
|
jQuery(function ($) {
|
|
$('.section').width(800).layout({type: 'column', columns: 2, resize: false, maxHeight: 400});
|
|
});
|
|
</script>
|
|
<style>
|
|
h1, h2, p {
|
|
outline: 1px solid red;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="content">
|
|
<div class="section">
|
|
<h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h1>
|
|
<p>Mauris mollis magna mauris, in commodo magna. Suspendisse potenti. Ut consequat semper dui quis tristique. Suspendisse sit amet diam vitae tortor sodales varius. Integer tristique faucibus pharetra. Fusce accumsan nisi sed ipsum laoreet nec consectetur mauris tristique. Curabitur viverra orci eget arcu bibendum viverra. Donec in nulla risus. Vestibulum viverra orci vitae ipsum sollicitudin auctor. Donec eget gravida nisl. </p>
|
|
<p>Morbi vehicula congue fringilla. Nulla facilisi. Donec non sapien elit, eget dapibus ipsum. Sed sit amet urna in mauris convallis rutrum ac ac nisl. Mauris et augue sapien. Donec aliquam arcu vel sapien sagittis molestie. In a dolor metus. Cras nec nibh justo. Quisque augue urna, porta sed fringilla vel, accumsan id diam. Quisque leo nisi, pharetra a scelerisque in, vestibulum quis odio. </p>
|
|
<h2>Mauris ac arcu nisl</h2>
|
|
<p>Vestibulum felis nunc, aliquet consectetur eleifend sit amet, sodales eu dui. Duis a urna ac nunc fermentum venenatis nec nec tortor. Fusce consectetur scelerisque lectus nec suscipit. Donec purus ipsum, mattis eget luctus a, luctus sed risus. Phasellus euismod pretium nisi quis volutpat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce et rutrum turpis. Praesent turpis quam, malesuada nec dignissim eu, ornare eget mauris. Cras vulputate augue sed sapien varius posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam id sapien turpis, nec pulvinar ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum varius sodales cursus. Aenean varius, metus eget euismod facilisis, metus dolor ultrices sem, a elementum nisl velit dapibus sapien. </p>
|
|
<p>Sed semper dapibus risus at vulputate. Fusce at gravida eros. Sed vel justo neque, ac molestie eros. Sed tellus risus, accumsan in gravida laoreet, molestie eget tortor. Phasellus eget lorem id erat rutrum pharetra. Aliquam aliquam viverra magna, eu adipiscing arcu dignissim sit amet. Maecenas consectetur odio eu tellus malesuada pretium. Fusce sed metus dui. Etiam egestas velit sed quam molestie accumsan laoreet nibh tempus. Phasellus ac mi nec odio mollis sagittis nec ut mauris. Phasellus euismod massa non sapien malesuada quis rutrum nisi accumsan. Suspendisse aliquet eros a dui convallis eu ultrices felis faucibus. Suspendisse sit amet ante ut nulla condimentum condimentum. Nulla ac ullamcorper lacus. Phasellus ullamcorper luctus mauris in lacinia. Ut metus mi, pulvinar sit amet sodales non, condimentum sed enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec aliquam consectetur dapibus. Mauris in neque sem, eu bibendum dui. </p>
|
|
<h1>Vivamus aliquam est quis purus laoreet lacinia</h1>
|
|
<p>Nullam ut neque sed dolor sodales suscipit. Quisque auctor, ipsum id tempor hendrerit, elit massa pellentesque nunc, a pulvinar odio erat ac turpis. Vestibulum viverra bibendum sapien, ac posuere orci adipiscing ac. Maecenas ut bibendum dui. Donec a tellus nunc, quis hendrerit ipsum. Etiam tempus orci non erat egestas aliquet. Morbi quis mi et lacus interdum imperdiet et ac velit. Mauris vel velit neque, id sollicitudin tellus. In luctus, lectus non suscipit luctus, neque elit rutrum dui, quis sollicitudin urna purus eu est. Quisque aliquet consectetur laoreet. Nullam rutrum libero sed ipsum sagittis eu iaculis velit feugiat. Nulla pharetra ullamcorper purus, vel volutpat quam suscipit ut. Quisque sodales, lectus sit amet pellentesque ultrices, sem tortor mattis eros, sit amet condimentum eros diam sed mi. Vestibulum eu est a metus mollis cursus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
|
|
<p>Morbi turpis magna, interdum id tincidunt ut, ultrices id nibh. Curabitur nec augue nisi. Proin lobortis nunc nec erat porttitor vehicula. Sed ultricies gravida leo, nec consectetur mauris auctor fermentum. Praesent ac justo diam, et vulputate orci. Donec lacinia erat eget purus auctor non sagittis nisl vehicula. Nulla eget viverra risus. Curabitur dignissim ornare nisi sit amet eleifend. Maecenas laoreet, turpis id faucibus viverra, mauris velit lacinia neque, et eleifend orci lorem ut nisi. Etiam auctor commodo elementum. Pellentesque eros ipsum, ultrices quis pellentesque nec, rutrum ut orci. Donec sit amet malesuada lacus. Ut consectetur vulputate enim id vulputate. Fusce luctus lectus a urna bibendum vitae iaculis quam euismod. Aenean in sapien et odio congue molestie id at nisl. Nunc dictum rutrum felis, quis rutrum dolor dictum vel. Sed ac molestie odio. Donec adipiscing purus vel massa ultrices quis lacinia augue condimentum. In blandit porta turpis, vel iaculis lacus molestie ac. Nunc pulvinar, libero et fringilla cursus, enim enim sollicitudin libero, vel imperdiet lectus orci ut velit. </p>
|
|
<p>Donec sed lacus sit amet diam vehicula gravida quis a nunc. Vestibulum eu justo lorem, id molestie erat. Praesent vulputate porta urna et molestie. Cras mattis lorem quis sapien porttitor dictum. Nunc non felis risus, at viverra lectus. Praesent eu ipsum in lorem vestibulum molestie. Nulla est erat, fringilla ac tincidunt et, rhoncus ac quam. Curabitur eget diam eu eros laoreet elementum in quis quam. Nunc quis justo neque, a porttitor sapien. Quisque vel velit sapien. Ut pretium magna ut velit viverra laoreet. Nam dignissim facilisis dui nec ultrices. Proin consectetur, erat id pharetra faucibus, magna sem euismod justo, vitae feugiat odio orci non ante. Proin ornare risus quis enim congue at cursus orci suscipit. Quisque sed lectus non erat sodales ullamcorper. Sed egestas pretium nunc, ut rhoncus odio ornare id. Vestibulum hendrerit congue quam sit amet adipiscing. Quisque est leo, fringilla sit amet iaculis sed, iaculis molestie metus. </p>
|
|
</div>
|
|
<!--
|
|
<div class="section">
|
|
<h1>Donec ut libero magna, nec suscipit augue</h1>
|
|
<p>Sed a neque eget neque pharetra iaculis ac id eros. Nam varius pretium urna, ut molestie mi malesuada sed. Aenean rutrum semper tellus, eu varius dui ultrices sed. Ut convallis eros nec sapien porta rutrum. In hac habitasse platea dictumst. Nulla quis elit in elit cursus iaculis eu id ipsum. Sed vestibulum cursus leo non euismod. Quisque accumsan lacinia dui, id feugiat augue volutpat a. Donec hendrerit tristique metus a imperdiet. </p>
|
|
<p>Quisque suscipit purus eu ligula placerat egestas. Mauris fringilla egestas malesuada. Integer in neque nunc, nec mattis nisl. Pellentesque id tristique odio. Aenean sed orci sit amet nibh ornare malesuada. In a lacus elit. Aliquam eget justo turpis. Nam convallis ipsum ac nunc pretium eget vehicula odio condimentum. Suspendisse potenti. Nullam ornare consequat imperdiet. Nulla quis imperdiet dui. Proin rhoncus mollis iaculis. Morbi eget ultrices dolor. Aliquam ultricies placerat scelerisque. Nullam quis odio a orci elementum feugiat. Sed non arcu sed massa volutpat tincidunt in eu sapien. Etiam mi lacus, ultrices nec fermentum semper, volutpat eu odio. Quisque pretium lacus et mi luctus et aliquam lacus sagittis. </p>
|
|
<p>Praesent ipsum ligula, rhoncus at feugiat sit amet, ultrices auctor libero. Nunc congue tortor id quam volutpat vel adipiscing mi dignissim. Vestibulum a enim a felis dignissim adipiscing in nec dui. Aenean eu luctus lectus. Donec congue libero ornare nibh adipiscing sit amet vulputate purus lacinia. Donec sed erat quam. Vestibulum faucibus congue eros ac sagittis. Nunc magna nunc, pharetra vitae suscipit nec, feugiat at mauris. Vivamus ut mi purus, vel vestibulum erat. Duis viverra consectetur congue. Nulla varius odio sit amet velit pharetra aliquam. </p>
|
|
<p>Maecenas pretium aliquam orci, nec adipiscing enim laoreet nec. Integer felis nunc, convallis dictum viverra at, eleifend a nisi. Mauris vitae dolor id leo dapibus tempus id sit amet massa. Aenean mauris libero, sagittis vel ultricies ut, porta nec dui. Cras pellentesque sagittis faucibus. Suspendisse potenti. Phasellus mollis rutrum lacinia. Ut non tortor ac purus vulputate commodo. Etiam quis tortor nec eros fermentum tristique non non metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut lobortis dapibus sem in hendrerit. Maecenas ullamcorper neque vitae felis facilisis eleifend a dapibus leo. Aliquam erat volutpat. Sed odio justo, pellentesque at molestie volutpat, elementum sed nulla. Sed ut metus lacus. Nullam hendrerit egestas lectus at scelerisque. Proin nulla sapien, blandit sed condimentum et, condimentum eu lectus. Cras id velit in leo elementum mollis in pellentesque ligula. </p>
|
|
<h2>Nullam at velit ipsum, dapibus scelerisque dui</h2>
|
|
<p>Integer eleifend est at odio elementum condimentum a at sem. Morbi sed ipsum ut nulla vehicula vestibulum mollis ac urna. Proin sit amet molestie risus. Proin in lorem vitae magna malesuada congue quis a est. Nunc porta, odio non pellentesque laoreet, justo felis ultricies dui, et volutpat ligula odio ac arcu. Etiam consequat imperdiet tortor. Quisque accumsan viverra justo, id luctus odio pharetra non. Fusce eget arcu vel diam pretium rhoncus non vitae felis. Nulla eget elit sit amet ante consectetur faucibus. Donec at tellus eget elit sagittis euismod. Vestibulum adipiscing leo a elit pellentesque congue. Pellentesque rutrum vulputate dui, non fringilla felis sollicitudin et. Nullam justo libero, commodo vitae adipiscing non, pharetra et dolor. Phasellus ac arcu ultricies nibh fermentum dictum vitae non lectus. Pellentesque porttitor tortor in odio tempor quis lacinia quam rhoncus. Aenean pharetra tempor leo, eget dignissim arcu vehicula vitae. </p>
|
|
<p>Ut eu felis eu quam semper pellentesque. Nullam ultricies orci ut nunc pulvinar suscipit. Fusce tincidunt adipiscing elit, ac scelerisque nulla sollicitudin quis. Morbi euismod laoreet tortor, ut ultrices turpis fermentum ac. Maecenas venenatis sodales nisl id vulputate. Ut dapibus venenatis dui viverra viverra. Phasellus rutrum, enim in consectetur pharetra, tortor arcu pharetra odio, id malesuada sapien justo vel nisi. Nulla eu euismod risus. Nam ornare laoreet nisi vitae pretium. In in nunc urna. Duis accumsan nulla semper est aliquam vitae pharetra turpis volutpat. Quisque dignissim ante a felis pulvinar commodo. Pellentesque vel dictum odio. Ut dapibus venenatis elit vel venenatis. Pellentesque sed risus et massa dapibus interdum. Integer accumsan volutpat quam ac sollicitudin. Curabitur ac dui ac erat dignissim molestie. Nulla et tortor diam, sed ullamcorper nisl. Ut sollicitudin augue non nibh egestas tempor. Cras mattis, velit eu aliquet bibendum, justo augue gravida arcu, nec molestie eros nisi eu orci. </p>
|
|
<p>Vivamus sed ante ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent diam justo, porttitor eget tincidunt vel, vulputate non nunc. Quisque lobortis suscipit mi, eu tincidunt nunc consequat quis. Aenean vestibulum ligula at dolor adipiscing sit amet luctus nunc feugiat. Aliquam vestibulum consequat lacus, et aliquet risus aliquam et. Mauris non sodales diam. Sed sed rutrum libero. Vestibulum mauris turpis, adipiscing eu facilisis eget, mollis ut metus. Vestibulum eu dui sem, at egestas mi. Cras dignissim cursus diam, in adipiscing neque pellentesque quis. Morbi porta gravida lectus, sit amet facilisis justo euismod at. Duis ante sapien, viverra et hendrerit sit amet, volutpat eu metus. In nec tellus leo, vestibulum dignissim dui. Maecenas eu cursus nibh. Maecenas et ipsum at urna gravida varius. Vestibulum eu nisi metus, eu bibendum erat. Pellentesque scelerisque gravida gravida. Maecenas eget enim in dolor fermentum venenatis tincidunt eu risus. </p>
|
|
<p>Sed ultrices posuere porta. Vivamus neque dolor, consectetur eu euismod et, vulputate ut lorem. Praesent commodo nisi vel tortor lobortis et vulputate arcu ornare. Integer elementum hendrerit lectus a sollicitudin. Nulla facilisi. Pellentesque ut risus libero, ac commodo ligula. Fusce eget ligula eget enim mattis egestas sed a odio. Vestibulum placerat dolor ut elit interdum malesuada fermentum turpis dictum. Duis fringilla nibh sed diam aliquet quis vulputate turpis congue. Morbi rhoncus erat accumsan est euismod vitae molestie dui facilisis. Maecenas nec est urna. </p>
|
|
<p>Donec feugiat egestas diam, eget sodales libero porta vel. Etiam in dolor a lacus commodo feugiat eget eget nisl. Integer sed quam risus. In viverra viverra eros, id vehicula justo gravida eu. Integer consequat velit ac tortor elementum ac viverra eros ultrices. Quisque in imperdiet dolor. Sed vel arcu sapien, non malesuada ante. Sed ornare fringilla faucibus. Pellentesque orci turpis, venenatis at dapibus nec, luctus sit amet augue. Pellentesque et justo elit. Fusce non augue felis. Curabitur a ante vitae justo consectetur vulputate. Maecenas ullamcorper vehicula risus nec rutrum. Integer eros augue, pretium sed euismod non, volutpat in libero. Aenean nec nisi nec nisl dictum feugiat eu at magna. Nam urna nisl, facilisis quis commodo convallis, malesuada sit amet nunc. Donec tincidunt faucibus nibh vitae cursus. Pellentesque eleifend leo facilisis nunc dignissim auctor. Donec leo eros, interdum eget dignissim et, sodales ut sapien. Aliquam vel odio nisi, ut laoreet lorem. </p>
|
|
<p>Aliquam tempor arcu vel turpis sodales vitae facilisis elit pretium. Etiam a turpis augue. Curabitur at purus in libero ornare malesuada a id nibh. Curabitur arcu ligula, mattis at hendrerit et, porta at diam. Sed fringilla nibh et sem fermentum a blandit purus laoreet. Donec lectus nulla, commodo vel blandit non, semper ac metus. Mauris auctor, nisi nec lobortis pretium, lacus augue porta urna, eget placerat augue erat at turpis. Nullam sagittis rhoncus ullamcorper. Proin fringilla erat nec turpis laoreet ac auctor ante accumsan. Sed nibh massa, consequat ac ornare eget, facilisis ut libero. Donec lobortis imperdiet magna ut blandit. Praesent congue, diam non aliquam rhoncus, libero odio malesuada nisi, vitae feugiat ipsum nulla eu leo. Donec dui lacus, adipiscing id vehicula posuere, gravida eu metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut felis in erat cursus consequat ac in turpis. Phasellus mauris urna, tincidunt at aliquet et, facilisis at orci. </p>
|
|
<h2>Sed et augue eu felis ornare blandit et eu mi</h2>
|
|
<p>Duis sit amet diam eros. Sed elementum rhoncus pretium. Nam vestibulum turpis vitae ligula fermentum venenatis. Aliquam tincidunt dolor eget leo tristique scelerisque. Sed neque dui, pellentesque eu faucibus sed, ornare sed dui. Sed pharetra, mi vitae euismod lacinia, leo odio aliquet erat, id venenatis nulla odio vitae velit. Nunc id erat nec sapien lobortis malesuada. Morbi nec dapibus leo. Curabitur orci nisl, viverra in placerat a, semper eu sem. Etiam bibendum sodales magna ut varius. Praesent mattis, enim eget aliquam fermentum, arcu ligula scelerisque sem, eu ultrices lectus nunc a turpis. Aliquam molestie ornare ultricies. Praesent dictum tincidunt semper. Vestibulum vulputate mattis neque, et imperdiet nunc ullamcorper tincidunt. Sed sed risus mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In arcu diam, tincidunt nec adipiscing eu, accumsan sed ipsum. Aenean dictum nunc sed sem posuere vitae ultrices dui ornare. </p>
|
|
<p>Nulla facilisi. Pellentesque fermentum dapibus dolor, sed porttitor ipsum egestas ut. Donec dolor leo, fringilla in consectetur eu, bibendum nec justo. Pellentesque non sagittis ipsum. Fusce odio felis, ornare lobortis mattis vel, convallis ut lectus. In sed diam vitae ante sollicitudin consectetur. Pellentesque fringilla lacus dolor. Praesent sed ipsum erat. Pellentesque sit amet elit eget risus ullamcorper bibendum in et arcu. Vestibulum sed augue diam, a rhoncus sem. Quisque luctus est non ipsum venenatis ullamcorper. Aenean pulvinar, lectus ut ullamcorper feugiat, nulla tellus lobortis erat, ac consectetur metus risus non mi. Quisque a arcu vitae tellus sodales iaculis. Etiam scelerisque tincidunt dui quis rutrum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
|
|
<p>Mauris laoreet consectetur mauris, in cursus sapien sagittis a. Curabitur ornare volutpat mauris, vel ultrices leo dignissim sed. Sed malesuada, massa sed interdum tincidunt, mi quam euismod erat, at volutpat elit augue at lorem. Vivamus venenatis adipiscing augue, ut porttitor magna semper nec. Mauris rhoncus lobortis porta. Mauris tempus tellus in neque semper nec semper velit tristique. Maecenas eget felis eu justo varius convallis id nec neque. Aliquam non nisi sit amet risus viverra imperdiet. In quis nisi nisi. Mauris eros lectus, volutpat nec vestibulum sit amet, euismod non mauris. </p>
|
|
</div>
|
|
-->
|
|
</div>
|
|
</body>
|
|
</html>
|