From f6d2141a480dd6b5b8ee0e48d43bb64773232791 Mon Sep 17 00:00:00 2001
From: Navan Chauhan <navanchauhan@gmail.com>
Date: Tue, 26 Mar 2024 23:38:14 -0600
Subject: add header ids

---
 ...2021-06-26-Cheminformatics-On-The-Web-2021.html | 28 +++++++++++-----------
 1 file changed, 14 insertions(+), 14 deletions(-)

(limited to 'docs/posts/2021-06-26-Cheminformatics-On-The-Web-2021.html')

diff --git a/docs/posts/2021-06-26-Cheminformatics-On-The-Web-2021.html b/docs/posts/2021-06-26-Cheminformatics-On-The-Web-2021.html
index c9e8704..1120ca0 100644
--- a/docs/posts/2021-06-26-Cheminformatics-On-The-Web-2021.html
+++ b/docs/posts/2021-06-26-Cheminformatics-On-The-Web-2021.html
@@ -6,13 +6,13 @@
     <link rel="stylesheet" href="/assets/main.css" />
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Cheminformatics on the Web (2021)</title>
+    <title>id="cheminformatics-on-the-web-2021">Cheminformatics on the Web (2021)</title>
     <meta name="og:site_name" content="Navan Chauhan" />
     <link rel="canonical" href="https://web.navan.dev/posts/2021-06-26-Cheminformatics-On-The-Web-2021.html" />
     <meta name="twitter:url" content="https://web.navan.dev/posts/2021-06-26-Cheminformatics-On-The-Web-2021.html />
     <meta name="og:url" content="https://web.navan.dev/posts/2021-06-26-Cheminformatics-On-The-Web-2021.html" />
-    <meta name="twitter:title" content="Cheminformatics on the Web (2021)" />
-    <meta name="og:title" content="Cheminformatics on the Web (2021)" />
+    <meta name="twitter:title" content="id="cheminformatics-on-the-web-2021">Cheminformatics on the Web (2021)" />
+    <meta name="og:title" content="id="cheminformatics-on-the-web-2021">Cheminformatics on the Web (2021)" />
     <meta name="description" content="Summarising Cheminformatics on the web in 2021." />
     <meta name="twitter:description" content="Summarising Cheminformatics on the web in 2021." />
     <meta name="og:description" content="Summarising Cheminformatics on the web in 2021." />
@@ -44,7 +44,7 @@
     
 <main>
 
-	<h1>Cheminformatics on the Web (2021)</h1>
+	<h1 id="cheminformatics-on-the-web-2021">Cheminformatics on the Web (2021)</h1>
 
 <p>Here, I have compiled a list of some libraries and possible ideas.
 I, personally, like static websites which don't require a server side application and can be hosted on platforms like GitHub Pages.
@@ -52,12 +52,12 @@ Or, just by opening the HTML file and running it in your browser.
 WebAssembly (Wasm) has made running code written for other platforms on the web relatively easier.
 Combine Wasm with some pure JavaScript libraries, and you get a platform to quickly amp up your speed in some common tasks.</p>
 
-<h2>RDKit</h2>
+<h2 id="rdkit">RDKit</h2>
 
 <p>RDKit bundles a minimal JavaScript Wrapper in their core RDKit suite. 
 This is perfect for generating 2D Figures (HTML5 Canva/SVGs), Canonical SMILES, Descriptors e.t.c</p>
 
-<h3>Substructure Matching</h3>
+<h3 id="substructure-matching">Substructure Matching</h3>
 
 <p>This can be used to flag undesirable functional groups in a given compound.
 Create a simple key:value pairs of name:SMARTS and use it to highlight substructure matches. 
@@ -65,13 +65,13 @@ Thus, something like PostEra's Medicinal Chemistry Alert can be done with RDKit-
 
 <p><img src="/assets/posts/cheminformatics-web/postera-demo.png" alt="PostEra Demo" /></p>
 
-<h3>Computing Properties</h3>
+<h3 id="computing-properties">Computing Properties</h3>
 
 <p>This is useful to calculate basic properties of a given compound.</p>
 
 <p><img src="/assets/posts/cheminformatics-web/rdkit-demo.png" alt="RDKit-JS Demo" /></p>
 
-<h2>Webina - Molecular Docking</h2>
+<h2 id="webina-molecular-docking">Webina - Molecular Docking</h2>
 
 <p>Webina is a JavaScript/Wasm library that runs AutoDock Vina, which can enable you to run Molecular Docking straight in the browser itself.</p>
 
@@ -83,7 +83,7 @@ Due to Spectre, this feature was disabled on all browsers.
 Currently, only Chromium-based and Firefox browsers have reimplemented and enabled it. 
 Hopefully, soon, this will be again supported by all major browsers.</p>
 
-<h2>Machine Learning</h2>
+<h2 id="machine-learning">Machine Learning</h2>
 
 <p>Frameworks have now evolved enough to allow exporting models to be able to run them through JavaScript/Wasm backend.
 An example task can be <strong>NER</strong> or Named-entity Recognition.
@@ -93,12 +93,12 @@ Another example is target-prediction right in the browser: <a rel="noopener" tar
 <p>CHEMBL Group is first training the model using PyTorch (A Python ML Library), then converting it to the ONNX runtime.
 A model like this can be directly implemented in TensorFlow, and then exported to be able to run with TensorFlow.js</p>
 
-<h2>Cheminfo-to-web</h2>
+<h2 id="cheminfo-to-web">Cheminfo-to-web</h2>
 
 <p>The project aims to port cheminformatics libraries into JavaScript via Emscripten.
 They have ported InChI, Indigo, OpenBabel, and OpenMD</p>
 
-<h3>Kekule.js</h3>
+<h3 id="kekulejs">Kekule.js</h3>
 
 <p>It is written by @partridgejiang, who is behind the Cheminfo-to-web project</p>
 
@@ -106,19 +106,19 @@ They have ported InChI, Indigo, OpenBabel, and OpenMD</p>
   <p>It is molecule-centric, focusing on providing the ability to represent, draw, edit, compare and search molecule structures on web browsers.</p>
 </blockquote>
 
-<h2>Browser Extensions</h2>
+<h2 id="browser-extensions">Browser Extensions</h2>
 
 <p>The previous machine learning examples can be packaged as browser-extensions to perform tasks on the article you are reading. 
 With iOS 15 bringing WebExtensions to iOS/iPadOS, the same browser extension source code can be now used on Desktop and Mobile Phones.
 You can quickly create an extension to convert PDB codes into links to RCSB, highlight SMILES, highlight output of NER models, e.t.c</p>
 
-<h2>Conclusion</h2>
+<h2 id="conclusion">Conclusion</h2>
 
 <p>I have not even touched all the bases of cheminformatics for the web here.
 There is still a lot more to unpack.
 Hopefully, this encourages you to explore the world of cheminformatics on the web.</p>
 
-<h2>Further Reading</h2>
+<h2 id="further-reading">Further Reading</h2>
 
 <p><a rel="noopener" target="_blank" href="https://blueobelisk.github.io/greasemonkey.html">Blueobelisk Userscripts</a></p>
 
-- 
cgit v1.2.3