| 318 |
richard |
1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
|
|
2 |
<HTML><!-- by REXY -->
|
|
|
3 |
<HEAD>
|
|
|
4 |
<TITLE>bonus</TITLE>
|
|
|
5 |
</HEAD>
|
|
|
6 |
<BODY background="/images/linux_ksc2.jpg" TEXT="#FFFFFF" BGCOLOR="#000000">
|
|
|
7 |
<!-- on crée 3 calques -->
|
|
|
8 |
<div ID="obj1" STYLE="position:absolute;TOP:0px;LEFT:0px;width:20px;height:18px;">
|
|
|
9 |
<dd><img src="/images/mini-tux.png" alt="linux" WIDTH="65" HEIGHT="72"></dd>
|
|
|
10 |
</div>
|
|
|
11 |
<div ID="obj2" STYLE="position:absolute;TOP:0px;LEFT:0px;width:20px;height:18px;">
|
|
|
12 |
<dd><img src="/images/mini-tux.png" alt="linux" WIDTH="65" HEIGHT="72"></dd>
|
|
|
13 |
</div>
|
|
|
14 |
<div ID="obj3" STYLE="position:absolute;TOP:0px;LEFT:0px;width:20px;height:18px;">
|
|
|
15 |
<dd><img src="/images/mini-tux.png" alt="linux" WIDTH="65" HEIGHT="72"></dd>
|
|
|
16 |
</div>
|
| 1225 |
franck |
17 |
<div ID="obj4" STYLE="position:absolute;TOP:0px;LEFT:0px;width:20px;height:18px;">
|
|
|
18 |
<dd><img src="/images/mini-tux.png" alt="linux" WIDTH="65" HEIGHT="72"></dd>
|
|
|
19 |
</div>
|
| 318 |
richard |
20 |
<CENTER><H2>A.L.C.A.S.A.R</H2>
|
|
|
21 |
<H3>
|
|
|
22 |
Application Libre pour le Contrôle Authentifié et Sécurisé des Accès au Réseau
|
|
|
23 |
</H3></CENTER>
|
|
|
24 |
<script LANGUAGE="javascript">
|
|
|
25 |
//Fonction pour ouvrir une nouvelle fenêtre
|
|
|
26 |
function ouvrir(page)
|
|
|
27 |
{
|
|
|
28 |
window.open(page, "From Rexy74", "alwaysRaised=yes,toolbar=yes,location=yes,directories=no,status=no,menubar=yes,scrollbars=yes,resizable=no,copyhistory=no,hotkeys=no,width=640 ,height=480");
|
|
|
29 |
}
|
|
|
30 |
//Code d'animation
|
|
|
31 |
/* On récupère les 3 calques */
|
|
|
32 |
var div1 = document.all.obj1.style;
|
|
|
33 |
var div2 = document.all.obj2.style;
|
|
|
34 |
var div3 = document.all.obj3.style;
|
| 1225 |
franck |
35 |
var div4 = document.all.obj4.style;
|
| 318 |
richard |
36 |
var objet;
|
| 1225 |
franck |
37 |
objet = new Array(div1,div2,div3,div4)
|
| 318 |
richard |
38 |
/* On placer l'objet (i) au coordonnees (px,py) */
|
|
|
39 |
function placeObj(i,px,py)
|
|
|
40 |
{
|
|
|
41 |
objet[i].left=px;
|
|
|
42 |
objet[i].top=py;
|
|
|
43 |
}
|
|
|
44 |
/* On se place au centre de la fenêtre */
|
|
|
45 |
var yBase = window.innerHeight/3;
|
|
|
46 |
var xBase = window.innerWidth/3;
|
| 1225 |
franck |
47 |
var delay = 1005;
|
|
|
48 |
var yAmpl = 20;
|
|
|
49 |
var yMax = 50;
|
| 318 |
richard |
50 |
var step = .1;
|
|
|
51 |
var ystep = .25;
|
|
|
52 |
var currStep = 0;
|
|
|
53 |
var tAmpl=1;
|
|
|
54 |
// définition du centre de gravité
|
|
|
55 |
var Xpos = 300;
|
|
|
56 |
var Ypos = 220;
|
|
|
57 |
var j = 0;
|
|
|
58 |
function animation()
|
|
|
59 |
{
|
|
|
60 |
var cx;var cy;
|
| 1225 |
franck |
61 |
for ( j = 0 ; j < 4 ; j++ )
|
| 318 |
richard |
62 |
{
|
|
|
63 |
// merci à supelec pour la fonction
|
|
|
64 |
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);
|
|
|
65 |
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);
|
|
|
66 |
placeObj(j,cx,cy);
|
|
|
67 |
}
|
|
|
68 |
currStep += step;
|
|
|
69 |
setTimeout("animation()", 10) ;
|
|
|
70 |
}
|
|
|
71 |
animation();
|
|
|
72 |
</script>
|
|
|
73 |
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
|
|
|
74 |
<TABLE width="100%" border="1" cellspacing="0" cellpadding="0">
|
|
|
75 |
<TR>
|
|
|
76 |
<TD align="center"><A HREF=javascript:ouvrir("http://www.linux.org")><img border="0" src="/images/footer_linux.png"></A></TD>
|
| 1157 |
stephane |
77 |
<TD align="center"><A HREF=javascript:ouvrir("http://www.mageia.org")><img border="0" src="/images/footer_mageia.png"></A></TD>
|
| 318 |
richard |
78 |
<TD align="center"><A HREF=javascript:ouvrir("http://www.coova.org/CoovaChilli")><img border="0" src="/images/footer_coova.png"></A></TD>
|
|
|
79 |
<TD align="center"><A HREF=javascript:ouvrir("http://www.freeradius.org")><img border="0" src="/images/footer_freeradius.png"></A></TD>
|
| 806 |
richard |
80 |
<TD align="center"><A HREF=javascript:ouvrir("http://www.mysql.com")><img border="0" src="/images/footer_mysql.png"></A></TD>
|
| 318 |
richard |
81 |
<TD align="center"><A HREF=javascript:ouvrir("http://www.apache.org")><img border="0" src="/images/footer_apache.png"></A></TD>
|
|
|
82 |
<TD align="center"><A HREF=javascript:ouvrir("http://www.php.net")><img border="0" src="/images/footer_php.png"></A></TD>
|
|
|
83 |
</TR>
|
|
|
84 |
<TR>
|
|
|
85 |
<TD align="center"><A HREF=javascript:ouvrir("http://www.gnupg.org")><img border="0" src="/images/footer_gnupg.png"></A></TD>
|
|
|
86 |
<TD align="center"><A HREF=javascript:ouvrir("http://awstats.sourceforge.net")><img border="0" src="/images/footer_awstats.png"></A></TD>
|
|
|
87 |
<TD align="center"><A HREF=javascript:ouvrir("http://firewalleyes.creabilis.com")><img border="0" src="/images/footer_firewalleyes.png"></A></TD>
|
|
|
88 |
<TD align="center"><A HREF=javascript:ouvrir("http://www.netfilter.org")><img border="0" src="/images/footer_netfilter.png"></A></TD>
|
|
|
89 |
<TD align="center"><A HREF=javascript:ouvrir("http://www.squid-cache.org")><img border="0" src="/images/footer_squid.png"></A></TD>
|
|
|
90 |
<TD align="center"><A HREF=javascript:ouvrir("http://dansguardian.org")><img border="0" src="/images/footer_dansguardian.png"></A></TD>
|
| 806 |
richard |
91 |
<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 |
92 |
</TR>
|
|
|
93 |
</TABLE>
|
|
|
94 |
</BODY>
|
|
|
95 |
</HTML>
|