pingu_98/cern-summer-webfest
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'master' of https://github.com/FranciscoPinto/cern-summer-webfest

Browse source
This commit is contained in:
Francisco Pinto 2012-08-05 12:04:53 +02:00
commit 45cdb3b119
25 changed files with 709 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
chapter/antimatter.html Normal file
View file

@ -0,0 +1,2 @@
Antimatter
Every particle[ref] that we have met so far has a corresponding anti-particle. These antiparticles have exactly the same mass[ref] as the particle, but opposite charge[ref], and their lifetime and stability are the same. When a particle, for example the electron, meets its antiparticle, an anti-electron (or positron), they will annihilate each other. This means that both particles disappear and produce a huge amount of energy[ref]. This annihilation will only occur when an antiparticle meets its matching partner. For example, an antimuon will not annihilate with an electron. However, because there is a lot more matter in our universe than antimatter, it is much more likely for an antiparticle to find its partner very quickly and annihilate. Hence, we do not see antiparticles very often in our universe.

5
chapter/the_electromagnetic_interaction.html Normal file
View file

@ -0,0 +1,5 @@
The Electromagnetic Interaction
The electromagnetic force is the force affecting electrically charged particles. This is the force that keeps the electrons close to the nucleus of an atom. How do the charged particles communicate with each other? They exchange a certain type of particle, called the photon. This is the same particle that makes up light! Visible light, X-rays, microwaves and radio waves are all photons, with different energies.

4
chapter/the_higgs.html Normal file
View file

@ -0,0 +1,4 @@
The Higgs
On July 4th 2012, the two LHC experiments ATLAS and CMS announced the discovery of a new boson, which is likely to be the Higgs boson. It has been the missing piece of the Standard Model for many years, and its discovery is one of the most amazing successes of physics. In this chapter, we will explain the Higgs mechanism, that gives mass to all the particles we know by now.

5
chapter/the_strong_interaction.html Normal file
View file

@ -0,0 +1,5 @@
Strong interactions
There must be some kind of force that glues together the quarks in the proton, just like the electromagnetic force attaches the electron to the atomic nucleus. And like for electromagnetism, there must be messenger particle of this force, and also a kind of “charge”, called color, that will determine which particles take part in this interaction and whether two particles will attract or repel each other. This force is very different from electromagnetism: no particle that has a color can exist freely, they must be in a bound system. The messenger particles of this interaction are called gluons, and they themselves carry color, so they cannot exist freely either.
Looking at the proton, we see that there are three quarks glued together - unlike in the hydrogen atom, where there are only two partners: the proton and the electron. Hence, something must be different about this strong, nuclear force, that glues together the quarks. There are three different kinds of “charge”, as opposed to electromagnetism, where there are only two, which we call positive and negative. For the strong force, the “charge” is called color.

2
chapter/the_weak_interaction.html Normal file
View file

@ -0,0 +1,2 @@
Nuclear decay and the weak interaction
Some nuclear decays cannot be explained with only the strong and the electromagnetic interactions, another interaction is required. These decays are called beta decays (β-decay), and turn a neutron into a proton (or the other way around) and emit an electron and a new particle, the neutrino [or a positron (an antielectron)]. They are rare and very different from the other types of decays, which is the reason that we need the new force to explain them, the weak force. This force has the Z and W bosons as messenger particles, these differ from the other messenger particles in that they have a mass, they are in fact very massive.

5
chapter/three_generations.html Normal file
View file

@ -0,0 +1,5 @@
The Three Generations of Matter
So far we have met the particles that make up most of the matter we see all around us – the up quark, the down quark and the electron. We have also met the electron neutrino, which is emitted during radioactive decay. It seems like these four particles, along with the particles that carry forces, are enough to explain everything.
It turns out that each of the matter particles has two “big brothers” – new particles that are identical except for their larger mass. Physicists talk about “three generations” (sometimes called families instead) of matter. The first generation is the particles we have met already. The second generation contains the charm quark (the big brother of the up quark), the strange quark (the big brother of the down quark), the muon (the big brother of the electron) and the muon neutrino (the big brother of the electron neutrino). The third generation is the top quark, the bottom quark (this is sometimes also called the beauty quark), the tau lepton and the tau neutrino.

8
chapter/what_is_the_world_made_of.html Normal file
View file

@ -0,0 +1,8 @@
What is the World made of?
The world around us, everything we see, touch, smell and taste, is made of matter. Everything from
the device you are reading this webpage on and the ground that you are standing on to your body and
the air you breathe - all consist of matter. But what is "matter"? People have been puzzling over
this question for generations. In the early 20th century, it was believed that the smallest unit of
matter was the atom (from greek atomos, meaning indivisible). It was known that atoms of different
types have different properties and cannot be transformed into one another. However, today we know
what atoms are made up of and why the different atoms have different properties.

10
filelist.json Normal file
View file

@ -0,0 +1,10 @@
[
"What is the world made of",
"Strong interactions",
"The Electromagnetic Interaction",
"Nuclear decay and the weak interaction",
"The Three Generations of Matter",
"The Higgs",
"Antimatter"
]

38
js/javascript.js
View file

@ -0,0 +1,38 @@
function load_slides() {
var filelist = [
"What is the world made of",
"The strong interaction",
"The electromagnetic interaction",
"The weak interaction",
"Three Generations",
"Antimatter",
"The Higgs"
];
//$(filelist).each(function(){alert($(this).html());});
for (var i = 0; i < filelist.length; i++ ) {
var filename = to_filename(filelist[i]);
// get
var chapter = get_html(filename, "chapter", "html");
//var readmore = get_html(filelist[i], "readmore", "html");
// here we just need the URL
//var icon = get_html(filelist[i], "img", "png");
//
//alert ($.html(chapter));
}
}
function to_filename(title) {
return title.toLowerCase().replace(/ /g, '_');
}
function get_html(file, prefix, extension ){
$.ajax( "./" + prefix + "/" + file + "." + extension ).done( function(data) {
alert(data);
});
}

8
main.html
View file

@ -13,6 +13,7 @@
<script src="js/jquery.bxSlider/jquery.bxSlider.min.js"></script>
<script src="js/javascript.js"></script>
<script src="js/slider.js"></script>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="css/structure.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
@ -25,7 +26,9 @@
<a id="go-next"><img class="arrow" src="img/arrow_right.png"/></a>
<ul id="slider">
<li class="slide"><h1>First slide</h1>
<li class="slide">
<h1>First slide</h1>
</li>
<li class="slide"><h1>Second slide</h1>
<li class="slide"><h1>Third slide</h1>
</ul>
@ -69,6 +72,9 @@
$(".collapse").collapse();
$(document).ready(function() {
// Load slides
load_slides();
var original_height = $(".navigation").height();
$(".navigation").height('0em');

25
mozillaContestGuigui/editor.html Executable file
View file

@ -0,0 +1,25 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Index Test</title>
<script type="text/javascript" src="js/raphael-min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body onload="">
<div id="test">
</div>
<div id="particles">
<button onclick="gParticleType=1">e</button><button onclick=" gParticleType=13">gamma</button><button onclick="gParticleType=2">mu</button><button id="rub">rubber</button>
</div>
</body>
<script type="text/javascript" >
var paper = Raphael('test',1000,1000);
var t = Editor('test');
</script>
</html>

10
mozillaContestGuigui/examples.txt Executable file
View file

@ -0,0 +1,10 @@
examples:
___________________________________________________________________________________________________________________________
quark quark to higgs :
var paper = Raphael("test",1000,500);
var t = Feynman("test2",'{"lines":[[0,0,2,1,11],[2,1,3,2,11],[2,3,3,2,-11],[0,4,2,3,-11],[2,1,4,0,14],[2,3,4,4,14],[3,2,4,2,17]]}');
var t = Feynman("test2",'{"lines":[[0,0,1,1,15],[0,2,1,1,16],[1,1,2,1,13]]}');

24
mozillaContestGuigui/indextest.html Executable file
View file

@ -0,0 +1,24 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Index Test</title>
<link rel ="stylesheet" type="text/css" href="style.css"/>
<script type="text/javascript" src="js/raphael-min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<div id="test2">
<div id="popup">
</div>
</div>
<script type="text/javascript" >
var paper = Raphael("test2",1000,1000);
var t = Feynman("test2",'{"lines":[[0,0,2,1,1],[2,1,3,2,2],[2,3,3,2,-11],[0,4,2,3,-11],[2,1,4,0,14],[2,3,4,4,14],[3,2,4,2,17]]}');
//var t = Feynman("test2",'{"lines":[[0,0,1,1,15],[0,2,1,1,16],[1,1,2,1,13]]}');
//Editor("test2");
</script>
</body>
</html>

5
mozillaContestGuigui/js/CIP.txt Executable file
View file

@ -0,0 +1,5 @@
Electron : \n Composition : Elementary particle \n Statistics : Fermionic \n Generation : First \n Interactions : Gravity, Electromagnetic, Weak \n Mass : 0.510998928 MeV/c \ Spin : 1/2
Muon \n Composition : Elementary particle \n Statistics : Fermionic \n Generation : Second \n Interactions : \n -Gravity \n -Electromagnetic \n -Weak \n Mass : 105.65836668(38) MeV/c2 \n Spin : 1/2
Tau \n Composition : Elementary particle \n Statistics : Fermionic \n Generation : Third \n Interactions : \n -Gravity \n -Electromagnetic \n -Weak \n Mass : 1,776.82±0.16 MeV/c2 \n Spin : 1/2

363
mozillaContestGuigui/js/main.js Executable file
View file

@ -0,0 +1,363 @@
var ListOfLines = new Array();
var MyNewLine = null;
var ListOfParticles = ["e","\u03BC","\u03C4","\u03BD","\u03BD","\u03BD","u","d","c","s","t","b","\u03B3","Z","w+","w-","H","g","p","n"];
var ColorOfParticles = ["#99CCFF","#CCCC00","#FF6600","#AAAAAA","#999999","#BBBBBB","#99FF00","#FF0000","#9900FF","#99CC00","#AAEE00","#CC9999","#FFEE00","#FFCC33","#990066","#CC00FF","#FF3300","#770077","#995533"];
var DescOfParticles= ["Electron : \n Composition : Elementary particle \n Statistics : Fermionic \n Generation : First \n Interactions : \n -Gravity, \n -Electromagnetic,\n -Weak \n Mass : 0.510998928 MeV/c \ Spin : 1/2","Muon \n Composition : Elementary particle \n Statistics : Fermionic \n Generation : Second \n Interactions : \n -Gravity \n -Electromagnetic \n -Weak \n Mass : 105.65836668(38) MeV/c2 \n Spin : 1/2","Tau \n Composition : Elementary particle \n Statistics : Fermionic \n Generation : Third \n Interactions : \n -Gravity \n -Electromagnetic \n -Weak \n Mass : 1,776.82±0.16 MeV/c2 \n Spin : 1/2","","","","","","","","","","","","","","","","",""]
var PanelDescription = null;
var TextDescription = null;
var gridSize=20;
var gParticleType=13;
var nstepx=0;
var nstepy=0;
var MySize=0;
function Feynman(div,reaction){
//define if the usercan modify or not the graph
var ReadOnly = 1;
//allow to modifiy if the graph is read only or not
this.IsReadOnly=function(Bool){ ReadOnly= Bool;}
// this variable will contain all lines of this graph
Tuples=JSON.parse(reaction);
this.TuplesLength = Tuples.lines.length;
this.maxX = 0;
this.maxY = 0;
for(i = 0 ; i<TuplesLength;i++)
{
if(Tuples.lines[i][2]>maxX)
{
maxX=Tuples.lines[i][2];
}
if(Tuples.lines[i][3]>maxY)
{
maxY=Tuples.lines[i][3];
}
if(Tuples.lines[i][0]>maxX)
{
maxX=Tuples.lines[i][0];
}
if(Tuples.lines[i][1]>maxY)
{
maxY=Tuples.lines[i][1];
}
}
nstepx = paper.width / maxX;
nstepy = paper.height/ maxY;
for(i = 0 ; i<TuplesLength;i++)
{
MyNewLine = new Line(new Vertex( Tuples.lines[i][0]*nstepx,Tuples.lines[i][1]*nstepy),Tuples.lines[i][4],paper);
MyNewLine.SetEndVertex(new Vertex(Tuples.lines[i][2]*nstepx,Tuples.lines[i][3]*nstepy));
ListOfLines[i] = MyNewLine;
}
for(i=0;i<ListOfLines.length;i++)
{
ListOfLines[i].Draw();
}
}
function Vertex(x,y){
this.X=x;
this.Y=y;
this.GetX = function() {return this.X; }
this.GetY = function() {return this.Y; }
this.SetX = function(x) { this.X=x; }
this.SetY = function(y) { this.Y=y; }
this.CheckRules = function() {
if(this.noLines == 1) return true;
if(this.noLines == 2) return false;
}
return this;
}
function Line(vert,pidA,paper){
var startVertex = vert;
var endVertex;
var pid = pidA
this.SetEndVertex = function(endvert) {
endVertex = endvert;
}
this.SetStartVertex = function(startvert) {
startVertex = startvert;
}
this.Draw = function() {
if((pid<13)||(Math.abs(pid)>18)) {
if(pid>0) this.direction=1;
else this.direction=-1;
DrawStraightLine();
} else {
if(pid==13) DrawPhotonLine();
else {
if(pid<=17) DrawDashedLine();
else DrawGluonLine();
}
}
}
this.Delete = function() {
}
function DrawStraightLine() {
// draw a straight line from startVertex to endVertex
dir_angle = 0;
if ( this.direction == -1 ) dir_angle = 180; //turn the arrow in the opposite direction
path_string = "M"+ startVertex.GetX() + " " + startVertex.GetY()+ "L" + endVertex.GetX() + " " + endVertex.GetY();
pathA = paper.path(path_string).attr("stroke", "black").attr("stroke-width", "2");
//compute the mean point for the line
mean = new Vertex((startVertex.GetX() + endVertex.GetX() ) / 2, (startVertex.GetY() + endVertex.GetY() ) / 2);
//draw the arrow
var angle = Math.atan2(startVertex.GetX()-endVertex.GetX(),endVertex.GetY()-startVertex.GetY());
angle = (angle / (2 * Math.PI)) * 360;
x2 = mean.GetX();
y2 = mean.GetY();
size = 8; // change it to change dimension of the arrow!!!
if(pid>0)
{
textA=paper.text(x2,y2-nstepy/3,ListOfParticles[pid-1]);
}
else
{
textA=paper.text(x2,y2-nstepy/3,ListOfParticles[pid*-1-1]);
}
var sign=1;
if(pid<0) sign=-1;
var arrowPath = paper.path("M" + x2 + " " + y2 + " L" + (x2 - size) + " " + (y2 - size) + " L" + (x2 - size) + " " + (y2 + size) + " L" + x2 + " " + y2 ).attr("fill","black").rotate(sign* 90+angle+dir_angle,x2,y2);
if(pid<0)
{
pid = pid*-1;
}
textA.attr({"font-size": nstepy/4 });
textA.hover(function(){ this.attr ("fill", ColorOfParticles[pid-1] );MySize = this.attr('font-size'); this.attr({"font-size": MySize +20 }); }, function(){this.attr ("fill", "#000000");this.attr({"font-size": MySize })},textA, textA);
pathA.hover(function(){ this.attr ("stroke", ColorOfParticles[pid-1] ); }, function(){this.attr ("stroke", "#000000");},pathA, pathA);
pathA.hover(function(){ this.attr ("stroke", ColorOfParticles[pid-1] );this.attr("fill",ColorOfParticles[pid-1]); }, function(){this.attr ("stroke", "#000000");this.attr("fill","#000000");},arrowPath, arrowPath);
pathA.hover(function(){ this.attr ("fill", ColorOfParticles[pid-1] );MySize = this.attr('font-size'); this.attr({"font-size": MySize +20 }); }, function(){this.attr ("fill", "#000000");this.attr({"font-size": MySize })},textA, textA);
textA.hover(function(){this.attr ("stroke", ColorOfParticles[pid-1] ); }, function(){this.attr ("stroke", "#000000");},pathA, pathA);
textA.hover(function(){this.attr ("stroke", ColorOfParticles[pid-1] );this.attr("fill",ColorOfParticles[pid-1]); }, function(){this.attr ("stroke", "#000000");this.attr("fill","#000000");},arrowPath, arrowPath);
textA.click(function(){
if(PanelDescription!=null)
{
PanelDescription.remove();
TextDescription.remove();
}
PanelDescription = paper.rect(paper.width/4,paper.height/4,paper.width/2,paper.width/2,10).attr("fill","#EFEFEF").attr ("stroke", "#FEFEFE");
PanelDescription.click(function(){this.remove();TextDescription.remove();});
TextDescription = paper.text(paper.width/2,paper.height/2,DescOfParticles[pid-1]).attr("font-size", nstepy/10);
TextDescription.click(function(){this.remove();PanelDescription.remove();});
});
}
function DrawDashedLine() {
path_string = "M"+ startVertex.GetX() + " " + startVertex.GetY()+ "L" + endVertex.GetX() + " " + endVertex.GetY();
pathA =paper.path(path_string).attr("stroke", "black").attr("stroke-width", "2").attr("stroke-dasharray", "-");
mean = new Vertex((startVertex.GetX() + endVertex.GetX() ) / 2, (startVertex.GetY() + endVertex.GetY() ) / 2);
x2 = mean.GetX();
y2 = mean.GetY();
textA=paper.text(x2,y2-nstepy/3,ListOfParticles[pid-1]);
textA.attr({"font-size": nstepy/4 });
textA.hover(function(){this.attr ("fill", ColorOfParticles[pid-1] );MySize = this.attr('font-size'); this.attr({"font-size": MySize +20 }); }, function(){this.attr ("fill", "#000000");this.attr({"font-size": MySize })},textA, textA);
pathA.hover(function(){ this.attr ("stroke", ColorOfParticles[pid-1] ); }, function(){this.attr ("stroke", "#000000");},pathA, pathA);
pathA.hover(function(){ this.attr ("fill", ColorOfParticles[pid-1] );MySize = this.attr('font-size'); this.attr({"font-size": MySize +20 }); }, function(){this.attr ("fill", "#000000");this.attr({"font-size": MySize })},textA, textA);
textA.hover(function(){this.attr ("stroke", ColorOfParticles[pid-1] ); }, function(){this.attr ("stroke", "#000000");},pathA, pathA);
}
function svg_path_sin(x0, y0, x1, y1) {
// sine path from 0 to rads radians scales by sx
var N = 29;
var pi = 3.141592653579;
var dx=2*pi/N;
var x=0;
var px = x0;
var py = y0;
var p0 = "M"+ px +","+ py;
var p = p0;
for (var i=1;i<7*N;i++)
{
x += dx;
y = Math.sin(x);
px += (180.0/pi)*dx;
py = 100 - 50*y;
p += "L"+ px +","+ py;
}
p += " " + p0;
//console.log("circ path : "+p);
return p;
} function svg_path_sin(x0, y0, len)
{
// sine path from 0 to rads radians scales by sx
//var N = 29;
var pi = 3.141592653579;
//var dx=(2*pi/N);
var dx = 0.5; // augment dx to get page load faster
var N = (len)/dx;
var x=0;
var px = x0;
var py = y0;
var c = 10; //amplitude
var wavelength = 20;
var K = Math.floor((len)/wavelength);
var w = (2*pi*K)/(len); // pulse
var p0 = "M"+ px +","+ py;
var p = p0;
for (var i=1;i<=N;i++)
{
x += dx;
y = Math.sin(w*x);
//px += (180.0/pi)*dx;
px += dx;
py = y0 - c*y;
p += "L"+ px +","+ py;
}
p += " " + p0;
//console.log("circ path : "+p);
return p;
}
function DrawPhotonLine() {
var x0 = startVertex.GetX();
var x1 = endVertex.GetX();
var y0 = startVertex.GetY();
var y1 = endVertex.GetY();
var len = Math.sqrt((x0-x1)*(x0-x1) + (y0-y1)*(y0-y1));
var theta = Math.atan2((y1-y0),(x1-x0));
var angle = ((theta/Math.PI)*180);
path_string = svg_path_sin(x0, y0,len);
var pathA = paper.path(path_string).attr("stroke", "black").attr("stroke-width", "2");
pathA.transform("r"+angle+","+startVertex.GetX()+","+startVertex.GetY());
mean = new Vertex((startVertex.GetX() + endVertex.GetX() ) / 2, (startVertex.GetY() + endVertex.GetY() ) / 2);
x2 = mean.GetX();
y2 = mean.GetY();
textA = paper.text(x2,y2-nstepy/3,ListOfParticles[12]);
textA.attr({"font-size": nstepy/4 });
textA.hover(function(){this.attr ("fill", ColorOfParticles[pid-1] );MySize = this.attr('font-size'); this.attr({"font-size": MySize +20 }); }, function(){this.attr ("fill", "#000000");this.attr({"font-size": MySize })},textA, textA);
pathA.hover(function(){ this.attr ("stroke", ColorOfParticles[pid-1] ); }, function(){this.attr ("stroke", "#000000");},pathA, pathA);
pathA.hover(function(){ this.attr ("fill", ColorOfParticles[pid-1] );MySize = this.attr('font-size'); this.attr({"font-size": MySize +20 }); }, function(){this.attr ("fill", "#000000");this.attr({"font-size": MySize })},textA, textA);
textA.hover(function(){this.attr ("stroke", ColorOfParticles[pid-1] ); }, function(){this.attr ("stroke", "#000000");},pathA, pathA);
}
function DrawGluonLine() {
var x0 = startVertex.GetX();
var x1 = endVertex.GetX();
var y0 = startVertex.GetY();
var y1 = endVertex.GetY();
var len = Math.sqrt((x0-x1)*(x0-x1) + (y0-y1)*(y0-y1));
var theta = Math.atan2((y1-y0),(x1-x0));
var angle = ((theta/Math.PI)*180);
path_string = svg_path_coil(x0, y0,len);
var pathA = paper.path(path_string).attr("stroke", "black").attr("stroke-width", "2");
pathA.transform("r"+angle+","+startVertex.GetX()+","+startVertex.GetY());
mean = new Vertex((startVertex.GetX() + endVertex.GetX() ) / 2, (startVertex.GetY() + endVertex.GetY() ) / 2);
x2 = mean.GetX();
y2 = mean.GetY();
textA = paper.text(x2,y2-nstepy/3,ListOfParticles[12]);
textA.attr({"font-size": nstepy/4 });
textA.hover(function(){this.attr ("fill", ColorOfParticles[pid-1] );MySize = this.attr('font-size'); this.attr({"font-size": MySize +20 }); }, function(){this.attr ("fill", "#000000");this.attr({"font-size": MySize })},textA, textA);
pathA.hover(function(){ this.attr ("stroke", ColorOfParticles[pid-1] ); }, function(){this.attr ("stroke", "#000000");},pathA, pathA);
pathA.hover(function(){ this.attr ("fill", ColorOfParticles[pid-1] );MySize = this.attr('font-size'); this.attr({"font-size": MySize +20 }); }, function(){this.attr ("fill", "#000000");this.attr({"font-size": MySize })},textA, textA);
textA.hover(function(){this.attr ("stroke", ColorOfParticles[pid-1] ); }, function(){this.attr ("stroke", "#000000");},pathA, pathA);
}
return this;
}
function Editor(div) {
var Rubber=false;
console.log("Editor!");
var ListOfLines = new Array();
var noLines=0;
var ReadOnly = 1;
this.IsReadOnly = function (Bool) { ReadOnly=Bool; }
var nstepx = Math.round(paper.width/gridSize);
var nstepy = Math.round(paper.height/gridSize);
trigger = false;
document.getElementById(div).onclick = function(e) {
console.log("CLICK!!");
var x;
var y;
x = event.clientX + document.body.scrollLeft -
document.getElementById(div).offsetLeft;
y = event.clientY + document.body.scrollTop -
document.getElementById(div).offsetTop;
var xpos = gridSize*Math.round(x/gridSize);
var ypos = gridSize*Math.round(y/gridSize);
var vert = new Vertex(xpos,ypos);
console.log("X "+x);
console.log("Y "+y);
if(trigger) {
console.log("triggered!!");
ListOfLines[noLines].SetEndVertex(vert);
ListOfLines[noLines++].Draw();
trigger=false;
} else {
console.log("reset!!");
ListOfLines[noLines] = new Line(vert,gParticleType,paper);
trigger=true;
}
};
console.log("THE END");
}
function GetPos(obj){
var x=0,y=0;
while (obj!=null){
x+=obj.offsetLeft-obj.scrollLeft;
y+=obj.offsetTop-obj.scrollTop;
obj=obj.offsetParent;
}
return {x:x,y:y};
}
function Popup(ContainerA,PopupA,StringA)
{
alert('1');
var GraphPopup = document.getElementById(PopupA);
alert('2');
var Container = document.getElementById(ContainerA);
alert('3');
GraphPopup.style.visibility='visible';
alert('4');
GraphPopup.innerHTML = "" ;
}

10
mozillaContestGuigui/js/raphael-min.js vendored Executable file
View file

File diff suppressed because one or more lines are too long

6
mozillaContestGuigui/style.css Executable file
View file

@ -0,0 +1,6 @@
#test2
{
position:relative;
width:1000px;
box-shadow: 0 6px 6px rgba(0,0,0,0.5);
}

12
readmore/antimatter.html Normal file
View file

@ -0,0 +1,12 @@
Know’s
Antimatter sounds like an exotic and mysterious substance that could destroy the world in no time at all. In fact, it is the same as everything else, just with a different charge[ref]. Antiparticles have all the same properties[ref] as particles, with the same mass and the same stability, and so are not more than everyday matter. Every particle has a corresponding antiparticle, with all of the same properties, except with an opposite charge. So an electron[ref] which is positively charged[ref], will have a negatively charged[ref] antiparticle called a positron.
The problem comes when matter and antimatter come together. Because there is a lot of matter in our universe, antimatter is quite likely to bump into its corresponding matter partner. When an equivalent matter and antimatter pair collide they annihilate, which means that they disappear, releasing a huge amount of energy. Antiparticles can only annihilate with their particle pair, so a antiproton will not annihilate with an electron. However, because there are lots of protons around in our universe, it is likely that the antiproton will quickly find one to annihilate with.
Don’t Know’s
There is a lot that we still don’t know for certain about antiparticles. We do not know why there are so many particles and not many antiparticles. It is obvious that antiparticles will annihilate quickly which explains why there is not much antimatter left in our universe, but if all antimatter has been annihilated by matter, then there should be no matter left at all. As it is, we have lots of matter, so there must have been a lot more matter created at the time of the big bang than antimatter. We are currently trying to work out why that is.
We create antiparticles in exactly the same quantity as particles when we collide particles. When the particles hit a target at a very high energy, many different particles will come out. Particles will be produced in pairs, with each particle also having their antiparticle.
Outlook
We’re almost done. You were probabily already waiting for the last chapter, the one on the Higgs boson. Here it comes!

0
readmore/invisible Normal file
View file

32
readmore/the_electromagnetic_interaction.html Normal file
View file

@ -0,0 +1,32 @@
If will take a closer look at the Hydrogen atom, we already know that it is made of a proton with electric charge +1 and an electron with charge -1. Particles with opposite electric charge attract each other just like magnets. This is an example of the electromagnetic force, or “the electromagnetic interaction”.
What is interaction?
How do the proton and the electron know about each other? How do they “interact”, and what do we mean by “interaction”? Particles interact with each other by exchanging other particles. How does this work?
Two astronauts in space, being outside of their spaceship, repairing their spacecraft. Both are floating around, and as it happens, are closing up. One of the two would now throw a tool, that the other would eventually catch. What happened? The throwing astronaut transferred momentum onto the tool he threw. He is not fixed to the spacecraft, but floating in space freely. The momentum he will achieve from throwing the tool will carry him in the opposite direction of the tool. The other astronaut, catching the tool, will receive the tools momentum, carrying him in the direction of flight. What happened? The two astronauts are now floating away from each other, whereas they were approaching each other before. They exchanged a tool, and transmitted momentum from one another, a process particle physicists call “scattering”. Sadly, this example only works for a repelling interaction. However, there is a similar example, that also works for an attractive interaction, which is a little more complicated.
[READ MORE: Here is another analogy: Two people are sitting in small boats on a huge and quiet lake. Both boats are approaching each other slowly. If one of the two people now throws a ball to the other person, who will catch it. If the ball is very heavy, both boats will then move away from each other, because the inertia of the ball transmitted momentum to both boats. The one boat gained momentum by the person throwing the ball, and the other picked up momentum by the person catching the ball. What happened? The boats changed direction, they exchanged momentum by exchanging a basket ball. The boats interacted with each other, by exchanging a ball as their messenger.
The above analogy is useful to understand repulsion of particles by exchange of some kind of “messenger”, for example two electrons, due to their electric charge. The same analogy is possible for attraction, only requiring the change of the basketball for a boomerang and the directions that it is thrown and caught. If the person throwing the boomerang throws it away from the other boat, and it loops around so that the person catching it is facing away from the first boat, the exchanged momentum is just opposite to that for the analogy for repulsion.]
Electromagnetism and Light
What is that object being thrown between the proton and the electron exchange in order to communicate their attraction to each other? The answer is simple, it’s the photon. These photons are the same particles that make up the light that comes to us from the sun and enables us to see the world around us. But the photons we can see are only a small part of the full spectrum of the photons that are out there. Visible light, X-rays, microwaves and radio waves are all photons. The only difference is that they have a higher or lower energy than the light we can see - much like the force that keeps us on the surface of our planet and the force that binds our planet to the sun is the same - only that there is a different amount of energy involved.
[http://en.wikipedia.org/wiki/File:EM_spectrum.svg -GFDL Version 2]
[The most energetic photon particle discovered is in the Tev range. So if the range of the visible photon our eyes can detect is scaled to the width of a human hair, the range of the electromagnetic spectrum is the distance between the earth and the moon!]
[The photons that are described in the figure are characterized by a wavelength, meaning that photons are waves. But why did we say that the photon is a particle before? The reason for this is that the physical laws we are familiar with (i.e. Newtonian mechanics) cannot be applied at very small scales. When at these small scales, quantum mechanics apply. One of those rules of quantum mechanics is that all particles have both particle and wave properties. This is referred to as the wave-particle duality.]
What is a photon?
First of all a photon is an elementary particle, which means that - as far as we know - it doesn’t have any substructure. It is not a composite object, and not divisible into smaller building blocks. The photon belongs to a group of particles that we call bosons - we will encounter other members of that group later on. Bosons are characterised by the fact that they have integer spin, where spin is an intrinsic property of particles that can take different values, but never changes, much the like charge we have encountered earlier. Other particles, such as the electron and the quarks, have spin ½ and are called fermions (all particles with half-integer spin are fermions).
\ID card
Like all other bosons, photons can - given that sufficient energy is available - be produced out of nowhere and can also vanish into nothingness, leaving behind nothing but energy. Therefore, the electrons and protons in the atoms - as opposed to the persons in the boats we used as an analogy earlier - do not need to carry around their messengers (in our case photons), as they can simply be produced by all particles that carry charge.
Outlook
The exchange of photons between particles is what we call “electromagnetic interaction”, The photon can create either attraction or repulsion between particles and transport momentum as well as energy. Now we know what binds together the electron and the nucleus to form atoms, such as the Hydrogen atom or the Helium atom that we used as examples - it is the electromagnetic interaction, the exchange of photons, communicating the attraction between the particles due to their opposite charge. In the next chapter, we will learn what glues together the quarks to form protons and neutrons.

20
readmore/the_higgs.html Normal file
View file

@ -0,0 +1,20 @@
The Higgs Mechanism
When you are in a room filled with jelly, every movement will be difficult - just like if you were much heavier than you really are. In a similar way, something called the Higgs field fills the universe, making every particle feel massive through the interaction with the Higgs field.
This way, the particles will acquire masses, but why are they are different from one another? Much the same way a large person will “feel” the jelly stronger than a small person will, the different particle types will feel the Higgs field differently. Switching to physicists speech: The strength of the interactions between the particles and the Higgs field are different. In a way, this does not answer the question, because it only relates the masses of the particles to their couplings to the Higgs field - but it is the best we can do!
What about the Higgs boson?
In a room filled with jelly, not only the jelly affects you, but also you affect the jelly. If you punch the jelly, it will move. And if you punch it in the right way, there will be waves running through the jelly.
We know already that photons can be viewed as particles and waves at the same point. In a way, the Higgs Boson is a wave in the Higgs field - a wave in the jelly, that we can try to create by shaking and punching the jelly in the right way.
Experimental particle physicists have been trying to do exactly this with the LHC: To collide particles in a way that will create an excitation (or wave, if you want) in the Higgs field - because measuring the wave in the field is the only way for us to know that the field is actually there.
What now?
The journey of particle physics is not over. There are still a lot of things we do not fully understand - some of them we have already mentioned, some others (like the mystery of Dark Matter) you might have heard about.
If you read everything up to now - congratulations! We also have exciting quizzes, where you can test your knowledge about the Standard Model, and additional chapters on Feynman diagrams - the little sketches physicists love to use to explain what they are doing. Hang on!

30
readmore/the_strong_interaction.html Normal file
View file

@ -0,0 +1,30 @@

What is color?
Color has the nice property that you need three different colors: red, green and blue, to get back something neutral, white, - which is very similar to what we observe in the proton, where we also need three different “colors” to form something that is going to be neutral in the end: A red quark, a green quark and a blue quark.
[Picture: Intersecting Color plains]
[READ MORE: In fact, protons and neutrons are not really white, or color-neutral. The nuclei of atoms consist solely of positively charged protons and sometimes also neutrally charged neutrons. Hence the electromagnetic interactions cannot hold the nucleus together, but would tear them apart instead. Thus, there must be some very strong force to keep them together, which is where the name of the strong force came from in the first place. The strong force affects both the neutrons and the protons, because they are so close to each other that they will not only “see” the charge of the others as a whole, but also the partial color-charges of the quarks.]
The mediators of the strong force are called the gluons (because they bind particles together very tightly, just like some kind of super-glue). But the strong force is very different from the electromagnetic one in various aspects. Speaking-of the mediators instead of the forces, this means that the gluons are different from the photons in a very fundamental way: they carry color, unlike photons, which aren’t electrically charged themselves. This means that gluons can participate in their own interaction, which makes the strong interaction very special.
The strong force is special!
One consequence of this is that the strong interaction does not decrease with distance. Two electrically opposite charged objects will attract each other less when their distance increases. The strong interaction of two particles of different color, on the other hand, will increase rapidly as you tear them apart, and eventually grows so strong that the energy you needed to remove the particle any further would be sufficient to create new colored particles instead (due to Einstein’s famous relation E=mc², allowing us to transform energy into mass).
[Cool animation showing color string snapping and quark pair creation]
This process is the reason why we have up to now never observed an isolated quark - they only appear in groups of three or two (as in the animation, although we have not explained how this happens for pairs yet, and this will have to wait until we explain antimatter). The property of quarks to stick together so tightly and to never show up alone is called “confinement”.
Outlook
We have come pretty far. We know how the protons and neutrons are made from quarks, and we know what holds together the protons and electrons to form atoms. This is a great achievement, as it allows us to explain about everything that holds together the building blocks of natures. But it is not the whole story.
Sometimes, thinks break apart - and it was only in the 20th century that radioactivity was discovered - the breaking apart of nuclei, emitting highly energetic and dangerous radiation. We cannot explain this kind of thing happening until now, and this will be what the next chapter is about.

23
readmore/the_weak_interaction.html Normal file
View file

@ -0,0 +1,23 @@
Weak Interaction and nuclear decay
There are more particles after the decay than just the proton, there is an electron and a new particle that has not been introduced yet. This new particle is the neutrino (which is italian and means “the small neutral one”). As its name suggests, it is electrically neutral. It has no color charge either, so it does not interact strongly. It only interacts with this new force, the weak force, and because the weak force is so weak, it is extremely difficult to detect. It has been detected, for the first time in 1956, 26 years after it had been predicted. It also differs from the quarks and the electron in that its mass has not been measured, it is so light that there are only upper limits on its mass. The best, up do date limit is about 1/250 of the mass of the electron.
[FIGURE OF THE NEUTRON DECAY, n -> p + nu + e?]
This figure shows what happens in the beta decays, the neutron turns into a proton, an electron and this new particle, the neutrino. For now the interaction is a “black box”, we know what comes in and what comes out, but what happens in between?
Charged Messengers
The other forces had messenger particles, the photon[ref] for electromagnetism and the gluons[ref] for strong interactions, this is also true for the weak force, and like for the other two forces, the messenger is a boson[ref]. There is an important difference though, the messenger particles for the weak force are very heavy, and there are three of them. Their weight is the reason that this force is so weak. This sounds counter-intuitive, right? We won’t dive into this, so if you want to know more, head over here->[READ MORE?]. The messenger particles are called the W bosons, there are two of them, one with positive electric charge and one with negative charge, and there is also a neutral one, which is called Z and which will be explained later.
What actually happens in this “black box”, is that the neutron turns into a proton and a [W-] boson, and the [W-] boson decays into an electron and a neutrino. The W boson is very heavy, its mass is about 80 times that of the proton, and it will only exist for an extremely short time (we cannot explain this with what we have explained so far, but you might want to keep reading until we explain the second and third generations of matter to understand the short lifetime of the W). As we know neither the proton nor the neutron is fundamental, so we can still look closer at the neutron becoming the proton and the [W-] boson. The neutron is made up of one up-quark and two down-quarks, and what happens is that one of the down-quarks turns into an up-quark and the [W-] boson. This is the extent to which the Standard Model is describing this weak interaction, the down-quark turning into an up-quark and a [W-] boson and the decay of the [W-]. These two interactions are “black boxes”, perhaps there is something more fundamental occurring if one just looks closely enough, nobody knows that as of today, again this is for someone (maybe you) to find out!
[FIGURE OF THE ENTIRE INTERACTION?]
So far the matter particles that have been introduced are the electron, the up and down-quarks and the neutrino. The quarks are connected in that they can interact strongly with each other, and they are connected to the electron by the electromagnetic force. But the matter particles are grouped into quarks and leptons, the leptons (so far) being the electron and the neutrino[[, muon, tau and their respective neutrino]]. The weak force really gives the connection that motivates giving the electron and the neutrino this common name, leptons, as it allows electrons to turn into neutrinos and the other way around. It also connects the two types of quarks in the same way, allowing the up-quark to turn into the down-quark as mentioned.
Neutral messenger and discovery
The third messenger of the weak force is the Z boson, which is about as massive as the W bosons, 90 times as massive as the proton. But unlike the W bosons, it is not charged. Both the Z and the W bosons were discovered at CERN, and their discovery is one of the major accomplishments of both CERN and the Standard Model. It is remarkable because the masses of the particles were predicted, and the Z boson, unlike the W bosons, was not involved in the weak interactions that were known, [but was a consequence of the theory and no experiment had seen any indication of its existence when it was predicted, can you explain this one]. Both the W bosons and the Z boson were discovered in 1983, and the two persons responsible for the experiments, Rubbia and van der Meer, got the Nobel prize for this just one year after the discovery, in 1984.
Outlook
Is this it? For what we know, yes. What we know by now is sufficient to explain everything that surrounds us, from the atoms and nuclei being formed, quarks glued together, down to things as rare and obscure as nuclear decay and radiation. Is this the whole picture? Not quite. We have not explained antimatter, and then there are some really strange particles turning up in cosmic rays. And, in the end, you might want to learn about the Higgs as well. Read on!

12
readmore/three_generations.html Normal file
View file

@ -0,0 +1,12 @@
So now you know about almost every particle in the standard model. All that is left is the Higgs boson, which you will see in the last chapter.
Why do we not see any of these new, heavier particles?
Why are there no atoms made of charm quarks, strange quarks and muons? The answer is that the heavy particles are very unstable, and quickly transform into their lighter brothers. Heavy particles are produced in very high energy collisions, such as in particle accelerator experiments. They are also found in cosmic rays – very energetic particles that fall to Earth from space, and that are produced in places as exotic like the core of the sun or even a supernova explosion.
Outlook
Why are there so many particles? Why do three generations exist rather than just one? The answer is simple: nobody knows!
And there is more to come: You have probably heard of antimatter, haven’t you? This is what the next chapter will explain.

51
readmore/what_is_the_world_made_of.html Normal file
View file

@ -0,0 +1,51 @@
Atoms actually consist of protons, neutrons and electrons, and can be torn apart by raising the temperature of the atom so high that the forces are not strong enough to hold them together. Once we break apart the atom, what happens? How do these smaller particles interact?
We can understand the atom at follows:
[Picture of a Hydrogen Atom]
A Hydrogen Atom, the simplest possible atom, is made of one proton and one electron. The proton, which is much heavier than the electron (in fact about 2000 times heavier) sits in the center, with the electron orbiting around the proton. The electron is negatively charged[ref], while the proton is positively charged[ref], so they are attracted to each other. The electron stays in orbit around the proton, just like the Earth stays in orbit around the Sun.
Is this as small as it gets?
Are these particles the smallest particles, or can we split them, just like we split the atom?
We believe the electron is indeed fundamental. After trying to split it apart in many different ways, physicists have concluded that it is probably not possible, meaning that electrons are not made of anything smaller.
However, we know that the proton is made up of other smaller particles, which we call quarks. The proton is made up of two kinds of quarks, called "up" and "down". [We can imagine]?? the proton is made up of three quarks: two up quarks and one down quark.
[Picture of the Proton]
What about other atoms?
This simple model can be expanded to describe more complicated atoms. For example, the Helium atom consists of two protons and two neutrons in the center, forming the nucleus [ref], with two electrons orbiting them. The proton, made of quarks is very similar to the neutron, while the electron is indivisible. With a similar mass[ref], they have very similar properties[ref], apart from their different electric charge [ref] (the proton is positively charged[ref], the neutron is neutral and has no electric charge[ref]). This is because they are also made up of quarks, just in a different combination. While the proton has two up quarks and one down quark, the neutron consists of one up quark and two down quarks.
[Picture of the neutron and proton]
What about their charges?
How can it be that the proton and neutron have a different charge, if they are made of the same building blocks?
We know that the proton is up, up, down and charged +1 and the neutron is up, down, down and charged 0. The only possible way of resolving this is that the up quark is charged +2/3 and the down quark is charged -1/3. The fractions only appear here because we discovered the electron before we discovered the quarks, and called the electron charge "-1". If we had called the charge of the electron "-3", the quark charges would be whole numbers.
Questions we still need to answer
What are charges? Why do we call them "+" and "-"? What holds together the Hydrogen atom? And what holds together the nucleus? What about radioactivity? Why do physicists always draw funny graphs when explaining this? And finally, what is this "Higgs boson" everyone is talking about? Continue to answer these questions.