From e550959a095b52d4702bd0140a7c2a6a69c5da91 Mon Sep 17 00:00:00 2001
From: rdrew <robdrewupei@gmail.com>
Date: Wed, 3 Oct 2018 13:48:17 -0300
Subject: [PATCH] footnote popups

---
 css/style.css           | 26 +++++++++++++++++++++++++-
 js/js.js                | 18 +++++++++---------
 src/js/js.js            | 18 +++++++++---------
 src/scss/_tooltips.scss | 26 ++++++++++++++++++++++++++
 src/scss/style.scss     |  1 +
 5 files changed, 70 insertions(+), 19 deletions(-)
 create mode 100644 src/scss/_tooltips.scss

diff --git a/css/style.css b/css/style.css
index 64e9cb2..00b532e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -60,6 +60,30 @@
   font-size: 1.1rem;
   vertical-align: super; }
 
+/* popup container */
+.popup {
+  position: relative;
+  display: inline-block;
+  border-bottom: 1px dotted black;
+  /* If you want dots under the hoverable text */ }
+
+/* popup text */
+.popup .popuptext {
+  visibility: hidden;
+  width: 120px;
+  background-color: black;
+  color: #fff;
+  text-align: center;
+  padding: 5px 0;
+  border-radius: 6px;
+  /* Position the popup text - see examples below! */
+  position: absolute;
+  z-index: 1; }
+
+/* Show the popup text when you mouse over the popup container */
+.popup:hover .popuptext {
+  visibility: visible; }
+
 /*on-scroll menu */
 .fixed-header-enabled.onscroll .header-container ul.menu {
   text-align: right; }
@@ -142,4 +166,4 @@ details#journal-article-text-tab img,
 .site-name {
   font-size: 12rem; }
 
-/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuY3NzIiwic291cmNlcyI6WyJzdHlsZS5zY3NzIiwiX2xwLXByZXZpZXctZ3JpZC5zY3NzIiwiX2xwLWhlcm8uc2NzcyIsIl9hcnRpY2xlLXBhZ2VzLnNjc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLy9pbXBvcnRzXG5AaW1wb3J0ICdscC1wcmV2aWV3LWdyaWQnO1xuQGltcG9ydCAnbHAtaGVybyc7XG5AaW1wb3J0ICdhcnRpY2xlLXBhZ2VzJztcblxuLypvbi1zY3JvbGwgbWVudSAqL1xuLmZpeGVkLWhlYWRlci1lbmFibGVkLm9uc2Nyb2xsIC5oZWFkZXItY29udGFpbmVyIHVsLm1lbnUge1xuICB0ZXh0LWFsaWduOiByaWdodDtcbn1cblxuXG5cblxuLyo9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuXG4vKmNoYW5nZSBoZWFkZXIgdGl0bGUgZm9udHNpemUqL1xuLmNvbC1tZC0xMiAuc2l0ZS1uYW1lIGEge1xuICBmb250LXNpemU6IDQwcHg7XG59XG5cbi5oZWFkZXItdG9wX19jb250YWluZXIge1xuICBwYWRkaW5nOiA2MHB4IDAgNTVweDtcbn1cblxuLypjaGFuZ2UgcGFkZGluZyBhYm92ZSBjb250ZW50Ki9cbi5tYWluLWNvbnRlbnRfX3NlY3Rpb24sIC5zaWRlYmFyX19zZWN0aW9uIHtcbiAgcGFkZGluZzogNjBweCAwIDcwcHg7XG59XG5cblxuLyptb2RpZnkgaXNzdWUgaW5mbyBvbiBsYW5kaW5nIHBhZ2UqL1xuLnBhdGgtZnJvbnRwYWdlIC5sYXlvdXQubGF5b3V0LS10d29jb2wtYnJpY2tzIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG4ucGF0aC1mcm9udHBhZ2UgLmJsb2NrLXJlZ2lvbi1zZWNvbmQtYWJvdmUge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGZvbnQtc2l6ZTogMS44cmVtO1xufVxuLnBhdGgtZnJvbnRwYWdlIC5ibG9jay1yZWdpb24tc2Vjb25kLWFib3ZlID4gKiB7XG4gIG1hcmdpbi1yaWdodDogMXJlbTtcbiAgZGlzcGxheTpmbGV4O1xufVxuLnBhdGgtZnJvbnRwYWdlIC5ibG9jay1yZWdpb24tc2Vjb25kLWFib3ZlID4gLmJsb2NrLWVudGl0eS1maWVsZG5vZGV0aXRsZTo6YWZ0ZXJ7XG4gIGNvbnRlbnQ6IFwiLFwiO1xufVxuLnBhdGgtZnJvbnRwYWdlIC5ibG9jay1yZWdpb24tc2Vjb25kLWFib3ZlID4gLmJsb2NrLWVudGl0eS1maWVsZG5vZGVmaWVsZC1pc3N1ZS15ZWFyOjphZnRlcntcbiAgY29udGVudDogXCIsXCI7XG59XG5cblxuLnBhdGgtZnJvbnRwYWdlIC5ibG9jay1yZWdpb24tc2Vjb25kLWFib3ZlIC5maWVsZC0tbmFtZS1maWVsZC1pc3N1ZS1udW1iZXIge1xuICBkaXNwbGF5OmZsZXg7XG59XG5cbi8qdHdlYWsgaW1hZ2VzIGFkZGVkIHRvIGFydGljbGVzKi9cbmRldGFpbHMjam91cm5hbC1hcnRpY2xlLXRleHQtdGFiIGltZyxcbi5wYXRoLWZyb250cGFnZSAubm9kZS0tdmlldy1tb2RlLXRlYXNlciBpbWcge1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICBwYWRkaW5nOiA0cHg7XG4gIHdpZHRoOiAyMDBweDtcbiAgZmxvYXQ6IGxlZnQ7XG4gIG1hcmdpbi1yaWdodDogMXJlbTtcbiAgbWFyZ2luLXRvcDogMXJlbTtcbn1cbi5maWVsZF9fbGFiZWwge1xuICAvKmZvbnQtZmFtaWx5OiAnTWVycml3ZWF0aGVyJywgR2VvcmdpYSwgVGltZXMgTmV3IFJvbWFuLCBTZXJpZjsqL1xuICAvKmZvbnQtZmFtaWx5OiAnTWVycml3ZWF0aGVyJywgR2VvcmdpYSwgVGltZXMgTmV3IFJvbWFuLCBTZXJpZjsqL1xuICAvKmZvbnQtZmFtaWx5OiAnTWVycml3ZWF0aGVyJywgR2VvcmdpYSwgVGltZXMgTmV3IFJvbWFuLCBTZXJpZjsqL1xuICBmb250LWZhbWlseTogJ0xpYnJlIEJhc2tlcnZpbGxlJywgc2VyaWY7XG59XG4uZmllbGQtLW5hbWUtZmllbGQtaXNzdWUtbnVtYmVyIC5maWVsZF9fbGFiZWwge1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC13ZWlnaHQ6IGluaXRpYWw7XG59XG4ucGF0aC1mcm9udHBhZ2UgLm5vZGUtLXZpZXctbW9kZS10ZWFzZXIge1xuICBwYWRkaW5nOiAwIDAgMzBweCAwO1xuICBtYXJnaW4tYm90dG9tOiAzMHB4O1xufVxuXG5cbi5sb2dvIHtcbiAgd2lkdGg6MTEwcHg7XG59XG4vKmhlYWRpbmdzKi9cbi5oZmYtMDEgaDEsXG4uaGZmLTAxIGgyLFxuLmhmZi0wMSBoMyxcbi5oZmYtMDEgaDQsXG4uaGZmLTAxIGg1LFxuLmhmZi0wMSBoNixcbi5oZmYtMDEgLnRwLWNhcHRpb25fX3RpdGxlLFxuLmhmZi0wMSAudHAtY2FwdGlvbl9fc3VidGl0bGUsXG4uc2ZmLTAxIC5zaXRlLW5hbWUsXG4uc2xmZi0wMSAuc2l0ZS1zbG9nYW4sXG4uaGZmLTAxIC5uYXYtdGFiX190aXRsZSB7XG4gIGZvbnQtZmFtaWx5OiAnTGlicmUgQmFza2VydmlsbGUnLCBHZW9yZ2lhLCBUaW1lcyBOZXcgUm9tYW4sIFNlcmlmO1xufVxuLnNpdGUtbmFtZSB7XG4gIGZvbnQtc2l6ZToxMnJlbTtcbn1cbiIsIlxuLyo9PT09bHAgYXJ0aWNsZSBwcmV2aWV3IGNhcmRzPT09PT09PT09PT09PT09PT09Ki9cbi5wcmV2aWV3LWNhcmRfX2dyaWQtcm93IHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xufVxuLnByZXZpZXctY2FyZCB7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDE0cHggcmdiYSgxMDAsIDEwMCwgMTAwLCAwLjEpLCAwIDJweCAycHggcmdiYSgxMDAsIDEwMCwgMTAwLCAwLjEpO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZTRlNGU0O1xufVxuLnByZXZpZXctY2FyZCB7XG4gIG1hcmdpbjogMCAxZW0gMmVtIDFlbTtcbiAgaGVpZ2h0OiAyNTBweFxufVxuLnByZXZpZXctY2FyZDpsYXN0LWNoaWxkIHtcblxuICBtYXJnaW46IDAgMCAyZW0gMWVtO1xuXG59XG4ucHJldmlldy1jYXJkOmZpcnN0LWNoaWxkIHtcblxuICBtYXJnaW46IDAgMWVtIDJyZW0gMDtcblxufVxuLnByZXZpZXctY2FyZF9fY2FwdGlvbiB7XG4gIG1hcmdpbjogMTBweDtcbn1cblxuXG4iLCJcbi8qPT09PT09PT09PUxhbmRpbmcgUGFnZSBIZXJvIEltYWdlPT09PT09PT09PT0qL1xuXG5cbi5oZXJvIHtcbiAgYmFja2dyb3VuZDogYmx1ZTtcbiAgYmFja2dyb3VuZDogdXJsKC4uL2ltZy9EUzJfMjY0OC5qcGcpO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyNTBweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuXG4iLCIuYXJ0aWNsZS10aXRsZS1iYW5uZXIge1xuICAgIC8vZGlzcGxheTpub25lO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG59XG4uZmllbGQtLW5hbWUtZmllbGQtam91cm5hbC1hcnRpY2xlLWFic3RyYWN0IC5maWVsZF9fbGFiZWwge1xuICAgIGZvbnQtc2l6ZTogMnJlbTtcbn1cbi5ub2RlLS10eXBlLWpvdXJuYWwtYXJ0aWNsZSB7XG4gICAgLmZpZWxkLS1uYW1lLWJvZHkgZmlndXJlIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IGluaXRpYWw7XG4gICAgICAgIG1hcmdpbi1yaWdodDogaW5pdGlhbDtcbiAgICAgICAgZmxvYXQ6IGxlZnQ7XG4gICAgICAgIGltZyB7XG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICAgICAgICAgICAgcGFkZGluZzogNHB4O1xuICAgICAgICAgICAgd2lkdGg6IDIwMHB4O1xuICAgICAgICAgICAgZmxvYXQ6IGxlZnQ7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAxcmVtO1xuICAgICAgICB9XG4gICAgfVxuICAgIC8vZm9vdG5vdGVzXG4gICAgYVtpZF49XCJmb290bm90ZVwiXSB7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICM1ZDVkNWQ7XG4gICAgICAgIGJhY2tncm91bmQ6ICM1ZDVkNWQ7XG4gICAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgICAgcGFkZGluZzogMnB4IDNweDtcbiAgICAgICAgZm9udC1zaXplOjEuMXJlbTtcbiAgICAgICAgdmVydGljYWwtYWxpZ246c3VwZXI7XG4gICAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQ0NBLGtEQUFrRDtBQUNsRCxBQUFBLHVCQUF1QixDQUFDO0VBQ3RCLE9BQU8sRUFBRSxJQUFJO0VBQ2IsZUFBZSxFQUFFLGFBQWEsR0FDL0I7O0FBQ0QsQUFBQSxhQUFhLENBQUM7RUFDWixVQUFVLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsd0JBQXdCO0VBQ25GLE1BQU0sRUFBRSxpQkFBaUIsR0FDMUI7O0FBQ0QsQUFBQSxhQUFhLENBQUM7RUFDWixNQUFNLEVBQUUsYUFBYTtFQUNyQixNQUFNLEVBQUUsS0FDVixHQUFDOztBQUNELEFBQUEsYUFBYSxBQUFBLFdBQVcsQ0FBQztFQUV2QixNQUFNLEVBQUUsV0FBVyxHQUVwQjs7QUFDRCxBQUFBLGFBQWEsQUFBQSxZQUFZLENBQUM7RUFFeEIsTUFBTSxFQUFFLFlBQVksR0FFckI7O0FBQ0QsQUFBQSxzQkFBc0IsQ0FBQztFQUNyQixNQUFNLEVBQUUsSUFBSSxHQUNi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 */
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuY3NzIiwic291cmNlcyI6WyJzdHlsZS5zY3NzIiwiX2xwLXByZXZpZXctZ3JpZC5zY3NzIiwiX2xwLWhlcm8uc2NzcyIsIl9hcnRpY2xlLXBhZ2VzLnNjc3MiLCJfdG9vbHRpcHMuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvL2ltcG9ydHNcbkBpbXBvcnQgJ2xwLXByZXZpZXctZ3JpZCc7XG5AaW1wb3J0ICdscC1oZXJvJztcbkBpbXBvcnQgJ2FydGljbGUtcGFnZXMnO1xuQGltcG9ydCAndG9vbHRpcHMnO1xuXG4vKm9uLXNjcm9sbCBtZW51ICovXG4uZml4ZWQtaGVhZGVyLWVuYWJsZWQub25zY3JvbGwgLmhlYWRlci1jb250YWluZXIgdWwubWVudSB7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xufVxuXG5cblxuXG4vKj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG5cbi8qY2hhbmdlIGhlYWRlciB0aXRsZSBmb250c2l6ZSovXG4uY29sLW1kLTEyIC5zaXRlLW5hbWUgYSB7XG4gIGZvbnQtc2l6ZTogNDBweDtcbn1cblxuLmhlYWRlci10b3BfX2NvbnRhaW5lciB7XG4gIHBhZGRpbmc6IDYwcHggMCA1NXB4O1xufVxuXG4vKmNoYW5nZSBwYWRkaW5nIGFib3ZlIGNvbnRlbnQqL1xuLm1haW4tY29udGVudF9fc2VjdGlvbiwgLnNpZGViYXJfX3NlY3Rpb24ge1xuICBwYWRkaW5nOiA2MHB4IDAgNzBweDtcbn1cblxuXG4vKm1vZGlmeSBpc3N1ZSBpbmZvIG9uIGxhbmRpbmcgcGFnZSovXG4ucGF0aC1mcm9udHBhZ2UgLmxheW91dC5sYXlvdXQtLXR3b2NvbC1icmlja3Mge1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5wYXRoLWZyb250cGFnZSAuYmxvY2stcmVnaW9uLXNlY29uZC1hYm92ZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgZm9udC1zaXplOiAxLjhyZW07XG59XG4ucGF0aC1mcm9udHBhZ2UgLmJsb2NrLXJlZ2lvbi1zZWNvbmQtYWJvdmUgPiAqIHtcbiAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICBkaXNwbGF5OmZsZXg7XG59XG4ucGF0aC1mcm9udHBhZ2UgLmJsb2NrLXJlZ2lvbi1zZWNvbmQtYWJvdmUgPiAuYmxvY2stZW50aXR5LWZpZWxkbm9kZXRpdGxlOjphZnRlcntcbiAgY29udGVudDogXCIsXCI7XG59XG4ucGF0aC1mcm9udHBhZ2UgLmJsb2NrLXJlZ2lvbi1zZWNvbmQtYWJvdmUgPiAuYmxvY2stZW50aXR5LWZpZWxkbm9kZWZpZWxkLWlzc3VlLXllYXI6OmFmdGVye1xuICBjb250ZW50OiBcIixcIjtcbn1cblxuXG4ucGF0aC1mcm9udHBhZ2UgLmJsb2NrLXJlZ2lvbi1zZWNvbmQtYWJvdmUgLmZpZWxkLS1uYW1lLWZpZWxkLWlzc3VlLW51bWJlciB7XG4gIGRpc3BsYXk6ZmxleDtcbn1cblxuLyp0d2VhayBpbWFnZXMgYWRkZWQgdG8gYXJ0aWNsZXMqL1xuZGV0YWlscyNqb3VybmFsLWFydGljbGUtdGV4dC10YWIgaW1nLFxuLnBhdGgtZnJvbnRwYWdlIC5ub2RlLS12aWV3LW1vZGUtdGVhc2VyIGltZyB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG4gIHBhZGRpbmc6IDRweDtcbiAgd2lkdGg6IDIwMHB4O1xuICBmbG9hdDogbGVmdDtcbiAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICBtYXJnaW4tdG9wOiAxcmVtO1xufVxuLmZpZWxkX19sYWJlbCB7XG4gIC8qZm9udC1mYW1pbHk6ICdNZXJyaXdlYXRoZXInLCBHZW9yZ2lhLCBUaW1lcyBOZXcgUm9tYW4sIFNlcmlmOyovXG4gIC8qZm9udC1mYW1pbHk6ICdNZXJyaXdlYXRoZXInLCBHZW9yZ2lhLCBUaW1lcyBOZXcgUm9tYW4sIFNlcmlmOyovXG4gIC8qZm9udC1mYW1pbHk6ICdNZXJyaXdlYXRoZXInLCBHZW9yZ2lhLCBUaW1lcyBOZXcgUm9tYW4sIFNlcmlmOyovXG4gIGZvbnQtZmFtaWx5OiAnTGlicmUgQmFza2VydmlsbGUnLCBzZXJpZjtcbn1cbi5maWVsZC0tbmFtZS1maWVsZC1pc3N1ZS1udW1iZXIgLmZpZWxkX19sYWJlbCB7XG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICBmb250LXdlaWdodDogaW5pdGlhbDtcbn1cbi5wYXRoLWZyb250cGFnZSAubm9kZS0tdmlldy1tb2RlLXRlYXNlciB7XG4gIHBhZGRpbmc6IDAgMCAzMHB4IDA7XG4gIG1hcmdpbi1ib3R0b206IDMwcHg7XG59XG5cblxuLmxvZ28ge1xuICB3aWR0aDoxMTBweDtcbn1cbi8qaGVhZGluZ3MqL1xuLmhmZi0wMSBoMSxcbi5oZmYtMDEgaDIsXG4uaGZmLTAxIGgzLFxuLmhmZi0wMSBoNCxcbi5oZmYtMDEgaDUsXG4uaGZmLTAxIGg2LFxuLmhmZi0wMSAudHAtY2FwdGlvbl9fdGl0bGUsXG4uaGZmLTAxIC50cC1jYXB0aW9uX19zdWJ0aXRsZSxcbi5zZmYtMDEgLnNpdGUtbmFtZSxcbi5zbGZmLTAxIC5zaXRlLXNsb2dhbixcbi5oZmYtMDEgLm5hdi10YWJfX3RpdGxlIHtcbiAgZm9udC1mYW1pbHk6ICdMaWJyZSBCYXNrZXJ2aWxsZScsIEdlb3JnaWEsIFRpbWVzIE5ldyBSb21hbiwgU2VyaWY7XG59XG4uc2l0ZS1uYW1lIHtcbiAgZm9udC1zaXplOjEycmVtO1xufVxuIiwiXG4vKj09PT1scCBhcnRpY2xlIHByZXZpZXcgY2FyZHM9PT09PT09PT09PT09PT09PT0qL1xuLnByZXZpZXctY2FyZF9fZ3JpZC1yb3cge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG59XG4ucHJldmlldy1jYXJkIHtcbiAgYm94LXNoYWRvdzogMCAycHggMTRweCByZ2JhKDEwMCwgMTAwLCAxMDAsIDAuMSksIDAgMnB4IDJweCByZ2JhKDEwMCwgMTAwLCAxMDAsIDAuMSk7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlNGU0ZTQ7XG59XG4ucHJldmlldy1jYXJkIHtcbiAgbWFyZ2luOiAwIDFlbSAyZW0gMWVtO1xuICBoZWlnaHQ6IDI1MHB4XG59XG4ucHJldmlldy1jYXJkOmxhc3QtY2hpbGQge1xuXG4gIG1hcmdpbjogMCAwIDJlbSAxZW07XG5cbn1cbi5wcmV2aWV3LWNhcmQ6Zmlyc3QtY2hpbGQge1xuXG4gIG1hcmdpbjogMCAxZW0gMnJlbSAwO1xuXG59XG4ucHJldmlldy1jYXJkX19jYXB0aW9uIHtcbiAgbWFyZ2luOiAxMHB4O1xufVxuXG5cbiIsIlxuLyo9PT09PT09PT09TGFuZGluZyBQYWdlIEhlcm8gSW1hZ2U9PT09PT09PT09PSovXG5cblxuLmhlcm8ge1xuICBiYWNrZ3JvdW5kOiBibHVlO1xuICBiYWNrZ3JvdW5kOiB1cmwoLi4vaW1nL0RTMl8yNjQ4LmpwZyk7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDI1MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG5cbiIsIi5hcnRpY2xlLXRpdGxlLWJhbm5lciB7XG4gICAgLy9kaXNwbGF5Om5vbmU7XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbn1cbi5maWVsZC0tbmFtZS1maWVsZC1qb3VybmFsLWFydGljbGUtYWJzdHJhY3QgLmZpZWxkX19sYWJlbCB7XG4gICAgZm9udC1zaXplOiAycmVtO1xufVxuLm5vZGUtLXR5cGUtam91cm5hbC1hcnRpY2xlIHtcbiAgICAuZmllbGQtLW5hbWUtYm9keSBmaWd1cmUge1xuICAgICAgICBtYXJnaW4tbGVmdDogaW5pdGlhbDtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiBpbml0aWFsO1xuICAgICAgICBmbG9hdDogbGVmdDtcbiAgICAgICAgaW1nIHtcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG4gICAgICAgICAgICBwYWRkaW5nOiA0cHg7XG4gICAgICAgICAgICB3aWR0aDogMjAwcHg7XG4gICAgICAgICAgICBmbG9hdDogbGVmdDtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMXJlbTtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IDFyZW07XG4gICAgICAgIH1cbiAgICB9XG4gICAgLy9mb290bm90ZXNcbiAgICBhW2lkXj1cImZvb3Rub3RlXCJdIHtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgIzVkNWQ1ZDtcbiAgICAgICAgYmFja2dyb3VuZDogIzVkNWQ1ZDtcbiAgICAgICAgY29sb3I6ICNmZmY7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICBwYWRkaW5nOiAycHggM3B4O1xuICAgICAgICBmb250LXNpemU6MS4xcmVtO1xuICAgICAgICB2ZXJ0aWNhbC1hbGlnbjpzdXBlcjtcbiAgICB9XG59XG4iLCIvKiBwb3B1cCBjb250YWluZXIgKi9cbi5wb3B1cCB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBib3JkZXItYm90dG9tOiAxcHggZG90dGVkIGJsYWNrOyAvKiBJZiB5b3Ugd2FudCBkb3RzIHVuZGVyIHRoZSBob3ZlcmFibGUgdGV4dCAqL1xufVxuXG4vKiBwb3B1cCB0ZXh0ICovXG4ucG9wdXAgLnBvcHVwdGV4dCB7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHdpZHRoOiAxMjBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcbiAgICBjb2xvcjogI2ZmZjtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcGFkZGluZzogNXB4IDA7XG4gICAgYm9yZGVyLXJhZGl1czogNnB4O1xuIFxuICAgIC8qIFBvc2l0aW9uIHRoZSBwb3B1cCB0ZXh0IC0gc2VlIGV4YW1wbGVzIGJlbG93ISAqL1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAxO1xufVxuXG4vKiBTaG93IHRoZSBwb3B1cCB0ZXh0IHdoZW4geW91IG1vdXNlIG92ZXIgdGhlIHBvcHVwIGNvbnRhaW5lciAqL1xuLnBvcHVwOmhvdmVyIC5wb3B1cHRleHQge1xuICAgIHZpc2liaWxpdHk6IHZpc2libGU7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFDQ0Esa0RBQWtEO0FBQ2xELEFBQUEsdUJBQXVCLENBQUM7RUFDdEIsT0FBTyxFQUFFLElBQUk7RUFDYixlQUFlLEVBQUUsYUFBYSxHQUMvQjs7QUFDRCxBQUFBLGFBQWEsQ0FBQztFQUNaLFVBQVUsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyx3QkFBd0I7RUFDbkYsTUFBTSxFQUFFLGlCQUFpQixHQUMxQjs7QUFDRCxBQUFBLGFBQWEsQ0FBQztFQUNaLE1BQU0sRUFBRSxhQUFhO0VBQ3JCLE1BQU0sRUFBRSxLQUNWLEdBQUM7O0FBQ0QsQUFBQSxhQUFhLEFBQUEsV0FBVyxDQUFDO0VBRXZCLE1BQU0sRUFBRSxXQUFXLEdBRXBCOztBQUNELEFBQUEsYUFBYSxBQUFBLFlBQVksQ0FBQztFQUV4QixNQUFNLEVBQUUsWUFBWSxHQUVyQjs7QUFDRCxBQUFBLHNCQUFzQixDQUFDO0VBQ3JCLE1BQU0sRUFBRSxJQUFJLEdBQ2I7O0FDekJELGdEQUFnRDtBQUdoRCxBQUFBLEtBQUssQ0FBQztFQUNKLFVBQVUsRUFBRSxJQUFJO0VBQ2hCLFVBQVUsRUFBRSx3QkFBd0I7RUFDcEMsZUFBZSxFQUFFLEtBQUs7RUFDdEIsaUJBQWlCLEVBQUUsU0FBUztFQUM1QixtQkFBbUIsRUFBRSxNQUFNO0VBQzNCLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLE1BQU0sRUFBRSxLQUFLO0VBQ2IsT0FBTyxFQUFFLElBQUk7RUFDYixXQUFXLEVBQUUsTUFBTSxHQUNwQjs7QUNkRCxBQUFBLHFCQUFx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 */
diff --git a/js/js.js b/js/js.js
index a36b634..d4276fb 100644
--- a/js/js.js
+++ b/js/js.js
@@ -1,14 +1,14 @@
 (function ($, Drupal) {
 
-  Drupal.behaviors.footnote_tooltips = {
-    attach: function attach(context, settings) {
-        //js goes here
-        //$('.menu').remove();
-        var footnote_link = $("a[id^='footnote']");
-         var footnote_link = $("li[id^='footnote']");
-
-    }
-  };
+    Drupal.behaviors.footnote_popups = {
+        attach: function attach(context, settings) {
+            $.each($("li[id^='footnote']"), function(index, value) {
+                var _footnoteText_ = $(value).text();
+                var _id_ = $(this).attr("id");
+                $('a[href$="' + _id_ + '"]').attr('data-toggle', 'tooltip').attr('data-original-title', _footnoteText_).attr('title', '');
+            });
+        }
+    };
 
 
 
diff --git a/src/js/js.js b/src/js/js.js
index a36b634..d4276fb 100644
--- a/src/js/js.js
+++ b/src/js/js.js
@@ -1,14 +1,14 @@
 (function ($, Drupal) {
 
-  Drupal.behaviors.footnote_tooltips = {
-    attach: function attach(context, settings) {
-        //js goes here
-        //$('.menu').remove();
-        var footnote_link = $("a[id^='footnote']");
-         var footnote_link = $("li[id^='footnote']");
-
-    }
-  };
+    Drupal.behaviors.footnote_popups = {
+        attach: function attach(context, settings) {
+            $.each($("li[id^='footnote']"), function(index, value) {
+                var _footnoteText_ = $(value).text();
+                var _id_ = $(this).attr("id");
+                $('a[href$="' + _id_ + '"]').attr('data-toggle', 'tooltip').attr('data-original-title', _footnoteText_).attr('title', '');
+            });
+        }
+    };
 
 
 
diff --git a/src/scss/_tooltips.scss b/src/scss/_tooltips.scss
new file mode 100644
index 0000000..b93c99b
--- /dev/null
+++ b/src/scss/_tooltips.scss
@@ -0,0 +1,26 @@
+/* popup container */
+.popup {
+    position: relative;
+    display: inline-block;
+    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
+}
+
+/* popup text */
+.popup .popuptext {
+    visibility: hidden;
+    width: 120px;
+    background-color: black;
+    color: #fff;
+    text-align: center;
+    padding: 5px 0;
+    border-radius: 6px;
+ 
+    /* Position the popup text - see examples below! */
+    position: absolute;
+    z-index: 1;
+}
+
+/* Show the popup text when you mouse over the popup container */
+.popup:hover .popuptext {
+    visibility: visible;
+}
diff --git a/src/scss/style.scss b/src/scss/style.scss
index 21a4858..e3014f6 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -2,6 +2,7 @@
 @import 'lp-preview-grid';
 @import 'lp-hero';
 @import 'article-pages';
+@import 'tooltips';
 
 /*on-scroll menu */
 .fixed-header-enabled.onscroll .header-container ul.menu {