centered history
This commit is contained in:
+28
-4
@@ -21,6 +21,19 @@
|
|||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.banner img {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.banner a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: black;
|
||||||
|
font-size: x-large;
|
||||||
|
}
|
||||||
|
|
||||||
.topbar {
|
.topbar {
|
||||||
display: block;
|
display: block;
|
||||||
width: auto;
|
width: auto;
|
||||||
@@ -57,12 +70,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.play table {
|
.play table {
|
||||||
|
display: block;
|
||||||
width:50%;
|
width:50%;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.overview td {
|
.overview td {
|
||||||
|
vertical-align:middle;
|
||||||
width:20%;
|
width:20%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -71,7 +86,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.stats table {
|
.stats table {
|
||||||
width: 100%;
|
width: 75%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats td {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.history table,.history img {
|
||||||
|
width: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@@ -98,7 +123,6 @@ table {
|
|||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
/* border: 1px solid black;*/
|
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
@@ -179,7 +203,7 @@ body::-webkit-scrollbar {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 600px) {
|
@media screen and (max-width: 600px) {
|
||||||
.play table,.overview table {
|
.play table,.overview table,.stats table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.topnav button {
|
.topnav button {
|
||||||
@@ -196,7 +220,7 @@ body::-webkit-scrollbar {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 600px) {
|
@media screen and (max-width: 600px) {
|
||||||
.play table,.overview table {
|
.play table,.overview table,.stats table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.topnav button {
|
.topnav button {
|
||||||
|
|||||||
+2
-3
@@ -26,19 +26,17 @@ $totalcount = $result1->fetchArray(SQLITE3_ASSOC);
|
|||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<div class="history centered">
|
||||||
<form action="" method="POST">
|
<form action="" method="POST">
|
||||||
<input type="date" name="date" value="<?php echo $theDate;?>">
|
<input type="date" name="date" value="<?php echo $theDate;?>">
|
||||||
<button type="submit" name="view" value="Daily Charts">Submit Date</button>
|
<button type="submit" name="view" value="Daily Charts">Submit Date</button>
|
||||||
</form>
|
</form>
|
||||||
<div>
|
|
||||||
<table>
|
<table>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Total Detections For The Day</th>
|
<th>Total Detections For The Day</th>
|
||||||
<td><?php echo $totalcount['COUNT(*)'];?></td>
|
<td><?php echo $totalcount['COUNT(*)'];?></td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
if (file_exists('/home/pi/BirdSongs/Extracted/Charts/'.$chart)) {
|
if (file_exists('/home/pi/BirdSongs/Extracted/Charts/'.$chart)) {
|
||||||
echo "<img src=\"/Charts/$chart?nocache=time()\" >";
|
echo "<img src=\"/Charts/$chart?nocache=time()\" >";
|
||||||
@@ -51,4 +49,5 @@ if (file_exists('/home/pi/BirdSongs/Extracted/Charts/'.$chart2)) {
|
|||||||
} else {
|
} else {
|
||||||
echo "<p>No Charts For $theDate</p>";
|
echo "<p>No Charts For $theDate</p>";
|
||||||
}?>
|
}?>
|
||||||
|
</div>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user