Spaces:

igashov
/

DiffLinker

Sleeping

igashov commited on Oct 15, 2022

Commit

4470746

•

1 Parent(s): c11c33a

Update app.py

Files changed (1) hide show

app.py CHANGED Viewed

@@ -3,7 +3,7 @@ import os
 import sys
-HTML_TEMPLATE = '''<!DOCTYPE html>
 <html>
     <head>
         <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
@@ -12,30 +12,29 @@ HTML_TEMPLATE = '''<!DOCTYPE html>
                 width: 600px;
                 height: 600px;
                 position: relative;
-                mx-auto:0
             }
             .mol-container select{
                 background-image:None;
             }
         </style>
-        <script src="http://3Dmol.csb.pitt.edu/build/3Dmol-min.js""></script>
     </head>
     <body>
     <div id="container" class="mol-container"></div>
     <script>
         $(document).ready(function() {
-          let element = $("#container");
-          let config = { backgroundColor: "orange" };
-          let viewer = $3Dmol.createViewer( element, config );
-          viewer.addSphere({ center: {x:0, y:0, z:0}, radius: 10.0, color: "green" });
-          viewer.zoomTo();
-          viewer.render();
         });
     </script>
     </body>
 </html>
-'''
 def generate(input_file):
     try:

 import sys
+HTML_TEMPLATE = """<!DOCTYPE html>
 <html>
     <head>
         <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
                 width: 600px;
                 height: 600px;
                 position: relative;
             }
             .mol-container select{
                 background-image:None;
             }
         </style>
+        <script src="https://3Dmol.csb.pitt.edu/build/3Dmol-min.js"></script>
     </head>
     <body>
     <div id="container" class="mol-container"></div>
     <script>
         $(document).ready(function() {
+            let element = $("#container");
+            let config = { backgroundColor: "orange" };
+            let viewer = $3Dmol.createViewer( element, config );
+            viewer.addSphere({ center: {x:0, y:0, z:0}, radius: 10.0, color: "green" });
+            viewer.zoomTo();
+            viewer.render();
         });
     </script>
     </body>
 </html>
+"""
 def generate(input_file):
     try: