| 1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
| 2 |
<html xmlns="http://www.w3.org/1999/xhtml">
|
2 |
<html xmlns="http://www.w3.org/1999/xhtml">
|
| 3 |
<head>
|
3 |
<head>
|
| 4 |
<title>Tela Botanica - Authentication</title>
|
4 |
<title>Tela Botanica - Authentication</title>
|
| 5 |
|
5 |
|
| 6 |
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
|
6 |
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
|
| 7 |
<meta http-equiv="Content-style-type" content="text/css" />
|
7 |
<meta http-equiv="Content-style-type" content="text/css" />
|
| 8 |
<meta http-equiv="Content-script-type" content="text/javascript" />
|
8 |
<meta http-equiv="Content-script-type" content="text/javascript" />
|
| 9 |
<meta http-equiv="Content-language" content="fr" />
|
9 |
<meta http-equiv="Content-language" content="fr" />
|
| 10 |
|
10 |
|
| 11 |
<meta name="revisit-after" content="15 days" />
|
11 |
<meta name="revisit-after" content="15 days" />
|
| 12 |
<meta name="robots" content="index,follow" />
|
12 |
<meta name="robots" content="index,follow" />
|
| 13 |
<meta name="author" content="Mathias Chouet" />
|
13 |
<meta name="author" content="Mathias Chouet" />
|
| 14 |
<meta name="keywords" content="Tela Botanica, authentication, connection, login" />
|
14 |
<meta name="keywords" content="Tela Botanica, authentication, connection, login" />
|
| 15 |
<meta name="description" content="Authentication widget" />
|
15 |
<meta name="description" content="Authentication widget" />
|
| 16 |
|
16 |
|
| 17 |
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
17 |
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
| 18 |
|
18 |
|
| 19 |
<link rel="stylesheet" type="text/css" href="<?=$url_css?>" media="screen" />
|
19 |
<link rel="stylesheet" type="text/css" href="<?=$url_css?>" media="screen" />
|
| 20 |
<link rel="stylesheet" type="text/css" href="http://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
|
20 |
<link rel="stylesheet" type="text/css" href="http://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
|
| 21 |
|
21 |
|
| 22 |
<script src="http://resources.tela-botanica.org/jquery/1.9.1/jquery.min.js"></script>
|
22 |
<script src="http://resources.tela-botanica.org/jquery/1.9.1/jquery.min.js"></script>
|
| 23 |
<script src="http://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
|
23 |
<script src="http://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
|
| 24 |
<script src="<?=$url_js?>"></script>
|
24 |
<script src="<?=$url_js?>"></script>
|
| 25 |
|
25 |
|
| 26 |
<script>
|
26 |
<script>
|
| 27 |
baseUrlAuth = '<?php echo $baseUrlAuth ?>';
|
27 |
baseUrlAuth = '<?php echo $baseUrlAuth ?>';
|
| 28 |
origine = '<?php echo $origine ?>';
|
28 |
origine = '<?php echo $origine ?>';
|
| 29 |
action = '<?php echo $action ?>';
|
29 |
action = '<?php echo $action ?>';
|
| 30 |
</script>
|
30 |
</script>
|
| 31 |
</head>
|
31 |
</head>
|
| 32 |
|
32 |
|
| 33 |
<body>
|
33 |
<body>
|
| 34 |
<!-- <h1>Auth !</h1> -->
|
34 |
<!-- <h1>Auth !</h1> -->
|
| 35 |
<div class="vertical-center">
|
35 |
<div class="vertical-center">
|
| 36 |
<div class="boite-centre">
|
36 |
<div class="boite-centre">
|
| 37 |
<h1>Tela Botanica</h1>
|
- |
|
| 38 |
<div class="contenu-boite" id="panneau-identification" style="display: none;">
|
37 |
<div class="contenu-boite" id="panneau-identification" style="display: none;">
|
| 39 |
<div id="liste-fournisseurs">
|
38 |
<div id="liste-fournisseurs">
|
| 40 |
<ul>
|
39 |
<ul>
|
| 41 |
<li>
|
40 |
<li class="tela-botanica">
|
| 42 |
<a href="#" data-focus="true" title="Log in with Tela Botanica" data-toggle="tooltip"
|
41 |
<a href="#" data-focus="true" title="Log in with Tela Botanica" data-toggle="tooltip"
|
| 43 |
data-nom-partenaire="Tela Botanica"
|
42 |
data-nom-partenaire="Tela Botanica"
|
| 44 |
data-login-legende="Email address"
|
43 |
data-login-legende="Email address"
|
| 45 |
data-login-type-champ="text"
|
44 |
data-login-type-champ="text"
|
| 46 |
data-url-oubli-mdp="http://www.tela-botanica.org/page:inscription?m=f_oubli_mdp">
|
45 |
data-url-oubli-mdp="http://www.tela-botanica.org/page:inscription?m=f_oubli_mdp">
|
| 47 |
<img class="grande" src="http://resources.tela-botanica.org/tb/img/64x64/logo.png" />
|
46 |
<img class="grande" src="http://resources.tela-botanica.org/tb/img/96x96/logo_sans_mots.png" />
|
| 48 |
<img class="petite" src="http://resources.tela-botanica.org/tb/img/24x24/logo.png" />
|
- |
|
| 49 |
</a>
|
47 |
</a>
|
| 50 |
</li>
|
48 |
</li>
|
| 51 |
<li>
|
49 |
<li>
|
| 52 |
<a href="#" data-focus="false" title="Log in with Pl@ntNet" data-toggle="tooltip"
|
50 |
<a href="#" data-focus="false" title="Log in with Pl@ntNet" data-toggle="tooltip"
|
| 53 |
data-nom-partenaire="Pl@ntNet"
|
51 |
data-nom-partenaire="Pl@ntNet"
|
| 54 |
data-login-legende="Username or email address"
|
52 |
data-login-legende="Username or email address"
|
| 55 |
data-login-type-champ="text"
|
53 |
data-login-type-champ="text"
|
| 56 |
data-code-partenaire="plantnet"
|
54 |
data-code-partenaire="plantnet"
|
| 57 |
data-url-oubli-mdp="http://identify.plantnet-project.org/api/resetting/request">
|
55 |
data-url-oubli-mdp="http://identify.plantnet-project.org/api/resetting/request">
|
| 58 |
<img class="grande" src="http://resources.tela-botanica.org/tb/img/partenaires/plantnet_64.png" />
|
56 |
<img class="grande" src="http://resources.tela-botanica.org/tb/img/partenaires/plantnet_64.png" />
|
| 59 |
<img class="petite" src="http://resources.tela-botanica.org/tb/img/partenaires/plantnet_24.png" />
|
57 |
<img class="petite" src="http://resources.tela-botanica.org/tb/img/partenaires/plantnet_24.png" />
|
| 60 |
</a>
|
58 |
</a>
|
| 61 |
</li>
|
59 |
</li>
|
| 62 |
<!-- <li>
|
60 |
<!-- <li>
|
| 63 |
<a href="#" data-focus="false" title="Log in with eRecolnat" data-toggle="tooltip" data-nom-partenaire="eRecolnat">
|
61 |
<a href="#" data-focus="false" title="Log in with eRecolnat" data-toggle="tooltip" data-nom-partenaire="eRecolnat">
|
| 64 |
<img class="grande" src="http://resources.tela-botanica.org/tb/img/partenaires/erecolnat_64.png" />
|
62 |
<img class="grande" src="http://resources.tela-botanica.org/tb/img/partenaires/erecolnat_64.png" />
|
| 65 |
<img class="petite" src="http://resources.tela-botanica.org/tb/img/partenaires/erecolnat_24.png" />
|
63 |
<img class="petite" src="http://resources.tela-botanica.org/tb/img/partenaires/erecolnat_24.png" />
|
| 66 |
</a>
|
64 |
</a>
|
| 67 |
</li>
|
65 |
</li>
|
| 68 |
<li>
|
66 |
<li>
|
| 69 |
<a href="#" data-focus="false" title="Log in with le GBIF" data-toggle="tooltip" data-nom-partenaire="le GBIF">
|
67 |
<a href="#" data-focus="false" title="Log in with le GBIF" data-toggle="tooltip" data-nom-partenaire="le GBIF">
|
| 70 |
<img class="grande" src="http://resources.tela-botanica.org/tb/img/partenaires/gbif_64.png" />
|
68 |
<img class="grande" src="http://resources.tela-botanica.org/tb/img/partenaires/gbif_64.png" />
|
| 71 |
<img class="petite" src="http://resources.tela-botanica.org/tb/img/partenaires/gbif_24.png" />
|
69 |
<img class="petite" src="http://resources.tela-botanica.org/tb/img/partenaires/gbif_24.png" />
|
| 72 |
</a>
|
70 |
</a>
|
| 73 |
</li>
|
71 |
</li>
|
| 74 |
<li>
|
72 |
<li>
|
| 75 |
<a href="#" data-focus="false" title="Log in with Facebook" data-toggle="tooltip" data-nom-partenaire="Facebook">
|
73 |
<a href="#" data-focus="false" title="Log in with Facebook" data-toggle="tooltip" data-nom-partenaire="Facebook">
|
| 76 |
<img class="grande" src="http://resources.tela-botanica.org/tb/img/partenaires/fb_64.png" />
|
74 |
<img class="grande" src="http://resources.tela-botanica.org/tb/img/partenaires/fb_64.png" />
|
| 77 |
<img class="petite" src="http://resources.tela-botanica.org/tb/img/partenaires/fb_24.png" />
|
75 |
<img class="petite" src="http://resources.tela-botanica.org/tb/img/partenaires/fb_24.png" />
|
| 78 |
</a>
|
76 |
</a>
|
| 79 |
</li> -->
|
77 |
</li> -->
|
| 80 |
</ul>
|
78 |
</ul>
|
| 81 |
</div>
|
79 |
</div>
|
| 82 |
<form id="formulaire-identification">
|
80 |
<form id="formulaire-identification">
|
| 83 |
<div id="info-partenaire">
|
81 |
<div id="info-partenaire">
|
| 84 |
Log in with <span id="nom-partenaire">Tela Botanica</span>
|
82 |
Log in with <span id="nom-partenaire">Tela Botanica</span>
|
| 85 |
</div>
|
83 |
</div>
|
| 86 |
<div class="form-group">
|
84 |
<div class="form-group">
|
| 87 |
<label class="left" for="login">Email address</label>
|
- |
|
| 88 |
<br/>
|
- |
|
| 89 |
<input type="email" required class="form-control" id="login" placeholder="john@tela-botanica.org">
|
85 |
<input type="email" required class="form-control" id="login" placeholder="email address">
|
| 90 |
</div>
|
86 |
</div>
|
| 91 |
<div class="form-group">
|
87 |
<div class="form-group position-relative">
|
| 92 |
<label class="left" for="mdp">Password</label>
|
- |
|
| 93 |
<span class="right">
|
88 |
<span class="mdp-oublie">
|
| 94 |
(<a id="mdp-oublie" href="http://www.tela-botanica.org/page:inscription?m=f_oubli_mdp" target="_blank">lost it ?</a>)
|
89 |
<a id="mdp-oublie" href="http://www.tela-botanica.org/page:inscription?m=f_oubli_mdp" target="_blank">lost it ?</a>
|
| 95 |
</span>
|
90 |
</span>
|
| 96 |
<br/>
|
- |
|
| 97 |
<input type="password" required class="form-control" id="mdp" placeholder="password">
|
91 |
<input type="password" required class="form-control" id="mdp" placeholder="password">
|
| 98 |
</div>
|
92 |
</div>
|
| - |
|
93 |
<div class="commandes-formulaire">
|
| 99 |
<a id="lien-inscription" href="http://www.tela-botanica.org/inscription" target="_blank">Sign up</a>
|
94 |
<a id="lien-inscription" href="http://www.tela-botanica.org/inscription" target="_blank">Sign up</a>
|
| 100 |
<button id="bouton-connexion" type="submit" class="btn btn-primary">Log in</button>
|
95 |
<button id="bouton-connexion" type="submit" class="btn btn-primary">Log in</button>
|
| - |
|
96 |
</div>
|
| 101 |
</form>
|
97 |
</form>
|
| 102 |
<div class="info-erreur" id="info-erreur-login" style="display:none;">Wrong id or password</div>
|
98 |
<div class="info-erreur" id="info-erreur-login" style="display:none;">Wrong id or password</div>
|
| 103 |
<div class="info-erreur" id="info-erreur-serveur" style="display:none;">Server error</div>
|
99 |
<div class="info-erreur" id="info-erreur-serveur" style="display:none;">Server error</div>
|
| 104 |
</div>
|
100 |
</div>
|
| 105 |
|
101 |
|
| 106 |
<div class="contenu-boite" id="panneau-bienvenue" style="display: none;">
|
102 |
<div class="contenu-boite" id="panneau-bienvenue" style="display: none;">
|
| 107 |
<div id="logo-tb">
|
103 |
<div id="logo-tb">
|
| 108 |
<img src="http://resources.tela-botanica.org/tb/img/64x64/logo.png" />
|
104 |
<img src="http://resources.tela-botanica.org/tb/img/64x64/logo.png" />
|
| 109 |
</div>
|
105 |
</div>
|
| 110 |
<div id="bienvenue">
|
106 |
<div id="bienvenue">
|
| 111 |
<span class="leger">welcome</span> <span id="nom-complet"></span>
|
107 |
<span class="leger">welcome</span> <span id="nom-complet"></span>
|
| 112 |
<br/>
|
108 |
<br/>
|
| 113 |
(<a id="deconnexion" href="#">log out</a>)
|
109 |
(<a id="deconnexion" href="#">log out</a>)
|
| 114 |
</div>
|
110 |
</div>
|
| 115 |
<div id="liste-applications">
|
111 |
<div id="liste-applications">
|
| 116 |
<h2>Discover our applications :</h2>
|
112 |
<h2>Discover our applications :</h2>
|
| 117 |
<ul>
|
113 |
<ul>
|
| 118 |
<li>
|
114 |
<li>
|
| 119 |
<a href="http://www.tela-botanica.org" title="Site Web" data-toggle="tooltip">
|
115 |
<a href="http://www.tela-botanica.org" title="Site Web" data-toggle="tooltip">
|
| 120 |
<div class="bouton-appli www">www</div>
|
116 |
<div class="bouton-appli www">www</div>
|
| 121 |
</a>
|
117 |
</a>
|
| 122 |
</li>
|
118 |
</li>
|
| 123 |
<li>
|
119 |
<li>
|
| 124 |
<a href="http://www.tela-botanica.org/page:eflore_bdtfx" title="eFlore" data-toggle="tooltip">
|
120 |
<a href="http://www.tela-botanica.org/page:eflore_bdtfx" title="eFlore" data-toggle="tooltip">
|
| 125 |
<div class="bouton-appli eflore">eF</div>
|
121 |
<div class="bouton-appli eflore">eF</div>
|
| 126 |
</a>
|
122 |
</a>
|
| 127 |
</li>
|
123 |
</li>
|
| 128 |
<li>
|
124 |
<li>
|
| 129 |
<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" data-toggle="tooltip">
|
125 |
<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" data-toggle="tooltip">
|
| 130 |
<div class="bouton-appli cel">CeL</div>
|
126 |
<div class="bouton-appli cel">CeL</div>
|
| 131 |
</a>
|
127 |
</a>
|
| 132 |
</li>
|
128 |
</li>
|
| 133 |
<li>
|
129 |
<li>
|
| 134 |
<a href="http://www.tela-botanica.org/appli:identiplante" title="Identiplante" data-toggle="tooltip">
|
130 |
<a href="http://www.tela-botanica.org/appli:identiplante" title="Identiplante" data-toggle="tooltip">
|
| 135 |
<div class="bouton-appli identiplante">IP</div>
|
131 |
<div class="bouton-appli identiplante">IP</div>
|
| 136 |
</a>
|
132 |
</a>
|
| 137 |
</li>
|
133 |
</li>
|
| 138 |
<li>
|
134 |
<li>
|
| 139 |
<a href="http://www.tela-botanica.org/appli:pictoflora" title="Pictoflora" data-toggle="tooltip">
|
135 |
<a href="http://www.tela-botanica.org/appli:pictoflora" title="Pictoflora" data-toggle="tooltip">
|
| 140 |
<div class="bouton-appli pictoflora">PF</div>
|
136 |
<div class="bouton-appli pictoflora">PF</div>
|
| 141 |
</a>
|
137 |
</a>
|
| 142 |
</li>
|
138 |
</li>
|
| 143 |
<li>
|
139 |
<li>
|
| 144 |
<a href="http://www.tela-botanica.org/appli:smartflore" title="Smart'Flore" data-toggle="tooltip">
|
140 |
<a href="http://www.tela-botanica.org/appli:smartflore" title="Smart'Flore" data-toggle="tooltip">
|
| 145 |
<div class="bouton-appli smartflore">SF</div>
|
141 |
<div class="bouton-appli smartflore">SF</div>
|
| 146 |
</a>
|
142 |
</a>
|
| 147 |
</li>
|
143 |
</li>
|
| 148 |
<li>
|
144 |
<li>
|
| 149 |
<a href="http://www.tela-botanica.org/appli:coel" title="Collections en Ligne" data-toggle="tooltip">
|
145 |
<a href="http://www.tela-botanica.org/appli:coel" title="Collections en Ligne" data-toggle="tooltip">
|
| 150 |
<div class="bouton-appli coel">Co</div>
|
146 |
<div class="bouton-appli coel">Co</div>
|
| 151 |
</a>
|
147 |
</a>
|
| 152 |
</li>
|
148 |
</li>
|
| 153 |
<li>
|
149 |
<li>
|
| 154 |
<a href="http://referentiels.tela-botanica.org" title="Référentiels" data-toggle="tooltip">
|
150 |
<a href="http://referentiels.tela-botanica.org" title="Référentiels" data-toggle="tooltip">
|
| 155 |
<div class="bouton-appli referentiels">Réf</div>
|
151 |
<div class="bouton-appli referentiels">Réf</div>
|
| 156 |
</a>
|
152 |
</a>
|
| 157 |
</li>
|
153 |
</li>
|
| 158 |
<li>
|
154 |
<li>
|
| 159 |
<a href="http://www.tela-botanica.org/wikini" title="Wikini" data-toggle="tooltip">
|
155 |
<a href="http://www.tela-botanica.org/wikini" title="Wikini" data-toggle="tooltip">
|
| 160 |
<div class="bouton-appli wiki">W</div>
|
156 |
<div class="bouton-appli wiki">W</div>
|
| 161 |
</a>
|
157 |
</a>
|
| 162 |
</li>
|
158 |
</li>
|
| 163 |
</ul>
|
159 |
</ul>
|
| 164 |
</div>
|
160 |
</div>
|
| 165 |
</div>
|
161 |
</div>
|
| 166 |
</div>
|
162 |
</div>
|
| 167 |
</div>
|
163 |
</div>
|
| 168 |
</body>
|
164 |
</body>
|
| 169 |
</html>
|
165 |
</html>
|