-
Notifications
You must be signed in to change notification settings - Fork 71
/
index.html
128 lines (119 loc) · 6.41 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
<!doctype html>
<html>
<head>
<!-- change this so that scrolling on ipad i unecessary -->
<meta name="viewport" content="height=device-height,width=device-width,initial-scale=0.8,maximum-scale=1.0" />
<title>box2d-jquery by fullstackoptimization.com</title>
<meta name="description" content="Transform your DOM into an awesome 2D physical world! Box2d-jquery is an easy-to-use wrapper around box2d-web. Just try it!">
<link href='http://fonts.googleapis.com/css?family=Rokkitt' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:200,300' rel='stylesheet' type='text/css'>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="canonical" href="http://www.fullstackoptimization.com/box2d-jquery/">
<meta name="robots" content="index, follow">
<style>
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);
body {border: 0px solid red;}
body{
background:#323232;
color:#859900;
text-decoration:none;
text-align:center;
font-family: "Open Sans";
font.size:16px;
}
a {
color:#859900;
text-decoration:underline;
}
a:hover, a:visited, a:active{
color:#859900;
text-decoration:underline;
}
[onclick] { color:#859900; text-decoration:underline; }
h2 {
font-size: 44px;
font-weight: 700;
line-height: 24px;
margin-top: 24px;
width: 220px;
text-decoration:none !important;
}
h2 a { text-decoration:none !important; }
div, img, h2, h1, hr, span, code {
max-width: 320px;
margin: 0 auto;
border: none;
}
.normal {
font-weight: 300;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 22px;
line-height: 12px;
text-decoration:none !important;
}
#europe { font-size: 42px; font-family: 'RokkittLight','Rokkitt',sans-serif;}
.github {
width: 64px;
border-radius: 50%;
position:absolute;
top:100px;
right:40px;
border-radius: 50%;
border:2px solid #859900 !important;
}
.box2d, h1, code {cursor: hand; cursor: pointer; }
code { font-family: 'Source Code Pro', sans-serif; font-size: 15px; }
</style>
</head>
<body>
<center><a href="https://github.com/franzenzenhofer/box2d-jquery" class="box2d github" data-box2d-restitution="1" data-box2d-shape="circle" target="_blank"><img src="./img/github-logo.png" alt="box2d jquery fork on github" title="fork on github" width="64px" height="64px"></a>
<span class="box2d" >Hey</span> <span class="box2d" >...</span><br>
<img class="box2d" src="img/fullstackoptimization-logo-114.png" height="114px" width="114px" alt="full stack optimization logo" data-box2d-restitution="0.9" data-box2d-friction="0.8" onClick="document.location='http://www.fullstackoptimization.com/';">
<h2 class="box2d" ><a href="http://www.fullstackoptimization.com/">full stack<br><span class="normal" onClick="document.location='http://www.fullstackoptimization.com/'">optimization</span></a></h2>
<span class="box2d">is sponsoring</span><br>
<img class="box2d" src="img/jquery-logo.png" width="320px" height="78px" alt="jquery logo" onClick="document.location='http://events.jquery.org/2013/eu/">
<br><span class="box2d" onClick="document.location='http://events.jquery.org/2013/eu/';" id="europe">Europe 2013</span><br>
<span class="box2d"><a href="https://github.com/franzenzenhofer/box2d-jquery/blob/master/CHALLENGE.md">RaspberryPi 4 Pull-Requests Challenge!</a></span><br><br>
<img class="box2d" src="http://maps.google.com/maps/api/staticmap?center=48.220784,16.380615&zoom=12&markers=color:blue|48.222452,16.359666&size=320x220&sensor=true" width="320px" height="220px" onDoubleClick="document.location='https://maps.google.com/maps?q=palais+liechtenstein+vienna+austria&hl=en&ll=48.223929,16.359673&spn=0.031507,0.059481&sll=47.73132,12.978299&sspn=4.071454,7.613525&hq=palais+liechtenstein+vienna+austria&t=m&z=14&iwloc=A';">
<br><a href="https://maps.google.com/maps?q=palais+liechtenstein+vienna+austria&hl=en&ll=48.223929,16.359673&spn=0.031507,0.059481&sll=47.73132,12.978299&sspn=4.071454,7.613525&hq=palais+liechtenstein+vienna+austria&t=m&z=14&iwloc=A" class="box2d" >Palais Liechtenstein, Vienna</a><br>
<span class="box2d" >Austria</span><br>
<span class="box2d" >22nd/23rd February 2013</span><br>
<span class="box2d" >that's why we coded</span><br>
<h1 style="width:240px;" onClick="document.location='https://github.com/franzenzenhofer/box2d-jquery';">box2d-jquery</h1><br>
<code>$('div').box2d({'x-velocity':10});</code><br>
<span class="box2d" >a jquery plugin to transfer your dom</span><br>
<span class="box2d" >into 2d-physical objects.</span><br>
<span class="box2d" >enjoy and <a href="https://github.com/franzenzenhofer/box2d-jquery">f♡rk on github</a></span><br>
<span class="box2d" >p.s.: 5% off for the conference with</span><br>
<span class="box2d" >the <a href="http://jquery-eu-2013.eventbrite.com/?discount=fullstackoptimization">voucher code "fullstackoptimization"</a></span><br>
<br>
<br>
<div><img src="./img/f19n.png" width="54px" height="52px" class="box2d" data-box2d-shape="circle"></div>
<br>
<br>
</center>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="./js/lib/jquery.box2d.min.js"></script>
<script>
$('document').ready(function(){
window.setTimeout(function(){
$("h1, code, .box2d").box2d({'y-velocity':9.8, 'x-velocity':-0.05, 'debug':false});
},500);
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34880400-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>