diff --git a/demos/demo-control.html b/demos/demo-control.html
index 28eff53..edab1e2 100644
--- a/demos/demo-control.html
+++ b/demos/demo-control.html
@@ -16,130 +16,148 @@
 				position: sticky;
 			}
 		</style>
+		<link rel="stylesheet" href="/demo-head/demohead.css">
+		<script src="/demo-head/loadfont.js"></script>
 	        <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 	<body>
-		
-		<h1>Fixed-sticky</h1>
-		
-		<p>A test page for the <a href="/filamentgroup/fixed-sticky">Fixed-sticky project</a></p>
-
-		<div class="container" style="height: 600px; padding-top: 100px;">
-			<div class="top fixedsticky" id="top-a">
-				Fixed to viewport top A.
+		<div class="demo-header">
+			<div class="company">
+				<img src="http://filamentgroup.com/images/fg-logo-positive-sm-crop.png">
+			</div>
+			<div class="details">
+				<p class="description-container">Demo of <span class="repo-name">Fixed-Sticky</span>
+					<span class="description">A position: sticky polyfill that works with filamentgroup/fixed-fixed for a safer position:fixed fallback.</span>
+				</p>
+				<ul class="outbound-links">
+					<li><a href="/filamentgroup/fixed-sticky">Code</a></li>
+					<li><a href="/filamentgroup/fixed-sticky/issues">Issues</a></li>
+				</ul>
 			</div>
 		</div>
 
-		<p>This test page includes a test to qualify the application of CSS <code>position:sticky</code>, which enjoys limited browser support. It works with the <a href="/filamentgroup/fixed-fixed">Fixed-fixed project</a> (as of v0.1.2 of fixed-fixed).</p>
-		
-		<div class="top fixedsticky" id="top-b">
-			Fixed to viewport top B.
-		</div>
+		<div class="demo-main">
+			<h1>Fixed-sticky</h1>
+			
+			<p>A test page for the <a href="/filamentgroup/fixed-sticky">Fixed-sticky project</a></p>
+
+			<div class="container" style="height: 600px; padding-top: 100px;">
+				<div class="top fixedsticky" id="top-a">
+					Fixed to viewport top A.
+				</div>
+			</div>
 
-		<p>And now, some fake content to allow scrolling...</p>
-		
-		<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
+			<p>This test page includes a test to qualify the application of CSS <code>position:sticky</code>, which enjoys limited browser support. It works with the <a href="/filamentgroup/fixed-fixed">Fixed-fixed project</a> (as of v0.1.2 of fixed-fixed).</p>
+			
+			<div class="top fixedsticky" id="top-b">
+				Fixed to viewport top B.
+			</div>
 
-		<h2>Header Level 2</h2>
+			<p>And now, some fake content to allow scrolling...</p>
+			
+			<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
 
-		<ol>
-			 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
-			 <li>Aliquam tincidunt mauris eu risus.</li>
-		</ol>
+			<h2>Header Level 2</h2>
 
-		<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>
+			<ol>
+				 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+				 <li>Aliquam tincidunt mauris eu risus.</li>
+			</ol>
 
-		<h3>Header Level 3</h3>
+			<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>
 
-		<ul>
-			 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
-			 <li>Aliquam tincidunt mauris eu risus.</li>
-		</ul>
+			<h3>Header Level 3</h3>
 
+			<ul>
+				 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+				 <li>Aliquam tincidunt mauris eu risus.</li>
+			</ul>
 
-		<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
 
-		<h2>Header Level 2</h2>
+			<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
 
-		<ol>
-			 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
-			 <li>Aliquam tincidunt mauris eu risus.</li>
-		</ol>
+			<h2>Header Level 2</h2>
 
-		<div id="bottom-b" class="bottom fixedsticky">
-			Fixed to viewport bottom B (1em above).
-		</div>
-		<div class="container">
-			<div style="height: 600px"></div>
-			<div id="bottom-a" class="bottom fixedsticky">
-				Fixed to viewport bottom A.
+			<ol>
+				 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+				 <li>Aliquam tincidunt mauris eu risus.</li>
+			</ol>
+
+			<div id="bottom-b" class="bottom fixedsticky">
+				Fixed to viewport bottom B (1em above).
+			</div>
+			<div class="container">
+				<div style="height: 600px"></div>
+				<div id="bottom-a" class="bottom fixedsticky">
+					Fixed to viewport bottom A.
+				</div>
 			</div>
-		</div>
 
-		<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>
+			<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>
 
-		<h3>Header Level 3</h3>
+			<h3>Header Level 3</h3>
 
-		<ul>
-			 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
-			 <li>Aliquam tincidunt mauris eu risus.</li>
-		</ul>
+			<ul>
+				 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+				 <li>Aliquam tincidunt mauris eu risus.</li>
+			</ul>
 
-		<h2>Sticky with overflow</h2>
+			<h2>Sticky with overflow</h2>
 
-		<p>The following demo does not behave the same in the plugin as it does with native sticky. We do not support overflow on parent elements in fixed-sticky.</p>
+			<p>The following demo does not behave the same in the plugin as it does with native sticky. We do not support overflow on parent elements in fixed-sticky.</p>
 
-		<div class="container" style="height: 600px; overflow: auto;">
-			<div class="top fixedsticky" style="top: 3.2em;">
-				Fixed to overflow div top.
+			<div class="container" style="height: 600px; overflow: auto;">
+				<div class="top fixedsticky" style="top: 3.2em;">
+					Fixed to overflow div top.
+				</div>
+				<div style="height: 1000px"></div>
 			</div>
-			<div style="height: 1000px"></div>
-		</div>
 
-		<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
+			<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
 
-		<h2>Header Level 2</h2>
+			<h2>Header Level 2</h2>
 
-		<ol>
-			 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
-			 <li>Aliquam tincidunt mauris eu risus.</li>
-		</ol>
+			<ol>
+				 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+				 <li>Aliquam tincidunt mauris eu risus.</li>
+			</ol>
 
-		<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>
+			<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>
 
-		<h3>Header Level 3</h3>
+			<h3>Header Level 3</h3>
 
-		<ul>
-			 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
-			 <li>Aliquam tincidunt mauris eu risus.</li>
-		</ul>
+			<ul>
+				 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+				 <li>Aliquam tincidunt mauris eu risus.</li>
+			</ul>
 
 
-		<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
+			<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
 
-		<h2>Header Level 2</h2>
+			<h2>Header Level 2</h2>
 
-		<ol>
-			 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
-			 <li>Aliquam tincidunt mauris eu risus.</li>
-		</ol>
+			<ol>
+				 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+				 <li>Aliquam tincidunt mauris eu risus.</li>
+			</ol>
 
-		<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>
+			<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>
 
-		<h3>Header Level 3</h3>
+			<h3>Header Level 3</h3>
 
-		<ul>
-			 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
-			 <li>Aliquam tincidunt mauris eu risus.</li>
-		</ul>
+			<ul>
+				 <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+				 <li>Aliquam tincidunt mauris eu risus.</li>
+			</ul>
 
 
-		<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
+			<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
 
-		<h2>Header Level 2</h2>
+			<h2>Header Level 2</h2>
 
-		<ol>
-			<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
-			<li>Aliquam tincidunt mauris eu risus.</li>
-		</ol>
+			<ol>
+				<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+				<li>Aliquam tincidunt mauris eu risus.</li>
+			</ol>
+		</div>
 	</body>
 </html>
