-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (80 loc) · 6.88 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="icon" type="image/png" href="/images/favicon.png" />
<link href='https://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd">
<link rel="stylesheet" href="css/minitel.css">
<title>Minitel</title>
</head>
<body>
<div class="page-wrapper">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 full-height">
<div id="left-pane">
<img class="img-fluid" id="MinitelLogo" src="images/LogoSmall.png"/>
</div>
<div class="bring-minitel">
<a href="#" onclick="command(event,'getMinitel');">Where is my Minitel ?</a>
</div>
<div id="minitel-wrapper" class="">
<div id="minitel" class="minitel-out">
<p class="miniteltyped"></p>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 full-height">
<div id="left-background" class="left-side"></div>
<div class="right-content">
<h1># Présentation</h1>
<p>Minitel est une association de l'<a href="http://www.mines-stetienne.fr/formation/ismin/">École des Mines de Saint-Étienne - Campus Provence</a> créée en 2015 afin de pouvoir apporter du soutien de la part des élèves pour l'administration du réseau informatique notamment à la résidence.</p>
<h1># Nos Projets</h1>
<p>L'association a participé et contribue aux projets suivants :</p>
<ul>
<li><a href="#" onclick="command(event,'getProject', 'WiFi');">Installation du Wi-Fi à la résidence</a></li>
<li><a href="#" onclick="command(event,'getProject', 'FileSharing');">Service de partage de fichiers entre les étudiants</a></li>
<li><a href="#" onclick="command(event,'getProject', 'Hosting');">Hébergement de sites internet</a></li>
</ul>
<h1># L'équipe Actuelle</h1>
<p>L'association est composée de 6 membres chargés de l'administration et du bon fonctionnement de l'association. À cette équipe s'ajoutent les membres de l'association qui font don de leur temps et de leur savoir pour réaliser des projets.</p>
<figure>
<img src="images/equipe.jpg" class="img-fluid img-rounded"/>
<figcaption>L'équipe du Conseil d'Administration</figcaption>
</figure>
<h1># Notre Matériel</h1>
<p>Tous nos services sont hebergés sur un serveur Multi-Applicatif Philips HD2647/20 XL (<a href="#" class="serverimage" onclick="return false;">Image</a>).</p>
<p><a href="#" onclick="command(event,'getHardware', '--all --verbose');">Plus de (vrais) détails</a></p>
<h1># Nous contacter</h1>
<p>Vous pouvez nous adresser vos remarques, questions et lettres enflammées par mail à <a href="mailto:[email protected]" data-comment="seriously, the email adress is updated by javascript don't change anything ;)" class="rot-email">cette adresse</a>.</p>
<p>Nous nous ferons un plaisir de vous répondre dans les plus brefs délais.</p>
</div>
<div class="hidden">
<div id="explainWiFi">
<h1>L'installation du Wi-Fi</h1>
<p>Acquisition de points d'accès et rassemblement de la somme nécessaire</p>
</div>
<div id="explainFileSharing">
<h1>Partage de fichiers</h1>
<p>Acquisition de points d'accès et rassemblement de la somme nécessaire</p>
</div>
<div id="explainHosting">
<h1>Hébergement de sites</h1>
<p> Nullam rutrum dolor tortor, in sollicitudin nulla elementum vel. Nunc velit nisi, rhoncus sit amet fermentum in, rhoncus a ante. Donec a purus neque. Mauris lobortis mollis malesuada. Nulla pretium, massa in volutpat euismod, eros metus eleifend ipsum, a ultricies nisi diam id nisl. Integer mollis, sem at laoreet aliquet, sem odio ullamcorper dui, a eleifend sapien mi id risus. Vivamus dignissim massa ligula, et placerat velit rutrum in. Sed bibendum consequat diam non lacinia. Integer id lacus a tortor imperdiet pharetra a quis orci. Nullam lectus magna, ornare at aliquet in, viverra sed mauris. </p>
<p> Nullam rutrum dolor tortor, in sollicitudin nulla elementum vel. Nunc velit nisi, rhoncus sit amet fermentum in, rhoncus a ante. Donec a purus neque. Mauris lobortis mollis malesuada. Nulla pretium, massa in volutpat euismod, eros metus eleifend ipsum, a ultricies nisi diam id nisl. Integer mollis, sem at laoreet aliquet, sem odio ullamcorper dui, a eleifend sapien mi id risus. Vivamus dignissim massa ligula, et placerat velit rutrum in. Sed bibendum consequat diam non lacinia. Integer id lacus a tortor imperdiet pharetra a quis orci. Nullam lectus magna, ornare at aliquet in, viverra sed mauris. </p>
</div>
<div id="explainHardware">
<h1>Matériel de l'association</h1>
<p> Nullam rutrum dolor tortor, in sollicitudin nulla elementum vel. Nunc velit nisi, rhoncus sit amet fermentum in, rhoncus a ante. Donec a purus neque. Mauris lobortis mollis malesuada. Nulla pretium, massa in volutpat euismod, eros metus eleifend ipsum, a ultricies nisi diam id nisl. Integer mollis, sem at laoreet aliquet, sem odio ullamcorper dui, a eleifend sapien mi id risus. Vivamus dignissim massa ligula, et placerat velit rutrum in. Sed bibendum consequat diam non lacinia. Integer id lacus a tortor imperdiet pharetra a quis orci. Nullam lectus magna, ornare at aliquet in, viverra sed mauris. </p>
<p> Nullam rutrum dolor tortor, in sollicitudin nulla elementum vel. Nunc velit nisi, rhoncus sit amet fermentum in, rhoncus a ante. Donec a purus neque. Mauris lobortis mollis malesuada. Nulla pretium, massa in volutpat euismod, eros metus eleifend ipsum, a ultricies nisi diam id nisl. Integer mollis, sem at laoreet aliquet, sem odio ullamcorper dui, a eleifend sapien mi id risus. Vivamus dignissim massa ligula, et placerat velit rutrum in. Sed bibendum consequat diam non lacinia. Integer id lacus a tortor imperdiet pharetra a quis orci. Nullam lectus magna, ornare at aliquet in, viverra sed mauris. </p>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://www.atlasestateagents.co.uk/javascript/tether.min.js"></script><!-- Tether for Bootstrap -->
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js" integrity="sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7"></script>
<script src="js/typed.min.js"></script>
<script src="js/minitel.js"></script>
</body>
</html>