112 lines
3.9 KiB
HTML
112 lines
3.9 KiB
HTML
|
|
<html>
|
|
<style>
|
|
body span{
|
|
color:white;
|
|
font-family: 'Source Sans Pro', sans-serif;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
.div_container{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
width: 100%
|
|
height: 100%;
|
|
}
|
|
.div_item{
|
|
border: 1px solid #1e1e1e;
|
|
flex-grow: 1;
|
|
padding: 10px;
|
|
border: 2px ridge #FFFFFF;
|
|
border-radius: 28px;
|
|
margin: 5px;
|
|
|
|
}
|
|
.div_item .vertical_content_item{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-content: stretch;
|
|
}
|
|
|
|
.top_container{
|
|
display: flex;
|
|
height: 115px;
|
|
align-content: flex-start;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.main_div{
|
|
height: 440px;
|
|
padding: 10px;
|
|
width: 30%;
|
|
}
|
|
.main_div p{
|
|
color: white;
|
|
font-weight: bold;
|
|
font-size: 18pt;
|
|
text-align: center;
|
|
//text-transform: uppercase;
|
|
font-family: 'Source Sans Pro', sans-serif;
|
|
}
|
|
</style>
|
|
<body style="background-color:black">
|
|
<div style="width: 100%;" class="top_container">
|
|
<div style="width: 350px; display: flex;flex-grow: 1;align-content: stretch;justify-content:flex-start;">
|
|
<div style="display: flex; align-items: center;justify-content: space-between;width: 275px;">
|
|
<img style="width:71px;" src="https://prod.resk-u.ch/logos/logo_clerc_200.png">
|
|
<span>Ambulance Clerc</span>
|
|
</div>
|
|
<div>
|
|
<iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=fr&size=medium&timezone=Europe%2FZurich" width="100%" height="115" frameborder="0" scrolling="no" seamless ></iframe>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="width: 500px; height: 115px; "><a class="weatherwidget-io" href="https://forecast7.com/fr/46d256d95/monthey/" data-label_1="MONTHEY" data-label_2="METEO" data-days="3" data-theme="dark" >MONTHEY METEO</a>
|
|
<script>
|
|
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
|
|
</script>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="div_container">
|
|
<div style="" class="div_item main_div">
|
|
<p style="">Équipages</p>
|
|
<iframe style="border:0;width:100%;height:100%;color:white" src="team"></iframe>
|
|
</div>
|
|
<div style="" class="div_item main_div vertical_content_item">
|
|
<div style="height: 170px;flex-grow: 1;">
|
|
<p style="">Restrictions routières</p>
|
|
<iframe scrolling="no" style="border:0;width:100%;height:100%" src="road"></iframe>
|
|
</div>
|
|
<div style="height: 170px;flex-grow: 1;">
|
|
<p style="">Manifestations</p>
|
|
<iframe style="border:0;width:100%;height:100%;color:white" src="manif"></iframe>
|
|
</div>
|
|
|
|
</div>
|
|
<div style="" class="div_item main_div">
|
|
<p style="">Agenda véhicules</p>
|
|
<iframe style="border:0;width:100%;height:100%" src="vhc"></iframe>
|
|
</div>
|
|
<div style="" class="div_item main_div">
|
|
<p style="">Accueil</p>
|
|
<iframe scrolling="no" style="border:0;width:100%;height:100%" src="rh"></iframe>
|
|
</div>
|
|
<div style="" class="div_item main_div">
|
|
<p style="">Tâches à faire</p>
|
|
<iframe scrolling="no" style="border:0;width:100%;height:100%" src="task"></iframe>
|
|
</div>
|
|
<div style="" class="div_item main_div">
|
|
<p style="">Communications importantes</p>
|
|
<iframe scrolling="no" style="border:0;width:100%;height:100%" src="op"></iframe>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|