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
|
<html>
<head>
<meta charset="utf-8" />
<meta name="description" content="IMGRID A 3D GRID-PLANE GENERATOR" >
<meta name="keywords" content="photoblaster, 3D" >
<link rel="shortcut icon" href="http://asdf.us/imgrid/favicon.ico">
<link rel="image_src" href="http://vfile.com/public/img/1.png" >
<!--<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">-->
<meta property="og:title" content="imgrid" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://asdf.us/imgrid" />
<meta property="og:site_name" content="IMGRID - A 3D-GRID-PLANE GENERATOR" />
<title>IMGRID - a 3D GRID-PLANE GENERATOR</title>
<style type="text/css">
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0pt none;
font: inherit;
margin: 0pt;
padding: 0pt;
vertical-align: baseline;
}
body
{
// background-attachment: fixed;
// background-image: url(background.gif);
// text-transform: uppercase;
// background-position: center center;
color: black;
}
.vlarge
{
font-size:22px;
}
.small
{
font-size:14px;
}
.large
{
font-size:18px;
}
#bg
{
postion:absolute;
z-index:-1;
}
#athena
{
position:absolute;
z-index:1;
top: 20px;
left: 20px;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Gentium+Book+Basic' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="bg">
<div><table cellspacing=0 cellpadding=0><tr><td>
<img src="background.gif" />
</td></tr></table></div>
</div>
<div id="athena"><img src="athenafinal.gif"></img></div>
</body>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">
var intro =
{
step: 0,
steps: 100,
delta: 0.02,
opacity: 0,
spin: function ()
{
document.getElementById("bg").style.opacity = intro.opacity + intro.delta*intro.step
if (intro.step < 10)
intro.step += 0.2
else
intro.step += 3
if (intro.step < intro.steps)
setTimeout(intro.spin,100)
}
}
var newintro =
{
step: 0,
steps: 100,
delta: 0.02,
opacity: 0,
spin: function ()
{
document.getElementById("athena").style.opacity = newintro.opacity + newintro.delta*newintro.step
if (newintro.step < 10)
newintro.step += 0.5
else
newintro.step += 3
if (newintro.step < newintro.steps)
setTimeout(newintro.spin,100)
}
}
intro.spin()
newintro.spin()
</script>
</html>
|
