Fixed footer for archived sites

And disable heatmap reporting on archived sites.
rcmiller · Feb 1, 2021 · 124c8b1 · 124c8b1
1 parent b512029
commit 124c8b1
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 2 deletions.
diff --git a/web/handout/course-setup.js b/web/handout/course-setup.js
@@ -15,6 +15,9 @@ HANDOUT_EXERCISES = [ 'reading-exercises' ];
 // optional: location for videos
 // HANDOUT_VIDEO = 'https://example.com/6.HANDX/video/';
 
+// optional: add archived site footer
+// HANDOUT_ARCHIVED = 'Archived IAP 2000';
+
 // optional: configuration for slides
 // HANDOUT_SLIDE_OPTIONS = { ratio: '16:9' };
 

diff --git a/web/handout/handout-render.js b/web/handout/handout-render.js
@@ -67,6 +67,10 @@ function renderPage() {
   $('footer:contains("\u00a9")').addClass('col-sm-2 footer-margin').html($('<div>').html(HANDOUT_AUTHORS));
   // department footer
   $('body').append($('<footer>').text(HANDOUT_DEPARTMENT));
+  // archived footer
+  if (window.HANDOUT_ARCHIVED) {
+    $('body').append($('<footer>').addClass('footer-archived').html(HANDOUT_ARCHIVED));
+  }
 
   // identify exercises
   $(HANDOUT_EXERCISES.map(function(category) {

diff --git a/web/handout/handout-run.js b/web/handout/handout-run.js
@@ -370,7 +370,7 @@ $(document).ready(function() {
   // on delivered handouts...
   if (window.HANDOUT_DELIVER === undefined) {
     // wire up heatmap
-    // [disabled] $('[data-handx-url]').first().each(createHeatmap);
+    $('[data-handx-url]').not('.footer-archived ~ *').first().each(createHeatmap);
   }
 
   // handle fragment identifiers

diff --git a/web/handout/handout-style.css b/web/handout/handout-style.css
@@ -28,9 +28,14 @@ header, footer {
   color: #fff;
   padding: 1em 2em;
 }
-header a, header a:focus, header a:hover {
+header a, header a:focus, header a:hover,
+footer.footer-archived a, footer.footer-archived a:focus, footer.footer-archived a:hover {
   color: #fff;
 }
+footer.footer-archived a {
+  text-decoration: underline;
+  text-decoration-color: #fffa;
+}
 header > div {
   float: right;
 }
@@ -58,6 +63,23 @@ footer.footer-margin > div {
   font-size: 85%;
   line-height: 1.33;
 }
+footer.footer-archived {
+  text-align: left;
+  position: fixed;
+  bottom: 0;
+  min-width: 33%;
+  max-width: 67%;
+}
+footer.footer-archived::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: -1.5em;
+  height: 100%;
+  width: 3em;
+  background-color: inherit;
+  transform: skew(22.5deg);
+}
 
 /* table of contents */
 header.chip {