crwang · March 3, 2020 22:02
diff --git a/index.html b/index.html
 <html>

 <head>
  <style>
    .main-layout {
      margin: 0;
      display: flex;
      min-height: 100vh;
      flex-direction: column;
    }

    #sidebar {
      width: 240px;
      background-color: pink;
    }

    #main-content {
      background-color: grey;
      /* To expand main for sidebar */
      flex: 1;
    }

    main {
      /* To expand main for footer / header */
      flex: 1;

      /* For the sidebar layout */
      display: flex;
      flex-direction: row;
    }

    header {
      padding: 8px;
      background-color: red;
      height: 40px;
      text-align: center;
    }

    footer {
      padding: 8px;
      background-color: blue;
      height: 40px;
      text-align: center;
    }
  </style>
  <script>
    function lotsOfContent() {
      document.getElementById("content").innerHTML = longLoremIpsum();
    }
    function littleContent() {
      document.getElementById("content").innerHTML = loremIpsum();
    }
    function lotsOfSidebarContent() {
      document.getElementById("sidebar-content").innerHTML = longLoremIpsum();
    }
    function littleSidebarContent() {
      document.getElementById("sidebar-content").innerHTML = loremIpsum();
    }

    function loremIpsum() {
      return "Lorem Ipsum";
    }
    function longLoremIpsum() {
    return `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin condimentum, nisl et rhoncus finibus, nunc orci sollicitudin mauris, a ornare mauris nunc a augue. Nunc faucibus libero id tortor ornare, vitae sodales risus lacinia. Suspendisse potenti. Proin vel ipsum efficitur, interdum sapien at, fermentum dui. Vestibulum commodo, nisl egestas finibus elementum, quam lacus consectetur purus, non facilisis mi dui eu quam. Nulla placerat eros vitae sem faucibus, id commodo ligula congue. Donec dignissim metus nec tellus porta, non ultrices metus consequat. Nunc venenatis vitae nulla non hendrerit. Vivamus pharetra pulvinar aliquam. Cras tempus egestas nibh at eleifend. Nullam faucibus orci ipsum, sed pretium orci tempus sed. Praesent pellentesque dui massa, vitae molestie massa mollis ut. Maecenas eget odio rhoncus, porta massa eu, semper nisl. Morbi ullamcorper tincidunt risus molestie egestas. Sed dictum libero ut nisi pharetra euismod at eu urna. Ut sem ligula, imperdiet nec semper sit amet, mattis blandit est.
 Nam maximus, nibh eget pretium finibus, ipsum lacus sagittis nibh, et gravida nunc quam eu massa. Nullam justo arcu, laoreet aliquam mauris nec, interdum efficitur dolor. Quisque nec fermentum urna. Mauris vel eros dui. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque posuere ligula eu eros pulvinar vestibulum. Sed rutrum nisl sagittis congue condimentum. Etiam risus dui, consectetur sed viverra at, venenatis quis risus.
 Morbi ac nisi a tortor ornare facilisis. Aenean ut leo nec odio maximus laoreet. Mauris dapibus egestas ante. Suspendisse dolor odio, tincidunt eu dolor ut, gravida gravida arcu. Nullam pulvinar sodales mattis. Morbi sit amet nisl porta, tristique nulla eget, lacinia ipsum. Donec a odio varius, condimentum felis sit amet, laoreet mauris. Sed sit amet erat tellus.
 Mauris ultrices, nisl commodo sagittis efficitur, urna felis efficitur velit, vitae dignissim sem leo vitae sapien. Fusce elementum, quam eu eleifend sollicitudin, arcu dolor viverra lorem, id bibendum lorem ligula non dolor. Mauris luctus nunc diam, non cursus erat scelerisque et. Phasellus id nisi pretium quam egestas congue id non dui. Mauris quam leo, fringilla ac accumsan at, lacinia ut neque. Mauris pharetra vulputate nibh eget porttitor. Ut scelerisque leo non augue placerat, eu viverra lectus congue. Phasellus mollis suscipit ipsum sit amet maximus. Curabitur sed sem lacinia, dictum quam sit amet, bibendum enim. Aliquam eget porttitor nunc, at tincidunt est.
 Vestibulum facilisis diam sapien, sed sagittis sem suscipit commodo. Etiam et ante felis. Vivamus eu sem in lacus imperdiet laoreet. Proin at ipsum nibh. Donec sodales neque id sapien consectetur cursus. Morbi eu massa molestie, finibus neque vitae, egestas lectus. Sed semper placerat bibendum. Sed in nunc et massa tempus viverra. Morbi euismod elit justo, id gravida metus malesuada vel. Pellentesque commodo arcu ut lobortis iaculis. Nulla vel quam ut nibh viverra mollis.
 Quisque blandit felis neque, eu congue diam placerat sit amet. Pellentesque facilisis dolor nisi, at scelerisque nulla luctus eget. Quisque dignissim mauris quis massa imperdiet consequat. Praesent commodo sapien non tortor lacinia, vitae accumsan dui dictum. Fusce volutpat malesuada est ac tincidunt. In posuere, libero cursus lobortis venenatis, magna mi tempus neque, eu scelerisque sapien leo non libero. Suspendisse varius diam nec suscipit luctus. Fusce vel dolor ac arcu vehicula consequat non non diam. Curabitur aliquet mauris eget lorem scelerisque, nec lacinia nisl laoreet. Sed dapibus ut lectus sodales hendrerit. Interdum et malesuada fames ac ante ipsum primis in faucibus.
 Sed hendrerit justo sed ex sagittis placerat. Duis tortor arcu, mollis vel elit ac, tincidunt fringilla dui. Mauris purus sem, bibendum ac arcu a, mattis porta libero. Nam feugiat egestas massa id hendrerit. Nam sodales purus eget elit congue, non eleifend ante porttitor. Vivamus nec ex nec turpis fringilla pretium at quis tellus. Aenean fringilla sollicitudin nulla, quis tempus nunc tempus ut. Integer at maximus turpis. Nam ligula ante, tincidunt vitae odio at, condimentum malesuada nisi.
 Aenean fringilla vestibulum tortor vitae molestie. Pellentesque interdum lectus ac elit condimentum dignissim. Mauris rhoncus orci eu nisl euismod, eu congue nisi tincidunt. Mauris pharetra dolor eget libero consectetur, nec interdum ipsum feugiat. Duis ultrices massa nulla. Sed congue mi vel egestas porta. Mauris lacinia vulputate consequat. Curabitur maximus enim at enim tincidunt, ut pharetra purus iaculis. Sed id magna id diam tincidunt vulputate. Mauris enim dolor, malesuada non rutrum facilisis, ornare posuere sem. Curabitur cursus dolor vel ultrices ultricies. Nulla facilisi. Quisque molestie magna eu tincidunt egestas.
 Praesent finibus, tellus vitae pharetra convallis, justo sem rhoncus enim, nec varius justo ante commodo dolor. Integer sit amet auctor sem. Etiam eget eleifend metus, posuere venenatis lorem. Vestibulum feugiat tortor sed aliquam laoreet. Nulla tempus egestas sollicitudin. Donec vulputate eros ut massa convallis, ut imperdiet lorem dictum. Pellentesque eu varius lacus. Duis imperdiet sapien sed dolor ornare volutpat sed id lacus. Sed elementum, lectus quis cursus lobortis, mi tellus sodales diam, eu pulvinar leo ligula a libero. Sed velit massa, egestas ac egestas eu, porta vel dolor. Vivamus dolor metus, hendrerit et pretium sit amet, venenatis vel purus. Nulla vel porttitor nulla.
 In sollicitudin accumsan eros, vitae semper diam vestibulum ac. In condimentum eget est vitae efficitur. Vestibulum mauris ipsum, feugiat at accumsan id, venenatis a risus. Maecenas mattis justo a massa finibus, sed cursus odio pulvinar. Aenean blandit ligula nec velit tempor dignissim. Pellentesque condimentum dolor at risus vestibulum, eget consequat dolor mollis. Curabitur vulputate euismod ornare. Morbi eget molestie libero. Donec ut pharetra elit, ac lobortis mauris. In maximus massa vitae laoreet tristique. Vivamus tincidunt sapien non volutpat mattis. Fusce scelerisque rutrum purus, ultrices feugiat erat dignissim et.
 Maecenas finibus ligula non lacus tempor imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris placerat lacinia augue, et efficitur velit vehicula vel. Nunc tincidunt vehicula ipsum sed dignissim. Cras ornare erat diam, quis venenatis felis tempor nec. Nunc eu rhoncus purus, eu efficitur augue. Ut sit amet neque sagittis, finibus metus id, congue libero. Sed volutpat ante quis interdum rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed rutrum ex non est accumsan, in rutrum arcu tincidunt. Aliquam nec urna id lectus gravida ullamcorper vitae at justo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus erat ipsum, ultricies sit amet condimentum eget, pulvinar pulvinar mi. In vehicula maximus leo nec aliquet. Morbi sagittis faucibus molestie.
 Etiam id tellus sit amet lectus consequat porttitor eu eu urna. Phasellus mollis volutpat nunc. Etiam at nulla orci. Sed sit amet dolor eget magna pretium congue. Vestibulum non turpis placerat, mollis justo et, blandit dui. Nunc porta tincidunt sem. Integer nec semper tortor. Phasellus pretium augue nec tortor consequat vehicula. Nam facilisis nisi nunc, luctus ultricies nisi dapibus elementum. Praesent vehicula enim sit amet libero consectetur accumsan. Sed ut vehicula urna, ut consectetur mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus sit amet velit quis lectus malesuada aliquam pellentesque sit amet nibh. Integer egestas orci nec tempor rutrum. Sed auctor, urna quis pellentesque molestie, est ligula maximus arcu, at lacinia odio neque eget ante. Sed sed purus sem.
 Praesent a elementum dolor. Quisque a dictum est. Integer et tincidunt quam. Phasellus nec varius neque. In vel augue hendrerit, iaculis ipsum vitae, hendrerit est. Etiam venenatis quam eu lorem euismod, nec laoreet odio facilisis. Nulla nunc ipsum, volutpat vitae nunc in, commodo faucibus ligula. Curabitur tellus nisl, ullamcorper in ultricies et, posuere ac nunc. Praesent viverra lorem ex, ac gravida erat euismod a. Fusce tincidunt dui eget metus dictum fermentum. Quisque volutpat ornare pulvinar. In efficitur erat ac augue bibendum pretium.
 Nullam nec magna nec arcu venenatis rhoncus vel sit amet quam. Donec malesuada massa ac felis tempus posuere. Donec congue a elit eget tempor. Nullam sodales molestie ligula vel dignissim. Phasellus quis posuere massa, sed sodales massa. Suspendisse quis orci vel sapien auctor rhoncus. Sed faucibus fringilla enim ut efficitur.
 Suspendisse sollicitudin in turpis id commodo. Vestibulum non finibus sapien. Fusce aliquam ornare dolor, et fringilla neque tempus quis. Phasellus in massa ut mauris cursus pulvinar eget a ligula. Aenean nulla justo, euismod ac metus vitae, sodales ornare leo. Integer euismod elit diam, vitae lacinia nulla porta non. Ut sit amet rutrum augue, auctor volutpat odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam laoreet feugiat dui, in tincidunt ante tincidunt vel. Integer luctus arcu libero, sit amet posuere nibh sagittis sit amet. Maecenas scelerisque dapibus facilisis. Cras imperdiet accumsan ante quis sagittis.
 Donec nec sollicitudin elit, sagittis vestibulum turpis. Suspendisse vitae interdum ligula, at vehicula eros. Vestibulum ut odio quis sem accumsan consequat. Aenean maximus blandit ex sed porta. Pellentesque tellus elit, condimentum a nibh eget, maximus aliquet metus. In vitae tellus et mauris gravida placerat. Duis placerat semper velit. Sed ut lectus eget felis congue fermentum. Aenean quis ligula eros. Suspendisse accumsan nec purus sit amet efficitur. Donec nec hendrerit velit.
 Pellentesque et tincidunt nisl. Integer posuere tellus et gravida placerat. Maecenas non fringilla nisl. Vivamus nunc diam, viverra vitae neque sit amet, suscipit faucibus enim. Etiam maximus diam risus, at cursus odio sagittis non. Ut eget erat ut mi lobortis sagittis nec vel elit. Etiam porttitor molestie lacinia. Fusce a ornare sem, et ullamcorper eros. Cras dapibus viverra metus a elementum. Duis maximus consectetur augue eget dapibus.
 Curabitur vitae ipsum ac tellus lacinia molestie sed quis tellus. Integer nec consequat quam, vel lacinia nunc. Praesent tempor elit pharetra, efficitur ex a, aliquet ante. Curabitur laoreet, nibh sed laoreet ullamcorper, velit ante porttitor justo, eget sodales arcu velit non lectus. Morbi rutrum augue vel libero lobortis, sed ornare ipsum faucibus. Maecenas eget gravida arcu. Pellentesque id fermentum lectus.
 Suspendisse volutpat pretium purus vitae rhoncus. Integer sed quam neque. Proin in rhoncus est. Cras sed justo nec arcu congue euismod. Praesent elementum sapien quis metus luctus, sed ultrices ex porttitor. Ut at risus feugiat, tincidunt ante in, tristique purus. In eu elementum velit, at accumsan dui. Curabitur vehicula lorem sit amet consectetur commodo. Sed a nisi massa. Pellentesque feugiat accumsan dignissim. Vivamus mattis quam sed ultrices varius. Nullam venenatis eget nibh a faucibus. Suspendisse dapibus ipsum mi, eu condimentum libero elementum et.
 Nam ornare erat auctor justo gravida, ut vulputate libero rhoncus. Nulla mollis turpis eget faucibus egestas. Cras at nisl ante. Suspendisse vel egestas eros. In tincidunt vel lectus sit amet bibendum. In nunc mauris, tincidunt ut risus eu, auctor ornare lorem. Cras bibendum enim ut ligula sagittis vulputate. Nam congue facilisis diam sit amet aliquet. Fusce ut pulvinar ipsum. Duis eu ipsum varius, mollis neque vitae, feugiat elit. Nulla pulvinar justo in orci consequat blandit quis ut urna. Aliquam id sapien luctus, vehicula dui sit amet, sodales dolor. Fusce dignissim in nunc vel placerat. Sed consequat, lorem eu commodo suscipit, ex eros maximus leo, quis gravida enim odio porta justo.
 Donec placerat tempus lobortis. Fusce lobortis orci elit, in tincidunt nisl euismod eu. Nulla tincidunt lobortis mollis. Donec efficitur leo ut ullamcorper varius. Aliquam eu dolor non turpis dictum tristique. Maecenas viverra ligula enim, sed viverra dolor porttitor id. Nunc suscipit, est a varius ultricies, ex nibh mattis turpis, sed sollicitudin nisl nisi vitae erat.
 Mauris semper diam et congue porta. Nam et quam non magna dignissim congue. Maecenas non sodales risus. Phasellus consequat tempor velit, sit amet dictum eros posuere nec. Nulla tristique porta nunc nec scelerisque. Etiam gravida ipsum urna, sed luctus ligula suscipit a. Aliquam gravida convallis sapien sit amet ultrices.
 Donec vehicula varius sem. Morbi dignissim lacus orci, ut ullamcorper eros interdum nec. Morbi in est eros. Nam pretium neque a elit fermentum rutrum. Suspendisse ullamcorper interdum lacus, convallis facilisis dui fermentum et. Morbi iaculis sodales ipsum, ac laoreet lorem laoreet quis. Sed nec elementum est. Suspendisse placerat metus id nibh porta, et imperdiet ipsum ornare. Duis semper, justo et aliquet ullamcorper, orci odio mollis risus, a malesuada enim lectus eu est. Nam efficitur molestie tellus vel dignissim. Quisque consectetur id est non vulputate. Integer lobortis mi nisl, vel vehicula mauris rhoncus eu. Sed egestas vitae arcu sed facilisis. Donec sodales semper tellus, et hendrerit tortor. Vestibulum mattis quam sed hendrerit facilisis.
 Nulla vulputate congue nisi et fermentum. Duis interdum sollicitudin velit, et dictum purus tristique sollicitudin. Duis posuere sagittis augue ac accumsan. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus eu risus nec nisi consequat finibus. Proin arcu est, posuere ac lacinia sed, facilisis ut lacus. Phasellus ullamcorper porta quam, quis efficitur nisl sodales ut. Ut sit amet imperdiet purus. Mauris tempus velit eget nulla imperdiet, eu malesuada lorem dictum. Maecenas varius ipsum sed ullamcorper lobortis. Nullam vitae tincidunt magna. Aenean mollis enim augue, eu porttitor mi tincidunt vehicula. Donec sodales vulputate tempor. Etiam commodo viverra tempus. Aenean tempus tristique rutrum. In pretium justo volutpat lectus interdum, quis volutpat libero egestas.
 Duis elementum bibendum auctor. Donec faucibus nec lectus sit amet maximus. Maecenas sit amet lobortis odio. Cras sed lorem et lectus vulputate pulvinar. Nunc consectetur sed nisi vitae vehicula. Pellentesque felis tellus, mattis in enim in, tincidunt porta dui. Vivamus ut vehicula felis. Duis metus nunc, ullamcorper in auctor et, eleifend vitae lectus.
 In augue dolor, fringilla non suscipit nec, finibus porta dolor. Vestibulum vitae dolor aliquet, iaculis sapien ac, ornare nulla. Vivamus velit nibh, condimentum sit amet sollicitudin id, porta a felis. Aliquam consequat augue purus, vel sagittis neque ultrices vitae. Fusce ullamcorper placerat tempor. In mollis urna lacus, porta dictum turpis laoreet vel. Donec dignissim libero vel purus ultricies auctor.
 Pellentesque consequat justo sit amet malesuada scelerisque. Aenean id tristique urna. Maecenas semper pharetra lacus, eu rhoncus est fermentum vel. Curabitur at faucibus odio. Donec a sem tempor, porttitor arcu vel, maximus magna. Nullam interdum maximus ipsum eget lobortis. Cras lobortis varius metus sed ultricies. Sed quis elementum ipsum. Suspendisse pellentesque porttitor eleifend. Sed eu vestibulum metus. Quisque pretium convallis ornare. Etiam efficitur erat nunc. Phasellus vitae tincidunt tortor, nec eleifend felis.
 Maecenas at blandit dui, non ultrices eros. Praesent sit amet nibh quam. Nullam consequat lacus ut ultricies volutpat. Praesent convallis urna vitae leo rhoncus sodales. Donec eu nunc dui. Duis sed accumsan lacus, ac imperdiet ipsum. Duis placerat ullamcorper magna non bibendum. Suspendisse venenatis vitae nunc at finibus. Nam augue nulla, consectetur ac pellentesque non, laoreet eu nulla. Donec a urna vulputate, accumsan mauris ut, semper libero.
 Fusce et erat rutrum, sollicitudin lacus faucibus, mollis nulla. Vestibulum in blandit eros, a auctor risus. Aenean venenatis, mi at condimentum auctor, mauris erat condimentum leo, euismod lacinia orci tellus eget metus. Mauris suscipit luctus lacinia. Duis eleifend urna ut faucibus finibus. Ut congue aliquam odio, in vehicula ex tincidunt ac. Aenean sed urna pulvinar, tincidunt sem ac, feugiat arcu. Nam molestie iaculis consequat. Curabitur sit amet commodo lorem.
 Nam mi ex, maximus quis mauris sit amet, aliquet dictum libero. Morbi malesuada sem ac rutrum tempor. Fusce fermentum leo vel elit finibus suscipit. Sed ac condimentum velit. Donec id lectus vitae felis gravida finibus. Aenean rhoncus, leo sed sollicitudin facilisis, nulla tellus commodo ex, nec pretium magna lorem eget nibh. Pellentesque a rutrum orci.
 Maecenas a eros mi. Nulla ut enim sed eros placerat feugiat. Sed rhoncus diam non pulvinar finibus. Phasellus est lorem, porttitor ac convallis eu, facilisis ut magna. Vivamus posuere nibh at augue viverra viverra. Nulla facilisi. Mauris sed dolor et orci luctus tempor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse non condimentum sapien. Phasellus et dui mi. Duis eu pulvinar magna. Nulla mauris massa, condimentum sed nibh id, laoreet luctus nibh. Praesent sagittis nulla vel dignissim sagittis.
 Suspendisse vel velit sed urna euismod porttitor. Duis id metus in arcu egestas tincidunt. Ut nec porta nisi, vitae pellentesque orci. Mauris molestie ipsum id urna tempus mattis. Nulla et erat vitae felis vulputate consectetur. Donec rutrum feugiat mauris. Donec finibus nisl nec urna placerat pellentesque. Quisque imperdiet tortor vitae eros ullamcorper facilisis id at est. Quisque mattis rhoncus ex a aliquet. Phasellus fermentum erat id semper laoreet. Duis imperdiet gravida congue. Aenean consequat elit eu est rutrum consectetur. Donec laoreet maximus metus. Sed magna tortor, sollicitudin sit amet convallis sit amet, luctus sed nibh. Vivamus iaculis, justo non maximus sodales, ante purus tempus dui, sed pulvinar ante ante id ipsum.
 In dui orci, viverra quis tincidunt et, eleifend vitae augue. Donec nec tellus lobortis, aliquam est vel, porta nunc. Nunc aliquet eros in tellus ornare laoreet. Quisque pulvinar ornare tempus. Suspendisse quis eleifend lacus. Nullam nibh velit, tincidunt ac quam et, lacinia efficitur lorem. Nam ac viverra mauris.
 Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et turpis sed nisl maximus sodales sed at mi. Nunc nibh nulla, tincidunt eu tempus vitae, tempus sit amet neque. Duis at augue faucibus, hendrerit nunc eget, euismod orci. Suspendisse pharetra turpis in augue ultrices lacinia. Sed at pellentesque dolor. Aenean a justo eu tortor venenatis faucibus sed vel massa. Ut ac fermentum neque. Vivamus nec augue id arcu ornare imperdiet non quis lorem. Cras id iaculis justo. Donec porta dapibus ex in aliquet. Maecenas vitae odio sit amet turpis tincidunt molestie. Etiam porttitor lacinia arcu eget iaculis.
 Etiam efficitur mauris quis odio fermentum egestas. Duis tempor imperdiet diam vel molestie. Nullam hendrerit metus ac hendrerit rhoncus. Nulla feugiat, diam at ullamcorper tincidunt, tellus massa luctus turpis, quis sagittis sem nibh eget felis. Proin eget massa sem. Sed tempor et velit nec elementum. Integer at risus at ex venenatis bibendum. Integer euismod pulvinar ante eget sodales. Etiam vestibulum fringilla augue, eu dictum diam euismod at. Curabitur erat ligula, mattis sed porta vitae, placerat quis ipsum. Morbi pulvinar efficitur est, consequat gravida tortor placerat sit amet. In sodales, tortor sed dictum maximus, diam turpis efficitur lacus, in fermentum nulla ex iaculis nisi. Suspendisse at tristique mi. Donec turpis elit, accumsan quis lobortis sit amet, mattis ut lacus.
 Proin mollis ut tellus in sagittis. Etiam varius nulla vel purus hendrerit finibus. Integer euismod scelerisque massa in faucibus. Sed sit amet pellentesque ante. Sed consequat sed enim et volutpat. Maecenas elementum eu magna vitae sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus condimentum nisi eget porta facilisis. Proin congue nibh a neque sagittis venenatis. Nulla sodales dui id interdum mollis. Aenean dapibus, eros eget bibendum placerat, leo augue condimentum lorem, sed tristique nisl quam at nisl.
 Quisque aliquet, turpis in ullamcorper iaculis, urna urna mattis neque, vitae consequat sem neque at dui. Maecenas at nunc et velit laoreet luctus ut ac lacus. Nam laoreet lorem lorem, in aliquet massa lacinia eget. Etiam a lorem convallis, dictum ligula euismod, aliquet mi. Integer in leo convallis, lobortis velit id, dictum tellus. Maecenas vitae purus vel erat maximus fermentum. Aliquam lobortis mi at augue varius, malesuada finibus lectus mattis. Aenean accumsan elit a ullamcorper ornare. Donec at neque odio. Suspendisse potenti. In sed laoreet metus.
 Ut porttitor, nunc ut auctor euismod, elit tortor condimentum sapien, ac tristique erat libero vel ex. Morbi auctor dapibus nisi, aliquam commodo diam dignissim at. Nunc in facilisis nibh. Sed magna lacus, varius et lobortis ut, pulvinar sed quam. Mauris at feugiat lectus. Curabitur auctor est quis sem aliquam vestibulum. Nam convallis congue vulputate.
 Sed hendrerit posuere sodales. Sed ultricies faucibus dui eget ornare. Pellentesque in dictum ante, a fermentum nisl. Vestibulum eu nulla blandit, lobortis massa ut, maximus elit. Praesent ultrices in sapien posuere vulputate. Donec lorem dolor, blandit feugiat aliquam ut, interdum non ante. Fusce placerat arcu lobortis ante egestas lacinia. Duis vel porta nibh, sit amet malesuada nibh.
 Sed eget massa malesuada, tempus ex nec, suscipit enim. Phasellus bibendum, enim ut posuere porttitor, nisl nunc pretium ipsum, id blandit nisl tellus vitae quam. Morbi vitae dolor eget ex scelerisque rutrum quis a purus. Morbi ac augue porta, finibus ligula id, blandit tellus. Cras a tristique lacus. Morbi non fermentum mauris. Cras egestas orci non lacinia egestas. Curabitur eu cursus erat, id commodo leo. Quisque nec tellus quam. Etiam feugiat a sem venenatis rutrum. Etiam nec posuere sapien. Phasellus vitae tristique urna. Maecenas blandit sem at hendrerit condimentum. Praesent et vehicula mi. Aliquam vel suscipit magna.
 Nunc mollis risus libero, id commodo lectus pharetra in. Pellentesque elementum cursus turpis, sit amet fermentum magna aliquam gravida. Nulla ac iaculis sem. Aenean pulvinar non augue eget rhoncus. Morbi mattis feugiat nisi eget efficitur. Nullam maximus accumsan nulla ut bibendum. Ut porta tempus turpis, ac viverra nisl suscipit sit amet. Praesent blandit massa hendrerit sollicitudin maximus. Cras accumsan, ligula sit amet finibus consequat, lacus arcu rutrum ligula, ut gravida ante nibh a nulla. Fusce quis nibh eget velit dictum tincidunt bibendum in mauris. Mauris ex arcu, hendrerit in mattis non, vestibulum vitae turpis. Pellentesque eget odio vel lacus vestibulum semper. Ut posuere vulputate turpis nec convallis. Vestibulum at urna in dolor sollicitudin pulvinar. Aliquam sed odio gravida, luctus ante at, commodo libero. Aliquam blandit imperdiet venenatis.
 Donec sodales viverra arcu non aliquam. Nulla scelerisque vestibulum orci, ut tristique lorem dictum a. Donec dapibus justo nec mi interdum volutpat. Suspendisse id porttitor quam. Fusce eget porta diam. Proin ut porta magna. Nunc aliquam libero nec tortor laoreet, a venenatis tortor vulputate. Donec facilisis rhoncus neque nec consectetur. Etiam in sem vestibulum, ultricies turpis eget, vestibulum felis. Duis eget odio fringilla, vestibulum augue eu, faucibus diam. Curabitur erat massa, consectetur ac ultrices at, pretium in odio.

 Praesent id volutpat libero. Integer gravida libero molestie ex commodo elementum ac quis dui. Vivamus lorem ex, sagittis non imperdiet nec, sagittis et orci. In hac habitasse platea dictumst. Phasellus commodo nisl in velit congue, quis vulputate neque mollis. Integer suscipit ligula ut nisi tincidunt, nec ornare lectus tincidunt. Vestibulum suscipit pharetra turpis, ut vulputate neque aliquet ac. Morbi ante lectus, vestibulum vel nulla et, vehicula feugiat nisi. Fusce consectetur ex elit, vel facilisis purus lacinia quis.
 Maecenas bibendum purus ipsum, at ornare sapien commodo eu. In hac habitasse platea dictumst. Suspendisse dictum arcu in ipsum condimentum, eu condimentum lorem dictum. Sed accumsan fermentum est ut faucibus. Proin vel eleifend erat, a tempus justo. Nam mattis quam id condimentum faucibus. Praesent facilisis urna eget orci placerat auctor. Nulla non pretium orci, id porttitor arcu. Donec aliquet ex sem, eleifend hendrerit nulla viverra et. Sed id quam fringilla, tincidunt nunc quis, condimentum velit. Nunc leo nisl, semper id ligula vitae, imperdiet porta nisl.
 Aliquam erat volutpat. Aliquam placerat, sapien vitae dignissim mattis, eros enim consectetur lacus, sed vulputate tellus lacus in magna. Proin et velit cursus, posuere massa non, commodo nibh. Integer ornare eu neque euismod consectetur. Donec ornare diam sed tellus finibus fringilla. Pellentesque dui felis, molestie eu rhoncus ut, facilisis in nibh. Suspendisse consequat semper ipsum, eget venenatis dolor facilisis sit amet. Sed quis dictum odio. Aenean urna velit, euismod quis ante sed, blandit tristique sapien. Donec sed bibendum ipsum. Maecenas nec commodo leo, non iaculis sem. Aliquam laoreet fermentum lorem.
 Praesent lobortis rhoncus massa ac aliquam. Curabitur imperdiet, leo id facilisis pellentesque, neque orci maximus dui, eget malesuada nulla neque nec ante. Integer egestas sapien urna, eu aliquet turpis laoreet vel. Maecenas vestibulum rhoncus ex, et viverra augue euismod a. In vel tellus ultricies, iaculis lacus at, faucibus leo. Nulla velit ipsum, ultrices vitae posuere id, viverra eget est. Nulla in lacus in leo scelerisque tristique eget id lacus. Aliquam mi mauris, faucibus nec nunc at, laoreet rhoncus felis. Nulla facilisi. Integer nec semper turpis. Sed nec tellus quis mi efficitur auctor tempus eget orci. Aliquam accumsan feugiat sollicitudin.
 Nam mattis urna id sem efficitur lacinia eu eget lacus. Vivamus at sem mattis, pulvinar enim mattis, consequat metus. Maecenas elementum ullamcorper eros, eu rhoncus felis venenatis et. Nam dictum sed enim vitae imperdiet. Mauris quis justo condimentum risus maximus fringilla at at justo. Integer commodo neque vel lorem lacinia congue. In fermentum commodo elementum. Etiam porta a justo sodales bibendum. Nullam vitae justo at erat volutpat commodo.
 Donec ut convallis lacus. Donec aliquam a nulla id egestas. Etiam vel tincidunt mi. Vestibulum nec convallis lacus. Sed dui quam, lobortis vitae venenatis blandit, auctor vitae leo. Vivamus a pretium ipsum, in viverra libero. Nam fermentum diam eget urna facilisis molestie.
 Ut eget eros a quam aliquet vulputate ut nec tortor. Fusce nec molestie risus. Cras facilisis neque dui. Quisque dapibus purus eu feugiat interdum. Aliquam sollicitudin eu nisi sed gravida. Fusce ut dapibus ligula. Ut nulla sapien, dapibus at velit nec, imperdiet condimentum nunc. Morbi quis mattis lacus. Ut diam augue, convallis et nisl et, sagittis aliquet lorem. Sed vulputate lorem et nulla euismod scelerisque.
 Maecenas rhoncus maximus odio, nec volutpat enim. Quisque commodo arcu vehicula nisi scelerisque, ut convallis lacus rutrum. Aliquam vitae laoreet nunc, sed egestas massa. Quisque lacus urna, vestibulum finibus placerat vitae, tincidunt ac augue. Donec sit amet fermentum massa. In at molestie nibh. Quisque fermentum pellentesque nibh, venenatis commodo elit fermentum quis. Curabitur a facilisis diam, ut luctus nibh. Cras fermentum leo a metus pharetra, sit amet cursus neque scelerisque. Suspendisse potenti. Vivamus ac ligula scelerisque, tempus dui eu, semper tortor. Sed a erat ipsum.
 Morbi et sapien nec velit rhoncus tristique. Nam in ligula eget est mattis pharetra vitae fermentum libero. Curabitur accumsan commodo arcu sit amet semper. Phasellus non justo eu nulla vehicula maximus. Donec porttitor metus cursus fringilla blandit. Vestibulum orci enim, mollis ut nunc a, aliquet malesuada sem. Morbi eros neque, efficitur a ornare ac, volutpat quis massa. Sed ultrices feugiat blandit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam velit arcu, ultrices sed elementum eu, fermentum in justo. Aenean convallis, nulla id laoreet aliquam, dolor elit aliquam arcu, et molestie orci metus vel lacus. Praesent sollicitudin convallis justo, laoreet aliquet leo lobortis eget. Vestibulum et lorem placerat, pellentesque lectus eget, ornare risus. Donec vulputate blandit lorem sit amet bibendum.
 Nam suscipit, neque at finibus hendrerit, mauris nibh lacinia lorem, nec pharetra elit purus nec ante. Integer vitae facilisis ligula. Fusce a nisi ex. Aenean nec augue ex. Donec vel risus auctor, venenatis dolor vitae, efficitur purus. Nam congue ut dolor a commodo. Nunc sit amet interdum mauris. Morbi venenatis hendrerit enim et mollis. Phasellus sed sem varius, ultricies felis et, bibendum est. In massa mauris, finibus ut dictum sed, suscipit nec elit. Nunc ut tellus molestie, tincidunt ipsum a, aliquet arcu. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Morbi viverra nunc nec elementum porta.
 Donec sed varius urna. Vivamus eget placerat erat. Cras consequat tortor a lorem feugiat scelerisque. Nunc mattis, est eget molestie posuere, purus erat molestie nibh, eget cursus urna tellus sed odio. Ut vel enim lobortis, fringilla nulla eu, maximus nunc. Duis eu purus id lorem dictum lobortis ut pulvinar sapien. Suspendisse hendrerit quam a neque fringilla bibendum. Morbi tristique mattis dolor, et hendrerit erat efficitur sit amet. Ut et eros in orci condimentum varius. Integer luctus dui ut aliquam ultricies. Morbi nibh nisi, imperdiet a tortor eu, laoreet faucibus risus. Nullam nibh orci, luctus ut aliquam a, dapibus vitae purus.
 Nam consequat nisl sit amet arcu pharetra, et pulvinar lorem tincidunt. Fusce vitae massa neque. Nam eget pellentesque mauris. Cras gravida, massa sit amet faucibus faucibus, felis lorem lacinia magna, ac malesuada turpis elit auctor nunc. Suspendisse faucibus enim nec dolor suscipit, in molestie odio pharetra. Phasellus maximus diam et tellus vehicula ultricies. Fusce blandit, lorem quis commodo tincidunt, ligula odio porta sem, vel molestie quam magna ut nisi. Donec fringilla lectus id diam malesuada sagittis.
 Suspendisse nec odio accumsan, lacinia dolor ut, efficitur est. Donec eget consequat elit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus porttitor orci ut nulla sagittis, eget interdum mi scelerisque. Pellentesque consectetur leo ut erat aliquet, ac cursus odio eleifend. Nulla maximus mattis suscipit. Sed maximus eros non ex tempor, vitae maximus ante elementum. Etiam molestie pharetra nisl at porttitor. Vestibulum bibendum nisl id ipsum iaculis, sed semper diam laoreet. Phasellus feugiat aliquet purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nunc risus, luctus a lacus in, gravida finibus nisi. Ut tincidunt feugiat congue. Morbi at viverra libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque ultrices nulla ut vulputate congue.
 Vivamus sed diam volutpat, egestas odio ac, molestie libero. Phasellus suscipit, augue sit amet pellentesque bibendum, urna enim egestas erat, vel blandit purus mauris sed metus. Aenean posuere varius mollis. Vivamus molestie nunc malesuada eros posuere, at ornare elit egestas. Phasellus et ligula tellus. Morbi ornare aliquam orci sit amet tincidunt. Integer eleifend, orci luctus cursus scelerisque, ex sem fermentum tortor, eu dictum lorem urna sit amet enim. Cras felis nulla, luctus dictum lacus nec, venenatis sagittis nulla. Aenean turpis nibh, rhoncus at luctus ac, sagittis eu purus. Etiam eget consequat urna, at volutpat metus. Nam justo est, scelerisque vel ultricies sed, molestie eget mauris. Morbi lobortis varius tortor vitae molestie. Vivamus at mi eget orci vehicula mattis. Maecenas gravida dictum erat quis bibendum.
 Nullam imperdiet nibh mattis aliquet ornare. Quisque cursus pulvinar vestibulum. Praesent leo enim, ultricies vitae elementum sed, molestie eget felis. Nullam nec mi fermentum, eleifend enim eu, vulputate elit. Vestibulum vulputate non diam sed finibus. Vivamus luctus tellus sit amet ipsum bibendum sollicitudin. Nunc fermentum quam et augue consectetur, in rutrum felis facilisis. Maecenas egestas nunc nulla, quis vestibulum ex auctor quis. Curabitur quis nisi gravida, laoreet justo eu, feugiat magna. Suspendisse a diam elementum, porta mi in, hendrerit erat. Morbi mi ante, mollis at diam aliquet, vulputate condimentum ipsum. Nullam pharetra mollis ultricies. Fusce placerat nec magna vel venenatis. Sed quis ante vitae purus egestas auctor. Proin euismod, tellus iaculis scelerisque ornare, urna mauris scelerisque tortor, a lacinia orci eros a purus. Nullam vehicula eleifend lacus, at rutrum turpis ultrices posuere.
 Proin vel nisl a nunc molestie aliquam faucibus quis tellus. In hac habitasse platea dictumst. Nulla ornare mauris purus, ac sagittis neque tempor nec. Morbi tempus placerat convallis. Praesent efficitur ultricies libero, id imperdiet augue malesuada vitae. Integer luctus lacinia ultricies. Nullam non ante fermentum massa mattis ullamcorper.
 Ut ante sem, rhoncus faucibus orci sed, finibus aliquet nibh. Morbi ac luctus ipsum, non viverra nibh. Praesent sollicitudin ipsum eget aliquet suscipit. Vivamus consequat eros vel mattis rutrum. Nulla facilisi. Aliquam placerat tempor blandit. Donec imperdiet sapien ac molestie pulvinar. Aliquam in urna et ex accumsan condimentum sed sed tellus. Nunc ultricies erat sed nisi interdum, at maximus quam interdum. Sed viverra pretium enim, a aliquet purus sodales quis. Aliquam at fringilla quam. Donec scelerisque mauris nisl, id feugiat arcu ullamcorper sed. Curabitur at pulvinar neque. Nunc tortor justo, condimentum non metus a, aliquam aliquet justo. Vivamus dapibus fermentum urna sit amet dapibus. Donec aliquet luctus nisl at molestie.
 Curabitur vulputate, est feugiat faucibus pulvinar, lacus dui pretium purus, sed tincidunt arcu tellus at nibh. Vivamus luctus, arcu nec tincidunt pellentesque, lectus dolor semper leo, ut maximus massa purus quis nibh. Nulla eu blandit ex. Nulla facilisi. Praesent volutpat consequat blandit. Nulla eget volutpat nisi. Phasellus mattis libero eu nulla tristique, sed interdum diam tincidunt. Nulla sagittis tortor ligula, nec scelerisque orci varius eget. Donec molestie, tortor eu fermentum efficitur, sapien ligula dapibus libero, et euismod eros tortor nec dui. Donec ultricies ac ipsum at accumsan. Donec bibendum leo non mi venenatis convallis. Proin consequat orci massa, non interdum sem pretium at. Aliquam rutrum magna id elementum dapibus.
 Duis dictum diam id felis faucibus, nec accumsan nisi malesuada. Curabitur posuere sollicitudin enim, vitae hendrerit lacus pharetra ut. Phasellus vel efficitur lectus. Fusce quis dolor ut nisl placerat eleifend. Curabitur egestas mauris non tortor suscipit viverra. Maecenas augue mauris, laoreet rhoncus neque nec, pulvinar sollicitudin nulla. Aliquam volutpat, erat et tincidunt pulvinar, ante sapien tincidunt orci, sit amet molestie lacus metus in ipsum.
 Aenean lacus erat, accumsan at facilisis non, imperdiet in arcu. Nulla tristique enim risus, id gravida lorem congue a. Nulla tellus nunc, posuere non elit id, porttitor vulputate ligula. Vestibulum laoreet justo ac aliquet aliquam. Integer maximus rutrum egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ullamcorper consectetur augue. Sed pretium mollis enim, at imperdiet massa condimentum nec. Morbi vitae pulvinar mi. Maecenas lobortis augue a fringilla accumsan. Nam tristique ligula ut nunc porta, eget faucibus quam cursus. Curabitur egestas molestie sem, nec sodales urna tincidunt at. Etiam eleifend ornare nunc. Pellentesque vestibulum erat nunc, ac sagittis dolor congue sed.
 Sed sed lacus sodales nibh sollicitudin pulvinar id quis odio. Aliquam libero neque, interdum ac purus et, tincidunt lobortis ex. Mauris dictum tellus quis elementum egestas. Suspendisse at felis nec ipsum fringilla rhoncus quis vitae diam. Vestibulum nisl velit, pretium vel nisi at, cursus feugiat ipsum. Pellentesque placerat vestibulum consequat. Vestibulum auctor tortor ut lorem pulvinar pellentesque. Ut non vehicula urna. Fusce eu quam vitae dui imperdiet pretium. Sed pretium laoreet justo, eget tincidunt tellus consectetur hendrerit. Nullam luctus mi sapien, molestie pulvinar mi ullamcorper nec. Proin neque est, volutpat at velit et, commodo volutpat risus.
 Duis arcu metus, porta convallis semper quis, tempus non neque. Quisque euismod orci nisi, non condimentum turpis commodo a. Aliquam tristique risus eu augue feugiat consectetur. Maecenas sodales odio urna, gravida accumsan dolor fringilla a. Maecenas aliquet tincidunt lectus, eget venenatis quam commodo sed. Nulla facilisi. Suspendisse tempor a dui sit amet tincidunt.
 Morbi ac neque a orci commodo aliquet et vel nisl. Maecenas eget libero vitae odio imperdiet commodo. Curabitur eu nulla quis sem dictum imperdiet nec sed ex. Donec commodo tincidunt eros a cursus. Mauris quis diam sed diam pretium sodales sed non nibh. Suspendisse id elit convallis, volutpat dui non, suscipit ligula. Nam fermentum nibh nulla, at sagittis nunc ullamcorper a. Phasellus at facilisis diam.
 Sed dolor ipsum, vulputate at est eget, aliquet convallis odio. Aliquam posuere mauris ante, ut malesuada magna venenatis eget. Cras ex libero, maximus id accumsan eget, feugiat vel dolor. Nam sodales velit tortor, et lacinia leo pulvinar sit amet. Vestibulum mattis hendrerit nisl a lobortis. Nam non lacus eu tellus iaculis varius. Ut cursus scelerisque est, vel malesuada urna aliquam in. Vivamus at velit justo. Proin sit amet lacus malesuada, auctor est vitae, dictum ligula. Vivamus vehicula neque nec ligula elementum, vel elementum dolor elementum.
 Nulla quis justo ut nisi faucibus tempus. Sed nec semper urna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas leo purus, imperdiet commodo ante vel, aliquet porta sapien. Maecenas pretium tristique tellus, at faucibus tortor vestibulum sed. Donec risus enim, tincidunt id iaculis ac, aliquet non dui. Duis sed dui sem. Ut ultricies, lorem at imperdiet tincidunt, tortor nibh congue ipsum, vitae mattis magna erat sit amet tellus.
 `;
  }

  </script>
 </head>

 <body class="main-layout">
  <header>Header</header>
  <main>
    <div id="sidebar">
      <h2>Sidebar</h2>
      <button onclick="lotsOfSidebarContent()">Lots of Content</button>
      <button onclick="littleSidebarContent()">No Content</button>
      <div id="sidebar-content"></div>
    </div>
    <div id="main-content">
      <div>
        <button id="btn-lots" onclick="lotsOfContent()">Lots of Content</button>
        <button id="btn-no" onclick="littleContent()">No Content</button>
      </div>
      <div id="content">

      </div>
    </div>
  </main>
  <footer>Footer</footer>
 </body>

 </html>