From 124c8b1458f7a486eb88d5c5e52980fd9f9e9fcc Mon Sep 17 00:00:00 2001
From: Max Goldman <maxg@mit.edu>
Date: Thu, 7 Jan 2021 12:31:14 -0500
Subject: [PATCH] Fixed footer for archived sites

And disable heatmap reporting on archived sites.
---
 web/handout/course-setup.js   |  3 +++
 web/handout/handout-render.js |  4 ++++
 web/handout/handout-run.js    |  2 +-
 web/handout/handout-style.css | 24 +++++++++++++++++++++++-
 4 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/web/handout/course-setup.js b/web/handout/course-setup.js
index 2677180..f686fd4 100644
--- 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
index 831c30a..e881202 100644
--- 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
index 6eb929b..64de421 100644
--- 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
index c5ffa59..6a9dc4c 100644
--- 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 {