{"id":25369,"date":"2022-08-12T08:33:49","date_gmt":"2022-08-12T07:33:49","guid":{"rendered":"https:\/\/www.ch.imperial.ac.uk\/rzepa\/blog\/?p=25369"},"modified":"2022-09-11T06:16:08","modified_gmt":"2022-09-11T05:16:08","slug":"web-page-decay-and-journals-how-an-interactive-esi-from-2006-was-rescued","status":"publish","type":"post","link":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369","title":{"rendered":"Web page decay and Journals: How an interactive  &#8220;ESI&#8221; from 2006 was rescued."},"content":{"rendered":"<div class=\"kcite-section\" kcite-section-id=\"25369\">\n<p>In 2006<span id=\"cite_ITEM-25369-0\" name=\"citation\"><a href=\"#ITEM-25369-0\">[1]<\/a><\/span> we published an article illustrating various types of pseudorotations in small molecules. It&#8217;s been cited 20 times since then, so reasonable interest! We described rotations known as Lever and Turnstile as well as the better known Berry mode. Because the differences between these rotations are quite subtle, we included an interactive electronic supporting information to illustrate them. That ESI was written in HTML and used Jmol to animate the rotations. Now, 16 years is a long time in the Web ecosystem (some early wag suggested, like dogs, that one year in normal time approximates to about 7 years in Web time) and inevitably, like e.g. both Rasmol<span id=\"cite_ITEM-25369-1\" name=\"citation\"><a href=\"#ITEM-25369-1\">[2]<\/a><\/span> and Chime before it, Jmol no longer works when invoked from a Web browser; Java applets are very much dead and we are now on the fourth generation of molecule viewer, JSmol. Two days ago I was contacted by someone (thanks Peter!) who had noticed that the journal landing page did not seem to point to any ESI. Here I tell the story of what happened next.<\/p>\n<p>Thus the landing page<span id=\"cite_ITEM-25369-0\" name=\"citation\"><a href=\"#ITEM-25369-0\">[1]<\/a><\/span> does not mention any method for accessing any ESI. But since the page is paywalled, you have to login to see more. When you do this, you get a reference to &#8220;enhanced objects&#8221;, so\u00a0I should explain what these were.<br \/>\n<img decoding=\"async\" class=\"alignnone size-medium wp-image-25372\" src=\"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-1228-295x300.jpg\" alt=\"\" width=\"400\" srcset=\"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-1228-295x300.jpg 295w, https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-1228-1007x1024.jpg 1007w, https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-1228-768x781.jpg 768w, https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-1228.jpg 1284w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/p>\n<p>The norm nowadays seems to be that ESI is expressed as a PDF file, but that allows interactivity only with extreme difficulty. In 2006, if you wanted this feature, you used HTML. The publisher (ACS) coined the expression of WEO, or Web-enhanced object. We produced perhaps 50 or so of these for various publishers and in those days they were hosted on publishers&#8217; own sites. At some stage since 2006, these pages have been moved and the enhanced object for this article has been (temporarily?) &#8220;lost&#8221;. It is perhaps easy to understand why, since changes to the\u00a0publishers publication workflows would need to factor in such pages and probably there were not enough of them to merit inclusion in the workflow.<\/p>\n<p>So on to 2022, when I was contacted by Peter about this issue.\u00a0Whenever we submitted such interactive\u00a0ESI, we always kept a local copy, and indeed this was quickly located at DOI:\u00a0<a href=\"https:\/\/doi.org\/10.14469\/hpc\/10849\">10.14469\/hpc\/10849<\/a>, now of course allocated its own DOI. By now the ESI had lost its interactivity, but more worryingly, was\u00a0lacking any error messages. Why? This was the \u00a0HTML code then used:<\/p>\n<pre><small><code>&lt;applet width=\"300\" name=\"ClF5-gsA\"\r\n height=\"250\" archive=\"JmolApplet.jar\" code=\"JmolApplet\"\r\n mayscript=\"true\"&gt;\r\n &lt;param name=\"progressbar\" value=\"true\" \/&gt;\r\n &lt;param name=\"progresscolor\" value=\"blue\" \/&gt;\r\n &lt;param name=\"boxmessage\"\r\n value=\"Downloading JmolApplet.jar\" \/&gt;\r\n &lt;param name=\"boxbgcolor\" value=\"black\" \/&gt;\r\n &lt;param name=\"boxfgcolor\" value=\"white\" \/&gt;\r\n &lt;param name=\"load\" value=\"ClF5-gsAC2vpTZ.mol\" \/&gt;\r\n &lt;param name=\"script\"\r\n value=\"select all; labels off; spacefill 0.25; \r\n wireframe 0.1; center atomno=2\" \/&gt;\r\n &lt;\/applet&gt;<\/code><\/small><\/pre>\n<p>In modern web browsers this is simply ignored. So the solution is to rewrite this code into modern syntax, and for this I turned to a long time hero and expert, Angel, who is one of the active maintainers of JSmol, the successor to \u00a0Jmol. \u00a0A few hours later a conversion script came back.<sup>\u2021<\/sup> It is just 55 lines long! \u00a0It is invoked in the header of the HTML document as:\u00a0<\/p>\n<pre><small><code>&lt;script type=\"text\/javascript\" src=\"JSmol.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\" src=\"convertJmolApplets.js\"&gt;&lt;\/script&gt;<\/code><\/small><\/pre>\n<p>and hey presto, all works as originally. I transclude a small snippet here to give a flavour, although the original is formatted for wide pages, so go see all the ESI there.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.ch.ic.ac.uk\/rzepa\/SqPy\/esi\/Supplement3a.html\" width=\"600\" height=\"740\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<p>So what is the take home message? Well, it turns out that the Java\/Jmol syntax developed for the Web more than 20 years ago has actually proved pretty resilient. And so pages where technology has overtaken them can sometimes be quite easily rescued and restored back to life. A number of those WEOs from the early naughties have indeed been rescued by expedients such as described above. And perhaps in 10 years time when Javascript and JSmol have themselves moved on, further rescues will be needed. But had I been asked back in 2006 or earlier whether I expected those interactive ESI pages to still be working 16+ years later, I may well have replied that it seemed unlikely. So it is a very pleasant surprise to find that they (now) are. All we need is for the journal itself to point to a working version; for that, keep your eyes peeled.<\/p>\n<p>On a more general point, a history of &#8220;ESI&#8221; as used in chemistry would be an interesting topic. Although generally thought of as having its roots around 1996, it may well go back further.\u00a0Any historians around?<\/p>\n<hr \/>\n<p><sup>\u2021<\/sup>Available at <a href=\"https:\/\/wiki.jmol.org\/index.php\/Jmol_JavaScript_Object\/Legacy\">https:\/\/wiki.jmol.org\/index.php\/Jmol_JavaScript_Object\/Legacy<\/a> and <a href=\"https:\/\/doi.org\/10.14469\/hpc\/10852\" target=\"_blank\" rel=\"noopener\">10.14469\/hpc\/10852<\/a><\/p>\n<hr \/>\n<h2>References<\/h2>\n    <ol class=\"kcite-bibliography csl-bib-body\"><li id=\"ITEM-25369-0\">H.S. Rzepa, and M.E. Cass, \"A Computational Study of the Nondissociative Mechanisms that Interchange Apical and Equatorial Atoms in Square Pyramidal Molecules\", <i>Inorganic Chemistry<\/i>, vol. 45, pp. 3958-3963, 2006. <a href=\"https:\/\/doi.org\/10.1021\/ic0519988\">https:\/\/doi.org\/10.1021\/ic0519988<\/a>\n\n<\/li>\n<li id=\"ITEM-25369-1\">O. Casher, G.K. Chandramohan, M.J. Hargreaves, C. Leach, P. Murray-Rust, H.S. Rzepa, R. Sayle, and B.J. Whitaker, \"Hyperactive molecules and the World-Wide-Web information system\", <i>Journal of the Chemical Society, Perkin Transactions 2<\/i>, pp. 7, 1995. <a href=\"https:\/\/doi.org\/10.1039\/p29950000007\">https:\/\/doi.org\/10.1039\/p29950000007<\/a>\n\n<\/li>\n<\/ol>\n\n<\/div> <!-- kcite-section 25369 -->","protected":false},"excerpt":{"rendered":"<p>In 2006 we published an article illustrating various types of pseudorotations in small molecules. It&#8217;s been cited 20 times since then, so reasonable interest! We described rotations known as Lever and Turnstile as well as the better known Berry mode. Because the differences between these rotations are quite subtle, we included an interactive electronic supporting [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":5,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[],"tags":[],"ppma_author":[2661],"class_list":["post-25369","post","type-post","status-publish","format-standard","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Web page decay and Journals: How an interactive &quot;ESI&quot; from 2006 was rescued. - Henry Rzepa&#039;s Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web page decay and Journals: How an interactive &quot;ESI&quot; from 2006 was rescued. - Henry Rzepa&#039;s Blog\" \/>\n<meta property=\"og:description\" content=\"In 2006 we published an article illustrating various types of pseudorotations in small molecules. It&#8217;s been cited 20 times since then, so reasonable interest! We described rotations known as Lever and Turnstile as well as the better known Berry mode. Because the differences between these rotations are quite subtle, we included an interactive electronic supporting [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369\" \/>\n<meta property=\"og:site_name\" content=\"Henry Rzepa&#039;s Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-12T07:33:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-11T05:16:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-1228-295x300.jpg\" \/>\n<meta name=\"author\" content=\"Henry Rzepa\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Henry Rzepa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web page decay and Journals: How an interactive \"ESI\" from 2006 was rescued. - Henry Rzepa&#039;s Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369","og_locale":"en_GB","og_type":"article","og_title":"Web page decay and Journals: How an interactive \"ESI\" from 2006 was rescued. - Henry Rzepa&#039;s Blog","og_description":"In 2006 we published an article illustrating various types of pseudorotations in small molecules. It&#8217;s been cited 20 times since then, so reasonable interest! We described rotations known as Lever and Turnstile as well as the better known Berry mode. Because the differences between these rotations are quite subtle, we included an interactive electronic supporting [&hellip;]","og_url":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369","og_site_name":"Henry Rzepa&#039;s Blog","article_published_time":"2022-08-12T07:33:49+00:00","article_modified_time":"2022-09-11T05:16:08+00:00","og_image":[{"url":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-1228-295x300.jpg","type":"","width":"","height":""}],"author":"Henry Rzepa","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Henry Rzepa","Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369#article","isPartOf":{"@id":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369"},"author":{"name":"Henry Rzepa","@id":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/#\/schema\/person\/2b40f7b9c872a4dc1547e040a11b6281"},"headline":"Web page decay and Journals: How an interactive &#8220;ESI&#8221; from 2006 was rescued.","datePublished":"2022-08-12T07:33:49+00:00","dateModified":"2022-09-11T05:16:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369"},"wordCount":722,"commentCount":10,"image":{"@id":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369#primaryimage"},"thumbnailUrl":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-1228-295x300.jpg","inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369","url":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369","name":"Web page decay and Journals: How an interactive \"ESI\" from 2006 was rescued. - Henry Rzepa&#039;s Blog","isPartOf":{"@id":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369#primaryimage"},"image":{"@id":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369#primaryimage"},"thumbnailUrl":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-1228-295x300.jpg","datePublished":"2022-08-12T07:33:49+00:00","dateModified":"2022-09-11T05:16:08+00:00","author":{"@id":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/#\/schema\/person\/2b40f7b9c872a4dc1547e040a11b6281"},"breadcrumb":{"@id":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369#primaryimage","url":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-1228.jpg","contentUrl":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-1228.jpg","width":1284,"height":1306},{"@type":"BreadcrumbList","@id":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?p=25369#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog"},{"@type":"ListItem","position":2,"name":"Web page decay and Journals: How an interactive &#8220;ESI&#8221; from 2006 was rescued."}]},{"@type":"WebSite","@id":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/#website","url":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/","name":"Henry Rzepa&#039;s Blog","description":"Chemistry with a twist","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/#\/schema\/person\/2b40f7b9c872a4dc1547e040a11b6281","name":"Henry Rzepa","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/897b6740f7f599bca7942cdf7d7914af5988937ae0e3869ab09aebb87f26a731?s=96&d=blank&r=g370be3a7397865e4fd161aefeb0a5a85","url":"https:\/\/secure.gravatar.com\/avatar\/897b6740f7f599bca7942cdf7d7914af5988937ae0e3869ab09aebb87f26a731?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/897b6740f7f599bca7942cdf7d7914af5988937ae0e3869ab09aebb87f26a731?s=96&d=blank&r=g","caption":"Henry Rzepa"},"description":"Henry Rzepa is Emeritus Professor of Computational Chemistry at Imperial College London.","sameAs":["https:\/\/orcid.org\/0000-0002-8635-8390"],"url":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/?author=1"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pDef7-6Bb","jetpack-related-posts":[],"jetpack_likes_enabled":false,"authors":[{"term_id":2661,"user_id":1,"is_guest":0,"slug":"admin","display_name":"Henry Rzepa","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/897b6740f7f599bca7942cdf7d7914af5988937ae0e3869ab09aebb87f26a731?s=96&d=blank&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/index.php?rest_route=\/wp\/v2\/posts\/25369","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25369"}],"version-history":[{"count":19,"href":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/index.php?rest_route=\/wp\/v2\/posts\/25369\/revisions"}],"predecessor-version":[{"id":25390,"href":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/index.php?rest_route=\/wp\/v2\/posts\/25369\/revisions\/25390"}],"wp:attachment":[{"href":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25369"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=25369"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=25369"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.ch.ic.ac.uk\/rzepa\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fppma_author&post=25369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}