| 318 |
richard |
1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
| 2926 |
rexy |
2 |
<html><!-- by REXY -->
|
|
|
3 |
<head>
|
|
|
4 |
<meta charset="utf-8">
|
|
|
5 |
<title>About ALCASAR</TITLE>
|
|
|
6 |
</head>
|
|
|
7 |
<body background="/images/background-web-mini.jpg">
|
|
|
8 |
<!-- on crée 4 calques -->
|
|
|
9 |
<div ID="obj1" STYLE="position:absolute;TOP:0px;LEFT:0px;width:20px;height:18px;">
|
|
|
10 |
<dd><img src="/images/mini-tux.png" alt="linux" WIDTH="65" HEIGHT="72"></dd>
|
|
|
11 |
</div>
|
|
|
12 |
<div ID="obj2" STYLE="position:absolute;TOP:0px;LEFT:0px;width:20px;height:18px;">
|
|
|
13 |
<dd><img src="/images/mini-tux.png" alt="linux" WIDTH="65" HEIGHT="72"></dd>
|
|
|
14 |
</div>
|
|
|
15 |
<div ID="obj3" STYLE="position:absolute;TOP:0px;LEFT:0px;width:20px;height:18px;">
|
|
|
16 |
<dd><img src="/images/mini-tux.png" alt="linux" WIDTH="65" HEIGHT="72"></dd>
|
|
|
17 |
</div>
|
|
|
18 |
<div ID="obj4" STYLE="position:absolute;TOP:0px;LEFT:0px;width:20px;height:18px;">
|
|
|
19 |
<dd><img src="/images/mini-tux.png" alt="linux" WIDTH="65" HEIGHT="72"></dd>
|
|
|
20 |
</div>
|
| 318 |
richard |
21 |
<script LANGUAGE="javascript">
|
|
|
22 |
//Fonction pour ouvrir une nouvelle fenêtre
|
|
|
23 |
function ouvrir(page)
|
|
|
24 |
{
|
| 2134 |
richard |
25 |
window.open(page, "From Rexy", "alwaysRaised=yes,toolbar=yes,location=yes,directories=no,status=no,menubar=yes,scrollbars=yes,resizable=no,copyhistory=no,hotkeys=no,width=640 ,height=480");
|
| 318 |
richard |
26 |
}
|
|
|
27 |
//Code d'animation
|
|
|
28 |
/* On récupère les 3 calques */
|
|
|
29 |
var div1 = document.all.obj1.style;
|
|
|
30 |
var div2 = document.all.obj2.style;
|
|
|
31 |
var div3 = document.all.obj3.style;
|
| 1225 |
franck |
32 |
var div4 = document.all.obj4.style;
|
| 318 |
richard |
33 |
var objet;
|
| 1225 |
franck |
34 |
objet = new Array(div1,div2,div3,div4)
|
| 318 |
richard |
35 |
/* On placer l'objet (i) au coordonnees (px,py) */
|
|
|
36 |
function placeObj(i,px,py)
|
|
|
37 |
{
|
|
|
38 |
objet[i].left=px;
|
|
|
39 |
objet[i].top=py;
|
|
|
40 |
}
|
|
|
41 |
/* On se place au centre de la fenêtre */
|
|
|
42 |
var yBase = window.innerHeight/3;
|
|
|
43 |
var xBase = window.innerWidth/3;
|
| 1225 |
franck |
44 |
var delay = 1005;
|
|
|
45 |
var yAmpl = 20;
|
|
|
46 |
var yMax = 50;
|
| 318 |
richard |
47 |
var step = .1;
|
|
|
48 |
var ystep = .25;
|
|
|
49 |
var currStep = 0;
|
|
|
50 |
var tAmpl=1;
|
|
|
51 |
// définition du centre de gravité
|
|
|
52 |
var Xpos = 300;
|
|
|
53 |
var Ypos = 220;
|
|
|
54 |
var j = 0;
|
|
|
55 |
function animation()
|
|
|
56 |
{
|
|
|
57 |
var cx;var cy;
|
| 1225 |
franck |
58 |
for ( j = 0 ; j < 4 ; j++ )
|
| 318 |
richard |
59 |
{
|
|
|
60 |
// merci à supelec pour la fonction
|
|
|
61 |
cx=Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/(10+j))+0.2)*Math.cos((currStep + j*25)/10);
|
|
|
62 |
cy=Ypos + Math.cos((20*Math.sin(currStep/(20+j)))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
|
|
|
63 |
placeObj(j,cx,cy);
|
|
|
64 |
}
|
|
|
65 |
currStep += step;
|
|
|
66 |
setTimeout("animation()", 10) ;
|
|
|
67 |
}
|
|
|
68 |
animation();
|
|
|
69 |
</script>
|
| 2926 |
rexy |
70 |
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: rgba(255, 255, 255, 0.5);">
|
| 318 |
richard |
71 |
<TR>
|
| 2926 |
rexy |
72 |
<TD align="center"><A HREF="javascript:ouvrir('http://www.linux.org')"><img border="0" src="/images/footer_linux.png"></A></TD>
|
|
|
73 |
<TD align="center"><A HREF="javascript:ouvrir('http://www.mageia.org')"><img border="0" src="/images/footer_mageia.png"></A></TD>
|
|
|
74 |
<TD align="center"><A HREF="javascript:ouvrir('http://www.coova.org/CoovaChilli')"><img border="0" src="/images/footer_coova.png"></A></TD>
|
|
|
75 |
<TD align="center"><A HREF="javascript:ouvrir('http://www.freeradius.org')"><img border="0" src="/images/footer_freeradius.png"></A></TD>
|
|
|
76 |
<TD align="center"><A HREF="javascript:ouvrir('http://www.mariadb.org')"><img border="0" src="/images/footer_mariadb.png"></A></TD>
|
|
|
77 |
<TD align="center"><A HREF="javascript:ouvrir('https://lighttpd.net')"><img border="0" src="/images/footer_lighttpd.png"></A></TD>
|
|
|
78 |
<TD align="center"><A HREF="javascript:ouvrir('http://www.php.net')"><img border="0" src="/images/footer_php.png"></A></TD>
|
| 318 |
richard |
79 |
</TR>
|
|
|
80 |
<TR>
|
| 2926 |
rexy |
81 |
<TD align="center"><A HREF="javascript:ouvrir('http://www.fpdf.org')"><img border="0" src="/images/footer_fpdf.png"></A></TD>
|
|
|
82 |
<TD align="center"><A HREF="javascript:ouvrir('https://sourceforge.net/projects/ipt-netflow')"><img border="0" src="/images/footer_netflow.png"></A></TD>
|
|
|
83 |
<TD align="center"><A HREF="javascript:ouvrir('https://www.clamav.net')"><img border="0" src="/images/footer_clamav.png"></A></TD>
|
|
|
84 |
<TD align="center"><A HREF="javascript:ouvrir('http://www.netfilter.org')"><img border="0" src="/images/footer_netfilter.png"></A></TD>
|
|
|
85 |
<TD align="center"><A HREF="javascript:ouvrir('http://www.wammu.eu')"><img border="0" src="/images/footer_gammu.png"></A></TD>
|
|
|
86 |
<TD align="center"><A HREF="javascript:ouvrir('http://e2guardian.org')"><img border="0" src="/images/footer_e2guardian.png"></A></TD>
|
|
|
87 |
<TD align="center"><A HREF="javascript:ouvrir('http://thekelleys.org.uk/dnsmasq/doc.html')"><img border="0" src="/images/footer_dnsmasq.png"></A></TD>
|
| 318 |
richard |
88 |
</TR>
|
| 2926 |
rexy |
89 |
</table>
|
|
|
90 |
</body>
|
|
|
91 |
</html>
|