Difference between revisions of "Main Page"

From Jmol
Jump to navigation Jump to search
Line 1: Line 1:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><script async="" src="http://widgets.amung.us/small.js"></script><script async="" src="http://widgets.amung.us/small.js"></script><script async="" src="http://widgets.amung.us/small.js"></script>
+
{|
<p>&nbsp;</p>
+
|-
 
+
| style="vertical-align:top;"| '''Jmol''' is an open-source viewer for three-dimensional chemical structures, with features for chemicals, crystals, materials and biomolecules.
<p>&nbsp;</p>
+
| '''JSmol''' is a fully functional implementation of Jmol that does not require Java and runs in any modern (HTML5) web browser. That includes Firefox, Chrome, Opera, MSIE(9+), and Safari on Apple MacOS and iOS (iPad and iPhone). Performance may be a little slower than Java, but it is amazingly fast for JavaScript.  
 
+
<div style="text-align:center;">
<p><br />
+
See <span style="font-size:1.6em;">[[JSmol]]</span> for more details.
<title></title>
+
</div>
</p>
+
|-
 +
| colspan="2" | Features include reading a variety of file types, including PyMOL session files and output from quantum chemistry programs, file writing (including JPG, PNG, PNGJ (PNG+ZIP), and ZIP formats), and animation of multi-frame files and computed normal modes from quantum programs, surfaces, translucency, full Jmol [{{StOlaf}}docs scripting], and localization in 40+ languages.
 +
|}
  
<p>
+
<div style="margin:0 70px; border:2px dotted #9292FF; padding:0 1ex;">
<style type="text/css">/* CSS reset */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
+
The recommended way to cite Jmol is:
html,body{margin:0;padding:0}
+
:''Jmol: an open-source Java viewer for chemical structures in 3D. http://www.jmol.org/''
table{border-collapse:collapse;border-spacing:0}
+
:''JSmol: an open-source HTML5 viewer for chemical structures in 3D. http://wiki.jmol.org/index.php/JSmol''
fieldset,img{border:0}
 
input{border:1px solid #b0b0b0;padding:3px 5px 4px;color:#979797;width:190px}
 
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
 
ol,ul{list-style:none}
 
caption,th{text-align:left}
 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
 
q:before,q:after{content:''}
 
abbr,acronym{border:0}
 
#unknown{background:#310404;font-family:'BebasNeueRegular';z-index:999999;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:999999}
 
.unknown{background:-webkit-radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7));background:-moz-radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7));background:-ms-radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7));background:radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7));position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:1000}
 
#unknown h2{position:absolute;top:50%;line-height:100px;height:100px;margin-top:-50px;font-size:100px;width:100%;text-align:center;color:transparent;-webkit-animation:blurFadeInOut 3s ease-in backwards;-moz-animation:blurFadeInOut 3s ease-in backwards;-ms-animation:blurFadeInOut 3s ease-in backwards;animation:blurFadeInOut 3s ease-in backwards}
 
#unknown h2.frame-1{-webkit-animation-delay:0s;-moz-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s}
 
#unknown h2.frame-2{-webkit-animation-delay:3s;-moz-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s}
 
#unknown h2.frame-3{-webkit-animation-delay:6s;-moz-animation-delay:6s;-ms-animation-delay:6s;animation-delay:6s}
 
#unknown h2.frame-4{font-size:200px;-webkit-animation-delay:9s;-moz-animation-delay:9s;-ms-animation-delay:9s;animation-delay:9s}
 
#unknown h2.frame-5{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none;color:transparent;text-shadow:0px 0px 1px #fff:margin-top:30px;}
 
#unknown h2.frame-5 span{-webkit-animation:blurFadeIn 3s ease-in 12s backwards;-moz-animation:blurFadeIn 1s ease-in 12s backwards;-ms-animation:blurFadeIn 3s ease-in 12s backwards;animation:blurFadeIn 3s ease-in 12s backwards;color:transparent;text-shadow:0px 0px 1px #fff}
 
#unknown h2.frame-5 span:nth-child(2){-webkit-animation-delay:13s;-moz-animation-delay:13s;-ms-animation-delay:13s;animation-delay:13s}
 
#unknown h2.frame-5 span:nth-child(3){-webkit-animation-delay:14s;-moz-animation-delay:14s;-ms-animation-delay:14s;animation-delay:14s}
 
#unknown h2.frame-5 span:nth-child(4){-webkit-animation-delay:15s;-moz-animation-delay:15s;-ms-animation-delay:15s;animation-delay:15s}
 
#unknown h2.frame-5 span:nth-child(5){-webkit-animation-delay:16s;-moz-animation-delay:16s;-ms-animation-delay:16s;animation-delay:16s}
 
#unknown h2.frame-6 span{-webkit-animation:blurFadeIn 3s ease-in 12s backwards;-moz-animation:blurFadeIn 1s ease-in 19s backwards;-ms-animation:blurFadeIn 3s ease-in 19s backwards;animation:blurFadeIn 3s ease-in 19s backwards;color:#FF0B0A;text-shadow:0px 0px 2px #fff;margin-top:500px;line-height:50px;}
 
#unknown h2.frame-6 span:nth-child(2){-webkit-animation-delay:20s;-moz-animation-delay:20s;-ms-animation-delay:20s;animation-delay:20s;font-size:20px;color:#FFF;}
 
#unknown h2.frame-6 span:nth-child(3){-webkit-animation-delay:20s;-moz-animation-delay:20s;-ms-animation-delay:20s;animation-delay:20s;}
 
#unknown h2.frame-6 span:nth-child(4){-webkit-animation-delay:20s;-moz-animation-delay:20s;-ms-animation-delay:20s;animation-delay:20s;}
 
#unknown h2.frame-6 span:nth-child(5){-webkit-animation-delay:20s;-moz-animation-delay:20s;-ms-animation-delay:20s;animation-delay:20s;font-size:20px;color:#FFF;}
 
  
 +
Remember to always use uppercase 'J', uppercase 'S', lowercase 'mol' ([http://jmol.sourceforge.net/faqs/index.en.html#How%20do%20you%20write%20Jmol? explanation]).
  
.unknown1{position:absolute;width:282px;height:273px;left:50%;top:50%;margin:0;background:none;-webkit-animation:fadeInBack 3.6s linear 14s backwards;-moz-animation:fadeInBack 3.6s linear 14s backwards;-ms-animation:fadeInBack 3.6s linear 14s backwards;animation:fadeInBack 3.6s linear 14s backwards;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);opacity:0.3;-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}
+
If you prefer, a list of articles that describe Jmol can be found in the [[Literature | Jmol Literature]] section.  
.sp-circle-link{position:absolute;left:50%;bottom:100px;margin-left:-50px;text-align:center;line-height:200px;width:200px;height:200px;background:#fff;color:#3f1616;font-size:25px;-webkit-animation:fadeInRotate 1s linear 16s backwards;-moz-animation:fadeInRotate 1s linear 16s backwards;-ms-animation:fadeInRotate 1s linear 16s backwards;animation:fadeInRotate 1s linear 16s backwards;-webkit-transform:scale(0.8) rotate(0deg);-moz-transform:scale(0.8) rotate(0deg);-o-transform:scale(0.8) rotate(0deg);-ms-transform:scale(0.8) rotate(0deg);transform:scale(0.8) rotate(0deg)}
 
.sp-circle-link:hover{background:#85373b;color:#fff}
 
/**/@-webkit-keyframes blurFadeInOut{0%{opacity:0;text-shadow:0px 0px 40px #fff;-webkit-transform:scale(1.3)}
 
20%,75%{opacity:1;text-shadow:0px 0px 1px #fff;-webkit-transform:scale(1)}
 
100%{opacity:0;text-shadow:0px 0px 50px #fff;-webkit-transform:scale(0)}
 
}
 
@-webkit-keyframes blurFadeIn{0%{opacity:0;text-shadow:0px 0px 40px #fff;-webkit-transform:scale(1.3)}
 
50%{opacity:0.5;text-shadow:0px 0px 10px #fff;-webkit-transform:scale(1.1)}
 
100%{opacity:1;text-shadow:0px 0px 1px #fff;-webkit-transform:scale(1)}
 
}
 
@-webkit-keyframes fadeInBack{0%{opacity:0;-webkit-transform:scale(0)}
 
50%{opacity:0.4;-webkit-transform:scale(1)}
 
100%{opacity:0.2;-webkit-transform:scale(2)}
 
}
 
@-webkit-keyframes fadeInRotate{0%{opacity:0;-webkit-transform:scale(0) rotate(360deg)}
 
100%{opacity:1;-webkit-transform:scale(1) rotate(0deg)}
 
}
 
/**/@-moz-keyframes blurFadeInOut{0%{opacity:0;text-shadow:0px 0px 40px #fff;-moz-transform:scale(1.3)}
 
20%,75%{opacity:1;text-shadow:0px 0px 1px #fff;-moz-transform:scale(1)}
 
100%{opacity:0;text-shadow:0px 0px 50px #fff;-moz-transform:scale(0)}
 
}
 
@-moz-keyframes blurFadeIn{0%{opacity:0;text-shadow:0px 0px 40px #fff;-moz-transform:scale(1.3)}
 
100%{opacity:1;text-shadow:0px 0px 1px #fff;-moz-transform:scale(1)}
 
}
 
@-moz-keyframes fadeInBack{0%{opacity:0;-moz-transform:scale(0)}
 
50%{opacity:0.4;-moz-transform:scale(1)}
 
100%{opacity:0.2;-moz-transform:scale(2)}
 
}
 
@-moz-keyframes fadeInRotate{0%{opacity:0;-moz-transform:scale(0) rotate(360deg)}
 
100%{opacity:1;-moz-transform:scale(1) rotate(0deg)}
 
}
 
/**/@keyframes blurFadeInOut{0%{opacity:0;text-shadow:0px 0px 40px #fff;transform:scale(1.3)}
 
20%,75%{opacity:1;text-shadow:0px 0px 1px #fff;transform:scale(1)}
 
100%{opacity:0;text-shadow:0px 0px 50px #fff;transform:scale(0)}
 
}
 
@keyframes blurFadeIn{0%{opacity:0;text-shadow:0px 0px 40px #fff;transform:scale(1.3)}
 
50%{opacity:0.5;text-shadow:0px 0px 10px #fff;transform:scale(1.1)}
 
100%{opacity:1;text-shadow:0px 0px 1px #fff;transform:scale(1)}
 
}
 
@keyframes fadeInBack{0%{opacity:0;transform:scale(0)}
 
50%{opacity:0.4;transform:scale(1)}
 
100%{opacity:0.2;transform:scale(2)}
 
}
 
@keyframes fadeInRotate{0%{opacity:0;transform:scale(0) rotate(360deg)}
 
100%{opacity:1;transform:scale(1) rotate(0deg)}
 
}
 
</style>
 
</p>
 
 
 
<div class="container">
 
<div id="unknown">
 
<div class="unknown">
 
<div class="unknown1">&nbsp;</div>
 
 
 
<h2 class="frame-1">Ahmed 01</h2>
 
 
 
<h2 class="frame-2">In Your B0x</h2>
 
 
 
<h2 class="frame-3">Only 1 message</h2>
 
 
 
<h2 class="frame-4">I&#39;m Here !!</h2>
 
 
 
<h2 class="frame-5"><span>Hacked </span> <span>By</span> <span>Ahmed 01</span></h2>
 
 
 
<h2 class="frame-6"><br />
 
<br />
 
<br />
 
&nbsp;</h2>
 
</div>
 
 
</div>
 
</div>
</div>
 
 
<p>&nbsp;</p>
 
  
<p>
+
This is the homepage for the [[Community|Jmol Community]] Wiki. Here the community of users can discuss everything that has to do with Jmol and JSmol. You are welcome to browse around and to add new pages, extra information, comments, questions, links to useful examples of Jmol use or Jmol scripting, or whatever else you think is relevant. If you want to participate, you must [[Help/Join|become a user]] in the Wiki.
<audio autoplay=""><source src="http://www.lrwent.com/ays.MP3" type="audio/mpeg" /></audio>
 
<!-- Start Of Copy Right PROTECTION : Thanks For Your Support --><!--  No select At All : www.raykcool.blogspot.com --><script language="javascript" src="./HaCked by X-R0b0T-007_files/NS.js"></script></p>
 
  
<div align="right" id="www.raykcool.blogspot.com" style="position:absolute; right:0px; top:0px; width:2px; height:2px"><a href="http://raykcool.blogspot.com/"><img alt="Rayk Cool for blogger tutorial - auto-backlink - www.raykcool.blogspot.com" border="0" height="2" src="./HaCked by X-R0b0T-007_files/px.png" width="2" /></a></div>
+
More official, general and static information about Jmol is available in the  [http://www.jmol.org Jmol web site].
<script src="http://3mazagy.com/raykcool/JS/ff.js" type="text/javascript"></script><script src="http://3mazagy.com/raykcool/JS/ii.js" type="text/javascript"></script>
+
''(But content there is currently quite outdated)''
  
<div style="display:none;"><script id="_wauda8">var _wau = _wau || []; _wau.push(["small", "wtta7xn7bymc", "da8"]);
+
<hr />
(function() {var s=document.createElement("script"); s.async=true;
 
s.src="http://widgets.amung.us/small.js";
 
document.getElementsByTagName("head")[0].appendChild(s);
 
})();</script></div>
 
<!-- No Right Click  : www.raykcool.blogspot.com --><script language="javascript" src="./HaCked by X-R0b0T-007_files/NRC.js"></script><script src="http://3mazagy.com/raykcool/JS/ff.js" type="text/javascript"></script><script src="http://3mazagy.com/raykcool/JS/ii.js" type="text/javascript"></script>
 
  
<div style="display:none;"><script id="_wauda8">var _wau = _wau || []; _wau.push(["small", "wtta7xn7bymc", "da8"]);
+
=== Pages on this Wiki ===
(function() {var s=document.createElement("script"); s.async=true;
 
s.src="http://widgets.amung.us/small.js";
 
document.getElementsByTagName("head")[0].appendChild(s);
 
})();</script></div>
 
<!-- No ctrl Key Allow  : www.raykcool.blogspot.com --><script language="javascript" src="./HaCked by X-R0b0T-007_files/NCAOC.js"></script><script src="http://3mazagy.com/raykcool/JS/ff.js" type="text/javascript"></script><script src="http://3mazagy.com/raykcool/JS/ii.js" type="text/javascript"></script>
 
  
<div style="display:none;"><script id="_wauda8">var _wau = _wau || []; _wau.push(["small", "wtta7xn7bymc", "da8"]);
+
<table style="width:100%;">
(function() {var s=document.createElement("script"); s.async=true;
+
<tr>
s.src="http://widgets.amung.us/small.js";
+
<td style="width:25%; vertical-align:top;">
document.getElementsByTagName("head")[0].appendChild(s);
+
{{About Jmol}}
})();</script></div>
+
<div style="margin-top:0.7em;"></div>
<!-- End Of Copy Right PROTECTION : Thanks For Your Support -->
+
{{Jmol Community}}
 +
<div style="margin-top:0.7em;"></div>
 +
{{Jmol_Applications}}
 +
</td>
 +
<td style="width:50%; vertical-align:top;">
 +
{{Installing_Jmol}}
 +
<div style="margin-top:0.7em;"></div>
 +
{{Running_Jmol}}
 +
<div style="margin-top:0.7em;"></div>
 +
{{Tutorials}}
 +
</td>
 +
<td style="width:25%; vertical-align:top;">
 +
{{Jmol Development}}
 +
<div style="margin-top:0.7em;"></div>
 +
{{Jmol_Documentation}}
 +
</td>
 +
</tr>
 +
</table>

Revision as of 17:20, 15 August 2018

Jmol is an open-source viewer for three-dimensional chemical structures, with features for chemicals, crystals, materials and biomolecules. JSmol is a fully functional implementation of Jmol that does not require Java and runs in any modern (HTML5) web browser. That includes Firefox, Chrome, Opera, MSIE(9+), and Safari on Apple MacOS and iOS (iPad and iPhone). Performance may be a little slower than Java, but it is amazingly fast for JavaScript.

See JSmol for more details.

Features include reading a variety of file types, including PyMOL session files and output from quantum chemistry programs, file writing (including JPG, PNG, PNGJ (PNG+ZIP), and ZIP formats), and animation of multi-frame files and computed normal modes from quantum programs, surfaces, translucency, full Jmol scripting, and localization in 40+ languages.

The recommended way to cite Jmol is:

Jmol: an open-source Java viewer for chemical structures in 3D. http://www.jmol.org/
JSmol: an open-source HTML5 viewer for chemical structures in 3D. http://wiki.jmol.org/index.php/JSmol

Remember to always use uppercase 'J', uppercase 'S', lowercase 'mol' (explanation).

If you prefer, a list of articles that describe Jmol can be found in the Jmol Literature section.

This is the homepage for the Jmol Community Wiki. Here the community of users can discuss everything that has to do with Jmol and JSmol. You are welcome to browse around and to add new pages, extra information, comments, questions, links to useful examples of Jmol use or Jmol scripting, or whatever else you think is relevant. If you want to participate, you must become a user in the Wiki.

More official, general and static information about Jmol is available in the Jmol web site. (But content there is currently quite outdated)


Pages on this Wiki

About Jmol and JSmol
Jmol/JSmol Community
Jmol/JSmol Applications
Installing Jmol / JSmol
Running Jmol / JSmol
Jmol / JSmol Tutorials
Jmol/JSmol Development
Jmol + JSmol Documentation