Spaces:

EuroSciPy2022
/

arxiv-cards

Runtime error

App Files Files Community

EliottZemour commited on Sep 1, 2022

Commit

8fafff8

1 Parent(s): 947164f

update demo

Browse files

Files changed (8) hide show

__pycache__/arxiv_util.cpython-310.pyc +0 -0
__pycache__/get_paperinfo_fromurls.cpython-310.pyc +0 -0
a.html +40 -0
app.py +12 -71
arxiv_util.py +3 -2
get_paperinfo_fromurls.py +10 -12
htmlcard.html +2 -6
htmlgen.ipynb +490 -0

__pycache__/arxiv_util.cpython-310.pyc ADDED Viewed

Binary file (1.53 kB). View file

__pycache__/get_paperinfo_fromurls.cpython-310.pyc ADDED Viewed

Binary file (715 Bytes). View file

a.html ADDED Viewed

	@@ -0,0 +1,40 @@

+    <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link href="csscard.css" rel="stylesheet" type="text/css"/>
+    </head>
+    <body>
+        <div class="container">
+            <div class="square">
+            <div class="mask">
+                <div class="left">
+                <img src="https://static.arxiv.org/static/browse/0.3.4/images/arxiv-logo-one-color-white.svg" alt="arxiv logo">
+                </div>
+                <h2 class="right">[2208.13511]</h2>
+            </div>
+            <div class="h1">Galaxies with Fuzzy Dark Matter</div>
+            <ul id="links">
+                        <li><div class="auth">Jae-Weon Lee</div></li>
+            </ul>
+            <p>This is a brief review on some properties of galaxies in the fuzzy dark
+matter model, where dark matter is an ultra-light scalar particle with mass $m
+= O(10^{-22})eV$. From quantum pressure, dark matter has a halo length scale
+which can solve the small scale issues of the cold dark matter model, such as
+the core-cusp problem, and explain many other observed mysteries of galaxies.</p>
+            <!-- <ul id="urllinks">
+                <li>
+                <a href="http://arxiv.org/pdf/2208.13511v1" target="_" class="button">Article</a>
+                </li>
+                <li>
+                <a href="http://arxiv.org/abs/2208.13511v1" target="_" class="button">Abstract</a>
+                </li>
+            </ul> -->
+            </div>
+        </div>
+    </body>

app.py CHANGED Viewed

@@ -27,88 +27,29 @@ class CARDS_TEMPLATE(object):
         with open(os.path.join(output_dir, output_htmlfile), "w") as f:
             f.write(self.rendered_html)
-# template_file = "htmlcard.html"
-# template_path = ""
-# card_template = CARDS_TEMPLATE(
-#                 path_to_template = template_path,
-#                 template_filename = template_file,
-#                             )
-# paper_details = get_paperinfo_fromurls("icml.txt")
-# card_template.render(paper_details_iterator=paper_details)
-html = """<head>
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link href="file/csscard.css" rel="stylesheet" type="text/css"/>
-    </head>
-    <body>
-        <div class="container">
-            <div class="square">
-            <div class="mask">
-                <div class="left">
-                    <img src="file/arxiv-logo.svg" alt="arxiv logo" z-index: 1>
-                </div>
-                <h2 class="right">[2208.14178v1]</h2>
-            </div>
-            <div class="h1">Observational Signatures of Galactic Turbulent Dynamos</div>
-            <ul id="links">
-                        <li><div class="auth">Yann Carteret</div></li>
-                        <li><div class="auth">Abhijit B. Bendre</div></li>
-                        <li><div class="auth">Jennifer Schober</div></li>
-            </ul>
-            <p>We analyse the observational signatures of galactic magnetic fields that are
-self-consistently generated in magnetohydrodynamic simulations of the
-interstellar medium through turbulence driven by supernova (SN) explosions and
-differential rotation. In particular, we study the time evolution of the
-Faraday rotation measure (RM), synchrotron radiation, and Stokes parameters by
-characterising the typical structures formed in the plane of observation. We do
-this by defining two distinct models for both thermal and cosmic ray (CR)
-electron distributions. Our results indicate that the maps of RM have
-structures which are sheared and rendered anisotropically by differential
-rotation and that they depend on the choice of thermal electrons model as well
-as the SN rate. Synchrotron maps are qualitatively similar to the maps of the
-mean magnetic field along the line of sight and structures are only marginally
-affected by the CR model. Stokes parameters and related quantities, such as the
-degree of linear polarisation, are highly dependent on both frequency and
-resolution of the observation.</p>
-            <!-- <ul id="urllinks">
-                <li>
-                <a href="http://arxiv.org/pdf/2208.14178v1" target="_" class="button">Article</a>
-                </li>
-                <li>
-                <a href="http://arxiv.org/abs/2208.14178v1" target="_" class="button">Abstract</a>
-                </li>
-            </ul> -->
-            </div>
-        </div>
-    </body>"""
-def text_analysis(text):
-    return html
 demo = gr.Blocks()
 with demo:
     with gr.Row():
         text = gr.inputs.Textbox()
     with gr.Row():
-        button = gr.Button("Generate reviews !")
     with gr.Row():
         card = gr.HTML()
     button.click(
-        fn=text_analysis,
         inputs=[text],
         outputs=[card]
     )

         with open(os.path.join(output_dir, output_htmlfile), "w") as f:
             f.write(self.rendered_html)
+template_file = "htmlcard.html"
+template_path = ""
+card_template = CARDS_TEMPLATE(
+                path_to_template = template_path,
+                template_filename = template_file,
+                )
+def create_html_card(arxiv_link):
+    paper_details = get_paperinfo_fromurls(arxiv_link)
+    card_template.render(paper_details_iterator=paper_details)
+    return card_template.rendered_html
 demo = gr.Blocks()
 with demo:
     with gr.Row():
         text = gr.inputs.Textbox()
     with gr.Row():
+        button = gr.Button("Generate card !")
     with gr.Row():
         card = gr.HTML()
     button.click(
+        fn=create_html_card,
         inputs=[text],
         outputs=[card]
     )

arxiv_util.py CHANGED Viewed

@@ -3,7 +3,7 @@ import urllib
 import feedparser
 import pdb
-ArxivPaper = namedtuple("ArxivPaper", ["title", "authors", "abstract", "linktopdf", "linktoabs"])
 def arxiv_url_sanitizer(url):
     """
@@ -25,6 +25,7 @@ def get_paper_info(url):
         abstract : str
         linktopdf : str
         linktoabs : str
     """
     arxiv_id = url.split("/")[-1]
     arxiv_searchurl = "http://export.arxiv.org/api/query?id_list={}".format(arxiv_id)
@@ -51,4 +52,4 @@ def get_paper_info(url):
             linktopdf = link_dict["href"]
     # comment = paper["arxiv_comment"] # Not there in all arxiv pages.
-    return ArxivPaper(title, authors, abstract, linktopdf, linktoabs)

 import feedparser
 import pdb
+ArxivPaper = namedtuple("ArxivPaper", ["title", "authors", "abstract", "linktopdf", "linktoabs", "arxiv_id"])
 def arxiv_url_sanitizer(url):
     """
         abstract : str
         linktopdf : str
         linktoabs : str
+        arxiv_id : str
     """
     arxiv_id = url.split("/")[-1]
     arxiv_searchurl = "http://export.arxiv.org/api/query?id_list={}".format(arxiv_id)
             linktopdf = link_dict["href"]
     # comment = paper["arxiv_comment"] # Not there in all arxiv pages.
+    return ArxivPaper(title, authors, abstract, linktopdf, linktoabs, arxiv_id)

get_paperinfo_fromurls.py CHANGED Viewed

@@ -1,22 +1,20 @@
 from arxiv_util import arxiv_url_sanitizer
 from arxiv_util import get_paper_info
-def get_paperinfo_fromurls(urls_filepath):
     """
     Returns a dictionary of url entered by user
     and corresponding paper info from arxiv.
     """
     url_paperinfo = {}
-    with open(urls_filepath) as f:
-        for original_url in f.readlines():
-            url = arxiv_url_sanitizer(original_url.strip())
-            # print("Sanitized url = {}".format(url))
-            try:
-                paper_info = get_paper_info(url)
-            except RuntimeError as e:
-                print("[SKIP] Error processing : {}, message : {}".format(url, e))
-                pass
-            url_paperinfo[original_url] = paper_info
     return url_paperinfo

 from arxiv_util import arxiv_url_sanitizer
 from arxiv_util import get_paper_info
+def get_paperinfo_fromurls(original_url):
     """
     Returns a dictionary of url entered by user
     and corresponding paper info from arxiv.
     """
     url_paperinfo = {}
+    url = arxiv_url_sanitizer(original_url.strip())
+    # print("Sanitized url = {}".format(url))
+    try:
+        paper_info = get_paper_info(url)
+    except RuntimeError as e:
+        print("[SKIP] Error processing : {}, message : {}".format(url, e))
+        pass
+    url_paperinfo[original_url] = paper_info
     return url_paperinfo

htmlcard.html CHANGED Viewed

@@ -1,5 +1,3 @@
-<!DOCTYPE html>
-<html>
     <head>
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link href="csscard.css" rel="stylesheet" type="text/css"/>
@@ -14,7 +12,7 @@
                 <div class="left">
                 <img src="https://static.arxiv.org/static/browse/0.3.4/images/arxiv-logo-one-color-white.svg" alt="arxiv logo">
                 </div>
-                <h2 class="right">{{ paper.linktoabs}}</h2>
             </div>
             <div class="h1">{{ paper.title }}</div>
             <ul id="links">
@@ -35,6 +33,4 @@
             </div>
         </div>
     {% endfor %}
-    </body>
-</html>

     <head>
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link href="csscard.css" rel="stylesheet" type="text/css"/>
                 <div class="left">
                 <img src="https://static.arxiv.org/static/browse/0.3.4/images/arxiv-logo-one-color-white.svg" alt="arxiv logo">
                 </div>
+                <h2 class="right">[{{ paper.arxiv_id}}]</h2>
             </div>
             <div class="h1">{{ paper.title }}</div>
             <ul id="links">
             </div>
         </div>
     {% endfor %}
+    </body>

htmlgen.ipynb ADDED Viewed

	@@ -0,0 +1,490 @@

+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": 1,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import os\n",
+    "from jinja2 import Environment, FileSystemLoader, select_autoescape\n",
+    "from get_paperinfo_fromurls import get_paperinfo_fromurls"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 2,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "\n",
+    "class CARDS_TEMPLATE(object):\n",
+    "    def __init__(self, path_to_template, template_filename):\n",
+    "        self.path_to_template = path_to_template\n",
+    "        self.template_filename = template_filename\n",
+    "        self.template = self._get_template()\n",
+    "        self.rendered_html = None\n",
+    "\n",
+    "    def _get_template(self):\n",
+    "        env = Environment(\n",
+    "                    autoescape=select_autoescape(\n",
+    "                        enabled_extensions=('html'),\n",
+    "                        default_for_string=True,\n",
+    "                    ),\n",
+    "                    loader=FileSystemLoader(self.path_to_template)\n",
+    "                )\n",
+    "        return env.get_template(self.template_filename)\n",
+    "\n",
+    "    def render(self, paper_details_iterator):\n",
+    "        self.rendered_html = self.template.render(paper_details=paper_details_iterator)\n",
+    "\n",
+    "    def save_html(self, output_dir=None, output_htmlfile=None):\n",
+    "        with open(os.path.join(output_dir, output_htmlfile), \"w\") as f:\n",
+    "            f.write(self.rendered_html)\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "template_file = \"htmlcard.html\"\n",
+    "template_path = \"\"\n",
+    "card_template = CARDS_TEMPLATE(\n",
+    "                path_to_template = template_path,\n",
+    "                template_filename = template_file,\n",
+    "                )\n",
+    "\n",
+    "def create_html_card(arxiv_link):\n",
+    "    paper_details = get_paperinfo_fromurls(arxiv_link)\n",
+    "    card_template.render(paper_details_iterator=paper_details)\n",
+    "    return card_template.rendered_html"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 3,
+   "metadata": {},
+   "outputs": [],
+   "source": []
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 4,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "paper_details = get_paperinfo_fromurls(\"https://arxiv.org/abs/2208.13511\")"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 5,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "{'https://arxiv.org/abs/2208.13511': ArxivPaper(title='Galaxies with Fuzzy Dark Matter', authors=[{'name': 'Jae-Weon Lee'}], abstract='This is a brief review on some properties of galaxies in the fuzzy dark\\nmatter model, where dark matter is an ultra-light scalar particle with mass $m\\n= O(10^{-22})eV$. From quantum pressure, dark matter has a halo length scale\\nwhich can solve the small scale issues of the cold dark matter model, such as\\nthe core-cusp problem, and explain many other observed mysteries of galaxies.', linktopdf='http://arxiv.org/pdf/2208.13511v1', linktoabs='http://arxiv.org/abs/2208.13511v1', arxiv_id='2208.13511')}"
+      ]
+     },
+     "execution_count": 5,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "paper_details"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 6,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "card_template.render(paper_details_iterator=paper_details)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 8,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "card_template.save_html(output_dir = template_path, output_htmlfile = \"a.html\")"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 7,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "'    <head>\\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\\n        <link href=\"csscard.css\" rel=\"stylesheet\" type=\"text/css\"/>\\n\\n    </head>\\n\\n    <body>\\n    \\n        <div class=\"container\">\\n            <div class=\"square\">\\n            <div class=\"mask\">\\n                <div class=\"left\">\\n                <img src=\"https://static.arxiv.org/static/browse/0.3.4/images/arxiv-logo-one-color-white.svg\" alt=\"arxiv logo\">\\n                </div>\\n                <h2 class=\"right\">[2208.13511]</h2>\\n            </div>\\n            <div class=\"h1\">Galaxies with Fuzzy Dark Matter</div>\\n            <ul id=\"links\">\\n                \\n                        <li><div class=\"auth\">Jae-Weon Lee</div></li>\\n                \\n            </ul>\\n            <p>This is a brief review on some properties of galaxies in the fuzzy dark\\nmatter model, where dark matter is an ultra-light scalar particle with mass $m\\n= O(10^{-22})eV$. From quantum pressure, dark matter has a halo length scale\\nwhich can solve the small scale issues of the cold dark matter model, such as\\nthe core-cusp problem, and explain many other observed mysteries of galaxies.</p>\\n\\n            <!-- <ul id=\"urllinks\">\\n                <li>\\n                <a href=\"http://arxiv.org/pdf/2208.13511v1\" target=\"_\" class=\"button\">Article</a>\\n                </li>\\n                <li>\\n                <a href=\"http://arxiv.org/abs/2208.13511v1\" target=\"_\" class=\"button\">Abstract</a>\\n                </li>\\n            </ul> -->\\n            </div>\\n        </div>\\n    \\n    </body>'"
+      ]
+     },
+     "execution_count": 7,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "card_template.rendered_html"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 9,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "    <head>\n",
+      "        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n",
+      "        <link href=\"csscard.css\" rel=\"stylesheet\" type=\"text/css\"/>\n",
+      "\n",
+      "    </head>\n",
+      "\n",
+      "    <body>\n",
+      "    \n",
+      "        <div class=\"container\">\n",
+      "            <div class=\"square\">\n",
+      "            <div class=\"mask\">\n",
+      "                <div class=\"left\">\n",
+      "                <img src=\"https://static.arxiv.org/static/browse/0.3.4/images/arxiv-logo-one-color-white.svg\" alt=\"arxiv logo\">\n",
+      "                </div>\n",
+      "                <h2 class=\"right\">[2208.13511]</h2>\n",
+      "            </div>\n",
+      "            <div class=\"h1\">Galaxies with Fuzzy Dark Matter</div>\n",
+      "            <ul id=\"links\">\n",
+      "                \n",
+      "                        <li><div class=\"auth\">Jae-Weon Lee</div></li>\n",
+      "                \n",
+      "            </ul>\n",
+      "            <p>This is a brief review on some properties of galaxies in the fuzzy dark\n",
+      "matter model, where dark matter is an ultra-light scalar particle with mass $m\n",
+      "= O(10^{-22})eV$. From quantum pressure, dark matter has a halo length scale\n",
+      "which can solve the small scale issues of the cold dark matter model, such as\n",
+      "the core-cusp problem, and explain many other observed mysteries of galaxies.</p>\n",
+      "\n",
+      "            <!-- <ul id=\"urllinks\">\n",
+      "                <li>\n",
+      "                <a href=\"http://arxiv.org/pdf/2208.13511v1\" target=\"_\" class=\"button\">Article</a>\n",
+      "                </li>\n",
+      "                <li>\n",
+      "                <a href=\"http://arxiv.org/abs/2208.13511v1\" target=\"_\" class=\"button\">Abstract</a>\n",
+      "                </li>\n",
+      "            </ul> -->\n",
+      "            </div>\n",
+      "        </div>\n",
+      "    \n",
+      "    </body>\n"
+     ]
+    }
+   ],
+   "source": [
+    "print(card_template.rendered_html)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 94,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "html = \"\"\"<head>\n",
+    "        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n",
+    "        \n",
+    "        <style>\n",
+    "        @import url(\"https://fonts.googleapis.com/css?family=Merriweather|Open+Sans\");\n",
+    "\n",
+    ".container {\n",
+    "  display: flex;\n",
+    "  justify-content: center;\n",
+    "  padding: 80px;\n",
+    "}\n",
+    "\n",
+    "ul {\n",
+    "  list-style-type: none;\n",
+    "  display: flex;\n",
+    "  float: none;\n",
+    "  justify-content: center;\n",
+    "  align-items: center;\n",
+    "}\n",
+    "\n",
+    "#urllinks li {\n",
+    "  padding: 0px 30px 5px 5px;\n",
+    "}\n",
+    "\n",
+    ".square {\n",
+    "  width: 700px;\n",
+    "  background: white;\n",
+    "  border-radius: 4px;\n",
+    "  box-shadow: 0px 20px 50px #d9dbdf;\n",
+    "}\n",
+    "\n",
+    ".mask {\n",
+    "  width: 700px;\n",
+    "  height: 65px;\n",
+    "  clip: rect(0px, 700px, 150px, 0px);\n",
+    "  border-radius: 4px;\n",
+    "  position: absolute;\n",
+    "  background-color: #b31b1b;\n",
+    "  display: flex;\n",
+    "}\n",
+    "\n",
+    ".mask .left,\n",
+    ".mask .right {\n",
+    "  flex: 1;\n",
+    "}\n",
+    "\n",
+    "img {\n",
+    "  position: absolute;\n",
+    "  width: 60px;\n",
+    "  padding: 20px 30px;\n",
+    "}\n",
+    "\n",
+    ".h1 {\n",
+    "  margin: auto;\n",
+    "  text-align: left;\n",
+    "  margin-top: 90px;\n",
+    "  padding-left: 30px;\n",
+    "  font-family: \"Merriweather\", serif;\n",
+    "  font-size: 22px;\n",
+    "}\n",
+    "\n",
+    "h2 {\n",
+    "  color: white;\n",
+    "  text-align: center;\n",
+    "  font-size: 14px;\n",
+    "  padding: 10px 0px;\n",
+    "  font-family: \"Open Sans\", sans-serif;\n",
+    "  font-weight: 400;\n",
+    "}\n",
+    "\n",
+    "p {\n",
+    "  text-align: justify;\n",
+    "  padding-left: 30px;\n",
+    "  padding-right: 30px;\n",
+    "  font-family: \"Open Sans\", sans-serif;\n",
+    "  font-size: 12px;\n",
+    "  color: #949494;\n",
+    "  line-height: 18px;\n",
+    "}\n",
+    "\n",
+    ".auth {\n",
+    "  text-align: justify;\n",
+    "  padding-left: 0px;\n",
+    "  padding-right: 20px;\n",
+    "  font-family: \"Open Sans\", sans-serif;\n",
+    "  font-size: 14px;\n",
+    "  line-height: 18px;\n",
+    "}\n",
+    "\n",
+    ".button {\n",
+    "  background-color: #b31b1b;\n",
+    "  color: white;\n",
+    "  width: 150px;\n",
+    "  padding: 10px 10px;\n",
+    "  border-radius: 3px;\n",
+    "  text-align: center;\n",
+    "  text-decoration: none;\n",
+    "  display: block;\n",
+    "  margin-top: 20px;\n",
+    "  margin-left: 20px;\n",
+    "  margin-right: 20px;\n",
+    "  font-size: 12px;\n",
+    "  cursor: pointer;\n",
+    "  font-family: \"merriweather\";\n",
+    "}\n",
+    "\n",
+    "        </style>\n",
+    "\n",
+    "\n",
+    "    </head>\n",
+    "\n",
+    "    <body>\n",
+    "    \n",
+    "        <div class=\"container\">\n",
+    "            <div class=\"square\">\n",
+    "            <div class=\"mask\">\n",
+    "                <h2 class=\"left\">\n",
+    "                <img src=\"https://static.arxiv.org/static/browse/0.3.4/images/arxiv-logo-one-color-white.svg\" alt=\"arxiv logo\">\n",
+    "                </h2>\n",
+    "                <h2 class=\"right\">http://arxiv.org/abs/2208.14178v1</h2>\n",
+    "            </div>\n",
+    "            <div class=\"h1\">Observational Signatures of Galactic Turbulent Dynamos</div>\n",
+    "            <ul id=\"links\">\n",
+    "                \n",
+    "                        <li><div class=\"auth\">Yann Carteret</div></li>\n",
+    "                \n",
+    "                        <li><div class=\"auth\">Abhijit B. Bendre</div></li>\n",
+    "                \n",
+    "                        <li><div class=\"auth\">Jennifer Schober</div></li>\n",
+    "                \n",
+    "            </ul>\n",
+    "            <p>We analyse the observational signatures of galactic magnetic fields that are\n",
+    "self-consistently generated in magnetohydrodynamic simulations of the\n",
+    "interstellar medium through turbulence driven by supernova (SN) explosions and\n",
+    "differential rotation. In particular, we study the time evolution of the\n",
+    "Faraday rotation measure (RM), synchrotron radiation, and Stokes parameters by\n",
+    "characterising the typical structures formed in the plane of observation. We do\n",
+    "this by defining two distinct models for both thermal and cosmic ray (CR)\n",
+    "electron distributions. Our results indicate that the maps of RM have\n",
+    "structures which are sheared and rendered anisotropically by differential\n",
+    "rotation and that they depend on the choice of thermal electrons model as well\n",
+    "as the SN rate. Synchrotron maps are qualitatively similar to the maps of the\n",
+    "mean magnetic field along the line of sight and structures are only marginally\n",
+    "affected by the CR model. Stokes parameters and related quantities, such as the\n",
+    "degree of linear polarisation, are highly dependent on both frequency and\n",
+    "resolution of the observation.</p>\n",
+    "\n",
+    "            <!-- <ul id=\"urllinks\">\n",
+    "                <li>\n",
+    "                <a href=\"http://arxiv.org/pdf/2208.14178v1\" target=\"_\" class=\"button\">Article</a>\n",
+    "                </li>\n",
+    "                <li>\n",
+    "                <a href=\"http://arxiv.org/abs/2208.14178v1\" target=\"_\" class=\"button\">Abstract</a>\n",
+    "                </li>\n",
+    "            </ul> -->\n",
+    "            </div>\n",
+    "        </div>\n",
+    "    \n",
+    "    </body>\"\"\""
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 95,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import gradio as gr\n",
+    "\n",
+    "def text_analysis(text):\n",
+    "    return html\n",
+    "\n",
+    "\n",
+    "# demo = gr.Interface(\n",
+    "#     text_analysis,\n",
+    "#     gr.Textbox(placeholder=\"Enter sentence here...\"),\n",
+    "#     gr.HTML(),\n",
+    "#     examples=[\n",
+    "#         [\"What a beautiful morning for a walk!\"],\n",
+    "#         [\"It was the best of times, it was the worst of times.\"],\n",
+    "#     ],\n",
+    "# )\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 96,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stderr",
+     "output_type": "stream",
+     "text": [
+      "/Users/eliott/Desktop/arxiv-cards/venv/lib/python3.10/site-packages/gradio/inputs.py:26: UserWarning: Usage of gradio.inputs is deprecated, and will not be supported in the future, please import your component from gradio.components\n",
+      "  warnings.warn(\n",
+      "/Users/eliott/Desktop/arxiv-cards/venv/lib/python3.10/site-packages/gradio/deprecation.py:40: UserWarning: `optional` parameter is deprecated, and it has no effect\n",
+      "  warnings.warn(value)\n",
+      "/Users/eliott/Desktop/arxiv-cards/venv/lib/python3.10/site-packages/gradio/deprecation.py:40: UserWarning: `numeric` parameter is deprecated, and it has no effect\n",
+      "  warnings.warn(value)\n",
+      "/Users/eliott/Desktop/arxiv-cards/venv/lib/python3.10/site-packages/gradio/deprecation.py:40: UserWarning: The 'type' parameter has been deprecated. Use the Number component instead.\n",
+      "  warnings.warn(value)\n"
+     ]
+    },
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "Running on local URL:  http://127.0.0.1:7866/\n",
+      "\n",
+      "To create a public link, set `share=True` in `launch()`.\n"
+     ]
+    },
+    {
+     "data": {
+      "text/html": [
+       "<div><iframe src=\"http://127.0.0.1:7866/\" width=\"900\" height=\"500\" allow=\"autoplay; camera; microphone;\" frameborder=\"0\" allowfullscreen></iframe></div>"
+      ],
+      "text/plain": [
+       "<IPython.core.display.HTML object>"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    },
+    {
+     "data": {
+      "text/plain": [
+       "(<gradio.routes.App at 0x133347cd0>, 'http://127.0.0.1:7866/', None)"
+      ]
+     },
+     "execution_count": 96,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "demo = gr.Blocks()\n",
+    "with demo:\n",
+    "    with gr.Row():\n",
+    "        text = gr.inputs.Textbox()\n",
+    "    with gr.Row():\n",
+    "        button = gr.Button(\"Generate reviews !\")\n",
+    "    with gr.Row():\n",
+    "        card = gr.HTML()\n",
+    "\n",
+    "    button.click(\n",
+    "        fn=text_analysis,\n",
+    "        inputs=[text],\n",
+    "        outputs=[card]\n",
+    "    )\n",
+    "\n",
+    "demo.launch()"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": []
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 3.10.6 ('venv': venv)",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.10.6"
+  },
+  "orig_nbformat": 4,
+  "vscode": {
+   "interpreter": {
+    "hash": "ae98d664624800dd4d9fc88411f6d5cdeab1df903964a5ddc213cbd271aad7df"
+   }
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}