moving adjustments to style.css
This commit is contained in:
+8
-1
@@ -15,6 +15,7 @@ a:hover {
|
||||
|
||||
h3 {
|
||||
text-align: center;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
iframe {
|
||||
@@ -130,6 +131,7 @@ button:hover {
|
||||
justify-content: space-between;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.topnav form {
|
||||
@@ -142,7 +144,8 @@ button:hover {
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.topnav button:hover {
|
||||
@@ -187,6 +190,9 @@ button:hover {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.overview .chart {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.overview-stats {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@@ -362,6 +368,7 @@ button:hover {
|
||||
.overview .right-column .chart img {
|
||||
margin-left: 5%;
|
||||
margin-right: auto;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1000px) {
|
||||
|
||||
+10
-10
@@ -1,32 +1,32 @@
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<div style="margin-bottom:15px" class="topnav" id="myTopnav">
|
||||
<div class="topnav" id="myTopnav">
|
||||
<form action="" method="GET" id="views">
|
||||
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Overview" form="views">Overview</button>
|
||||
<button type="submit" name="view" value="Overview" form="views">Overview</button>
|
||||
</form>
|
||||
<form action="" method="GET" id="views">
|
||||
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Today's Detections" form="views">Today's Detections</button>
|
||||
<button type="submit" name="view" value="Today's Detections" form="views">Today's Detections</button>
|
||||
</form>
|
||||
<form action="" method="GET" id="views">
|
||||
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Species Stats" form="views">Best Recordings</button>
|
||||
<button type="submit" name="view" value="Species Stats" form="views">Best Recordings</button>
|
||||
</form>
|
||||
<form action="" method="GET" id="views">
|
||||
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Streamlit" form="views">Species Stats</button>
|
||||
<button type="submit" name="view" value="Streamlit" form="views">Species Stats</button>
|
||||
</form>
|
||||
<form action="" method="GET" id="views">
|
||||
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Daily Charts" form="views">Daily Charts</button>
|
||||
<button type="submit" name="view" value="Daily Charts" form="views">Daily Charts</button>
|
||||
</form>
|
||||
<form action="" method="GET" id="views">
|
||||
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Recordings" form="views">Recordings</button>
|
||||
<button type="submit" name="view" value="Recordings" form="views">Recordings</button>
|
||||
</form>
|
||||
<form action="" method="GET" id="views">
|
||||
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Spectrogram" form="views">Spectrogram</button>
|
||||
<button type="submit" name="view" value="Spectrogram" form="views">Spectrogram</button>
|
||||
</form>
|
||||
<form action="" method="GET" id="views">
|
||||
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="View Log" form="views">View Log</button>
|
||||
<button type="submit" name="view" value="View Log" form="views">View Log</button>
|
||||
</form>
|
||||
<form action="" method="GET" id="views">
|
||||
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Tools" form="views">Tools</button>
|
||||
<button type="submit" name="view" value="Tools" form="views">Tools</button>
|
||||
</form>
|
||||
<button href="javascript:void(0);" class="icon" onclick="myFunction()"><img src="images/menu.png"></button>
|
||||
</div>
|
||||
|
||||
@@ -95,7 +95,7 @@ if(isset($_GET['ajax_detections']) && $_GET['ajax_detections'] == "true" && isse
|
||||
}
|
||||
</style>
|
||||
<table class="<?php echo ($_GET['previous_detection_identifier'] == 'undefined') ? '' : 'fade-in'; ?>">
|
||||
<h3 style="margin-bottom:12px">Most Recent Detection: <span style="font-weight: normal;"><?php echo $mostrecent['Date']." ".$mostrecent['Time'];?></span></h3>
|
||||
<h3>Most Recent Detection: <span style="font-weight: normal;"><?php echo $mostrecent['Date']." ".$mostrecent['Time'];?></span></h3>
|
||||
<tr>
|
||||
<td>
|
||||
<form action="" method="GET">
|
||||
@@ -103,7 +103,7 @@ if(isset($_GET['ajax_detections']) && $_GET['ajax_detections'] == "true" && isse
|
||||
<button type="submit" name="species" value="<?php echo $mostrecent['Com_Name'];?>"><?php echo $mostrecent['Com_Name'];?>: </button>
|
||||
<a href="https://wikipedia.org/wiki/<?php echo $sciname;?>" target="_blank"/><i><?php echo $mostrecent['Sci_Name'];?></i></a>
|
||||
<br>Confidence: <?php echo $mostrecent['Confidence'];?><br>
|
||||
<video style="margin-top:10px" onplay='setLiveStreamVolume(0)' onended='setLiveStreamVolume(1)' onpause='setLiveStreamVolume(1)' controls poster="<?php echo $filename.".png";?>" preload="none" title="<?php echo $filename;?>"><source src="<?php echo $filename;?>"></video></td>
|
||||
<video style="margin-top: 10px;" onplay='setLiveStreamVolume(0)' onended='setLiveStreamVolume(1)' onpause='setLiveStreamVolume(1)' controls poster="<?php echo $filename.".png";?>" preload="none" title="<?php echo $filename;?>"><source src="<?php echo $filename;?>"></video></td>
|
||||
</form>
|
||||
</tr>
|
||||
</table> <?php
|
||||
@@ -159,7 +159,7 @@ body::-webkit-scrollbar {
|
||||
<div class="left-column">
|
||||
</div>
|
||||
<div class="right-column">
|
||||
<div style="margin-top:10px" class="chart">
|
||||
<div class="chart">
|
||||
<?php
|
||||
if (file_exists('./scripts/thisrun.txt')) {
|
||||
$config = parse_ini_file('./scripts/thisrun.txt');
|
||||
@@ -178,7 +178,7 @@ if (file_exists('./Charts/'.$chart)) {
|
||||
|
||||
<div id="most_recent_detection"></div>
|
||||
|
||||
<h3 style="margin-bottom:12px">Currently Analyzing...</h3>
|
||||
<h3>Currently Analyzing</h3>
|
||||
<?php
|
||||
$refresh = $config['RECORDING_LENGTH'];
|
||||
$time = time();
|
||||
|
||||
Reference in New Issue
Block a user