meeting [wiki.molinier.io]

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
<html>
<style media="all" type="text/css">
/*Now the CSS*/
* {margin: 0; padding: 0;}
.tree ul {
	padding-top: 20px; position: relative;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid black;
	width: 50%; height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid black;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 1px solid black;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid black;
	width: 0; height: 20px;
}
/*Time to add downward connectors from parents*/
.tree li a{
	border: 1px solid black;
	padding: 5px 10px;
	text-decoration: none;
	color: black;
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	display: inline-block;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
	background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{
	border-color:  #94a0b4;
}

.root {
/*	background: #4626FF;*/
/*	background: #AE76EE;*/
	background: #C18EFA;
	color: black !important;
}
body {
	background:white;
}
a {
	background:white;
}
h1 {
	font-family: arial, verdana, tahoma;
	margin:auto;
	text-align:center;
}
.chartcointainer {
	border:2px solid black;
	padding:10px !important;
	margin:10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background:#A7C0FA;
}
.infobubble {
	float:left;
	background:orange;
	width:20px;
	color:blue;
	height:20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
</style>
<h1>How to attend this meeting remotely</h1>
<div class="tree">
	<ul>
		<li class="chartcointainer">
			<span class="infobubble">1</span>
			<a class="root">Are there <b>more than 3 participants ?</b></a>
			<ul>
				<li>
					<a>no</a>
					<ul>
						<li>
							<a id="secondparent">Call Etienne Directly.<br/><span class="note">He will then initiate a 3-person conf-call from his phone.</span></a>
							
						</li>
					</ul>
				</li>
				<li>
					<a>yes</a>
					<ul>
						<li>
							<a href="./Arkadin_access_numbers.pdf">Join the <b>Arkadin Conference call:</b>
							<div style="text-align:left">
								Tel: 0 805 119 350 / +33 (0)1 72 10 33 90<br/>
								Participant code : 71133731#<br/>
								<span style="text-decoration:underline;color:blue !important;cursor:pointer;cursor: hand;">Access numbers outside France</span>
							</div>
							</a>
						</li>
					</ul>
				</li>
			</ul>
		</li>
	</ul>
</div>


<div class="tree">
	<ul>
		<li class="chartcointainer" style="margin-top:-10px;">
			<span class="infobubble">2</span>
			<a href="#" class="root">Is <b>screen sharing required ?</b></a>
			<ul>
				<li>
					<a href="#" >yes</a>
					<ul>
						<li>
							<a href="#">Will <b>all participants have access to the Michelin Network ?</b></a>
							<ul>
								<li>
									<a href="https://meeting.michelin.com/stmeetings/room/etienne.molinier@fr.michelin.com/r�union-avec-etienne-molinier">yes</a>
									<ul>
										<li>
											<a href="https://meeting.michelin.com/stmeetings/room/etienne.molinier@fr.michelin.com/r�union-avec-etienne-molinier">Join the <span style="text-decoration:underline;color:blue !important;"><b>Sametime screen sharing</b></span></a>
										</li>
									</ul>
								</li>
								<li>
									<a href="https://michelin-hello.anywhereconference.com/?P=AnIkYSoxKEEXSxNEVE4vcihhITFOQUFLUUQATnhyeWF1MXpBSktYRDFOEXICYQoxTkFFS1BEAE5ycnhhczF9QUNL&LN=1.0.0.4">no</a>
									<ul>
										<li>
											<a href="https://michelin-hello.anywhereconference.com/?P=AnIkYSoxKEEXSxNEVE4vcihhITFOQUFLUUQATnhyeWF1MXpBSktYRDFOEXICYQoxTkFFS1BEAE5ycnhhczF9QUNL&LN=1.0.0.4">Join the <b>Arkadin screen sharing:</b><br/>
											<span style="text-decoration:underline;color:blue !important;">http://michelin.arkadin.com</span><br/>
											<span>Web login : 301921489</span><br/>
											<span>PIN : 71133731#</span>
											</a>
										</li>
									</ul>
								</li>
							</ul>
						</li>
					</ul>
				</li>
				<li>
					<a href="#">no</a>
					<ul>
						<li>
							<a href="#">end</span></a>
						</li>
					</ul>
				</li>
			</ul>
		</li>
	</ul>
</div>
<hr/>
<div id="hitcounter"></div>
<script type="text/javascript">
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    console.log('ajax returned status'+xhttp.status);
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      console.log('displaying the ajax obtained valies.');
      document.getElementById("hitcounter").innerHTML = xhttp.responseText;
    }
  };
  console.log('about to load the hitcounter using ajax');
  xhttp.open("GET", "https://www.emolinier.com/public/hitcounter/meeting.php", true);
  xhttp.send();
</script>
</html>