Deploy ALFABET to HF Spaces

bde_prediction/bde_flask/templates/neighbor.html

@@ -3,7 +3,7 @@
 {% block content %}
 <h2 id="smiles-title">{{ smiles }}</h2>
 
-<div id='drawing'>{{ bde_row['svg'] }}</div>
+<div id='drawing'>{{ bde_row['svg'] | safe}}</div>
 
 <div id='bde_reg'>
 	<p>
@@ -17,7 +17,7 @@
 <div id='frags' class="row">
 	{% for key,value in neighbor_df.iterrows() %}
 	<div class="col-sm-6 col-md-6 media fragment">
-		<div class='media-left'>{{ value['svg'] }}</div>
+		<div class='media-left'>{{ value['svg'] | safe}}</div>
 		<div class="media-body">
 			<h4 class='media-heading'>{{ value['molecule'] }}</h4>
 			<strong>BDE(DFT):</strong><em> {{ '{0:0.1f}'.format(value['bde']) }} kcal/mol</em><br/>

bde_prediction/bde_flask/templates/outlier.html

@@ -6,7 +6,7 @@
 <h3>Molecule out of scope</h3>
 <p>Unfortunately, the tool currently only supports uncharged, closed-shell molecules with C, H, N, O, F, P, S, Cl, Br, and I atoms, and where we have sufficient training data. The following parts of the molecule are unsupported due to a lack of training data:</p>
 
-<div id='drawing'>{{ mol_svg }}</div>
+<div id='drawing'>{{ mol_svg | safe}}</div>
 
 
 {% endblock %}

bde_prediction/bde_flask/templates/result.html

@@ -14,7 +14,7 @@
 <div id='frags' class="row">
 	{% for key,value in df.iterrows() %}
 	<div class="col-sm-6 col-md-6 media fragment">
-		<div class='media-left'>{{ value['svg'] }}</div>
+		<div class='media-left'>{{ value['svg'] | safe }}</div>
 		<div class="media-body">
 			<h4 class='media-heading'>Bond {{ key + 1 }}</h4>
 			<strong>Bond Type:</strong> {{ value['bond_type'] }}<br/>