-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
172 lines (145 loc) · 9.19 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<title>Smart Toggle examples</title>
<script src="js/development-bundle/jquery-1.3.2.js" type="text/javascript" charset="utf-8"></script>
<script src="js/development-bundle/ui/effects.core.js" type="text/javascript" charset="utf-8"></script>
<script src="js/effects.core.ext.js" type="text/javascript" charset="utf-8"></script>
<script src="js/effects.slide2.js" type="text/javascript" charset="utf-8"></script>
<script src="js/events.blurany.js" type="text/javascript" charset="utf-8"></script>
<script src="js/events.mousenear.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.smarttoggle.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/smarttoggle.css" />
<!--[if IE]>
<style type="text/css">
#top-bar {
position: absolute;
}
</style>
<![endif]-->
</head>
<body>
<div id="wrapper">
<div class="content">
<p>For twelve years you’ve been asking “Who is John Galt?” This is John Galt speaking. I’m the man who’s taken away your victims and thus destroyed your world. You’ve heard it said that this is an age of moral crisis and that Man’s sins are destroying the world. But your chief virtue has been sacrifice, and you’ve demanded more sacrifices at every disaster. You’ve sacrificed justice to mercy and happiness to duty. So why should you be afraid of the world around you?</p>
<p>Your world is only the product of your sacrifices. While you were dragging the men who made your happiness possible to your sacrificial altars, I beat you to it. I reached them first and told them about the game you were playing and where it would take them. I explained the consequences of your ‘brother-love’ morality, which they had been too innocently generous to understand. You won’t find them now, when you need them more than ever.</p>
<p>We’re on strike against your creed of unearned rewards and unrewarded duties. If you want to know how I made them quit, I told them exactly what I’m telling you tonight. I taught them the morality of Reason — that it was right to pursue one’s own happiness as one’s principal goal in life. I don’t consider the pleasure of others my goal in life, nor do I consider my pleasure the goal of anyone else’s life.</p>
<p>I am a trader. I earn what I get in trade for what I produce. I ask for nothing more or nothing less than what I earn. That is justice. I don’t force anyone to trade with me; I only trade for mutual benefit. Force is the great evil that has no place in a rational world. One may never force another human to act against his/her judgment. If you deny a man’s right to Reason, you must also deny your right to your own judgment. Yet you have allowed your world to be run by means of force, by men who claim that fear and joy are equal incentives, but that fear and force are more practical.</p>
<p>You’ve allowed such men to occupy positions of power in your world by preaching that all men are evil from the moment they’re born. When men believe this, they see nothing wrong in acting in any way they please. The name of this absurdity is ‘original sin’. That’s inmpossible. That which is outside the possibility of choice is also outside the province of morality. To call sin that which is outside man’s choice is a mockery of justice. To say that men are born with a free will but with a tendency toward evil is ridiculous. If the tendency is one of choice, it doesn’t come at birth. If it is not a tendency of choice, then man’s will is not free.</p>
<p>And then there’s your ‘brother-love’ morality. Why is it moral to serve others, but not yourself? If enjoyment is a value, why is it moral when experienced by others, but not by you? Why is it immoral to produce something of value and keep it for yourself, when it is moral for others who haven’t earned it to accept it? If it’s virtuous to give, isn’t it then selfish to take?</p>
<p>Your acceptance of the code of selflessness has made you fear the man who has a dollar less than you because it makes you feel that that dollar is rightfully his. You hate the man with a dollar more than you because the dollar he’s keeping is rightfully yours. Your code has made it impossible to know when to give and when to grab.</p>
<p>You know that you can’t give away everything and starve yourself. You’ve forced yourselves to live with undeserved, irrational guilt. Is it ever proper to help another man? No, if he demands it as his right or as a duty that you owe him. Yes, if it’s your own free choice based on your judgment of the value of that person and his struggle. This country wasn’t built by men who sought handouts. In its brilliant youth, this country showed the rest of the world what greatness was possible to Man and what happiness is possible on Earth.</p>
<p>Then it began apologizing for its greatness and began giving away its wealth, feeling guilty for having produced more than ikts neighbors. Twelve years ago, I saw what was wrong with the world and where the battle for Life had to be fought. I saw that the enemy was an inverted morality and that my acceptance of that morality was its only power. I was the first of the men who refused to give up the pursuit of his own happiness in order to serve others.</p>
<p>To those of you who retain some remnant of dignity and the will to live your lives for yourselves, you have the chance to make the same choice. Examine your values and understand that you must choose one side or the other. Any compromise between good and evil only hurts the good and helps the evil.</p>
<p>If you’ve understood what I’ve said, stop supporting your destroyers. Don’t accept their philosophy. Your destroyers hold you by means of your endurance, your generosity, your innocence, and your love. Don’t exhaust yourself to help build the kind of world that you see around you now. In the name of the best within you, don’t sacrifice the world to those who will take away your happiness for it.</p>
<p><b>The world will change when you are ready to pronounce this oath:<br/>I swear by my Life and my love of it that I will never live for the sake of another man,<br/>nor ask another man to live for the sake of mine.</b></p>
</div>
<style type="text/css">
.box {
position: absolute;
border: 2px solid #000;
background-color: #999;
}
.box-active {
background-color: red;
}
#box-1 {
top: 300px;
left: 150px;
width: 200px;
height: 100px;
}
#box-2 {
top: 120px;
left: 50px;
width: 100px;
height: 50px;
}
#box-3 {
top: 200px;
left: 250px;
width: 170px;
height: 30px;
}
</style>
<div id="box-1" class="box"></div>
<div id="box-2" class="box"></div>
<div id="box-3" class="box"></div>
<script type="text/javascript">
$('.box').hovernear(
function(e) {
$(this).addClass('box-active').css('background-color', 'rgb('+(e.proximity*75 + 50)+'%,'+(e.proximity*80 + 10)+'%,'+(e.proximity*100 + 10)+'%)');
},
function(e) {
$(this).removeClass('box-active');
}
);
</script>
<div id="right-bar" class="panel left-right clearfix">
<div class="ui-toggle">menu</div>
<div class="inner">
<ul class="ui-content clearfix">
<li class="step first"><a href="">Home</a></li>
<li class="step"><a href="">Products</a></li>
<li class="step"><a href="">Clients</a></li>
<li class="step"><a href="">About Us</a></li>
<li class="step last"><a href="">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div id="left-bar" class="panel left-right clearfix">
<div class="inner">
<ul class="ui-content clearfix">
<li><a href="">Home</a></li>
<li><a href="">Products</a></li>
<li><a href="">Clients</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Contact Us</a></li>
</ul>
</div>
<div class="ui-toggle">menu</div>
</div>
<div id="right-bar-2" class="panel left-right clearfix">
<div class="ui-toggle">menu</div>
<div class="inner">
<ul class="ui-content clearfix">
<li><a href="">Home</a></li>
<li><a href="">Products</a></li>
<li><a href="">Clients</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Contact Us</a></li>
</ul>
</div>
</div>
<div id="top-bar" class="panel">
<div class="inner">
<div class="ui-content">
<h1>Damn. This toggler be maad smart!</h1>
<p>It dices. It slices. It makes toast. It makes babies. <em>It does it all.</em></p>
</div>
</div>
<div class="ui-toggle">menu</div>
</div>
<script type="text/javascript" charset="utf-8">
$('#top-bar').smarttoggle('slide2');
$('#left-bar').smarttoggle('slide2', {
direction: 'left'
});
$('#right-bar').smarttoggle('slide2', {
direction: 'right',
easing: 'easeInOutExpo',
eventType: 'hover',
stepMode: true
});
$('#right-bar-2').smarttoggle('slide2', {
direction: 'right',
easing: 'easeInOutExpo',
contentHidden: false
}, function() {
});
</script>
</body>
</html>