<!DOCTYPE html>
<html>
<head>
<title>Welcome to SkyAI</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="120">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" CONTENT="no-cache, must-revalidate">
<meta http-equiv="expires" content="365 days">
<script src="../static/js/jquery.min.js"></script>
<link rel="stylesheet" href="../static/css/bootstrap.min.css">
<script src="../static/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.2.1/bootstrap-slider.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.2.1/css/bootstrap-slider.min.css">
<link rel="stylesheet" href="../static/css/generalstyle.css?415">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="http://CSS3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 400px)" href="tinyScreen.css">
<link rel="stylesheet" type="text/css"media="screen and (min-width: 400px) and (max-device-width: 600px)"href="smallScreen.css" />
<style>
.slider-selection {
background: #BABABA;
}
.slider.slider-horizontal{
width: 10%;
}
#setlight>div>div{
display:inline-block;
vertical-align:middle;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
.img1 {
display: block;
margin-left: auto;
margin-right: auto;
margin: auto;
}
.detail{
font-family: Microsoft JhengHei;
border-radius: 100px;
background-color: #008CBA;
border: none;
color: white;
padding: 5px 12px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.4em;
margin: 4px 2px;
cursor: pointer;
transition-duration: 0.4s;
border: 3px solid white;
}
.detail:hover {
background-color: white;
color: black;
border: 3px solid black;
}
.title{
font-family: Microsoft JhengHei;
border-radius: 100px;
background-color: #f2f2f2;
border: none;
color: black;
padding: 10px 32px;
font-size: 2em;
}
.font {
color: white;
font-size: 1.4em;
}
.font:hover {
color: black;
font-size: 1.5em;
}
.sw_number {
width:40px;font-size:1.5em;border:1px;border-radius: 100px;
border: 3px solid lightgray;
}
.sw_number:hover {
width:40px;
font-size:1.5em;
border:1px;
border-radius: 100px;
border: 3px solid lightgreen;
background-color: white;
}
.choosed {
width:40px;
font-size:1.5em;
border:1px;
border-radius: 100px;
border: 3px solid red;
background-color: #DDDDDD;
}
.choose_nr {
font-family: Microsoft JhengHei;
color: #333333;
font-size: 1.7em;
/*text-shadow: 1px 2px black;*/
}
button {
background-color: white;
border-radius:10px;
border: 3px solid lightgray;
}
.stn{font-size:20px;background-color: white;border-radius:10px;border: 3px solid lightgray;background-color:white;}
.atn{font-size:20px;background-color:#25AD87;border-radius:10px;}
.stl{background-color:#DDDDDD;}
.atl{background-color:white;}
</style>
<script>
function changeColor(num){
for(var i=1;i<=8;i++){
var str = document.getElementById('sub_'+i);
if(i==num){
str.className="atn";
}
else{
str.className="stn";
}
}
}
function changeColor2(num){
for(var i=1;i<=4;i++){
var str = document.getElementById('stt_'+i);
if(i==num){
str.className="atl";
}
else{
str.className="stl";
}
}
}
</script>
</head>
<body>
<div class="container">
<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<style>
.choosed {
width: 40px;
font-size: 1.5em;
border: 1px;
border-radius: 100px;
border: 3px solid red;
background-color: white;
}
.sw_number {
width: 40px;
font-size: 1.5em;
border: 1px;
border-radius: 100px;
border: 3px solid lightgray;
}
</style>
</head>
<body>
<div id="header" class="row" style="background-color:#ffffff;">
<div class="col-md-8 col-md-12" style="text-align:center;margin:auto;">
<div class="col-md-6 col-sm-12" style="">
<img src="../static/img/logo_new.png" width="60%" height="30%">
</div>
<!--<a href="im1.php"><button class="btn btn-primary btn-lg" style="">影像控制</button></a>
<a href="/jvt/4/schedule1.php"><button class="btn btn-success btn-lg" style="">定程</button></a>-->
<!--<a href="history_jvt.php"><button class="btn btn-danger btn-lg" style="">車輛軌跡</button></a>
<a href="history_ndvi1.php"><button class="btn btn-danger btn-lg" style="">NDVI</button></a>
<a href="im3.php"><button class="btn btn-info btn-lg" style="">車載1</button></a>
<a href="im4.php"><button class="btn btn-info btn-lg" style="">車載2</button></a>
<a href="im5.php"><button class="btn btn-info btn-lg" style="">車載3</button></a>-->
<!--<a href="#"><button class="btn btn-warning btn-lg" style="">智慧貨架</button></a>
<a href="#"><button class="btn btn-info btn-lg" style="">使用者設定</button></a-->
</div>
<div class="col-md-12" style="background-color:red;width:100%;height:5px;margin-top:5px;">
</div>
</div>
</body>
</html>
<div style="height:20px;"></div>
<div class="col-sm-12" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
<center>
<table style="width:auto; height:auto" border="0" align="center">
<th>
<form class="form" name="form" method="get" action="/aindex">
<button type="submit" name="up" value="1" id="sub_1" onclick="changeColor('1')" style="width:120px;height:49px;font-size:20px;border-radius:10px;">毛豆田</button>
</form>
</th>
<th> </th>
<th>
<form class="form" name="form" method="get" action="/cindex/1">
<button type="submit" name="up" value="2" id="sub_2" onclick="changeColor('2')" style="width:120px;height:49px;font-size:20px;border-radius:10px;">毛豆車</button>
</form>
</th>
</table>
</center>
</div>
</div>
</body>
</html>