Skip to content
GitLab
Commit 50669400 authored by Pascal Noisette's avatar Pascal Noisette
Browse files

- proposition de page web 

- fondu en javascript
- contenu a completer
- degradé a revoir !
parent d105f26d
Hide whitespace changes
Inline Side-by-side
web/index.html 0 → 100644
View file @ 50669400
<html encoding="iso-8859-1" version="1.0">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vite's Project Page </title>
<link type="text/css" rel="stylesheet" href="style.css">
<script language=Javascript SRC="script.js"> </script>
</head>
<body>
<div id='intro'>
<img id="logo" src="vite.png" alt="logo"/>
</div>
<div id='menu'>
<ul id="gauchetoute">
<li class="hightlight"><a href="#Dow">Download</a></li>
<li class="hightlight"><a href="#Doc">Documentation</a></li>
<li class="hightlight"><a href="#Dev">Developer Team</a></li>
</ul>
</div>
<hr/>
<div id='corps'>
<div id='Dow'>
<a id="clic" href=""><img id="getvite" src="getvite.png" alt="logo"/>Get Vite</a>
<p>
<pre>
Visualisateur de trace d'execution.
</pre>
</p>
<img id="demo" src="ubuntu.png" alt="ubuntudemo"/>
<img style="display:none" id="demo2" src="alternate.png" alt="ubuntudemo"/>
</div>
<hr id="separeimage"/>
<div id='Fea'>
<p>Features :
<ul class="semblant">GUI :
<li>Zoom</li>
<li>Fast Selection</li>
</ul>
<ul class="semblant">Command Line Tool :
<li>Exportation to svg</li>
</ul>
<ul class="semblant">Parsing :
<li>Stable</li>
<li>Bug report for non-compliant traces</li>
</ul>
<ul class="semblant">Multi-plateforme :
<li>MAC-OSX</li>
<li>Windows</li>
<li>Linux</li>
</ul>
</div>
<hr/>
<div id='Doc'>
<p>
<a href=""><img id="pdf" src="pdf.png" alt="logo"/>User Manual</a>
<pre>
Introduction
How to use
Compilation/Installation
(Linux, MacOs,Windows)
Launching, Open a File, Export, Navigation.
Shortcuts
Command Lines
</pre>
</p>
<p>
<a href=""><img id="pdf" src="pdf.png" alt="logo"/>Technical Manual</a>
<pre>
Introduction
How to use
Compilation/Installation
(Linux, MacOs,Windows)
Launching, Open a File, Export, Navigation.
Shortcuts
Command Lines
</pre>
</p>
</div>
<hr/>
<div id='Dev'>
<p><img id="cplus" src="c++.png" alt="team"/>Equipe-Projet
<ul class="semblant">Administrateurs :
<li>Arthur Redondy</li>
<li>Clément VUCHENER</li>
<li>Johnny Jazeix</li>
<li>Jule Marcoueille</li>
<li>Kevin coulomb</li>
<li>Lagrasse Olivier</li>
<li>Mathieu Faverge</li>
<li>Pascal Noisette</li>
</ul>
<ul class="semblant">Développeurs :
<li>Cédric Augonnet</li>
<li>François Broquedis</li>
<li>Frédéric Herbreteau</li>
<li>Jérémie Gaidamour</li>
<li>Jérôme Clet-Ortega</li>
<li>Nicolas Richart</li>
<li>Xavier Lacoste</li>
</ul>
</div>
</div>
<hr/>
<div id="content">
Licence
Notice
-<a style="color:gray;text-decoration:none" href="mailto:pascal0123@live.fr">Designed Pascal NOISETTE</a>-
</div>
</body>
<script language=Javascript>
start();
</script>
</html>
web/pdf.png 0 → 100644
View file @ 50669400
web/pdf.png

1.52 KB

web/script.js 0 → 100644
View file @ 50669400
var image1 ;
var image2;
var max = 100;
var min = 0;
var opacite1=max;
var opacite2=min;
up1=false;
up2=true;
var IsIE=!!document.all;
function fadePic1(){ image1.style.display="";
if (opacite1<max && up1){opacite1+=2;}
if (opacite1>min && !up1){opacite1-=2;}
if (opacite1>=max){up1=false;return;}
if (opacite1<=min){up1=true;return;}
IsIE?ThePic.filters[0].opacity=opacite:image1.style.opacity=opacite1/100;
setTimeout(fadePic1,100);
}
function fadePic2(){ image2.style.display="";
if (opacite2<max && up2){opacite2+=2;}
if (opacite2>min && !up2){opacite2-=2;}
if (opacite2>=max){up2=false;return;}
if (opacite2<=min){up2=true;return;}
IsIE?ThePic.filters[0].opacity=opacite:image2.style.opacity=opacite2/100;
setTimeout(fadePic2,100);
}
function start()
{
image1 = document.getElementById("demo");
image2 = document.getElementById("demo2");
setTimeout(sw,1000);
}
function sw()
{
setTimeout(fadePic1,100);
setTimeout(fadePic2,100);
setTimeout(sw2,10000);
}
function sw2()
{
setTimeout(fadePic1,100);
setTimeout(fadePic2,100);
setTimeout(sw2,10000);
}
function sw8()
{
image1.style.display="";
image2.style.display="none";
setTimeout(sw2,5000);
}
function sw28()
{
image2.style.display="";
image1.style.display="none";
setTimeout(sw,5000);
}
/*
menu = document.getElementById('menu');
cacher_sous_menu();
menu.i=-150;
menu.retrait=true;//en retrait
menu.busy=false;
menu.style.left = menu.i +'px';
menu.onmousewheel= function (){
if (event.wheelDelta>0)
{
for (i=0;i<5;i++)
if (menu.i<-4)
incremente();
}
else
{
for (i=0;i<5;i++)
if (menu.i>-146)
decremente();
}
}
avance();
}
function cacher_sous_menu(){
tmp = document.getElementById('titremenu');
titre = tmp.getElementsByTagName('td');
tmp = document.getElementById('elementmenu');
element = tmp.getElementsByTagName('td');
if (titre.length != element.length)
{
alert("probleme de menu");
return;
}
for (i=0;i<titre.length;i++)
{
element[i].style.display="none";
titre[i].soustitre = element[i];
titre[i].onmouseover = function () {
this.soustitre.style.display="";
}
titre[i].onmouseout = function () {
this.soustitre.style.display="none";
}
}
}
function avance()
{
if (menu.busy)
return;
menu.busy = true;
if (menu.retrait){
for (i=10;i<1460;i=i+40)
{
setTimeout(incremente,i);
}
menu.retrait=false;
}
}
function recule()
{
if (menu.busy)
return;
menu.busy = true;
if (menu.retrait){
}
else{
for (i=10;i<1460;i=i+40)
{
setTimeout(decremente,i);
}
menu.retrait=true;
}
init2();
}
function incremente()
{
menu.i = menu.i + 4;
menu.style.left = menu.i +'px';
}
function decremente()
{
menu.i = menu.i - 4;
menu.style.left = menu.i +'px';
}
function init()
{
menu.busy = false;
// removeTimeout(recule);
setTimeout(recule,10000);
}
function init2()
{
menu.busy = false;
}*/
\ No newline at end of file
web/style.css 0 → 100644
View file @ 50669400
body
{
font-family:Times;
background-image:url("background.png");
background-repeat:repeat-x;
}
#corps
{
margin-left:30%;
}
a
{
text-decoration:none;
}
a:visited
{
color:black
}
a img
{
border:none;
}
#logo
{
text-align:right;
width:10%;
heigth:10%;
}
#pdf
{
}
#menu
{
position:absolute;
left:0px;
top:30%;
width : 30%;
text-align:center;
}
ul
{
list-style:none;
}
#gauchetoute
{
left:0px;
position:absolute;
top:20%;
padding:10px;
margin:10px;
text-align:left;
width : 70%;
text-decoration:none;
}
img
{
margin:10px;
margin-bottom:-4px;
}
#menu li
{
padding:10px;
}
#content
{
margin-left:30%;
text-decoration:italic;
color:gray;
}
li.hightlight:hover
{
background-color:lightblue;
}
.semblant, pre
{
font-family:Courier News;
font-size:0.8em;
}
#demo,#demo2
{
position:absolute;
heigth:200px;
}
#separeimage
{
margin-top:440;
}
#clic
{
padding:15px;
padding-left:0px;
}
#clic:hover
{
background-color:lightblue;
}
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment