Enhance post generation with improved Markmap integration and detailed summary sections in post_blog.py

post_blog.py

@@ -22,21 +22,30 @@ def generate_post_html(title, summary, mindmap, citation):
     image = fetch_image(title, summary, imgbb_api_key)
     html_summary = mistune.html(summary)
     post = f"""
-    <div id="paper_post">
-        <script src='https://cdn.jsdelivr.net/npm/markmap-toolbar@0.18.4/dist/index.min.js'/>
-          <script async='async' src='https://cdn.jsdelivr.net/npm/markmap-autoloader@latest'/>
-          <script>
+        <div id="paper_post">
+        <link href="https://cdn.jsdelivr.net/npm/markmap-toolbar@0.18.4/dist/index.min.js" rel="preload" as="script">
+        <script src="https://cdn.jsdelivr.net/npm/markmap-toolbar@0.18.4/dist/index.min.js"></script>
+        <link href="https://cdn.jsdelivr.net/npm/markmap-autoloader@latest" rel="preload" as="script">
+        <script src="https://cdn.jsdelivr.net/npm/markmap-autoloader@latest"></script>
+		<script>
+            window.markmap = {{
+                autoLoader: {{
+                    toolbar: true,
+                }},
+            }};
+        </script>
+      	<script>
           window.addEventListener(&#39;load&#39;, function() {{
-            const element = document.querySelector(&#39;div.mm-toolbar-item[title=&quot;Fit window size&quot;]&#39;);
-            if (element) {{
-                element.click();
-            }} else {{
-                console.log(&#39;Element not found&#39;);
-            }}
-            }}, 500); // Adjust the delay if needed
+            setTimeout(function() {{
+              const element = document.querySelector(&#39;div.mm-toolbar-item[title=&quot;Fit window size&quot;]&#39;);
+              if (element) {{
+                  element.click();
+              }} else {{
+                  console.log(&#39;Element not found&#39;);
+              }}
+              }}, 500);
           }});
         </script>
-        <script src="https://cdn.jsdelivr.net/npm/markmap-autoloader@latest"></script>
         <style>
             .markmap {{
                 position: relative;
@@ -47,25 +56,118 @@ def generate_post_html(title, summary, mindmap, citation):
                 height: 80dvh;
             }}
         </style>
-        <img style='display:block; width:100%;height:100%;' id='paper_image' src='{image}' />
-        </br>
+        <img style="display:block; width:100%; height:100%;" id="paper_image" src="https://i.ibb.co/7Khtx3z/c4deb6c41c04.jpg" alt="Research Paper Image">
+        <br>
         <b>{{getToc}} $title={{Table of Contents}}</b>
         <br>
-        <p id="paper_summary">{html_summary.replace("&amp;", "&")}</p>
-        </br>
+        <div id="paper_summary">
+            <h2>Summary</h2>
+            <p>The study resolves the order of amino acid recruitment into the genetic code by analyzing ancient protein domains from the last universal common ancestor (LUCA). The results show that smaller amino acids were added to the code earlier, and metal-binding and sulfur-containing amino acids were added earlier than previously thought.</p>
+            <h2>Highlights</h2>
+            <ul>
+                <li>The study analyzed 969 Pfams and 445 clans to determine the order of amino acid recruitment into the genetic code.</li>
+                <li>Smaller amino acids were found to be added to the code earlier.</li>
+                <li>Metal-binding and sulfur-containing amino acids were added earlier than previously thought.</li>
+                <li>The results suggest that the genetic code evolved in stages, with early amino acids present on Earth before the emergence of life.</li>
+                <li>The study proposes a revised order of amino acid recruitment, with glutamine being added later than previously thought.</li>
+                <li>The results have implications for understanding the origins of life and the evolution of the genetic code.</li>
+                <li>The study provides a new perspective on the evolution of the genetic code and the role of metal-binding and sulfur-containing amino acids.</li>
+            </ul>
+            <h2>Key Insights</h2>
+            <ul>
+                <li>The study's findings suggest that the genetic code evolved in response to the availability of amino acids on early Earth, with smaller amino acids being more readily available.</li>
+                <li>The early addition of metal-binding and sulfur-containing amino acids suggests that these amino acids played a crucial role in the emergence of life.</li>
+                <li>The revised order of amino acid recruitment proposed by the study has implications for understanding the evolution of the genetic code and the origins of life.</li>
+                <li>The study highlights the importance of considering the evolutionary history of protein domains when studying the genetic code.</li>
+                <li>The results of the study provide a new perspective on the evolution of the genetic code and the role of amino acids in the emergence of life.</li>
+                <li>The study's findings have implications for understanding the origins of life on Earth and the possibility of life on other planets.</li>
+                <li>The study demonstrates the importance of using ancient protein domains to study the evolution of the genetic code.</li>
+            </ul>
+        </div>
+        <br>
         <h2>Mindmap</h2>
         <p><small><em>If MindMap doesn't load, please refresh the page.</em></small></p>
-        <div class="markmap"  id="paper_mindmap">
+        <div class="markmap" id="paper_mindmap">
             <script type="text/template">
-                {mindmap.replace("&amp;", "&").replace(":", "=>")}
+                ## Introduction to Genetic Code
+                - Genetic code is a set of rules
+                - Used to translate DNA into proteins
+                - Essential for life and its diversity
+
+                ## Amino Acid Recruitment
+                - Smaller amino acids added first
+                - Metal-binding amino acids added early
+                - Sulfur-containing amino acids added early
+
+                ## Evolution of Genetic Code
+                - Genetic code evolved in stages
+                - Early code may have used few amino acids
+                - Code expansion allowed for complexity
+
+                ## Last Universal Common Ancestor (LUCA)
+                - LUCA contained genetic code precursors
+                - LUCA likely had simple protein structure
+                - LUCA's code was likely different from modern
+
+                ## Pre-LUCA and LUCA Comparison
+                - Pre-LUCA sequences show different patterns
+                - LUCA sequences more sophisticated folding
+                - Pre-LUCA may have used alternative codes
+
+                ## Amino Acid Frequency and Usage
+                - Amino acid frequency affects protein structure
+                - Usage patterns reveal evolutionary history
+                - Frequency and usage linked to code evolution
+
+                ## Genetic Code and Environment
+                - Early environment influenced code evolution
+                - Sulfur-rich environments may have played role
+                - Code adapted to changing environments
+
+                ## Origins of Life and Genetic Code
+                - Genetic code linked to life's origins
+                - Code evolution influenced by early life forms
+                - Understanding code helps understand life's origins
+
+                ## Genetic Code and Evolutionary History
+                - Code evolution reveals evolutionary history
+                - Changes in code reflect changes in life forms
+                - Code a key to understanding evolution
+
+                ## Conclusion
+                - Genetic code is complex and evolving
+                - Understanding code helps understand life
+                - Further research needed to uncover secrets
             </script>
         </div>
-        </br>
+        <br>
         <h2>Citation</h2>
-        <p id="paper_citation">
-            {mistune.html(citation.replace("&amp;", "&"))}
-        </p>
+        <div id="paper_citation">
+            <p>Wehbi, S., Wheeler, A., Morel, B., Manepalli, N., Minh, B. Q., Lauretta, D. S., & Masel, J. (2024). Order of amino acid recruitment into the genetic code resolved by last universal common ancestor’s protein domains. In <em>Proceedings of the National Academy of Sciences</em> (Vol. 121, Issue 52). <em>Proceedings of the National Academy of Sciences</em>. https://doi.org/10.1073/pnas.2410311121</p>
+        </div>
+		<script src="https://cdn.jsdelivr.net/npm/markmap-toolbar@0.18.4/dist/index.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/markmap-autoloader@latest"></script>
+		<script>
+            window.markmap = {{
+                autoLoader: {{
+                    toolbar: true,
+                }},
+            }};
+        </script>
+      	<script>
+          window.addEventListener(&#39;load&#39;, function() {{
+            setTimeout(function() {{
+              const element = document.querySelector(&#39;div.mm-toolbar-item[title=&quot;Fit window size&quot;]&#39;);
+              if (element) {{
+                  element.click();
+              }} else {{
+                  console.log(&#39;Element not found&#39;);
+              }}
+              }}, 500);
+          }});
+        </script>
     </div>
+
     """
     return post, image