190 lines
6.5 KiB
HTML
190 lines
6.5 KiB
HTML
|
|
<html>
|
|
<style>
|
|
/* ===== Scrollbar CSS ===== */
|
|
/* Firefox */
|
|
* {
|
|
scrollbar-width: auto;
|
|
scrollbar-color: #ffffff #ffffff;
|
|
}
|
|
|
|
/* Chrome, Edge, and Safari */
|
|
*::-webkit-scrollbar {
|
|
width: 12px;
|
|
}
|
|
|
|
*::-webkit-scrollbar-track {
|
|
background: black;
|
|
}
|
|
|
|
*::-webkit-scrollbar-thumb {
|
|
background-color: #ffffff;
|
|
border-radius: 15px;
|
|
border: 3px solid #ffffff;
|
|
}
|
|
body span{
|
|
color:white;
|
|
font-family: Quicksand, sans-serif;
|
|
font-size: 18pt;
|
|
font-weight: 300;
|
|
letter-spacing: 0px;
|
|
}
|
|
.menu_container{
|
|
width: 620px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.menu_element{
|
|
font-family: 'Source Sans Pro', sans-serif;
|
|
font-size: 18pt;
|
|
font-weight: 300;
|
|
letter-spacing: 0px;
|
|
}
|
|
.menu_element a{
|
|
color: white !important;
|
|
text-decoration: none !important;
|
|
}
|
|
.div_container{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
width: 100%
|
|
height: 100%;
|
|
}
|
|
.div_container a{
|
|
color: white !important;
|
|
text-decoration: none !important;
|
|
}
|
|
.div_item{
|
|
border: 1px solid #1e1e1e;
|
|
flex-grow: 1;
|
|
padding: 10px;
|
|
border: 2px ridge #FFFFFF;
|
|
border-radius: 28px;
|
|
margin: 5px;
|
|
|
|
}
|
|
.div_item ifram{
|
|
overflow: auto;
|
|
}
|
|
.div_item .vertical_content_item{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-content: stretch;
|
|
}
|
|
|
|
|
|
.top_container{
|
|
display: flex;
|
|
height: 115px;
|
|
align-content: flex-start;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 135px;
|
|
overflow: auto;
|
|
}
|
|
.main_div{
|
|
height: 440px;
|
|
padding: 10px 10px 0px 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>
|
|
<head>
|
|
<title>Reskreen</title>
|
|
</head>
|
|
<link href="https://fonts.googleapis.com/css?family=Quicksand%3A300%2C400%2C700%7CSource%20Sans%20Pro%3A400%2C400italic%2C600%2C700%2C700italic&display=swap" rel="stylesheet" nonce="">
|
|
<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: 300px;">
|
|
<img style="width:71px;" src="https://prod.resk-u.ch/logos/logo_clerc_200.png">
|
|
<span style="padding-left: 20px">Ambulance Clerc SA</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 style="pointer-events: none;"></iframe>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="menu_container" style="">
|
|
<span class="menu_element" style="font-weight: bold;">
|
|
<a href="https://ambulance-clerc.optimiso.net/app/index.html#/login" target="_blank">Optimiso</a>
|
|
</span>
|
|
<span class="menu_element" style="font-weight: bold;">
|
|
<a href="https://extra.ambulance-clerc.ch" target="_blank">Intranet</a>
|
|
</span>
|
|
<span class="menu_element" style="font-weight: bold;">
|
|
<a href="https://apps.rescuetrack.com/rwa/" target="_blank">RescueTrack</a>
|
|
</span>
|
|
<span class="menu_element" style="font-weight: bold;">
|
|
<a href="/vehicules/vhc" target="_blank">Véhicules</a>
|
|
</span>
|
|
</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" style="pointer-events: none;" >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">
|
|
<iframe style="border:0;width:100%;height:350px;color:white;margin-top:17px" src="team"></iframe>
|
|
</div>
|
|
<div style="" class="div_item main_div">
|
|
<p style=""><a href="/admin/comm_op" target="_blank">Communications importantes</a></p>
|
|
<iframe style="border:0;width:100%;height:350px" src="op"></iframe>
|
|
</div>
|
|
|
|
<div style="" class="div_item main_div">
|
|
<p style="">
|
|
<a href="https://calendar.infomaniak.com/?view=week" target="_blank">
|
|
Agenda véhicules
|
|
</a>
|
|
</p>
|
|
<iframe style="border:0;width:100%;height:350px" src="vhc"></iframe>
|
|
</div>
|
|
<div style="" class="div_item main_div vertical_content_item">
|
|
<div style="height: 170px;flex-grow: 1;">
|
|
<p style="">
|
|
<a href="https://calendar.infomaniak.com/?view=week" target="_blank">
|
|
Accueil
|
|
</a>
|
|
</p>
|
|
<iframe style="border:0;width:100%; height:175px" src="rh"></iframe>
|
|
</div>
|
|
<div style="height: 170px;flex-grow: 1;">
|
|
<p style="">Manifestations</p>
|
|
<iframe style="border:0;width:100%;height:175px;color:white" src="manif"></iframe>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="" class="div_item main_div">
|
|
<p style="">
|
|
<a href="https://calendar.infomaniak.com/?view=week" target="_blank">
|
|
Tâches à faire
|
|
</a>
|
|
</p>
|
|
<iframe style="border:0;width:100%;height:350px" src="task"></iframe>
|
|
</div>
|
|
<div style="" class="div_item main_div">
|
|
<p style=""><a href="https://www.google.com/maps/d/u/0/viewer?mid=1DJaPnRr_suT6vDo-YZ73PDbcVKKn4sqV&ll=46.25882553072212%2C6.971057708051243&z=14" target="_blank">Restrictions routières</a></p>
|
|
<iframe style="border:0;width:100%;height:350px;" src="road"></iframe>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|