Navbar is now sticky instead of fixed positioning that way it still forces the page to render without requiring padding. Additionally, corrected the lost scrolling behavior of the navbar due to ordering of elements being wrong
<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article" class="icon">🗎</a><a href="/articles/curabitur vel tempus ex.article">curabitur vel tempus ex.article</a> 2022-08-03T19:38:49.434908Z gitpod 730</div>
<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article" class="icon">🗎</a><a href="/articles/curabitur vel tempus ex.article">curabitur vel tempus ex.article</a> 2022-08-03T19:22:20.387014Z gitpod 730</div>
<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article.html" class="icon">🗎</a><a href="/articles/curabitur vel tempus ex.article.html">curabitur vel tempus ex.article.html</a> 2022-08-03T19:38:49.974908Z gitpod 10624</div>
<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article.html" class="icon">🗎</a><a href="/articles/curabitur vel tempus ex.article.html">curabitur vel tempus ex.article.html</a> 2022-08-03T19:22:21.399014Z gitpod 10499</div>
<divclass="contentWrapper"><h1>Curabitur vel tempus ex</h1><divclass="expandedContent"id="content_out/articles/curabitur vel tempus ex.article">
<divclass="contentWrapper"><h1>Curabitur vel tempus ex</h1><divclass="expandedContent"id="content_out/articles/curabitur vel tempus ex.article">
<pclass="color1">
<pclass="color1">
Curabitur vel tempus ex. Duis cursus sapien nisl, ut pulvinar dui porttitor ut. Nullam odio purus, tristique non turpis sit amet, malesuada ultricies purus. Mauris ut nulla nisl. Aenean sit amet est egestas justo volutpat consequat. Suspendisse in sagittis augue, et mattis tortor. Nullam viverra metus et nibh fringilla iaculis.
Curabitur vel tempus ex. Duis cursus sapien nisl, ut pulvinar dui porttitor ut. Nullam odio purus, tristique non turpis sit amet, malesuada ultricies purus. Mauris ut nulla nisl. Aenean sit amet est egestas justo volutpat consequat. Suspendisse in sagittis augue, et mattis tortor. Nullam viverra metus et nibh fringilla iaculis.
<divclass="contentWrapper"><h1>A Test Title</h1><divclass="expandedContent"id="content_out/articles/test articles/test1.article">
<divclass="contentWrapper"><h1>A Test Title</h1><divclass="expandedContent"id="content_out/articles/test articles/test1.article">
<pclass="color6">
<pclass="color6">
In dolor erat, malesuada at elit cursus, convallis imperdiet turpis. Ut aliquet magna tellus, at viverra mauris ullamcorper vehicula. Nam quis urna semper magna ornare elementum sed id mauris. Suspendisse faucibus nunc ante, ac rhoncus nisl tristique sed. Vestibulum pretium odio eget scelerisque vestibulum. Aliquam viverra ex ac vestibulum interdum. Donec ligula nunc, dignissim a purus vitae, fermentum laoreet diam. Quisque nec auctor urna. Vestibulum sit amet ligula ullamcorper, congue ipsum et, accumsan ante. Phasellus fermentum, sapien nec pulvinar blandit, elit purus pretium urna, et dapibus orci urna eu metus. Nunc molestie dictum pharetra. Suspendisse luctus felis et ante tristique, vitae commodo diam porttitor. Aliquam orci eros, placerat ac justo vitae, bibendum efficitur metus. Phasellus eget bibendum mauris.
In dolor erat, malesuada at elit cursus, convallis imperdiet turpis. Ut aliquet magna tellus, at viverra mauris ullamcorper vehicula. Nam quis urna semper magna ornare elementum sed id mauris. Suspendisse faucibus nunc ante, ac rhoncus nisl tristique sed. Vestibulum pretium odio eget scelerisque vestibulum. Aliquam viverra ex ac vestibulum interdum. Donec ligula nunc, dignissim a purus vitae, fermentum laoreet diam. Quisque nec auctor urna. Vestibulum sit amet ligula ullamcorper, congue ipsum et, accumsan ante. Phasellus fermentum, sapien nec pulvinar blandit, elit purus pretium urna, et dapibus orci urna eu metus. Nunc molestie dictum pharetra. Suspendisse luctus felis et ante tristique, vitae commodo diam porttitor. Aliquam orci eros, placerat ac justo vitae, bibendum efficitur metus. Phasellus eget bibendum mauris.
<divclass="contentWrapper"><h1>Another test title</h1><divclass="expandedContent"id="content_out/articles/test articles/test2.article">
<divclass="contentWrapper"><h1>Another test title</h1><divclass="expandedContent"id="content_out/articles/test articles/test2.article">
<pclass="color1">
<pclass="color1">
Sed lobortis nisi id nunc tincidunt volutpat. Mauris cursus felis quis condimentum posuere. Pellentesque vitae dolor et justo suscipit ultrices. Integer dapibus leo id felis varius, ut volutpat massa bibendum. Quisque sed nunc arcu. In sit amet faucibus magna, non venenatis massa. Cras sed placerat risus, id consectetur est. Pellentesque in nunc dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque eget lorem ac urna posuere accumsan. Quisque sed imperdiet nisi.
Sed lobortis nisi id nunc tincidunt volutpat. Mauris cursus felis quis condimentum posuere. Pellentesque vitae dolor et justo suscipit ultrices. Integer dapibus leo id felis varius, ut volutpat massa bibendum. Quisque sed nunc arcu. In sit amet faucibus magna, non venenatis massa. Cras sed placerat risus, id consectetur est. Pellentesque in nunc dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque eget lorem ac urna posuere accumsan. Quisque sed imperdiet nisi.
Curabitur suscipit quam tellus, non rhoncus diam vehicula in. Aliquam ut dapibus tortor. Cras accumsan arcu vel ante maximus ornare. Nam tempus fermentum leo maximus euismod. Donec vehicula pretium est a ultrices. Nunc blandit nibh lorem, nec blandit leo posuere quis. Sed mauris ligula, euismod eu aliquam vel, rhoncus eget magna. Proin eget tortor ut ligula suscipit mattis. Integer rutrum aliquet eleifend. Suspendisse leo libero, placerat nec mi id, sagittis malesuada felis. Quisque euismod ante cursus elit lobortis, eu tempus ligula condimentum. Mauris viverra metus et dignissim efficitur. Ut placerat nunc nunc, eu tempus neque ultrices nec. Suspendisse et magna risus. Phasellus in ullamcorper tortor. Sed lobortis ut mi in blandit.
Curabitur suscipit quam tellus, non rhoncus diam vehicula in. Aliquam ut dapibus tortor. Cras accumsan arcu vel ante maximus ornare. Nam tempus fermentum leo maximus euismod. Donec vehicula pretium est a ultrices. Nunc blandit nibh lorem, nec blandit leo posuere quis. Sed mauris ligula, euismod eu aliquam vel, rhoncus eget magna. Proin eget tortor ut ligula suscipit mattis. Integer rutrum aliquet eleifend. Suspendisse leo libero, placerat nec mi id, sagittis malesuada felis. Quisque euismod ante cursus elit lobortis, eu tempus ligula condimentum. Mauris viverra metus et dignissim efficitur. Ut placerat nunc nunc, eu tempus neque ultrices nec. Suspendisse et magna risus. Phasellus in ullamcorper tortor. Sed lobortis ut mi in blandit.
@ -511,22 +531,22 @@ Here we demonstrate the love live logo. But wait, it's literally like in the mid
}
}
</pre>
</pre>
</p>
</p>
</div><divclass="datebar"></div><divclass="date">3 May 2022 10:25AM</div><divclass="unexpanded"id="expand_20"onClick="expand(this,'out/articles/sigplace1.article')"><br/><br/><br/><br/>⤈ Click to expand.</div></div>
</div><divclass="datebar"></div><divclass="date">3 May 2022 10:25AM</div><divclass="unexpanded"id="expand_40"onClick="expand(this,'out/articles/sigplace1.article')"><br/><br/><br/><br/>⤈ Click to expand.</div></div>
<divclass="contentWrapper"><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/test articles/test1.article.html"><h1>A Test Title</h1></a><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/test articles/test1.article.html">🔗</a><divclass="content"id="content_out/articles/test articles/test1.article">
<divclass="contentWrapper"><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/test articles/test1.article.html"><h1>A Test Title</h1></a><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/test articles/test1.article.html">🔗</a><divclass="content"id="content_out/articles/test articles/test1.article">
<pclass="color6">
<pclass="color6">
In dolor erat, malesuada at elit cursus, convallis imperdiet turpis. Ut aliquet magna tellus, at viverra mauris ullamcorper vehicula. Nam quis urna semper magna ornare elementum sed id mauris. Suspendisse faucibus nunc ante, ac rhoncus nisl tristique sed. Vestibulum pretium odio eget scelerisque vestibulum. Aliquam viverra ex ac vestibulum interdum. Donec ligula nunc, dignissim a purus vitae, fermentum laoreet diam. Quisque nec auctor urna. Vestibulum sit amet ligula ullamcorper, congue ipsum et, accumsan ante. Phasellus fermentum, sapien nec pulvinar blandit, elit purus pretium urna, et dapibus orci urna eu metus. Nunc molestie dictum pharetra. Suspendisse luctus felis et ante tristique, vitae commodo diam porttitor. Aliquam orci eros, placerat ac justo vitae, bibendum efficitur metus. Phasellus eget bibendum mauris.
In dolor erat, malesuada at elit cursus, convallis imperdiet turpis. Ut aliquet magna tellus, at viverra mauris ullamcorper vehicula. Nam quis urna semper magna ornare elementum sed id mauris. Suspendisse faucibus nunc ante, ac rhoncus nisl tristique sed. Vestibulum pretium odio eget scelerisque vestibulum. Aliquam viverra ex ac vestibulum interdum. Donec ligula nunc, dignissim a purus vitae, fermentum laoreet diam. Quisque nec auctor urna. Vestibulum sit amet ligula ullamcorper, congue ipsum et, accumsan ante. Phasellus fermentum, sapien nec pulvinar blandit, elit purus pretium urna, et dapibus orci urna eu metus. Nunc molestie dictum pharetra. Suspendisse luctus felis et ante tristique, vitae commodo diam porttitor. Aliquam orci eros, placerat ac justo vitae, bibendum efficitur metus. Phasellus eget bibendum mauris.
</p>
</p>
</div><divclass="datebar"></div><divclass="date">2 May 2022 10:16AM</div><divclass="unexpanded"id="expand_514"onClick="expand(this,'out/articles/test articles/test1.article')"><br/><br/><br/><br/>⤈ Click to expand.</div></div>
</div><divclass="datebar"></div><divclass="date">2 May 2022 10:16AM</div><divclass="unexpanded"id="expand_534"onClick="expand(this,'out/articles/test articles/test1.article')"><br/><br/><br/><br/>⤈ Click to expand.</div></div>
<divclass="contentWrapper"><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/test articles/test2.article.html"><h1>Another test title</h1></a><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/test articles/test2.article.html">🔗</a><divclass="content"id="content_out/articles/test articles/test2.article">
<divclass="contentWrapper"><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/test articles/test2.article.html"><h1>Another test title</h1></a><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/test articles/test2.article.html">🔗</a><divclass="content"id="content_out/articles/test articles/test2.article">
<pclass="color1">
<pclass="color1">
Sed lobortis nisi id nunc tincidunt volutpat. Mauris cursus felis quis condimentum posuere. Pellentesque vitae dolor et justo suscipit ultrices. Integer dapibus leo id felis varius, ut volutpat massa bibendum. Quisque sed nunc arcu. In sit amet faucibus magna, non venenatis massa. Cras sed placerat risus, id consectetur est. Pellentesque in nunc dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque eget lorem ac urna posuere accumsan. Quisque sed imperdiet nisi.
Sed lobortis nisi id nunc tincidunt volutpat. Mauris cursus felis quis condimentum posuere. Pellentesque vitae dolor et justo suscipit ultrices. Integer dapibus leo id felis varius, ut volutpat massa bibendum. Quisque sed nunc arcu. In sit amet faucibus magna, non venenatis massa. Cras sed placerat risus, id consectetur est. Pellentesque in nunc dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque eget lorem ac urna posuere accumsan. Quisque sed imperdiet nisi.
</p>
</p>
</div><divclass="datebar"></div><divclass="date">1 May 2022 05:13AM</div><divclass="unexpanded"id="expand_519"onClick="expand(this,'out/articles/test articles/test2.article')"><br/><br/><br/><br/>⤈ Click to expand.</div></div>
</div><divclass="datebar"></div><divclass="date">1 May 2022 05:13AM</div><divclass="unexpanded"id="expand_539"onClick="expand(this,'out/articles/test articles/test2.article')"><br/><br/><br/><br/>⤈ Click to expand.</div></div>
<divclass="contentWrapper"><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/test articles/test3.article.html"><h1>And More</h1></a><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/test articles/test3.article.html">🔗</a><divclass="content"id="content_out/articles/test articles/test3.article">
<divclass="contentWrapper"><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/test articles/test3.article.html"><h1>And More</h1></a><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/test articles/test3.article.html">🔗</a><divclass="content"id="content_out/articles/test articles/test3.article">
<pclass="color1">
<pclass="color1">
Curabitur suscipit quam tellus, non rhoncus diam vehicula in. Aliquam ut dapibus tortor. Cras accumsan arcu vel ante maximus ornare. Nam tempus fermentum leo maximus euismod. Donec vehicula pretium est a ultrices. Nunc blandit nibh lorem, nec blandit leo posuere quis. Sed mauris ligula, euismod eu aliquam vel, rhoncus eget magna. Proin eget tortor ut ligula suscipit mattis. Integer rutrum aliquet eleifend. Suspendisse leo libero, placerat nec mi id, sagittis malesuada felis. Quisque euismod ante cursus elit lobortis, eu tempus ligula condimentum. Mauris viverra metus et dignissim efficitur. Ut placerat nunc nunc, eu tempus neque ultrices nec. Suspendisse et magna risus. Phasellus in ullamcorper tortor. Sed lobortis ut mi in blandit.
Curabitur suscipit quam tellus, non rhoncus diam vehicula in. Aliquam ut dapibus tortor. Cras accumsan arcu vel ante maximus ornare. Nam tempus fermentum leo maximus euismod. Donec vehicula pretium est a ultrices. Nunc blandit nibh lorem, nec blandit leo posuere quis. Sed mauris ligula, euismod eu aliquam vel, rhoncus eget magna. Proin eget tortor ut ligula suscipit mattis. Integer rutrum aliquet eleifend. Suspendisse leo libero, placerat nec mi id, sagittis malesuada felis. Quisque euismod ante cursus elit lobortis, eu tempus ligula condimentum. Mauris viverra metus et dignissim efficitur. Ut placerat nunc nunc, eu tempus neque ultrices nec. Suspendisse et magna risus. Phasellus in ullamcorper tortor. Sed lobortis ut mi in blandit.
</p>
</p>
</div><divclass="datebar"></div><divclass="date">30 Apr 2022 6:14PM</div><divclass="unexpanded"id="expand_524"onClick="expand(this,'out/articles/test articles/test3.article')"><br/><br/><br/><br/>⤈ Click to expand.</div></div>
</div><divclass="datebar"></div><divclass="date">30 Apr 2022 6:14PM</div><divclass="unexpanded"id="expand_544"onClick="expand(this,'out/articles/test articles/test3.article')"><br/><br/><br/><br/>⤈ Click to expand.</div></div>
<divclass="contentWrapper"><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/curabitur vel tempus ex.article.html"><h1>Curabitur vel tempus ex</h1></a><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/curabitur vel tempus ex.article.html">🔗</a><divclass="content"id="content_out/articles/curabitur vel tempus ex.article">
<divclass="contentWrapper"><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/curabitur vel tempus ex.article.html"><h1>Curabitur vel tempus ex</h1></a><atitle="Click to go to the original article and to view comments!"class="reallink"href="articles/curabitur vel tempus ex.article.html">🔗</a><divclass="content"id="content_out/articles/curabitur vel tempus ex.article">
<pclass="color1">
<pclass="color1">
Curabitur vel tempus ex. Duis cursus sapien nisl, ut pulvinar dui porttitor ut. Nullam odio purus, tristique non turpis sit amet, malesuada ultricies purus. Mauris ut nulla nisl. Aenean sit amet est egestas justo volutpat consequat. Suspendisse in sagittis augue, et mattis tortor. Nullam viverra metus et nibh fringilla iaculis.
Curabitur vel tempus ex. Duis cursus sapien nisl, ut pulvinar dui porttitor ut. Nullam odio purus, tristique non turpis sit amet, malesuada ultricies purus. Mauris ut nulla nisl. Aenean sit amet est egestas justo volutpat consequat. Suspendisse in sagittis augue, et mattis tortor. Nullam viverra metus et nibh fringilla iaculis.
@ -537,27 +557,7 @@ Curabitur vel tempus ex. Duis cursus sapien nisl, ut pulvinar dui porttitor ut.
</div><divclass="datebar"></div><divclass="date">29 Apr 2022 7:37PM</div><divclass="unexpanded"id="expand_529"onClick="expand(this,'out/articles/curabitur vel tempus ex.article')"><br/><br/><br/><br/>⤈ Click to expand.</div></div>
</div><divclass="datebar"></div><divclass="date">29 Apr 2022 7:37PM</div><divclass="unexpanded"id="expand_549"onClick="expand(this,'out/articles/curabitur vel tempus ex.article')"><br/><br/><br/><br/>⤈ Click to expand.</div></div>