summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorSnehalatha Kaliappan2022-06-09 12:33:08 +0530
committerSnehalatha Kaliappan2022-06-09 12:33:08 +0530
commit7cc7cee08d970e3249f3038a4dfd386075d4774b (patch)
tree5c9f66386f45ebb4dcfca986ef77083075702938
parent45552d87a6569bb8832517c9cee630f11456ced4 (diff)
downloadsoul_jsmol-7cc7cee08d970e3249f3038a4dfd386075d4774b.tar.gz
soul_jsmol-7cc7cee08d970e3249f3038a4dfd386075d4774b.tar.bz2
soul_jsmol-7cc7cee08d970e3249f3038a4dfd386075d4774b.zip
Added first version of dimethyl cyclohexane conformations.
-rw-r--r--Dimethylcyclohexane-1.html195
-rw-r--r--resources/cis12DMCH.mol53
-rw-r--r--resources/cis13DMCH.mol53
-rw-r--r--resources/cis14DMCH.mol53
4 files changed, 354 insertions, 0 deletions
diff --git a/Dimethylcyclohexane-1.html b/Dimethylcyclohexane-1.html
new file mode 100644
index 0000000..b127f58
--- /dev/null
+++ b/Dimethylcyclohexane-1.html
@@ -0,0 +1,195 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no" name="viewport">
+ <link rel="stylesheet" href="files/bootstrap.css">
+ <link rel="stylesheet" href="files/light-bootstrap-dashboard.css">
+ <link rel="stylesheet" href="files/styleTemplate.css">
+ <link rel="stylesheet" href="files/resources.css">
+ <title>Conformations of Disubstituted Cyclohexanes</title>
+ <script src="jmol-14.32.35/jsmol/JSmol.min.js"></script>
+ <script src="jmol-14.32.35/jsmol/js/Jmol2.js"></script>
+ <script>jmolInitialize("jmol-14.32.35/jsmol");</script>
+ <style>
+ #structures {
+ border-right: 2px solid #01579b;
+ height: 100vh;
+ overflow: scroll;
+ scroll-behavior: smooth;
+ }
+ #structure_content {
+ /* border: 1px solid green; */
+ height: 100vh;
+ overflow: scroll;
+ scroll-behavior: smooth;
+ }
+ html {
+ scroll-behavior: smooth!important;
+ }
+ .desc{
+ border-bottom: 2px solid rgba(0,0,0,0.5);
+ padding-bottom: 16px;
+ margin-bottom: 16px;
+ }
+ </style>
+ </head>
+ <body>
+ <div class="wrapper res-wrapper">
+ <div class="main-panel">
+ <div class="content">
+ <div class="container-fluid">
+ <div class="row">
+ <div class="col-12">
+ <div class="res-card">
+ <div class="res-card-header">
+ <div>
+ <h3 class="res-topic-card"><span>Conformations of Disubstituted Cyclohexanes</span></h3>
+ <h3>Jmol</h3>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-5 py-2" id="structures">
+ <div>
+ <p><b>Note</b> : 3D models are created using Jmol Application version 14.31.32. To use the models interactively, place the mouse over the model, hold the left mouse button, move the mouse to rotate the model and view the model from all angles. Right-click to open the context-menu and explore the features to measure the bond-length, bond-angle, dihedral angle, change style, color of atoms bonds and many more features listed.</p>
+ </div>
+ <div class="p-2 desc" id="s1">
+ <p><a href="#d1">Structure 1 (cis12DMCH.mol)</a></p>
+ <div>
+ <script>let a_myJmol = jmolApplet(400,"load resources/cis12DMCH.mol","0");</script>
+ </div>
+ <div>
+ <script>
+ Jmol.jmolRadioGroup(a_myJmol, [
+ ["spacefill 23%", "spacefill 23%", "checked"],
+ ["invertselected @1", "trans ee"],
+ ["invertselected @1; invertselected @2", "trans aa"],
+ ["set bondmode OR;select atomno=7, atomno=12, atomno=16, atomno=10, atomno=13, atomno=18; color bonds yellow; select atomno=19, atomno=20, atomno=21, atomno=22, atomno=23,atomno=24; color bonds white" , " color axial bonds"],
+ ["set bondmode OR; select atomno=8, atomno=9, atomno=11, atomno=14, atomno=15, atomno=17; color bonds cyan;" , "color equatorial bonds"]
+ ]);
+ </script>
+ <span>&nbsp;&nbsp;</span>
+ <script type="text/javascript">Jmol.jmolCheckbox(a_myJmol, "spin on", "spin off", "spin");</script>
+ <span>&nbsp;&nbsp;</span>
+ <script type="text/javascript">Jmol.jmolCheckbox(a_myJmol, "draw plane1 400 (atomno=2)(atomno=4)(atomno=6)", "draw off", "show plane");</script>
+ <span>&nbsp;&nbsp;</span>
+ <script type="text/javascript">Jmol.jmolCheckbox(a_myJmol, "background black", "background white", "background");</script>
+ <span>&nbsp;&nbsp;</span>
+ <script type="text/javascript">Jmol.jmolCheckbox(a_myJmol, "label on: color label red", "label off", "label");</script>
+ <span>&nbsp;&nbsp;</span>
+ <script>Jmol.jmolButton(a_myJmol, "invertselected @2; select all; color bonds grey", "Reset to original orientation");</script>
+ <span>&nbsp;&nbsp;</span>
+ <script>Jmol.jmolButton(a_myJmol, "invertselected @1; invertselected @2; delay 1; loop 2;", "cis meso animation");</script>
+ <script>Jmol.jmolButton(a_myJmol, "quit", "animation off");</script>
+ </div>
+ <div>
+ </div>
+ </div>
+ <div class="p-2 desc" id="s2">
+ <p><a href="#d2">Structure 2 (cis13DMCH.mol)</a></p>
+ <div>
+ <script>let b_myJmol = jmolApplet(400,"load resources/cis13DMCH.mol","1");</script>
+ </div>
+ <div>
+ <script>
+ Jmol.jmolRadioGroup(b_myJmol, [
+ ["spacefill 23%", "spacefill 23%", "checked"],
+ ["invertselected @1; invertselected @3", "cis ee"],
+ ["invertselected @1", "trans ae"],
+ ["set bondmode OR; select atomno=7, atomno=11, atomno=16, atomno=10, atomno=13, atomno=18; color bonds yellow; select atomno=19, atomno=20, atomno=21; color bonds white" , "show axial bonds"],
+ ["set bondmode OR; select atomno=8, atomno=9, atomno=12, atomno=14, atomno=15, atomno=17; color bonds cyan; select atomno=22, atomno=23, atomno=24; color bonds white" , "show equatorial bonds"]
+ ]);
+ </script>
+ <span>&nbsp;&nbsp;</span>
+ <script type="text/javascript">Jmol.jmolCheckbox(b_myJmol, "spin on", "spin off", "spin");</script>
+ <span>&nbsp;&nbsp;</span>
+ <script type="text/javascript">Jmol.jmolCheckbox(b_myJmol, "draw plane1 400 (atomno=2)(atomno=4)(atomno=6)", "draw off", "show plane");</script>
+ <span>&nbsp;&nbsp;</span>
+ <script type="text/javascript">Jmol.jmolCheckbox(b_myJmol, "label on; color label red", "label off", "label");</script>
+ <span>&nbsp;&nbsp;</span>
+ <script type="text/javascript">Jmol.jmolCheckbox(b_myJmol, "background black", "background white", "background");</script>
+ <span>&nbsp;&nbsp;</span>
+ <script>Jmol.jmolButton(b_myJmol, "invertselected @3; select all; color bonds grey", "Reset to original orientation");</script>
+ </div>
+ </div>
+ <div class="p-2 desc" id="s3">
+ <p><a href="#d3">Structure 3 (cis14DMCH.mol)</a></p>
+ <div>
+ <script>let c_myJmol = jmolApplet(400,"load resources/cis14DMCH.mol","2");</script>
+ </div>
+ <div>
+ <script>
+ Jmol.jmolRadioGroup(c_myJmol, [
+ ["spacefill 23%" , "spacefill 23%", "checked"],
+ ["invertselected @1", "trans ee"],
+ ["invertselected @1; invertselected @4;", "trans aa"],
+ ["set bondmode OR; select atomno=7, atomno=12, atomno=16, atomno=9, atomno=14, atomno=18; color bonds yellow; select atomno=19, atomno=20, atomno=21, atomno=22, atomno=23, atomno=24; color bonds white" , "show axial bonds"],
+ ["set bondmode OR; select atomno=8, atomno=10, atomno=11, atomno=13, atomno=15, atomno=17; color bonds cyan;" , "show equatorial bonds"]
+ ]);
+ </script>
+ <span>&nbsp;&nbsp;</span>
+ <script type="text/javascript">Jmol.jmolCheckbox(c_myJmol, "spin on", "spin off", "spin");</script>
+ <span>&nbsp;&nbsp;</span>
+ <script type="text/javascript">Jmol.jmolCheckbox(c_myJmol, "draw plane1 400 (atomno=2)(atomno=4)(atomno=6)", "draw off", "show plane");</script>
+ <script type="text/javascript">Jmol.jmolCheckbox(c_myJmol, "draw pointgroup", "draw off", "show symmetry");</script>
+ <span>&nbsp;&nbsp;</span>
+ <script type="text/javascript">Jmol.jmolCheckbox(c_myJmol, "label on; color label red", "label off", "label");</script>
+ <span>&nbsp;&nbsp;</span>
+ <script type="text/javascript">Jmol.jmolCheckbox(c_myJmol, "background black", "background white", "background");</script>
+ <span>&nbsp;&nbsp;</span>
+ <script>Jmol.jmolButton(c_myJmol, "invertselected @ 4; select all; color bonds grey", "Reset to original orientation");</script>
+ </div>
+ </div>
+ </div>
+ <div class="col-7 py-2" id="structure_content">
+ <div style="margin-top:100px;" id="d1">
+ <p>
+ <a href="#s1">Structure 1 (cis12DMCH.mol)</a>
+ Dimethylcyclohexanes (1,2-, 1,3-, and 1,4-) exist as cis and trans isomers. Due to steric factor one isomer is preferred over the other. The chemical reactivity of these compounds also differ due to the different sterochemistry of the groups in the molecules. cis 1,2 dimethylcyclohexane has one methyl group in equatorial position and one methyl in axial position (a,e). The axial methyl group creates 1,3 diaxial steric interactions, this makes it unstable. The rapid interconversion of both forms of cis isomer (a,e and e,a) creates a meso form. Hence cis 1,2-dimethylcyclohexane is achiral. The trans 1,2 dimethylcyclohexane, one chair conformer has both methyl groups axial (a,a) and the other conformer has both methyl groups equatorial (e,e). The most stable conformer is the one which has both the methyl groups in the equatorial position (e,e). Both the trans forms, a,a and e,e are chiral. Each axial methyl group contributes about 1.74 kcal/mol towards steric energy of the molecule, therefore the enegy of trans a,a conformer is about 3.48 kcal/mol. The trans e,e conformer has two methyls gauche to each other, the steric energy therefore will be that of gauche butane, 0.74 kcal/mol. Therefore The trans e,e conformer has (3.48-0.74 = 2.74) 2.74 kcal/mol less steric energy than a,a isomer.
+ </p>
+ </div>
+ <div style="margin-top:100px;" id="d2">
+ <p>
+ <a href="#s2">Structure 2 (cis13DMCH.mol)</a>
+ The cis and trans isomers of 1,3-dimethylcyclohexane exist in single conformations. For the trans isomer with one axial and one equatorial methyl groups (a,e) the two possible conformations (a,e and e,a) are supeposable. The cis isomer can exist in two conformations, one with both methyl groups axial (a,a) and the other with both methyl groups equatorial (e,e). Due to two synaxial methyl groups the a,a conformer is very unstable. Hence predominantly it exists in e,e conformation. The cis 1,3-dimethylcyclohexane e,e is achiral. The trans isomer is chiral.
+ </p>
+ </div>
+ <div style="margin-top:100px;" id="d3">
+ <p>
+ <a href="#s3">Structure 3 (cis14DMCH.mol)</a>
+ The cis and trans isomes of 1,4-dimethylcyclohexane are achiral. They have mirror plane symmetry. For the cis isomer one methyl is axial and another is equatorial (a,e). The two conformers are indistinguishable, in equimolar proportion and are superposable. The trans isomer consists of two conformers, less abuntant (0.3%) a,a where both the methyl groups are axial and more predominant (99.7%) e,e, both the methyls are equatorial. Each axial methyl group contributes to about 1.74 kcal/mol towards steric energy of the molecule, therefore the enegy level of a,a isomer is about 3.48 kcal/mol more than the e,e conformer.
+ </p>
+ </div>
+ </div>
+ </div>
+ <hr>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- COMMON CODE FOR LIBRARY ADDED -->
+ <div>
+ <!-- Core JS Files -->
+ <script src="files/popper.js" type="text/javascript"></script>
+ <!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
+ <script src="files/bootstrap-switch.js"></script>
+ <!-- Chartist Plugin -->
+ <script src="files/chartist.js"></script>
+ <!-- Notifications Plugin -->
+ <script src="files/bootstrap-notify.js"></script>
+ <!-- Control Center for Light Bootstrap Dashboard: scripts for the example pages etc -->
+ <script src="files/light-bootstrap-dashboard.js" type="text/javascript"></script>
+ <!-- Light Bootstrap Dashboard DEMO methods, don't include it in your project! -->
+ <script src="files/demo.js"></script>
+ <script src="files/datatables.js"></script>
+ <script src="files/ajaxPoperty.js"></script>
+ <script src="files/bootstrap.js"></script>
+ </div>
+ </body>
+</html>, atomno=20, atomno=21; color bonds white
diff --git a/resources/cis12DMCH.mol b/resources/cis12DMCH.mol
new file mode 100644
index 0000000..ba21d74
--- /dev/null
+++ b/resources/cis12DMCH.mol
@@ -0,0 +1,53 @@
+https://cactus.nci.nih.gov/chemical/structure/cyclohexane/file?format=sdf&get...
+__Jmol-14_06082210563D 1 1.00000 0.00000 0
+Jmol version 14.31.32 2021-02-06 23:16 EXTRACT: ({0:23})
+ 24 24 0 0 0 0 999 V2000
+ 0.8548 0.4191 -1.1254 C 0 0 1 0 0 0
+ 1.4475 -0.1681 0.1813 C 0 0 1 0 0 0
+ 0.5334 0.0885 1.3896 C 0 0 1 0 0 0
+ -0.8913 -0.4027 1.1491 C 0 0 1 0 0 0
+ -1.4847 0.1401 -0.1473 C 0 0 1 0 0 0
+ -0.5686 -0.1178 -1.3419 C 0 0 1 0 0 0
+ 0.8619 1.9587 -1.1736 C 0 0 0 0 0 0
+ 1.4669 0.0758 -1.9624 H 0 0 0 0 0 0
+ 1.5169 -1.2581 0.0458 H 0 0 0 0 0 0
+ 2.8662 0.3291 0.4672 C 0 0 0 0 0 0
+ 0.9372 -0.4159 2.2775 H 0 0 0 0 0 0
+ 0.5115 1.1542 1.6326 H 0 0 0 0 0 0
+ -0.8911 -1.4995 1.1099 H 0 0 0 0 0 0
+ -1.5270 -0.1234 1.9912 H 0 0 0 0 0 0
+ -2.4575 -0.3230 -0.3254 H 0 0 0 0 0 0
+ -1.6722 1.2172 -0.0424 H 0 0 0 0 0 0
+ -1.0086 0.3183 -2.2426 H 0 0 0 0 0 0
+ -0.5184 -1.2010 -1.5218 H 0 0 0 0 0 0
+ 0.4051 2.3183 -2.0975 H 0 0 0 0 0 0
+ 1.8851 2.3512 -1.1543 H 0 0 0 0 0 0
+ 0.3208 2.4101 -0.3400 H 0 0 0 0 0 0
+ 3.5226 0.1621 -0.3947 H 0 0 0 0 0 0
+ 3.2982 -0.2023 1.3176 H 0 0 0 0 0 0
+ 2.8878 1.3990 0.7084 H 0 0 0 0 0 0
+ 1 2 1 0 0 0
+ 2 3 1 0 0 0
+ 3 4 1 0 0 0
+ 4 5 1 0 0 0
+ 5 6 1 0 0 0
+ 1 6 1 0 0 0
+ 1 7 1 0 0 0
+ 1 8 1 0 0 0
+ 2 9 1 0 0 0
+ 2 10 1 0 0 0
+ 3 11 1 0 0 0
+ 3 12 1 0 0 0
+ 4 13 1 0 0 0
+ 4 14 1 0 0 0
+ 5 15 1 0 0 0
+ 5 16 1 0 0 0
+ 6 17 1 0 0 0
+ 6 18 1 0 0 0
+ 19 7 1 0 0 0
+ 20 7 1 0 0 0
+ 21 7 1 0 0 0
+ 22 10 1 0 0 0
+ 23 10 1 0 0 0
+ 24 10 1 0 0 0
+M END
diff --git a/resources/cis13DMCH.mol b/resources/cis13DMCH.mol
new file mode 100644
index 0000000..5763bd1
--- /dev/null
+++ b/resources/cis13DMCH.mol
@@ -0,0 +1,53 @@
+https://cactus.nci.nih.gov/chemical/structure/cyclohexane/file?format=sdf&get...
+__Jmol-14_06082211033D 1 1.00000 0.00000 0
+Jmol version 14.31.32 2021-02-06 23:16 EXTRACT: ({0:23})
+ 24 24 0 0 0 0 999 V2000
+ 0.9746 0.3927 -1.0645 C 0 0 1 0 0 0
+ 1.4191 -0.1503 0.3027 C 0 0 1 0 0 0
+ 0.4032 0.0030 1.4480 C 0 0 1 0 0 0
+ -0.9922 -0.4674 1.0167 C 0 0 1 0 0 0
+ -1.4507 0.1426 -0.3031 C 0 0 1 0 0 0
+ -0.4392 -0.0844 -1.4237 C 0 0 1 0 0 0
+ 1.1107 1.9143 -1.1850 C 0 0 0 0 0 0
+ 1.6620 -0.0254 -1.8138 H 0 0 0 0 0 0
+ 1.6119 -1.2247 0.1802 H 0 0 0 0 0 0
+ 2.3857 0.2820 0.5901 H 0 0 0 0 0 0
+ 0.7355 -0.6564 2.2601 H 0 0 0 0 0 0
+ 0.3749 1.4131 2.0433 C 0 0 0 0 0 0
+ -0.9809 -1.5549 0.9113 H 0 0 0 0 0 0
+ -1.7284 -0.2468 1.8005 H 0 0 0 0 0 0
+ -2.4131 -0.2991 -0.5912 H 0 0 0 0 0 0
+ -1.6376 1.2153 -0.1788 H 0 0 0 0 0 0
+ -0.7866 0.3997 -2.3401 H 0 0 0 0 0 0
+ -0.4018 -1.1600 -1.6432 H 0 0 0 0 0 0
+ 1.0261 2.2204 -2.2340 H 0 0 0 0 0 0
+ 2.0828 2.2560 -0.8226 H 0 0 0 0 0 0
+ 0.3330 2.4577 -0.6407 H 0 0 0 0 0 0
+ 1.3839 1.7784 2.2476 H 0 0 0 0 0 0
+ -0.1715 1.4127 2.9933 H 0 0 0 0 0 0
+ -0.1267 2.1405 1.3986 H 0 0 0 0 0 0
+ 1 2 1 0 0 0
+ 2 3 1 0 0 0
+ 3 4 1 0 0 0
+ 4 5 1 0 0 0
+ 5 6 1 0 0 0
+ 1 6 1 0 0 0
+ 1 7 1 0 0 0
+ 1 8 1 0 0 0
+ 2 9 1 0 0 0
+ 2 10 1 0 0 0
+ 3 11 1 0 0 0
+ 3 12 1 0 0 0
+ 4 13 1 0 0 0
+ 4 14 1 0 0 0
+ 5 15 1 0 0 0
+ 5 16 1 0 0 0
+ 6 17 1 0 0 0
+ 6 18 1 0 0 0
+ 19 7 1 0 0 0
+ 20 7 1 0 0 0
+ 21 7 1 0 0 0
+ 22 12 1 0 0 0
+ 23 12 1 0 0 0
+ 24 12 1 0 0 0
+M END
diff --git a/resources/cis14DMCH.mol b/resources/cis14DMCH.mol
new file mode 100644
index 0000000..4ec2f8e
--- /dev/null
+++ b/resources/cis14DMCH.mol
@@ -0,0 +1,53 @@
+https://cactus.nci.nih.gov/chemical/structure/cyclohexane/file?format=sdf&get...
+__Jmol-14_06082211053D 1 1.00000 0.00000 0
+Jmol version 14.31.32 2021-02-06 23:16 EXTRACT: ({0:23})
+ 24 24 0 0 0 0 999 V2000
+ 1.4114 0.2047 -0.3058 C 0 0 1 0 0 0
+ 0.9595 -0.5324 0.9616 C 0 0 1 0 0 0
+ -0.4258 -0.0946 1.4344 C 0 0 1 0 0 0
+ -1.4804 -0.2111 0.3231 C 0 0 1 0 0 0
+ -1.0323 0.4813 -0.9733 C 0 0 1 0 0 0
+ 0.3618 0.0358 -1.4120 C 0 0 1 0 0 0
+ 1.7101 1.6830 -0.0270 C 0 0 0 0 0 0
+ 2.3451 -0.2536 -0.6507 H 0 0 0 0 0 0
+ 0.9391 -1.6091 0.7601 H 0 0 0 0 0 0
+ 1.6875 -0.3870 1.7668 H 0 0 0 0 0 0
+ -0.7215 -0.7093 2.2913 H 0 0 0 0 0 0
+ -0.3785 0.9343 1.8055 H 0 0 0 0 0 0
+ -1.6242 -1.2751 0.1048 H 0 0 0 0 0 0
+ -2.8193 0.3538 0.7952 C 0 0 0 0 0 0
+ -1.7458 0.2629 -1.7752 H 0 0 0 0 0 0
+ -1.0469 1.5685 -0.8467 H 0 0 0 0 0 0
+ 0.6609 0.5887 -2.3087 H 0 0 0 0 0 0
+ 0.3186 -1.0191 -1.7048 H 0 0 0 0 0 0
+ 2.0665 2.1854 -0.9311 H 0 0 0 0 0 0
+ 2.4859 1.7859 0.7375 H 0 0 0 0 0 0
+ 0.8321 2.2321 0.3251 H 0 0 0 0 0 0
+ -3.1672 -0.1635 1.6945 H 0 0 0 0 0 0
+ -3.5873 0.2364 0.0247 H 0 0 0 0 0 0
+ -2.7423 1.4201 1.0311 H 0 0 0 0 0 0
+ 1 2 1 0 0 0
+ 2 3 1 0 0 0
+ 3 4 1 0 0 0
+ 4 5 1 0 0 0
+ 5 6 1 0 0 0
+ 1 6 1 0 0 0
+ 1 7 1 0 0 0
+ 1 8 1 0 0 0
+ 2 9 1 0 0 0
+ 2 10 1 0 0 0
+ 3 11 1 0 0 0
+ 3 12 1 0 0 0
+ 4 13 1 0 0 0
+ 4 14 1 0 0 0
+ 5 15 1 0 0 0
+ 5 16 1 0 0 0
+ 6 17 1 0 0 0
+ 6 18 1 0 0 0
+ 19 7 1 0 0 0
+ 20 7 1 0 0 0
+ 21 7 1 0 0 0
+ 22 14 1 0 0 0
+ 23 14 1 0 0 0
+ 24 14 1 0 0 0
+M END