anim examples

This commit is contained in:
Francisco Pinto 2012-08-05 16:04:39 +02:00
parent 2608cd5f15
commit 0f476b05c2
2 changed files with 85 additions and 77 deletions

156
anim.htm
View file

@ -40,88 +40,96 @@
<div class="modal hide fade" id="readmore"> <div class="modal hide fade" id="readmore">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button> <button type="button" class="close" data-dismiss="modal">x</button>
<h2>This is Spinal Tap!</h2> <h2>Atoms!</h2>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<h3>Big Bottom</h3> <p>Atoms actually consist of protons, neutrons and electrons, and can
The bigger the cushion, the sweeter the pushin be torn apart by raising the temperature of the atom so high that the
That's what I said. forces are not strong enough to hold them together. Once we break
The looser the waistband, the deeper the quicksand apart the atom, what happens? How do these smaller particles
Or so I have read. interact? We can understand the atom at follows:</p>
My baby fits me like a flesh tuxedo.
I love to sink her with my pink torpedo.
Big bottom
Big bottom
Talk about bum cakes,
My gal's got 'em.
Big bottom,
Drive me out of my mind.
How can I leave this behind?
I saw her on monday, twas my lucky bun day
You know what I mean.
I love her each weekday, each velvety cheekday
You know what I mean.
My love gun's loaded and she's in my sights
Big game's waiting there inside her tights
Big bottom
Big bottom
Talk about mud flaps
My gal's got 'em.
Big bottom
Drive me out of my mind.
How can I leave this behind?
<h3>Stonehenge</h3>
In ancient times hundreds of years before the dawn of history
Lived this strange rights of pain the [Incomprehensible]
No one knows who they were what they were doing
But the legacy remains here into the living rock of Stonehenge
Stonehenge, where the demons dwell
Where the banshees live and they do live well
Stonehenge where a man is a man
And the children dance to the pipes of pan
Stonehenge, 'tis a magic place <img src="img/art/hydrogen_atom.png">
Where the moon doth rise with a dragon's face
Stonehenge where the virgins lie
And the prayer of devils fill the midnight sky
And you my love, won't you take my hand?
We'll go back in time to that mystic land
Where the dew drops cry and the cats meow
I will take you there, I will show you how
And oh, how they danced <p>A Hydrogen Atom, the simplest possible atom, is made of one proton
The little children of Stonehenge and one electron. The proton, which is much heavier than the electron
Beneath the haunted moon for fear (in fact about 2000 times heavier) sits in the center, with the
That day break might come too soon 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.</p>
And where were they now
The little people of Stonehenge <h2>Is this as small as it gets?</h2>
And what would they say to us
If we were here tonight
<h3>Tonight I'm gonna rock you</h3> <p>Are these particles the smallest particles, or can we split them,
Little girl, it's a great big world but there's just like we split the atom?</p>
only on of me
You can't touch 'cause I cost too much but
Tonight I'm gonna rock you <p>We believe the electron is indeed fundamental. After trying to
Tonight I'm gonna rock you split it apart in many different ways, physicists have concluded that
Tonight! it is probably not possible, meaning that electrons are not made of
You're sweet but you're just four feet anything smaller.</p>
And you still got your baby teeth
You're too young and I'm too well hung
Tonight I'm gonna rock you <p>However, we know that the proton is made up of other smaller
Tonight I'm gonna rock you particles, which we call quarks. The proton is made up of two kinds of
Tonight! quarks, called "up" and "down". [We can imagine]?? the proton is made
You're hot, you take all we got, not a dry up of three quarks: two up quarks and one down quark.</p>
seat in the house
Next day, we'll be on our way
Tonight I'm gonna rock you <img src="img/art/proton.png">
Tonight!
Chorus:
Little girl, it's a great big world, but there's <h2>What about other atoms?</h2>
only one of me-
<p>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.</p>
<img src="img/art/proton.png"><img src="img/art/neutron.png ">
<h2>What about their charges?</h2>
<p>How can it be that the proton and neutron have a different charge,
if they are made of the same building blocks? </p>
<p>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.</p>
<h2>Questions we still need to answer</h2>
<p>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.</p>
</div> </div>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">

View file

@ -5,7 +5,7 @@ apart the atom, what happens? How do these smaller particles
interact? We can understand the atom at follows:</p> interact? We can understand the atom at follows:</p>
<img src="hydrogen_atom.png"> <img src="../img/art/hydrogen_atom.png">
<p>A Hydrogen Atom, the simplest possible atom, is made of one proton <p>A Hydrogen Atom, the simplest possible atom, is made of one proton
@ -36,7 +36,7 @@ quarks, called "up" and "down". [We can imagine]?? the proton is made
up of three quarks: two up quarks and one down quark.</p> up of three quarks: two up quarks and one down quark.</p>
<img src="proton.png"> <img src="../img/art/proton.png">
<h2>What about other atoms?</h2> <h2>What about other atoms?</h2>
@ -55,7 +55,7 @@ combination. While the proton has two up quarks and one down quark,
the neutron consists of one up quark and two down quarks.</p> the neutron consists of one up quark and two down quarks.</p>
<img src="proton.png"><img src="neutron.png "> <img src="../img/art/proton.png"><img src="../img/art/neutron.png ">