Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -3,8 +3,7 @@ import os
|
|
| 3 |
import sys
|
| 4 |
|
| 5 |
|
| 6 |
-
HTML_TEMPLATE = '''
|
| 7 |
-
<!DOCTYPE html>
|
| 8 |
<html>
|
| 9 |
<head>
|
| 10 |
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
|
@@ -15,22 +14,23 @@ HTML_TEMPLATE = '''
|
|
| 15 |
position: relative;
|
| 16 |
mx-auto:0
|
| 17 |
}
|
|
|
|
|
|
|
|
|
|
| 18 |
</style>
|
| 19 |
<script src="http://3Dmol.csb.pitt.edu/build/3Dmol-min.js""></script>
|
| 20 |
</head>
|
| 21 |
|
| 22 |
<body>
|
| 23 |
-
<h1>Result:</h1>
|
| 24 |
<div id="container" class="mol-container"></div>
|
| 25 |
<script>
|
| 26 |
-
$(function() {
|
| 27 |
-
let element = $(
|
| 28 |
-
let config = { backgroundColor:
|
| 29 |
let viewer = $3Dmol.createViewer( element, config );
|
| 30 |
-
viewer.addSphere({ center: {x:0, y:0, z:0}, radius: 10.0, color:
|
| 31 |
viewer.zoomTo();
|
| 32 |
viewer.render();
|
| 33 |
-
viewer.zoom(0.8, 2000);
|
| 34 |
});
|
| 35 |
</script>
|
| 36 |
</body>
|
|
|
|
| 3 |
import sys
|
| 4 |
|
| 5 |
|
| 6 |
+
HTML_TEMPLATE = '''<!DOCTYPE html>
|
|
|
|
| 7 |
<html>
|
| 8 |
<head>
|
| 9 |
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
|
|
|
| 14 |
position: relative;
|
| 15 |
mx-auto:0
|
| 16 |
}
|
| 17 |
+
.mol-container select{
|
| 18 |
+
background-image:None;
|
| 19 |
+
}
|
| 20 |
</style>
|
| 21 |
<script src="http://3Dmol.csb.pitt.edu/build/3Dmol-min.js""></script>
|
| 22 |
</head>
|
| 23 |
|
| 24 |
<body>
|
|
|
|
| 25 |
<div id="container" class="mol-container"></div>
|
| 26 |
<script>
|
| 27 |
+
$(document).ready(function() {
|
| 28 |
+
let element = $("#container");
|
| 29 |
+
let config = { backgroundColor: "orange" };
|
| 30 |
let viewer = $3Dmol.createViewer( element, config );
|
| 31 |
+
viewer.addSphere({ center: {x:0, y:0, z:0}, radius: 10.0, color: "green" });
|
| 32 |
viewer.zoomTo();
|
| 33 |
viewer.render();
|
|
|
|
| 34 |
});
|
| 35 |
</script>
|
| 36 |
</body>
|