diff --git a/list.js b/list.js
index 8fa2487..2d13f35 100644
--- a/list.js
+++ b/list.js
@@ -12,11 +12,7 @@ const mailer = new UltraSES({
 const menu = [
 
 
- {
-  'name': 'butter chicken in silky sauce',
-  'url': 'http://www.marksdailyapple.com/butter-chicken-in-a-silky-sauce/#axzz29jTSubMo',
-  'hash': '5117109d69d399915c0959eabbc383f9'
-}, {
+  {
   'name': 'steak',
   'url': 'https://www.farmison.com/community/recipe/how-to-cook-your-beef-fillet-steak',
   'hash': '35e244830bde1d967298fb9a585854f7'
diff --git a/live/js/readability.js b/live/js/readability.js
new file mode 100644
index 0000000..375d22b
--- /dev/null
+++ b/live/js/readability.js
@@ -0,0 +1,358 @@
+var readabilityVersion = '2';
+var readStyle = 'style-ebook';
+var readSize = 'size-medium';
+var readMargin = 'margin-wide';
+(function() {
+  // removing all existing scripts so they don't cause conflicts...
+  var docscripts = document.getElementsByTagName('script');
+  for (k = 0;k < docscripts.length; k++)
+    if (docscripts[k].src != null && ! docscripts[k].src.match(/readability|[Cc]lippability/))
+      docscripts[k].parentNode.removeChild(docscripts[k]);
+
+  // let's just load jQuery and get it over with
+  var gjs = document.createElement('SCRIPT');
+  gjs.type = 'text/javascript';
+  gjs.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js';
+  document.getElementsByTagName('head')[0].appendChild(gjs);
+  gjs.onload = gjs.onreadystatechange = function() {
+    $('script').each(function() {
+      // jQuery gets scripts inside of conditional comments far more easily than I could figure out
+      if (! this.src.match(/readability|[Cc]lippability|jquery\.min\.js$/)) $(this).remove();
+    });
+  };
+
+  var objOverlay = document.createElement('div');
+  var objinnerDiv = document.createElement('div');
+
+  objOverlay.id = 'readOverlay';
+  objinnerDiv.id = 'readInner';
+
+  // Apply user-selected styling:
+  document.body.className = readStyle;
+  objOverlay.className = readStyle;
+  objinnerDiv.className = `${readMargin } ${ readSize}`;
+
+  objinnerDiv.appendChild(grabArticle());		// Get the article and place it inside the inner Div
+  objOverlay.appendChild(objinnerDiv);		// Insert the inner div into the overlay
+
+  // For totally hosed HTML, add body node that can't be found because of bad HTML or something.
+  if(document.body == null) {
+    body = document.createElement('body');
+    document.body = body;
+  }
+
+  document.body.innerHTML = '';
+
+  // Inserts the new content :
+
+  document.body.insertBefore(objOverlay, document.body.firstChild);
+  var o = document.body.firstChild;
+
+  return o.innerHTML;
+})();
+
+function getElementsByClassName(classname, node) {
+  if(!node) node = document.getElementsByTagName('body')[0];
+  var a = [];
+  var re = new RegExp(`\\b${ classname }\\b`);
+  var els = node.getElementsByTagName('*');
+  for(var i = 0, j = els.length; i < j; i++)
+    if(re.test(els[i].className))a.push(els[i]);
+
+  return a;
+}
+
+function grabArticle() {
+  var allParagraphs = document.getElementsByTagName('p');
+  var topDivCount = 0;
+  var topDiv = null;
+  var topDivParas;
+
+  var articleContent = document.createElement('DIV');
+  var articleTitle = document.createElement('H1');
+  var articleFooter = document.createElement('DIV');
+
+  // Replace all doubled-up <BR> tags with <P> tags, and remove fonts.
+  var pattern = new RegExp ('<br/?>[ \r\n\s]*<br/?>', 'g');
+  document.body.innerHTML = document.body.innerHTML.replace(pattern, '</p><p>').replace(/<\/?font[^>]*>/g, '');
+
+  // Grab the title from the <title> tag and inject it as the title.
+  articleTitle.innerHTML = document.title;
+  articleContent.appendChild(articleTitle);
+
+  // Study all the paragraphs and find the chunk that has the best score.
+  // A score is determined by things like: Number of <p>'s, commas, special classes, etc.
+  for (var j = 0; j	< allParagraphs.length; j++) {
+    parentNode = allParagraphs[j].parentNode;
+
+    // Initialize readability data
+    if(typeof parentNode.readability === 'undefined') {
+      parentNode.readability = { 'contentScore': 0 };
+
+      // Look for a special classname
+      if(parentNode.className.match(/(comment|meta|footer|footnote)/))
+        parentNode.readability.contentScore -= 50;
+      else if(parentNode.className.match(/((^|\\s)(post|hentry|entry[-]?(content|text|body)?|article[-]?(content|text|body)?)(\\s|$))/))
+        parentNode.readability.contentScore += 25;
+
+      // Look for a special ID
+      if(parentNode.id.match(/(comment|meta|footer|footnote)/))
+        parentNode.readability.contentScore -= 50;
+      else if(parentNode.id.match(/^(post|hentry|entry[-]?(content|text|body)?|article[-]?(content|text|body)?)$/))
+        parentNode.readability.contentScore += 25;
+    }
+
+    // Add a point for the paragraph found
+    if(getInnerText(allParagraphs[j]).length > 10)
+      parentNode.readability.contentScore++;
+
+    // Add points for any commas within this paragraph
+    parentNode.readability.contentScore += getCharCount(allParagraphs[j]);
+  }
+
+  // Assignment from index for performance. See http://www.peachpit.com/articles/article.aspx?p=31567&seqNum=5
+  for(nodeIndex = 0; (node = document.getElementsByTagName('*')[nodeIndex]); nodeIndex++)
+    if(typeof node.readability !== 'undefined' && (topDiv == null || node.readability.contentScore > topDiv.readability.contentScore))
+      topDiv = node;
+
+  if(topDiv == null) {
+	  topDiv = document.createElement('div');
+	  topDiv.innerHTML = 'Sorry, clippable was unable to parse this page for content. If you feel like it should have been able to, please <a href="http://brettterpstra.com/contact">let us know.</a>';
+  }
+
+  // REMOVES ALL STYLESHEETS ...
+  for (var k = 0;k < document.styleSheets.length; k++)
+    if (document.styleSheets[k].href != null && document.styleSheets[k].href.lastIndexOf('readability') == -1)
+      document.styleSheets[k].disabled = true;
+
+ 	var sh = getElementsByClassName('syntaxhighlighter');
+  for (var i = 0;i < sh.length;i++) {
+    var bar = getElementsByClassName('toolbar', sh[i]);
+    if (bar.length > 0)
+      for (var bn = 0;bn < bar.length;bn++)
+        bar[bn].parentNode.removeChild(bar[bn]);
+
+    var numbers = getElementsByClassName('number', sh[i]);
+    if (numbers.length > 0)
+      for (var num = 0;num < numbers.length;num++)
+        numbers[num].parentNode.removeChild(numbers[num]);
+  }
+
+  var dp = getElementsByClassName('dp-highlighter');
+  for (var d = 0;d < dp.length;d++)
+    dp[d].parentNode.removeChild(dp[d]);
+
+  var sth = getElementsByClassName('standardLighter');
+  for (d = 0;d < sth.length;d++)
+    sth[d].parentNode.removeChild(sth[d]);
+
+  // Remove all style tags in head (not doing this on IE) :
+  var styleTags = document.getElementsByTagName('style');
+  for (var l = 0;l < styleTags.length; l++)
+    if (navigator.appName != 'Microsoft Internet Explorer')
+      styleTags[l].textContent = '';
+
+  topDiv = killCodeSpans(topDiv);			// removes span tags
+  cleanStyles(topDiv);					// Removes all style attributes
+  topDiv = killDivs(topDiv);				// Goes in and removes DIV's that have more non <p> stuff than <p> stuff
+  topDiv = killBreaks(topDiv); // Removes any consecutive <br />'s into just one <br />
+
+  // Cleans out junk from the topDiv just in case:
+  topDiv = clean(topDiv, 'form');
+  // topDiv = clean(topDiv, "object");
+  topDiv = clean(topDiv, 'table', 8);
+  topDiv = clean(topDiv, 'h1');
+  // topDiv = clean(topDiv, "h2");
+  topDiv = clean(topDiv, 'iframe');
+
+  // Add the footer and contents:
+  articleFooter.id = 'readFooter';
+  articleFooter.innerHTML = `\
+		<a href='http://lab.arc90.com/experiments/readability'><img src='http://lab.arc90.com/experiments/readability/images/footer-readability.png'></a>\
+		<a href='http://www.arc90.com'><img src='http://lab.arc90.com/experiments/readability/images/footer-arc90.png'></a>\
+		<a href='http://www.twitter.com/arc90' class='footer-twitterLink'>Follow us on Twitter &raquo;</a>\
+                <div class='footer-right' >\
+                        <span class='version'>Readability version ${ readabilityVersion }</span>\
+				</div>\
+	`;
+
+  articleContent.appendChild(topDiv);
+  //	articleContent.appendChild(articleFooter);
+  document.onkeyup = docOnKeyup;
+
+  return articleContent;
+}
+
+function docOnKeyup(ev) {
+  var keyID = null;
+  if (navigator.appName == 'Microsoft Internet Explorer')
+    keyID = event.keyCode;
+	 else
+    keyID = (window.event) ? event.keyCode : ev.keyCode;
+
+  var bgcolor, fgcolor, acolor;
+  switch (keyID) {
+
+    case 27: // escape
+      document.location.reload(true);
+      break;
+    case 37: // left arrow
+      bgcolor = '#222';
+      fgcolor = '#F3EFCE';
+      acolor = '#A19F89';
+      break;
+    case 39: // right arrow
+      bgcolor = '#fff';
+      fgcolor = '#333';
+      acolor = '#276F78';
+      break;
+    case 46: // delete
+      bgcolor = '#eee';
+      fgcolor = '#333';
+      acolor = '#blue';
+      break;
+
+  }
+  body = document.getElementById('readOverlay');
+  // body.className = body.className.replace('/\blightened\b/','') + " darkened";
+  body.style.backgroundColor = bgcolor;
+  body.style.color = fgcolor;
+  var alinks = body.getElementsByTagName('a');
+  for (var lc = 0;lc < alinks.length;lc++)
+    alinks[lc].style.color = acolor;
+}
+
+// Get the inner text of a node - cross browser compatibly.
+function getInnerText(e) {
+  if (navigator.appName == 'Microsoft Internet Explorer')
+    return e.innerText;
+  else
+    return e.textContent;
+}
+
+// Get character count
+function getCharCount ( e, s ) {
+  s = s || ',';
+
+  return getInnerText(e).split(s).length;
+}
+
+function cleanStyles( e ) {
+  e = e || document;
+  var cur = e.firstChild;
+
+  // If we had a bad node, there's not much we can do.
+  if(!e)
+    return;
+
+  // Remove any root styles, if we're able.
+  if(typeof e.removeAttribute === 'function')
+    e.removeAttribute('style');
+
+  // Go until there are no more child nodes
+  while ( cur != null ) {
+    if ( cur.nodeType == 1 ) {
+      // Remove style attribute(s) :
+      cur.removeAttribute('style');
+      cleanStyles( cur );
+    }
+    cur = cur.nextSibling;
+  }
+}
+
+function killDivs ( e ) {
+  var divsList = e.getElementsByTagName( 'div' );
+  var curDivLength = divsList.length;
+
+  // Gather counts for other typical elements embedded within.
+  // Traverse backwards so we can remove nodes at the same time without effecting the traversal.
+  for (var i = curDivLength - 1; i >= 0; i--) {
+    var p = divsList[i].getElementsByTagName('p').length;
+    var img = divsList[i].getElementsByTagName('img').length;
+    var li = divsList[i].getElementsByTagName('li').length;
+    var a = divsList[i].getElementsByTagName('a').length;
+    var embed = divsList[i].getElementsByTagName('embed').length;
+    var object = divsList[i].getElementsByTagName('object').length;
+    var pre = divsList[i].getElementsByTagName('pre').length;
+    var code = divsList[i].getElementsByTagName('code').length;
+    var divId = divsList[i].id;
+    var divClass = divsList[i].className;
+    var sphereit = divsList[i].innerHTML.match('<!-- sphereit') == null ? 0 : 1;
+    // If the number of commas is less than 10 (bad sign) ...
+    if ( getCharCount(divsList[i]) < 10 )
+    // And the number of non-paragraph elements is more than paragraphs
+    // or other ominous signs :
+      if (( img > p || li > p || a > p || p == 0 || divId.match('comment') != null || divClass.match('comment') != null || divId.match('share') != null || divClass.match('share') != null) && ( pre == 0 && code == 0 && embed == 0 && object == 0 && sphereit == 0 )) {
+        if (!p == 0 && img == 1) divsList[i].parentNode.removeChild(divsList[i]);
+      }
+
+    var stopwords = ['comment', 'share', 'footer', '^ad'];
+    for (var sw = 0;sw < stopwords.length;sw++) {
+		  regex = new RegExp(stopwords[sw]);
+		  if (divId.match(regex) != null || divClass.match(regex) != null) {
+		      console.log(`matched ${stopwords[sw]}`);
+  				divsList[i].parentNode.removeChild(divsList[i]);
+  		}
+    }
+    // if (divId.match("comment") != null || divClass.match("comment") != null || divId.match("share") != null || divClass.match("share") != null || divClass.match("footer") != null || divId.match("footer") != null || divClass.match(/^ad/) != null || divId.match(/^ad/) != null) {
+    //    divsList[i].parentNode.removeChild(divsList[i]);
+    // }
+  }
+
+  return e;
+}
+
+function killBreaks ( e ) {
+  e.innerHTML = e.innerHTML.replace(/(<br\s*\/?>(\s|&nbsp;?)*){1,}/g, '<br />');
+
+  return e;
+}
+
+function killCodeSpans ( e ) {
+  e.innerHTML = e.innerHTML.replace(/<\/?\s?span(?:[^>]+)?>/g, '');
+
+  return e;
+}
+
+function clean(e, tags, minWords) {
+  var targetList;
+  var y;
+  if (tags == 'table') {
+    targetList = e.getElementsByTagName( tags );
+    minWords = minWords || 1000000;
+    for (y = 0; y < targetList.length; y++) {
+      // If the text content isn't laden with words, remove the child:
+      cells = targetList[y].getElementsByTagName('td').length;
+      if (cells < minWords)
+        targetList[y].parentNode.removeChild(targetList[y]);
+    }
+  }
+  else {
+    targetList = e.getElementsByTagName( tags );
+    minWords = minWords || 1000000;
+
+    for (y = 0; y < targetList.length; y++)
+    // If the text content isn't laden with words, remove the child:
+      if (getCharCount(targetList[y], ' ') < minWords && targetList[y].tagName != 'pre')
+        targetList[y].parentNode.removeChild(targetList[y]);
+  }
+
+  return e;
+}
+
+function convert(e, tagId) {
+  var children, parent, newNode;
+  var elems = document.getElementsByTagName(tagId);
+  for (y = 0; y < elems.length; y++) {
+	    children = elems[y].childNodes;
+	    parent = elems[y].parentNode;
+	    newNode = document.createElement('span');
+    newNode.setAttribute('style', 'font-weight:bold');
+	    for(var i = 0;i < children.length;i++)
+	        newNode.appendChild(children[i]);
+
+	    parent.replaceChild(newNode, elems[y]);
+  }
+
+  return e;
+}